@charset "utf-8"; /** PC - common.css */ #dialog-layout:after {content:""; display:block; clear:both;} /*.shuvic_toolbar {cursor:pointer; background:url('/common/css/images/shuvic_toolbar/memname_info.png') 0 center no-repeat; padding-left:10px;} /*작성자명(프로필보기 레이어창 )*/ /* 어플아이콘 */ .appicon {background:url('/common/css/images/common/icon_okapp_small.png') 0 0 no-repeat; padding-left:30px;} .androidicon {background:url('/common/css/images/common/icon_okapp_android.png') 0 0 no-repeat; padding-left:63px; margin-left:20px;} .iosicon {background:url('/common/css/images/common/icon_okapp_ios.png') 0 0 no-repeat; padding-left:50px; margin-left:20px;} /*삭제예정*/ img {border:0;} a {cursor:pointer;} /*기본*/ [data-params="123123"]:root { --main-css-color: #00aba9; } .widget-footer.widget-style-type5 .footer-menu ul li.contactUs a {background-color: var(--main-css-color);} html {overflow:scroll; overflow-x:auto;} body {margin:0; padding:0; background:#fff;} form, fieldset {margin:0; padding:0;} a:hover, a:active, a:focus {-moz-outline: none; outline:none; ie-dummy:expression(this.hideFocus=true);} label{cursor: pointer;} img {max-width: 100%;} /*************공통 default*************/ #content {position:relative;} .MAIN_CON {*zoom:1;} .MAIN_CON:after {content:""; display:block; clear:both;} /*페이지 권한 메세지*/ .pageGrpName{font-weight:bold;color: blue;} .pageHomeName{font-weight:bold;color: green;} /**********font style************/ .FONTENGSTYLE1 {font-weight:bold; font-size:18px; color:#fff;} .FONTENGSTYLE2 {font-weight:bold; font-size:18px; color:#333;} .FONTKORSTYLE1 {font-weight:bold; font-size:14px; color:#fff;} .FONTKORSTYLE2 {font-weight:bold; font-size:14px; color:#333;} .FONTKORSTYLE3{font-size:18px; color:#333;} .FC6 {color:#666;} .FC9 {color:#999;} .FONT_BLUE {color:#006ecc;} .FONT_BLUE2 {color:#518bb1;} .FONT_RED {color:#ff4200;} .FONT_RED2 {color:#910101;} .FONT_PINK {color:#865bb5;} .FONT_GREY {color:#666;} .FONT_BROWN {color:#400000;} .FONT_GOLD {color:#6F6142;} .FONT_CASH {color:#ff8400; font-weight:bold;} .F14 {font-size:14px;} .FONT_11PX_G {font-size:11px;} .FONT_12PX_G {font-size:12px;} .FONT_14PX_D {font-size:14px;} .FB {font-weight:bold;} .FN {font-weight:normal;} .FU {text-decoration:underline;} /**********etc style************/ .LINK1 {text-decoration:none;} .BS1 {border:1px solid;} .BN {border:none;} .WBW {word-wrap:break-word; word-break:break-all;} .BCOR_A {background:blue;} .BCOR_B {background-color:#ddd;} .BCOR_C {background-color:F4F3EF;} .PD0 {padding:0px;} .MARC {margin:0 auto;} .MAR0 {margin:0px;} .MAR5 {margin:5px;} .MAR5 {margin:5px;} .MAR10 {margin:10px;} .MART5 {margin-top:5px;} .MART10 {margin-top:10px;} .MART20 {margin-top:20px;} .MART30 {margin-top:30px;} .MARL5 {margin-left:5px;} .MARL10 {margin-left:10px;} .MARB5 {margin-bottom:5px;} .MARB10 {margin-bottom:10px;} .MARR5 {margin-right:5px;} .TAL {text-align:left;} .TAC {text-align:center;} .TAR {text-align:right;} .VAT {vertical-align:top;} .VAM {vertical-align:middle;} .VAB {vertical-align:bottom;} .PR {position:relative;} .INENG {ime-mode:disabled;} .DEFAULTENG {ime-mode:inactive;} .INKOR {ime-mode:active;} .DEFAULT .ELLIPSIS {overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .SEARCHBAR1 ul {margin:0 auto;} .SEARCHBAR1 li {margin:0 3px;} .z_in100 {z-index:100;} .btn_z_index {z-index:110; position:absolute; top:44px; left:615px;} /********width style**********/ .W4 {width:4%;} .W5 {width:5%;} .W9 {width:9%;} .W10 {width:10%;} .W12 {width:12%;} .W15 {width:15%;} .W20 {width:20%;} .W23 {width:23%;} .W25 {width:25%;} .W27 {width:27%;} .W30 {width:30%;} .W35 {width:35%;} .W40 {width:40%;} .W50 {width:50%;} .W69 {width:69%;} .W99{width:99%;} .W100 {width:100%;} .W50PX {width:50px;} .W80PX {width:80px;} .W95PX {width:95px;} .W100PX {width:100px;} .W120PX {width:120px;} .W150PX {width:150px;} .W180PX {width:180px;} .W200PX {width:200px;} .W250PX {width:250px;} .W300PX {width:300px;} .W350PX {width:350px;} .W400PX {width:400px;} .W500PX {width:400px;} .W600PX {width:600px;} /**************height style***************/ .H100 {height:100%;} .H20PX {height:20px;} .H30PX {height:30px;} .H35PX {height:35px;} .H40PX {height:40px;} .H50PX {height:50px;} .H75PX {height:75px;} .H100PX {height:100px;} .H150PX {height:150px;} .H200PX {height:200px;} .H450PX {height:450px;} /**************line-height style***************/ .LINEH20 {line-height:20px;} .LINEH25 {line-height:25px;} .LINEH30 {line-height:30px;} .LINEH40 {line-height:40px;} .LINEH50 {line-height:50px;} /**************float style*****************/ .FL {float:left;} .FR {float:right;} /**************cursor style*****************/ .CURD {cursor:default;} .CURP {cursor:pointer;} .CURM {cursor:move;} .CUREW {cursor:e-resize;} .CURNS {cursor:n-resize;} .DN {display:none;} .VH {visibility:hidden;} .DB {display:block;} .DINB {display:inline-block; *display:inline; zoom:1;} .DIN {display:inline;} .CB {clear:both;} /**********select style************/ .SELECT1 {padding:1px 1px 2px 3px; border:1px solid #666;} .SELECT2 {padding:5px; height:20px; font-size:12px; border:1px solid #333;} /**********button style***********/ /*total search button*/ .SEARCHBTN2 {display:block; width:69px; height:27px; background:url('/common/css/images/common/btn_search_1.gif') no-repeat;} .SEARCHBTN2:hover {background-position:0 -27px;} .SEARCHCANCEL {display:block; width:56px; height:22px; background:url('/common/css/images/common/btn_search_cancel.gif') no-repeat;} .SEARCHCANCEL:hover {background-position:-56px 0px;} /*box button*/ .BUTTON1 {text-decoration:none; text-align:center; display:block; background:url('/common/css/images/common/bg_line_1.gif') repeat-x; height:21px; line-height:23px; min-width:20px; _width:35px; padding:0 5px; border:1px solid #666; color:#666; font-size:12px; font-weight:normal;} .BUTTON1:hover {background:url('/common/css/images/common/bg_line_3.gif'); border:1px solid #333; color:#fff;} .BUTTON1.WIDE {padding:0 15px;} .BUTTON2 {background:url('/common/css/images/common/bg_line_1.gif') repeat-x; text-decoration:none; text-align:center; padding:3px; border:1px solid #666; color:#666; font-size:12px; font-weight:normal;} .BUTTON2:hover {background:url('/common/css/images/common/bg_line_3.gif'); border:1px solid #333; color:#fff;} /**********input style************/ /*input text 스타일1*/ .INPUTTYPE1 {height:16px; padding:3px 3px 0 3px; border:1px solid #666; font-size:12px; vertical-align:middle;} .INPUTTYPE1:focus {border-color:#000;} .INPUTTYPE1.FILE1 {height:20px;} .INPUTTYPE1.Calender {vertical-align:bottom; margin-right:3px;} /*input text 스타일2*/ .INPUTTYPE2 {height:21px; line-height:21px; font-weight:bold; padding-left:3px; font-size:14px; border:3px solid #333; background:#f3f3f3;} .INPUTTYPE2:focus {background:#fff;} /*input text 스타일3*/ .INPUTTYPE3 {height:21px; line-height:21px; font-weight:bold; padding-left:3px; font-size:14px; border-top:2px solid #666; border-left:2px solid #666; border-bottom:2px solid #333; border-right:2px solid #333;} .INPUTTYPE3:focus {border-top:2px solid #333; border-left:2px solid #333; border-bottom:2px solid #666; border-right:2px solid #666;} .Input_Blue {border:1px solid #3c3c3c;} .Input_Blue:focus{border:1px solid red;} /*input text 스타일2*/ .Input_Text_Style1 {border:1px solid #aaa; background:#fafafa; height:15px; padding:3px 0 0 3px; font-size:12px; vertical-align:middle;} .Input_Text_Style1:focus {border:1px solid #005ae0; background:#fff;} .Input_Text_Style1.Calender {margin-right:3px; ime-mode:disabled; vertical-align:bottom; width:80px;} .Input_Text_Style1.PostInput {width:60px; ime-mode:disabled;} .Input_Text_Style1.PhoneInput {width:50px; ime-mode:disabled;} .Input_Text_Style1.EmailInput {ime-mode:disabled;} .Input_Text_Style1.Name {ime-mode:active; width:100px;} .Input_Text_Style1.Title {width:99%;} /**/ .TEXTAREATYPE1 {padding:3px 0 0 3px; border:1px solid #666; font-size:12px; line-height:18px;} .TEXTAREATYPE1:focus {border-color:#000;} /*테이블스타일1*/ .table_style1 {width:100%; background:#333;} .table_style1 th {background:#dddddd; padding:5px;} .table_style1 td {background:#fff; padding:3px;} /*테이블스타일2*/ .table_style2{ margin:0px; padding:0px; border-spacing:1px; border:0px; border-collapse:collapse; width:100%;} .table_style2 TH{ border:1px solid #DDDDDD; background-color:#EEEEEE; height:25px; text-align:left; padding-left:10px;} .table_style2 TD{ border:1px solid #DDDDDD; background-color:#FFFFFF; text-align:left; padding-left:10px;} /*테이블스타일3 (관리자 홈페이지설정)*/ .table_style3 {margin:0; padding:0px; border-spacing:1px; border-collapse:collapse; width:100%; font-size:12px; border:1px solid #aaa;} .table_style3 TH {border-bottom:1px solid #aaa; border-right:1px solid #aaa; border-top:1px solid #aaa; background-color:#eee; font-weight:normal; height:30px; text-align:left; padding-left:10px; width:13%;} .table_style3 TD {border-bottom:1px solid #aaa; border-top:1px solid #aaa; background-color:#FFFFFF; text-align:left; padding:10px 10px;} .table_style3 TD input {vertical-align:middle;} .table_style3.alpha1 th {border:1px solid #aaa; line-height:25px; text-align:right; padding-right:10px; width:15%;} .table_style3.alpha1 td {border:1px solid #aaa; line-height:25px;} .table_style3.alpha1 textarea {border:1px solid #333; background:#fafafa; width:95%; height:100px; padding:3px 0 0 3px; margin:5px 0;} .table_style3.alpha1 textarea:focus {border:1px solid #005ae0; background:#fff;} .table_style3 select {} .table_style3 select {border:1px solid #333; background:#fafafa; height:20px; padding:1px; vertical-align:bottom;} .table_style3 select:focus {border:1px solid #005ae0;} /*테이블스타일4 (관리자 방문자현황)*/ .table_style4 {border-left:1px solid #aaa; margin:0; padding:0px; border-spacing:1px; border-collapse:collapse; width:100%; font-size:12px;} .table_style4 TH {border-bottom:1px solid #aaa; border-right:1px solid #aaa; border-top:1px solid #aaa; background-color:#eee; font-weight:normal; height:30px; text-align:center; padding-left:10px;} .table_style4 TD {border-bottom:1px solid #aaa; border-right:1px solid #aaa; height:30px; border-top:1px solid #aaa; background-color:#FFFFFF; text-align:center; padding-left:10px;} .table_style4 TD input {vertical-align:middle;} /*테이블스타일5 (까페 관리자 메뉴추가)*/ .table_style5 {width:100%; border-collapse:collapse; margin:0; padding:0;} .table_style5 th {background:#e3e3e3 url('/common/css/images/common/bg_line_1.gif') repeat-x; padding:0; height:24px; color:#333; font-size:12px; font-weight:bold; line-height:20px; border:1px solid #aaa;} .table_style5 td {line-height:20px; background:#fff; font-size:12px; border:1px solid #aaa; padding:2px 5px;} /*********ul dl style**********/ .ULSTYLE0 {list-style:none; margin:0; padding:0;} .ULSTYLE0 li {} .ULSTYLE1 {list-style:none; margin:0; padding:0;} .ULSTYLE1 li {float:left;} .ULSTYLE2 {list-style:none; margin:0; padding:0;} .ULSTYLE2 li {display:inline;} .ULSTYLE3 {list-style:none; margin:0; padding:0;} .ULSTYLE3 li {display:inline-block; *display:inline; zoom:1;} .ULSTYLE4 {list-style:none; margin:0; padding:0; height:100%;} .ULSTYLE4 li {float:left;margin:0;padding:8px auto;width:180px;word-wrap:break-word; word-break:break-all;} .DLSTYLE1 {margin:0; padding:0;} .DLSTYLE1 dd {margin:0; float:left;} .DLSTYLE1 dt {float:left;} .DLSTYLE2 {margin:0; padding:0;} .DLSTYLE2 dd {display:inline; margin:0;} .DLSTYLE2 dt {display:inline;} .DLSTYLE3 { width:570px; margin:0; padding:0; overflow:auto; } .DLSTYLE3 dd { width:495px; float:right; margin:1px 0; } .DLSTYLE3 dt { width:65px; float:left; margin:1px 0; background:#ddd; padding-left:5px;} .DLSTYLE1.DEFINE {border-bottom:1px solid #aaa; height:30px; line-height:20px; margin-bottom:10px;} .DLSTYLE1.DEFINE dt{font-weight:bold; margin-right:10px;} /*********list style**********/ .LIST_STYLE2 {} .LIST_STYLE2 dl {border-bottom:1px solid #999;; min-height:50px; _height:50px; padding:10px;} .LIST_STYLE2 dl:after {content:""; display:block; clear:both;} .LIST_STYLE2 dd {margin-right:5px;} /*************ULTABLE*************/ .ULTABLE1 {list-style:none; padding:0; border:1px solid #aaa; margin:0; padding:0;} .ULTABLE1 li {border:1px solid #ddd; background:#fff; clear:both;} .ULTABLE1.DragTable li:hover {background:#faf5e0;} .ULTABLE1 .ULTABLE_HEAD, .ULTABLE1.DragTable .ULTABLE_HEAD:hover {border-top:1px solid #fff; border-left:1px solid #fff; height:24px; background:#e3e3e3 url('/common/css/images/common/bg_line_1.gif') repeat-x; color:#333; *margin-bottom:2px;} .ULTABLE1 .ULTABLE_HEAD dd {line-height:15px;} .ULTABLE1 li dl {margin:5px 0 0 10px;} .ULTABLE1 li dd {text-align:center; font-size:12px; line-height:20px;} /*.inline {clear:both; height:22px; width:310px;} .inline li {display:inline; float:Left; margin:0 3px 0 0;}*/ /* .defaultKor {ime-mode:active;} .onlyEng2Num {ime-mode:disabled;} .ListStyle1 ul {list-style:none; padding:0; margin:0;} .ListStyle1 li {float:left; margin:10px;} .ListStyle1 ul:after {content:" "; display:block; clear:both;} .ListStyle2 ul {list-style:none; padding:0px; margin:0px;} .ListStyle2 li {float:left; margin:0px; padding:0px; width:20%; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .ListStyle3 {list-style:none; padding:0; margin:0;} .ListStyle3 li {display:inline; list-style:none; padding:0px; margin:0px;} .MAIN_CON .M_IMG {margin-left:10px;} .FIXBLOCK {clear:both; display:block;} */ /*데이타가 없을때*/ .noResult {text-align:center;} /*new표시*/ .bbs_new {margin-right:3px; display:inline-block; width:12px; height:12px; background:url('/common/css/images/board/bbs_img.gif') 0 0 no-repeat; } .cmnt_new {margin-right:3px; display:inline-block; width:12px; height:12px; background:url('/common/css/images/board/bbs_img.gif') 0 0 no-repeat; background-position: -26px 0; } /**/ .Total_Count {margin:5px; font-weight:bold; font-size:14px;} /*패스워드 레이아웃 .pw_check_form {width:85%; height:170px; margin:50px auto 0 auto; padding-top:90px; background:url('/common/css/images/common/pw_check_bg.gif') bottom repeat-x; border:2px solid #cccccc;} .pw_check_top {margin:0 auto; width:370px; height:50px;} .pw_check_top ul {list-style:none; margin:0; padding:0;} .pw_check_top .pw_title {float:left; margin-right:10px; width:78px; height:23px; background:url('/common/css/images/common/pw_check_title.gif') bottom no-repeat;} .pw_check_top .pw_title_pop {float:left; margin-left:10px; margin-right:10px; width:50px; height:23px; background:url('/common/css/images/common/pw_check_title.gif') 0 bottom no-repeat;} .pw_check_top .pw_check_input {float:left; font-size:16px; margin-right:10px; width:190px; padding:5px; height:15px; border:3px solid #999999;} .pw_check_top .pw_check_input:focus {border-color:#333333;} .pw_check_top .pw_check_submit {float:left; text-decoration:none; color:#333333; font-size:12px; font-weight:bold; display:block; width:47px; height:21px; padding:11px 0 0 19px; background:url('/common/css/images/common/pw_check_btn.gif') bottom no-repeat;} .pw_check_bottom {font-size:12px; color:#333333; padding:10px 50px; line-height:180%; text-align:center; color:#777777; border-top:1px solid #dddddd;} */ .pw_check_input {float:left; font-size:16px; margin-right:10px; width:190px; padding:5px 3px; height:15px; border:3px solid #666; background:#f3f3f3;} .pw_check_input:focus {border-color:#333; background:#fff;} /* 뎃글 및 한줄메모 */ .bbs_reply {width:100%; margin-top:10px; clear:both;} .bbs_reply .reply_count {margin-left:10px;} .bbs_reply .reply_count a {text-decoration:none; color:#777777; font-weight:bold;} .bbs_reply .reply_list {background:#f4f4f4; border:1px solid #fff; padding:15px 20px;} .bbs_reply .reply_list .reply_each {margin-top:8px; border-bottom:1px solid #777777;} .bbs_reply .reply_list .reply_each .reply_head {height:30px;} .reply_head_left {float:left;} .reply_head_left ul {list-style:none; margin:0; padding:0;} .reply_head_left li {display:inline; color:#333333; font-size:11px;} .reply_head_left .show_avatar {display:inline-block; width:18px; height:18px; background:url('/common/css/images/board/avatar.gif') -4px -2px; !important;} .reply_head_left .reply_id {font-weight:bold;} .reply_head_left .reply_date {} .reply_head_left .reply_id {font-weight:bold;} .bbs_sub .bbs_reply .reply_list .reply_each .reply_body {padding-bottom:10px; word-wrap:break-word;} .reply_btn {float:right;} .reply_btn ul {list-style:none; margin:0; padding:0;} .reply_btn li {display:inline; color:#333333; font-size:11px;} .reply_btn li a {text-decoration:none; color:#333333;} .reply_btn li a:hover {color:#777777;} .reply_list .reply_page {margin-top:10px; text-align:center;} .reply_list .reply_page ul {list-style:none; margin-right:10px;} .reply_list .reply_page li {display:inline; font-weight:bold; margin-left:10px;} .reply_list .reply_page li a {text-decoration:none; color:#333333;} .reply_list .reply_form {width:100%;} .reply_list .reply_form .reply_avatar {float:left; width:7%; height:25px;} .reply_list .reply_form .reply_avatar .reply_avatar_select {display:inline-block; width:32px; height:25px; background:url('/common/css/images/board/avatar.gif') no-repeat;} .reply_list .reply_form .reply_text {display:inline-block; width:88%;} .reply_list .reply_form .reply_text .reply_text_input {height:70px; width:100%;} .reply_list .reply_form .reply_submit {float:right; width:10%;} .reply_list .reply_form .reply_submit .reply_submit_btn {height:70px; width:80px;} .reply_list .reply_none {text-align:center; padding:20px 0;} /*skin*/ .reply_list .reply_page .current_page {color:#007efe;} .reply_list .reply_page li a:hover {color:#007efe;} /*우편번호 팝업 + 관리자 설정 검색 팝업*/ .zipcode_post {width:100%; margin:0; padding:0;} .zipcode_post .post_info {margin:10px; padding:0; font-size:12px; color:#dc7c00;} .zipcode_post .post_info .info_order {margin:0; padding:0; color:#dc7c00; font-weight:bold;} .zipcode_post .post_info .info_example {color:#777;} .zipcode_post .post_search ul {margin:0; padding:0; list-style:none; text-align:center;} .zipcode_post .post_search li {display:inline; margin:1px;} .zipcode_post .post_search .post_input {width:200px; border:1px solid #666; background:#f7f7f7; padding-top:3px; padding-left:3px;} .zipcode_post .post_search .post_input:focus {border:1px solid #333; background:none;} .zipcode_post .post_address {clear:both; background:#f7f7f7; margin-top:10px;} .zipcode_post .post_address ul {margin:0; padding:0; list-style:none; border-top:1px solid #aaa;} .zipcode_post .post_address li {border-bottom:1px solid #aaa; padding:5px; font-size:12px;} .zipcode_post .post_address li:hover {background:#fff;} .zipcode_post .post_address a {text-decoration:none;} .zipcode_post .post_address a:hover {font-weight:bold;} .zipcode_post .post_address .noResult1 {padding:10px 0; text-align:center; background:#fff;} .zipcode_post .post_address .noResult2 {display:none;} .zipcode_post .search_table {width:100%; margin-top:10px; border-collapse:collapse;} .zipcode_post .search_table th {border-bottom:1px solid #aaa; padding:5px 0;} .zipcode_post .search_table td {background:#f7f7f7; border-bottom:1px solid #eee; text-align:center; padding:5px 0;} .zipcode_post .search_table .Msearch_Select {display:block; width:16px; height:16px; background:url('/common/css/images/Radio_Select.gif') no-repeat; margin:0 auto;} .zipcode_post .search_table .Msearch_Select:hover {background-position:0 -20px;} .zipcode_post .search_table .Msearch_Select:active {background-position:0 -20px;} .zipcode_post .search_table .noResult1 {margin:10px 0;} .zipcode_post .search_table .noResult2 {display:none;} /*페이지권한설정 팝업 및 관리자 회원 그룹변경팝업*/ .Page_Auth {font-size:12px;} .Auth_Grouplist {list-style:none; background:#eee; padding:0; margin:0;} .Auth_Grouplist li {height:20px; margin:5px; font-size:12px; font-weight:bold; display:inline-block; *display:inline; *zoom:1;} .Auth_Help {line-height:18px;} .Auth_Table {border:1px solid #aaa; border-collapse:collapse; width:100%; margin-top:15px;} .Auth_Table caption {display:none;} .Auth_Table th {border:1px solid #aaa; background-color:#eee; padding:10px 0;} .Auth_Table td {border:1px solid #aaa; word-break:keep-all;} .Auth_Table li {margin:3px 5px;} /*회원 상세보기*/ .Member_Join #memberTabs {padding:0; margin:0;} .Member_Join #memberTabs li {font-size:12px;} .Member_Join .Mem_Photo ul {list-style:none; width:210px; float:left; margin:8px 30px 10px 0; padding:10px; border:1px solid #ccc; background:#eee;} .Member_Join .Mem_Photo li {margin-top:3px;} .Member_Join .Mem_Photo img {border:5px solid #fff;} .Member_Join .Mem_Photo .comment {display:block; clear:both;} .Member_Join .Mem_address ul {margin:0 0 10px 0; padding:0; list-style:none;} .Member_Join .Mem_address li {margin:7px 0;} .Member_Join .Mem_address .comment {display:block; clear:both;} /*포토갤러리 페이지 슬라이드형 .slideShow1 {border:1px solid red; background:#eee; position:relative; padding:10px 40px; margin-bottom:8px; clear:both; overflow:hidden;} .SLIDE_LIST {position:relative; height:420px; overflow:hidden; text-align:center; line-height:420px; background:#fff; text-align:center;} .SLIDE_LIST:after {content:""; margin-left:-0.1em; white-space: pre;} .SLIDE_LIST img {vertical-align:middle;} .slide_thumbList {list-style:none; margin:10px 0; padding:0;} .slide_thumbList li {display:inline; margin-right:5px;} .slide_thumbList li img {border:1px solid #aaa;} .slide_thumbList li a:hover img {border:1px solid #333;} /*포트폴리오페이지*/ .BOARD_SILDE1{width:790px;} .BOARD_SILDE2{width:710px;} #slideshow {margin:0 auto; position:relative;} #slideshow #slidesContainer {margin:0 auto; overflow:auto; position:relative;} #slideshow #slidesContainer .slide {margin-top:10px;} .control {display:block; width:29px; height:400px; text-indent:-10000px; position:absolute; cursor:pointer;} .ThumbList { clear:both; list-style:none; } .ThumbList .control2 { float:left; padding:0 10px; } /* #leftControl {top:0; left:0; background:transparent url(/images/control_left.jpg) no-repeat 0 0;} #rightControl {top:0; right:0; background:transparent url(/images/control_right.jpg) no-repeat 0 0;} */ #leftControl {top:0; left:0; background:transparent url(/images/skin/slide_arrow.gif) no-repeat -29px center;} #rightControl {top:0; right:0; background:transparent url(/images/skin/slide_arrow.gif) no-repeat 0 center;} .portfolio1 {position:relative;} .portfolio1 .portfolio_write {text-align:right; margin-bottom:5px;} .portfolio1 .portfolio_edit { float:left; padding-bottom:10px; text-align:center; margin-left:180px;} .portfolio1 .bbs_page {background:#eee; border-top:1px solid #aaa; border-bottom:1px solid #aaa; margin:10px 0; !important;} .portfolio1 .bbs_page img {border:1px solid #aaa; margin:5px 0 } .portfolio1 .bbs_page img:hover {border:1px solid #666;} .SLIDE_LIST { width:100%; float:left; } .SLIDE_LIST dl { width:55%; float:left; display:block; margin:0; padding:0 0 0 20px;} .SLIDE_LIST dt {display:block; float:left; font-weight:bold; padding:3px 0; margin-right:10px; border-bottom:1px solid #aaa; } .SLIDE_LIST dd { float:left; display:block; margin:5px 15px 15px 0px; word-wrap:break-word; color:#666;} .SLIDE_LIST dd a {color:#0b4ad9; text-decoration:none;} .SLIDE_LIST .portfolio_img { float:left; margin-right:5px; border-right:0; } .SLIDE_LIST .portfolio_img img {border:5px solid #fff;} .SLIDE_LIST .portfolio_img img:hover {border-color:#999;} .SLIDE_LIST .info2 {float:left; padding-top:5px;} .SLIDE_LIST .info2 dd {width:90%; display:block; padding:5px; height:80px; overflow:scroll; overflow-x:auto; border:1px solid #aaa;} .slide2 dl {display:block; margin:0; padding:0; border-bottom:1px solid #aaa; } .slide2 dt {font-weight:bold; padding:3px 0;} .slide2 dd {margin:5px 0 15px 0px; word-wrap:break-word; color:#666;} .slide2 dd a {color:#0b4ad9; text-decoration:none;} .slide2 .portfolio_img {float:left; padding-right:10px; margin-right:5px; background:#fff; } .slide2 .portfolio_img img {border:2px solid #aaa;} .slide2 .portfolio_img img:hover {border:2px solid #666;} .slide2 .info2 {clear:both; padding-top:5px;} .slide2 .info2 dd {display:block; padding:5px; height:80px; overflow:scroll; overflow-x:auto; border:1px solid #aaa;} .portfolio_order {background:#eee; padding:1px 0 10px 0; border:1px solid #aaa; } .portfolio_order li {border:solid #aaa; margin:3px; float:left; width:60px;height:50px; background:#fff; cursor:move; list-style:none; } .portfolio_order li:hover {border:solid #666;} .portfolio_save {clear:both;text-align:center; padding-top:10px;} /*회원가입유형선택*/ .join_select .join_select_text {height:60px; margin:40px 0 0 10px;} .join_select .join_select_body ul {margin:0; padding:0;} .join_select .join_select_body li {display:block; float:left; margin:5px;} /* .join_select .join_select_text {height:60px; margin:40px 0 0 10px; background:url('/common/css/images/join_select_txt.gif') no-repeat;} .join_select .join_select_body a {text-decoration:none; display:block; width:157px; height:40px; font-weight:bold; color:#fff; padding:20px 0 0 30px; background:url('/common/css/images/join_select_btn.gif') no-repeat;} .join_select .join_select_body .TYPE1 {background-position:0 0;} .join_select .join_select_body .TYPE1:hover {background-position:-187px 0;} .join_select .join_select_body .TYPE2 {background-position:0 -60px;} .join_select .join_select_body .TYPE2:hover {background-position:-187px -60px;} .join_select .join_select_body .TYPE3 {background-position:0 -120px;} .join_select .join_select_body .TYPE3:hover {background-position:-187px -120px;} .join_select .join_select_body .TYPE4 {background-position:0 -180px;} .join_select .join_select_body .TYPE4:hover {background-position:-187px -180px;} .join_select .join_select_body a:hover {color:#000;} */ /*회원가입축하페이지*/ /*.join_done {height:385px; width:95%; margin:20px auto; background:url('/common/css/images/common/join_done.jpg'); border:2px solid #ccc;}*/ .join_done {height:385px; width:95%; margin:20px auto; background:url('/common/css/images/common/join_done.gif') no-repeat 180px 30px;} .join_done .empty_margin {height:80px;} .join_done .join_done_box {height:200px; margin:0 auto; width:90%; border:1px solid #aaa; background:#eee;} .join_done .join_done_box .join_done_message {height:80px; text-align:center;} .join_done .join_done_box .join_done_message p {color:#333; line-height:25px; margin:0; padding-top:15px;} .join_done .join_done_box .join_done_btn {height:60px; text-align:center; background:#fff; margin-top:58px;} .join_done .join_done_box .join_done_btn ul {padding-top:15px; padding-right:40px; margin:0; list-style:none;} .join_done .join_done_box .join_done_btn li {display:inline; margin:10px;} /*로그인페이지 - 팝업 - */ /*.login_pop .login_title {position:relative; margin:0; padding:5px; height:20px; background:#333;}*/ .login_title h1 {font-size:14px; color:#fff; margin:0; padding:0; } .logPop {margin-bottom:20px;} .logPop:after {content:" "; display:block; clear:both;} .logPop .logPop_form {position:relative; float:left; width:350px; height:152px; margin:10px; padding:10px 0; background:#eee;} .logPop .logPop_form fieldset {border:0; padding:10px 0 0 20px; overflow:hidden; } .logPop .logPop_form legend, .login_pop .login_form dt {display:none;} .logPop .logPop_form label {letter-spacing:-1px;} .logPop .logPop_form dl {float:left; margin:0; width:230px; } .logPop .logPop_form dt { width:60px; float:left; margin-top:7px; } .logPop .logPop_form dd {padding:3px; margin:0; float:right; width:160px; } .logPop .logPop_form input { vertical-align:middle; } .logPop .logPop_form .input_id {width:140px; height:12px; padding:3px; ime-mode:disabled;} .logPop .logPop_form .input_pw {width:140px; height:12px; padding:3px;} .logPop .logPop_form p {float:left; width:100px; margin:0; font-size:12px; line-height:30px;} .logPop .logPop_form ul {list-style:none; margin-top:10px; text-align:center; } .logPop .logPop_form li {display:inline; font-size:12px; margin-right:20px;} .logPop .logPop_form li a {color:#006fbd;} .logPop .logPop_form .login_join_btn {margin:0 0 5px 10px; background:url('/common/css/images/common/login_join_btn.gif') no-repeat; width:65px; height:20px; display:inline-block; vertical-align:middle;} .logPop .logPop_info {position:relative; float:left; width:350px; padding:0 0 20px 0; margin:10px; font-size:12px; border:1px solid #aaa; height:150px;} .logPop .logPop_info ol {} .logPop .logPop_info li {margin-top:20px; line-height:20px;} /*로그인페이지*/ /*.login_pop .login_title {position:relative; margin:0; padding:5px; height:20px; background:#333;} .login_title h1 {font-size:14px; color:#fff; margin:0; padding:0; }*/ .login_pop * ,.login_pop *:AFTER ,.login_pop *:BEFORE{box-sizing: content-box;} .login_pop {margin-bottom:0; _width:90%; } .login_pop:after {content:" "; display:block; clear:both;} .login_pop .login_form { float:none; position:relative; width:583px; margin:0 auto; margin-top:100px; padding:10px 0; background:url('/common/css/images/common/bg.gif') no-repeat;} .login_pop .login_form fieldset {padding:105px 0 0 80px; border:0; } .login_pop .login_form legend, .login_pop .login_form dt {display:none;} .login_pop .login_form label { display:none; letter-spacing:-1px;} .login_pop .login_form dl {float:left; margin:0; } .login_pop .login_form dd {padding:3px;} .login_pop .login_form .input_id { border:solid 1px #c7c7c7; width:140px; height:14px; padding:3px; ime-mode:disabled;} .login_pop .login_form .input_pw { border:solid 1px #c7c7c7; width:140px; height:14px; padding:3px; _margin-top:-3px; } .login_pop .login_form p {float:left; width:100px; margin:0 0 0 8px; font-size:12px; line-height:30px;} .login_pop .login_form p .save_id2Main { display:none; } .login_pop .login_form p .inbutton3 {font-size:0; width:70px; border:0; background:url('/common/css/images/common/btn_login.gif') no-repeat;} .login_pop .login_form ul {list-style:none; margin-top:10px; text-align:none;} .login_pop .login_form ul.form_logjoin { width:180px; _width:220px; height:15px; position:absolute; top:100px; right:5px; font-size:0; line-height:0; background:url('/common/css/images/common/join_bg.gif') top left no-repeat; } .login_pop .login_form li {display:inline-block; font-size:0px; margin-right:20px;} .login_pop .login_form ul.form_logjoin li span { display:none; } /* .login_pop .login_form li.form_logidfind { width:220px; height:15px; position:absolute; top:140px; left:358px; background:url('/common/css/images/common/search_id.gif') top left no-repeat; } .login_pop .login_form li.form_logidfind a { font-size:0; line-height:0; position:absolute; top:0; right:0; width:88px; height:15px; display:inline-block; background:url('/common/css/images/common/btn_id.gif') no-repeat; } .login_pop .login_form li.form_logidfind span { display:none } .login_pop .login_form li.form_logpwfind { width:220px; height:15px; position:absolute; top:170px; left:358px; background:url('/common/css/images/common/search_pw.gif') top left no-repeat; } .login_pop .login_form li.form_logpwfind a { position:absolute; top:0; right:0; width:88px; height:15px; display:inline-block; background:url('/common/css/images/common/btn_pw.gif') no-repeat; } .login_pop .login_form li.form_logpwfind span { display:none; } .login_pop .login_form li a {color:#006fbd;} .login_pop .login_form .login_join_btn { position:absolute; top:0; right:0; margin:0; background:url('/common/css/images/common/btn_join.gif') no-repeat; width:88px; height:15px; display:inline-block; vertical-align:middle;} */ .login_pop .login_info { float:none; position:relative;font-size:12px; border:0; width:670px; height:50px; margin:0 auto; } .login_pop .login_info ol { list-style:none;} .login_pop .login_info li { color:#737373; margin-top:0px; line-height:20px;} .login_pop .login_info li a { color:#154e87; font-weight:bold; } .login_pop .login_info li br { display:none; } .login_pop .login_form ul.form_autologin label { display:block;} /* 2017.08.10 로그인화면 재 수정 - 박혜영 */ .login_pop .login_form { float:none; position:relative; width:650px; margin:7% auto 0;padding:10px 0; background-image:none; -webkit-width:650px;} .login_pop .login_form dd {padding:2px;} .login_pop .login_form .login_form_welcome{width:650px; margin:0 auto; font-size:25px; text-align:center; clear:both;} .login_pop .login_form .login_form_welcome span{font-size:16px; text-align:center; display:block} .login_pop .login_form fieldset{border-top:1px solid #2157d0; margin-top:20px; background-color:#f1f1f1; padding:20px 0 10px 0px;} .login_pop .login_form .input_id { border:solid 1px #d2d2d2; width:270px; height:18px; padding:14px; ime-mode:disabled; font-size:20px; font-weight:bold; margin-left:115px;} .login_pop .login_form .input_pw { border:solid 1px #d2d2d2; width:270px; height:18px; padding:14px; _margin-top:-3px; font-size:20px; font-weight:bold; margin-left:115px;} .login_pop .login_form p .inbutton3 {font-size:20px; color:#ffffff; text-shadow:2px 2px 2px #333; padding:38px 15%; border:0; text-align:center; font-weight:normal; background:url('/common/css/images/common/btn_login2017.png') no-repeat; margin-top:3px;} .login_pop .login_form li {display:inline-block; font-size:15px; margin-right:20px;} .login_pop .login_form li a{line-height:20px;} .login_pop .login_form ul.form_autologin{clear:both; margin:15px 0 10px 115px; padding:10px 0 0 0; width:535px;} .login_pop .login_form ul.form_autologin input{width:23px; height:23px; cursor:pointer; border:0; border-radius:0; background:0 0;} .login_pop .login_form ul.form_autologin label{padding-left:30px; color:#333333; height:26px; position:absolute; top:17px; left:0;} .login_pop .login_form ul.form_autologin li{margin:0; padding:0;} .login_pop .login_form ul{position:relative; width:650px; margin:10px auto 0; clear:both; padding:0; display:block;} .login_pop .login_form li.login_join_btn { width:300px; height:15px; border:1px solid #6389de; text-align:center; color:#2157d0; padding:9px; margin-right:5px;} .login_pop .login_form li.login_join_btn a {color:#2157d0;} .login_pop .login_form li.form_logidfind { width:300px; height:15px; position::relative;background-image:none; border:1px solid #6389de; text-align:center; color:#2157d0; padding:9px; margin-right:0px;float:right;} .login_pop .login_form li.form_logidfind a {color:#2157d0;} .login_pop .login_info {position:relative; font-size:13px; border:0; width:650px; margin:0px auto 100px; display:block;} .login_pop .login_info ol { list-style:none; padding:0; margin:40px 0 0 0;} .login_pop .login_info ol li{background:url(/common/css/images/common/bl_login_pop_login_info_li.png) 0 5px no-repeat; padding-left:20px; line-height:25px;} /* 2017. 11. 27 팝업_로그인창 재수정 - 박혜영 */ .logPop .logPop_form label{} .logPop .logPop_form{position:relative; width:365px; background:none; height:auto; float:none} .logPop .logPop_form fieldset{border-top:1px solid #2157d0; background-color:#f1f1f1; padding:20px;} .logPop .logPop_form .input_id { border:solid 1px #d2d2d2; width:235px; height:18px; padding:10px; ime-mode:disabled; font-size:20px; font-weight:bold;} .logPop .logPop_form .input_pw { border:solid 1px #d2d2d2; width:235px; height:18px; padding:10px; ime-mode:disabled; font-size:20px; font-weight:bold;} .logPop .logPop_form dt{margin-top:0; line-height:38px; padding:3px 0;} .logPop .logPop_form .form_autologin{clear:both;} .logPop .logPop_form a.inbutton3{width:100%; border:none; background-color:#2157d0; text-align:center; color:#ffffff; font-size:15px; background-image:none; padding:10px; box-sizing:border-box; height:auto;} .logPop .logPop_form ul{margin:0; padding:10px 0 10px 65px; text-align:left;} .logPop .logPop_form li{margin-right:0;} .logPop .logPop_form .form_btn{width:100%; padding:0; margin-top:20px;} .logPop .logPop_form .form_btn li a{border:1px solid #6389de; text-align:center; color:#2157d0; padding:9px; width:32.3%; display:block; float:left; box-sizing:border-box; margin-right:5px} .logPop .logPop_form .form_btn li a:hover{background-color:#333333; border:1px solid #333333; color:#ffffff;} .logPop .logPop_info{width:365px; border:none; padding:0; height:auto; float:none;} .logPop .logPop_info ol { list-style:none; padding:0; margin:40px 0 0 0;} .logPop .logPop_info ol li{background:url(/common/css/images/common/bl_login_pop_login_info_li.png) 0 5px no-repeat; padding-left:20px;} .logPop .logPop_info a.inbutton3{width:100%; border:none; background-color:#a8d1ec; text-align:center; color:#333333; font-size:13px; background-image:none; padding:5px; box-sizing:border-box; height:auto; margin-top:10px;} /*관리자 주소록 관리페이지*/ .Edit_Mbook {margin:0 auto;} .Edit_Mbook .Mbook_Top {margin-top:10px; height:30px;} .Edit_Mbook .Mbook_Table {width:100%; border-collapse:collapse;} .Edit_Mbook .Mbook_Table th {background:#eee; height:25px; border:1px solid #666;} .Edit_Mbook .Mbook_Table td {height:30px; border:1px solid #666; text-align:center;} /*문자보내기 .phone_sms h1 {display:none;} .phone_sms {position:relative; width:171px; height:327px; background:url('/common/css/images/common/phonebg.jpg') no-repeat; margin:0 auto;} .phone_sms .sms_title {height:60px;} .phone_sms .sms_body {color:#fff; font-size:12px; margin-left:19px;} .phone_sms .sms_body ul {list-style:none; margin:0; padding:0;} .phone_sms .sms_body li {margin:3px 0;} .phone_sms .sms_body .charge_sms {text-decoration:none; color:#fff000;} .phone_sms .sms_body .charge_sms:hover {text-decoration:none; color:#ffc600;} .phone_sms .sms_body textarea {width:126px; height:75px; overflow:hidden; font-size:12px;} .phone_sms .sms_body p {margin:5px 0 0 0;} .phone_sms .sms_body .sms_number {width:126px;} .phone_sms .sms_send {position:absolute; left:54px; top:289px;} */ /*이메일보내기*/ .Email_Write {width:750px; margin:0 auto; border:1px solid #aaa; border-top:none;} .Email_Write .Write_Editor {padding:5px;} /*최산화된 한글메모형*/ /*마이페이지 내비즈니스 + 한줄매모 + 덧글*/ #mypage_business {position:relative; clear:both;} #mypage_business .business_content {clear:both; position:relative; border:1px solid #666; border-top:none; margin-bottom:10px; padding-top:20px;} #mypage_business .TAB_CONTENT li a {color:#333;} /*for ie6*/ .bbs_reply {background:#f6f6f6;} .bbs_reply .comment_content {border:0; overflow:} .comment_content {clear:both; width:95%; float:left; position:relative; font-size:12px; border:1px solid #aaa; padding-bottom:10px; word-wrap:break-word;} .business_content .comment_content {border:0;} /*마이페이지 내비즈니스정보 문의내역*/ .comment_content .content_count {padding:10px;} .comment_content .content_icon {padding-top:5px; line-height:25px; height:25px;} .comment_content .icon1 {margin:0; list-style:none; padding-left:30px; height:18px; float:right;} .comment_content .icon1 li {float:left; color:#666; line-height:18px; height:18px; margin-right:15px;} .comment_content .icon1 li span {float:left; display:block; background:url('/common/css/images/icon1.gif') no-repeat; margin-right:2px;} .comment_content .icon1 .list_date {display:inline; font-size:12px; color:#999;} .comment_content .icon1 .icon1_reply {width:16px; height:16px; background-position:-89px 0;} .comment_content .icon1 .icon1_edit {width:16px; height:16px; background-position:-105px 0;} .comment_content .icon1 .icon1_delete {width:14px; height:16px; background-position:-75px 0;} .comment_content .icon1 .icon1_message {width:17px; height:16px; background-position:-45px 0;} .comment_content .icon1 .icon1_sms {width:11px; height:16px; background-position:-33px 0;} .comment_content .icon1 .icon1_mail {width:18px; height:16px; background-position:-15px 0;} .comment_content .icon1 .icon1_secret {width:12px; height:16px; background-position:-63px 0;} .comment_content .content_write {position:relative; padding:15px 0 15px 15px;} .comment_content .secret_check {clear:both;} .comment_content .content_modify {height:95px; } .comment_content .list_rewrite {height:100px; position:relative; padding:0 0 15px 30px; background:url('/common/css/images/replybg.gif') 0 10px no-repeat; margin-left:20px;} .comment_content .write_text { float:left;height:82px; width:83%; border:1px solid #666; vertical-align:top; overflow-x:auto; font-size:12px; margin-right:3px; padding:0 5px; line-height:20px; color:#333;} .comment_content .write_text:focus { border:1px solid #ff8400;} .comment_content .reply_btn {float:left; width:75px; height:85px; border:1px solid; background:url('/common/css/images/reply_btn.gif') no-repeat; font-size:12px;} .comment_content .content_list {position:relative; clear:both; padding:0 15px; width:100%} .comment_content .content_list .icon1 {padding:0; float:left; position:relative;} .comment_content .content_list dl {clear:both; margin:0; border-top:1px solid #ddd; padding:15px; color:#333; width:97%} .comment_content .content_list dt {font-weight:bold; height:20px;} .comment_content .content_list dd {margin:5px 0; line-height:20px;} /* .person_pic_icon {display:none; z-index:99999999; width:150px; height:150px; position:absolute; top:20px; left:20px;} */ .comment_content .content_list textarea {float:left; height:82px; width:85%; border:1px solid #666; vertical-align:top; overflow-x:auto; margin-right:5px; margin-bottom:10px; padding:0 5px; line-height:20px; color:#333;} .comment_content .content_list .list_reply {border-top:1px dashed #ccc; padding:10px 0 0 30px; background:url('/common/css/images/replybg.gif') 0 10px no-repeat; margin:0 20px;} .comment_content .reply_none {text-align:center; margin:20px;} .comment_content .recommentview {font-weight:bold;font-size:12px;margin-left:10px;color:#0d6c84;} .replayCommentc{ background-color:#f1f1f1; margin-bottom:20px; margin-left:20px; padding:0px 0 15px 0;} .bottom_search {position:relative; text-align:center;} .bottom_search ul {margin:0; list-style:none;} .bottom_search li {display:inline;} .bottom_search .search_input {border:1px solid #666; padding:4px 0 0 4px; width:330px; height:20px;vertical-align:top; font-size:14px; font-weight:bold;} .bottom_search .search_input:focus {border-color:#ff8400;} .bottom_search .search_btn {margin-left:3px; width:63px; height:27px; background:url('/common/css/images/MP_btn.gif') -63px -16px no-repeat; border:none; font-size:12px; text-align:right;} /*메일보내기 + 쪽지보내기*/ .send_top {position:relative;} .send_top dl {margin:0; padding-bottom:10px; height:20px; border-bottom:1px solid #aaa;} .send_top dt {display:inline; font-size:14px; font-weight:bold;} .send_top dd {display:inline; margin:0 0 0 10px;} .send_top select {font-size:12px; border:1px solid #666; padding:1px;} .send_body {position:relative; word-break:break-all;} .send_body dl {padding:0; margin:0; border-top:1px solid #aaa;} .send_body dt {display:inline; font-size:12px; font-weight:bold;} .send_body dd {display:inline; margin-left:20px; font-size:12px;} .send_body .intitle {font-size:14px; height:14px; padding:2px; border:1px solid #333; width:88%;} .send_body .body_write {position:relative; width:150px; float:left; margin-left:120px;} .send_body .body_write input { margin-bottom:10px;} .send_body .body_write p {margin:0 20px 5px 0; text-align:right; font-weight:bold;} .send_body .body_write .write_screen {width:130px; height:150px; border:1px solid #333; background:#d4f5f8; padding:5px; line-height:18px; font-size:14px;} .send_body .body_mwrite {position:relative; border:1px solid #333; padding:3px; width:98%; line-height:20px; min-height:200px} .send_body .body_sendbtn {text-align:center; margin:5px;} .send_body .body_sendbtn .sendbtn_done {background:url('images/choice_btn.gif') no-repeat; width:58px; height:22px; border:none;} .send_body .body_infobtn {position:relative; width:180px; float:left; padding-left:7px; margin-top:28px;} //.send_body .body_infobtn .infobtn_smsbtn {height:40px;} .send_body .body_infobtn .infobtn_smsbtn ul {list-style:none; margin:0; padding:0;} .send_body .body_infobtn .infobtn_smsbtn li {float:left; margin:0 3px;} .send_body .body_infobtn .infobtn_smsbtn .smsbtn {display:block; width:120px; height:26px; line-height:26px; background-color:#ff6347; color:#ffffff; text-align:center; text-decoration:none;} .send_body .body_infobtn .infobtn_info {height:66px;} .send_body .body_infobtn .infobtn_info ul {list-style:none; margin:0; padding:0;} .send_body .body_infobtn .infobtn_info li {clear:both; height:20px;} .send_body .body_infobtn .infobtn_info li dl {margin:0; padding:0; line-height:22px;} .send_body .body_infobtn .infobtn_info li dt {margin:0; padding-left:10px; float:left;} .send_body .body_infobtn .infobtn_info li dd {margin:0; padding-right:10px; float:right;} .send_body .body_infobtn .infobtn_cashbtn {text-align:right; margin-top:15px;} .send_body .body_infobtn .infobtn_cashbtn ul {list-style:none; margin:0; padding:0;} .send_body .body_infobtn .infobtn_cashbtn li {height:30px; float:left} .send_body .body_infobtn .infobtn_cashbtn .cashbtn {display:block; width:78px; padding:5px; margin-left:2px; line-height:20px; text-align:center; color:#ffffff; text-decoration:none; background-color:#2157d0} .send_bottom {position:relative; clear:both; padding-top:10px;} .send_bottom input {} .send_bottom div {padding-bottom:5px;} .send_bottom p {margin:5px 0;} .send_bottom select { } #mypage_msg .send_body dl {border-top:0;} #mypage_msg .send_body .body_mwrite {font-size:12px;} /*비즈니스공통탭*/ .user_tab {position:relative; height:30px;} .user_tab ul {height:25px; border-bottom:1px solid #ccc;} .user_tab li {margin-right:2px;} .user_tab .tab_right {float:right;} .user_tab .recordbtn {vertical-align:bottom; float:right; height:20px; line-height:20px; border:1px solid #999; color:#666; font-size:12px; padding:0 4px; margin-left:5px; background:url('/common/css/images/MP_bg.gif') 0 0; cursor:pointer;} .user_tab a {text-decoration:none; color:#fff; font-weight:bold; background:#ccc; padding:0 20px; border-top:1px solid #eee; display:block; height:24px; line-height:24px;} .user_tab a:hover, .user_tab .ON {background:url('/common/css/images/common/tab_bg.gif') repeat-x; border-color:#dde5ff; height:24px;} /*회원목록 디자인결정*/ .mListDedign_tab {position:relative;margin-left:20px;height:20px;} .mListDedign_tab ul {height:20px;} .mListDedign_tab li {margin-right:2px;width:60px;} .mListDedign_tab a {text-decoration:none; color:#fff; font-weight:bold; background:#ccc; padding:0 10px; border-top:1px solid #eee; display:block; height:24px; line-height:24px;} .mListDedign_tab a:hover, .mListDedign_tab .ON {background:url('/common/css/images/common/tab_bg.gif') repeat-x; border-color:#dde5ff; height:24px;} /*상단 '추천, 책갈피등록, 인쇄, 주소복사' 버튼*/ .bbs_subtop_btn {float:right; margin-bottom:5px;} .bbs_subtop_btn li {color:#777;} .bbs_subtop_btn .subtop_btn1 {display:block; float:left; margin-left:5px; background:#fff; text-decoration:none; border:1px solid #888888; padding:2px; color:#888888;} /*상세보기*/ .bbs_content {position:relative; clear:both;} .bbs_content:after {content:""; display:block; clear:both;} /*비즈니스 - 목록*/ .business_list a {text-decoration:none;} /*비즈니스 - 상세정보*/ .business_info {position:relative; border:1px solid #ccc; font-size:12px;} .business_info h3 {margin:0; background:#eee url('/common/css/images/common/business_title.gif') 10px 0 no-repeat; height:35px; margin-bottom:2px;} .business_info .b_info_title2 {background-position:10px -35px;} .business_info .b_info_title3 {background-position:10px -70px;} .business_info h3 span {display:none;} .business_info .b_info_go {list-style:none; margin:0; padding:10px 10px 0 0; text-align:right;} .business_info .b_info_go li {list-style:none; display:inline-block; *display:inline; zoom:1; margin-left:10px;} .business_info .b_info_go li a {background:url('/common/css/images/common/business_arrow.gif') no-repeat; padding-left:10px; font-size:11px; font-weight:normal; color:#666; text-decoration:none;} .business_info .b_info_go li a:hover {color:#999;} .business_info .b_info_company {position:relative; border-top:2px solid #eee; padding:0 10px; margin-bottom:20px;} .b_info_company .company_title {height:35px; line-height:35px; margin:0; font-weight:bold; color:#3685aa;} .b_info_company .company_userimg {float:left; width:160px; height:190px; line-height:25px; background:#fff;} .b_info_company .company_userimg img {width:140px; height:150px; border:1px solid#ccc;} .b_info_company .company_info {list-style:none; margin:0; padding:0;} .b_info_company .company_info li {list-style:none; height:20px; padding-top:10px; border-bottom:1px solid #ccc;} .b_info_company .company_info dl {list-style:none; margin:0; padding:0; } .b_info_company .company_info dt {list-style:none; margin:0; padding:0; width:70px; height:20px; font-weight:bold; display:inline-block; *display:inline; zoom:1; border-right:1px solid #ccc;} .b_info_company .company_info dd {list-style:none; margin:0; padding:0 0 0 10px; display:inline-block; *display:inline; zoom:1;} .b_info_company .company_infoimg {clear:both;} .b_info_company .company_infoimg ul {list-style:none; margin:0; padding:0;} .b_info_company .company_infoimg li {list-style:none; padding:5px 0; text-align:center; display:inline-block; *display:inline; zoom:1; } .b_info_company .company_infoimg li img {width:100%;} .business_info .b_info_detail {position:relative; border-top:2px solid #eee; padding:10px 10px; margin-bottom:10px;} .business_content {position:relative;} .info_image {width:310px; height:260px; background:#fff; border:1px solid #aaa;} .info_image img:hover {border-color:#aaa;} .info_image img {width:300px; height:250px; border:5px solid #fff;} .info_content {width:430px; margin:0 0 10px 0;} .info_content .business_title {border-top:1px solid #aaa; border-bottom:1px solid #aaa; background:#eee; font-weight:bold; color:#333; line-height:20px; padding:5px 15px;} .info_content dl {clear:both; line-height:20px;} .info_content dl dt {font-weight:bold; width:80px; padding:20px 0 0 10px;} .info_content dl dd {padding-left:10px; width:300px; padding:20px 0 0 10px;} /**********************통합검색**************************/ .search_total {position:relative;} .search_total .total_top {position:relative;} .total_top .top_byday {padding:0px; min-height:25px; _height:25px; margin-bottom:10px;} .total_top .top_byday:after {content:""; display:block; clear:both;} .total_top .top_byday li {margin:2px;} .total_body {position:relative; clear:both;} .tsearch_result {border-bottom:2px solid #666;position:relative; margin:10px 0 3px 0; height:17px;} .tsearch_img img {width:100px; height:110px; border:2px solid #999;} .tsearch_img img:hover {width:100px; height:110px; border:2px solid #333;} .tsearch_title {margin-left:10px; width:60%;} .tsearch_title .title_text {float:left; width:100%;} .tsearch_con {padding:10px 0 0 10px; width:80%;} .tsearch_con a {color:#333;} .tsearch_con a:hover {color:#666;} .tsearch_title a:hover {color:#389cf2;} /*설문형게시판, 사용자행사일정, 사용자산하모임리스트*/ .w250{width:250px;} .txt_red{color:#ff0000;font-weight:bold;} .txt_red_2{color:#ac0000;font-weight:bold;} .txt_blue{color:#5471cb;} .txt_c{text-align:center;} .img_border{border: 1px solid #efefef;padding:2px;} .input_txt{border:2px solid #aaa; height:18px; vertical-align:middle; padding:4px 0 0 4px; font-size:14px;} .mt10{margin-top:10px;} .cont_title{position:relative;height:43px;border-bottom:1px solid #b7c4f0;padding:6px 10px 0 10px;color:#989898;} .cont_title p{position:absolute;right:10px;bottom:5px;} /*서브 메뉴얼*/ .sub_manual {position:absolute; top:-10px; right:0;} /*사용자산하모임리스트*/ .moim_list {position:relative; font-size:12px; padding-top:5px;} .moim_list .list_topsearch {height:50px;} .moim_name .ico_moim {display:block; width:15px; height:15px; float:left; background:url('/common/css/images/common/icon_moimtype.gif') no-repeat; margin-right:2px;} .moim_name.moim_typeC .ico_moim {} .moim_name.moim_typeH .ico_moim {background-position:-15px 0;} .moim_name.moim_typeL .ico_moim {background-position:-30px 0} .moim_name.moim_typeB .ico_moim {background-position:-45px 0} .moim_cutinfo {overflow:hidden;} .moim_cutinfo li {position:relative; list-style:none; float:right; display:block; padding:0 30px 3px 25px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .moim_cutinfo .ico_mcount {background:url('/common/css/images/common/mcount_bg.gif') no-repeat; width:50px;} .moim_cutinfo .ico_mclassify {background:url('/common/css/images/common/mclassify_bg.gif') no-repeat; width:100px; padding:0 30px 3px 20px;} .moim_cutinfo .ico_mmaster {background:url('/common/css/images/common/mmaster_bg.gif') no-repeat; width:130px; } .moim_list_info {position:relative; height:20px;} .moim_list_info .info_icon li {margin-left:20px; line-height:16px;} .moim_list_category {position:relative; clear:both; margin-bottom:10px; *zoom:1;} .moim_list_category:after {content:""; display:block; clear:both;} .moim_list_category .imgbox {display:block; width:5px; height:5px; float:left; background:#666; margin:4px;} .moim_list_category h3 {margin:0; border-top:1px solid #aaa; height:23px; background:url('/common/css/images/common/bg_line1.gif') repeat-x; line-height:23px; font-size:12px; color:#666;} .moim_list_category li {height:20px; line-height:16px; margin:5px 10px;} .moim_list_category li a {text-decoration:none; color:#333; font-weight:bold; word-break:keep-all;} .moim_list_category li a:hover {color:#666;} .moim_list_table th {border-left:0; border-right:0;} .moim_list_table td {border-left:0; border-right:0; border-bottom:none; border-top:none;} .moim_list_table {margin-bottom:20px; border:1px solid #aaa} .moim_list_table .moim_list_bottom {background:#fafafa; border-bottom:1px solid #aaa; color:#666; padding:10px 5px;} .moim_list_name {text-decoration:none; font-weight:bold; color:#006ecc;} .moim_list_name:hover {color:#289cff;} /*02.html*/ .title_write{margin-top:5px;height:18px;background:url(/common/css/images/common/bg_line_2.gif) repeat-x top center !important;color:#ffffff;font-weight:bold;padding-top:8px;padding-left:12px;} .cont_write{border:1px solid #dedede;margin-top:5px;margin-bottom:10px;padding:20px 28px 20px 28px;} .tb_list_02{width:100%;border:0;border-collapse: collapse;margin-bottom:30px;} .tb_list_02 thead th{padding:8px 0 5px 0;background-color:#f3f3f3;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0} .tb_list_02 tbody td{padding:8px 0 5px 0;line-height:130%;} .tb_list_02 img{vertical-align: middle;} /*03.html*/ .sch_select_1{width:120px;background-color:#f1f1f1;color:#aeaeae;border:1px solid #d5d5d5;padding:3px 0;} .sch_select_2{width:120px;color:#aeaeae;border:1px solid #d5d5d5;padding:3px 0;} .cont_sch{margin-top:5px;color:#757474;height:137px;border:1px solid #dedede;padding-top:25px;margin-bottom:10px;} .cont_sch .cont_sch_p{margin-top:5px;margin-bottom:10px;padding-left:20px;} .cont_sch img{vertical-align: middle;} .sch_btm{height:77px;background-color:#f1f1f1;margin:0} .sch_btm_1{width:160px;padding:20px 10px 0 10px;float:left;margin-right:14px;} .sch_top{color:#9c9c9c;height:24px;padding-top:10px;} .tb_list_01{width:100%;border:0;border-collapse: collapse;margin-bottom:30px; border-bottom:1px solid #cbcbcb} .tb_list_01 a {text-decoration:none;} .tb_list_01 a:hover {text-decoration:underline;} .tb_list_01 thead th{padding:12px 0 10px 0;background-color:#f3f3f3;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0} .tb_list_01 tbody td{border-bottom:1px solid #cbcbcb;padding:8px 10px 5px 10px;line-height:130%;} .tb_div{margin-top:5px;width:100%;height:90px;} .tb_p_250{float:left;width:300px;margin-left:10px;margin-top:5px; color:#333;} .tb_p{margin-top:5px;} /* 04.html */ .cont_top{color:#9c9c9c;height:27px;border-bottom:1px solid #cbcbcb;padding-top:10px;padding-left:20px;} .cont_top select{background-color:#f1f1f1;color:#555555;border:1px solid #d5d5d5;padding:3px 0;font-weight:bold;} .cont_top img{vertical-align: middle;margin-right:10px;} .cont_top .R{margin-top:3px;border:1px solid #ffffff;} .tb_dairy{width:100%;border:0;border-collapse: collapse;margin-bottom:30px;} .tb_dairy thead th{padding:12px 0 10px 0;background-color:#f3f3f3;border:1px solid #e0e0e0} .tb_dairy tbody td{height:90px;border:1px solid #e0e0e0;text-align:left;padding:5px;} .sun{color:#ff0000;} .sat{color:#6b8fff;} .td_01{background-color:#fffae5;font-weight:bold;} .td_02{background-color:#f1f1f1;} .td_03{background-color:#e4ebf6;} .td_04{background-color:#f8eaea;} .tb_dairy_p{color:#909090;margin-top:18px;} /* UI Object */ .paginate{padding:15px 0;text-align:center} .paginate a,.paginate strong{display:inline-block;_position:relative;margin-left:-7px;padding:3px 8px 1px 7px;border-right:1px solid #ccc;border-left:1px solid #ccc;background:#fff;color:#313031; font-size:12px;font-weight:bold;line-height:normal;text-decoration:none} .paginate strong{color:#fe0000 !important} .paginate a:hover{background:#f7f7f7} .paginate a.pre{padding:3px 8px 1px 16px;border:none;background:url(/common/css/images/common/bu_pg1_l1.gif) no-repeat 1px 4px !important;font-weight:normal} .paginate a.next{padding:3px 16px 1px 8px;border:none;background:url(/common/css/images/common/bu_pg1_r1.gif) no-repeat 37px 4px !important;font-weight:normal} /* //UI Object */ /*인맥관리 - 상세보기*/ #mypage_detail {position:relative; clear:both;} #mypage_detail .detail_content {border:1px solid #999; padding-top:1px;} #mypage_detail .detail_content .content_table {margin-bottom:0; border-top:2px solid #2157d0; border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8;} #mypage_detail .detail_content .content_table th {color:#666; font-weight:bold; padding:5px 10px;} #mypage_detail .detail_content .content_table td {width:85%;} #mypage_detail .detail_content .content_table .mypic .mypic_img {width:110px; height:120px; border:1px solid #666;} .content_table {width:99%; margin:0 auto; border-bottom:1px solid #ccc; margin-bottom:20px; padding-top:20px; background:#fff; border-collapse:collapse;} .content_table input {} .content_table select {height:23px; border:1px solid #666; padding:2px; font-size:12px; vertical-align:middle;} .content_table select:focus {border-color:#ff8400;} .content_table caption {display:none;} .content_table th {border-top:1px solid #fff; border-bottom:1px solid #ccc; background:#f6f6f6; vertical-align:top; padding:6px 0 0 20px; font-weight:normal; text-align:left; line-height:20px;} .content_table td {border-top:1px solid #fff; border-bottom:1px solid #ccc; padding:5px; line-height:25px;} .content_table td div {margin:3px 0;} .content_table p {margin:0;} .content_table select {font-size:12px;} .content_table .mypic {margin:0; padding:0; list-style:none; overflow:auto; } .content_table .mypic li {display:inline; } .content_table .mypic li.DN {display:none; } .content_table .mypic dl {margin:0; padding:0; float:left; margin-right:10%;} .content_table .mypic dt {line-height:10px; margin-top:5px;} .content_table .mypic dd {margin:5px 0 0 0; padding:0;} .content_table .mypic .mypic_img {width:150px; height:160px; border:1px solid #666;} .content_table .memo {width:95%; height:100px; border:1px solid #666; padding:2px;} .content_table .memo:focus {border-color:#ff8400;} .myinfo_inputhelp {color:#666; padding-left:8px;} .myinfo_input {height:12px; border:1px solid #666; padding:4px 2px; font-size:12px;} .myinfo_input:focus {border-color:#ff8400;} .myinfo_input.short {width:50px;} .myinfo_input.long {width:200px;} .myinfo_input.inEng {ime-mode:inactive;} .myinfo_input.inKor {ime-mode:active;} .myinfo_input.inDis {ime-mode:disabled;} .myinfo_input.taginfo {width:360px;} .myinfo_input.tagname {width:130px;} /*인증*/ #mypage_detail .mjoin_confirmbtn {margin-top:10px; text-align:center;} //.mjoin_confirm_popmsg {height:120px; background:url('/common/css/images/popup/mconfirm_popmsg.gif') center 0 no-repeat;} /*마이페이지 내정보변경 + 회원가입신청서*/ .mypage_myinfo {position:relative; clear:both;} .mypage_myinfo .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #333;} .mypage_myinfo .recordbtn {vertical-align:bottom; float:right; height:20px; line-height:20px; border:1px solid #999; color:#666; font-size:12px; padding:0 4px; margin-left:5px; background:url('/common/css/images/MP_bg.gif') 0 0; cursor:pointer;} .mypage_myinfo .myinfo_content {clear:both; position:relative; border:1px solid #666; border-top:none; margin-bottom:10px; padding-top:20px; font-size:12px;} .mRegForm .mypage_myinfo .myinfo_content {border:1px solid #ff8400;} .mypage_myinfo br {margin:2px;} .mypage_myinfo .myinfo_content .content_info {margin:0; padding:10px 0 20px 25px; line-height:20px; color:#666;} .mypage_myinfo .myinfo_content .content_pwcheck {border-bottom:1px solid #ddd; height:35px; padding-bottom:15px;} .mypage_myinfo .myinfo_content .content_pwchange {height:100px; font-size:12px;} .mypage_myinfo .myinfo_content .content_table th { width:15%; } .mypage_myinfo .myinfo_content .pwchange {margin:0; padding-left:25px;} .mypage_myinfo .myinfo_content .pwchange dt {margin:15px 0 0 0; padding:0; float:left; clear:both; width:20%; line-height:25px;} .mypage_myinfo .myinfo_content .pwchange dd {margin:15px 0 0 0; padding:0; float:left; line-height:25px;} /*비밀번호찾기*/ .idpwfind {width:100%; text-align:center;} .idpwfind_how {height:80px;margin-top:20px;} .idpwfind_how ul {list-style:none; margin:0; padding:0; width:240px; margin:0 auto;} .idpwfind_how li {padding:0 20px; float:left;} .idpwfind_how .idpwfind_next {padding:0 20px; border-left:1px solid #d8d8d8;} .idpwfind_how .find_id {display:block; width:76px; height:63px; background:url('/common/css/images/common/mypageimg.png') no-repeat;} .idpwfind_how .find_id:hover, .idpwfind_how .find_id_on{display:block; width:76px; height:63px; background:url('/common/css/images/common/mypageimg.png') 0 -63px no-repeat;} .idpwfind_how .find_pw {display:block; width:76px; height:63px; background:url('/common/css/images/common/mypageimg.png') -76px 0 no-repeat;} .idpwfind_how .find_pw:hover, .idpwfind_how .find_pw_on {display:block; width:76px; height:63px; background:url('/common/css/images/common/mypageimg.png') -76px -63px no-repeat;} .idpwfind_form {width:90%; padding:30px 0; margin:auto; border:2px solid #979797; background:#fff;} .idpwfind_form .idpwfind_select {width:95%; margin:0 auto 20px auto; padding-bottom:10px; border-bottom:1px solid #a1a1a1;} .idpwfind_form .idpwfind_select .select_title {display:inline-block; width:49px; height:14px; background:url('/common/css/images/common/mypageimg.png') 0 -126px no-repeat; margin-right:10px;} .idpwfind_form .idpwfind_select ul {list-style:none; margin:0 auto; padding:0; width:370px; height:20px;} .idpwfind_form .idpwfind_select li {float:left; padding:0px; margin-right:10px;} .idpwfind_form .idpwfind_check ul {margin:0 auto; width:400px; list-style:none; text-align:left;} .idpwfind_form .idpwfind_check .email_form {width:400px;} .idpwfind_form .idpwfind_check li {min-height:40px;} .idpwfind_form .idpwfind_check .name_title {display:inline-block; margin:0 20px 0 25px; width:23px; height:14px; background:url('/common/css/images/common/mypageimg.png') -54px -125px no-repeat;} .idpwfind_form .idpwfind_check .email_title {display:inline-block; margin:0 20px 0 11px; width:37px; height:14px; background:url('/common/css/images/common/mypageimg.png') -83px -125px no-repeat;} .idpwfind_form .idpwfind_check .emailat {display:inline-block; margin:0 0 2px 0; width:14px; height:14px; background:url('/common/css/images/common/mypageimg.png') -138px -125px no-repeat; vertical-align:bottom;} .idpwfind_form .idpwfind_check .cell_title {display:inline-block; margin:0 20px 0 11px; width:37px; height:14px; background:url('/common/css/images/common/mypageimg.png') 0 -140px no-repeat;} .idpwfind_form .idpwfind_check .phone_title {display:inline-block; margin:0 20px 0 0px; width:48px; height:14px; background:url('/common/css/images/common/mypageimg.png') -42px -140px no-repeat;} .idpwfind_form .idpwfind_check .id_title {display:inline-block; margin:0 20px 0 11px; width:37px; height:14px; background:url('/common/css/images/common/mypageimg.png') -95px -140px no-repeat;} .idpwfind_form .idpwfind_check input {border:1px solid #999999; vertical-align:top; font-size:12px; padding:3px 0 0 2px;} .idpwfind_form .idpwfind_check input:focus {border:1px solid #333333;} .idpwfind_form .idpwfind_check .name_input {width:208px; ime-mode:active; height:16px; padding:7px;} .idpwfind_form .idpwfind_check .email_input {width:85px; ime-mode:disabled; height:16px; padding:7px;} .idpwfind_form .idpwfind_check .phone_input {width:40px; ime-mode:disabled; height:16px; padding:7px;} .idpwfind_form .idpwfind_check .id_input {width:208px; ime-mode:inactive; height:16px; padding:7px;} .idpwfind_form .idpwfind_btn {width:82px; height:23px; border:0; background:url('/common/css/images/common/mypageimg.png') 0 -157px no-repeat;} /* 추가 및 재선언 2017.08.30 박혜영*/ .idpwfind_form{font-size:15px;} .idpwfind_form .idpwfind_select ul label{vertical-align:top;} .idpwfind_form .idpwfind_check select{padding:7px; border:1px solid #999999; vertical-align:top;} .idpwfind_form .idpwfind_btn{background-image:none; background-color:#ff6000; color:#ffffff; padding:9px; width:225px; height:40px; margin-top:10px; margin-left:5px; font-size:15px;} .idpwfind_form .idpwfind_btn2{background-image:none; background-color:#0e56b7; color:#ffffff; padding:9px; width:220px; height:40px; margin-top:10px; margin-left:5px; font-size:15px; border:0;} .idpwfind_form .idpwfind_check .name_title {display:inline-block; margin:9px 10px 0 7px; width:50px; height:17px; background:url('/common/css/images/common/img_idpwfind.png') 0px 0px no-repeat;} .idpwfind_form .idpwfind_check .cell_title {display:inline-block; margin:9px 10px 0 7px; width:50px; height:17px; background:url('/common/css/images/common/img_idpwfind.png') 0px -17px no-repeat;} .idpwfind_form .idpwfind_check .id_title {display:inline-block; margin:9px 10px 0 7px; width:50px; height:17px; background:url('/common/css/images/common/img_idpwfind.png') 0px -33px no-repeat;} .idpwfind_form .idpwfind_check .email_title {display:inline-block; margin:9px 10px 0 7px; width:50px; height:17px; background:url('/common/css/images/common/img_idpwfind.png') 0px -50px no-repeat;} .idpwfind_form .idpwfind_check .emailat {display:inline-block; margin:0 0 10px 0; width:14px; height:14px; background:url('/common/css/images/common/mypageimg.png') -138px -125px no-repeat; vertical-align:bottom;} /* 추가 및 재선언 2018.01.09 박혜영*/ .idpwfind_how{margin-top:50px; height:auto;} .idpwfind_how ul {list-style:none; margin:0; padding:0; width:90%; margin:0 auto; overflow:hidden;} .idpwfind_how li {padding:0; float:left; width:33.3%; box-sizing:border-box; font-size:18PX;} .idpwfind_how .idpwfind_next {padding:0; border-left:none; box-sizing:border-box;} .idpwfind_how .find_id, .idpwfind_how .find_pw, .idpwfind_how .find_join{display:block; width:100%; box-sizing:border-box; padding:15PX 0 20px 0; height:auto; background-image:none; text-align:center; background-color:#7c7c7c; color:#ffffff;} .idpwfind_how .find_id:hover, .idpwfind_how .find_id_on, .idpwfind_how .find_pw:hover, .idpwfind_how .find_pw_on, .idpwfind_how .find_join_on{display:block; width:100%; box-sizing:border-box; padding:15PX 0 20px 0; height:auto;background:#0e56b7 url('/common/css/images/common/img_idpwfind_ON.png') bottom center no-repeat; text-align:center; color:#ffffff;} .idpwfind_form{width:89.4%; border-top:none;} .idpwfind_form .idpwfind_check ul{width:401px;} .idpwfind_how .find_id:hover, .idpwfind_how .find_pw:hover, .idpwfind_how .find_join:hover{background-color:#397fdd; background-image:none;} .idpwfind_how .find_id, .idpwfind_how .find_id_on{border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8;} .idpwfind_form .pw_reset>p{color:#0e56b7 ; font-size:20px; border-bottom:1px solid #a1a1a1; padding-bottom:10px; width:95%; margin:20px auto; line-height:130%;} .idpwfind_form .pw_reset ul {margin:0 auto; width:480px; list-style:none; text-align:left;} .idpwfind_form .pw_reset li {height:40px;} .idpwfind_form .pw_reset span{width:100px; font-weight:bold;} .idpwfind_form span.pin_check a{background-color:#40b2d8; color:#ffffff; text-align:center; padding:8px 5px; height:16px; cursor:pointer; font-size:13px; display:inline-block; vertical-align:super; letter-spacing:-1px;} .idpwfind_form span.pin_check2{width:401px; display:block; padding-top:5px;} .idpwfind_form span.pin_check2 a{background-color:#40b2d8; color:#ffffff; text-align:center; padding:8px 5px; height:13px; cursor:pointer; font-size:13px; width:209px; margin-left:70px;display:block; letter-spacing:-1px;} .idpwfind_form .pw_reset .pin_title{margin:9px 38px 0 7px} .idpwfind_form .pw_reset .new_pw_title{margin:9px 8px 0 7px} .idpwfind_form .pw_reset .pin_input, .idpwfind_form .pw_reset .new_pw_input{width:204px; height:16px; padding:7px;} .idpwfind_form .find_comment{width:95%; margin:0 auto 20px auto; padding-bottom:10px; border-bottom:1px solid #a1a1a1;} @media all and (max-width:1280px) { .idpwfind_form .pw_reset span{font-size:13px;} } #pw_reset1{margin:30px auto; width:90%; background-color:#f1f1f1; padding-top:30px; border:1px solid #e4e4e4} #pw_reset2{margin:30px auto; width:90%; background-color:#edf9ff; padding-bottom:20px; border:1px solid #d8ecf7} /*행사등록 + 모든 폼 라벨문제 - display:flex */ .form-inline label { display:inline-block; margin-left:5px; } /* 비번찾기 ul 500px , margin:9px 50px 0 7px, 인증번호 9px 38px 0 7px , 비번입력,확인 9px 8px 0 7px 수정하기 */ /* 기능메뉴 - 회비납부/회비내역 */ .comsnGud { position:relative; color:rgba(0,0,0,0.6); text-align:center; } .comsnGud .comsnGudBtn { position:absolute; right:0px; padding:2px 10px; background-color:#ff1929; border-radius:15px; font-size:12px; color:#fff; } .comsnGud .comsnGudBtn:hover { background-color:#cb121f; } .comsnGud .comsnGudWrap { position:absolute; top:40px; width:100%; padding:10px 20px; background-color:#fff; border:1px solid #f8ed96; border-radius:10px; box-shadow:3px 3px 5px 3px rgba(0,0,0,0.1); } .comsnGud .comsnGudWrap:after { content:""; display:inline-block; position:absolute; right:49px; margin-right:-22px; top:-40px; width:0px; height:0px; border-style:solid; border-color:rgba(0,0,0,0); border-bottom-color:#f8ed96; border-width:22px; z-index:-1; } .comsnGud .comsnGudWrap.soff { position:absolute; top:-99999px; } .comsnGud .comsnGudWrap table { width:100%; border-radius:7px; overflow:hidden; text-align:left; } .comsnGud .comsnGudWrap table caption { text-align:right; } .comsnGud .comsnGudWrap table caption strong { font-size:20px; } .comsnGud .comsnGudWrap table thead tr th { background-color:#faf3ae; padding:5px 0px; text-align:center; font-weight:normal; color:rgba(0,0,0,0.8); } .comsnGud .comsnGudWrap table thead tr th:nth-child(odd) { background-color:#f8ed96; } .comsnGud .comsnGudWrap table thead tr th:first-child { border-radius:7px 0px 0px 0px; overflow:hidden; } .comsnGud .comsnGudWrap table thead tr th:last-child { border-radius:0px 7px 0px 0px; overflow:hidden; } .comsnGud .comsnGudWrap table tbody tr th { background-color:#f8ed96; padding:5px 0px; font-weight:normal; color:rgba(0,0,0,0.8); } .comsnGud .comsnGudWrap table tbody tr td { background-color:#f6f5fa; padding:5px 10px; text-align:center; color:#ff1929; } .comsnGud .comsnGudWrap table tbody tr td:nth-child(odd) { background-color:#f2f3f7; } .comsnGud .comsnGudWrap table tbody tr:nth-child(odd) th { background-color:#faf3ae; } .comsnGud .comsnGudWrap table tbody tr:nth-child(odd) td { background-color:#fafafc; text-align:left; color:rgba(0,0,0,0.6); } .comsnGud .comsnGudWrap table tbody tr:nth-child(odd) td:nth-child(odd) { background-color:#f6f7fb; } .comsnGud .comsnGudWrap p { padding:10px 0px 0px 0px; } .comsnGud .comsnGudWrap p span { } .comsnGud .comsnGudWrap .comsnGudWrap_close { display:inline-block; position:absolute; left:13px; top:5px; color:#000; } .comsnGud .comsnGudWrap .comsnGudWrap_close span { display:inline-block; position:absolute; top:-9999px; } .comsnGud .comsnGudWrap .comsnGudWrap_close:hover i { transform:rotate(90deg); transition:all 0.5s; } /* ----------------------------------------------------------------------- 카페형 상단 css 재선언 ------------------------------------------------------------------------*/ .USER_CONTENT.CAFETYPE{} .USER_CONTENT.CAFETYPE .toolbar{height:80px;} .USER_CONTENT.CAFETYPE .sub_tophead .sub_title{color:#7a669d; border-bottom:2px solid #7a669d} .USER_CONTENT.CAFETYPE .MENUBAR_TYPE1, .USER_CONTENT.CAFETYPE .MENUBAR_TYPE2, .USER_CONTENT.CAFETYPE .MENUBAR_TYPE3{display:none;} .USER_CONTENT.CAFETYPE .toolbar .toolbar_logo{float:right; margin-top:30px; margin-bottom:0px; border:1px solid red; display:none} .USER_CONTENT.CAFETYPE .toolbar .toolbar_logo img{width:70%; height:70%; margin:0; float:right;} .USER_CONTENT.CAFETYPE .toolbar .toolbar_logo a{margin-top:0px;} .USER_CONTENT.CAFETYPE .POSITION_TOP .mmoimlist2{display:none;} .Cafe_Headline{overflow:hidden; background-color:#7a669d; border-top:2px solid #42325c; margin-top:0; min-height:80px; color:#ffffff;} .Cafe_Headline .Headline_Name{width:50%;} .Cafe_Headline .Headline_Name .CafeName{width:50%;background:url('/common/css/images/common/logo_sanha_cafe.png') left top no-repeat; height:70px; position:absolute; left:0; top:0px; padding-top:30px; box-sizing:border-box} .Cafe_Headline .Headline_Name .CafeName a{font-size:30px; font-weight:bold;color:#333333; line-height:110%;} .Cafe_Headline .Headline_Name .Name_Cafeimg {float:left; margin-right:10px;} .Cafe_Headline .Headline_Name .Name_Cafeimg img {border:1px solid #fff; max-width:100px;} .Cafe_Headline .Headline_Name .CLUB_GRADE {padding-left:15px; background:url('/common/css/images/common/icon_medal.png') 0 center no-repeat;} /* 카페 좌측 환영합니다 부분 */ .Cafe_Headline .Headline_Name {line-height:20px; float:left; padding:0 10px; margin-top:10px;} .Cafe_Headline .Headline_Name .CafeBtn {word-break:keep-all; font-size:1rem; color:#ffffff; font-weight:bold;} .Cafe_Headline .Headline_Name .CafeBtn a{padding:3px 10px; font-size:13px; background-color:#ffdf47; background-image:none; color:#333333; border:none; } .Cafe_Headline ul {padding:0; margin:0; list-style:none;} .Cafe_Headline .Headline_Cafeinfo { line-height:20px; margin:15px 0px; word-break:keep-all;} .Cafe_Headline .Headline_Cafeinfo li{float:left; margin-right:2rem} /* 카페 우측 이동 셀렉트 박스 */ .Cafe_Headline .Headline_Mymoim{text-align:right; padding:10px 10px 0 0 ;} .Cafe_Headline .Headline_Mymoim select{padding:.28rem; float:right;} /* 좌측 로그인 박스 */ .USER_CONTENT.CAFETYPE .box_login .login_title {border: 1px solid #7a669d; background-color:#b9b2c4; color:#7a669d} .USER_CONTENT.CAFETYPE .box_login .login_account{border: 1px solid #7a669d; border-top:none;} /* 카페 좌측 메뉴 */ .cafe_title{color:#ffffff; } .USER_CONTENT.CAFETYPE .module_box .box_module{border: 1px solid #7a669d} .USER_CONTENT.CAFETYPE .module_box .box_module .module_title{font-size:1rem; line-height:40px;} .USER_CONTENT.CAFETYPE .module_box .box_module .cafe_title{color:#7a669d; } /* 까페모임 메인타이틀 */ .cafe_intro {background:#eee; border:1px solid #aaa; padding:10px; margin-bottom:8px;} .cafe_intro ul {list-style:none; margin:0; padding:0; line-height:20px; min-height:50px; _height:50px;} .cafe_intro ul:after {content:""; display:block; clear:both;} .cafe_intro .intro_image {float:left; margin-right:10px; border:1px solid #ccc;} .cafe_intro .intro_image img {border:2px solid #fff;} .USER_CONTENT.CAFETYPE .table{border-top:2px solid #7a669d} .USER_CONTENT.CAFETYPE .table .thead-light th{background-color:#f5f5f5; border-bottom:1px solid #7a669d} .USER_CONTENT.CAFETYPE .table th{padding-left:1rem} .USER_CONTENT.CAFETYPE .navbar-brand{font-size:1rem} .USER_CONTENT.CAFETYPE .navbar-brand:after{content:"|"; padding-left:1rem} /***********회원가입약관************/ .mLicenseText {padding:10px; border:1px solid #ccc; height:300px; overflow:auto; line-height:20px;} /**********FAQ 라************/ .TITLE_DETAIL {height:30px; font-size:12px; font-weight:bold; color:#006ecc; border:1px solid #aaa; line-height:30px; padding-left:20px; margin-bottom:2px; background:url('/common/css/images/skin/bl_green.gif') 5px 9px no-repeat; cursor:pointer;} .CON_DETAIL {border:1px solid #ccc; padding:10px; margin-bottom:10px; line-height:20px;} /*이지윅 CSS*/ .blogtext {word-break:break-all; line-height:1.5; padding-right:0px; letter-spacing:0.5px; } .blogtext FONT{line-height:170%;} .blogtext P, .blogtext H1, .blogtext H2, .blogtext H3, .blogtext H4, .blogtext H5, .blogtext H6 {margin-top:2px; margin-bottom:2px;} .blogtext A, .blogtext A:link, .blogtext A:visited, .blogtext A:hover {color:#404040; text-decoration:underline;} .blogtext H1 {font-weight:bold; color:#666633; font-size:12pt} .blogtext H2 {font-weight:bold; color:#454545; font-size:12pt} .blogtext H3 {font-weight:bold; color:#999966; font-size:11pt} .blogtext H4 {font-weight:bold; color:#454545; font-size:9pt} .blogtext H5 {} .blogtext H6 {} /*회원리스트 (new) - 관리자회원목록, 까페관리자회원목록, 마이페이지인맥관리, 마이페이지 회원정보*/ .MEM_LISTFORM {background:#e6e6e6; width:100%; border-collapse:collapse; margin-bottom:20px;} .MEM_LISTFORM td {border:1px solid #666;} .MEM_LISTFORM caption {display:none;} .MEMLIST_TOP {padding:5px; vertical-align:top; background:url('/common/css/images/common/bg_line_1.gif') repeat-x; width:122px; } .MEMLIST_TOP ul {list-style:none; margin:0; padding:0;} .MEMLIST_TOP li {margin:0; padding:0; height:18px; line-height:18px;} .MEMLIST_TOP .MLISTPART_CHECK {float:left;} .MEMLIST_TOP .MLISTPART_NAME {font-weight:bold;} .MEMLIST_TOP .MLISTPART_NICK {margin-left:20px;} .MEMLIST_TOP .MLISTPART_ID {margin-left:20px; color:#006ecc;} .MEMLIST_TOP .MLISTPART_PHOTO {margin-top:5px;} .MEMLIST_TOP .MLISTPART_PHOTO img {border:1px solid #999;} .MLISTPART_JOINTYPE {display:inline; margin-left:20px; border:1px solid #666; padding:3px 5px; background:url('/common/css/images/common/bg_line_1.gif') repeat-x;} .MEMLIST_AMEMO {clear:both; margin:10px 5px 5px 5px; background:#f8f4cf; padding:5px; line-height:18px; border:1px solid #666;} .MEMLIST_INFO {background:url('/common/css/images/common/bg_line_1.gif') repeat-x;} .MEMLIST_INFO ul {list-style:none; margin:0 0 0 5px; padding:0; height:20px;} .MEMLIST_INFO li {display:inline; margin:0; padding:0;} /* .MEMLIST_INFO .MLISTPART_JOININFO {float:right;} 2014-10-22 이성희 대표님의 오더로 가입승인 버튼 바로뒤로 이동시킴 */ .MLISTPART_JOININFO dl {display:inline; line-height:20px;} .MLISTPART_JOININFO dt {display:inline; /*font-weight:bold; 2014-10-22 이성희 대표님의 오더로 굵은글씨체 제거 */margin:0; padding-left:5px; *padding-left:10px;} .MLISTPART_JOININFO dd {display:inline; color:#006ecc; margin:0; padding:0 10px 0 3px; border-right:1px solid #666;} .MLISTPART_JOININFO dd.join_form_style {font-weight:bold;} .MLISTPART_JOININFO .JOININFO_LAST {border:0;} .MEMLIST_LIST {background:#ddd;} .MEMLIST_LIST ul {list-style:none; margin:0; padding:0;} .MEMLIST_LIST ul:after {content:""; display:block; clear:both;} .MEMLIST_LIST li {float:left; width:25%;} .MEMLIST_LIST .W100LIST {clear:both; width:100%; height:25px; margin-bottom:4px;} .MEMLIST_LIST .W100LIST dt {float:left; width:24%; border:0;} .MEMLIST_LIST .W100LIST dd {float:left; width:76%;} .MEMLIST_LIST dl:after {content:""; display:block; clear:both;} .MEMLIST_LIST dl {margin:2px; padding:0;} .MEMLIST_LIST dt {margin:0; padding:0; border-bottom:1px solid #ccc; text-align:center; height:25px; line-height:25px; background:#eee;} .MEMLIST_LIST dd {margin:0; padding:0; text-align:center; height:25px; line-height:25px; background:#fff; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .MEMLIST_GRPTAG {height:25px; background:#fff url('/common/css/images/admin/tagbg.gif') 5px 3px no-repeat;} .MEMLIST_GRPTAG .All_Makegroup {list-style:none; margin:0; padding:0 0 0 40px;} .MEMLIST_GRPTAG .All_Makegroup li {position:relative; list-style:none; margin:2px; float:left;} .MEMLIST_GRPTAG .All_Makegroup li a {padding-right:13px;} .MEMLIST_GRPTAG .All_Makegroup .Tag_Delete {position:absolute; top:3px; right:3px; cursor:pointer;} /*비공개*/ .MEM_SECRET {color:#999;} /*졸업앨범 반별 리스트 페이지*/ .graduate_album {position:relative;} .graduate_album .list_topsearch {height:35px;} .graduate_album .album_classmem {padding:10px; background:#f6f6f6; position:relative;} .album_classmem .classmem_num:after {content:""; clear:both; display:block;} .classmem_num li {margin:5px 3px;} .classmem_num a {border:1px solid #ccc; padding:2px 10px; text-decoration:none; font-size:14px; color:#999; background:#eee; font-weight:bold;} .classmem_num a:hover, .album_classmem .classmem_num .ON {border:1px solid #999; color:#333; background:#fff;} .album_classmem .classmem_memimg {margin-top:10px;} .album_classmem .classmem_memimg:after {content:""; clear:both; display:block;} .classmem_memimg ul {list-style:none; margin:0; padding:0;} .classmem_memimg li {width:110px; float:left; height:160px; margin:0; padding:0;} .classmem_memimg dl {width:100px; list-style:none; margin:0; padding:0;} .classmem_memimg dt {margin:0; padding:0;} .classmem_memimg dt img {width:100px; height:120px; border:1px solid #aaa; cursor:pointer;} .classmem_memimg dd {width:100px; margin:0; padding:0; font-size:12px; margin-top:3px; color:#333; font-weight:bold; text-align:center;} /*사이트경고문구*/ .SITEALERTMSG {margin:0;padding:0 0 10px 0;top:0px; left:0px;width:100%; border-bottom:#DDD 1px solid; background-color:#eee;} /*특수문자창*/ .SpcChrBox {width:100%; height:155x; border:#545454 1px dotted;padding:2px;} .SpcChrBox ul {list-style:none; margin:0; padding:0;} .SpcChrBox li {width:30px; float:left;margin:0; padding-top:2px; cursor:pointer;} /*본문상단안내문구상자*/ .sub_topinfotext {width:96%;margin-bottom:10px;padding:10px;font-weight:bold;color:#545454;line-height:130%;} /* 플레시 배너 사이즈 조정*/ .swfbanner{width:190px;height:42px;} /* .COUNTER_TYPE2 h3 {display:none;} HTML코딩법이 기본포멧에서 벗어나 일단 표준으로 변경 */ .COUNTER_TYPE2 .sbox {position:relative; width:100%; margin:0; padding:0;} .COUNTER_TYPE2 .sbox .sbox_place {border-left:1px solid #d2d7d1; border-right:1px solid #d2d7d1; background:#ffffff; vertical-align:top; margin:0px; padding:8px;} .COUNTER_TYPE2 .sbox .sbox_place p {font-weight:bold;border-bottom:1px solid #d3d3cf; width:100%; line-height:180%; margin-bottom:12px; margin-top:0px; padding-top:0px;} .COUNTER_TYPE2 .sbox .sbox_place span.more {position:absolute; font-size:9px; font-weight:normal; color:#939393; line-height:180%; right:10px;} .COUNTER_TYPE2 .now_counter {height:100px;} .COUNTER_TYPE2 .now_counter:after {content:""; display:block; clear:both;} .COUNTER_TYPE2 .now_counter ul {margin:10px 0 0 0; padding:0; list-style:none; *zoom:1;} .COUNTER_TYPE2 .now_counter li {margin:0; padding:0; *zoom:1;} .COUNTER_TYPE2 .now_counter dl {margin:0; padding:0;} .COUNTER_TYPE2 .now_counter dt {float:left; text-align:left; margin:5px 0; width:50%; padding:0;} .COUNTER_TYPE2 .now_counter dd {float:right; margin:5px 0; text-align:right; padding:0; width:50%;} /*트래픽 오버 메세지 출력 화면 _ 130423 박혜영*/ .traffic_Over{position:absolute; width:593px; height:541px; background:url(/images/traffic/bg_trafficOverbox.png) center no-repeat; left:50%; top:50px; margin:0 -335px; padding:57px 43px; font-size:12px;} .traffic_Over p{text-align:center; margin:0; padding:0;} .traffic_Over dl,dt,dd, img{margin:0; padding:0; border:0;} .traffic_Over dl{width:428px; margin-left:153px; margin-top:40px; line-height:18px;} .traffic_Over dt{color:#2b4f91; font-weight:bold; background:url(/images/traffic/bl_traffictitle.png) 0 1px no-repeat; padding:0 0 8px 20px;} .traffic_Over dd{color:#6a6a6a; padding-bottom:25px;} .traffic_Over p.go_trafficView{display:block; padding-top:7px; float:right;} /*색상견본상자*/ .colorbtn1 { margin:0;padding:2px 8px 2px 8px;width:17px; height:10px; background:#FFBFBF;} .colorbtn2 { margin:0;padding:2px 8px 2px 8px;width:17px; height:10px; background:#8BF1EF;} .noIntaller {padding-left:57px;} .SECRET {width:16px; height:16px; background:url('/common/css/images/icon1.gif') 0 50 no-repeat;} /*어플가이드 */ .app_guide { width:750px; margin:0 auto; } .app_guide img { border-bottom:2px dashed #999; margin:25px; } .app_guide .app_info_img img { width:30%; margin-left:12px; margin-right:10px; border-bottom:0px dashed #999; height:395px; } .app_guide .schoolTitle { font-weight:bold; background-color:#1a489d; padding:0px; color:#fff; LETTER-SPACING:-1PX; text-align:center; } .app_guide .schoolTitle .moim_title_name { color:#FF9; font-size: 30px; padding:8px 0 0px 0; line-height:1em; margin-top:15px; } .app_guide .schoolTitle .app_infomation { font-size:20px; padding:0 0 15px 0; line-height:1em; margin-top:-15px; } .app_guide p.app_download { text-align:center; margin-top:10px; } .app_guide p.app_download img { border-bottom:none; } .app_msg_div { border-bottom:2px dashed #999; padding:10px 10px; } .app_msg_div h1{ color:#1a489d; margin:0 0 0px 20px; } .app_msg_div hr { /* margin-bottom:15px;*/ } .app_msg_div ul li { vertical-align:middle; list-style:none; display:inline-block; } .app_msg_div ul li.write_title { font-size:16px; font-weight:800; width:120px; } .app_msg_div img#security_img { border:1px solid black; padding:0; margin:0; width:150px; } .app_msg_div img#setup_img { width:100%; padding:0; margin:0; border:0; } #msg_phone01 { width:55px; height:22px; } #msg_phone02, #msg_phone03 { height:16px; width:50px; text-align:center; } #security_input { margin-left:20px; font-size:13px; font-weight:800; } #security_input input { margin-top:10px; width:120px; font-size:14px; text-align:center; } #agree_check { width:100%; font-size:16px; font-weight:800; text-align:center; } #agree_check input { vertical-align:middle; } #agree_check label { font-size:14px; font-weight:400; vertical-align:bottom; } #send_appinfo_msg { padding:10px 16px; font-size:15px; font-weight:bold; color:white; background:#098cc8; border:none; box-shadow:2px 2px 5px #989898; cursor:pointer; } .msg_infomation { font-size:13px; margin:20px 0 20px 0px; } #layer_wrap{ position:absolute; left:0; top:0; z-index:9000; } #toTop { text-decoration:none; position:fixed; bottom:10px; right:10px; overflow:hidden; width:51px; height:51px; border:none; text-indent:100%; background:url('/common/css/images/board/toTop.png') no-repeat left top; } /* 게시글 반응 스타일 */ .emoticonBox{width:360px;border-top:1px solid #dedede; border-bottom:1px solid #dedede; padding:0; margin:0 auto; background-color:#f6f6f6} .emoticonBox ul{width:100%; padding:0; margin:0;} .emoticonBox ul li{padding:0; margin:0; min-height:50px; position:relative;} .emoticonBox ul li p{position:absolute; top:-27px; right:7%; display:block;} .emoticonBox ul li p.emoticonCounter{background:url(/common/css/images/board/e_bg_conter_left.png) no-repeat left top; padding-left:14px; padding-bottom:2px} .emoticonBox ul li p span.counter_count{background:url(/common/css/images/board/e_bg_conter_right.png) no-repeat right; color:#ffffff; font-size:11px; text-align:center; padding:4px 14px 4px 0; line-height:13px;} .emoticonBox ul li.like{background:url(/common/css/images/board/e_like_off.png) no-repeat center; } .emoticonBox ul li.like.ON{background:url(/common/css/images/board/e_like_on.png) no-repeat center;} .emoticonBox ul li.Att{background:url(/common/css/images/board/e_Att_off.png) no-repeat center; } .emoticonBox ul li.Att.ON{background:url(/common/css/images/board/e_Att_on.png) no-repeat center;} .emoticonBox ul li.n_Att{background:url(/common/css/images/board/e_nAtt_off.png) no-repeat center; } .emoticonBox ul li.n_Att.ON{background:url(/common/css/images/board/e_nAtt_on.png) no-repeat center;} .emoticonBox ul li.unsettle{background:url(/common/css/images/board/e_unsettle_off.png) no-repeat center; } .emoticonBox ul li.unsettle.ON{background:url(/common/css/images/board/e_unsettle_on.png) no-repeat center;} .emoticonBox ul li.Yes{background:url(/common/css/images/board/e_yes_off.png) no-repeat center; } .emoticonBox ul li.Yes.ON{background:url(/common/css/images/board/e_yes_on.png) no-repeat center;} .emoticonBox ul li.No{background:url(/common/css/images/board/e_no_off.png) no-repeat center; } .emoticonBox ul li.No.ON{background:url(/common/css/images/board/e_no_on.png) no-repeat center;} .emoticonBox.type1 ul li{width:100%; background-size:13%; padding:10px;} .emoticonBox.type1 ul li.ON{width:100%; background-size:13%; padding:10px;} .emoticonBox.type2 ul li{width:24.1%; border-right:1px solid #dedede; display:inline-block; background-size:53%; padding:10px 0 8px 0; margin-left:-1px; margin-bottom:-5px;} .emoticonBox.type2 ul li.ON{background-size:53%;} .Member_status{margin:0; padding:1%; background-color:#d5d5d5; text-shadow:0 0 0 ; } .Member_status .list a{background:url(/common/css/images/board/Member_statu_list.png) no-repeat 0 2px; display:inline-block; width:101px; height:24px; vertical-align:bottom} .Member_statusBox{margin-top:10px;} .Member_statusBox td{width:25%; text-align:center} .pc.emoticonBox1{background-color:#f6f6f6; border-top:1px solid #dadada; overflow:hidden; width:100%; clear:both;} .pc.emoticonBox1 .emoticonBox_TITLE{float:left; padding:13px 8px; margin:0; width:234px; border-right:1px solid #dadada} .pc.emoticonBox1 ul{float:left; height:48px; padding:0; margin:0;} .pc.emoticonBox1 ul li{list-style:none; float:left; width:60px; height:100%; padding-top:23px; border-left:1px solid #ffffff; border-right:1px solid #dadada; cursor:pointer; position:relative;} .pc.emoticonBox1 ul li.like{background:url(/common/css/images/emoticonbox/e_like_on.png) center no-repeat; background-size:80%;} .pc.emoticonBox1 ul li.congr{background:url(/common/css/images/emoticonbox/e_congr_on.png) center no-repeat; background-size:80%;} .pc.emoticonBox1 ul li.sad{background:url(/common/css/images/emoticonbox/e_sad_on.png) center no-repeat; background-size:80%;} .pc.emoticonBox1 ul li.yes{background:url(/common/css/images/emoticonbox/e_yes2_on.png) center no-repeat; background-size:80%;} .pc.emoticonBox1 ul li.no{background:url(/common/css/images/emoticonbox/e_no_on.png) center no-repeat; background-size:80%;} .pc.emoticonBox1 ul li.unsettle{background:url(/common/css/images/emoticonbox/e_unsettle_on.png) center no-repeat; background-size:80%;} .pc.emoticonBox1 ul li.Att{background:url(/common/css/images/emoticonbox/e_Att_on.png) center no-repeat; background-size:80%;} .pc.emoticonBox1 ul li.nAtt{background:url(/common/css/images/emoticonbox/e_nAtt2_on.png) center no-repeat; background-size:80%;} .pc.emoticonBox1 ul li p{position:absolute; top:-12px; right:0; display:block;} .pc.emoticonBox1 ul li p.checkON{background:url(/common/css/images/emoticonbox/e_my_check_on.png) no-repeat; display:block; width:20PX; height:20PX; background-size:80%;} .pc.emoticonBox1 .emoticonBox_TITLE2{background-color:#d5d5d5; clear:both; padding:7px; font-weight:bold; letter-spacing:-1px;} .pc .view_count_emoticonBox .count_mem_LINE{position:relative; display:block; border-bottom:2px solid #dadada; background-color:#f9f9f9; min-height:65px; padding:7px} .pc .view_count_emoticonBox .count_mem_LINE .emoticonSECTION{position:relative; float:left; width:90px; padding-left:33px;} .pc .view_count_emoticonBox .count_mem_LINE .memSECTION{position:relative; float:left; width:82%;} .pc .view_count_emoticonBox .count_mem_LINE .memSECTION ul li{width:51px; float:left; margin:2px; border:none; padding-top:0px;} .pc .view_count_emoticonBox .count_mem_LINE .memSECTION ul li img{width:51px; height:51px;} .pc .view_count_emoticonBox .count_mem_LINE .memSECTION ul li.noMEM{width:100%; text-align:left; vertical-align:middle; line-height:55px;} .pc .view_count_emoticonBox .count_mem_LINE .memSECTION ul li span{display:block; text-align:center; padding:3px; letter-spacing:-1px;} .pc .emoticonSECTION p{position:absolute; left:5px; top:22px;} .pc .emoticonSECTION p.emoticonCounter{border-radius:30px; background-color:#333333; color:#ffffff; padding:3px 15px 2px; line-height:160%; text-align:center;} .pc .emoticonSECTION.like{background:url(/common/css/images/emoticonbox/bg_member_list_like.png) 5px 3px no-repeat; font-weight:bold; height:25px; padding-top:9px;} .pc .emoticonSECTION.congr{background:url(/common/css/images/emoticonbox/bg_member_list_congr.png) 5px 3px no-repeat; font-weight:bold; height:25px; padding-top:9px;} .pc .emoticonSECTION.sad{background:url(/common/css/images/emoticonbox/bg_member_list_sad.png) 5px 3px no-repeat; font-weight:bold; height:25px; padding-top:9px;} .pc .emoticonSECTION.yes{background:url(/common/css/images/emoticonbox/bg_member_list_yes2.png) 5px 3px no-repeat; font-weight:bold; height:25px; padding-top:9px;} .pc .emoticonSECTION.no{background:url(/common/css/images/emoticonbox//bg_member_list_no.png) 5px 3px no-repeat; font-weight:bold; height:25px; padding-top:9px;} .pc .emoticonSECTION.Att{background:url(/common/css/images/emoticonbox/bg_member_list_Att.png) 5px 3px no-repeat; font-weight:bold; height:25px; padding-top:9px;} .pc .emoticonSECTION.nAtt{background:url(/common/css/images/emoticonbox/bg_member_list_nAtt2.png) 5px 3px no-repeat; font-weight:bold; height:25px; padding-top:9px;} .pc .emoticonSECTION.unsettle{background:url(/common/css/images/emoticonbox/bg_member_list_unsettle.png) no-repeat 5px 3px no-repeat; font-weight:bold; height:25px; padding-top:9px;} .pc .view_count_emoticonBox .count_mem_LINE .memSECTION .more{background:url(/common/css/images/emoticonbox/bg_member_list_more.png) right no-repeat ; display:block; float:right; width:39px; height:39px;padding-right:2px; background-size:70%; cursor:pointer;} .pc .view_count_emoticonBox .count_mem_LINE .memSECTION .more span{display:none;} .reftitle { margin:20px 5px 10px 0;padding:0;font-size:12px;} .statstable1 {width:600px;} .statstable1 caption,tfoot{display:none;} /*.REBOX { margin-top:5px;padding:10px;width:97%;min-height:100px;border:#dddddd 1px solid;}*/ .relist1{width:100%; border-bottom:1px solid #999; color:#666; font-size:12px; border-collapse:collapse; text-align:center;} .relist1 caption,tfoot{display:none;} .relist1 th{line-height:18px; padding:5px 0 4px; border-bottom:solid 1px #D2D2D2; background-color:#F1F1F4; font-weight:bold; color:#333; vertical-align:top;text-align:center;} .relist1 td{padding:8px; border-bottom:solid 1px #D2D2D2; word-break:keep-all; } .relist1 li{display:block;list-style:none;padding:0 5px 0 0;color:#999;} .idview { color:#a9a9a9;} .bbs_info .bbsrefly{border-top:1px solid #2c4aa2; border-bottom:1px solid #2c4aa2; margin:10px auto; font-weight:bold;} .bbs_info .bbsrefly th{padding:5px; background-color:#e9edf6;} .bbs_info .bbsrefly td{text-align:right;} .bbs_info .bbsrefly caption,tfoot {display:none;} .mListDedign_tab{margin-top:40px; margin-left:0px;font-size:12px;} .mListDedign_tab ul{height:0px;} .mListDedign_tab ul li {width:130px; margin-right:1px; } .mListDedign_tab a{position:relative; text-align:center; border:1px solid #eee; border-bottom:none; background:#fafafa; color:#666; padding:8px 10px 10px;} .mListDedign_tab a:hover, .mListDedign_tab .ON{background-image:none; border:1px solid #ccc; border-bottom:1px solid #e5e5e5; background-color:#e5e5e5; color:#333;} .mListDedign_tab ul li a span{vertical-align:top; line-height:25px;} .REBOX{clear:both; background-color:#e5e5e5; min-height:5PX; top:-1px; padding:5px; font-size:12px; font-weight:bold; position:relative; width:98%} .REBOX_LIST.noMEM{text-align:center; font-size:15PX; padding-top:20px;} .REBOX_LIST{min-height:300px; display:block;} .REBOX_LIST ul{padding:0; margin:0;} .REBOX_LIST ul li{list-style:none; float:left; width:22%; display:block; margin:0; padding:10px; border-bottom:1px solid #e5e5e5; text-align:center;} /* debug용 소스파일 위치 출력 아이콘처리*/ .mngSrcPath{border:1px solid orange;position:absolute;z-index:9999;background:orange; content:"[html]";} /* 팝업 - 문자보내기 */ #mypage_send{} #mypage_send p{background-color:#f6f6f6; color:#333333; padding:7px 15px; margin:0; border-top:2px solid #2157d0;} #mypage_send .send_Box{position:relative; width:100%; padding:10px; box-sizing:border-box; border-top:none; margin-bottom:20px;} #mypage_send ul.guide{margin:0; padding:0 0 0 15px; border:none;} #mypage_send ul.guide li{list-style:disc; text-align:justify; font-size:13px; line-height:140%; padding-left:0px;} #mypage_send .LMS_choice input{vertical-align:sub;} #mypage_send .senderBox{width:100%; background-color:#d5d5d5; padding:5px 10px 5px 20px; color:#333333; box-sizing:border-box; margin-bottom:7px;} #mypage_send .senderBox input[type=text]{padding:5px; margin-left:10px; border:none; width:70%} #mypage_send .send_reservation input, #mypage_send .send_reservation select{font-size:13px;} #mypage_send .send_reservation input[type=checkbox] {vertical-align:middle;} #mypage_send .send_reservation label{font-size:12px;} .infobtn_info ul li dl dt{} #mypage_send .send_Box .infobtn_info ul li dl{border-bottom:1px solid #aaaaaa; height:22px; border-top:none;} /* 팝업 - 메일보내기 */ #mypage_send.smsForm{border:1px solid #aaaaaa; border-top:none;} #mypage_send.EmailForm, #mypage_msg{ border:1px solid #aaaaaa; border-top:2px solid #2157d0;} #mypage_send.EmailForm .send_body dt{width:10%; display:inline-block; background-color:#f6f6f6; color:#333333; padding:15px 8px;} #mypage_send.EmailForm .send_body dd, #mypage_msg .send_body dd{margin-left:10px;} #mypage_send select{padding:5px; vertical-align:middle; border:1px solid #aaa;} #mypage_send .Calender{padding:6px; border:1px solid #aaa;} #mypage_send img.ui-datepicker-trigger{vertical-align:middle; margin-left:5px; margin-right:5px;} #mypage_send.EmailForm .send_body dd input[type=checkbox] {vertical-align:middle;} .send_body .intitle{width:83.5%; border:1px solid #aaa; padding:5px;} .Name.Input_Text_Style1, .EmailInput.Input_Text_Style1{padding:5px;} /* 팝업 - 쪽지보내기 */ #mypage_msg .send_body dt{width:20%; display:inline-block; background-color:#f6f6f6; color:#333333; padding:15px 8px;} #mypage_msg .send_body dd{} .send_body .body_mwrite{border:none; border-top:1px solid #aaa; width:97.5%;} /* 관리자에게 요청하세요 박스 */ .hLineAV_comment{font-size:15px; margin:15px auto; background-color:#ededed; width:90%; padding:15px 0; line-height:180%; overflow:auto; border:1px solid #c8c8c8} .hLineAV_comment ul{margin:0 auto; text-align:center; width:450px} .hLineAV_comment ul li{float:left; display:block; margin:0; padding:0;} .hLineAV_comment.bReg{width:100%} /* 게시글 작성시 안내 가이드 */ .bReg_commmet{position:relative; width:100%; line-height:150%;u font-size:13px; box-sizing:border-box; padding:10px;} .bReg_commmet dl{margin:0 0 15px 0; padding:0; display:block; overflow:hidden;} .bReg_commmet dl dt {width:15%; float:left; margin:0; padding:0; font-weight:bold; color:#333333; white-space:pre-line} .bReg_commmet dl dd{float:left; margin:0; padding:0; color:#333333} .bReg_commmet dl dd>ul{margin:0 0 0 15px; padding:0; } .bReg_commmet dl dd ul li{list-style:disc} .bReg_commmet dl dd span{color:#66F;} .bReg_commmet dl dd.bbs_help{width:85%;} .bReg_commmet dl dd.bbs_help ul{background-image:none; margin-left:0} .bReg_commmet dl dd.bbs_help ul li{display:inline-block; zoom:1; padding:4px 7px; margin:0px 15px 2px 0; height:15px; line-height:15px; border-radius:5px; border:1px solid #ffffff;} .bReg_commmet dl dd.bbs_help ul li:hover{border:1px solid #2157d0;} .bReg_commmet dl dd.bbs_help ul li a{color:#2157d0} /* 게시글 작성시 푸시 셋팅 */ .bReg_push_set {position:relative; padding:20px 0 0 20px; font-size:14px;} .bReg_push_set select{padding:3px;} /* 회원가입 */ .mypage_myinfo .myinfo_content p.regFormSubTitle{background:url(/uploads/group/1482/designWizard/img/bl_title.png) no-repeat; padding-left:25px; font-weight:bold; font-size:17px; color:#f6881c; height:25px;} .mRegForm .mypage_myinfo .myinfo_content{border:none; width:100%; margin:20px auto;} //.mypage_myinfo .content_table{border-left:1px solid #c8c8c8; border-right:1px solid #c8c8c8; } .mypage_myinfo .content_table input, .mypage_myinfo .content_table select{} .mypage_myinfo .myinfo_content .content_table th { width:18%; } .mypage_myinfo .content_table th{padding:13px 20px; font-size:13px; background-color:#f6f6f6; border-top:1px solid #2157d0;} .mypage_myinfo .content_table th .point {color:#C00; padding-right:3px;} .mypage_myinfo .content_table td{padding:8px 10px; border-top:1px solid #2157d0;} .mypage_myinfo .content_table select{min-width:100px; height:30px; vertical-align:middle} .mypage_myinfo .content_table input{padding:8px 4px; vertical-align:top; margin-bottom:3px;} .myinfo_inputhelp{display:block;} .mypage_myinfo .content_table td label{} .mypage_myinfo .content_table .ui-datepicker-trigger{vertical-align:middle; margin:0 5px; cursor:pointer;} .mypage_myinfo .file.myinfo_input{width:235px;} .mypage_myinfo .content_table input[type=file] {border:none; height:30px; margin-left:-4px;} .mypage_myinfo .inputdelete{background:#9b9b9b url(/uploads/group/1482/designWizard/img/inputDelete.png) 7px no-repeat; height:30px; margin-top:8px; border:1px solid #9b9b9b; cursor:pointer} .mypage_myinfo .content_text{text-align:right;} .mypage_myinfo .inpost{background:#f6881c url(/uploads/group/1482/designWizard/img/sma_inpost.png) 15px no-repeat;; height:30px;} .mypage_myinfo .table_style5 td{font-size:13px;} .total_body {position:relative; clear:both;} .tsearch_result {border-bottom:2px solid #666;position:relative; margin:10px 0 3px 0; height:17px;} .tsearch_img img {width:100px; height:110px; border:2px solid #999;} .tsearch_img img:hover {width:100px; height:110px; border:2px solid #333;} .tsearch_title {margin-left:10px; width:60%;} .tsearch_title .title_text {float:left; width:100%;} .tsearch_con {padding:10px 0 0 10px; width:80%;} .tsearch_con a {color:#333;} .tsearch_con a:hover {color:#666;} .tsearch_title a:hover {color:#389cf2;} /* 통합검색화면 조정 17.11.15 박혜영 */ .search_total{width:700px; margin:0 auto;} #tSeatchVal{border:3px solid #2157d0; width:515px; height:47px; box-sizing:border-box;} #SEARCHBTN2{background:#2157d0 url('/common/css/images/common/ico_tsearch.png') center no-repeat; width:63px; height:47px;} .SEARCHBAR1 li{margin:0;} .SEARCHBAR1 select{font-size:20px; color:#333333; border:3px solid #c6c6c6; height:47px; padding:5px; box-sizing:border-box; margin-right:9px} .search_history{display:block; margin:20px 0 20px 120px;} .search_history span{font-size:15px; display:inline-block; padding-right:10px;} .search_history span.word{color:#515151; text-decoration:underline; cursor:pointer;} .search_history span.word span{color:#69C; padding-left:3px;} .search_history span.word span:hover{color:#2157d0;} .guide{width:100%; border:1px solid #969696; margin:0 auto; padding:18px; box-sizing:border-box; font-size:14px; } .searchbar.guide{border-top:2px solid #333333; background:#f8f8f8 url('/common/css/images/common/bg_tsearch.png') 98% 40px no-repeat;} .searchbar.guide p{color:#2157d0; font-size:20px; margin:0 0 13px 0; padding:0;} .searchbar.guide ul{list-style:none; margin:0; padding:0;} .searchbar.guide li{line-height:24px; background:url('/common/css/images/common/ico_tsearch_bl.png') 0 7px no-repeat; padding-left:17px;} .total_body p.tt{font-size:23px;} .total_body p.tt span{color:#dc2429;} .result.guide{background:#f8f8f8 url('/common/css/images/common/ico_tsearch_nodata.png') no-repeat center 20px; font-size:20px; text-align:center; padding-top:96px;} .result span{color:#dc2429;} /* 회원가입 > 인증 조정 17.11.20 박혜영 */ .join_select *{} .join_select .join_select_text{ width:90%; margin:50px auto 0; background-image:none; font-size:20px; height:40px} .Mupload_Con{width:80%; margin:0 auto; background-color:#ededed; padding:50px; border-top:2px solid #2157d0} .Member_Type li{ background:#fafafa url('/common/css/images/rAdmin/member/bg_RegFst_OFF.png') 8px no-repeat; border:none; border-bottom:1px solid #ededed; width:98%; margin:0; padding:0 0 0 20px; text-align:left;} .Member_Type li a{background-image:none; font-size:19px; font-weight:normal; height:50px; line-height:50px; width:90%} .Member_Type li a:hover{color:#ff6600; cursor:pointer;} .Member_Type .TYPE1{background-position:0 0;} .Member_Type li:hover{ background:#fafafa url('/common/css/images/rAdmin/member/bg_RegFst_ON.png') 8px no-repeat;} .join_select .content_table {font-size:19px; color:#333333;} .join_select .content_table th{background-color:#ffffff; border-bottom:1px solid #ededed; min-height:50px; vertical-align:middle; width:20%;} .join_select .content_table td{border-bottom:1px solid #ededed;} .join_select .content_table .myinfo_inputhelp{font-size:13px; display:inline-block;} .join_select .content_table td input{ padding:10px; font-size:15px; border:1px solid #c8c8c8} .join_select select{padding:5px; font-size:15px; height:35px; border:1px solid #c8c8c8} .wrong_msg{padding:140px 15px 15px 15px; font-size:17px; font-weight:normal; line-height:150%; margin-top:30px} .w_idfw{background:url('/common/css/images/popup/img_wrong_idfw_msg.png') top center no-repeat;} .w_idfw_guide{background:url('/common/css/images/popup/img_wrong_idfw_msg_guide.png') top center no-repeat;} .no_data{background:url('/common/css/images/popup/img_no_data.png') top center no-repeat;} .sms_pw{background:url('/common/css/images/popup/img_sms_pw_msg.png') top center no-repeat;} .sms_code{background:url('/common/css/images/popup/img_sms_code_msg.png') top center no-repeat;} .email_code{background:url('/common/css/images/popup/img_email_code_msg.png') top center no-repeat;} .wrong_info{background:url('/common/css/images/popup/img_wrong_info_msg.png') top center no-repeat;} .wrong_code{background:url('/common/css/images/popup/img_wrong_code_msg.png') 50% 20px no-repeat;} .time_out{background:url('/common/css/images/popup/img_time_out_msg.png') top center no-repeat;} .notagree_code{background:url('/common/css/images/popup/img_notagree_code_msg.png') 50% 30px no-repeat;} .fail_pw{background:url('/common/css/images/popup/img_fail_pw_msg.png') top center no-repeat;} .code_ok{background:url('/common/css/images/popup/img_code_ok_msg.png') top center no-repeat;} .pw_ok{background:url('/common/css/images/popup/img_pw_ok_msg.png') top center no-repeat;} .guide_box{text-align:center; border:1px solid #265ccb; background-color:#ffffff; color:#333333; overflow:hidden;} .guide_box span{display:inline-block; padding:3px 10px 0px; text-align:center; color:#ffffff; background-color:#265ccb; float:left;} .point_r{color:#f22161; text-decoration:underline;} .point_b{color:#265ccb; text-decoration:underline;} .msg_comment{background-color:#e7e7e7; margin-top:10px; padding:1.25rem; line-height:150%; font-size:1rem; text-align:center;} .msg_comment a{color:#ff6347; text-decoration:underline; margin-top:10px;} .msg_comment a:hover{background-color:#ff6347; color:#ffffff;} /* 글 반응 응답자보기 */ .bbsrefly{border:1px solid #ededed;} .bbsrefly caption{display:none;} .bbsrefly th{background-color:#e9e9e9; padding:10px;} .bbsrefly td{text-align:center;} /* bx슬라이더 next prev버튼 조정 */ .BANNER_TYPE3 .bx-wrapper .bx-controls-direction a {margin:0;transform: rotate(90deg);} .BANNER_TYPE3 .bx-wrapper .bx-controls-direction .bx-prev {top:0px; left:40%} .BANNER_TYPE3 .bx-wrapper .bx-controls-direction .bx-next {top:auto; bottom:0px;left:40%} .memberInfoList{margin: 0px; padding: 0px;} .memberInfoList > div{margin: 0px; padding: 0px;} .memberInfoList > div > .memberInfoWrap {border: 1px solid #eee;margin: 2px;} .memberInfoList > div > .memberInfoWrap > .memberInfo {margin: 0;padding: 0;} .memberInfoList > div > .memberInfoWrap > .memberInfo > .ttl {background: #ddd;} .memberInfoList > div > .memberInfoWrap > .memberInfo > .ttl > span{text-align: center;font-weight: bold;background: #ddd; display: block;padding: 5px;} .memberInfoList > div > .memberInfoWrap > .memberInfo > .cont > span{display: block;} /* 회원관리 - 회원목록 - 검색박스 */ .seach-box{position:relative; border:3px solid #c8c8c8; padding:1rem 1rem .25rem 1rem} #tab-1 .seach-box{text-align:center} #tab-2 .seach-box{padding:2rem 5rem 1rem 5rem;} .seach-box .inputTotalsearch{border:none; border-bottom:2px solid #000000; width:40%; text-align:center; font-size:1.5rem; padding:.3rem} .seach-box i{font-size:2rem; color:#000000} .seach-box i:hover{color:#1472d1;} .seach-box dl{overflow:hideen; border-bottom:1px solid #c8c8c8; padding:10px 0 ;} .seach-box dt{width:25%; padding-right:1rem; display:inline-block; vertical-align:top; font-weight:800; text-align:center} .seach-box dd{width:75%; display:inline-block; margin-bottom:0rem;} .seach-box dd span{display:inline-block; margin-right:1rem;} .seach-box dd input[type=text]{padding:.25rem; width:200%} .seach-box dd ul li{width:25%;} .seach-box .comm{width:100%; text-align:center; } .seach-box .comm p{display:inline-block;} /* 회원관리 - 회원목록 - 리스트 */ .COMMON_TOP_BORDER_TYPE1{position:relative;} .mem-type a{padding:0 .75rem; font-size:1.25rem } .mem-type span{vertical-align:middle} .mem-type a.active{font-weight:800;} .mem-type a.active .badge{background-color:#0069d9; font-weight:800; color:#ffffff} .memInfo_list_type{ background-color:#ffffff; padding:.75rem; border-bottom:1px solid #bebebe;} .memInfo_list_type table{width:100%;} .memInfo_list_type table td.info-user{width:14%;} .memInfo_list_type table td.info-user img{max-width:150px; max-height:200px; border:1px solid #bebebe} .memInfo_list_type table td.info-btn, .memberDetailWrap .blank{width:170px;} .memInfo_list_type .item{padding:0 5px;} .memInfo_list_type .item dl{font-size:.85rem; border: 1px solid #a3a7af; margin-bottom:.5rem; overflow:hidden} .memInfo_list_type .item dt{float:left; background-color:#e2e6ec; color:#1d4280; padding:.25rem .75rem; min-width:37%; text-align:center; font-size:.85rem; font-weight:800} .memInfo_list_type .item dd{ padding:.25rem .75rem; min-width:63%; margin-left:35%; margin-bottom:0; font-size:.85rem} .memInfo_list_type .item.address dt{padding:.23rem .75rem; min-width:12%;} .memInfo_list_type .item.address dd{text-align:left; min-width:82%; margin-left:11.3%} /**** ▲▲▲▲▲ 정리안된 css / ▼▼▼▼▼▼ 정리 완료 css */ /** [공통] 부트스트랩 제공 클래스 재선언 */ .input-group a.btn{margin:0;} .list-group-item:first-child{border-radius:0;} /** [공통] 결과없음 화면 */ .noResult{color:#666666; text-align:center;} .noResult > div{margin:4rem auto 2rem;} .noResult h4{font-weight:500; color:#333333;} .empty_myGroupTag{width:100px; height:100px; background:url(/common/css/images/icon/friendship.png) no-repeat; background-size:cover;} /* 그룹태그 없음 */ /** [공통] 기능메뉴 - 메뉴 옵션 (회원범위선택, 추가,삭제 등 영역) */ .menu_Option_section{margin:3rem 0 1rem} .menu_Option_section .text-count{margin-right:.5rem; display:inline-block} /** 기능메뉴 - 내 인맥관리 - pc - 20.03.17 - hy */ .myGroup_tag_list{margin-top:2rem} .myGroup_tag_list li.list-group-item{display:-ms-flexbox!important; display:flex; align-items:center!important; -webkit-box-align:center!important; -ms-flex-align:center!important} .myGroup_tag_list li.list-group-item a{font-weight:600; } .myGroup_tag_list li.list-group-item a:first-child span{padding:0 .25rem; color:#666666} .myGroup_tag_list li.list-group-item a:last-child{color:#1850a2; } .myGroup_tag_list li.list-group-item a.add_Mygroup{width:100%; text-align:center;} .myGroup_tag_list li.list-group-item a.total_list{font-weight:700;} .myGroup_tag_list li.list-group-item:last-child{border-bottom:1px solid rgba(0,0,0,.125) !important} .myGroup_tag_list li.list-group-item input[type=text]{margin-right:.25rem; width:60%;} .myGroup_tag_list .total_search{width:50%; margin:.5rem auto;} #collapseInsert{overflow:hidden} #collapseInsert .input-group{padding:1rem 0rem 0 0; width:50%; float:right} #collapseInsert .input-group:after{content:""; display:block; clear:both;} .noResult #collapseInsert .input-group{float:none; margin:0 auto;} .noResult #collapseInsert{width:auto; margin:0} .myMemCatagoryList .swiper-container{padding:1rem 1.5rem;} .myMemCatagoryList .swiper-wrapper{ width:100%; white-space: nowrap;} .myMemCatagoryList .swiper-button-next{width:15px; height:30px; background-size:15px 30px; right:5px; margin-top:-19px; } .myMemCatagoryList .swiper-button-prev{width:15px; height:30px; background-size:15px 30px; left:5px; margin-top:-19px;} .myMemCatagoryList input[type=radio] {display: none;} .myMemCatagoryList input[type=radio]+label { min-width:106px; text-align:center; display: inline-block; padding: 4px 12px; background-color: #e7e7e7; border-color: #ddd; border-radius: 10rem; white-space: nowrap;} .myMemCatagoryList input[type=radio]:checked+label { background-image: none; background-color: #1850a2; color:#ffffff} .add_myGroup_wrap > div{text-align:right} .add_myGroup_wrap > div .total_search{width:50%; margin-left:auto !important; margin-top:.75rem;} /** 서브타이틀 - btn 영역 - 20.03.18 - hy */ .tpl-widget .btn.conPageBtn{padding:.45rem .5rem; text-align:center; font-size:.8rem; display:inline-block; background-color:#ffffff} .tpl-widget .btn.conPageBtn i{margin:0 .25rem;} .tpl-widget .btn.conModifyBtn{border:1px solid #cf3174; color:#cf3174} .tpl-widget .btn.widgetPageAuthBtn{border:1px solid #606060; color:#606060; margin:0 2px;} .tpl-widget .btn.widgetPageAuthBtn:hover{background-color:#606060; color:#ffffff; text-decoration:none; border:1px solid #606060} .tpl-widget .btn.conModifyBtn:hover{background-color:#cf3174; color:#ffffff; text-decoration:none; border:1px solid #cf3174;} /** 호스팅 페이지 > 검수중 */ .hosting_Area{position:absolute; left:50%; top:50%; margin:-20% 0 0 -17%; width:35%; padding:2rem; background-color:#fff; box-shadow: 2px 3px 25px rgba(0, 0, 0, 0.1) ;-webkit-box-shadow: 2px 3px 25px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 2px 3px 25px rgba(0, 0, 0, 0.1) ; border-radius:1rem; } .hosting_Area .hosting_Img{text-align:center; padding:0rem 0 1rem} .hosting_Area h1{font-weight:normal; color:#333333; margin-top:.5rem} .hosting_Area .hosting_guide{margin:1rem; border:1px solid #cdcdcd; padding:1rem; border-radius:1rem; line-height:1.5; font-size:1.25rem} .hosting_Area .hosting_guide span.point{font-weight:500; color:#3b9b4d} .hosting_Area .hosting_guide u{padding:0 2px} .hosting_Area .hosting_Cs{margin:.5rem 1rem; border:1px solid re } .hosting_Area .hosting_Cs a{margin:.5rem auto; width:100%; border:1px solid #333; padding:7px 20px; border-radius:20px; color:#333; box-shadow:2px 2px 1px rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 1px rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 1px rgba(0,0,0,0.2); text-align:center; display:block;} .hosting_Area #goIndex{font-weight:500; background-color:#65a519; border:1px solid #65a519; color:#fff;} .login_ex_wrap{width: 700px;margin: 0 auto;} #HTML_CONTENT img{max-width:100%;} /* 개인정보 유출 관련 사과문 페이지 */ .privacy_wrap { font-family: 'Noto Serif KR', serif !important; font-size: 1.25rem; line-height: 1.8; text-align: justify;} .privacy_wrap p {margin-bottom: 1.5rem;} .privacy_wrap p span { color: #0063a8;} .privacy_wrap a{color:#333} .privacy_wrap .btn {font-family: 'Noto Sans KR', sans-serif;} .privacy_wrap .cs { background-color: #f4f4f4; border: 1px solid #ddd; padding: 1rem; font-size: 1rem; font-family: 'Noto Sans KR', sans-serif; margin-top:.5rem; font-weight:300; color:#000} .privacy_wrap .info_mid{font-family: 'Noto Sans KR', sans-serif;} .privacy_wrap .info_mid .cata{background-color:#0063a8; padding:.25rem .5rem; color:#fff; width:130px; text-align:center; display:block; font-size:1.15rem;} .privacy_wrap .info_mid p{line-height:1.5} .privacy_wrap .info_mid p span.cata-guide{font-size:1rem; color:#333; } .privacy_wrap .info_mid .title{font-family: 'Noto Serif KR', serif;} .privacy_wrap #userNm, .privacy_wrap #userMpNum{width:322px;} .privacy_wrap #userEmlAddrWrap input{width:141px;} .privacy_wrap .card{margin-bottom:.5rem} .privacy_wrap .card-body dl{margin-bottom:.5rem;} .privacy_wrap .card-body dl dt {display: inline-block; width: 30%; font-weight: 500; padding-left:2rem} .privacy_wrap .card-body dl dd {display: inline-block; width: 70%; font-weight: 500} .SHUVIC_JQUERY_DIALOG.ui-dialog>.ui-dialog-content{padding:1rem} .ui-dialog .privacy_wrap{font-size:.95rem;} /* chosen 재정의 */ .chosen-container{font-size:15px;} .chosen-container-single .chosen-default{color:#333;} .chosen-container-single .chosen-single{background:none; background-color:#fff; border:1px solid #ddd; border-radius:0; box-shadow:none;} .chosen-container-active.chosen-with-drop .chosen-single{background:none; background-color:#fff; border:1px solid #ddd; border-radius:0;} .chosen-container .chosen-drop{border:1px solid #ddd; border-top:none; box-shadow:none;} .chosen-container .chosen-results{margin:0; padding:0;} .chosen-container .chosen-results li{padding:5px 6px 5px 10px;} .chosen-container .chosen-results li.highlighted{background:none; background-color:#666;} .chosen-container-single .chosen-single div b{background:none;} .chosen-container-single .chosen-single div b:after{content: "\f107"; font-family: "Font Awesome 5 Pro"; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} .chosen-container-active.chosen-with-drop .chosen-single div b:after{content: "\f106"; font-family: "Font Awesome 5 Pro"; font-weight: 900; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased;} /* 21.05 팝업 수정 .INDEX_POPUP{min-width:500px !important; max-width:750px !important; max-height:610px !important;} */ .admin_radio_lst > li{margin-right:10px;} .admin_radio_lst > li:last-child{margin-right:0;} /* 육사총동창회 입회비 연회비 */ .aufeText{color : #c9c9c9;} .adFeeText{color : #a1a1a1;} .mypage_sns_acct_mngt_wrap .login_type>div {width: 100px;margin: 0 auto;text-align: left;display: flex;align-items: center;} .mypage_sns_acct_mngt_wrap .login_type>div>span {vertical-align: sub;margin-left: 0.25rem;} .mypage_sns_acct_mngt_wrap table.sns_login_table > tbody > tr > td {vertical-align: middle;} .mypage_info_upd_list ul li {border-bottom: 1px solid rgba(0, 0, 0, .2);padding: 20px 10px 15px 10px; cursor: pointer;} .mypage_info_upd_list ul li:hover {background-color: rgba(0, 0, 0, .1)} .mypage_info_upd_list ul li:first-child {border-top: 1px solid black;} /* 23.04.07 회원수첩 인포폼 추가 */ body.mbok_info_on div.mbok_info_form {width: 90%; max-width: 600px; bottom: 30px; left: 50%; transform: translate(-50%, 0); z-index: 999; animation: mbokInfoForm 0.5s ease-out; animation-fill-mode: forwards; box-shadow: 2px 2px 3px rgba(0,0,0,25%); position: relative; overflow: hidden; color: #fff; text-align: center;} /* body.mbok_info_on div.mbok_info_form:before {content: ""; position: absolute; bottom: -1px; width: 100%; height: 5px; background-color: #D7F9DB;} */ body.mbok_info_on div.mbok_info_form:after {content: ""; position: absolute; bottom: -1px; left: -8px; width: 0; height: 5px; background-color: #19ce60; animation: mbokInfoFormBar 8s linear; animation-delay: 0.5s; animation-fill-mode: forwards; border-right: 8px solid #00BF93; border-top-right-radius: 2rem; border-bottom-right-radius: 2rem;} body.mbok_info_on div.mbok_info_form .mbok_info_close_btn_wrap {position: absolute; top: 5px; right: 10px;} body.mbok_info_on div.mbok_info_form .mbok_info_close_btn_wrap a {color: #fff; font-size: 1.25rem;} body.mbok_info_on div.mbok_info_form .mbok_info_text {width: 100%; padding: 1rem; font-size: 1.125rem; animation: mbokInfoText 0.5s ease-out; animation-delay: 0.25s; animation-fill-mode: forwards; opacity: 0;} body.mbok_info_on div.mbok_info_form .mbok_info_text p {margin-bottom: 0;} body.mbok_info_on div.mbok_info_form .mbok_info_text > p:last-child {margin-top: 0.5rem;} @keyframes mbokInfoForm { from { transform: translate(-50%, 100%); } to { transform: translate(-50%, 0); } } @keyframes mbokInfoText { from { opacity: 0; } to { opacity: 1; } } @keyframes mbokInfoFormBar { from { width: 0px; left: -8px; } to { width: 100%; left: 0; } } /* 회비내역보기 */ .fee-search.fee-search-renewal .list-inline {margin-left: -0.75rem; margin-right: -0.75rem; margin-bottom: 0;} .fee-search.fee-search-renewal .list-inline > * {padding: 0 0.75rem; vertical-align: middle;} .fee-search.fee-search-renewal .d-table {display: table; width: 100%; table-layout: fixed; padding-left: 0;} .fee-search.fee-search-renewal .d-table > * {display: table-cell; vertical-align: middle;} .fee-search.fee-search-renewal .form-control {display: block; width: 100% !important;} .fee-search.fee-search-renewal dl {margin-bottom: 0;} .fee-search.fee-search-renewal .d-table > dt {font-weight: 500;} .fee-search.fee-search-renewal .form-group label {font-weight: 400;} .my_fee_dsc_list_renewal .fee-search .fee-search-date .search-box input {width: calc(100% / 2 - 20px) !important;} .my_fee_dsc_list_renewal .fee-search .fee-search-date .search-box input+span {line-height: 44px; width: auto;} .fee_det_dsc_info > .alert {display: block !important;} /* 라디오 탭 폼 */ .COMMON_RADIO_TABS > ul > li {display: inline-block; width: 50%;} .COMMON_RADIO_TABS > ul > li:not(:first-child) {margin-left: -1px;} .COMMON_RADIO_TABS > ul > li > label {cursor: pointer; display: block; padding: 0.5rem 1rem; border: 1px solid #dedede; background-color: #fff; position: relative; text-align: center;} .COMMON_RADIO_TABS > ul > li > label:hover {border-color: #999; z-index: 2; font-weight: 500;} .COMMON_RADIO_TABS > ul > li:first-child > label {} .COMMON_RADIO_TABS > ul > li:last-child > label {} .COMMON_RADIO_TABS > ul > li > input {display: none;} .COMMON_RADIO_TABS > ul > li > input:checked + label {border-color: #999; background-color: #eee; z-index: 1; font-weight: 600;} /* 23.04.10 영수증 폼 제작*/ /* 부트스트랩 재선언 */ .d-table {display: table; width: 100%; table-layout: fixed;} .d-table > * {display: table-cell; vertical-align: middle;} .hp_set_mngt_sttl_info_form ul {padding-left: 0; margin-bottom: 0;} .hp_set_mngt_sttl_info_form ul > li {list-style: none;} .hp_set_mngt_sttl_info_form .list-inline {margin-left: -0.25rem; margin-right: -0.25rem;} .hp_set_mngt_sttl_info_form .list-inline > * {display: inline-block; padding: 0 0.25rem;} .hp_set_mngt_sttl_info_form .font-sm {font-size: 0.9rem;} .hp_set_mngt_sttl_info_form .table-lg > thead > tr > th, .hp_set_mngt_sttl_info_form .table-lg > thead > tr > td, .hp_set_mngt_sttl_info_form .table-lg > tbody > tr > th, .hp_set_mngt_sttl_info_form .table-lg > tbody > tr > td {padding: 0.75rem 1.5rem;} .hp_set_mngt_sttl_info_form label {cursor: pointer;} .hp_set_mngt_sttl_info_form dl {margin-bottom: 0;} .hp_set_mngt_sttl_info_form_amt_det > ul > li > dl > dt {font-weight: 500; width: 150px;} .hp_set_mngt_sttl_info_form_amt_det > ul > li > dl > dd {width: 200px; text-align: right;} .sttl_cnt_grup_optn_lst {margin-top: 1rem;} .hst_tab_form > li {display: inline-block;} .hst_tab_form > li:not(:first-child) {margin-left: -1px;} .hst_tab_form > li > input {display: none;} .hst_tab_form > li > label {padding: 1rem 1rem; display: inline-block; font-weight: 300; font-size: 1.125rem; border: 1px solid #797979; width: 250px; text-align: center; cursor: pointer;} .hst_tab_form > li > label:hover, .hst_tab_form > li > label:focus {font-weight: 500; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);} .hst_tab_form > li > input:checked + label {background-color: rgba(236, 236, 236, 1); font-weight: 500; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);} .hst_upd_tab_form > li {display: inline-block;} .hst_upd_tab_form > li:not(:first-child) {margin-left: -1px;} .hst_upd_tab_form > li > input {display: none;} .hst_upd_tab_form > li > label {padding: 1rem 1rem; display: inline-block; font-weight: 300; font-size: 1.125rem; border: 1px solid #797979; width: 150px; text-align: center; cursor: pointer;} .hst_upd_tab_form > li > label:hover, .hst_upd_tab_form > li > label:focus {font-weight: 500; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);} .hst_upd_tab_form > li > input:checked + label {background-color: rgba(236, 236, 236, 1); font-weight: 500; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.35);} .hp_set_mngt_sttl_btn_group {padding-top: 6em;} .hp_set_mngt_sttl_btn_group .btn {padding: 1rem 5rem;} .hp_set_mngt_sttl_info_form > .card {border: 0; text-align: center;} .hp_set_mngt_sttl_info_form > .card > .card-body {background-color: #f7f7f7; padding: 3rem;} .hp_set_mngt_sttl_info_form > .card > .card-body > dl {margin-bottom: 0;} .hp_set_mngt_sttl_info_form > .card > .card-body > dl > dd {font-weight: 300; margin-top: 0.5rem;} .hp_set_mngt_sttl_info_form > .card > .card-body > div {width: 600px; margin: 2rem auto 0; border: 1px solid #d7d7d7; background-color: #fff; border-radius: 1rem; padding: 1rem 1.5rem;} .hp_set_mngt_sttl_info_form > .card > .card-body > div > ul > li:not(:first-child) {margin-top: 1rem;} .hp_set_mngt_sttl_info_form > .card > .card-body > div dl {margin-bottom: 0;} .hp_set_mngt_sttl_info_form > .card > .card-body > div dl > dd {text-align: left; font-weight: 300; color: #333;} .hp_set_mngt_sttl_info_form > .card > .card-body > div dl > dt {text-align: right;} .hp_set_mngt_sttl_info_form .btn_bg_gray {background-color: #2157d0; border-color: #2157d0;} .hp_set_mngt_sttl_info_form .requiredHeader {display: none;} .hp_set_mngt_sttl_info_form .uploadBtnWrap {text-align: left;} .hp_set_mngt_sttl_info_form .COMMON_FILEUPLOAD {margin-left: 0;} .hp_set_mngt_sttl_info_form .btn-secondary:hover, .hp_set_mngt_sttl_info_form .btn-outline-secondary:hover {opacity: 0.7;} .hp_set_mngt_sttl_info_form .hp_set_mngt_sttl_fn_form {background-color: rgba(247, 247, 247, 1); padding: 1rem;} /* 라디오 버튼 커스텀 */ .COMMON_RADIO_BTN_TYPE1 {display: none;} .COMMON_RADIO_BTN_TYPE1 + .COMMON_RADIO_BTN_LABEL_TYPE1 {display: inline-block; width: 20px; height: 20px; background-image: url("/common/okdcMngt/css/images/COMMON_RADIO_BTN_TYPE1_UNCHECKED.png"); background-size: 100% 100%; vertical-align: middle;} .COMMON_RADIO_BTN_TYPE1:checked + .COMMON_RADIO_BTN_LABEL_TYPE1 {background-image: url("/common/okdcMngt/css/images/COMMON_RADIO_BTN_TYPE1_CHECKED.png");} /* 글쓰기폼 파일업로드 sortable item css 커스텀 작업 */ .board_form_sortable_custom .ui-state-highlight { height: 107px; line-height: 1.2em; background-color: #E6F4F1;} .board_form_sortable_custom .highlight:after { content: ''; display: block; clear:both; } .board_form_sortable_custom .ui-sortable-helper { opacity: 0.5;} /* 핫라인 만족도 평가 다이얼로그 */ .hotln_cus_satft_eval_bas_form .satft_eval_img {display: inline-block; background-size: 100% 100%; width: 72px; height: 80px;} .hotln_cus_satft_eval_bas_form {text-align: center; align-items: center;} .hotln_cus_satft_eval_bas_form ul > li {vertical-align: middle;} .hotln_cus_satft_eval_bas_form dl {margin-bottom: 0;} .hotln_cus_satft_eval_bas_form dl > dt {font-size: 1.75rem; font-weight: 500;} .hotln_cus_satft_eval_bas_form dl > dd {margin-top: 0.25rem;} .hotln_cus_satft_eval_bas_form dl > dd > ul > li {padding: 0;} .hotln_cus_satft_eval_bas_form dl > dd > ul > li > a {font-size: 2.5rem;} .hotln_cus_satft_eval_bas_form .srv_score_btn:hover {opacity: 1;} .hotln_cus_satft_eval_bas_form .srv_score_btn i {color: #ddd;} .hotln_cus_satft_eval_bas_form .srv_score_btn.hover:not(.active) i {color: #ffbc00; opacity: 0.5;} .hotln_cus_satft_eval_bas_form .srv_score_btn.active i {color: #ffbc00;} .hotln_cus_satft_eval_bas_form .bhb_cus_satft_cont {justify-content: center; align-items: center;display: flex;width: 100%;height: 100%;} .hotln_cus_satft_eval_bas_form .bhb_cus_satft_cont > textarea {font-size: 1rem !important; font-weight: 300; width:400px; height: 85.5px;} .hotln_cus_satft_eval_bas_form .cus_satft_eval_btn {font-size: 1.25rem; width:160px; background-color: #169BD5; border-radius:4px; color: #fff;} .hotln_cus_satft_eval_bas_form .cus_satft_eval_btn:hover, .hotln_cus_satft_eval_bas_form .cus_satft_eval_btn:focus {filter: brightness(1.3);} .hotln_cus_satft_eval_bas_form .cus_satft_eval_cancle_btn {font-size: 1.25rem; background-color: #DBDBDB; border-radius:4px; color: #fff;} /* 제휴서비스 좌측 메뉴 배너 */ .okdc_alli_srv_shop_mov_btn {display: block; position: relative;} .okdc_alli_srv_shop_mov_btn > img {display: block; width: 100%; object-fit: contain;} .okdc_alli_srv_shop_mov_btn.type_01 > div {width: 100%; height: 0; padding-bottom: 66%; background-image: url("/common/css/images/okdc_alli_srv_main_banner_01.png"); background-repeat: no-repeat; background-size: contain;} .okdc_alli_srv_shop_mov_btn.type_02 > div {width: 100%; height: 0; padding-bottom: 66%; background-image: url("/common/css/images/okdc_alli_srv_main_banner_02.png"); background-repeat: no-repeat; background-size: contain;} .okdc_alli_srv_shop_mov_btn:hover {filter: brightness(1.05);} .okdc_alli_srv_shop_mov_btn:hover:after {content: ""; width: 2rem; height: 100%; display: block; position: absolute; top: 0; left: -100%; transform: skewX(-30deg) translateX(0); background-color: rgba(255,255,255,0.3); animation: btnEfct01 .75s linear; animation-delay: 0.15s;} @keyframes btnEfct01 { 0% { left: -100%; } 100% { left: 100%; } } .okdc_alli_srv_main_ttl_wrap {border-bottom: none !important;} .okdc_alli_srv_main_ttl > dl {display: flex; justify-content: space-between; align-items: center; } .okdc_alli_srv_main_ttl > dl > dt {display: flex; align-items: center; gap: 0.25rem;} .okdc_alli_srv_main_ttl > dl > dt > a {font-size: 1.25rem;} .alli_srv_prd_ttl {text-align: left; font-weight: bold !important; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; margin-bottom: 0.25rem; height: 3rem;} .alli_srv_ori_pr {text-align: left; font-size: 0.9rem; color: #6c757d; margin-bottom: 0;} .alli_srv_ori_pr > span {margin-left: 0.5rem; text-decoration: line-through;} .alli_srv_dis_pr {text-align: left; font-size: 1rem; font-weight: bold !important; color: #333; margin-bottom: 0; white-space: nowrap;} .alli_srv_divy_item_lst em {font-style: normal;} .alli_srv_divy_item_lst .board-lst-swiper .prd_info_ul {display: grid !important; grid-template-columns: repeat(4, 1fr); gap: 1rem 0.5rem;} .alli_srv_divy_item_lst .board-lst-swiper .prd_info {margin: 0 !important; width: 100%; position: relative;} .alli_srv_prd_mngt_form_img_wrap {position: relative; width: 100%; height: 0; padding-bottom: 100%; overflow: hidden; margin-bottom: 1rem;} .alli_srv_prd_mngt_form_img_wrap > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain;} .alli_srv_divy_item_lst .aspb_prd_regs_badge {position: absolute; top: 1.25rem; left: 1.25rem; color: #79C0CB; border: 1px solid #79C0CB; border-radius: 3rem; z-index: 10; background-color: #ffffffe6; padding: 0.5rem 0.75rem; font-size: 14px; font-weight: 500;} .alli_srv_use_guid_dl_btn {display: block; border-radius: 0.5rem; margin: 0 !important;} /* 게시판 뷰 퍼가기 */ .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst:after{content:""; display:block; clear:both; overflow:hidden;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst{float:right; font-size:0;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst li{font-size:1rem;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst li .board_comt_ico_txt{display:none; font-size:16px; text-align:center; color:#666;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst .sns_share{vertical-align:top;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst .share-ico, .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst .sns_share .board_comt_ico_txt{display:inline-block; vertical-align:middle;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst .sns_share .board_comt_ico_txt{margin-left:5px;} .alli_srv_mann_info .board_comt_tool .board_comt_sns_lst li a{display:block;} /* 댓글 상단 툴*/ /* 간편복사 */ .alli_srv_mann_info .btn_base.board_shrg_info_btn {color:#333; padding: 2px 8px; font-size: 1rem; font-weight: 400; background-color: #fff; border: 1px solid #ebebeb; border-radius: 0.25rem;} .alli_srv_mann_info .btn_base.board_shrg_info_btn:hover {background-color: #dedede; transition: all 0.15s ease-in-out;} .alli_srv_mann_info .board_comt_tool{margin-bottom:0.625rem; padding:0 2rem 0.625rem 2rem; border-bottom:1px solid #efefef;} .alli_srv_mann_info .board_comt_tool:after{content:""; display:block; clear:both; overflow:hidden;} .alli_srv_mann_info .board_comt_tool em{font-style:normal;} .alli_srv_mann_info .board_comt_tool .board_comt_tool_lst{float:left; margin:0; padding:0;} .alli_srv_mann_info .board_comt_tool ul li{display:inline-block; margin-right:0.625rem;} .alli_srv_mann_info .board_comt_tool ul li:last-child{margin-right:0;} .alli_srv_mann_info .board_comt_tool ul li em span{margin-left:3px;} .alli_srv_mann_info .board_comt_tool ul li a:hover{text-decoration:none;} .alli_srv_mann_info .board_comt_tool .board_comt{position:relative; float:right;} .alli_srv_mann_info .board_comt_tool .board_comt em{margin-left:3px;} .alli_srv_mann_info .board_comt_tool .board_comt ul{display:none; position:absolute; top:30px; right:5px; z-index:3; width:120px; background-color:#fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.125);} .alli_srv_mann_info .board_comt_tool .board_comt ul li{display:block; margin-right:0;} .alli_srv_mann_info .board_comt_tool .board_comt ul li a{display:block; height:36px; padding:3px 0 3px 10px; font-weight:400;} .alli_srv_mann_info .board_comt_tool .board_comt ul li a:hover{background-color:#efefef;} .alli_srv_mann_info .board_comt_tool .board_comt ul li a span{display:inline-block; margin-right:7px; background-position:center;} .alli_srv_mann_info .board_comt_tool .board_comt ul li a .board_comt_ico_txt{ vertical-align: super;} .prd_regs_form {max-width: 600px;} .prd_regs_form > dl > dt {font-size: 20px; font-weight: bold;} .prd_regs_form > dl > dd {margin-top: 1rem;} .prd_regs_wrap {display: flex; justify-content: flex-start; align-items: stretch; gap: 0.5rem; position: relative; margin-bottom: 2rem;} .prd_regs_wrap > label {padding: 1.25rem; border: 1px solid #E1E1E1; border-radius: 10px; flex: 1;} .prd_regs_wrap input[type="radio"] {width: 1.25rem; height: 1.25rem;} .prd_regs_wrap label {display: block; margin-top: 0.5rem;} .prd_regs_wrap label dl {margin-bottom: 0;} .prd_regs_wrap label dl > dt {font-size: 18px; font-weight: bold;} .prd_regs_wrap label dl > dd {font-size: 16px; margin-top: 1rem; padding-top: 0.5rem; border-top: 1px solid #e1e1e1; word-break: keep-all;} .prd_regs_wrap > label.active {box-shadow: 0px 0px 4px rgba(0,0,0,0.4); border-color: #217AF2;} .prd_regs_wrap > label.active dl > dt {color: #217AF2;} .member-ad-body .biz_alli_cont {height: 50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} /* 행사참석 카테고리 관리 */ #clubAuspcCatLstList {border :1px solid #ddd; margin-top: 1rem;} #clubAuspcCatLstList > li {padding: 1rem; margin: 0;} #clubAuspcCatLstList > li:not(:first-child) {border-top: 1px solid #ddd;} #clubAuspcCatLstList > li > div {display: flex; align-items: center; gap: 1rem;} #clubAuspcCatLstList > li > div > div:not(.non-flex) {flex: 1 0 auto;} #clubAuspcCatLstList > li > div a {display: inline-block;} .club_auspc_cat_nm {font-style: normal; font-weight: bold;} /* 단체상품판매 */ .alli_srv_divy_form_top_info ul, .alli_srv_divy_form_top_info dl {padding-left: 0; margin-bottom: 0;} .alli_srv_divy_form_top_info ul > li {list-style: none;} /* 슬라이드 */ .alli_srv_divy_form_top_info .COMMON_SWIPER_IMG_VIEW > ul > li > div {width: 100%; height: 0; padding-bottom: 100%; position: relative; border: 1px solid #dfdfdf;} .alli_srv_divy_form_top_info .COMMON_SWIPER_IMG_VIEW > ul > li > div > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} .alli_srv_divy_form_top_info .swiper_img_paging_box {margin-top: 1rem; position: relative;} .alli_srv_divy_form_top_info .swiper_img_paging_wrap {width: 75%; margin: 0 auto;} .alli_srv_divy_form_top_info .swiper_img_paging_wrap > ul > li {cursor: pointer;} .alli_srv_divy_form_top_info .swiper_img_paging_wrap > ul > li > div {width: 100%; height: 0; padding-bottom: 100%; position: relative; border: 1px solid #dfdfdf;} .alli_srv_divy_form_top_info .swiper_img_paging_wrap > ul > li > div > img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;} .alli_srv_divy_form_top_info .swiper_img_paging_wrap > ul > li.swiper-slide-active:after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; border: 3px solid rgb(var(--color-primary));} .alli_srv_divy_form_top_info .COMMON_SWIPER_IMG_VIEW_WRAP .swiper_slide_counter_wrap {position: absolute; bottom: 5%; left: 50%; transform: translatex(-50%); z-index: 99; display: none;} .alli_srv_divy_form_top_info .COMMON_SWIPER_IMG_VIEW_WRAP .swiper_slide_counter {display: inline-block; padding: 0.125rem 0.75rem; background-color: #ffffffc9; border-radius: 1rem; font-size: 1rem; font-weight: 600; box-shadow: 0 0 1.5px rgb(0 0 0 / 40%);} .alli_srv_divy_form_top_info .swiper-button-next, .alli_srv_divy_form_top_info .swiper-button-prev {width: 1.25rem; height: 2.5rem; background-size: 100% 100%;} .alli_srv_divy_form_top_info .swiper-button-prev {background-image: url("/common/css/images/main_arrow_left.png");} .alli_srv_divy_form_top_info .swiper-button-next {background-image: url("/common/css/images/main_arrow_right.png");} .alli_srv_divy_form_top_info .alli_srv_divy_form_top_info_badge {background-color: #eaeaea; padding: 0.25rem 0.75rem; font-size: 14px; font-weight: 500;} .alli_srv_divy_form_top_info h2 {font-weight: bold !important; margin-top: 0.5rem;} .alli_srv_divy_form_top_det_info {display: table; table-layout: fixed; width: 100%; margin-top: 1.5rem;} .alli_srv_divy_form_top_det_info > * {display: table-cell; vertical-align: top;} .alli_srv_divy_form_top_det_info_left {padding-right: 2rem;} .alli_srv_divy_form_top_det_info_right {padding-left: 2rem;} .alli_srv_divy_form_top_det_info_box {border-top: 1px solid #000;} .alli_srv_divy_form_top_det_info_box > ul {padding: 1.5rem 0.5rem; border-bottom: 1px solid #e3e3e3;} .alli_srv_divy_form_top_det_info_box > ul > li:not(:first-child) {margin-top: 2rem;} .alli_srv_divy_form_top_det_info_box > ul > li > dl {display: table; table-layout: fixed; width: 100%;} .alli_srv_divy_form_top_det_info_box > ul > li > dl > * {display: table-cell; vertical-align: middle; font-size: 1.125rem; font-weight: 400;} .alli_srv_divy_form_top_det_info_box > ul > li > dl > dt {width: 120px;} .alli_srv_divy_form_top_det_info_box > ul > li > dl > dd > span {font-weight: 900; font-size: 1.75rem;} .alli_srv_divy_form_top_det_info_box > div:not(.card) {margin-top: 1.5rem;} .alli_srv_divy_form_top_det_info_box > div:not(.card) > dl {padding-left: 0.5rem; padding-right: 0.5rem;} .alli_srv_divy_form_top_det_info_box > div:not(.card) > dl > dt {font-size: 1.125rem;} .alli_srv_divy_form_top_det_info_box > div:not(.card) > dl > dd {margin-top: 0.75rem;} .alli_srv_divy_form_top_det_info_box > div:not(.card) > dl > dd > ul > li:not(:first-child) {margin-top: 0.5rem;} .alli_srv_divy_form_top_det_info_box > div:not(.card) > dl > dd > ul > li > span:first-of-type {font-weight: bold;} .alli_srv_divy_form_top_det_info_box > .card {margin-top: 2rem; border-radius: 0.5rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-body {padding: 0.75rem 1.25rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-header > div, .alli_srv_divy_form_top_det_info_box > .card > .card-body > div {display: flex; justify-content: flex-start; gap: 0.75rem; align-items: center;} .alli_srv_divy_form_top_det_info_box > .card > .card-header > div {gap: 1.25rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-header > div > dl {gap: 1.25rem;} .alli_srv_divy_form_top_det_info_box > .card div > .img_wrap {width: 2.5rem; height: 2.5rem; border-radius: 50%; overflow: hidden; position: relative;} .alli_srv_divy_form_top_det_info_box > .card div > .img_wrap > img {position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); display: block; object-fit: cover;} .alli_srv_divy_form_top_det_info_box > .card div > dl {display: flex; justify-content: flex-start; align-items: center; gap: 0.75rem;} .alli_srv_divy_form_top_det_info_box > .card + .card {margin-top: 1rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-header {background-color: transparent;} .alli_srv_divy_form_top_det_info_box > .card > .card-header .img_wrap {width: 4rem; height: 4rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-header dl {font-size: 1.25rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-body > ul > li:not(:first-child) {margin-top: 0.75rem;} .alli_srv_divy_form_top_det_info_box > .card > .card-body > ul > li > dl {display: table; width: 100%;} .alli_srv_divy_form_top_det_info_box > .card > .card-body > ul > li > dl > * {display: table-cell; vertical-align: middle;} .alli_srv_divy_form_top_det_info_box > .card > .card-body > ul > li > dl > dt {font-weight: 400; width: 100px;} .alli_srv_divy_form_top_det_info_box > .card > .card-body > ul > li > dl > dd {font-weight: 500;} .alli_srv_btn_wrap > a.btn {display: block; width: 100%; padding: 0.75rem 1.25rem; font-size: 1.25rem; font-weight: bold;} .alli_srv_divy_form_cont_wrap {margin-top: 5rem;} .alli_srv_divy_form_cont_tab {display: table; width: 100%; table-layout: fixed; margin-bottom: 2rem !important;} .alli_srv_divy_form_cont_tab > li {display: table-cell; vertical-align: middle;} .alli_srv_divy_form_cont_tab > li > a {padding: 0.75rem 0; font-size: 1.125rem; text-align: center; display: block; border: 1px solid #dedede;} .alli_srv_divy_form_cont_tab > li > a.active {background-color: #565656; color: #fff; font-weight: 500; border-color: #565656;} /* 구매신청서 다이얼로그 */ .alli_srv_divy_commen_wrap {padding: 2rem 1.25rem !important;} .alli_srv_divy_commen_wrap ul, .alli_srv_divy_commen_wrap dl {padding-left: 0; margin-bottom: 0;} .alli_srv_divy_commen_wrap ul > li {list-style: none;} .alli_srv_divy_commen_form_lst {display: table; table-layout: fixed; width: 100%;} .alli_srv_divy_commen_form_lst > li {display: table-cell; vertical-align: top;} .alli_srv_divy_commen_form_lst > li:first-child {width: 55%; padding-right: 0.75rem;} .alli_srv_divy_commen_form_lst > li .card {border-radius: 0.25rem; box-shadow: 0px 0px 2px rgba(0,0,0,0.35); overflow: hidden;} .alli_srv_divy_commen_form_lst .card > .card-body > dl > dt {font-size: 1.125rem;} .alli_srv_divy_commen_form_lst .card > .card-body > dl > dd {margin-top: 1rem;} .alli_srv_divy_commen_form_lst .card > .card-body > dl > dd > ul > li:not(:first-child) {margin-top: 0.75rem;} .alli_srv_divy_commen_form_lst .card > .card-body > dl > dd > ul > li > dl {display: table; table-layout: fixed; width: 100%;} .alli_srv_divy_commen_form_lst .card > .card-body > dl > dd > ul > li > dl > * {display: table-cell; vertical-align: top; font-size: 15px;} .alli_srv_divy_commen_form_lst .card > .card-body > dl > dd > ul > li > dl > dt {line-height: 34px; width: 80px;} .alli_srv_divy_commen_left_form .card > .card-body {padding-bottom: 25px;} .alli_srv_divy_commen_right_form .card > .card-body > dl > dd > ul > li > dl > dd {line-height: 34px;} .alli_srv_divy_commen_right_form .card-body > dl + dl {margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e6e6e6;} .alli_srv_divy_commen_right_form .card > .card-body > dl > dd > ul > li:not(:first-child) {margin-top: 0.25rem;} .alli_srv_divy_commen_btn_wrap {margin-top: 2rem; text-align: center;} .alli_srv_divy_commen_btn_wrap > a.btn {width: 100%; max-width: 400px; text-align: center; font-size: 1.25rem; padding: 0.75rem 1.25rem; font-weight: bold;} .alli_srv_divy_commen_cnt_form {display: flex; justify-content: flex-start; align-items: center;} .alli_srv_divy_commen_cnt_form > a {width: 34px; height: 34px; background-color: #f2f2f2; border: 1px solid #dbdbdb; text-align: center; line-height: 32px; font-size: 1.125rem; font-weight: 500;} .alli_srv_divy_commen_cnt_form > input {width: 34px; height: 34px; text-align: center; background-color: #fff; border: 1px solid #dbdbdb; border-left: none; border-right: none; font-weight: 500;} .alli_srv_comment_list {margin-top: 3rem; padding: 2rem; border-top: 1px solid #000;} .alli_srv_comment_list p {margin-bottom: 0;} .alli_srv_comment_list > dl > dt {font-size: 1.5rem; font-weight: 500;} .alli_srv_comment_list > dl > dd {margin-top: 2rem;} .alli_srv_comment_list > dl > dd > ul > li {border-top: 1px solid #e3e3e3; padding: 1rem 0.25rem;} .alli_srv_comment_list > dl > dd > ul > li > ul {display: table; table-layout: fixed; width: 100%;} .alli_srv_comment_list > dl > dd > ul > li > ul > li {display: table-cell; vertical-align: middle; padding-left: 0.75rem; padding-right: 0.75rem; position: relative;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:first-child {width: 80px;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:nth-child(2) {width: 80px; font-weight: bold; text-align: center; padding-left: 0;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:nth-child(3) {width: 180px; text-align: center;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:nth-child(4) {width: 72px; text-align: center;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:last-child {width: 128px; font-size: 0.9rem;} .alli_srv_comment_list > dl > dd > ul > li > ul > li:nth-child(2):after, .alli_srv_comment_list > dl > dd > ul > li > ul > li:nth-child(3):after, .alli_srv_comment_list > dl > dd > ul > li > ul > li:nth-child(4):after {content: ""; display: inline-block; width: 2px; height: 1.75rem; vertical-align: middle; background-color: #e4e4e4; position: absolute; top: 50%; right: 0; transform: translateY(-50%);} .alli_srv_comment_list .img-wrap {width: 50px; height: 50px; overflow: hidden; border-radius: 50%; border: 1px solid #e6e6e6;} /* 상생 협약 서비스 솔루션 소개 */ .alli_srv_intro_info {font-size: 16px; margin-bottom: 5rem;} .alli_srv_intro_info p, .alli_srv_intro_info ul, .alli_srv_intro_info dl {padding-left: 0; margin-bottom: 0;} .alli_srv_intro_info ul > li {list-style: none;} .alli_srv_intro_info em {font-style: normal;} .alli_srv_intro_main_info_lst {margin-top: 3rem; margin-bottom: 3rem !important;} .alli_srv_intro_main_info_lst > li:not(:first-child) {margin-top: 5rem;} .alli_srv_intro_main_info_lst > li {position: relative;} .alli_srv_intro_main_info_lst > li:after {position: absolute; top: -1rem; right: 0.5rem; font-size: 4.5em; color: #b1b1b180; font-weight: bolder;} .alli_srv_intro_main_info_lst > li:first-child:after {content: "01";} .alli_srv_intro_main_info_lst > li:nth-child(2):after {content: "02";} .alli_srv_intro_main_info_lst > li:nth-child(3):after {content: "03";} .alli_srv_intro_main_info_lst > li:nth-child(4):after {content: "04";} .alli_srv_intro_main_info_lst > li:nth-child(5):after {content: "05";} .alli_srv_intro_main_title {color: #223559;} .alli_srv_intro_main_title > span {display: block; font-size: 0.75em; margin-bottom: 0.5rem;} .alli_srv_intro_main_title > span > em {margin-right: 0.5rem;} .alli_srv_intro_main_title > span > em:nth-of-type(2) {color: #bac3d1;} .alli_srv_intro_main_title > p {margin-left: 0.5rem; font-weight: bold !important; font-size: 2em;} .alli_srv_intro_sub_title {font-size: 1.5em; font-weight: bold; color: #223559; margin-top: 3rem;} .alli_srv_intro_sub_title > span {font-size: 0.75em; display: inline-block; vertical-align: middle; margin-right: 0.375rem;} .alli_srv_intro_sub_cont {margin-top: 2em;} .alli_srv_intro_sub_cont .card {border: none; border-radius: 1rem; overflow: hidden;} .alli_srv_intro_sub_cont .card > .card-body {background-color: #f7fcff;} .alli_srv_intro_sub_cont .card > .card-body > p {font-size: 1.25em; word-break: keep-all; font-weight: 500;} .alli_srv_intro_sub_cont_lst > li:not(:first-child) {margin-top: 1rem;} .alli_srv_intro_sub_cont_lst > li {display: flex; justify-content: flex-start; align-items: flex-start; gap: 0.75rem;} .alli_srv_intro_sub_cont_lst > li > span {font-size: 0.75em; line-height: 1.625rem;} .alli_srv_intro_sub_cont_lst > li > p {font-size: 1.125em; font-weight: 500 !important;} .alli_srv_intro_sub_cont_lst > li > p span {color: #5489f6;} .alli_srv_intro_img_wrap {position: relative;} .alli_srv_intro_img_title {position: absolute; top: 1.25rem; left: 48%; transform: translateX(-50%); font-size: 1.25em; font-weight: 500; color: #fff; background-color: #ec4233; padding: 1.25rem 1em; border-radius: 0.25rem;} .alli_srv_intro_img_sm_title {position: absolute; top: 1.25rem; left: 48%; transform: translateX(-50%); font-size: 0.7em; font-weight: 500; color: #fff; background-color: #ec4233; padding: 1.25rem 1em; border-radius: 0.25rem;} /* 23.12.22 전자 문서 결재 */ .my_page_deap_form ul {margin-bottom: 0; padding-left: 0;} .my_page_deap_form ul > li {list-style: none; vertical-align: middle;} .my_page_deap_main_list_top {position: relative;} .my_page_deap_set_usr_sign_inf_form_wrap {position: absolute; top: 50%; right: 0; transform: translateY(-50%);} .my_page_deap_form .text-overflow {max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block;} .deap_form_list_btn {width: 300px; padding: 0.375rem 0.75rem; font-size: 1.25rem; font-weight: 500 !important; border-radius: 0.25rem;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li {border: 1px solid #cbcbcb; height: 42px;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:not(:first-child) {margin-left: -1px;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:first-child {background-color: #cbcbcb; font-size: 1.125rem; padding-left: 1rem; padding-right: 1rem; line-height: 42px; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:nth-child(2) {min-width: 100px; text-align: center; padding-top: 0.25rem; padding-bottom: 0.25rem;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:nth-child(2) > div {height: 34px; position: relative;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:nth-child(2) > div > img {position: absolute; width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: contain;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:last-child {padding: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; overflow: hidden;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:last-child > a {color: #333 !important; background-color: #cbcbcb; border-color: #cbcbcb; height: 40px; line-height: 26px; margin-left: 0; margin-right: 0; font-size: 1.125rem;} .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:last-child > a:hover, .my_page_deap_set_usr_sign_inf_form_wrap > ul > li:last-child > a:focus {color: #fff !important; background-color: #333; border-color: #333; transition: all 0.15s;} .my_page_deap_main_list_center {margin-top: 3rem;} .my_page_deap_main_list_center > ul > li:not(:first-child) {margin-top: 4rem;} .my_page_deap_main_list_center > ul > li > dl > dt > a {font-size: 1.25rem;} .my_page_deap_main_list_center > ul > li > dl > dt > a:hover {opacity: 0.7;} .my_page_deap_main_list_center table {table-layout: fixed; border-top: 2px solid #1c74cc;} .my_page_deap_main_list_center table th {background-color: #e9ecef;} .my_page_deap_main_list_center table tr > td {vertical-align: middle; text-align: center;} .my_page_deap_main_list_center table tr > td a.btn {border-radius: 0.25rem;} .my_page_deap_main_list_center table tr > td a:not(.btn) {font-weight: 500; display: block;} .my_page_deap_main_list_center table tr > td a:not(.btn):hover {text-decoration: underline !important;} .my_page_deap_main_list_center table span.badge {border-radius: 0;} .my_page_deap_data_form_wrap {border: 2px solid #dee2e6; padding: 4rem;} .my_page_deap_data_form_wrap h1 {letter-spacing: 1rem; margin-top: 0; margin-bottom: 2rem;} .my_page_deap_data_form {max-width: 800px; margin: 0 auto;} .my_page_deap_data_form table tr > td {vertical-align: middle; text-align: center;} /* .my_page_deap_data_form .my_page_deap_data_form_top {display: flex; justify-content: space-between; align-items: flex-start;} */ .my_page_deap_data_form .my_page_deap_data_form_top {display: table; table-layout: fixed; width: 100%;} .my_page_deap_data_form .my_page_deap_data_form_top > * {display: table-cell; margin-bottom: 0.5rem; vertical-align: top;} .my_page_deap_data_form .my_page_deap_data_form_top > .my_page_deap_data_form_top_right {width: 528px;} .my_page_deap_data_form_top table {margin-bottom: 0;} .my_page_deap_data_form_top table th {background-color: #ddd;} .my_page_deap_data_form_top_left table {border-top: 2px solid #333; margin-top: 0;} .my_page_deap_data_form_top_left table tbody tr > th, .my_page_deap_data_form_top_left table tbody tr > td {border-color: #bbbbbb; padding: 0.75rem 0.5rem;} .my_page_deap_data_form_top_right table {margin-top: 0;} .my_page_deap_data_form_top_right {text-align: right;} .my_page_deap_data_form_top_right .appro_apv_wrap {height: 100%;} .my_page_deap_data_form_top_right .appro_apv_wrap > .appro_apv {position: relative; width: 100%; height: 100%;} .my_page_deap_data_form_top_right .appro_apv_wrap > .appro_apv > .appro_apv_unm {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%); color: #333; font-weight: 400; font-size: 0.9rem;} .my_page_deap_data_form_top_right .appro_apv_wrap > .appro_apv > img + .appro_apv_unm {top: 95%;} .my_page_deap_data_form_top_right .appro_apv_wrap > .appro_apv > img {position: absolute; top: 35%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: contain; z-index: 10;} @media print { body {-webkit-print-color-adjust: exact;} #prtWrap {margin-right: 4rem;} .nonPrt {display: none;} } /* 전자 문서 결재 댓글 폼 수정 */ .my_page_deap_form .comn_cmt_wrap {background-color: #fff; border-bottom: none;} .my_page_deap_form .comn_cmt_wrap:not(.comn_regs_cmt_wrap) {padding: 1rem;} .my_page_deap_form .comn_regs_cmt_wrap > .okdc_rply_form {padding: 1rem 0;} .my_page_deap_form .cmt_wrir_wrap {width: calc(88% - 50px);} .my_page_deap_form .cmt_func_wrap {width: 12%;} .my_page_deap_form .cmt_wrir_wrap textarea {height: 60px; font-size: 0.9rem;} .my_page_deap_form .cmt_save_btn_wrap a {height: 60px; line-height: 50px;} .my_page_deap_form .cmt_save_btn_wrap a .img_wrap + span {margin-left: 0.375rem;} .my_page_deap_form .cmt_func_wrap .cmt_save_btn_wrap a > * {font-size: 0.9rem;} .my_page_deap_form .cmt_prfl_wrap {width: 50px; margin-top: 0.25rem;} .my_page_deap_form .cmt_prfl_wrap .img_wrap {width: 50px; height: 50px;} .my_page_deap_form .cmt_wrir_info_lst .cmt_wrir_user > * {font-size: 1rem;} .my_page_deap_form .cmt_wrir_tool_wrap + .cmt_view {margin-top: 0.25rem; font-size: 0.9rem;} /* 전자 문서 결재 결재라인 폼 수정 */ .deap_set_sign_stg_lst_sttl_wrap {padding-left: 2rem; position: relative; max-width: 528px;} .deap_set_sign_stg_lst_sttl_wrap > div {position: absolute; width: 2rem; height: 100%; border: 1px solid #333; top: 0; left: 1px; text-align: center; background-color: #ddd;} .deap_set_sign_stg_lst_sttl_wrap > div > span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-weight: 500; font-size: 0.9rem;} .deap_set_sign_stg_lst_sttl_wrap > ul:after {content: ""; display: block; clear: both;} .deap_set_sign_stg_lst_sttl_wrap > ul > li {display: table-cell; float: left;} .deap_set_sign_stg_lst_sttl_wrap > ul > li:not(:nth-child(5n+1)) {margin-left: -1px;} .deap_set_sign_stg_lst_sttl_wrap > ul > li:nth-child(n+6) {margin-top: -1px;} .deap_set_sign_stg_lst_sttl_wrap > ul > li > div {width: 100px; border: 1px solid #333; text-align: center; padding: 0.5rem 0.25rem; font-size: 0.9rem; line-height: 1rem;} .deap_set_sign_stg_lst_sttl_wrap > ul > li > div:not(:first-child) {margin-top: -1px;} .deap_set_sign_stg_lst_sttl_wrap > ul > li > div:first-child {background-color: #f8f8f8; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .deap_set_sign_stg_lst_sttl_wrap > ul > li > div:nth-child(2) {height: 5rem; word-break: break-all;} .dc_eapno_appro_stg_lst_btn_wrap {width: 80%;} .dc_eapno_appro_stg_lst_btn_wrap > a {display: block; position: relative; height: 9rem; text-align: center; border: 2px dashed #ddd; color: #6c757d; border-radius: 0.5rem;} .dc_eapno_appro_stg_lst_btn_wrap > a:hover {color: #333; border-color: #6c757d; transition: all 0.15s linear;} .dc_eapno_appro_stg_lst_btn_wrap > a > span {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-decoration: underline;} /* 유튜브 소개 영상 */ .common_mngr_menu_faq_vid_link {padding-right: 20px; margin-left: 1rem; margin-top: 0.375rem; font-size: 17px; font-weight: 500; background-color: #e1e0e0; color: #141414; border: 1px solid #e1e0e0; border-radius: 10px; vertical-align: middle; display: inline-block;} .common_mngr_menu_faq_vid_link .img_wrap {display: inline-block; text-indent: -9999px; width: 46px; height: 32px; margin-top: -5px; margin-right: 10px; background: url("/common/css/images/ico_video.png") no-repeat center; background-size: contain; vertical-align: middle;} .common_mngr_menu_faq_vid_link .img_wrap + span {font-weight: 500;} /* 상생/제휴 서비스 구매내역 상세보기 */ .alli_srv_ord_det_info .product-image { width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #e9ecef; } .alli_srv_ord_det_info .info-row { display: flex; justify-content: space-between; align-items: center; padding: 16px 0; border-bottom: 1px solid #f1f3f4; } .alli_srv_ord_det_info .info-row:last-child { border-bottom: none; } .alli_srv_ord_det_info .info-label { color: #666; font-size: 14px; font-weight: 500; min-width: 100px; } .alli_srv_ord_det_info .info-value { color: #333; font-size: 15px; font-weight: 600; text-align: right; flex: 1; } .alli_srv_ord_det_info .section-title { font-size: 18px; font-weight: 700; color: #333; margin-bottom: 20px; padding-bottom: 8px; border-bottom: 2px solid #333; } .alli_srv_ord_det_info .product-section { background: #fff; border-radius: 12px; padding: 24px; margin-bottom: 24px; border: 1px solid #e9ecef; } .alli_srv_ord_det_info .order-info-section { background: #fff; border-radius: 12px; padding: 24px; border: 1px solid #e9ecef; } .alli_srv_ord_det_info .price-highlight { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white !important; padding: 12px 16px; border-radius: 8px; font-size: 16px; font-weight: 700; text-align: center; } .alli_srv_ord_det_info .price-negotiable { background: #fff3cd; color: #856404; border: 1px solid #ffeaa7; padding: 12px 16px; border-radius: 8px; font-size: 16px; font-weight: 700; text-align: center; } .alli_srv_ord_det_info .address-container { background: #f8f9fa; border-radius: 8px; padding: 16px; margin-top: 8px; } .alli_srv_ord_det_info .product-layout { display: flex; align-items: flex-start; } .alli_srv_ord_det_info .product-image-container { flex-shrink: 0; margin-right: 15px; } .alli_srv_ord_det_info .product-image-placeholder { width: 120px; height: 120px; background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; display: none; align-items: center; justify-content: center; color: #666; font-size: 12px; } .alli_srv_ord_det_info .product-info-container { flex: 1; min-width: 0; } .alli_srv_ord_det_info .product-name { color: #333; line-height: 1.4; font-weight: bold; margin: 0 0 20px 0; word-break: break-word; } .alli_srv_ord_det_info .product-detail { margin-bottom: 12px; } .alli_srv_ord_det_info .product-detail:last-child { margin-bottom: 0; } .alli_srv_ord_det_info .detail-label { color: #666; font-size: 14px; } .alli_srv_ord_det_info .detail-value { color: #333; font-size: 14px; font-weight: bold; } .alli_srv_ord_det_info .detail-value-amount { color: #666; font-size: 14px; font-weight: bold; } .alli_srv_ord_det_info .info-value-input { color: #333; width: auto; max-width: 200px; border: 0; background: transparent; text-align: right; font-weight: bold; } .alli_srv_ord_det_info .address-section { padding: 16px 0; border-bottom: none; } .alli_srv_ord_det_info .address-label { margin-bottom: 12px; } .alli_srv_ord_det_info .address-item { line-height: 1.5; margin-bottom: 8px; } .alli_srv_ord_det_info .address-item:last-child { margin-bottom: 0; } .alli_srv_ord_det_info .address-type { color: #666; font-size: 13px; margin-bottom: 4px; } .alli_srv_ord_det_info .address-text { color: #333; width: 100%; font-size: 15px; font-weight: bold; border: 0; background: transparent; } .alli_srv_ord_det_info .address-detail { color: #333; width: 100%; font-size: 14px; border: 0; background: transparent; } .alli_srv_ord_det_info .product-layout { display: flex; align-items: flex-start; } .alli_srv_ord_det_info .product-image-wrapper { flex-shrink: 0; margin-right: 15px; } .alli_srv_ord_det_info .product-image { width: 120px; height: 120px; object-fit: cover; border-radius: 8px; border: 1px solid #e9ecef; display: block; } .alli_srv_ord_det_info .product-image-placeholder { width: 120px; height: 120px; background-color: #f8f9fa; border: 1px solid #e9ecef; border-radius: 8px; display: none; align-items: center; justify-content: center; color: #666; font-size: 12px; } .alli_srv_ord_det_info .product-content { flex: 1; min-width: 0; } .alli_srv_ord_det_info .product-title { color: #333; line-height: 1.4; font-weight: bold; margin: 0 0 20px 0; word-break: break-word; } .alli_srv_ord_det_info .product-detail-row { margin-bottom: 12px; } .alli_srv_ord_det_info .product-detail-row:last-child { margin-bottom: 0; } .alli_srv_ord_det_info .detail-label { color: #666; font-size: 14px; margin-right: 8px; } .alli_srv_ord_det_info .detail-value { color: #333; font-size: 14px; font-weight: bold; } .alli_srv_ord_det_info .detail-value-gray { color: #666; font-size: 14px; font-weight: bold; } .alli_srv_ord_det_info .info-input { color: #333; width: auto; max-width: 200px; } .alli_srv_ord_det_info .address-section { padding: 16px 0; border-bottom: none; } .alli_srv_ord_det_info .address-header { margin-bottom: 12px; } .alli_srv_ord_det_info .address-box { background: #f8f9fa; border-radius: 8px; padding: 16px; width: 100%; } .alli_srv_ord_det_info .address-row { margin-bottom: 8px; line-height: 1.5; } .alli_srv_ord_det_info .address-row:last-child { margin-bottom: 0; } .alli_srv_ord_det_info .address-label-small { color: #666; font-size: 13px; margin-bottom: 4px; } .alli_srv_ord_det_info .address-input-main { color: #333; width: 100%; font-size: 15px; word-wrap: break-word; } .alli_srv_ord_det_info .address-input-detail { color: #333; width: 100%; font-size: 14px; word-wrap: break-word; } /* 부트스트랩 추가 */ .w-80px {width: 80px;} .w-100px {width: 100px;} .w-120px {width: 120px;} .w-140px {width: 140px;} .w-160px {width: 160px;} .w-180px {width: 180px;} .w-200px {width: 200px;} .dsfasdfasd {}