/*레이아웃*/ #medcal_print{width: 280px;height: 397px;margin:0 auto;background: #999;} #login{background: #eee; padding: 240px 0;} #header{background: #fff;} #gnb{width: 220px; min-height:calc(100vh - 70px); border-right: 1px solid #e6e6e6;} #banner_setting{width: calc(100% - 220px);min-height:calc(100vh - 80px); box-sizing:border-box; padding: 50px 0 ; border-top:1px solid #e5e5e5;} /*20-07-10 수정*/ #banner_setting_view{width: calc(100% - 220px);min-height:calc(100vh - 80px); box-sizing:border-box; /*overflow-y: auto;*/ padding: 50px 0 ; border-top:1px solid #e5e5e5;} /*20-07-10 수정*//* 20201231 overflow-y 수정 */ #information{width: calc(100% - 220px);min-height:calc(100vh - 80px); box-sizing:border-box; overflow-y: auto; padding: 50px 0; border-top:1px solid #e5e5e5;} /*20-07-10 수정*/ #member_wrap{width: calc(100% - 220px); min-height:calc(100vh - 80px); box-sizing:border-box; overflow-y: auto; padding: 50px 0; border-top:1px solid #e5e5e5;} /*container*/ .container{} /*row*/ .row{padding: 0 80px;} .wrap{display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: start;} /*dot 공통*/ .dot_wrap{text-align:center;} .dot_wrap ul{overflow: hidden;} .dot_wrap ul li{float: left;width: 36px;height: 36px; text-align: center; box-sizing:border-box; } .dot_wrap ul li a{display: inline-block;padding: 0 3px;} .dot_wrap .dot_left{display: inline-block; margin-right: 15px;} .dot_wrap .dot_left li{border-radius:50%; overflow:hidden;background:url(../img/ico_dotleft.png) no-repeat 50% 50%;} .dot_wrap .dot_left li a{display: block; width: 100%; height: 100%;} .dot_wrap .dot_page{display: inline-block;} .dot_wrap .dot_page li a{padding-top: 11px; font-size: 14px; color:#666;padding-bottom: 2px;} .dot_wrap .dot_page li.on a{font-weight: bold; color:#2bcc9a; border-bottom:2px solid #2bcc9a;} .dot_wrap .dot_right{display: inline-block;} .dot_wrap .dot_right li{border-radius:50%; overflow:hidden; background:url(../img/ico_dotright.png) no-repeat 50% 50%; margin-left: 15px;} .dot_wrap .dot_right li a{display: block; width: 100%; height: 100%;} /* textarea */ .textarea{width: 100%; height: 440px; resize:none;} .textarea2{width: 100%; height: 100px; resize:none;} /*login*/ .login{position: relative; width: 780px;height: 500px;margin: 0 auto;background: #fff; box-shadow: 0px 2px 4px 0px rgba(9, 0, 13, 0.1);} .login .login_right{position: absolute; top:54%;left: -60px; transform: translateY(-50%);} .login .login_right img{width: 458px;;} .login .login_left{float: left;padding: 75px 0;margin-left: 440px;width: 250px;} .login .login_left .login_logo{height: 34px;background: url(../img/login_logo.png) no-repeat 50% 0; margin-bottom: 15px;}/* 211028 */ .login .login_left .login_logotxt{font-size: 14px; color:#696b69; line-height: 16px;letter-spacing: 0;font-weight: bold;text-align: center;margin-bottom: 45px;} .login .login_left form ul li{margin-bottom: 25px; } .login .login_left form ul li:last-child{margin-bottom: 0;border-bottom:none;} .login .login_left form ul li input{display: block;width: 100%;height: 45px;line-height:45px;padding: 10px;box-sizing:border-box;background:none; border:none; font-size: 14px; color:#1a191b;border-bottom:1px solid #1a191b;} .login .login_left form ul li input:focus{border-bottom:3px solid #4439b2; color:#4439b2;font-size: 18px;} .login .login_left form ul li a{display: block;width: 100%;height: 50px;line-height:50px; margin-top: 50px;color:#fff;text-align: center;font-size: 15px;} /* header .header{width: 100%;height: 80px;} .header .main_logo{float:left;width: 270px; height: 100%;background: url(../img/main_logo.png)no-repeat 35px 50%;} .header .header_lnb{float:right;height: 36px;padding: 22px 50px 22px 0;} .header .header_lnb li{display: inline-block; float:left;} .header .header_lnb li a{display: inline-block; vertical-align:top;} .header .header_lnb .lnb_user{vertical-align:top; margin:12px 15px 12px 0;padding-left: 15px; background:url(../img/ico_acc.png)no-repeat 0 50%; font-size: 13px;color:#fff; margin-right: 15px; } .header .header_lnb .lnb_setting{overflow: hidden;border-radius:50%;margin-right: 15px;background: #fff;} .header .header_lnb .lnb_setting a{width: 36px;height: 36px; background: url(../img/ico_setting.png)no-repeat 50% 50%; } .header .header_lnb .lnb_logout a{width: 36px;height: 36px;background:url(../img/ico_logout.png) no-repeat 50% 50%;border-radius:50%;border:1px solid #fff;} */ /* 210506 header / gnb 수정 시작 */ .header{width: 100%;height: 70px; background: #4439b2;} .header .main_logo{float:left;width: 270px; height: 100%;background: url(../img/main_logo.png)no-repeat 35px 50%;} .header .header_lnb{float:right;height: 36px;padding: 17px 50px 17px 0;} .header .header_lnb li{display: inline-block; float:left;} .header .header_lnb li a{display: inline-block; vertical-align:top;} .header .header_lnb .lnb_user{vertical-align:top; margin:12px 15px 12px 0;padding-left: 15px; background:url(../img/ico_acc.png)no-repeat 0 50%; font-size: 13px;color:#fff; margin-right: 15px; } .header .header_lnb .lnb_user span{font-weight: bold;} .header .header_lnb .lnb_setting{overflow: hidden;border-radius:50%;margin-right: 15px;background: #fff;} .header .header_lnb .lnb_setting a{width: 36px;height: 36px; background: url(../img/ico_setting.png)no-repeat 50% 50%; } .header .header_lnb .lnb_logout a{width: 36px;height: 36px;background: url(../img/ico_logout.png) no-repeat 50% 50%;border-radius:50%;border:1px solid #fff;} /* 210506 gnb 탭메뉴 추가 */ .gnb_tap_wrap{display: flex;} .gnb_tap_wrap li{width: calc(100% / 2);} .gnb_tap_wrap li input[type="radio"]{position: absolute;top: 0; left: -99999px;} .gnb_tap_wrap li input[type="radio"] + label{display: inline-block; line-height: 55px;width: 100%;text-align: center;border-bottom: 1px solid #e6e6e6; cursor: pointer;font-weight: bold;color: #999;} .gnb_tap_wrap li input[type="radio"]:checked + label{color: #4439b2;border-bottom: 3px solid #4439b2;} /* gnb_스토어 */ .gnb{padding:35px;} .gnb .gnb_list_area > li{margin-bottom: 28px;} .gnb .gnb_list_area > li:first-child{margin-top: 0;} .gnb .gnb_list_area > li > a{position: relative; display: block; line-height: 16px; padding-left: 25px; color:#151515; font-size: 15px; font-weight: bold; letter-spacing: -0.9px; background-position:0 50%; background-repeat:no-repeat;} .gnb .gnb_list_area > li > a:after{display: block;content:''; position: absolute; top:calc(50% - 3px); right:0; width: 11px; height: 6px; background:url(../img/gnb_list.png) no-repeat; background-size: contain;} .gnb .gnb_list_area > li.on > a{color: #4439b2;} .gnb .gnb_list_area > li.on > a:after{background-image:url(../img/gnb_list_on.png);} .gnb .gnb_list_area > li.gnb_basic > a{background-image:url(../img/gnb_ico01.png);} .gnb .gnb_list_area > li.gnb_basic.on > a{background-image:url(../img/gnb_ico01_on.png);} .gnb .gnb_list_area > li.gnb_member > a{background-image:url(../img/gnb_ico02.png);} .gnb .gnb_list_area > li.gnb_member.on > a{background-image:url(../img/gnb_ico02_on.png);} .gnb .gnb_list_area > li.gnb_commu > a{background-image:url(../img/gnb_ico03.png);} .gnb .gnb_list_area > li.gnb_commu.on > a{background-image:url(../img/gnb_ico03_on.png);} .gnb .gnb_list_area > li.gnb_user > a{background-image:url(../img/gnb_ico04.png);} .gnb .gnb_list_area > li.gnb_user.on > a{background-image:url(../img/gnb_ico04_on.png);} .gnb .gnb_list_area > li.gnb_contri > a{background-image:url(../img/gnb_ico05.png);} .gnb .gnb_list_area > li.gnb_contri.on > a{background-image:url(../img/gnb_ico05_on.png);} .gnb .gnb_list_area > li.gnb_calcu > a{background-image:url(../img/gnb_ico06.png);} .gnb .gnb_list_area > li.gnb_calcu.on > a{background-image:url(../img/gnb_ico06_on.png);} .gnb .gnb_list_area > li.gnb_id > a{background-image:url(../img/gnb_ico07.png);} .gnb .gnb_list_area > li.gnb_id.on > a{background-image:url(../img/gnb_ico07_on.png);} .gnb .gnb_list_area > li.gnb_acc > a{background-image:url(../img/gnb_ico08.png);} .gnb .gnb_list_area > li.gnb_acc.on > a{background-image:url(../img/gnb_ico08_on.png);} .gnb .gnb_list_area > li .gnb_list_in{padding-top: 10px; padding-left: 25px; display: none;} .gnb .gnb_list_area > li .gnb_list_in.on{display: block;} .gnb .gnb_list_area > li .gnb_list_in > li{font-size: 0;} .gnb .gnb_list_area > li .gnb_list_in > li.on{background:url(../img/ico_gnb_link.png) no-repeat 100% 9px;} .gnb .gnb_list_area > li .gnb_list_in > li > a{display: inline-block; font-size: 13px; color:#9c99b8; line-height: 25px;} .gnb .gnb_list_area > li .gnb_list_in > li.on > a{color:#4439b2;} .gnb .gnb_list_area > li .gnb_list_in > li .gnb_list_3depth ul li {font-size: 0; margin-bottom: 12px;} .gnb .gnb_list_area > li .gnb_list_in > li .gnb_list_3depth ul li:first-child{margin-top: 5px;} .gnb .gnb_list_area > li .gnb_list_in > li .gnb_list_3depth ul li:last-child{margin-bottom: 10px;} .gnb .gnb_list_area > li .gnb_list_in > li .gnb_list_3depth ul li a{display: block;font-size: 11px; line-height: 1; color:rgba(255,255,255,0.5);} .gnb .gnb_list_area > li .gnb_list_in > li .gnb_list_3depth ul li.on a{ color:#fff; text-decoration: underline; } /* //gnb_스토어 */ /* gnb_콘텐츠 */ .gnb.gnb_cont{padding:35px;} .gnb.gnb_cont .gnb_list_area > li{margin-bottom: 28px;} .gnb.gnb_cont .gnb_list_area > li:first-child{margin-top: 0;} .gnb.gnb_cont .gnb_list_area > li > a{position: relative; display: block; line-height: 16px; padding-left: 25px; color:#151515; font-size: 15px; font-weight: bold; letter-spacing: -0.9px; background-position:0 50%; background-repeat:no-repeat;} .gnb.gnb_cont .gnb_list_area > li > a:after{display: block;content:''; position: absolute; top:calc(50% - 3px); right:0; width: 11px; height: 6px; background:url(../img/gnb_list.png) no-repeat; background-size: contain;} .gnb.gnb_cont .gnb_list_area > li.on > a{color: #4439b2;} .gnb.gnb_cont .gnb_list_area > li.on > a:after{background-image:url(../img/gnb_list_on.png);} .gnb.gnb_cont .gnb_list_area > li.gnb_basic > a{background-image:url(../img/gnb_ico16.png);}/* 211216 아이콘변경 */ .gnb.gnb_cont .gnb_list_area > li.gnb_basic.on > a{background-image:url(../img/gnb_ico16_on.png);}/* 211216 아이콘변경 */ .gnb.gnb_cont .gnb_list_area > li.gnb_member > a{background-image:url(../img/gnb_ico09.png);} .gnb.gnb_cont .gnb_list_area > li.gnb_member.on > a{background-image:url(../img/gnb_ico09_on.png);} .gnb.gnb_cont .gnb_list_area > li.gnb_commu > a{background-image:url(../img/gnb_ico10.png);} .gnb.gnb_cont .gnb_list_area > li.gnb_commu.on > a{background-image:url(../img/gnb_ico10_on.png);} .gnb.gnb_cont .gnb_list_area > li.gnb_contri > a{background-image:url(../img/gnb_ico11.png);} .gnb.gnb_cont .gnb_list_area > li.gnb_contri.on > a{background-image:url(../img/gnb_ico11_on.png);} /* .gnb.gnb_cont .gnb_list_area > li.gnb_contri > a:after{content: none;} .gnb.gnb_cont .gnb_list_area > li.gnb_contri.on > a:after{content: none;} 231124 2뎁스 추가 */ /*.gnb.gnb_cont .gnb_list_area > li.gnb_member > a:after{content: none;} 211027 동문관리 */ /*.gnb.gnb_cont .gnb_list_area > li.gnb_member.on > a:after{content: none;} 211027 동문관리 */ /* 210506 gnb 추가 */ .gnb.gnb_cont .gnb_list_area > li.gnb_product > a{background-image:url(../img/gnb_ico05.png);} .gnb.gnb_cont .gnb_list_area > li.gnb_product.on > a{background-image:url(../img/gnb_ico05_on.png);} .gnb.gnb_cont .gnb_list_area > li.gnb_calc > a{background-image:url(../img/gnb_ico13.png);} .gnb.gnb_cont .gnb_list_area > li.gnb_calc.on > a{background-image:url(../img/gnb_ico13_on.png);} .gnb.gnb_cont .gnb_list_area > li.gnb_system > a{background-image:url(../img/gnb_ico14.png);} .gnb.gnb_cont .gnb_list_area > li.gnb_system.on > a{background-image:url(../img/gnb_ico14_on.png);} .gnb.gnb_cont .gnb_list_area > li.gnb_notice > a{background-image:url(../img/gnb_ico15.png);} .gnb.gnb_cont .gnb_list_area > li.gnb_notice.on > a{background-image:url(../img/gnb_ico15_on.png);} /* .gnb.gnb_cont .gnb_list_area > li .gnb_list_in > li.on > a{font-weight: bold;} 210510 3뎁스 삭제 */ /* .gnb.gnb_cont .gnb_list_area > li .gnb_list_in > li > a{color:#4439b2;} 210510 3뎁스 삭제 */ .gnb.gnb_cont .gnb_list_area > li .gnb_list_in > li .gnb_list_3depth ul li {font-size: 0; margin-bottom: 12px;} .gnb.gnb_cont .gnb_list_area > li .gnb_list_in > li .gnb_list_3depth ul li:first-child{margin-top: 5px;} .gnb.gnb_cont .gnb_list_area > li .gnb_list_in > li .gnb_list_3depth ul li:last-child{margin-bottom: 10px;} .gnb.gnb_cont .gnb_list_area > li .gnb_list_in > li .gnb_list_3depth ul li a{display: block;font-size: 11px; line-height: 1; color:#9c99b8;} .gnb.gnb_cont .gnb_list_area > li .gnb_list_in > li .gnb_list_3depth ul li.on a{color:#4439b2; text-decoration: underline;} /* //gnb_콘텐츠*/ /* //210506 header / gnb 수정 끝 */ .gnb.gnb_cont>.btn_link{display: block;width: 100%;line-height: 35px;background: #F6F6F6;text-align: center;font-size: 13px;} /* banner_setting */ .banner_setting .banner_list_value{margin-bottom: 12px;} .banner_setting .banner_search_area{margin-bottom: 53px; padding:17px; background:#f6f6f6; text-align: center; vertical-align: top; font-size: 0;} .banner_setting .inq_banner_search_area{margin-bottom: 30px;} .banner_setting .banner_search_area.faq{margin-bottom: 35px;} /*20-07-10 수정*/ .banner_setting .banner_search_area select{vertical-align: top;} .banner_setting .banner_search_area .banner_search{margin-left: -1px;} /*테이블*/ .tbl_wrap{position: relative;} /* 20201230 추가 */ .od_tbl_wrap{min-width: 1540px; width: 100%;} .tbl_area{width: 100%;border-collapse:collapse; margin-bottom: 32px; table-layout: fixed;} .tbl_area thead tr{width: 100%;height:50px; line-height:50px; border:1px solid #151515;} .tbl_area thead tr th{position: relative; font-size: 14px;font-weight: bold;} .tbl_area thead tr th:before{display: block; content:''; position: absolute;left: 0; bottom: -20px; width: 100%; height: 20px; background:url(../img/border_shadow.png) no-repeat 0 0;} .tbl_area thead tr.no_s th:before{content: none;}/* 20201231 추가 */ .tbl_area thead tr th.th_list8{text-align:right; padding-right: 56px;} .tbl_area tbody tr{width: 100%;height: 105px; border-bottom:1px solid #e6e6e6;} .tbl_area tbody tr.nodata{border-bottom:1px solid #e6e6e6 !important;}/* 210202 수정 */ tr.nodata{border-bottom:1px solid #e6e6e6;} .tbl_area tbody tr td{text-align: center; font-size: 14px; color:#666;} .tbl_area tbody tr td.tal{text-align: left;padding-left: 15px;}/* 210512 */ .tbl_area tbody tr td.name a:hover{text-decoration: underline;} tr.nodata td{position: relative; height:260px; background:url(../img/nodata.png) no-repeat 50% 72px; vertical-align:top; font-size: 18px !important; color:#151515; padding-top: 160px;box-sizing:border-box; border-bottom:0;} .tbl_nodata { padding-top:160px !important; } .tbl_area tbody tr td.main_bold{color:#4439b2 !important; font-weight: bold; font-size: 13px;} /* tr.nodata td:after{position: absolute; left: 0; top: 250px; display: block; content:''; width: 100%; height: 1px; background:#e6e6e6; } */ .tbl_area tbody tr td.ststem_right{text-align:left; padding-left: 10px; padding-right: 10px; } .tbl_area tbody tr td.main_c{color:#009fda;} .tbl_area tbody tr td.sub_c{color:#00C185;} .tbl_area tbody tr td.list2 >.org_img{display: inline-block; width: 60px; height:60px; background:#f6f6f6 ; border-radius:50%; overflow: hidden;padding-top: 12px; box-sizing:border-box;} .tbl_area tbody tr td.list2 >.org_img > img{width: 100%; } .tbl_area tbody tr td.list2 >.org_img > img.org_bg_img{width: 100%;margin-left: -10px; } .tbl_area tbody tr td.list3 img{width: 150px;} .tbl_area tbody tr td.list4{text-align:left;} .tbl_area tbody tr td.list4.li_ab{position: relative;} .tbl_area tbody tr td.list4.li_ab .input_ab{width: 100%; position: absolute;top:7px; left:0;} .tbl_area tbody tr td.list4 a{display: block; padding: 2px 0 2px 50px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; box-sizing: border-box;}/* 210215 수정 padding: 0 0 0 50px; */ .tbl_area tbody tr td.list4 a ul li.list_tit{margin-bottom: 13px;font-size: 16px; display: inline-block; width: 100%; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; padding-bottom: 1px;}/* 211027 */ .tbl_area tbody tr td.list4 a ul li.list_tit:hover{text-decoration: underline;} .tbl_area tbody tr td.list5{line-height:22px;} .tbl_area tbody tr td.list5 a{display: inline-block;} .tbl_area tbody tr td.list5 > span{display: block;} .tbl_area tbody tr td.list8{position: relative;} .tbl_area tbody tr td.list8 > a{position: absolute;top:50px; right:67px; z-index:100; transform:translate(50%, -50%);display: block; width: 15px; height: 15px; text-align:right;background: url(../img/ico_table_remove.png) no-repeat right center; background-size:9px 12px;} .list_btn{width: 100%;text-align: center;} .list_btn a{display: inline-block !important; margin:0 3px;} .list_btn a.list_btn_ok{ width: 60px; height: 35px; line-height: 35px; background: #151515; color: #fff; text-align: center; font-size: 13px;} .list_btn a.list_btn_modify{width: 60px; height: 35px; line-height: 35px; background: #00a6b1; color: #fff; text-align: center; font-size: 13px;} .list_btn a.list_btn_remove{width: 60px; height: 35px; line-height: 35px; background: #e8e5ea; color: #151515; text-align: center; font-size: 13px;} .btn_reset{ display: inline-block; width:80px; height:40px; line-height:38px; box-sizing:border-box; border:1px solid #151515; text-align: center; color:#151515; background:none; } .li_ab1{position: relative;} .list_in_box{position: absolute;top:7px;left:calc(50% - 60px); } .org_tbl{cursor: pointer;} .org_tbl.on{background: #f4fafa; transition:all 0.1s;} .org_tbl.on td{font-weight: bold; color:#151515} .org_tbl td.list5 > a{position: relative;} .org_tbl td.list5 > a:after{position: absolute;left: 0; bottom: 2px; display: block; content:''; width: 100%; height: 1px; background: #9fa3a3;} /* .org_tbl.on td.list8 > a{background:url(../img/ico_table_remove_on.png) no-repeat right center;} */ /* 테이블2 */ .tbl2_area{width: 100%;border-collapse:collapse; margin-bottom: 32px; border-top: 2px solid #151515;;} .tbl2_area thead tr{width: 100%;height:50px; line-height:50px; border-bottom:1px solid #151515;} .tbl2_area thead tr th{font-size: 14px;font-weight: bold;} .tbl2_area tbody tr{width: 100%;height: 50px; border-bottom:1px solid #e6e6e6;} .tbl2_area tbody tr td{text-align: center; font-size: 14px; color:#666;} .tbl2_area tbody tr td.list3 > a{display: inline-block;position: relative;} .tbl2_area tbody tr td.list3 > a:after{display: block;content:'';position: absolute;left: 0;bottom: -2px; width: 100%;height: 1px;background: #a6a6a6; ;} .tbl2_area tbody tr td.list3 img{width: 150px;} .tbl2_area tbody tr td.list5{text-align:left;line-height:22px;} .tbl2_area tbody tr td.list6{color:#999;} .tbl2_area tbody tr td.list7 a.table2_remove{display: inline-block; width: 9px;height: 12px;background:url(../img/ico_table_remove.png) no-repeat; cursor: default;} .tbl2_area tbody tr td.list7 a.table2_remove.on{display: inline-block; width: 9px;height: 12px;background:url(../img/ico_table_remove_on.png) no-repeat; cursor: pointer;} /*이미지 19.11.11*/ /* banner_setting_view */ .cont_tit{display: block;} .org_title{display: block; font-size: 20px; font-weight: bold; color:#222; margin-bottom: 20px;} .banner_setting_view .banner_view_area.system_view_area{position: relative;} .banner_setting_view .banner_view_area.system_view_area .systemUniver_switch_wrap{position: absolute; top:-40px; right:0;} .banner_setting_view .banner_view_area.system_view_area .systemUniver_switch_wrap .switch_unuse{} ul.view_warp{ border-top:1px solid #151515;} ul.view_warp li{ display:flex; flex-direction: row; flex-wrap: wrap; } ul.view_warp li dl{display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: start; overflow: hidden;border-bottom:1px solid #e6e6e6; align-items: center; align-self: auto; background:#f6f6f6;} ul.view_warp li dl dt{width: 130px;line-height:65px;text-align: center;background: #f6f6f6;font-size: 14px;font-weight: bold;color:#1a191b;} ul.view_warp li dl dt .star{color:#4439b2; margin-left: 3px;} ul.view_warp li dl dd{width:calc(100% - 130px );height:100%;box-sizing:border-box;padding: 15px 20px; background: #fff;} ul.view_warp li dl dd{} ul.view_warp li dl.view_list_1st{width: 100%;} ul.view_warp li dl.view_list_1st dt.sec02{line-height:20px !important; padding:56px 0;} ul.view_warp li dl.view_list_1st dd{width: calc(100% - 130px); padding-right: 0;} ul.view_warp li dl.view_list_1st dd.view_list_txt{color:#666;line-height: 35px;} ul.view_warp li dl.view_list_1st dd iframe{width:101% !important;} ul.view_warp li dl.view_list_2st{width: 62%;} ul.view_warp li dl.view_list_3st{width: 38%;} ul.view_warp li dl.view_list_4st{width: 100%;} ul.view_warp li dl.view_list_4st dt{height:150px;line-height:150px;} ul.view_warp li dl.view_list_4st dd{width: calc(100% - 130px);} ul.view_warp li dl.view_list_4st dd.view_list_txt{line-height: 35px;} ul.view_warp li dl.view_list_5st{width: 100%;} ul.view_warp li dl.view_list_5st dd{width: calc(100% - 130px);position: relative;} ul.view_warp li dl.view_list_5st dd ul{display:flex; flex-direction: row; flex-wrap: wrap; justify-content: start;} ul.view_warp li dl.view_list_5st dd ul li{ padding: 7.5px 0; display:block; width:14.25%;} ul.view_warp li dl.view_list_5st dd ul li span{display: block;width: 100%; margin: 0 0 10px 0; } ul.view_warp li dl.view_list_5st dd ul li span.checkbox_top{padding-bottom: 15px;border-bottom:1px solid #777777;} ul.view_warp li dl.view_list_5st dd.view_list_txt{line-height: 35px;} ul.view_warp li.view_list5 dt.member_acc_check{position: relative; line-height: 1; } ul.view_warp li.view_list5 dt.member_acc_check .checks{display: block; margin-top: 15px;} ul.view_warp li.view_list5 dt.member_acc_check .checks input[type="checkbox"] + label{font-weight: 400;} ul.view_warp li.view_list5 dd{/*padding-right: 0;*/} ul.view_warp li.view_list5 dd .img_file_con{position: relative; margin-top: 10px; display: inline-block;} ul.view_warp li.view_list5 dd .img_file_con .img_remove{position: absolute;top: 0;right: -6px; display: inline-block;width: 13px;height: 13px; background:url(../img/img_remove.png)no-repeat;} ul.view_warp li.view_list5 dd .img_file_con .img_box1{display: inline-block;width: 150px;height: 75px;} /* 갤러리 */ ul.view_warp li.view_list5 dd .img_file_con.img_input{display: flex;align-items: center;} ul.view_warp li.view_list5 dd .img_file_con.img_input .img{position: relative;margin-right: 20px;} ul.view_warp li.view_list5 dd .img_file_con.img_input .img .img_box1{width: 70px;height: 70px;overflow: hidden;display: flex;align-items: center;justify-content: center;} ul.view_warp li.view_list5 dd .img_file_con.img_input .img .img_box1 img{height: 100%; object-fit: cover;} ul.view_warp li.view_list5 dd .img_file_con.img_input .input{width: 440px;} /* 211124 */ ul.view_warp li dl.view_list_6st{width: 100%;} ul.view_warp li dl.view_list_6st dt{line-height: 1.2;font-weight: normal;padding: 20px 0 20px 30px;background: #fff;text-align: left;box-sizing: border-box;height: 100%;} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .charge_view_area ul.view_warp dl dt{width: 150px;} .charge_view_area ul.view_warp dl.view_list_1st dt{text-align: left;padding-left: 30px;box-sizing: border-box;} .charge_view_area ul.view_warp dl.view_list_1st dd{width: calc(100% - 150px);display: flex;align-items: center;} .charge_view_area ul.view_warp dl.view_list_1st .checks{margin: 0;} .charge_view_area ul.view_warp dl.view_list_1st dd select{margin-right: 10px;} .charge_view_area ul.view_warp dl.view_list_1st dd input[type="number"]{margin-right: 8px;text-align: right;font-weight: 700;} .charge_view_area ul.view_warp dl.view_list_1st dd p.point{color: #4439b2;font-size: 18px;line-height: 20px;} .charge_view_area ul.view_warp dl.view_list_6st dt p{display: block; line-height: 18px;} .charge_view_area ul.view_warp dl.view_list_6st dt p strong{font-size: 15px;} .charge_view_area ul.view_warp dl.view_list_6st dt span{display: block; color: #666;margin-bottom: 10px;} .charge_view_area ul.view_warp dl.view_list_6st dd{width: calc(100% - 150px);} .charge_view_area ul.view_warp dl.view_list_6st dd ul{display: flex;} .charge_view_area ul.view_warp dl.view_list_6st dd ul li{border: 1px solid #e3e3e3;margin-right: 10px;display: flex;flex-direction: column;align-items: center;justify-content: center;width: 120px;height: 100px;} .charge_view_area ul.view_warp dl.view_list_6st dd ul li span{color: #666;line-height: 20px;} .charge_view_area ul.view_warp dl.view_list_6st dd ul li span:first-child{margin-bottom: 5px;} .charge_view_area ul.view_warp dl.view_list_6st dd ul li p{font-size: 15px;} .charge_view_area .etc_txt{padding-top: 20px;} .charge_view_area .etc_txt li{line-height: 20px;color: #999;} .charge_view_area + .btn_area .btn_com{width: 100px;line-height: 40px;text-align: center;background: #4439b2;color: #fff;display: block;margin: 0 auto;} .charge_etc_txt{padding-top: 40px;} .charge_etc_txt li{color: #999;line-height: 20px;} .charge_etc_txt li strong{color: #151515;} /* new 리스트 검색영역 */ .charge_banner_setting .banner_search_area{margin-bottom: 30px;} .system_uni_select_box .btn_search {display:inline-block;width:65px;height:35px;color:#fff;font-size: 13px;background: #151515;margin-left: 10px;} .system_uni_select_box .notice_select_box{display: inline-block;vertical-align: top;} .system_uni_select_box .notice_select_box.search{margin-right: 100px;} .system_uni_select_box .notice_select_box.select_box{margin-right: 100px;} .system_uni_select_box .notice_select_box .choice_data_box{float: none;display: inline-block;margin-bottom: 0;vertical-align: top;} .system_uni_select_box .notice_select_box.date_box{margin-right: 100px;} .system_uni_select_box .notice_select_box.date_box .select_date{display: inline-block;} .system_uni_select_box .notice_select_box.date_box #date_box{display: inline-block;} .system_uni_select_box .notice_select_box.date_box #date_box span.type02_txt{width: 20px; margin: 0;font-size: 13px;display: inline-block;vertical-align: middle;} .system_uni_select_box .notice_select_box .search_txt1{vertical-align: middle;} .system_uni_select_box .notice_select_box select{vertical-align: middle;} .system_uni_select_box .notice_select_box input{vertical-align: middle;} /* //new 리스트 검색영역 */ .composition_wrap{background:#e5f6f6;padding:30px 45px; margin-bottom: 40px;} .composition_wrap .org_top .org_li{float:left; width:33.33%; margin-bottom: 20px;} .composition_wrap .org_top .org_li:last-child{width:66%;} .composition_wrap .org_top .org_li label{display: block;float:left; width:70px; font-size: 14px; font-weight: bold;line-height:35px;} .composition_wrap .org_top .org_li input[type="text"]{float:left;display: block; width:100%; height:35px; line-height:35px; border:0; background:#fff; box-sizing:border-box; padding:0 15px;} .org_txt1{font-size: 13px; font-weight: bold;} /* information */ .information .tab_menu ul{padding-bottom: 30px;} .information .tab_menu ul li{float: left;} .information .tab_menu ul li a{margin-left: -1px;display: block; font-size: 14px;color:#666;width: 150px; height: 45px;line-height:45px; box-sizing:border-box;border:1px solid #e3e3e3;text-align: center;} .information .tab_menu ul li.on a{background: #00a6b1; color:#fff; box-shadow: 0px 4px 10px 0px rgba(0, 166, 177, 0.5);border-color:#00a6b1;} .information .information_area{ border-top:1px solid #151515;} .information .information_area .infor_wrap .infor_box_inner{border-bottom:1px solid #e6e6e6; padding:20px 0;} /* 대학정보 관리 */ .system_uni_select_box{display: inline-block; font-size: 0; vertical-align: top; margin-right: 90px;} .system_uni_select_box > span{display: block; float:left; font-size: 13px; font-weight: bold; line-height: 35px;margin-right: 15px;} .system_uni_select_box > span.type02_txt{width: 20px; margin: 0;} .system_uni_select_box > select{float:left; margin-right: 10px; color:#666;} .system_uni_select_box > select[name="jung_year"]{margin-right: 0;}/* 210315 추가 */ .system_uni_select_box > select[name="jung_month"]{margin-right: 0;}/* 210315 추가 */ .system_uni_select_box > .input{float:left;} /* 210402 검색영역 수정 */ .banner_search_area.product .system_uni_select_box > select{margin-right: 0;} .banner_search_area.product .system_uni_select_box{margin-right: 105px;} .banner_search_area.product .system_uni_select_box:nth-child(n+3){margin-right: 0;} .system_uni_select_box .od_date_box > .input{float:left;} /* //210402 수정 */ .tbl_system tbody tr{height: 50px;} .tbl_wrap_type02 .tbl_system tbody tr td{padding: 20px 0; box-sizing: border-box;} .inq_tbl_wrap .tbl_system tbody tr td{padding: 10px 0;}/* 210215 추가 */ .tbl_system tbody tr td.system_num{font-size: 14px; color:#666;} .tbl_system tbody tr td.system_univer_name.tl{text-align:left; font-size: 14px;}/*210216 fz15*/ .tbl_system tbody tr td.system_univer_name.tl a:hover{text-decoration: underline;}/* 210215 추가 */ .tbl_system tbody tr td.system_univer_name span {font-size: 14px; color:#151515; /*border-bottom:1px solid #a6a6a6;*/} .tbl_system tbody tr td.system_code{font-size: 14px; color:#666;} .tbl_system tbody tr td.system_code p{overflow: hidden; width: 100%; } .tbl_system tbody tr td.system_code a{display: inline-block; width: 100%; height: 15px; overflow: hidden; text-overflow: ellipsis; padding-right: 40px; box-sizing:border-box; color:#666;} .tbl_system tbody tr td.system_cs.on{background:url(../img/system_cs.png) no-repeat 50% 50%;} .tbl_system tbody tr td.system_chat.on{background: url(../img/system_chat.png) no-repeat 50% 50%;} .tbl_system tbody tr td.system_use span.use{font-size: 14px; color:#00a6b1;} .tbl_system tbody tr td.system_use span.unsue{font-size: 14px; color:#999;} .tbl_system tbody tr td.system_setting > a{display: block;width: 45px; height: 22px; line-height: 20px; box-sizing:border-box; text-align: center; font-size: 12px; color:#151515; border:1px solid #e3e3e3; border-radius:11px;margin:0 auto;} /* 20-07-10 수정*/ .tbl_system tbody tr td.system_setting > a:hover{border-color:#151515;} /* 20-07-10 수정*/ .tbl_system tbody tr td .file{background:url(../img/ico_file.png) no-repeat 100% 50%; padding-right: 15px;} .system_view_area ul.view_warp li dl.view_list_2st{width: 50%;} .system_adress_wrap{overflow: hidden; font-size: 0;} .system_adress_wrap a.system_adress_btn{display: inline-block; width: 110px; height: 35px; line-height: 35px; text-align: center; color:#fff; background:#151515;font-size: 13px; margin-left: 5px; vertical-align: top;} .system_adress_wrap div.system_adress_input{margin-top: 10px;} .system_adress_wrap div.system_adress_input input{float:left;} .file_att_wrap .file_att_box .file_path{display: block;float:left; width:200px; height:35px; line-height:35px; box-sizing:border-box; border:1px solid #e3e3e3; padding:0 12px;} .file_att_wrap .file_att_box .file_btn{position: absolute; left: -9999px;} .file_att_wrap .file_att_box .file_btn + label{display: block;float:left; width:80px; height:35px; line-height:35px; background:#666; color:#fff; text-align: center;} .file_att_wrap .file_att_box .file_tip{display: block;float:left; font-size: 13px; color:#888; line-height: 35px; padding-left: 20px;} .file_list_wrap .file_list{float:left; position: relative; padding-right: 6.5px; margin-top: 10px;} .file_list_wrap .file_list img{width:auto; height:28px;} .file_list_wrap .file_list .system_remove{position: absolute;top:0; right:0; display: block; width: 13px; height: 13px; background:url(../img/img_remove.png) no-repeat 0 0;} .border_view_wrap{border-top:1px solid #151515;} .border_view_wrap table{width: 100%; border-collapse: collapse; } .border_view_wrap table tbody tr th{background:#f6f6f6; vertical-align:middle; font-size: 14px; font-weight: bold; color:#151515; border-bottom:1px solid #e6e6e6;} .border_view_wrap table tbody tr td{padding: 15px 20px; vertical-align:middle; border-bottom:1px solid #e6e6e6;} .border_view_uni{border-top:0;} .border_view_uni table tbody tr td{padding: 0; border-top:0;} .text_style01{line-height: 35px; font-size: 13px; color:#151515; margin-left: 10px;} .text_style02{font-size: 13px; color:#888; margin-left: 20px;} /* 아이디 중복확인 */ .id_check_box{width: 400px; height: 280px;} .id_check_box .id_check_head{line-height: 59px; border-bottom:1px solid #151515;padding: 0 30px;} .id_check_box .id_check_head .id_check_title{float:left; font-size: 18px; color:#151515; font-weight: 400;} .id_check_box .id_check_head .id_check_close{float:right; display: block; width: 19px; height: 19px; background:url(../img/pop_close.png) no-repeat 50% 50%;margin: 20px 0;} .id_check_box .id_check_body{padding:40px 0 0 0;} .id_check_box .id_check_body > div{} .id_check_box .id_check_body > div p{text-align: center;font-size: 13px; line-height: 20px; color:#666;} .id_check_box .id_check_body > div p strong{display: block; font-size: 16px; font-weight: bold; color:#151515; margin-bottom: 15px;} .id_check_box .id_check_body > div .id_check_form{width: 285px; margin:0 auto; margin-top: 50px;} .id_check_box .id_check_body > div .id_check_form input[type="text"]{display: block;float:left; width: 200px; height: 35px; line-height: 35px; box-sizing:border-box; border:1px solid #e3e3e3;padding: 0 15px;} .id_check_box .id_check_body > div .id_check_form input[type="text"] + a{display: block; float:left; width: 80px; height: 35px; line-height: 35px; color:#fff; text-align: center; background:#151515; margin-left: 5px;} .id_check_box .id_check_body > div.id_available{display: block;} .id_check_box .id_check_body > div.id_available .id_check_btn_box{text-align: center; font-size: 0; margin-top: 40px;} .id_check_box .id_check_body > div.id_available .id_check_btn_box a{display: inline-block; width: 70px; height: 32px; line-height: 32px; text-align: center; background: #eeecef; color:#151515; font-size: 13px; margin: 0 2.5px;} .id_check_box .id_check_body > div.id_available .id_check_btn_box a.check_submit{color:#fff; background: #bed600;} .id_check_box .id_check_body > div.id_not_available{display: block;} .id_check_box .id_check_body > div.id_not_available p{} .id_check_box .id_check_body > div.id_not_available p strong{display: inline-block; margin-bottom: 0; font-size: 16px;} /* 학과정보관리 팝업 */ .department_pop_wrap{width: 620px;} .department_pop_wrap .department_pop{} .department_pop_wrap .department_pop .department_pop_head{padding: 0 30px;border-bottom:1px solid #151515;} .department_pop_wrap .department_pop .department_pop_head h3{float:left; height:59px; line-height:59px; font-size: 18px; color:#151515;} .department_pop_wrap .department_pop .department_pop_head h3 span{font-size: 16px;} .department_pop_wrap .department_pop .department_pop_head a{float:right; display: block; width: 19px; height: 19px; background:url(../img/pop_close.png) no-repeat 0 0;margin: 20px 0;} .department_pop_wrap .department_pop .department_pop_body{padding: 40px;} .department_pop_wrap .department_pop .department_pop_body .pop_input_form{width: 400px; margin:0 auto; margin-bottom: 20px;} .department_pop_wrap .department_pop .department_pop_body .pop_input_form select{float:left; display: block; width: 120px; height: 35px; line-height: 33px; box-sizing:border-box; border:1px solid #e3e3e3; border:1px solid #e3e3e3; padding:0 12px; font-size: 13px; color:#666; padding-right: 24px; background:url(../img/btn_sel_down.png) no-repeat right 12px center; font-size: 13px; color:#666;} .department_pop_wrap .department_pop .department_pop_body .pop_input_form input[type="text"]{float:left; display: block; width: 235px; height: 35px; line-height: 33px; box-sizing:border-box; border:1px solid #e3e3e3; border:1px solid #e3e3e3; padding:0 12px; font-size: 13px; color:#151515; border-left:0; border-right:0;} .department_pop_wrap .department_pop .department_pop_body .pop_input_form a{float:left; display: block; width: 45px; height: 35px; background:#151515 url(../img/btn_search.png) no-repeat 50% 50%; } .department_pop_wrap .department_pop .department_pop_body .pop_information_box{background:#f6f6f6; padding:20px 30px 27px 30px;} .department_pop_wrap .department_pop .department_pop_body .pop_information_box .pop_depart_line{} .department_pop_wrap .department_pop .department_pop_body .pop_information_box dl{margin-bottom: 10px;} .department_pop_wrap .department_pop .department_pop_body .pop_information_box .pop_depart_line dl{display: block; float:left;} .department_pop_wrap .department_pop .department_pop_body .pop_information_box dl:last-child{margin-bottom: 0;} .department_pop_wrap .department_pop .department_pop_body .pop_information_box dl dt{width:73px;float:left; font-size: 13px; color:#151515; font-weight: bold; line-height: 35px;} .department_pop_wrap .department_pop .department_pop_body .pop_information_box dl dd{width:calc(100% - 73px); float:left; line-height: 35px;} .department_pop_wrap .department_pop .department_pop_body .pop_information_box dl dd > div{} .department_pop_wrap .department_pop .department_pop_body .pop_information_box dl dd > div .checks{line-height: 1;} .department_pop_wrap .department_pop .department_pop_body .pop_information_box dl dd > div .checks select{display: inline-block; width: 200px; height: 35px; line-height: 33px; box-sizing:border-box; border:1px solid #e3e3e3; border:1px solid #e3e3e3; padding:0 12px; font-size: 13px; color:#666; padding-right: 24px; background:#fff url(../img/btn_sel_down.png) no-repeat right 12px center; font-size: 13px; color:#666; margin-left: 14px;} .department_pop_wrap .department_pop .department_pop_body .pop_information_box .pop_depart_line dl{display: inline-block; vertical-align: top;} .department_pop_wrap .department_pop .department_pop_body .pop_information_box .pop_depart_line dl:last-child{margin-left: 53px;} .department_pop_wrap .department_pop .department_pop_body .pop_information_box .popup_depart_btn_box{margin-top: 20px; padding-top: 15px; border-top:1px solid #e3e3e3;} .department_pop_wrap .department_pop .department_pop_body .pop_information_box .popup_depart_btn_box a{display: block; width: 70px; height: 32px; line-height: 32px; text-align: center; color:#fff; background:#151515; font-size: 13px; margin:0 auto;} .department_pop_wrap .department_pop .department_pop_body .pop_department_tbl_wrap{padding-top: 30px;} .department_pop_wrap .department_pop .department_pop_body .pop_department_tbl_wrap .pop_depart_tbl_head{padding-bottom: 10px;} .department_pop_wrap .department_pop .department_pop_body .pop_department_tbl_wrap .pop_depart_tbl_head p{float:left; font-size: 13px; color:#1a191b;} .department_pop_wrap .department_pop .department_pop_body .pop_department_tbl_wrap .pop_depart_tbl_head p strong{color:#00a6b1; letter-spacing: 0; } .department_pop_wrap .department_pop .department_pop_body .pop_department_tbl_wrap .pop_depart_tbl_head .pop_depart_tbl_btn{float:right;} .department_pop_wrap .department_pop .department_pop_body .pop_department_tbl_wrap .pop_depart_tbl_head .pop_depart_tbl_btn a{display: block; float:left; font-size: 12px; padding-left: 13px; border-bottom:1px solid red;} .department_pop_wrap .department_pop .department_pop_body .pop_department_tbl_wrap .pop_depart_tbl_head .pop_depart_tbl_btn a.depart_btn_sampl{color:#151515; border-color:#151515; background:url(../img/ico_sam.png) no-repeat 0 50%;} .department_pop_wrap .department_pop .department_pop_body .pop_department_tbl_wrap .pop_depart_tbl_head .pop_depart_tbl_btn a.depart_btn_excel{margin-left: 15px; color:#239b53; border-color:#239b53; background:url(../img/ico_excel.png) no-repeat 0 50%;} .pop_depart_tbl_body{margin:0 auto; overflow:hidden;} .pop_depart_tbl_body .tbl_body{max-height:328px; overflow-y:hidden;} .pop_depart_tbl_body table{width: 100%; border-collapse: collapse;} .pop_depart_tbl_body table thead{} .pop_depart_tbl_body table thead tr{border:1px solid #151515;} .pop_depart_tbl_body table thead tr th{height:40px; vertical-align: middle; font-size: 13px; font-weight: bold; color:#151515; background:#fff;} .pop_depart_tbl_body table tbody{} .pop_depart_tbl_body table tbody tr{} .pop_depart_tbl_body table tbody tr td{height:40px; vertical-align:middle; text-align: center; font-size: 13px; color:#666;} .pop_depart_tbl_body table tbody tr td .line_txt{color:#151515; border-bottom:1px solid #a6a6a6;line-height: 1;} .pop_depart_tbl_body table tbody tr td .line_remove{display: inline-block; width: 20px; height: 20px; background:url(../img/ico_table_remove.png) no-repeat 50% 50%;} .pop_depart_tbl_body table tbody tr td .line_remove:hover{background-image:url(../img/ico_table_remove_on.png);} .pop_depart_tbl_body table tbody tr:hover td{color:#151515; background-color:#f9f9f9;} .department_pop_wrap .department_pop .department_pop_body .popup_department_btn_box{ padding-top: 25px; text-align: center; font-size: 0; } .department_pop_wrap .department_pop .department_pop_body .popup_department_btn_box a{display: inline-block; width: 70px; height: 32px; line-height: 32px; text-align: center; font-size: 13px;margin: 0 2.5px;} .department_pop_wrap .department_pop .department_pop_body .popup_department_btn_box a.btn_type01{color:#fff; background:#00a6b1;} .department_pop_wrap .department_pop .department_pop_body .popup_department_btn_box a.btn_type02{color:#151515; background:#eeecef;} .membership_money{text-align:right; padding:0 10px;box-sizing:border-box;} input[type="checkbox"] { display: none; } .label__on-off { overflow: hidden; position: relative; display: inline-block; width: 70px; height: 30px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; background-color: #dddddd; color: #fff; font-weight: 400; cursor: pointer; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .label__on-off > * { vertical-align: sub; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; font-size: 11px; } .label__on-off .marble { position: absolute; top: calc(50% - 10px); left: 5px; display: block; width: 20px; height: 20px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .08); -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, .08); box-shadow: 0 2px 2px rgba(0, 0, 0, .08); } .label__on-off .on { display: none; padding-left: 14px; line-height:30px } .label__on-off .off { padding-left: 30px; line-height: 30px; } .input__on-off:checked + .label__on-off { background-color: #ef5088; } .input__on-off:checked + .label__on-off .on { display: inline-block; } .input__on-off:checked + .label__on-off .off { display: none; } .input__on-off:checked + .label__on-off .marble { left: 46px; } .search_txt1{display: inline-block; font-size: 14px; font-weight: bold; margin-right: 15px;} /* excel 다운로드 */ .down_excel{display: block; position: absolute; top:-35px; right:0; width: 120px; height: 25px; line-height: 23px; box-sizing:border-box; border:1px solid #239b53; color:#239b53; padding:0 14px; text-align:left; background:#fff url(../img/green_down.png) no-repeat right 15px center ;} /* 회원관리 상세 */ .member_item_box{display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: start;} .member_item_box .member_item{width:25%; margin-right: 10px; box-sizing:border-box; padding:22.5px 35px; display:flex; flex-direction: row; flex-wrap:nowrap; justify-content: start; background:#e8f6f2;} .member_item_box .member_item:last-child{margin-right: 0;} .member_item_box .member_item .member_item_title{width:95px; font-size: 15px; font-weight: bold; color:#1a191b;} .member_item_box .member_item .member_item_text{font-size: 15px; color:#1a191b; letter-spacing: -0.5px;} .tbl_item_box{padding-top: 30px;} .tbl_item_box.tbl_h_50{padding-top: 0;} .tbl_item_box table{ width:100%; border-collapse: collapse; border-top:1px solid #151515; table-layout: fixed;;} .tbl_item_box table th{background:#f6f6f6; border-bottom:1px solid #e6e6e6; vertical-align: middle;} .tbl_item_box table td{background:#fff; border-bottom:1px solid #e6e6e6; vertical-align: middle; height:65px; padding:15px 20px; box-sizing:border-box;} .tbl_item_box .tbl_title{display: block; font-size: 14px; font-weight: bold; color:#1a191b;} .tbl_item_box.tbl_h_50 table td{height:50px;} .select_box{font-size: 0;} .text_box{display: flex;align-items: center;height: 100%;}/* 211027 */ .text_box .p__text{font-size: 13px; color:#151515; letter-spacing: -0.5px; } /* 211216 */ .textarea_box .p__text{font-size: 13px;line-height: 20px; color:#151515; letter-spacing: -0.5px;} .list_box .li__item{font-size: 13px;line-height: 30px; color:#151515;padding-left: 10px;position: relative;} .list_box .li__item::before{content: '';display: block;width: 3px;height: 3px;border-radius: 50%;background: #151515;position: absolute;top: calc(50% - 1.5px);left: 0;} /* 211216 */ .btn_box{} .btn_box .a__btn_print{display: block; width:50px; height:25px; line-height:25px; text-align: center; color:#fff; background:#151515; font-size: 12px;} .code_box{} .code_box .strong__title{display: block; font-size: 13px; font-weight: bold; letter-spacing: 0; color:#151515;} .code_box .strong__title .span__data{display: inline-block; font-size: 13px; letter-spacing: -0.5px; color:#666; margin-left: 5px; font-weight: 400;} .code_box .code_img{padding-top: 10px;} .code_box .code_img .img__code{width:auto; height:36px;} .terms_box{display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: start;} .terms_box .dl__terms_item{padding:0 30px;text-align: center; border-right:1px solid #e6e6e6;} .terms_box .dl__terms_item:first-child{padding-left: 0;} .terms_box .dl__terms_item:last-child{border-right:0;padding-right: 0;} .terms_box .dl__terms_item .dt__terms_title{font-size: 13px; letter-spacing: 0; font-weight: bold; color:#151515; line-height: 20px;} .terms_box .dl__terms_item .dd__terms_boolean{font-size: 13px; color:#151515; letter-spacing: 0; line-height: 20px;} .terms_box .dl__terms_item .dd__terms_data{font-size: 13px; color:#666; letter-spacing: 0; line-height: 20px;} .div__btn_wrap{text-align: center; font-size: 0; margin-top: 30px;} .div__btn_wrap_position{position:relative;} .div__btn_wrap .a__button{display: inline-block; width:80px; height:40px; line-height:40px; text-align: center; font-size: 13px; margin: 0 2.5px; box-sizing:border-box;} .div__btn_wrap .a__button.type01{color:#fff; background:#2bcc9a; }/* 210405 */ .div__btn_wrap .a__button.type02{color:#151515; background:#e8e5ea;} .div__btn_wrap .a__button.type03{border:1px solid #f81700; background:#fff; color:#f81700;} .div__btn_wrap .a__button.type04{border:1px solid #151515; background:#fff; color:#151515;} .div__btn_wrap .a__button.type05{background:#f81700; color:#fff;} .div__btn_wrap .a__button.type06{border: 1px solid #4439b2;color: #4439b2;}/* 210330 */ .div__btn_wrap_position .position_button01{position: absolute; top: 0; left: -2.5px;} .div__btn_wrap_position .position_button02{position: absolute; top: 0; left: 85px;} /* 거래내역 */ .div__details_wrap {margin-top: 20px;} .div__trans_wrap{padding-top: 70px;} .div__trans_wrap .ul__trans_tab_box{margin-bottom: 30px;} .div__trans_wrap .ul__trans_tab_box .li__trans_tab_list{float:left; margin-right: 20px;} .div__trans_wrap .ul__trans_tab_box .li__trans_tab_list a{font-size: 17px; line-height: 1; color:#151515; box-sizing:border-box;} .div__trans_wrap .ul__trans_tab_box .li__trans_tab_list.on a{color:#00a6b1; font-weight: bold; border-bottom:2px solid #00a6b1;} .div__trans_wrap .div__common_box{background:#f6f6f6;padding:18px; display:flex; flex-wrap: nowrap; flex-direction: row; justify-content: center;} .div__trans_wrap .div__common_box .strong__common_title{display: block; line-height: 35px; font-size: 14px; font-weight: bold; color:#151515; letter-spacing: -0.5px; margin-right: 18px;} .div__trans_wrap .div__common_box .div_common_data_box{display:flex; flex-wrap: nowrap; flex-direction: row; justify-content: start;} .div__trans_wrap .div__common_box .div_common_data_box .span__text_ing{display: block; line-height: 35px; font-size: 13px; color:#151515; margin: 0 12px;} .div__trans_wrap .div__common_box .div_common_data_box .div__data_button_box{margin-left: 10px;} .div__trans_wrap .div__common_box .div_common_data_box .div__data_button_box input[type="radio"]{position: absolute; left:-9999px;} .div__trans_wrap .div__common_box .div_common_data_box .div__data_button_box input[type="radio"] + label{display: block; float:left; width:60px; height:35px; line-height:33px; text-align: center; font-size: 13px; color:#666; border:1px solid #666; margin-right: 5px; cursor: pointer; box-sizing:border-box;} .div__trans_wrap .div__common_box .div_common_data_box .div__data_button_box input[type="radio"]:checked + label{color:#fff; background: #666;} /* 기부금적립내역 */ .a__detail_button{display: block; width: 45px; height: 22px; border-radius:11px; box-sizing:border-box; text-align: center; line-height: 20px; font-size: 12px; color:#151515; border:1px solid #e3e3e3;margin:0 auto;} .a__detail_button:hover{border-color:#151515;} .tbl_check_box input[type="checkbox"]{position: absolute; left: -9999px;} .tbl_check_box input[type="checkbox"] + label{display: block; width:16px; height:16px; background:url(../img/checkbox.png) no-repeat; margin:0 auto; cursor:pointer;} .tbl_check_box input[type="checkbox"]:checked + label{background-image:url(../img/checkbox_on.png);} .div__details_position{position: relative; display: none;} .div__details_position.div__always_show{display: block;} .div__details_position .div__details_status_box{position:absolute; left: 0;bottom: 0; font-size: 0;} .div__details_position .div__details_status_box .a__status_button{display: inline-block; width: 60px; height: 35px; line-height: 35px; text-align: center; color:#fff; font-size: 13px; background:#151515; margin-left: 5px;} .div__details_position .div__detaills_sum_box{position: absolute; top:-144px; right:0;} .div__details_position .div__detaills_sum_box .p__sum_settle{position: relative; font-size: 16px; color:#151515; float:left; padding-right: 19px; margin-right: 15px;} .div__details_position .div__detaills_sum_box .p__sum_settle.p__sum_last{padding-right: 0; margin-right: 0;} .div__details_position .div__detaills_sum_box .p__sum_settle:before{display: block;content:''; position: absolute; top:13px; right:0; width: 4px; height: 4px; border-radius:50%; background:#151515;} .div__details_position .div__detaills_sum_box .p__sum_settle.p__sum_last:before{width: 0;} .div__details_position .div__detaills_sum_box .p__sum_settle .strong__sum{display: inline-block; font-size: 24px; color:#151515; font-weight: bold; letter-spacing: 0; margin-left: 10px; } .div__details_position .div__detaills_sum_box .p__sum_unset{font-size: 16px; color:#151515; float:left;} .div__details_position .div__detaills_sum_box .p__sum_unset .strong__sum{display: inline-block; font-size: 24px; color:#151515; font-weight: bold; letter-spacing: 0; margin-left: 10px;} /* 카테고리 관리 */ .category_wrap{border-top:1px solid #151515; border-bottom:1px solid #e6e6e6; display:flex;flex-direction: row; flex-wrap: nowrap; justify-content: start;} .category_wrap .category_left{width: 100%; min-width:370px; max-width:600px; box-sizing: border-box; border-right:1px solid #e6e6e6;} .category_wrap .category_right{width: 100%; box-sizing: border-box; padding-left: 60px;} .general_wrap{} .general_wrap .general_tab{} .general_wrap .general_tab > a{position: relative; display: block; float:left; width: 50%; box-sizing: border-box; height: 60px;line-height: 60px; text-align: center; font-size: 15px; color:#666; border:1px solid #151515; background:#f6f6f6; border-width:0 0 1px 0; } .general_wrap .general_tab > a:first-child{border-left:1px solid #e6e6e6;} .general_wrap .general_tab > a.on{font-size: 16px; color:#4439b2; font-weight: bold; background:#fff;border-width:0 1px; } .general_wrap .general_tab > a:first-child.on{border-left-color:#151515;} .general_wrap .general_tab > a:last-child.on{border-right-width:0;} .general_wrap .list_wrap{padding: 23px 0; height: 594px; box-sizing: border-box; overflow-y:auto;} .general_wrap .list_wrap .list_box{} .general_wrap .list_wrap .list_box .list_item{} .general_wrap .list_wrap .list_box .list_item > a{position: relative; display: block; height: 35px; line-height: 35px; background:#fff url(../img/category_list_select.png) no-repeat 30px 50%; padding-left: 50px;} /* 210122 추가 시작 */ .general_wrap .list_wrap .list_box_all .list_item_all{font-weight: bold; height: 35px; line-height: 35px; margin-bottom: 7px;} .general_wrap .list_wrap .list_box_all .list_item_all.on{background-color:#bed600;} .general_wrap .list_wrap .list_box_all .list_item_all > span{display: block; padding-left: 30px; width: 100%; box-sizing: border-box; cursor: pointer;} .general_wrap .list_wrap .list_box_all .list_item_all:hover > span{background: #f6f6f6;} .general_wrap .list_wrap .list_box_all .list_item_all.on:hover > span{background:none;} .general_wrap .list_wrap .list_box .list_item > a > .list_remove{display: none; position: absolute; top:0; right:7px; width: 35px; height: 35px; background:url(../img/ico_remove_close.png) no-repeat 50% 50%; cursor: pointer;} .general_wrap .list_wrap .list_box .list_item:hover > a{background-color:#f6f6f6;} .general_wrap .list_wrap .list_box .list_item:hover > a > .list_remove{display: block;} .general_wrap .list_wrap .list_box .list_item.on > a{font-weight: bold; background-image:url(../img/category_list_select_on.png);} .general_wrap .list_wrap .list_box .list_item.on2 a{background-color:#bed600;} .general_wrap .list_wrap .list_box .list_item.soldout > a{color:#999;} .general_wrap .list_wrap .list_box .list_item.on > a .num{font-weight: 400;} .general_wrap .list_wrap .list_box .list_item.on > a > .list_remove{display: block;} .general_wrap .list_wrap .list_box .list_item.no_death > a{background-image:none;} .general_wrap .list_wrap .list_box .list_item .inner_item{display: none; padding: 8px 0;} .general_wrap .list_wrap .list_box .list_item.on .inner_item{display: block;} .general_wrap .list_wrap .list_box .list_item .inner_item .in_item{padding-left: 50px;} .general_wrap .list_wrap .list_box .list_item .inner_item .in_item > a{display: block; padding-left: 22px; font-size: 14px; line-height: 36px; color:#151515;background:url(../img/list_inner.png) no-repeat 0 50%;} .general_wrap .list_wrap .list_box .list_item.soldout .inner_item .in_item > a{color: #999;} .general_wrap .list_wrap .list_box .list_item .inner_item .in_item.on2{background-color:#bed600;} .general_wrap .list_wrap .list_box .list_item .inner_item .in_item.sold_out a{color: #999;} .general_wrap .list_wrap .list_box .list_item .inner_item .in_item:hover{background-color:#f6f6f6;} .general_wrap .list_wrap .list_box .list_item .inner_item .in_item.on2:hover{background-color:#bed600;} .general_wrap .list_wrap .list_box .list_item .inner_item .in_item:hover .list_remove{display: block;} /* 210122 추가 끝 */ .control_box{padding: 17px 0; border-bottom:1px solid #e6e6e6} .control_box .btn_control{display: block; float:left; font-size: 13px; font-weight: bold; padding: 6px 0; padding-left: 16px; margin-right: 30px; background:url(../img/control_down.png) no-repeat 0 50%;} .control_box .btn_control.control_up{background-image:url(../img/control_up.png);} .control_box .btn_control.control_down{} .cate_wrap{padding: 50px 0;} .cate_wrap .item{margin-top: 20px;} .cate_wrap .item:first-child{margin-top: 0;} .cate_wrap .item .title{float:left; width: 110px; line-height: 35px; font-size: 14px; font-weight: bold;} .cate_wrap .item .cont{float:left; width:calc(100% - 110px);} .cate_wrap .item .cont .radio_box{padding: 10px 0;} .cate_wrap .item .cont .radio_box .checks{margin-left: 30px; } .cate_wrap .item .cont .radio_box .checks:first-child{margin-left: 0;} .btn_wrap{text-align: center; font-size: 0; padding-top: 40px;} .btn_wrap > a{display: inline-block; width: 80px; height: 40px; line-height: 40px; box-sizing: border-box; font-size: 14px; vertical-align: top; margin: 0 2.5px;} .btn_wrap > a.type01{border:1px solid #4439b2; color:#4439b2;} .btn_wrap > a.type02{color:#ffffff; background:#2bcc9a; }/* 210402 */ .btn_wrap > a.type03{color:#666; background:#e8e5ea;} .btn_wrap > a.type04{border: 1px solid #151515;color: #151515;} .category_general{position: relative;} .category_general .btn_cateAdd{display: block; position: absolute; top:-52px; right:0; width: 130px; height: 32px; line-height: 32px; color:#fff; font-size: 13px; font-weight: bold; padding: 0 20px; box-sizing: border-box; text-align:right; background:#4439b2 url(../img/ico_plus.png) no-repeat 20px 50%;} .details_wrap{margin-top: 50px;} .details_wrap.desc02{border-bottom:1px solid #e6e6e6;} .details_wrap .title{font-size: 20px; letter-spacing: -0.5px; font-weight: bold; margin-bottom: 20px;} .details_wrap .details_tab{border-bottom:1px solid #151515; margin-bottom: -1px;} .details_wrap .details_tab .tab_list{float:left; margin-bottom:-1px;} .details_wrap .details_tab .tab_list:first-child{margin-left: 0;} .details_wrap .details_tab .tab_list a{display: block; width: 300px; box-sizing: border-box; line-height: 60px; text-align: center; font-size: 15px; color:#666; background:#f6f6f6; border:1px solid #e6e6e6; border-bottom:1px solid #151515;} .details_wrap .details_tab .tab_list.on a{color:#4439b2; font-weight: bold; border-color:#151515; background:#fff; border-bottom-color:#fff; } .details_wrap .details_tab .tab_list.disabled a{color:#ccc;} .details_wrap .details_textarea{padding: 20px 0; } .details_wrap .details_tab .tab_check{float:left; padding: 22px 30px;} /* .details_wrap .details_file{border:1px solid #e6e6e6; border-width:1px 0;} 211216 */ .details_wrap .details_file dl{float:left;} .details_wrap .details_file dl dt{float:left; width: 130px; height: 65px; line-height: 65px; text-align: center; font-size: 14px; font-weight: bold; color:#151515; background: #f6f6f6;} .details_wrap .details_file dl dd{float:left; width:calc(100% - 130px); box-sizing: border-box; padding: 15px 20px;} .details_wrap .details_file dl dd .file_box .file_txt{float:left;} .details_wrap .details_file dl dd .file_box input[type="file"]{position: absolute; left: -9999px;} .details_wrap .details_file dl dd .file_box input[type="file"] + label{display: block; float:left; width: 80px; height: 35px; line-height: 35px; text-align: center; color:#fff; background: #666; font-size: 13px;} .details_wrap .details_file.details_file_type02 {border:0;} .details_wrap .details_file.details_file_type02 dl dd{float:left; width: 100%; padding:30px 0 0 0;} .details_wrap .details_file.details_file_type02 dl dd .file_check{float:left; margin-right: 30px;} .details_wrap .details_file.details_file_type02 dl dd .file_box{float:left; margin-right: 30px;} .details_wrap .details_file.details_file_type02 dl dd .file_box.hide{display: none;} .details_wrap .details_file.details_file_type02 dl dd .file_excel{float:left;} .details_wrap .details_file.details_file_type02 dl dd .file_excel .btn_excel{display: block; font-size: 13px; line-height: 18px; font-weight: 350; color:#1f7246; padding:0 20px 0 24px; border-bottom:1px solid #1f7246; margin: 8px 0; background-image:url(../img/ico_excel.png), url(../img/excel_down.png); background-repeat:no-repeat, no-repeat; background-position:0 50%, 100% 50%;} /* 1:1 문의 */ .choice_wrap{margin-bottom: 12px; float: left;} .choice_wrap .title{display: block; line-height: 35px; float:left; margin-right: 19px; font-size: 13px; font-weight: bold; } .choice_wrap .select{float:left;} .choice_wrap .btn_choice{display: block;float:left; width: 50px; height: 35px; line-height: 35px; text-align: center;color:#fff; font-size: 13px; background:#666; margin-left: 5px;} /* 210118 추가 시작 */ .od_choice_wrap .title{display: block; line-height: 35px; float:left; margin-right: 19px; font-size: 13px; font-weight: bold; } .od_choice_wrap .select{float:left;} .od_choice_wrap .btn_choice{display: block;float:left; width: 50px; height: 35px; line-height: 35px; text-align: center;color:#fff; font-size: 13px; background:#666; margin-left: 5px;} /* 210118 추가 끝 */ /* 210405 수정 시작 qna검색박스 */ .qna_select_box{display: inline-block;vertical-align: middle;} .qna_select_box.state{margin-right: 80px; margin-bottom: 15px;} .qna_select_box.date{margin-right: 120px; margin-bottom: 15px;} .qna_select_box.division{margin-right: 0; margin-bottom: 15px;} .qna_select_box.univ{margin-right: 133px;} .qna_select_box.search{margin-right: 0;} .qna_select_box span{display: block; float:left; font-size: 13px; font-weight: bold; line-height: 35px;margin-right: 15px;text-align: center;} .qna_select_box span.type02_txt{width: 20px; margin: 0;} .qna_select_box select{float:left; margin-right: 10px; color:#666;} .qna_select_box.division select{margin-right: 0;} .qna_select_box select[name="jung_year"]{margin-right: 0;}/* 210315 추가 */ .qna_select_box select[name="jung_month"]{margin-right: 0;}/* 210315 추가 */ .qna_select_box .input{float:left;} .qna_select_box .choice_data_box{margin-bottom: 0;} /* fnq검색박스 */ .faq_select_box{display: inline-block;vertical-align: top;} .faq_select_box.division{margin-right: 100px;} .faq_select_box.univ{margin-right: 100px;} .faq_select_box span{display: block; float:left; font-size: 13px; font-weight: bold; line-height: 35px;margin-right: 15px;text-align: center;} .faq_select_box select{float:left; color:#666;} .faq_select_box.division select{margin-right: 0;} /* 210405 수정 끝 */ /* 1:1문의 검색박스 210428 */ .inquiry_search_area .qna_select_box.state{margin-right: 80px;} .inquiry_search_area .qna_select_box.date{margin-right: 80px;} .inquiry_search_area .qna_select_box.univ{margin-right: 188px;} .tbl_area thead tr th .checks{margin: 0;} .tbl_wrap_type02 .tbl_system tbody tr{border-width:0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide{border-bottom-width:1px;} .tbl_wrap_type02 .tbl_system tbody tr td.lightgray{color:#999 !important;} .tbl_wrap_type02 .tbl_system tbody tr td.main_color{color:#00c185 !important;}/* 210405 */ .tbl_wrap_type02 .tbl_system tbody tr td.green_color{color:#9eaf17 !important;} .tbl_wrap_type02 .tbl_system tbody tr td.inquiry_link{padding: 20px;} /*.tbl_wrap_type02 .tbl_system tbody tr td.inquiry_link > a{white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 15px; line-height: 22px; max-height:44px; overflow: hidden;} 210215 수정 */ .tbl_wrap_type02 .tbl_system tbody tr td.inquiry_link > a{display: inline-block; text-align: left; font-size: 14px; max-height:44px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}/* 210216 fz15 */ .tbl_wrap_type02 .tbl_system tbody tr td.inquiry_link > a:hover{text-decoration: underline;}/* 210215 수정 */ .tbl_wrap_type02 .tbl_system tbody tr td.inquiry_link > a.on{color:#4439b2; font-weight: bold;} .tbl_wrap_type02 .tbl_system tbody tr td.productQna{padding: 25px 30px; transition:all .6s;} .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box{position: relative;} .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box .productqna_status{display: none; height:50px; box-sizing: border-box; padding:6px 0 6px 65px;} .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box .productqna_status .title{font-size: 13px; color:#666; text-align:left;} /* 210215 수정 시작 */ .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box .productqna_status .link{display: block; font-size: 13px; width: 60px; text-align:left; margin-top: 10px; /*border-bottom:1px solid #a6a6a6;*/ padding-bottom: 1px; background:url(../img/ico_site_img.png) no-repeat 100% 50%; } .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box .productqna_status .link:hover{border-bottom:1px solid #a6a6a6;} /* 210215 수정 끝 */ .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box .qna_img_box{ position: absolute; top:0; top:0;} .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box .qna_img_box img{display: block; width: 50px;} .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box .productqna_textbox{position: relative; height: 50px;} .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box .productqna_textbox > a{position: absolute; top:50%; left:0; transform:translateY(-50%); display: block; font-size: 14px; line-height: 22px; max-height:44px; color:#151515; padding-left: 65px; text-align:left; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}/* 210216 fz15 */ .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box .product_private{display: none; margin-top: 20px;} .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box .product_private li{position: relative; float:left; font-size: 13px; letter-spacing: 0; color:#666; padding: 0 12px;} .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box .product_private li:first-child{padding-left: 0;} .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box .product_private li:after{display: block; content:''; position: absolute; left:0; top:calc(50% - 6px); width: 1px; height: 12px; background:#e6e6e6; } .tbl_wrap_type02 .tbl_system tbody tr td.productQna .productQna_box .product_private li:first-child:after{width: 0;} .tbl_wrap_type02 .tbl_system tbody tr td.productQna.active .productQna_box .productqna_status{display: block;} .tbl_wrap_type02 .tbl_system tbody tr td.productQna.active .productQna_box .productqna_textbox{height:auto; margin-top: 15px; } .tbl_wrap_type02 .tbl_system tbody tr td.productQna.active .productQna_box .productqna_textbox > a{position:static; transform:translate(0); -webkit-line-clamp:9999; max-height:100%; overflow:visible; padding-left: 0; color:#4439b2; font-weight: bold;} .tbl_wrap_type02 .tbl_system tbody tr td.productQna.active .productQna_box .product_private{display: block;} /* 210104 비밀아이콘 추가 */ .tbl_wrap_type02 .tbl_system tbody tr td .ico_secret{width: 12px; display: inline-block; margin-left: 5px;} /* //210104 비밀아이콘 추가 */ .tbl_wrap_type02 .tbl_area tbody tr.inner_slide{position: relative; height:auto;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td{padding: 0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner{display: none;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap{padding: 20px; background:#f6f6f6} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap{background:#fff; border:1px solid #e3e3e3;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .textarea{float:left; width:calc(100% - 457px); height: 100px; border:0; font-size: 14px; line-height: 20px;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .textarea.type02{width:calc(100% - 212px);} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .answer_btn{float:left; width: 212px; text-align: center; padding: 30px 0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .answer_btn a{display: inline-block; width: 80px; height: 40px; line-height: 40px; text-align: center; font-size: 14px; vertical-align: top; margin: 0 2.5px; font-weight: bold;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .answer_btn a.type01{color:#fff; background: #2bcc9a;}/* 210405 */ .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .answer_btn a.type02{color:#151515;background: #eeecef;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .answer_btn.disabled a.type01{color:rgba(255,255,255,0.3);} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .answer_btn.disabled a.type02{color:rgba(21,21,21,0.3);} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .answer_status{float:left; width: 245px; box-sizing: border-box; border-left:1px solid #e3e3e3; padding-left: 35px;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .answer_status strong{display: block; float:left; margin-right: 12px; font-size: 13px; font-weight: bold; line-height: 100px; color:#151515;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .answer_status .status_box{float:left; padding: 36px 0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .answer_status .status_box .status_item{float:left; margin-left: 10px;}/* 210108 수정 */ .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .answer_status .status_box .status_item:first-child{margin-left: 0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .answer_status .status_box .status_item > a{ display: block; width: 60px; height: 28px; line-height: 28px; font-size: 12px; border-radius:14px; text-align: center; color:#151515; background: #eeecef;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_wrap .answer_status .status_box .status_item.on > a{color:#fff; background: #151515; } .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body{padding-top: 5px;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item{position: relative;border-top:1px solid #e6e6e6;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item:first-child{border-width:0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item .answer_txt{float:left; width:calc(100% - 245px); padding: 20px 20px 20px 0; box-sizing: border-box;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item:last-child .answer_txt{padding-bottom: 10px;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item .answer_txt p{font-size: 14px; line-height: 20px; color:#666; text-align:left;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item.end .answer_txt p{color:#151515;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item .answer_status_box{width:245px; position: absolute; top:50%; right:0; transform:translateY(-50%);} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item .answer_status_box .status_item{width: 95px; float:left;font-size: 13px; letter-spacing: -0.5px; color:#999;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item .answer_status_box .status_item .status_btn_box{font-size: 0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item .answer_status_box .status_item .status_btn_box a{display: inline-block; font-size: 13px; color:#4439b2; padding: 0 12px;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item .answer_status_box .status_item .status_btn_box a:first-child{position: relative; padding-left: 0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item .answer_status_box .status_item .status_btn_box a:last-child{padding-right: 0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item .answer_status_box .status_item .status_btn_box a:first-child:after{display: block; content:''; position: absolute; right:0; top:calc(50% - 5.5px); width: 1px; height:11px; background:#e6e6e6;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item.end .answer_status_box .status_item{color:#151515;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item .answer_status_box .status_data{width:150px; float:left;font-size: 13px; letter-spacing: -0.5px; color:#666;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner_slide_wrap .answer_body .answer_item.end .answer_status_box .status_data{color:#151515;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td{} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner{border-top:1px solid #4439b2;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner.type02{border-top-width:0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner .inner_infor_wrap{padding:30px 20px 30px 20px;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner .inner_infor_wrap .infor_box ul li{position: relative; float:left; font-size: 13px; letter-spacing: 0; color:#666; padding: 0 12px;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner .inner_infor_wrap .infor_box ul li:first-child{padding-left: 0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner .inner_infor_wrap .infor_box ul li:after{display: block; content:''; position: absolute; top:calc(50% - 6px); left:0; width: 1px; height:12px;background:#ededed; } .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner .inner_infor_wrap .infor_box ul li:first-child:after{width: 0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner .inner_infor_wrap .infor_text{padding: 30px 0 0 0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner .inner_infor_wrap .infor_text > p{font-size: 14px; line-height: 22px; color:#151515; text-align:left; word-break: keep-all;} /* 210108 추가 시작 */ .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner .inner_infor_wrap .infor_text .infor_img_wrap{text-align: left; font-size: 0;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner .inner_infor_wrap .infor_text .infor_img_wrap .infor_img{display: inline-block; margin-right: 5px; margin-top: 16px;} .tbl_wrap_type02 .tbl_area tbody tr.inner_slide td .inner .inner_infor_wrap .infor_text .infor_img_wrap .infor_img a{display: block; width: 50px; height: 50px;} /* 1:1문의 이미지 상세 보기 팝업창 *//* 210111 수정 */ .inq_product_pop{visibility: hidden;} .inq_product_pop .product_dim{position: fixed; top:0; left:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.7);} .inq_product_pop .product_pop_wrap{position: fixed; top:50%; left:50%; z-index:6; transform:translate(-50%, -50%); width:100%; max-width: 640px; max-height:700px; background:#fff; overflow: hidden;} .inq_product_pop .product_pop_wrap .pop_head{border-bottom:1px solid #e6e6e6; box-sizing: border-box; } .inq_product_pop .product_pop_wrap .pop_head h2{float:left; padding-left: 30px; line-height: 59px; font-size: 18px; letter-spacing: 0;} .inq_product_pop .product_pop_wrap .pop_head .pop_close{display: block; float:right;margin-right: 9px; width: 70px; height: 59px; background:url(../img/pop_close.png) no-repeat 50% 50%;} .inq_product_pop .product_pop_wrap .pop_content{display:flex; flex-direction: row; flex-wrap: wrap; justify-self: start;} .inq_product_pop .product_pop_wrap .pop_content .product_slide_box{position: relative; width:100%; background:#000;} .inq_product_pop .product_pop_wrap .pop_content .product_slide_box .product_slide{overflow: hidden;} .inq_product_pop .product_pop_wrap .pop_content .product_slide_box .product_slide .swiper-wrapper{} .inq_product_pop .product_pop_wrap .pop_content .product_slide_box .product_slide .swiper-wrapper .swiper-slide{position: relative; height: 640px;} .inq_product_pop .product_pop_wrap .pop_content .product_slide_box .product_slide .swiper-wrapper .swiper-slide img{display: block; position: absolute; top:0; right: 0; bottom: 0; left: 0; margin:auto; max-width: 100%; max-height: 100%;} .inq_product_pop .product_pop_wrap .pop_content .product_slide_box .slide_paging{position: absolute; width:auto; top:20px; left: 50%; transform:translateX(-50%); text-align: center;color:#fff; font-size: 13px; z-index:3; bottom:auto; min-width:60px; line-height: 30px; border-radius:15px; background:rgba(0,0,0,0.1);padding: 0 17px; box-sizing: border-box;} .inq_product_pop .product_pop_wrap .pop_content .product_slide_box .slide_paging span{margin: 0 3px;} .inq_product_pop .product_pop_wrap .pop_content .product_slide_box .slide_paging .swiper-pagination-current{font-weight: bold;} .inq_product_pop .product_pop_wrap .pop_content .product_slide_box .slide_control{display: block;position: absolute; top:calc(50% - 18px); width: 36px; height: 36px; background:url(../img/ico_slide_prev.png) no-repeat 50% 50%; z-index:3; } .inq_product_pop .product_pop_wrap .pop_content .product_slide_box .slide_control.btn_prev{left: 12px; background-image:url(../img/ico_slide_prev.png);} .inq_product_pop .product_pop_wrap .pop_content .product_slide_box .slide_control.btn_next{right: 12px; background-image:url(../img/ico_slide_next.png);} /* 210108 추가 끝 */ .choice_data_box{float:left; margin-left: 10px; margin-bottom: 12px;} .choice_data_box .data_item{float:left; margin-left: 5px;} .choice_data_box .data_item:first-child{margin-left: 0;} .choice_data_box .data_item input[type="radio"]{position: absolute; left: -9999px;} .choice_data_box .data_item input[type="radio"] + label{display: block; font-size: 13px; width: 50px; height: 35px; line-height:35px; box-sizing: border-box; text-align: center; color:#666; border:1px solid #b9b2bc; cursor: pointer;} .choice_data_box .data_item input[type="radio"]:checked + label{border-color:#151515; color:#151515;} .system_uni_select_box .checks{display: inline-block; margin-right: 30px;} .system_uni_select_box .checks:last-child{margin-right: 0;} .system_uni_select_box .checks input[type="radio"]{} .system_uni_select_box .checks input[type="radio"] + label{font-size: 13px;} .view_list_1st{} .view_list_1st .checks{margin-left: 25px; vertical-align: 2px;} /* 상품관리 product */ .pro_down_excel1,.pro_down_excel2{display: block; height: 35px; line-height: 32px; box-sizing:border-box; border:1px solid #1f7246; color:#1f7246; padding:0 15px; text-align:right; background:#fff url(../img/ico_excel.png) no-repeat left 15px center; margin-bottom: 12px;} .del_all_btn{display: block; font-size: 13px; color: #fff; width: 130px; height: 35px; line-height: 35px; background: #666; text-align: center; position: absolute; top: -47px; right: 135px;}/* 210201 수정 */ .pro_down_excel1{position: absolute; top: -47px; right: 0; width: 130px;} .pro_down_excel2{width: 160px;} .pro_down_excel.bottom{width: 160px; background:#fff url(../img/ico_excel.png) no-repeat left 16px center;} .pro_btn_right{float: right;} .pro_btn_left{float: left;} .pro_btn_del{width: 80px; height: 35px; color: #4439b2; border: 1px solid #4439b2; text-align: center; line-height: 35px; margin-right: 10px; box-sizing: border-box;} /* 20201231 추가 */ .pro_btn_ok{width: 50px; height: 35px; background: #666; color: #fff; display: inline-block; text-align: center; line-height: 35px; margin-left: 5px;} /* 20201231 추가 끝 *//* 210106 마진값 수정 */ .tbl_system tbody tr.product_w{height: 110px;} /* 210114 수정 시작 */ .tbl_system tbody tr.product_w td.product{word-break: keep-all; line-height: 20px; padding: 0 20px; position: relative;} .tbl_system tbody tr.product_w td.product .product_box{position: relative;} .tbl_system tbody tr.product_w td.product .pro_price{width: 66px; margin: 0 auto;} .tbl_system tbody tr.product_w td.product .a_right{text-align: right;} /* 210126 수정 시작 */ /* 210402 수정 시작 */ .tbl_system tbody tr.product_w td.product .product_box .pro_img_box{position: absolute; top:20px; width: 70px; height: 70px; overflow: hidden;} .tbl_system tbody tr.product_w td.product .product_box .pro_img_box img{display: block; width: 100%; height: 100%;} /* 210126 수정 끝 */ /* 20201231 수정 전 .tbl_system tbody tr.product_w td.product .product_box .pro_textbox{position: relative; height: 70px;} .tbl_system tbody tr.product_w td.product .product_box .pro_textbox > a{position: absolute; top:50%; left:0; width: calc(100% - 90px); transform:translateY(-50%); display: block; font-size: 15px; line-height: 22px; max-height:70px; color:#151515; padding-left: 90px; text-align:left; white-space: normal;} .tbl_system tbody tr.product_w td.product .product_box .pro_textbox > a .pro_title{font-weight: bold; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .tbl_system tbody tr.product_w td.product .product_box .pro_textbox > a .location{font-size: 13px; color: #666; margin-top: 5px;} */ /* 20201231 추가/수정 .tbl_system tbody tr.product_w td.product .product_box .pro_textbox{position: relative; width: calc(100% - 90px); height:70px; font-size: 15px; line-height: 22px; color:#151515; padding-left: 90px; text-align:left; white-space: normal;}*/ .tbl_system tbody tr.product_w td.product .product_box .pro_textbox{position: relative; width: calc(100% - 90px); min-height: 70px;; font-size: 15px; line-height: 22px; color:#151515; padding: 20px 0 20px 90px; text-align:left; white-space: normal;} /* //210402 수정 */ .tbl_system tbody tr.product_w td.product .product_box .pro_textbox .pro_title_w{position: relative; display: inline-block; margin-right: 22px;} .tbl_system tbody tr.product_w td.product .product_box .pro_textbox .pro_title{font-weight: bold; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .tbl_system tbody tr.product_w td.product .product_box .pro_textbox .pro_title:hover{text-decoration: underline;} .tbl_system tbody tr.product_w td.product .newpage_icon{position: absolute; top: 17px; right: 15px; width: 12px; padding: 0 5px; display: inline-block; padding-left: 8px; z-index: 1;}/* 210115 수정 */ /* 210114 수정 끝 */ .tbl_system tbody tr.product_w td.product .product_box .pro_textbox .location{font-size: 13px; color: #666; width: calc(100% - 25px); height: auto; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; word-wrap: normal; /*margin-top: 3px;*/}/* 210402 수정 */ .tbl_system tbody tr.product_w td.pro_price{text-align: right; line-height: 20px; padding-right: 40px;}/* 210402 210115 수정 */ /* 20201231 추가/수정 끝 */ .tbl_system tbody tr.product_w td.product .toggle_btn_w{position: relative; display: inline-block; width: 72px; height: 28px; border: 1px solid #e3e3e3; border-radius: 14px; cursor: pointer; transition: .4s;} .tbl_system tbody tr.product_w td.product .toggle_btn_w p{position: absolute; top: 50%; transform: translateY(-50%); display: inline-block; font-size: 12px;} .tbl_system tbody tr.product_w td.product .toggle_btn_w p.btn_txt_off{color: #999; right: 12px; display: block;} .tbl_system tbody tr.product_w td.product .toggle_btn_w p.btn_txt_on{color: #fff; left: 12px; display: none;} .tbl_system tbody tr.product_w td.product .toggle_btn_w span{position: absolute; top: 0; left: 0;} .tbl_system tbody tr.product_w td.product .toggle_btn_w span::before{position: absolute; content: ''; width: 22px; height: 22px; top: 3px; left: 2px; border-radius: 50%; background: #eeecef; transition: .4s;} .tbl_system tbody tr.product_w td.product input[type="checkbox"]{display: block; opacity: 0; width: 0; height: 0;} .tbl_system tbody tr.product_w td.product input[type="checkbox"]:checked + label{background: #bed600;} .tbl_system tbody tr.product_w td.product input[type="checkbox"]:checked + label>span::before{transform: translateX(46px); background: #fff;} .tbl_system tbody tr.product_w td.product>a{display: block; width: 50px; height: 25px; line-height: 25px;} .tbl_system tbody tr.product_w td.product .mg_Re_btn{background: #eeecef; border: 1px solid #eeecef; margin-bottom: 7px;} .tbl_system tbody tr.product_w td.product .mg_del_btn{color: #4439b2; border: 1px solid #4439b2;} .tbl_system tbody tr.product_w td.ft_color_black{font-weight: bold;} .tbl_system tbody tr.product_w td.product .stock{color: #666; font-weight: normal;} .tbl_system tbody tr.product_w td.product .sold_out{color: #f81700; font-weight: normal;} .tbl_system tbody tr.product_w td.product.active .product_box .pro_textbox{height:auto; margin-top: 15px; } .tbl_system tbody tr.product_w td.product.active .product_box .pro_textbox > a{position:static; transform:translate(0); -webkit-line-clamp:9999; max-height:100%; overflow:visible; padding-left: 0; color:#4439b2; font-weight: bold;} .product_tbl_area thead tr th{line-height: 18px;} /* 기내식 수량차감 inflightmeal */ .inflightmeal_search_w>span{display: inline-block; font-size: 13px; font-weight: bold; line-height: 35px;margin-right: 20px;} .inflightmeal_search_w .inflightmeal_search>.btn_search{display:inline-block; width:65px; height:35px; color:#151515; font-size: 13px; background: #bed600;} .inflightmeal_search_w .inflightmeal_search>input::placeholder{font-size: 13px; color: #999;} .banner_setting .inflightmeal_search_w{margin-bottom: 30px;} #banner_setting .inflightmeal_search_w{background: #f5f6e9; text-align: center;} /* .tbl_system tbody.meal tr td.fz15{font-size: 15px;} 210216 수정 */ /* 거래처 관리 connection */ /* 210119 수정 시작 */ /* .tbl_system tbody.connection tr td.fz15{font-size: 15px;} 210216 수정 */ /*.tbl_system tbody.connection tr td a{font-size: 15px;} 210215 수정 210216 수정 */ .tbl_system tbody.connection tr td a:hover{text-decoration: underline;}/* 210215 수정 */ .banner_setting .connection_search_w{margin-bottom: 30px;} /* 210119 수정 끝 */ /* 거래처관리(제주/도서산간)(pop) */ .connection_pop_wrap{width: 650px;} .connection_pop_body .inner_top{font-size: 0;} .connection_pop_body .inner_top .banner_search_area{background: #f6f6f6; padding: 25px 30px; margin-bottom: 30px;} .connection_pop_body .inner_top .banner_search_area select{vertical-align: top;} .connection_pop_body .inner_top .banner_search_area .search_box{margin-left: -1px;} .connection_pop_body .inner_top .banner_list_value{font-size: 13px; margin-bottom: 10px;} .popconnect_tbl_area{margin-bottom: 0;} .popconnect_tbl_area tbody tr.inner_enrollment_area{height: 65px; border-bottom: 1px solid #ccc;} .popconnect_tbl_area tbody tr.inner_enrollment_area td{font-size: 0;} .popconnect_tbl_area tbody tr.inner_enrollment_area td.no input{margin-right: 5px;} .popconnect_tbl_area tbody tr.inner_enrollment_area td.no input:last-child{margin-right: 0;} .popconnect_tbl_area tbody tr.inner_enrollment_area td .connect_inner_btn a{display: inline-block; width: 60px; height: 35px; line-height: 35px; text-align: center; background: #bed600; color: #fff; font-size: 13px; font-weight: bold;} .connection_pop_body .inner .highisland_list{width: 100%; height: 410px;} .connection_pop_body .inner .highisland_list .list{font-size: 0; height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6;} .connection_pop_body .inner .highisland_list .list > div{display: inline-block; font-size: 13px; text-align: center; vertical-align: middle; color: #666;} .connection_pop_body .inner .highisland_list .list .title{width: 120px;} .connection_pop_body .inner .highisland_list .list .area{width: 229px; text-align: left; padding: 0 18px; color: #151515; box-sizing: border-box;} .connection_pop_body .inner .highisland_list .list .postalcode{width: 143px; text-align: center; letter-spacing: 0;} .connection_pop_body .inner .highisland_list .list .postalcode .left{display: inline-block; width: 60px;} .connection_pop_body .inner .highisland_list .list .postalcode .right{display: inline-block; width: 60px;} .connection_pop_body .inner .highisland_list .list .remove_w{width: 77px;} .connection_pop_body .inner .highisland_list .list .remove_w .remove_btn{display: inline-block; width: 30px; height: 15px; text-align: center; background: url(../img/ico_remove_no.png)no-repeat 50% 0; background-size: 14px auto;} .connection_pop_body .inner .highisland_list .list .remove_w .remove_btn:hover{background: url(../img/ico_remove.png)no-repeat 50% 0;} .connection_pop_body .inner .highisland_list .pop_nodata{border-bottom:1px solid #e6e6e6;} .connection_pop_body .inner .highisland_list .pop_nodata .pop_div_nodata{position: relative; height:100px; padding-top: 145px; background:url(../img/nodata.png) no-repeat 50% 80px; background-size: 45px auto; vertical-align:top; font-size: 18px; color:#151515; border-bottom:0; text-align: center;} /* 검색어 관리 searchword */ .tbl_system tbody.searchword tr{height: auto;} .tbl_system tbody.searchword tr td.location{line-height: 20px; padding: 15px 0;}/* 210204 수정 */ /* .tbl_system tbody.searchword tr td.fz15{font-size: 15px;} 210216 수정 */ .tbl_system tbody.searchword tr td.tal{text-align: left;} .tbl_system tbody.searchword tr td.tal a:hover{text-decoration: underline;}/* 210215 추가 */ /* 210111 추가 시작*/ .system_uni_select_box.sw_system_uni_select_box{margin-right: 100px;} .system_uni_select_box.sw_system_uni_select_box .checks{margin-right: 20px;} /* 210111 추가 끝*/ /* 검색어 관리 등록 searchword_write */ /* 210111 삭제 ul.searchword_write_warp li dl.view_list_1st dd.word>input{border: 1px solid #4439b2; color: #4439b2;} ul.searchword_write_warp li dl.view_list_1st dd.word>input::placeholder{color: #4439b2;} */ ul.searchword_write_warp li dl.view_list_1st dd>span{color: #999; margin-left: 20px;} ul.searchword_write_warp .view_list_1st .checks{margin-left: 0;} /* 20201230 주문관리 order_whole */ .od_banner_setting .banner_search_area{padding: 20px 17px;} .orderwhole_select_box{display: inline-block;margin: 0 auto 15px;width: 1185px;text-align: left;} .orderwhole_select_box>.od_checks_box{display: inline-block; /*float: left;*/width: auto;text-align: left;margin-bottom: 15px;}/* 210402 */ .orderwhole_select_box>.od_date_box{display: inline-block;float: left;} /* 20201231 수정 *//* 210115 수정 시작 */ /*.orderwhole_select_box>.od_select_box{display: inline-block; float: right;}*/ .orderwhole_select_box>.od_select_box_w{display: inline-block;margin-left: 95px;}/* 210201 수정 */ .orderwhole_select_box>.od_select_box_w.flo_right{float: left;}/* 210308 수정 *//* 210402 */ .orderwhole_select_box>.od_select_box_w .od_select_box{display: inline-block;} /*.orderwhole_select_box>.od_select_box_w .od_select_box:first-child{margin-right: 30px;} 210201 수정 *//* 210308 수정 */ /* .orderwhole_select_box>.od_select_box:last-child{ float: right;} */ /* 210115 수정 끝 */ .orderwhole_select_box span{display: block; float:left; font-size: 13px; font-weight: bold; line-height: 35px; margin-right: 20px;} .orderwhole_select_box span.type02_txt{margin: 0 5px;} .orderwhole_select_box>.od_checks_box .checks{display: inline-block; margin-right: 20px;} .orderwhole_select_box>.od_checks_box .checks:last-child{margin-right: 0;} .orderwhole_select_box>.od_checks_box .checks input[type="checkbox"] + label{font-size: 13px;} .orderwhole_select_box> span.type02_txt{text-align: center;} .orderwhole_select_box>.od_search_w{/*float: right;*/display: inline-block;vertical-align: top;margin-left: 93px;}/* 210402 */ .orderwhole_select_box>.od_select_box.payment_box{float: right;margin-right: 5px;}/* 210430 추가 */ /* 20201231 수정 widht 20201231 수정 */ .od_choice_data_box{margin-bottom: 0;} /* .od_choice_data_box{margin-bottom: 0;} */ .od_banner_list_value{display: inline-block; margin-bottom: 14px;} .od_banner_list_value>.fz18{padding-left: 10px;} .od_p{position: relative; padding-right: 15px; margin-right: 15px;} .od_p::after{content: ''; display: block; position: absolute; top: 3px;/*20201231 수정 */ right: 0; width: 1px; height: 15px; background: #e3e3e3;} .orderwhole_wrap>tr>td{border: 1px solid #e3e3e3;} .orderwhole_wrap>tr.inner_table_w>td{border-top: 2px solid transparent;} .orderwhole_wrap>tr:first-child td{border-top: 1px solid #151515;} .orderwhole_wrap>tr td.border_t{border-right: 1px solid transparent;} /* 20201231 추가 */ /* 20201231 삭제 */ .orderwhole_wrap>tr>td:first-child{border-left: 1px solid transparent;} .orderwhole_wrap>tr>td:last-child{border-right: 1px solid transparent;} .orderwhole_wrap .od_history .od_no{font-size: 16px; text-decoration: underline; cursor: pointer;}/* 210113 수정 */ /* 20201231 삭제 .orderwhole_wrap .od_history .od_no::after{content: ''; display: block; width: 60%; height: 1px; margin: 0 auto; background: #4439b2; margin-top: 3px;}*/ /* 210113 추가 시작 */ .tbl_wrap_type02 .tbl_system tbody.orderwhole_wrap tr td{padding: 0; border-bottom: 1px solid #c7c7c7;}/* 210115 수정 */ .checks input[type="checkbox"]+label.odcheckAll{padding-left: 15px;} .od_check .checks input[type="checkbox"]+label {padding-left: 15px;} .od_check .checks input[type="checkbox"]:disabled+label::before{width:16px; height:16px; background: url(../img/checkbox_disable.png)no-repeat;} /* 210118 수정 시작 */ .orderwhole_wrap>tr>td.line_wrap{border-right: 0;} .orderwhole_wrap>tr>td.line_wrap ul{border-bottom: 1px solid #e3e3e3; display: table; vertical-align: top;} /* 210129수정 시작 */ .orderwhole_wrap>tr>td.line_wrap ul.one_line{ min-height: 108px;/* 130 */} .orderwhole_wrap>tr>td.line_wrap ul:last-child{border-bottom: 0;} .orderwhole_wrap>tr>td.line_wrap ul li{display: table-cell; vertical-align: middle; padding: 15px 0;} .orderwhole_wrap>tr>td.line_wrap ul li.od_check{width: 35px;/*65*/} .orderwhole_wrap>tr>td.line_wrap ul li.od_whole{width: calc(100% - 670px);} .orderwhole_wrap>tr>td.line_wrap ul li.od_whole a:hover .title{text-decoration: underline;}/* 210215 추가 */ .orderwhole_wrap>tr>td.line_wrap ul li.quantity{width: 26px; font-size: 14px;} /* 210128 수정 시작 */ /* 210126 수정 시작 */ .orderwhole_wrap>tr>td.line_wrap ul li.od_price_box{width: 115px;/*130*/ padding-right: 20px;/*35*/ box-sizing: border-box;} .orderwhole_wrap>tr>td.line_wrap ul li.od_shipping_box{width: 106px; text-align: center; border-left: 1px solid #e3e3e3;} .orderwhole_wrap>tr>td.line_wrap ul li.od_delivery_box{width: 200px; max-width: 200px; box-sizing: border-box; position: relative;} .orderwhole_wrap>tr>td.line_wrap ul li.od_delivery_box::after{content: ''; display: block; position: absolute; top: 0; left: 0; width: 1px; height: 100%; background: #e3e3e3;} /* 210128 수정 끝 */ .orderwhole_wrap>tr>td.line_wrap ul li.od_delivery_box p{word-break: break-all;} /* 210126 수정 끝 */ /* 210118 수정 끝 */ /* 210115 수정 시작 */ .orderwhole_wrap>tr .od_delivery_box .delivery_sel{display: none;} .orderwhole_wrap>tr .od_delivery_box .delivery_sel.show{display: block;} .orderwhole_wrap>tr .od_delivery_box .delicery_fix{display: none;} .orderwhole_wrap>tr .od_delivery_box .delicery_fix.show{display: block;} /* 210115 수정 끝 */ .orderwhole_wrap>tr>td.line_wrap ul li.od_state{width: 135px;}/* 155 */ /* 210118 삭제 */ /* .orderwhole_wrap>tr>td.od_shipping_box{border-right: 0;} */ .orderwhole_wrap>tr>td.od_delivery_box{border-right: 0; border-left: 0;} .orderwhole_wrap>tr>td.od_state{border-left: 0;} /* 210113 추가 끝 */ .orderwhole_wrap .od_history p{font-weight: bold;} .orderwhole_wrap .od_history span{display: inline-block;} .orderwhole_wrap .od_history .color999{color: #999;} /* 210215 수정 시작 */ /* 210308 수정 시작 */ .orderwhole_wrap .od_history .state_box{display: inline-block; padding: 5px 10px; margin: 0 auto; font-size: 11px; border: 1px solid;} .orderwhole_wrap .od_history .state_box.state_ing{border-color: #bbb; color: #666;} .orderwhole_wrap .od_history .state_box.state_payfin{border-color: #4439b2; color: #4439b2;} .orderwhole_wrap .od_history .state_box.state_sendfin{border-color: #00c185; color: #00c185;} /* 210113 수정 시작 */ .orderwhole_wrap .od_history .state_box.state_can{border-color: #f81700; color: #f81700;} .orderwhole_wrap .od_history .state_box.state_conf{border-color: #151515; color: #151515;} .orderwhole_wrap .od_history .state_box.state_canpay{border-color: #f81700; color: #f81700;} .orderwhole_wrap .od_history .state_box.state_refund{width: 58px; padding: 5px 0; border-color: #00b6f2; color: #00b6f2;} /* 210308 수정 끝 */ /* 210215 수정 끝 */ .orderwhole > ul li{text-align: left; margin-bottom: 15px;position: relative;}/* 30 *//* 210429 */ /* 210129수정 끝 */ .orderwhole > ul li:last-child{margin: 0;} .orderwhole > ul li p{font-size: 14px; font-weight: bold; line-height: 20px;} .orderwhole > ul li p.text_title{margin-bottom: 10px;} .orderwhole > ul li p.text_st02{font-size: 13px; color: #999; font-weight: normal;} .orderwhole > ul li p.text_st03{font-weight: normal;} .orderwhole > ul li p.text_st05{font-weight: normal; letter-spacing: -0.5px;} .orderwhole > ul li p.text_st06{font-weight: normal;} /* 210429 추가 */ .orderwhole > ul li p.text_st07{font-weight: normal;position: absolute;bottom: 0;left: 97px;padding-left: 14px;} .orderwhole > ul li p.text_st07::before{content: '';display: block;position: absolute;top: 6px;left: 0;width: 1px;height: 12px;background: #e6e6e6;} .orderwhole > ul li p.text_st02 .account{color: #666;letter-spacing: normal;} /* //210429 추가 */ .orderwhole > ul li p span{float: right; color: #151515;} .orderwhole > ul li p span.pay_cancel{color: #f81700; font-weight: bold;} /* 210204 수정 시작 */ .orderwhole > span.name{margin-top: 12px;} .orderwhole > p.phoneN{font-weight: normal; padding-top: 5px;} /* 210204 수정 끝 */ .orderhole_img_box{position: relative;} /* 210115 수정 시작 */ .orderhole_img_box .od_img_box{position: absolute; top: 50%; transform: translateY(-25px); left: 0; display: block; width: 50px; vertical-align: top;} .orderhole_img_box .orderhole_text{text-align: left; margin-left: 70px; color: #666;} .orderhole_img_box .orderhole_text>.title{margin-right: 39px; display: block; color: #151515; padding-bottom: 8px; line-height: 20px;} .orderwhole_wrap .od_price_box{font-size: 14px; text-align: right; color: #151515; line-height: 20px;} .orderwhole_wrap .od_price_box .price01{font-size: 15px; font-weight: bold;} .orderwhole_wrap .od_delivery_box .input_box_w{position: relative; text-align: left; width: 170px; margin: 0 auto;} .orderwhole_wrap .od_delivery_box .input_box_w input{margin: 5px 0;/*20201231 4px*/} .orderwhole_wrap .od_delivery_box .input_box_w input::placeholder{color: #999;} .orderwhole_wrap .od_delivery_box .input_box_w .btn_input{position: absolute; top: 5px; right: 0; width: 50px; height: 30px; background: #666; color: #fff;} .orderwhole_wrap .od_delivery_box p{display: block; font-size: 14px; margin: 0 auto; line-height: 22px;} /* 210113 수정 끝 */ .orderwhole_wrap .od_delivery_box .icon_revise_w{margin-top: 11px;} .orderwhole_wrap .od_delivery_box .icon_revise_w a{display: inline-block;} .orderwhole_wrap .od_delivery_box .icon_revise_w a .icon_revise{width: 14px; height: 14px;} .orderwhole_wrap .od_state .od_cancel{color: #f81700;} .orderwhole_wrap .od_state .od_fin{color: #151515;} .orderwhole_wrap .od_changes label{display: block; width: 75px; height: 25px; line-height: 25px; font-size: 12px; margin: 0 auto; cursor: pointer; background: #eeecef; color: #151515;} .orderwhole_wrap .od_changes input[type="checkbox"]:checked + label{background:#151515; color: #fff;} .tbl_system.od_tbl_area tbody tr{height: 0;} .od_dot_area{position: relative;} /* 210118 수정 시작 */ .od_choice_wrap{position: absolute; top: 0; left: 0;} .od_ok_wrap{position: absolute; top: 0; right: 0;} /* 210118 수정 끝 */ /* 210115 수정 끝 */ /* 210113 이너테이블 삭제 .inner_table_w{height: 0;} .inner_table_w td .od_int{background: #f6f6f6;} .inner_table_w td .inner_table{width: 100%; font-size: 14px; border-collapse: collapse; margin: 0 auto;} .inner_table_w td .inner_table th{font-weight: normal; font-size: 14px;} .inner_table_w td .inner_table tbody tr:last-child td{border-bottom: 1px solid transparent;} .inner_table_w td .inner_table tbody tr:first-child td{border-top: 1px solid #c0c0c0;} .inner_table_w td .inner_table tbody tr td{margin: 0; border-bottom: 1px solid #e3e3e3;} .inner_table tbody tr td.ch_can{color: #f81700;} .inner_table tbody tr td.ch_re{color: #009fda;} .inner_table tbody tr td.ch_exch{color: #151515;} */ /* 운영자관리 목록 */ .tbl_system.tbl_admin{margin-bottom: 32px;}/* 20201231 수정 44px */ .tbl_system.tbl_admin tbody tr td a:hover{text-decoration:underline #6d6d6d;} /* 운영자관리 상세 */ .adminView .input{color:#151515;} ul.view_warp li dl.view_list_1st dd .btn_check_type02{display: inline-block; width: 80px; height: 35px; line-height: 35px; text-align: center; color:#fff; background:#151515; font-size: 13px; vertical-align: top; margin-left: 2px;} ul.view_warp li dl dd .rightChoice{color:#666;} ul.view_warp li dl dd .clientChoice:disabled{background-color:#f6f6f6; color:#999; } /* 211027 */ ul.view_warp li dl dd textarea{min-height: 90px;}/* 210528 min하이트로 변경*/ ul.view_warp li dl dd textarea:focus{border: 1px solid #4439b2;color: #4439b2;outline: none;}/* 211129 컬러변경 */ ul.view_warp.company li dl.view_list_1st dd{padding-right: 20px;} ul.view_warp.company li dl.view_list_1st dd .text_box{height: 35px;} /* //211027 */ /*상품평 관리 목록*/ .product_area{} .tbl_area.product_area tbody tr{height:auto;} .tbl_area.product_area tbody tr td.list3{font-size: 14px; line-height: 20px;} .tbl_area.product_area tbody tr td.list3 span{display: block;padding-top: 10px;}/* 210405 대학추가 */ .product_area .product_star{display: inline-block;} .product_area .product_star .img_star{float:left; display: block; width: 16px; height: 16px; margin-left: 2px; background:url(../img/ico_star.png) no-repeat 0 0; background-size:contain;} .product_area .product_star .img_star.on{background-image:url(../img/ico_star_on.png);} .product_area .product_star .img_star:first-child{margin-left: 0;} .product_area .product_btn_box{} .product_area .product_btn_box .btn{display: block; width: 50px; height: 25px; line-height:25px; text-align: center; font-size: 12px; box-sizing: border-box; margin:0 auto; margin-top: 7px;} .product_area .product_btn_box .btn:first-child{margin-top: 0;} .product_area .product_btn_box .btn.btn_type01{color:#151515; background:#eeecef;} .product_area .product_btn_box .btn.btn_type02{color:#4439b2; border:1px solid #4439b2;} .product_area .product_txt_box{padding:23px 45px;} .product_area .product_txt_box .option_box{position: relative;} .product_area .product_txt_box .option_box .option_img{position: absolute; left:0; top:0;} .product_area .product_txt_box .option_box .option_img > a{ display: block; width: 50px; height: 50px; overflow: hidden;} .product_area .product_txt_box .option_box .option_img > a > img{width:100%;} .product_area .product_txt_box .option_box .option_txt_box{padding:5px 0 5px 65px;} .product_area .product_txt_box .option_box .option_txt_box > p{font-size: 13px; color:#666; text-align:left;} .product_area .product_txt_box .option_box .option_txt_box > p.txt1 .ico_photo{display: inline-block; background: url(../img/ico_photo.png) no-repeat; width: 12px; height: 17px; margin-left:7px; vertical-align: middle;}/* 210111추가 */ .product_area .product_txt_box .option_box .option_txt_box > p.txt1 > a{font-size: 13px; color:#666;} .product_area .product_txt_box .option_box .option_txt_box > p.txt1 > a:hover{text-decoration: underline;} .product_area .product_txt_box .option_box .option_txt_box > p.txt2{} .product_area .product_txt_box .txt_box{padding-top: 15px;} .product_area .product_txt_box .txt_box > a > p{font-size: 14px; line-height: 22px; color:#151515; white-space: normal; max-height:66px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}/* 210216 fz15 */ /* 팝업 */ .pop_wrap{} .pop_wrap .pop_head{padding: 0 30px; border-bottom:1px solid #151515;} .pop_wrap .pop_head .title{float:left; font-size: 18px; line-height: 59px; } .pop_wrap .pop_head .btn_close{float:right; display: block; width: 30px; height: 30px; background:url(../img/pop_close.png) no-repeat 50% 50%; transform:translateX(3.5px); margin: 14px 0;}/* 20201231 수정 -5.5px */ .pop_wrap .pop_body .inner{padding:40px 40px 50px 40px;} /* 상품리뷰 수정 팝업 */ .product_pop{width: 600px;} .product_pop .top_inner{padding:20px 40px; background:#f6f6f6} .product_pop .top_inner .prt_box{position: relative; padding:20px 0 20px 95px; position: relative; } .product_pop .top_inner .prt_box .prt_img{position: absolute; top:0; left:0; width: 80px; height: 80px;} .product_pop .top_inner .prt_box .prt_img img{width: 100%;} .product_pop .top_inner .prt_box > strong{display: block; font-size: 16px; font-weight: bold;} .product_pop .top_inner .prt_box > p{font-size: 14px; color:#666; margin-top: 10px;} .product_pop .prt_head{padding-bottom: 10px; border-bottom:1px solid #151515;} .product_pop .prt_head h3{float:left; font-size: 15px; line-height: 18px; color:#151515; font-weight: bold;} .product_pop .prt_head p{float:left; font-size: 13px; line-height: 18px; color:#666; margin-left: 10px;} .product_pop .prt_star_box{padding: 15px 0; border-bottom:1px solid #e6e6e6;} .product_pop .prt_star_box .star_box{float:left;} .product_pop .prt_star_box .star_box .img_star{float:left; margin-left: 8px;} .product_pop .prt_star_box .star_box .img_star:first-child{margin-left: 0;} .product_pop .prt_star_box .star_box .img_star > a{display: block; width: 25px; height: 25px; background:url(../img/img_prt_star.png) no-repeat 50% 50%; background-size: contain;} .product_pop .prt_star_box .star_box .img_star.on > a{background-image:url(../img/img_prt_star_on.png);} .product_pop .prt_star_box .star_txt{float:left; line-height: 25px; margin-left: 15px; font-size: 14px; color:#151515;} .product_pop .prt_text_box{} .product_pop .prt_text_box textarea{padding:20px 0; border:0; background:#fff; resize:none; font-size: 14px; line-height: 20px; color:#151515;} .product_pop .prt_check_img{font-size: 0; padding:20px 0; white-space: nowrap;overflow: hidden; border:1px solid #e6e6e6; border-width:1px 0;} .product_pop .prt_check_img .prt_check{display: inline-block; position: relative; vertical-align: top; margin-left: 5px;} .product_pop .prt_check_img .prt_check:first-child{margin-left: 0;} .product_pop .prt_check_img .prt_check .img_box{} .product_pop .prt_check_img .prt_check .img_box > a{display: block; width: 100px; height: 100px; overflow: hidden;} .product_pop .prt_check_img .prt_check .img_box > a> img{width: 100%;} .product_pop .prt_check_img input[type="checkbox"]{position: absolute; left:-9999px;} .product_pop .prt_check_img input[type="checkbox"] + label{position: absolute; display: block; width: 16px; height: 16px; background:url(../img/checkbox.png) no-repeat 0 0; background-size: contain; top:0; right:0; cursor:pointer;}/* 210111 수정 */ .product_pop .prt_check_img input[type="checkbox"]:checked + label{background-image:url(../img/checkbox_on.png);} .product_pop .prt_tip{font-size: 13px; line-height: 18px; color:#666; padding-top: 12px;} .product_pop .pop_btn_wrap{text-align: center; font-size: 0; padding-top: 30px;} .product_pop .pop_btn_wrap a{display: inline-block; width: 70px; height: 32px; line-height: 32px; text-align: center; vertical-align:top; font-size: 13px; color:#fff; font-weight: 400; margin: 0 2.5px;} .product_pop .pop_btn_wrap a.type01{color:#fff; background:#bed600; font-weight: bold; } .product_pop .pop_btn_wrap a.type02{color:#151515;background:#eeecef; } /* 상품관리 상세 */ .product_view{} .product_view ul.view_warp li dl dt{} .product_view ul.view_warp li dl dt .btn_cate_add{position: relative; display: block; width: 19px; height: 19px; box-sizing: border-box; border:1px solid #666; margin:0 auto; transform:translateY(-12px);} .product_view ul.view_warp li dl dt .btn_cate_add:hover{background:#151515} .product_view ul.view_warp li dl dt .btn_cate_add span{display: block; position: absolute; top:0; left:0; width: 1px; height: 9px; background:#151515;} .product_view ul.view_warp li dl dt .btn_cate_add:hover span{background:#fff;} .product_view ul.view_warp li dl dt .btn_cate_add span.type01{ top:calc(50% - 4.5px); left:calc(50% - 0.5px);} .product_view ul.view_warp li dl dt .btn_cate_add span.type02{width: 9px; height: 1px; top:calc(50% - 0.5px); left:calc(50% - 4.5px); } .product_view .view_list_1st .checks{margin: 0;} /* 210121 수정 시작 */ .product_view .view_list_1st .checks .check_item{margin-top: 15px;} .product_view .view_list_1st .checks .check_item:first-child{margin-top: 0;} .product_view .view_list_1st .checks .check_item label{font-size: 13px; color:#151515;} .product_view .view_list_1st .checks .check_item label .c_main{display: inline-block; width: 35px; height: 18px; line-height: 18px; text-align: center; font-size: 11px; color:#fff; line-height: 20px; background:#4439b2; }/* 210402 */ .product_view .view_list_1st .checks .check_item label .c_cate{font-size: 13px; line-height: 20px; color:#999;} .product_view .view_list_1st .checks .check_item label .cate_remove{display: none; width: 13px; height: 13px; background:url(../img/img_remove.png) no-repeat 0 0; vertical-align: -2px; margin-left: 3px;} .product_view .view_list_1st .checks .check_item label:hover .cate_remove{display: inline-block;} /* 210402 대학선택 추가 */ .product_view .view_list_1st .univ_wrap{display: flex;flex-wrap: wrap;} .product_view .view_list_1st .univ_wrap li{display: inline-block;width: 195px; line-height: 30px;padding-left: 8px;box-sizing: border-box;position: relative;} .product_view .view_list_1st .univ_wrap li::before{content: '';display: block;position: absolute;top: calc(50% - 2px);left: 0;width: 3px;height: 3px;border-radius: 50%;background: #151515;} .product_view .view_list_1st .univ_wrap li .univ_item{display: inline-block;font-size: 13px; color:#151515;padding-right: 19.5px;cursor: pointer;} .product_view .view_list_1st .univ_wrap li .univ_item .cate_remove{display: none; width: 13px; height: 13px; background:url(../img/img_remove.png) no-repeat 0 0; vertical-align: -2px; margin-left: 3px;} .product_view .view_list_1st .univ_wrap .univ_item:hover{padding-right: 0;} .product_view .view_list_1st .univ_wrap .univ_item:hover .cate_remove{display: inline-block;} .product_view ul.view_warp li dl.view_list_1st dd.view_icon{padding:21px 20px;} .product_view ul.view_warp li dl.view_list_1st dd.view_icon .checks{} .product_view ul.view_warp li dl.view_list_1st dd.view_icon .checks label{height:auto;} .product_view ul.view_warp li dl.view_list_1st dd.view_icon .checks label:before{top:2px;} .product_view ul.view_warp li dl.view_list_1st dd.view_icon .checks label .icon_type{display: block; font-size: 11px; line-height: 18px; border-radius:3px; text-align: center;letter-spacing: normal; box-sizing: border-box;} /* 210402 아이콘 수정 */ .product_view ul.view_warp li dl.view_list_1st dd.view_icon .checks label .icon_type.type_best{width: 38px; color:#fff; background:#2bcc9a;border:1px solid #2bcc9a;} .product_view ul.view_warp li dl.view_list_1st dd.view_icon .checks label .icon_type.type_hot{width: 38px; color:#fff; background:#ff5961; border:1px solid #ff2f1a;} .product_view ul.view_warp li dl.view_list_1st dd.view_icon .checks label .icon_type.type_new{width: 38px; color:#00c185; border:1px solid #00c185;} .product_view ul.view_warp li dl.view_list_1st dd.view_icon .checks label .icon_type.type_star{width: 30px; color:#ff5961; border:1px solid #ff5961; } .product_view ul.view_warp li dl.view_list_1st dd.view_icon .checks label .icon_type.type_down{width: 40px; color:#4439b2; border:1px solid #4439b2;} /* 210402 아이콘 수정 */ .prt_file_wrap{padding-top: 0;} .prt_file_wrap .file_input{} .prt_file_wrap .file_input .file_text{float:left; width: 370px; height: 35px; line-height: 35px; box-sizing: border-box; border:1px solid #e3e3e3; border-right-width:0; padding: 0 14px;} .prt_file_wrap .file_input input[type="file"]{position: absolute; left: -9999px;} .prt_file_wrap .file_input input[type="file"] + label{display: block; float:left; width: 80px; height: 35px; line-height: 35px; text-align: center; color:#fff; font-size: 13px; color:#fff; background: #666;} .file_list_wrap{overflow:auto;} .file_list_wrap .file_list_box{white-space: nowrap;} .file_list_wrap .file_list_box .file_list{float:none; display: inline-block; margin-left: 20px; margin-top: 0;} .file_list_wrap .file_list_box .file_list:first-child{margin-left: 0;} .file_list_wrap .file_list_box .file_list input[type="radio"]{} .file_list_wrap .file_list_box .file_list input[type="radio"] + label{display: block; width:auto; height: auto; padding-left: 24px; background:url(../img/radio.png) no-repeat 0 50%; cursor: pointer;} .file_list_wrap .file_list_box .file_list input[type="radio"]:checked + label{background-image:url(../img/radio_on.png);} .file_list_wrap .file_list_box .file_list input[type="radio"] + label .file_inner{position: relative;} .file_list_wrap .file_list_box .file_list input[type="radio"] + label .file_inner .img {width: 70px; height: 70px; overflow: hidden;} .file_list_wrap .file_list_box .file_list input[type="radio"] + label .file_inner .img img{width: 100%; height:auto;} .file_list_wrap .file_list_box .file_list input[type="radio"] + label .file_inner .btn_close{display: block; position: absolute; top: -2px; right: -2px; width: 13px; height: 13px; background:url(../img/img_remove.png ) no-repeat 0 0; background-size: contain;} .file_list_wrap .file_list_box .file_list input[type="radio"] + label .file_inner .file_main{display: block; position: absolute; right:0; bottom:0; width: 35px; height: 18px; background:#009fda; color:#fff; font-size: 11px; line-height: 18px; text-align: center;} .product_view {padding-bottom: 90px;} .product_view .product_btn_wrap{font-size: 0; text-align: center; padding-top: 40px;} .product_view .product_btn_wrap a{display: inline-block;vertical-align: top; width: 80px; height: 40px; line-height: 40px; box-sizing: border-box; text-align: center; font-size: 14px; margin: 0 2.5px;} .product_view .product_btn_wrap a.type01{color:#fff; font-weight: bold; background:#151515;} .product_view .product_btn_wrap a.type02{color:#151515; border:1px solid #666;} .product_view .url_wrap{} .product_view .url_wrap .input{display: block; float:left; max-width:900px; width:100%; } .product_view .url_wrap .btn_preview{float:left; display: block; width: 80px; height: 35px; line-height: 35px; text-align: center; font-size: 13px; background:#151515; color:#fff; margin-left: 5px;} .product_view .radio_wrap{} .product_view .radio_wrap .radio_item{ } .product_view .radio_wrap .radio_item input[type="radio"]{position: absolute; left: -9999px;} .product_view .radio_wrap .radio_item input[type="radio"] + label{line-height: 35px; padding-left: 23px; background:url(../img/radio.png) no-repeat 0 50%; font-size: 13px; cursor: pointer; color:#151515;} /* 210121 수정 끝 */ .product_view .radio_wrap .radio_item input[type="radio"]:checked + label{background-image:url(../img/radio_on.png);} .product_view .radio_wrap .radio_item input[type="radio"] + label strong{ } .product_view .radio_wrap .radio_item input[type="radio"] + label .select{color:#666;} .product_view .radio_wrap .radio_item input[type="radio"]:checked + label .select{color:#151515;} .product_table_wrap .pro_tbl_area{margin-bottom: 0;}/* 210107 추가 */ .product_table_wrap .tbl_area tbody tr{height:auto;} .product_table_wrap .tbl_area tbody tr td{padding:15px;} .product_table_wrap .tbl_area tbody tr td.product{padding:15px 5px;}/* 210402 */ .product_table_wrap .tbl_area tbody tr td.product .select{width: 100%;}/* 210402 */ .product_table_wrap .tbl_area tbody tr.qual td .input.tl{text-align:left;} .product_table_wrap .tbl_area tbody tr.qual td .input.tr{text-align:right;} .product_table_wrap .tbl_area tbody tr td .input{color:#151515;} .product_table_wrap .tbl_area tbody tr td .ico_remove{display: inline-block; width: 35px; height: 35px; margin:0 auto; background:url(../img/ico_table_remove.png) no-repeat 50% 50%; vertical-align: top;} .product_table_wrap .tbl_area tbody tr td .ico_remove:hover{background-image:url(../img/ico_table_remove_on.png);} .product_table_wrap .tbl_area tbody tr td .quantity{display: inline-block; width: 45px; font-size: 13px; color:#151515; text-align:left; box-sizing: border-box; padding-left: 5px;} .product_head_box{margin-bottom: 12px; margin-top: 50px;} .product_head_box .product_title{float:left; font-size: 20px; letter-spacing: -0.5px; font-weight: bold; color:#151515; line-height: 35px;} .product_head_box .product_option_add{position: relative; display: block; float:right; width: 95px; height: 35px; line-height: 35px; padding-left: 30px; box-sizing: border-box; font-size: 13px; color:#fff; background:#666;} .product_head_box .product_option_add:before{display: block; content:''; position: absolute; top:calc(50% - 5.5px); left:19px; width: 1px; height: 11px; background: #fff;} .product_head_box .product_option_add:after{display: block; content:''; position: absolute; top:calc(50% - 0.5px); left:14px; width: 11px; height: 1px; background: #fff;} .product_bot_head{clear: both; padding-top: 10px;} .product_bot_head span{display: block; float:left; font-size: 13px; width: 80px; line-height: 35px; font-size: 13px; font-weight: bold; text-align:left;} .product_bot_head .select{display: block; float:left;} .product_head_box .product_option_add{position: relative; display: block; float:right; width: 95px; height: 35px; line-height: 35px; padding-left: 30px; box-sizing: border-box; font-size: 13px; color:#fff; background:#666;} .product_bot_head .product_option_add:before{display: block; content:''; position: absolute; top:calc(50% - 5.5px); left:19px; width: 1px; height: 11px; background: #fff;} .product_bot_head .product_option_add:after{display: block; content:''; position: absolute; top:calc(50% - 0.5px); left:14px; width: 11px; height: 1px; background: #fff;} .btn_wrap_fixed{position: fixed; right:0; bottom:0; width:calc(100% - 220px); padding-top: 0; padding:25px 0; box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.1); background:#fff;} /* 210128 추가 시작 */ .product_view ul.view_warp li dl.view_list_1st dd.adult_check{padding:25px 20px;} .product_view ul.view_warp li dl.view_list_1st dd.adult_check .checks input[type="checkbox"] + label{font-size: 13px; color:#151515;} .product_view .tax_radio_wrap .radio_item{display: inline-block; margin-right: 20px;} .product_view .tax_radio_wrap .radio_item:last-child{margin-right: 0;} /* 210128 추가 끝 */ /* 카테고리 선택(POP) */ .catrgory_pop{width: 800px;} .catrgory_pop .inner{position: relative;} .catrgory_pop .inner .btn_next{display: block; position: absolute; top:calc(50% - 45px); left:calc(50% - 15px); width: 30px; height: 30px; box-sizing: border-box; border:1px solid #e3e3e3; background:url(../img/ico_next.png) no-repeat 50% 50%;} .catrgory_pop .in_box{float:left; width:calc(50% - 40px);} .catrgory_pop .in_box .title{font-size: 15px; padding-bottom: 12px; } .catrgory_pop .in_box.in_cate_wrap{margin-right: 80px;} .catrgory_pop .in_box.in_cate_wrap .cate_inner{} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_tab{} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_tab > a{display: block; float:left; width:50%; height: 50px; line-height: 50px; text-align: center; box-sizing: border-box;font-size: 14px; color:#666; border:1px solid #e3e3e3; background:#f6f6f6; border-width:1px 0;} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_tab > a:last-child{border-right-width:1px;} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_tab > a:first-child{border-left-width:1px;} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_tab > a.active{color:#4439b2; font-weight: bold; background:#fff; border-width:1px 1px 0 1px;} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box{padding:15px 0; height:350px; box-sizing: border-box; border:1px solid #e3e3e3; border-top-width:0; overflow:auto;} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box.general{} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box.virtual{display: none;} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_step01_box{} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_step01_box .list_step01{} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_step01_box .list_step01 > a{display: block;padding:0 20px 0 40px; background:url(../img/category_list_select.png) no-repeat 20px 50%; line-height: 30px; } .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_step01_box .list_step01.on > a{background-color:#bed600; font-weight: bold;} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_step02_box{display: none; padding: 15px 0;} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_step01.on .list_step02_box{display: block;} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_step02_box .list_step02{padding: 0 40px 0 60px; margin-top: 5px; background:url(../img/list_inner.png) no-repeat 40px 2px ;} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_step02_box .list_step02:first-child{margin-top: 0;} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_step02_box .list_step02 > a{display: inline-block; line-height: 20px; font-size: 13px; color:#151515;} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_step02_box .list_step02 > a:hover{color:#4439b2; font-weight: bold;} .catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_step02_box .list_step02.on > a{color:#4439b2; font-weight: bold;} .catrgory_pop .in_box.in_ch_cate_wrap{} .catrgory_pop .in_box.in_ch_cate_wrap .choice_box{border:1px solid #e3e3e3; padding: 20px; height: 400px; box-sizing: border-box; overflow:auto;} .catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box{} .catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list{position: relative; font-size: 13px; line-height: 26px; color:#151515; padding-left: 11px; margin-top: 2px; } .catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list:first-child{margin-top: 0;} .catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list:before{display: block; content:''; position: absolute; top:calc(50% - 1.5px); left:0; width: 3px; height: 3px; border-radius:50%; background:#151515; font-size: 0;} .catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list > span{display: inline-block; vertical-align: top; } .catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list > span.first_txt{margin-right: 5px;} .catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list > strong{font-weight: normal; color: #999; font-size: 13px;}/* 210201 추가 */ .catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list > span.last_txt{margin-left: 5px;} .catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list .choice_close{display: inline-block; width: 13px; height: 13px; border-radius:50%; background:#e3e3e3 url(../img/ico_del.png) no-repeat 50% 50%; margin-left: 3px;} .catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list .choice_close:hover{background:url(../img/img_remove.png) no-repeat 0 0; background-size: contain;} .catrgory_pop .pop_btn_wrap{text-align: center; font-size: 0; padding-top: 30px; clear: both;;} .catrgory_pop .pop_btn_wrap a{display: inline-block; width: 70px; height: 32px; line-height: 32px; text-align: center; vertical-align:top; font-size: 13px; color:#fff; font-weight: 400; margin: 0 2.5px;} .catrgory_pop .pop_btn_wrap a.type01{color:#fff; background:#2bcc9a; font-weight: bold; }/* 210402 */ .catrgory_pop .pop_btn_wrap a.type02{color:#151515;background:#eeecef; } /* 카테고리 - 대학 선택 210402 */ .univ_catrgory_pop{width: 800px;} .univ_catrgory_pop .inner{position: relative;} .univ_catrgory_pop .inner .btn_next{display: block; position: absolute; top:calc(50% - 45px); left:calc(50% - 15px); width: 30px; height: 30px; box-sizing: border-box; border:1px solid #e3e3e3; background:url(../img/ico_next.png) no-repeat 50% 50%;} .univ_catrgory_pop .in_box{float:left; width:calc(50% - 40px);} .univ_catrgory_pop .in_box .title{font-size: 15px; padding-bottom: 12px; } .univ_catrgory_pop .in_box.in_cate_wrap{margin-right: 80px;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner{} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_tab{} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_tab > a{display: block; float:left; width:50%; height: 50px; line-height: 50px; text-align: center; box-sizing: border-box;font-size: 14px; color:#666; border:1px solid #e3e3e3; background:#f6f6f6; border-width:1px 0;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_tab > a:last-child{border-right-width:1px;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_tab > a:first-child{border-left-width:1px;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_tab > a.active{color:#4439b2; font-weight: bold; background:#fff; border-width:1px 1px 0 1px;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box{padding:15px 0; height:350px; box-sizing: border-box; border:1px solid #e3e3e3; overflow:auto;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box.general{} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box.virtual{display: none;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_item_box{} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_item_box .list_item{padding-left: 20px;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_item_box .list_item > a{display: block;position: relative;padding:0 20px 0 10px; line-height: 30px; } .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_item_box .list_item > a::before{display: block; content:''; position: absolute; top:calc(50% - 1.5px); left:0; width: 3px; height: 3px; border-radius:50%; background:#151515; font-size: 0;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_item_box .list_item_all{padding-left: 20px;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_item_box .list_item_all > a{display: block;position: relative;padding:0 20px 0 10px; line-height: 30px;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_item_box .list_item_all > a::before{display: block; content:''; position: absolute; top:calc(50% - 1.5px); left:0; width: 3px; height: 3px; border-radius:50%; background:#151515; font-size: 0;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_item_box .list_item_all a{font-weight: bold;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_item_box .list_item_all.on{background: transparent;} .univ_catrgory_pop .in_box.in_cate_wrap .cate_inner .cate_list_box .list_item_box .list_item.on{background: #e8f6f2;} .univ_catrgory_pop .in_box.in_ch_cate_wrap{} .univ_catrgory_pop .in_box.in_ch_cate_wrap .choice_box{border:1px solid #e3e3e3; padding: 20px; height: 350px; box-sizing: border-box; overflow:auto;} .univ_catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box{} .univ_catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list{position: relative; font-size: 13px; line-height: 26px; color:#151515; padding-left: 11px; margin-top: 2px; } .univ_catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list:first-child{margin-top: 0;} .univ_catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list:before{display: block; content:''; position: absolute; top:calc(50% - 1.5px); left:0; width: 3px; height: 3px; border-radius:50%; background:#151515; font-size: 0;} .univ_catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list > span{display: inline-block; vertical-align: top; } .univ_catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list > span.first_txt{margin-right: 5px;} .univ_catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list > strong{font-weight: normal; color: #999; font-size: 13px;} .univ_catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list > span.last_txt{margin-left: 5px;} .univ_catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list .choice_close{display: inline-block; width: 13px; height: 13px; border-radius:50%; background:#e3e3e3 url(../img/ico_del.png) no-repeat 50% 50%; margin-left: 3px;} .univ_catrgory_pop .in_box.in_ch_cate_wrap .choice_box .choice_list_box .choice_list .choice_close:hover{background:url(../img/img_remove.png) no-repeat 0 0; background-size: contain;} .univ_catrgory_pop .pop_btn_wrap{text-align: center; font-size: 0; padding-top: 30px; clear: both;;} .univ_catrgory_pop .pop_btn_wrap a{display: inline-block; width: 70px; height: 32px; line-height: 32px; text-align: center; vertical-align:top; font-size: 13px; color:#fff; font-weight: 400; margin: 0 2.5px;} .univ_catrgory_pop .pop_btn_wrap a.type01{color:#fff; background:#2bcc9a; font-weight: bold; } .univ_catrgory_pop .pop_btn_wrap a.type02{color:#151515;background:#eeecef; } /* pop_order 주문 상세내역 */ .product_pop.order_pop{width: 1000px;} .order_pop .pop_head .title{} .order_pop .pop_head .title strong{padding-left: 35px; position: relative;} .order_pop .pop_head .title strong::before{content: ''; display: block; width: 1px; height: 13px; background: #e6e6e6; margin: 0 15px; position: absolute; top: 50%; transform: translateY(-50%); left: 0;} .order_pop_body{padding-bottom: 50px;} .order_pop_body > div:last-child{margin-bottom: 90px;} .order_pop_body .top_inner{padding:40px; background: transparent;} .order_pop_body .top_inner .top_inner_title{position: relative;} .order_pop_body .top_inner .top_inner_title strong{font-size: 15px;} .order_pop_body .top_inner .top_inner_title .printing{position: absolute; bottom: 0; right: 0; width: 96px; height: 32px; line-height: 32px; text-align: center; color: #fff; background: #151515;} .order_pop_body .top_inner .top_inner_title .printing .icon_print{display: inline-block; width: 13px; height: 14px; background: url(../img/ico_print.png)no-repeat; vertical-align: middle; margin-right: 5px; margin-top: -3px;} .order_pop_body .top_inner .banner_view_area{margin-top: 12px;} .order_pop_body .inner{padding: 0 40px;} .order_pop_body .inner .list_title{font-weight: bold; font-size: 15px; margin-bottom: 12px;} .order_pop_body .cancel_inner .poporder_tbl_area tbody tr{border-bottom: 1px solid #e3e3e3;} .order_pop_body .cancel_inner .poporder_tbl_area tbody tr:nth-child(2n){border-bottom: 1px solid #c7c7c7;} .poporder_tbl_area{margin-bottom: 0;} .poporder_tbl_area tbody.pop_can tr{border-bottom: 0;} .poporder_tbl_area tbody tr td{border-right: 1px solid #eee;} .poporder_tbl_area tbody tr td.cancel{color: #f81700;}/* 210121 추가 */ .poporder_tbl_area tbody tr:first-child td{ border-top: 1px solid #151515;} .poporder_tbl_area tbody tr td:last-child{border-right: 0;} p.pop_ud_line{text-decoration: underline; cursor: pointer;} .poporder_tbl_area tbody tr td ul li{border-bottom: 1px solid #eee; display: table;} .poporder_tbl_area tbody tr td ul li:last-child{border-bottom: 0;} .poporder_tbl_area tbody tr td ul li .list_img_w{padding: 28px 30px; width: 395px; display: table-cell; border-right: 1px solid #eee; text-align: left; box-sizing: border-box; position: relative;}/* 210115 수정 */ .poporder_tbl_area tbody tr td ul li .list_img_w .list_img{width: 70px; position: absolute; top: 50%; left: 30px; transform: translateY(-50%);} .poporder_tbl_area tbody tr td ul li .list_img_w .list_text{display: inline-block; width: calc(100% - 90px); text-align: left; padding-left: 70px; margin-left:20px; line-height: 22px;} .poporder_tbl_area tbody tr td ul li .list_img_w .list_text p{font-size: 14px; color: #151515;}/* 210216 15 */ .poporder_tbl_area tbody tr td ul li .list_img_w .list_text span{display: inline-block; margin-top: 8px;} .poporder_tbl_area tbody tr td ul li .list_img_w .list_text span.gifts{display: inline-block; width: 45px; height: 18px; line-height: 18px; background: #2bcc9a; color: #fff; text-align: center; font-size: 11px; margin-top: 10px;}/* 210402 */ .poporder_tbl_area tbody tr td ul li .list_quantity{width: 72px; display: table-cell; border-right: 1px solid #eee; vertical-align: middle;} .poporder_tbl_area tbody tr td ul li .list_price{text-align: right; display: table-cell; width: 120px; padding-right: 25px; box-sizing: border-box; vertical-align: middle; line-height: 22px;} .poporder_tbl_area tbody tr td ul li .list_price span{color: #666;} .poporder_tbl_area tbody tr td ul li .list_price p{color: #151515;} .poporder_tbl_area tbody tr td ul li .list_price p strong{font-weight: bold;} .poporder_tbl_area tbody tr td.pop_cancel{width: 100%; text-align: left; padding: 20px 0; box-sizing: border-box;} .poporder_tbl_area tbody tr td.pop_cancel .pop_cancel_box{float: left; width: calc(100% / 2);} .poporder_tbl_area tbody tr td.pop_cancel .pop_cancel_box .p_cancel{font-size: 13px;} .poporder_tbl_area tbody tr td.pop_cancel .pop_cancel_box .p_cancel .pcan_title{display: inline-block; background: #ededed; padding: 7px 15px; border-radius: 15px; color: #151515; font-weight: bold; margin-bottom: 15px; margin-right: 20px;} .poporder_tbl_area tbody tr td.pop_cancel .pop_cancel_box .p_cancel:last-child .pcan_title{margin-bottom: 0;} .poporder_tbl_area tbody tr td.pop_cancel .pop_cancel_box .p_cancel > p{display: inline-block;} .poporder_tbl_area tbody tr td.pop_cancel .pop_cancel_box .p_cancel .p_cancel_text{display: inline-block; vertical-align: top; width: 70%;} .poporder_tbl_area tbody tr td.pop_cancel .pop_cancel_box .p_cancel .p_cancel_text strong{display: inline-block; color: #151515; font-size: 16px; margin:5px 0 15px;} .poporder_tbl_area tbody tr td.pop_cancel .pop_cancel_box .p_cancel .p_cancel_text p{width: calc(100% - 50px); line-height: 20px;} ul.poporder_warp li dl.view_list_6st{width: 50%;} ul.poporder_warp li dl.view_list_7st{width: 50%;} ul.poporder_warp li dl dt{line-height:45px;} ul.poporder_warp li dl dd p span{font-weight: bold;} ul.poporder_list{} /* 210121 수정 시작 */ ul.poporder_list li dl.view_list_1st dd{padding-left: 0;}/* 60px */ ul.poporder_list li dd .pay_list_pay{display: inline-block; font-size: 14px; color: #151515; text-align: right; width: 110px;} ul.poporder_list li dd .pay_list_pay.cou{color: #f81700;}/* 210402 */ ul.poporder_list li dd .pay_list_pay.tot{color: #4439b2;} ul.poporder_list li dd .pay_list_pay.re{color: #f81700;} ul.poporder_list li dd > p{display: inline-block; margin-left: 15px; padding-left: 15px;} ul.poporder_list li dd > .tot_text{display: inline-block; margin-left: 15px; vertical-align: middle; width: calc(100% - 130px);} /* 210121 수정 끝 */ ul.poporder_list li dd > .tot_text p{display: block; padding-left: 15px; line-height: 20px;} ul.poporder_list li dd > .tot_text p:first-child{border-bottom: 1px solid #e6e6e6; padding-bottom: 15px; margin-bottom: 15px; color: #666;} .pop_btn_wrap_fixed{position: fixed; left:0; bottom:0; width:1000px; padding-top: 0; padding:25px 0; box-shadow: 0px -5px 8px -5px rgba(0, 0, 0, 0.1); background:#fff;} /* connection_write 거래처 관리 등록 */ ul.view_warp li dl dt.lh20{line-height: 20px;}/* 210119 수정 */ ul.view_warp li dl.view_list_3st dd .btn_check_type02{display: inline-block; width: 80px; height: 35px; line-height: 35px; text-align: center; color:#fff; background:#151515; font-size: 13px; vertical-align: top; margin-left: 2px;} ul.view_warp li dl.view_list_1st dd.cont .address_box > input[type="text"]{width: 560px;} ul.view_warp li dl.view_list_1st dd.cont .address_box > input[type="text"]::placeholder{color: #999;} ul.view_warp li dl.view_list_1st dd.cont .address_box .checks{display: inline-block; margin-left: 20px;} ul.view_warp li dl.view_list_1st dd.cont .address_box .address_top{margin-bottom: 10px;} ul.view_warp li dl.view_list_1st dd.cont .address_box .address_top .input{width: 110px;} ul.view_warp li dl.view_list_1st dd.cont .pay_w{font-size: 0; margin-bottom: 10px;} ul.view_warp li dl.view_list_1st dd.cont .pay_w .pay{font-size: 13px; display: inline-block; position: relative; padding-right: 20px; margin-right: 18px;} ul.view_warp li dl.view_list_1st dd.cont .pay_w .pay:first-child::after{content: ''; display: block; width: 1px; height: 12px; position: absolute; top: 11px; right: 0; background: #e3e3e3;} ul.view_warp li dl.view_list_1st dd.cont .pay_w .pay .input{width: 100px; margin: 0 10px;} ul.view_warp li dl.view_list_1st dd.cont .free_delivery{margin-bottom: 16px;} ul.view_warp li dl.view_list_1st dd.cont .free_delivery .input{width: 100px; margin: 0 10px;} ul.view_warp li dl.view_list_1st dd.cont .del_group{} ul.view_warp li dl.view_list_1st dd.cont .del_group > span{} ul.view_warp li dl.view_list_1st dd.cont .del_group > button{width: 50px; height: 25px; border: 1px solid #4439b2; background: #fff; color: #4439b2; font-size: 12px; margin: 0 20px 0 10px;} ul.view_warp li dl.view_list_1st dd.cont .del_group > .del_g_w{display: inline-block;} ul.view_warp li dl.view_list_1st dd.cont .del_group > .del_g_w .group{display: inline-block; padding-right: 15px; margin-right: 15px; position: relative; color: #666;} ul.view_warp li dl.view_list_1st dd.cont .del_group > .del_g_w .group::after{content: ''; display: block; width: 1px; height: 12px; position: absolute; top: 2px; right: 0; background: #e3e3e3;} ul.view_warp li dl.view_list_1st dd.cont .del_group > .del_g_w .group:last-child::after{content: none;} ul.view_warp li dl.view_list_1st dd.cont.add_del .checks{display: inline-block; margin: 0 40px 25px 20px;} ul.view_warp li dl.view_list_1st dd.cont.add_del .checks:first-child{margin: 0;} ul.view_warp li dl.view_list_1st dd.cont.add_del a{color: #009fda; text-decoration: underline;} ul.view_warp li dl.view_list_1st dd.cont .select{display: block; margin-bottom: 10px;} ul.view_warp li dl.view_list_1st dd.cont .add_pay_w{} ul.view_warp li dl.view_list_1st dd.cont .add_pay_w .add_delivery span{display: inline-block; width: 170px; padding-left: 10px; box-sizing: border-box;} ul.view_warp li dl.view_list_1st dd.cont .add_pay_w .add_delivery input[type="text"]{width: 100px; margin-bottom: 10px;} /* popup_connection_group (거래처관리)묶음배송그룹 팝업 */ /* 210119 수정 시작 */ .pop_connection{width: 620px;} .connection_pop_body{padding: 40px 40px 50px;} .connection_pop_body .banner_setting .pop_connection_search_w{text-align: left; padding: 25px 30px; margin-bottom: 50px;} .connection_pop_body .banner_setting div{position: relative;} .connection_pop_body .btn_reg{position: absolute; bottom: 10px; right: 0; width: 70px; height: 32px; line-height: 32px;} .con_system_uni_select_box{display: block; margin-bottom: 15px;} .con_system_uni_select_box > span{margin-right: 0; width: 65px;} .con_search_box{display: inline-block;} .con_search_box .pop_search_txt1{display: inline-block; font-size: 13px; font-weight: bold; width: 65px;} .pop_con_tbl_wrap .tbl_area thead tr{height: 40px; line-height: 40px;} .pop_con_tbl_wrap .tbl_system tbody tr{height: 40px;} .pop_con_tbl_wrap .tbl_system tbody tr td{padding: 15px 0;line-height: 0; box-sizing: border-box; border-bottom: 1px solid #e6e6e6; font-size: 13px;} .pop_con_tbl_wrap .tbl_system tbody tr td.name{text-decoration: underline; cursor: pointer;} .con_tbl_area{margin-bottom: 20px;} .popup_dim01, .popup_dim02{position: fixed; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: rgba(0,0,0,.7);} #pop_group{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-390px); z-index: 6; width: 620px; height: 780px; background: #fff;} #pop_group_write{position: fixed; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 6; width: 620px; height: 400px; background: #fff;} /* 210119 수정 끝 */ /* popup_connection_group_write (거래처관리)묶음배송그룹 등록 팝업 */ .pop_btn_wrap{padding-top: 30px;} .pop_btn_wrap > a{width: 70px; height: 32px; line-height: 32px; font-size: 13px;} /* event_view 이벤트 관리 */ .event_view_wrap .details_file dl dd .file_box input{color: #151515;} .event_view_wrap .details_file dl dd .file_box input[type="file"] + label + span{padding-top: 10px; display: inline-block;} ul.event_view_wrap li dl dd span{color: #999; padding-left: 20px;} .e_details_wrap .details_textarea{padding: 20px 0 0; } .tbl_area tbody tr td.list4.name a{font-size: 14px;}/* 210216 15 */ .tbl_area tbody tr td.list4.name a:hover{text-decoration: underline;}/* 210215 추가 */ /* 211027 */ .tbl_area tbody tr td.list4.name a.file{width: auto;max-width: 100%; display: inline-block; background:url(../img/ico_file.png) no-repeat 100% 50%; padding-right: 15px;} .tbl_area tbody tr td.list4.name a.img_wrap{display: inline-flex;align-items: center;padding: 20px 15px 20px 50px;overflow: hidden;width: auto;max-width: 100%; height: auto;text-overflow: ellipsis;box-sizing: border-box;} .tbl_area tbody tr td.list4.name a.img_wrap>img{display: block;width: 90px;height: 60px;} .tbl_area tbody tr td.list4.name a.img_wrap>img+span{padding-left: 30px;font-size: 14px;width: calc(100% - 120px);height: 15px;overflow: hidden; text-overflow: ellipsis; } .tbl_area tbody tr td.list4.link{text-align: center;} .tbl_area tbody tr td.list4.link a{padding: 0;text-decoration: underline;} /* mainbanner 메인배너 관리 */ .system_uni_select_box.mainb_system_uni_select_box{margin-right: 50px;} .system_uni_select_box.mainb_system_uni_select_box .checks{margin-right: 20px;} .tbl_system tbody.searchword tr td.date_h{line-height: 20px; padding: 15px 0;} /* mainbanner 메인배너 등록 */ .mainb_w_wrap dl dd > span{color: #999; margin-left: 20px;} .useChack .checks{margin-left: 0;} .mainb_w_wrap .details_file dl{float:left;} .mainb_w_wrap .details_file dl dt{float:left; width: 130px; height: 65px; line-height: 65px; text-align: center; font-size: 14px; font-weight: bold; color:#151515; background: #f6f6f6;} .mainb_w_wrap .details_file dl dd{float:left; width:calc(100% - 130px); box-sizing: border-box; padding: 15px 20px; font-size: 0;} .mainb_w_wrap .details_file dl dd > input[type="text"]{margin-left: -1px; margin-top: -2px; padding-top: 2px;} .mainb_w_wrap .details_file dl dd > input[type="text"]::placeholder{color: #999;} .mainb_w_wrap .details_file dl dd .file_box{margin-top: 10px; font-size: 13px;} .mainb_w_wrap .details_file dl dd .file_box .file_txt{float:left;} .mainb_w_wrap .details_file dl dd .file_box input[type="file"]{position: absolute; left: -9999px;} .mainb_w_wrap .details_file dl dd .file_box input[type="file"] + label{display: block; float:left; width: 80px; height: 35px; line-height: 35px; text-align: center; color:#fff; background: #666; font-size: 13px;} .mainb_w_wrap .details_file dl dd .file_box input[type="file"] + label + span{display: inline-block; color: #999; margin: 12px 20px;} .mainb_w_wrap .details_file dl dd .file_box .file_inner{display: block; margin-top: 10px;} .mainb_w_wrap .details_file dl dd .file_box .file_inner .file_img_w{display: inline-block; position: relative;} .mainb_w_wrap .details_file dl dd .file_box .file_inner .file_img_w .img{width: 290px;} .mainb_w_wrap .details_file dl dd .file_box .file_inner .file_img_w .img.mo{width: 110px;} .mainb_w_wrap .details_file dl dd .file_box .file_inner .file_img_w .btn_close{display: block; position: absolute; top: -2px; right: -2px; width: 13px; height: 13px; background: url(../img/img_remove.png)no-repeat;} /* main_write 메인관리 등록 */ .system_uni_select_box.main_system_uni_select_box{margin-right: 90px;} .system_uni_select_box.main_system_uni_select_box .checks{margin-right: 20px;} .mainb_w_wrap .details_file dl.useChack dd{font-size: 13px;} .mainb_w_wrap .details_file dl dd .btn_add{display: inline-block; width: 65px; height: 35px; color: #fff; font-size: 13px; background: #151515; margin-left: 5px;} .mainb_w_wrap .details_file dl dd > select[name="contents"]{color: #666; vertical-align: top;} .mainb_w_wrap .details_file dl dd .box_w{width: 812px; min-width: 812px; padding: 20px 30px 30px; box-sizing: border-box; border: 1px solid #e6e6e6; margin-top: 15px; background: #fff; text-align: left;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_event{min-height: 624px;} .mainb_w_wrap .details_file dl dd .box_w.box_versus_block{min-height: 434px;} .mainb_w_wrap .details_file dl dd .box_w.box_event_pcmo{min-height: 545px;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_represen{min-height: 810px;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_general1{min-height: 434px;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_general2{min-height: 604px;} .mainb_w_wrap .details_file dl dd .box_w:hover{box-shadow: 2px 2px 25px rgba(0, 0, 0, 0.1);} .mainb_w_wrap .details_file dl dd .box_w .con_header{position: relative; margin-bottom: 20px; width: 100%;} .mainb_w_wrap .details_file dl dd .box_w .con_header.sub{margin-top: 40px;} .mainb_w_wrap .details_file dl dd .box_w .con_header h3{font-size: 16px; color: #151515;} .mainb_w_wrap .details_file dl dd .box_w .con_header .btn_close{position: absolute; top: -2px; right: 0; width: 20px; height: 20px; background: url(../img/btn_close.png) no-repeat 50% 50%;} .mainb_w_wrap .details_file dl dd .box_w .con_body input[type="text"]::placeholder{color: #999; display: block;} .mainb_w_wrap .details_file dl dd .box_w .con_body .top{text-align: center; margin-bottom: 15px;} .mainb_w_wrap .details_file dl dd .box_w .con_body .top > input[type="text"]:first-child{margin-bottom: 11px;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle{width: 100%; font-size: 0; margin-bottom: 5px;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd{position: relative; display: inline-block; width: 180px; height: 180px; background: #f6f6f6; margin-right: 10px; margin-bottom: 10px; vertical-align: top;} .mainb_w_wrap .details_file dl dd .box_w .con_body .checks{display: inline-block; font-size: 12px; line-height: 16px; margin-left: 10px;}/* 210219 추가 */ /* 210209 수정 시작 */ .mainb_w_wrap .details_file dl dd .box_w.box_catg_event .con_body .middle .pd:nth-child(3){margin-right: 0;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_event .con_body .middle .pd:nth-child(7){margin-right: 0;} .mainb_w_wrap .details_file dl dd .box_w.box_versus_block .con_body .middle .pd:nth-child(3){margin-right: 0;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_general1 .con_body .middle .pd:nth-child(4){margin-right: 0;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_general2 .con_body .middle .pd:nth-child(4n){margin-right: 0;} /* 210209 수정 끝 */ .mainb_w_wrap .details_file dl dd .box_w.box_catg_represen .con_body .middle .pd_50{display: inline-block; width: 370px; margin-right: 10px; vertical-align: top;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_represen .con_body .middle .pd_50:nth-last-child(2){margin-right: 0;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_represen .con_body .middle .pd_50 > .pd{margin-right: 0;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_represen .con_body .middle .pd_50 .imgA_in{position: relative; margin-bottom: 20px;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_represen .con_body .middle .pd_50 .imgA_in > .name{display: inline-block; width: 260px; height: 50px; word-break: keep-all; font-size: 13px; margin-top: 15px; line-height: 18px;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_represen .con_body .middle .pd_50 .imgA_in .pd.imgB{position: absolute; top: 10px; right: 0; width: 100px;}/* 210209 수정 */ .mainb_w_wrap .details_file dl dd .box_w.box_catg_represen .con_body .middle .pd_100 .pd:nth-child(3){margin-right: 10px;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_represen .con_body .middle .pd_100 .pd:last-child{margin-right: 0;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_general .con_body .middle .pd:nth-child(3){margin-right: 10px;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_general .con_body .middle .pd:nth-child(7){margin-right: 10px;} .mainb_w_wrap .details_file dl dd .box_w.box_catg_general .con_body .middle .pd:nth-child(4n){margin-right: 0;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd .btn_choice{width: 100%; position: absolute; top: 50%; left: 0; transform: translateY(-50px); text-align: center; padding: 25px; box-sizing: border-box; z-index: 1;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd .btn_choice p{font-size: 13px; color: #666; margin-bottom: 12px; text-align: center; line-height: 18px; word-break: keep-all;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd .btn_choice .btn_cate_add{position: relative; display: block; width: 19px; height: 19px; box-sizing: border-box; border:1px solid #666; margin:0 auto;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd .btn_choice .btn_cate_add span{display: block; position: absolute; top:0; left:0; width: 1px; height: 9px; background:#151515;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd .btn_choice .btn_cate_add span.type01{top:calc(50% - 4.5px); left:calc(50% - 0.5px);} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd .btn_choice .btn_cate_add span.type02{width: 9px; height: 1px; top:calc(50% - 0.5px); left:calc(50% - 4.5px);} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd .btn_choice .btn_file_add{position: relative; display: inline-block; width: 65px; height: 25px; box-sizing: border-box; border:1px solid #666; line-height: 23px; font-size: 12px;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.add .btn_choice p{color: #fff;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.add .btn_choice .btn_cate_add{border: 1px solid #fff;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.add .btn_choice .btn_cate_add span{background: #fff;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.add .btn_choice .btn_file_add{border: 1px solid #fff;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.add .btn_choice .btn_file_add span{color: #fff;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.add .img_w{overflow: hidden; position: relative; width: 180px; height: 180px; z-index: 0;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.add.imgA .img_w{overflow: hidden; position: relative; width: 370px; height: 180px; z-index: 0;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd_50 .imgA_in .pd.add .img_w{overflow: hidden; position: relative; width: 100px; height: 100px; z-index: 0;} /* 210210 수정 */ .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.add.imgPC .img_w{overflow: hidden; position: relative; width: 100%; height: 120px; z-index: 0;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.add.imgMO .img_w{overflow: hidden; position: relative; width: 375px; height: 125px; z-index: 0;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.add .img_w .dim{width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.add .img_w img{width: 100%; height: 100%;} /* //210210 수정 */ .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.imgA{width: 370px;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.imgB{width: 100px; height: 100px; margin-right: 0;}/* 210209 수정 */ .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.imgPC{width: 100%; height: 120px;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.imgMO{width: 375px; height: 125px;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.imgA p{color: #999;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.imgPC p{color: #999;} .mainb_w_wrap .details_file dl dd .box_w .con_body .middle .pd.imgMO p{color: #999;} /* pop_main_write_product 메인등록 상품선택 팝업 */ .main_pop_body{padding: 40px;} .system_pMain_select_box{margin-bottom: 20px;} .system_pMain_select_box .checks{margin-right: 20px;} .list_wrap .pop_main_tbl_area tr td{font-size: 13px; line-height: 18px;} .pop_main_tbl_area thead tr{line-height: 40px; height: 40px;} .pop_main_tbl_area thead tr th{font-size: 13px;} .pop_main_tbl_area tr td.name{vertical-align: top; font-size: 0; cursor: pointer;} .pop_main_tbl_area tr td.name .img{display: inline-block; width: 50px; height: 50px; overflow: hidden; margin: 10px 0 10px 7px; vertical-align: middle;} .pop_main_tbl_area tr td.name .text{display: inline-block; color: #151515; text-align: left; width: calc(100% - 70px); padding-left: 10px; box-sizing: border-box; vertical-align: middle; font-size: 13px; word-break: keep-all; line-height: 18px;} /* connectionsales 업체별정산현황 */ .conSales_select_box form{display: inline-block; vertical-align: top;} .conSales_select_box #date_box{display: inline-block;} .conSales_select_box span.type02_txt{display: inline-block; font-size: 13px; width: 20px; margin: 0;} .conSales_search_box{display: inline-block; font-size: 13px; vertical-align: top; margin-left: 100px;} .conSales_search_box > span{display: block; float: left; font-size: 13px; font-weight: bold; line-height: 35px; margin-right: 15px;} .conSales_select_box .btn_search{display: inline-block; width: 65px; height: 35px; color: #fff; font-size: 13px; background: #151515; margin-left: 10px;} .banner_search_area > .btn_search{display: inline-block; width: 65px; height: 35px; color: #fff; font-size: 13px; background: #151515; margin-left: 10px;} .conSales_tbl_area{margin-bottom: 20px;} .conSales_tbl_area tbody tr{height: auto;} .conSales_tbl_area tbody tr:nth-last-child(-n+2){border-bottom-width: 0;} .conSales_tbl_area tbody tr td:first-child{font-size: 14px; color: #151515; word-break: keep-all; padding: 0 20px; line-height: 22px;}/* 210216 fz15 */ .conSales_tbl_area tbody tr td .list{font-size: 0; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;} .conSales_tbl_area tbody tr td .list:last-child{border-bottom-width: 0;} /* 210210 수정 시작 */ .conSales_tbl_area tbody tr td .list li{display: inline-block; font-size: 14px; box-sizing: border-box; color: #151515; vertical-align: middle;} /* 210203 수정 시작 */ .conSales_tbl_area tbody tr td .list .name{width: calc(100% - 910px); text-align-last: left; padding-left: 30px; padding: 14px 30px; line-height: 18px;} /* 210210 수정 끝 */ .conSales_tbl_area tbody tr td .list .ea{width: 215px; letter-spacing: 0;} .conSales_tbl_area tbody tr td .list .take{width: 225px; text-align: right; padding-right: 70px; letter-spacing: 0;} .conSales_tbl_area tbody tr td .list .supply{width: 255px; text-align: right; padding-right: 90px; letter-spacing: 0;} .conSales_tbl_area tbody tr td .list .calc{width: 210px; text-align: right; padding-right: 60px; color: #4439b2; letter-spacing: 0;} .conSales_tbl_area tbody tr td .list.last_list li{display: block; font-size: 0; border-bottom: 1px solid #e6e6e6;} .conSales_tbl_area tbody tr td .list.last_list li:last-child{border-bottom-width: 0;} .conSales_tbl_area tbody tr td .list.last_list li div.name{color: #666;} .conSales_tbl_area tbody tr td .list.last_list li.del{color: #999;} .conSales_tbl_area tbody tr td .list.last_list li.pack_del{color: #999;} .conSales_tbl_area tbody tr td .list.last_list li.cancel div{color: #ff4734;}/* 210203 추가 */ .conSales_tbl_area tbody tr td .list.last_list li div{display: inline-block; box-sizing: border-box; font-size: 14px;} .conSales_tbl_area tbody tr td .list.last_list li.sub_total{background: #f6f6f6; color: #151515;} .conSales_tbl_area tbody tr td .list.last_list li.sub_total div.name{width: calc(100% - 910px); font-weight: bold; color: #151515;} .conSales_tbl_area tbody tr td .list.last_list li.sub_total div.calc{width: 210px; text-align: right; padding-right: 60px; color: #4439b2; letter-spacing: 0;} .conSales_tbl_area tbody tr td .list.none_list{} .conSales_tbl_area tbody tr td .list.none_list .name{color: #666;} .conSales_tbl_area tbody tr td .list.none_list .ea{visibility: hidden;} .conSales_tbl_area tbody tr td .list.none_list .take{visibility: hidden;} .conSales_tbl_area tbody tr td .list.none_list .supply{visibility: hidden;} .conSales_tbl_area tbody tr.last_total{background: #f6f1f4; border-top: 1px solid #4439b2;} .conSales_tbl_area tbody tr.last_total td{font-size: 15px; color: #4439b2; height: 70px; line-height: 70px;} .conSales_tbl_area tbody tr.last_total td.t_name{font-weight: bold;} .conSales_tbl_area tbody tr.last_total td.t_pay{text-align: right;} .conSales_tbl_area tbody tr.last_total td div{display: inline-block; font-size: 0;} .conSales_tbl_area tbody tr.last_total td .supply_total{margin-right: 30px ;padding-right: 30px; position: relative; font-size: 14px;} .conSales_tbl_area tbody tr.last_total td .supply_total::after{content: ''; display: block; position: absolute; top: 29px; right: 0; width: 1px; height: 12px; background: #c9b7c1;} .conSales_tbl_area tbody tr.last_total td .calc_total{margin-right: 60px; font-size: 14px;} .conSales_tbl_area tbody tr.last_total td .calc_total span{font-size: 12px; color: #7c769a;}/* 210406 */ /* 210203 수정 끝 */ .conSales_tbl_area tbody tr.last_total td strong{font-size: 16px; letter-spacing: 0; min-width: 95px; display: inline-block;}/* 210203 추가 */ /* dailysales 일자별정산현황 */ .conSales_tbl_area tbody tr.date_w td{color: #666; line-height: 50px; letter-spacing: 0; box-sizing: border-box;} .conSales_tbl_area tbody tr.date_w td input[type="text"]{height: 30px; line-height: 30px; color: #151515;} .conSales_tbl_area tbody tr.date_w td.date{color: #151515;} .conSales_tbl_area tbody tr.date_w td.pay{color: #151515; text-align: right; padding-right: 50px;}/* 210406 65px */ .conSales_tbl_area tbody tr.date_w td.supply{ text-align: right; padding-right: 50px;}/* 210406 30px */ .conSales_tbl_area tbody tr.date_w td.cancel{color: #ff4734; text-align: right; padding-right: 50px;}/* 210406 65px */ .conSales_tbl_area tbody tr.date_w td.sales{color: #4439b2; text-align: right; padding-right: 50px;}/* 210406 55px */ .conSales_tbl_area tbody tr.date_w.delH_w td.supply,.conSales_tbl_area tbody tr.date_w.delH_w td.cancel{opacity: .7;} .conSales_tbl_area tbody tr.last_sub_total{background: #F3F4FE; border-top: 1px solid #4439B2;}/*231124 컬러변경*/ .conSales_tbl_area tbody tr.last_sub_total td{font-size: 14px; color: #151515; line-height: 60px; box-sizing: border-box;} .conSales_tbl_area tbody tr.last_sub_total td:last-child{color: #82787d;} .conSales_tbl_area tbody tr.last_sub_total td.t_name{font-weight: bold;} .conSales_tbl_area tbody tr.last_sub_total td.t_pay{text-align: right; padding-right: 50px;}/* 210406 65px */ .conSales_tbl_area tbody tr.last_sub_total td.t_supply{text-align: right; padding-right: 50px;}/* 210406 30px */ .conSales_tbl_area tbody tr.last_sub_total td.t_cancel{color: #ff4734; text-align: right; padding-right: 50px;}/* 210406 65px */ .conSales_tbl_area tbody tr.last_sub_total td.t_sales{color: #4439b2; text-align: right; padding-right: 50px;}/* 210406 55px */ .conSales_tbl_area tbody tr.last_sub_total td strong{letter-spacing: 0;} .conSales_tbl_area + .conSales_ok_wrap{float: right; margin-bottom: 10px;} /* interest 무이자안내관리 */ .inter_tbl_area{margin-bottom: 20px; margin-top: 30px;} .inter_tbl_area tbody tr td{font-size: 13px;} .inter_tbl_area tbody tr td.fz15{font-size: 14px;}/* 210216 fz15 */ .inter_tbl_area tbody tr td.tal{text-align: left; padding: 15px 0;} .inter_tbl_area tbody tr td input[type="text"]{width: 520px;} .inter_tbl_area tbody tr td .checks{display: inline-block;} .inter_tbl_area tbody tr td .checks label{margin-left: 20px;} /* billingdata 청구데이터 */ .billing_tbl_area thead tr{line-height:15px;} .billing_tbl_area tbody tr{height: 40px;} .billing_tbl_area tbody tr td{letter-spacing: 0;} .billing_tbl_area tbody tr td.tar{text-align: right; padding-right: 30px;} .bill_select_box{margin-left: 30px;} .conSales_select_box.billing_select_box .btn_search{margin-left: 0;} .bill_search_box{margin-top: 15px; margin-left: -1px;} /* 회원관리 */ .tbl_system tbody.userinfo tr td a{/*text-decoration: underline;*/}/* 210506 */ .tbl_system tbody.userinfo tr td a:hover{text-decoration: underline;}/* 210506 */ .banner_setting .userinfo_search_w{margin-bottom: 30px;} /* 210503 */ .orderwhole_select_box.userino_select_box{width: 795px;} .system_uni_select_box.userino_select_box > select{margin-right: 0;} .orderwhole_select_box.userino_select_box span{margin-right: 15px;} .orderwhole_select_box.userino_select_box .userinfo_select_box{margin-right: 120px;} .orderwhole_select_box.userino_select_box .userinfo_select_box:last-child{margin-right: 0;} .choice_wrap .select.univ_box{width: 180px;margin-right: 5px;} /* //210503 */ /* 거래처관리 210427 */ .adminView ul.conw_view_warp li dl dt .btn_cate_add{position: relative; display: block; width: 19px; height: 19px; box-sizing: border-box; border:1px solid #666; margin:0 auto; transform:translateY(-12px);} .adminView ul.conw_view_warp li dl dt .btn_cate_add:hover{background:#151515} .adminView ul.conw_view_warp li dl dt .btn_cate_add span{display: block; position: absolute; top:0; left:0; width: 1px; height: 9px; background:#151515;} .adminView ul.conw_view_warp li dl dt .btn_cate_add:hover span{background:#fff;} .adminView ul.conw_view_warp li dl dt .btn_cate_add span.type01{ top:calc(50% - 4.5px); left:calc(50% - 0.5px);} .adminView ul.conw_view_warp li dl dt .btn_cate_add span.type02{width: 9px; height: 1px; top:calc(50% - 0.5px); left:calc(50% - 4.5px); } .adminView ul.conw_view_warp li dl .univ_wrap{display: flex;flex-wrap: wrap;} .adminView ul.conw_view_warp li dl .univ_wrap li{display: inline-block;width: 195px; line-height: 30px;padding-left: 8px;box-sizing: border-box;position: relative;} .adminView ul.conw_view_warp li dl .univ_wrap li::before{content: '';display: block;position: absolute;top: calc(50% - 2px);left: 0;width: 3px;height: 3px;border-radius: 50%;background: #151515;} .adminView ul.conw_view_warp li dl .univ_wrap li .univ_item{display: inline-block;font-size: 13px; color:#151515;padding-right: 19.5px;cursor: pointer;} .adminView ul.conw_view_warp li dl .univ_wrap li .univ_item .cate_remove{display: none; width: 13px; height: 13px; background:url(../img/img_remove.png) no-repeat 0 0; vertical-align: -2px; margin-left: 3px;} .adminView ul.conw_view_warp li dl .univ_wrap .univ_item:hover{padding-right: 0;} .adminView ul.conw_view_warp li dl .univ_wrap .univ_item:hover .cate_remove{display: inline-block;} /* 동문혜택관리 등록/수정 */ ul.benefit li dl.view_list_6st{width: 50%;} ul.benefit li dl.view_list_7st{width: 50%;} ul.benefit li dl dd textarea{height: 90px;} ul.benefit li dl dd textarea:focus{border: 1px solid #4439b2;color: #4439b2;outline: none;} ul.benefit li.benefit_view_img .file_list_wrap{margin-top: 10px;overflow: visible;} ul.benefit li.benefit_view_img .file_list_wrap .file_inner{max-width: 290px;position: relative;} ul.benefit li.benefit_view_img .file_list_wrap .file_inner .btn_close{display: block; position: absolute; top: -2px; right: -2px; width: 13px; height: 13px; background:url(../img/img_remove.png ) no-repeat 0 0; background-size: contain;} ul.benefit li.benefit_list_img .file_list_wrap{margin-top: 10px;overflow: visible;} ul.benefit li.benefit_list_img .file_list_wrap .file_inner{max-width: 110px;position: relative;} ul.benefit li.benefit_list_img .file_list_wrap .file_inner .btn_close{display: block; position: absolute; top: -2px; right: -2px; width: 13px; height: 13px; background:url(../img/img_remove.png ) no-repeat 0 0; background-size: contain;} .product_view.benefit_view{padding-bottom: 0;} ul.benefit li dl.view_list_1st dd{padding-right: 15px;} ul.benefit li dl.view_list_1st dd iframe{min-width: 100%;width: 100%;} /* 연혁 수정 211025 */ .tbl_area.tbl_history tbody tr td.list4{} .tbl_area.tbl_history tbody tr td.list4 .list_btn{font-size: 0;} .tbl_area.tbl_history tbody tr td.list4 .list_btn a{width: 50px;padding: 0;height: 25px;line-height: 25px;font-size: 12px;} .tbl_area.tbl_history tbody tr td.list4 .list_btn a.list_btn_ok{width: 105px;height: 35px;line-height: 35px;color: #fff;background: #2bcc9a;} .tbl_area.tbl_history tbody tr td.list4 .list_btn a.list_btn_modify{background: #eeecef;color: #151515;border: 1px solid #eeecef;} .tbl_area.tbl_history tbody tr td.list4 .list_btn a.list_btn_remove{background: #fff;color: #4439b2;border: 1px solid #4439b2;} /* 동문관리 - 메시지 발송 211102 */ .btn_pop_sms{position: absolute; top: -47px; right: 140px;display: block; width: 70px; height: 35px; line-height: 32px; box-sizing:border-box; text-align:center;margin-bottom: 12px;color: #1d2088; border: 1px solid #1d2088;background: transparent;} /* 메시지 발송 팝업 211102 */ .sms_pop{visibility: hidden;} .sms_pop .sms_dim{position: fixed; top:0; left:0; z-index:5; width:100%; height:100%; background:rgba(0,0,0,0.7);} .sms_pop .sms_pop_wrap{position: fixed; top:50%; left:50%; z-index:6; transform:translate(-50%, -50%); width:650px; background:#fff; overflow: hidden;} .sms_pop .sms_pop_wrap .pop_head{border-bottom:1px solid #e6e6e6; box-sizing: border-box; } .sms_pop .sms_pop_wrap .pop_head h2{float:left; padding-left: 30px; line-height: 59px; font-size: 18px; letter-spacing: 0;} .sms_pop .sms_pop_wrap .pop_head .pop_close{display: block; float:right;margin-right: 9px; width: 70px; height: 59px; background:url(../img/pop_close.png) no-repeat 50% 50%;} .sms_pop .sms_pop_wrap .pop_content{display:flex; flex-direction: column; justify-self: start;padding: 35px 30px 40px;box-sizing: border-box;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row{display: flex;padding: 0;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dt{background: #f6f6f6;width: 130px;display: flex;align-items: center;justify-content: center;border-bottom: 1px solid #e6e6e6;font-weight: 700;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd{width: calc(100% - 130px);padding: 15px 0 15px 20px;box-sizing: border-box;border-bottom: 1px solid #e6e6e6;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row:first-child dt{border-top: 1px solid #e6e6e6;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row:first-child dd{border-top: 1px solid #e6e6e6;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .checks{margin: 0;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd select{width: 130px;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .textarea_box{border: 1px solid #e3e3e3;padding: 15px;margin-bottom: 10px;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .textarea_box textarea{border-width: 0;height: 82px;margin-bottom: 15px;padding: 0;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row_alimtalk dd .textarea_box textarea{height: 168px;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .textarea_box textarea:focus{outline: none;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .textarea_box .img_box{position: relative; margin-top: 10px; display: inline-block;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .textarea_box .img_box img{width: auto;max-width: 100%;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .textarea_box .img_box .img_remove{position: absolute;top: -4px;right: -6px; display: block;width: 13px;height: 13px; background:url(../img/img_remove.png)no-repeat;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .textarea_box .img_box .img_box1{display: block;width: 150px;height: 75px;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .img_file_area{padding-top: 0;display: flex;align-items: center;flex-wrap: wrap;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .img_file_area .btn_browse{cursor: pointer;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .img_file_area .btn_notice{color: #666;padding-left: 20px;margin-left: 15px;background: transparent;background: url(../img/ico_notice.png)no-repeat center left;line-height: 16px;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .img_file_area .input{width: calc(100% - 80px);} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .img_file_area .file_list{width: 100%;display: flex;align-items: center;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .img_file_area .file_list .list{float: none;margin: 15px 0 0;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .number_btn_box{display: flex;align-items: center;margin-bottom: 20px;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .number_btn_box .input{display: block;width: calc(100% - 65px);} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .number_btn_box .input[type="number"]::-webkit-outer-spin-button, .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .number_btn_box .input[type="number"]::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .number_btn_box .btn_addnumber{display: block; width: 65px;line-height: 33px;border: 1px solid #4439b2;color: #4439b2;background: transparent;box-sizing: border-box;margin-left: -1px;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .number_list_box{display: flex;flex-direction: column;position: relative;justify-content: center;align-items: flex-start;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .number_list_box p{line-height: 16px;margin-bottom: 10px;font-size: 14px;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .number_list_box p strong{color: #4439b2;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .number_list_box .btn_numreset{display: block;color: #666;padding-left: 20px;margin-left: 15px;background: transparent;background: url(../img/ico_reset.png)no-repeat center left;line-height: 13px;position: absolute;top: 0;right: 0;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .number_list_box .number_items{width: 100%; min-height: 100px;max-height: 100px; border: 1px solid #e3e3e3; padding: 10px 10px 5px;display: flex;align-items: flex-start;justify-content: flex-start; flex-wrap: wrap;box-sizing: border-box;overflow-y: auto;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .number_list_box .number_items .item{background: #e8e7f6;border-radius: 13px;padding: 7px 13px;position: relative;display: flex;align-items: center;margin-right: 5px;margin-bottom: 5px; font-weight: 700;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .number_list_box .number_items .item:nth-child(3n){margin-right: 0;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row dd .number_list_box .number_items .item .img_remove{display: block;width: 13px;height: 13px; background:url(../img/img_remove.png)no-repeat;margin-left: 6px;} /* 전송구분 선택 */ .sms_pop .sms_pop_wrap .pop_content .cont_list .row_message{display: flex;} .sms_pop .sms_pop_wrap .pop_content .cont_list .row_alimtalk{display: none;} .sms_pop .sms_pop_wrap .pop_content .cont_list.message .row_message{display: flex;} .sms_pop .sms_pop_wrap .pop_content .cont_list.message .row_alimtalk{display: none;} .sms_pop .sms_pop_wrap .pop_content .cont_list.alim .row_message{display: none;} .sms_pop .sms_pop_wrap .pop_content .cont_list.alim .row_alimtalk{display: flex;} .sms_pop .sms_pop_wrap .pop_content .cont_list + .btn_wrap{padding-top: 30px;} .sms_pop .sms_pop_wrap .pop_content .cont_list + .btn_wrap .btn_com{background: #4439b2;color: #fff;font-weight: 700;width: 70px;line-height: 32px;margin: 5px;} .sms_pop .sms_pop_wrap .pop_content .cont_list + .btn_wrap .btn_cancel{background: #eeecef;width: 70px;line-height: 32px;} /* 메시지 발송 팝업 내부 팝업 */ .sms_pop .sub_popup_wrap{position: absolute;top: 0;left: 0;width: 100%;height: 100%;} .sms_pop .sub_popup_wrap .dim{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0; z-index:10; width:100%; height:100%; background:rgba(0,0,0,0.1);} .sms_pop .sub_popup_wrap .sub_pop_box{position: absolute;top: 50%;left: 50%;z-index: 11; transform: translate(-50%, -50%);background: #fff;border: 1px solid #4439b2;width: 410px;padding: 40px 30px; box-sizing: border-box;} .sms_pop .sub_popup_wrap .sub_pop_box .sub_pop_close{display: block;position: absolute;top: 0;right: 0; width: 30px; height: 34px; background:url(../img/pop_close.png) no-repeat left bottom / 14px auto;} .sms_pop .sub_popup_wrap .sub_pop_box .sub_pop_cont dl:first-child{margin-bottom: 20px;} .sms_pop .sub_popup_wrap .sub_pop_box .sub_pop_cont dl dt{font-size: 14px;font-weight: bold;margin-bottom: 20px;} .sms_pop .sub_popup_wrap .sub_pop_box .sub_pop_cont dl dd{background: #f6f6f6;border-radius: 10px;padding: 30px;} .sms_pop .sub_popup_wrap .sub_pop_box .sub_pop_cont dl dd ul li{line-height: 20px;margin-bottom: 30px;} .sms_pop .sub_popup_wrap .sub_pop_box .sub_pop_cont dl dd ul li:last-child{margin-bottom: 0;} .sms_pop .sub_popup_wrap .sub_pop_box .sub_pop_cont dl dd ul li span{color: #666;margin-top: 15px;display: block;} /* 충전 */ .charge_details_tab{display: flex; border-bottom:1px solid #151515; margin-bottom: -1px;margin-bottom: 50px;} .charge_details_tab .tab_list{width: 50%; margin-bottom:-1px;} .charge_details_tab .tab_list:first-child{margin-left: 0;} .charge_details_tab .tab_list a{display: block; width: 100%; box-sizing: border-box; line-height: 60px; text-align: center; font-size: 15px; color:#666; background:#f6f6f6; border:1px solid #e6e6e6; border-bottom:1px solid #151515;} .charge_details_tab .tab_list.on a{color:#4439b2; font-weight: bold; border-color:#151515; background:#fff; border-bottom-color:#fff; } .charge_details_tab .tab_list.disabled a{color:#666;} /*메시지 발송*/ .message_view_area ul.view_warp li dl dd .checks{margin-left: 0;} .message_view_area ul.view_warp li dl dd .checks{width: 100%;} .message_view_area ul.view_warp li dl dd select:disabled{background-color: #f6f6f6;} .message_view_area ul.view_warp li dl dd .checks input[type="radio"]+label{margin-right: 20px;} .message_view_area ul.view_warp li dl dd.number_input_wrap{display: flex;flex-wrap: wrap;align-items: flex-start;} /* 회원정보 */ .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice{width: 360px;margin-top: 25px;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice strong{font-size: 14px;line-height: 1;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice .tel_wrap{margin-top: 10px;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice .tel_wrap .textarea_box .textarea{height: 165px;padding: 20px;line-height: 22px;word-break: keep-all;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice .number_box{margin-top: 10px;border: 1px solid #e3e3e3;width: 100%; height: 165px;padding: 20px;box-sizing: border-box;overflow-y: auto;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice .number_box li{display: block; margin-bottom: 5px;position: relative;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice .number_box li input[type="checkbox"]+label{display: inline-block; font-weight: 700;line-height: 1;background: #e8e7f6;padding: 6px 11px;border-radius: 13px;border: 1px solid #e8e7f6;box-sizing: border-box;cursor: pointer;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice .number_box li input[type="checkbox"]:checked+label{border-color: #151515;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice .group_wrap{margin-top: 11px;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice .adress_wrap{margin-top: 10px;display: flex;flex-wrap: wrap;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice .adress_wrap .input_box{margin-left: 10px;display: flex;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice .adress_wrap .input_box .input{width: 128px;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice .adress_wrap .input_box .btn_search{padding: 12px 20px 11px;background: #151515;color: #fff;line-height: 1;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_choice .adress_wrap .number_box{height: 120px;} .message_view_area ul.view_warp li dl dd.time_wrap{display: flex;} .message_view_area ul.view_warp li dl dd.time_wrap .checks{width: auto;} .message_view_area ul.view_warp li dl dd.time_wrap .input_box .input{margin-right: 10px;} .message_view_area ul.view_warp li dl dd.time_wrap .input_box select{margin-right: 10px;} .message_view_area ul.view_warp li dl dd.use_point p{color: #666;line-height: 33px;} .message_view_area ul.view_warp li dl dd.use_point p strong{color: #151515;} .message_view_area ul.view_warp li dl dd.use_point p .btn_link{color: #4439b2;padding: 7px;border: 1px solid #4439b2;margin-left: 20px;} /* 전송대상 */ .message_view_area ul.view_warp li dl dd.number_input_wrap .user_done{width: 360px;margin-top: 25px;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_done strong{font-size: 14px;line-height: 1;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_done .done_box{margin-top: 10px;border: 1px solid #e3e3e3;height: 165px;padding: 20px;box-sizing: border-box;overflow-y: auto;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_done .done_box li{display: inline-block; margin-bottom: 5px;position: relative;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_done .done_box li input[type="checkbox"]+label{display: inline-block; font-weight: 700;line-height: 1;background: #e8e7f6;padding: 6px 39px 6px 11px;border-radius: 13px;border: 1px solid #e8e7f6;box-sizing: border-box;cursor: pointer;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_done .done_box li input[type="checkbox"]:checked+label{border-color: #151515;} .message_view_area ul.view_warp li dl dd.number_input_wrap .user_done .done_box li input[type="checkbox"]+label+.remove{display: block; position: absolute; top:calc(50% - 6.5px); right:11px; width: 13px; height: 13px; background:#151515 url(../img/ico_remove_type02.png) no-repeat 50% 50%; border-radius:50%; } /* 전송대상 > 중앙 버튼 */ .message_view_area ul.view_warp li dl dd.number_input_wrap .btn_wrap{display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;padding: 25px 20px 0;box-sizing: border-box;} .message_view_area ul.view_warp li dl dd.number_input_wrap .btn_wrap .btn_push, .message_view_area ul.view_warp li dl dd.number_input_wrap .btn_wrap .btn_del{display: block; border: 1px solid #e3e3e3;width: 26px;height: 26px;background: #fff no-repeat center;} .message_view_area ul.view_warp li dl dd.number_input_wrap .btn_wrap .btn_push{margin-bottom: 10px;background-image: url(../img/arr_right01.png);} .message_view_area ul.view_warp li dl dd.number_input_wrap .btn_wrap .btn_del{background-image: url(../img/arr_left01.png);} /* 알림내용 */ .message_view_area ul.view_warp li dl dd.desc_wrap{display: flex;flex-wrap: wrap;align-items: flex-start;} .message_view_area ul.view_warp li dl dd.desc_wrap p{color: #151515;display: flex;margin-bottom: 15px;width: 100%;} .message_view_area ul.view_warp li dl dd.desc_wrap p strong{color: #4439b2;padding-left: 5px;} .message_view_area ul.view_warp li dl dd.desc_wrap p span{color: #999;position: relative;padding-left: 12px;margin-left: 12px;} .message_view_area ul.view_warp li dl dd.desc_wrap p span::before{content: '';display: block;width: 1px;height: 12px;background: #dbdbdb;position: absolute;top: calc(50% - 6px);left: 0;} .message_view_area ul.view_warp li dl dd.desc_wrap>.textarea_box{border: 1px solid #e3e3e3;padding: 20px;width: 440px;margin-right: 20px;} .message_view_area ul.view_warp li dl dd.desc_wrap>.textarea_box .textarea{border-width: 0;padding: 0;height: 185px;} .message_view_area ul.view_warp li dl dd.desc_wrap>.textarea_box .img_file_con{position: relative;display: inline-block;} .message_view_area ul.view_warp li dl dd.desc_wrap>.textarea_box .img_file_con .img_box{display: block;} .message_view_area ul.view_warp li dl dd.desc_wrap>.textarea_box .img_file_con .img_box img{width: auto;max-width: 100%;} .message_view_area ul.view_warp li dl dd.desc_wrap>.textarea_box .img_file_con .img_remove{display: block;width: 13px;height: 13px; background:url(../img/img_remove.png)no-repeat;position: absolute;top: -2px;right: -2px;} .message_view_area ul.view_warp li dl dd.desc_wrap>.textarea_box .img_file_area{display: flex;align-items: center;margin-top: 15px;padding-top: 15px;border-top: 1px solid #ddd;} .message_view_area ul.view_warp li dl dd.desc_wrap>.textarea_box .img_file_box{display: block;} .message_view_area ul.view_warp li dl dd.desc_wrap>.textarea_box .img_file_box .btn_browse{position: static;} .message_view_area ul.view_warp li dl dd.desc_wrap>.textarea_box .btn_pop_info{font-size: 14px; line-height: 18px; color: #666;padding-left: 20px;margin-left: 15px;background: url(../img/ico_notice.png)no-repeat center left;} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap{width: 655px;} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .search_box{width: 100%;display: flex;margin-bottom: 10px;} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .search_box .input_box{display: flex; width: calc(100% - 45px);} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .search_box .input_box .input{width: calc(100% - 65px);} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .search_box .btn_delete{display: block;width: 35px;height: 35px;border: 1px solid #b9b2bc;background: #f6f6f6 url(../img/ico_remove_no.png)no-repeat center;margin-left: auto;} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .search_box .btn_delete:hover{background: #fff url(../img/ico_remove.png)no-repeat center;border-color: #e3e3e3;} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .scroll_box{height: 325px;overflow-y: scroll;padding: 10px;border: 1px solid #e3e3e3; box-sizing: border-box;display: flex;flex-wrap: wrap;} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .scroll_box li{width: calc(50% - 5px);background: #f6f6f6;padding: 15px;box-sizing: border-box;margin-bottom: 10px;} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .scroll_box li:nth-child(2n-1){margin-right: 10px;} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .scroll_box li .top{display: flex;align-items: center;width: 100%;margin-bottom: 15px;} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .scroll_box li .top .input{width: calc(100% - 31px);} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .scroll_box li .top .checks{margin-left: auto;width: 16px;} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .scroll_box li .top .checks input[type="checkbox"]+label{padding-left: 16px;} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .scroll_box li .textarea_box{width: 100%;} .message_view_area ul.view_warp li dl dd.desc_wrap .past_wrap .scroll_box li .textarea_box .textarea{width: 100%;height: 140px;overflow-y: scroll;} .message_view_area .etc_txt{padding: 20px 0 0 20px;} .message_view_area .etc_txt strong{font-weight: normal;line-height: 20px;position: relative;} .message_view_area .etc_txt strong::before{content: '';display: block;width: 3px;height: 3px;border-radius: 50%;background: #151515;position: absolute;top: calc(50% - 1.5px);left: -10px;} .message_view_area .etc_txt p{color: #888;line-height: 21px;} .message_view_area + .btn_area .btn_com{display: block; width: 80px;line-height: 40px;color: #fff;text-align: center;background: #4439b2;margin: 0 auto;} /* 단위동문회 등록 - 링크없음 추가 211207 */ ul.view_warp.association li dl dd{display: flex;} ul.view_warp.association li dl.view_list_1st dd{display: flex;align-items: center;} ul.view_warp.association li dl.view_list_1st dd .input{display: inline-block;} ul.view_warp.association li dl.view_list_1st dd .checks{display: inline-block; margin: 0 0 0 auto;} /* 리스트 동문만 아이콘 추가 */ .free_list .tbl_area tbody tr td.list4.name a{width: auto; max-width: calc(100% - 60px);display: inline-block;vertical-align: middle;} .tbl_area tbody tr td.list4.name .ico_onlyuser{display: inline-block; width: 56px;padding: 0;vertical-align: middle;} .tbl_area tbody tr td.list4.name .ico_onlyuser img{display: block;width: 100%;} /* 주소 입력 인풋 */ .tbl_item_box table td .address_box > input[type="text"]{width: 560px;} .tbl_item_box table td .address_box > input[type="text"]::placeholder{color: #999;} .tbl_item_box table td .address_box .checks{display: inline-block; margin-left: 20px;} .tbl_item_box table td .address_box .address_top{margin-bottom: 10px;} .tbl_item_box table td .address_box .address_top .input{width: 110px;} .tbl_item_box table td .address_box .address_top .input{width: 110px;} .tbl_item_box table td .address_box a.type01{display: inline-block;width: 110px;height: 35px;line-height: 35px;text-align: center;color: #fff;background: #151515;font-size: 13px;vertical-align: top;margin-left: 2px;} /* 동문기업관리 상세 수정 211228 */ .company_view ul.poporder_warp li dl dt{line-height: 22px;} .company_view .img_file_area{margin-bottom: 10px;} .company_view .img_file_wrap{width: 100%;height: 75px; overflow: hidden;} .company_view .img_file_wrap #mCSB_1_container{display: flex;} .company_view ul.view_warp li.view_list5 dd .img_file_con{display: inline-block; margin: 0; margin-right: 10px;} .company_view ul.view_warp li.view_list5 dd .img_file_con .img_box1{overflow: hidden;display: flex;align-items: center;justify-content: center;} .company_view ul.view_warp li.view_list5 dd .img_file_con .img_box1 img{width: 100%;height: auto;} .company_view .type02_txt{color: #999;padding-left: 20px;} /* 동문지식iN 관리 */ .in_wrap .tbl_area tbody tr td.list4 .list_body{ display: -webkit-box; font-size: 13px; text-decoration: none; line-height: 18px; margin:12px 0 5px; padding-right: 30px;word-break: keep-all; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow:hidden;} .in_wrap .tbl_area tbody tr td.list4 a{padding-left: 0;} .in_wrap .tbl_area tbody tr td.list4 a:hover{text-decoration: underline;} .in_wrap .tbl_area tbody tr td.list4 p{display: inline-block;margin-right: 5px;} .in_wrap .tbl_area tbody tr td.list4 .ftb_color{font-size: 13px; font-weight: 400!important;} .in_wrap .tbl_area tbody tr td .select_box{display: inline-block;} .in_wrap .tbl_area tbody tr td .report{font-size: 13px; color: #f81700; text-decoration: underline; cursor: pointer;} .in_wrap .tbl_area tbody tr td .report_btn{display: inline-block; width: 65px; height: 35px; font-size: 13px; border: 1px solid #f81700; color: #f81700; background: #fff; line-height: 35px; text-align: center; margin: 0 0 0 2px; box-sizing: border-box;} .in_wrap .tbl_area tbody tr td .report_btn.active{background: #f6f6f6; border: 1px solid #e3e3e3; color: #aaa; cursor:default; } .in_wrap .od_choice_wrap .btn_search {background:#666666; vertical-align: top; margin-left: 2px;} /* 동문회비 납부안내 */ .payment_wrap .tbl_item_box{padding-top: 0;} .payment_wrap .sub_cont{padding-top: 54px;} .payment_wrap .sub_cont .tbl_area{margin-bottom: 0;} .payment_wrap .sub_cont .div__tit_box .cont_tit2{font-size: 20px;line-height: 27px;font-weight: 700;} /* 기부금관리>정립현황 추가 231124 */ .donation_tbl_area{margin-bottom: 20px;} .donation_tbl_area tbody tr{height: auto;} .donation_tbl_area tbody tr:nth-last-child(-n+2){border-bottom-width: 0;} .donation_tbl_area tbody tr td:first-child{font-size: 14px; color: #151515; word-break: keep-all; padding: 0 20px; line-height: 22px;}/* 210216 fz15 */ .donation_tbl_area tbody tr td .list{font-size: 0; border-left: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;} .donation_tbl_area tbody tr td .list:last-child{border-bottom-width: 0;} .donation_tbl_area tbody tr td .list li{display: inline-block; font-size: 14px; box-sizing: border-box; color: #151515; vertical-align: middle;} .donation_tbl_area tbody tr td .list .name{width: calc(100% - 910px); text-align-last: left; padding-left: 30px; padding: 14px 30px; line-height: 18px;} .donation_tbl_area tbody tr td .list .ea{width: 215px; letter-spacing: 0;} .donation_tbl_area tbody tr td .list .take{width: 225px; text-align: right; padding-right: 70px; letter-spacing: 0;} .donation_tbl_area tbody tr td .list .supply{width: 255px; text-align: right; padding-right: 90px; letter-spacing: 0;} .donation_tbl_area tbody tr td .list .calc{width: 210px; text-align: right; padding-right: 60px; color: #4439b2; letter-spacing: 0;} .donation_tbl_area tbody tr td .list.last_list li{display: block; font-size: 0; border-bottom: 1px solid #e6e6e6;} .donation_tbl_area tbody tr td .list.last_list li:last-child{border-bottom-width: 0;} .donation_tbl_area tbody tr td .list.last_list li div.name{color: #666;} .donation_tbl_area tbody tr td .list.last_list li.del{color: #999;} .donation_tbl_area tbody tr td .list.last_list li.pack_del{color: #999;} .donation_tbl_area tbody tr td .list.last_list li.cancel div{color: #ff4734;}/* 210203 추가 */ .donation_tbl_area tbody tr td .list.last_list li div{display: inline-block; box-sizing: border-box; font-size: 14px;} .donation_tbl_area tbody tr td .list.last_list li.sub_total{background: #f6f6f6; color: #151515;} .donation_tbl_area tbody tr td .list.last_list li.sub_total div.name{width: calc(100% - 910px); font-weight: bold; color: #151515;} .donation_tbl_area tbody tr td .list.last_list li.sub_total div.calc{width: 210px; text-align: right; padding-right: 60px; color: #4439b2; letter-spacing: 0;} .donation_tbl_area tbody tr td .list.none_list .name{color: #666;} .donation_tbl_area tbody tr td .list.none_list .ea{visibility: hidden;} .donation_tbl_area tbody tr td .list.none_list .take{visibility: hidden;} .donation_tbl_area tbody tr td .list.none_list .supply{visibility: hidden;} /* 제휴 */ .donation_tbl_area tbody tr.partner_line{background: #FBFBFB;} .donation_tbl_area tbody tr.partner_line td.date strong{display: flex;align-items: center;} .donation_tbl_area tbody tr.partner_line td.date strong::before{content: '';display: block; width: 24px;height: 24px;background: url(../img/ico_treeline.png) no-repeat center;} /* 소계 */ .donation_tbl_area tbody tr.last_total{background: #f6f1f4; border-top: 1px solid #4439b2;} .donation_tbl_area tbody tr.last_total td{font-size: 15px; color: #4439b2; height: 70px; line-height: 70px;} .donation_tbl_area tbody tr.last_total td.t_name{font-weight: bold;} .donation_tbl_area tbody tr.last_total td.t_pay{text-align: right;} .donation_tbl_area tbody tr.last_total td div{display: inline-block; font-size: 0;} .donation_tbl_area tbody tr.last_total td .supply_total{margin-right: 30px ;padding-right: 30px; position: relative; font-size: 14px;} .donation_tbl_area tbody tr.last_total td .supply_total::after{content: ''; display: block; position: absolute; top: 29px; right: 0; width: 1px; height: 12px; background: #c9b7c1;} .donation_tbl_area tbody tr.last_total td .calc_total{margin-right: 60px; font-size: 14px;} .donation_tbl_area tbody tr.last_total td .calc_total span{font-size: 12px; color: #7c769a;} .donation_tbl_area tbody tr.last_total td strong{font-size: 16px; letter-spacing: 0; min-width: 95px; display: inline-block;}/* 210203 추가 */ /* 기부금관리 dailysales 일자별정립현황 */ .donation_tbl_area tbody tr.date_w td{color: #666; line-height: 50px; letter-spacing: 0; box-sizing: border-box;} .donation_tbl_area tbody tr.date_w td input[type="text"]{height: 30px; line-height: 30px; color: #151515;} .donation_tbl_area tbody tr.date_w td.date{color: #151515;} .donation_tbl_area tbody tr.date_w td.pay{color: #151515; text-align: right; padding-right: 40px;} .donation_tbl_area tbody tr.date_w td.supply{ text-align: right; padding-right: 40px;} .donation_tbl_area tbody tr.date_w td.cancel{color: #ff4734; text-align: right; padding-right: 40px;} .donation_tbl_area tbody tr.date_w td.sales{color: #4439b2; text-align: right; padding-right: 40px;} .donation_tbl_area tbody tr.date_w td.point{color: #151515; text-align: right; padding-right: 40px;} .donation_tbl_area tbody tr.date_w.delH_w td.supply,.donation_tbl_area tbody tr.date_w.delH_w td.cancel{opacity: .7;} .donation_tbl_area tbody tr.last_sub_total{background: #F3F4FE; border-top: 1px solid #4439B2;} .donation_tbl_area tbody tr.last_sub_total td{font-size: 14px; color: #151515; line-height: 60px; box-sizing: border-box;white-space: nowrap;} .donation_tbl_area tbody tr.last_sub_total td.t_name{font-weight: bold;} .donation_tbl_area tbody tr.last_sub_total td.t_pay{text-align: right; padding-right: 40px;} .donation_tbl_area tbody tr.last_sub_total td.t_supply{text-align: right; padding-right: 40px;} .donation_tbl_area tbody tr.last_sub_total td.t_cancel{color: #ff4734; text-align: right; padding-right: 40px;} .donation_tbl_area tbody tr.last_sub_total td.t_sales{color: #4439b2; text-align: right; padding-right: 40px;} .donation_tbl_area tbody tr.last_sub_total td.t_point{color: #151515; text-align: right; padding-right: 40px;} .donation_tbl_area tbody tr.last_sub_total td strong{letter-spacing: 0;} .donation_tbl_area + .conSales_ok_wrap{float: right; margin-bottom: 10px;} /* 기부금관리 connectionsales 업체별적립현황 추가 */ .donation_tbl_area tbody tr td .list .name{width: calc(100% - 880px); text-align-last: left; padding-left: 30px; padding: 14px 30px; line-height: 18px;} .donation_tbl_area tbody tr td .list .ea{width: 176px; letter-spacing: 0;} .donation_tbl_area tbody tr td .list .take{width: 176px; text-align: right; padding-right: 60px; letter-spacing: 0;} .donation_tbl_area tbody tr td .list .supply{width: 176px; text-align: right; padding-right: 60px; letter-spacing: 0;} .donation_tbl_area tbody tr td .list .calc{width: 176px; text-align: right; padding-right: 60px; color: #4439b2; letter-spacing: 0;} .donation_tbl_area tbody tr td .list .point{width: 176px; text-align: right; padding-right: 60px; color: #151515; letter-spacing: 0;} .donation_tbl_area tbody tr td .list.last_list li.sub_total div.name{width: calc(100% - 880px); font-weight: bold; color: #151515;} .donation_tbl_area tbody tr td .list.last_list li.sub_total div.calc{width: 176px; text-align: right; padding-right: 60px; color: #4439b2; letter-spacing: 0;} .donation_tbl_area tbody tr td .list.last_list li.sub_total div.point{width: 176px; text-align: right; padding-right: 60px; color: #151515; letter-spacing: 0;} .donation_tbl_area tbody tr.last_total{background: #F3F4FE; border-top: 1px solid #4439B2;} .donation_tbl_area tbody tr.last_total td{font-size: 15px; color: #4439B2; height: 70px; line-height: 70px;} .donation_tbl_area tbody tr.last_total td .supply_total{margin-right: 10px ;padding-right: 10px; position: relative; font-size: 14px;} .donation_tbl_area tbody tr.last_total td .supply_total::after{content: ''; display: block; position: absolute; top: 29px; right: 0; width: 1px; height: 12px; background: #c9b7c1;} .donation_tbl_area tbody tr.last_total td .calc_total{margin-right: 10px;padding-right: 10px; font-size: 14px;position: relative;} .donation_tbl_area tbody tr.last_sub_total{background: #F3F4FE; border-top: 1px solid #4439B2;} .donation_tbl_area tbody tr.last_total td .calc_total::after{content: ''; display: block; position: absolute; top: 29px; right: 0; width: 1px; height: 12px; background: #c9b7c1;} .donation_tbl_area tbody tr.last_total td .point_total{margin-right: 60px; font-size: 14px;} .pro_down_excel3{display: block;position: absolute; top: -47px; right: 80px; width: 130px; height: 36px; line-height: 36px; box-sizing:border-box;color:#151515; padding:0 15px; text-align:right; background:#fff url(../img/ico_excel2.svg) no-repeat left center;} .pro_down_excel3:hover{text-decoration:underline;} .btn_pop_upload{position: absolute; top: -47px; right: 0;display: block; width: 84px; height: 36px; line-height: 36px; padding:0 11px; box-sizing:border-box; text-align:right; margin-bottom: 12px; color: #151515 ;border: 1px solid #DBDBDB; background:#fff url(../img/icon_upload.svg) no-repeat left 10px center; border-radius: 4px;} .btn_wrap > a.type05{color:#fff; background: #EF6A5D;} @media (max-width: 1480px){ .tip4{padding-left: 73px; padding-top: 10px;} } @media (max-width: 1740px){ .container{width: 1540px;}/* 210201 수정 */ .row{padding: 0 50px;box-sizing:border-box;} .header{width: 100%; } #header .container{width: 1769px;} } /* 비디오파일명관련 20240731 */ ul.view_warp li.view_list5 dd .video_file_con{position: relative; margin-top: 10px; display: inline-block;} ul.view_warp li.view_list5 dd .video_file_con .img_remove{position: absolute;top: 0;right: -18px; display: inline-block;width: 13px;height: 13px; background:url(../img/img_remove.png)no-repeat;} ul.view_warp li.view_list5 dd .video_file_con .img_box1{display: inline-block;}