@charset "utf-8"; /* CSS Document */ /************************************************************ * 기본 ************************************************************/ body {margin:0; padding:0; background-color:#FFF; color:#666666; font-size:normal; line-height:150%;} div, ul, ol, li, dl, dd, dt {margin:0px; padding:0px; font:13px "MS PGothic"; color:#656565; line-height:150%; list-style:none;} Form {margin:0px; padding:0px;} fieldset, form, label, legend { margin: 0; padding: 0; border: 0;} img {border:none;} h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;} p{margin:0px; padding:0px;} hr {padding:0; margin:0;} *+html body{font-family:"MS PGothic", "MS Gothic";} /* img rollover */ a.rollover img { border-width:0px; display:block; } a.rollover img.rollover { display:none; } a.rollover:hover { position:relative; } a.rollover:hover img { display:none; } a.rollover:hover img.rollover { display:block; } /* 링크색상 */ /* A:link {text-decoration:none; color:#FFFFFF;} A:visited {text-decoration:none; color:white;} A:hover {text-decoration:none; color:white;} */ /*rollover */ /* A {color: #0056a7; text-decoration: none; padding: 0;} A:hover { color:#db0018;text-decoration:none; } */ A {color: white; text-decoration: none; padding: 0;} A:active{color:#000000;} A:visited {text-decoration:none; color:white;} A:hover { color:#db0018;text-decoration:none; } /*btn_order */ input.orderBtn{width:14px;height:20px;cursor:pointer;font-size:9px;padding:0;margin:0;cursor:pointer;} .fl {float:left;} .fr {float:right;} .clear {clear:both;} .Align_L{color:#ffffff; text-align:left;} .Align_C{text-align:center;} .Align_D{text-align:center; margin:0px 0px 0px;} .Align_R{color:#ffffff;text-align:right;} .padr5 {padding-right:5px;} .padl15 {padding-left:15px;} .padr15 {padding-right:15px;} .padT20 { padding-top:20px;} .margT20 { margin-top:20px;} .margT40 { margin-top:40px;} .margB20 { margin-bottom:20px;} .margB10 { margin-bottom:10px;} .margB40 { margin-bottom:40px;} .margB50 { margin-bottom:50px;} .marg50 { margin:50px 0 5px 0; float:left;} .pad5 {clear:both; width:100%; margin:0; padding:0; height:5px;} .pad10 {clear:both; width:100%; margin:0; padding:0; height:16px;} .pad16 {clear:both; width:100%; margin:0; padding:0; height:10px;} .pad20 {clear:both; width:100%; margin:0; padding:0; height:20px;} .pad30 {clear:both; width:100%; margin:0; padding:0; height:50px;} .pad50 {clear:both; width:100%; margin:0; padding:0; height:50px;} /* Font */ .Bold {font-weight:bold;} .Black {color:#000000;} .Orange {color:#ff6600;} .Blue {color:#0056a7;} .Red {color:#dc0000;} .White {color:#ffffff;} .Price {font-size:1.5em; color:#dc0000; font-family:tahoma;} .font08 {font-size:0.8em;} /* Background */ .bgGreen {background:#679e1e;} .bgGray {background:#ececec;} .bgGray2 {background:#f7f7f7;} .bgBlack {background:#393939;} /* width */ .W10{width:10%;} .W30{width:30%;} .W50{width:50%;} .W98{width:98%;} .W150 {width:150px;} .W180 {width:180px;} .W210 {width:210px;} .W300 {width:300px;} .W315 {width:315px;} .W430 {width:430px;} .marginR10 {margin-right:10px;} .dotline {clear:both; margin:0 0 15px 0; padding-bottom:15px; border-bottom:1px solid #cecece;} .icon1 {clear:both; margin:0 0 5px 0; padding:0 0 0 35px;background:url(/images/default/icon1.gif) 5px 6px no-repeat; font-size:0.8em; text-indent:-20px;} .h4normal {clear:both; margin:0 0 20px 0; padding:10px 0 10px 15px; width:635px; background:url(/images/default/h4normal.gif) 0 0 no-repeat #3b3b3b; color:#ffffff; font-weight:bold; font-size:15px;} .padl10{margin-left:10px;} /* Form */ .blackbtn {margin:0; padding:5px; color:#ffffff; background:url(/ebook3/images/btn/blackbtn.gif) 0 0 no-repeat; width:50px; text-align:center; font-size:10px; cursor:pointer;} input[type=text], input[type=password], textarea {border:1px solid #cccccc;} /* 버튼스타일모음 ######################################################################################### */ .loginBtn1 {font-family:"Meiryo"; font-size:12px; box-sizing:border-box; width:130px; border:1px solid #1383ca; color:#fff; background-color:#18a1f9; text-align:center; font-weight:bold; padding:2px 10px;cursor:pointer;} .loginBtn {font-family:"Meiryo"; font-size:12px; box-sizing:border-box; width:80px; border:1px solid #1383ca; color:#fff; background-color:#18a1f9; text-align:center; font-weight:bold; padding:2px 10px;cursor:pointer;} .loginBtn2 {font-family:"Meiryo"; font-size:12px; box-sizing:border-box; width:50px; border:1px solid #1383ca; color:#fff; background-color:#18a1f9; text-align:center; font-weight:bold; padding:2px 10px;cursor:pointer;} .loginBtn2_menu { font-size:12px; box-sizing:border-box; width:50px; border:1px solid #1383ca; color:#fff; background-color:#18a1f9; text-align:center; font-weight:bold; padding:2px 10px;cursor:pointer;} .manualBtn {font-size:12px; box-sizing:border-box; width:160px; border:1px solid #4a4a4a; color:#fff; background-color:#5b5b5b; text-align:center; font-weight:bold; padding:2px 10px;cursor:pointer;} .manualBtn1 {font-family:"Meiryo"; font-size:12px; box-sizing:border-box; width:120px; border:1px solid #4a4a4a; color:#fff; background-color:#5b5b5b; text-align:center; font-weight:bold; padding:2px 10px;cursor:pointer;} .storeBtn {font-family:"Meiryo"; font-size:12px; box-sizing:border-box; width:90px; border:1px solid #d43540; color:#fff; background-color:#f25d80; text-align:center; font-weight:bold; padding:2px 10px;cursor:pointer;} .storeBtn_menu {font-size:12px; box-sizing:border-box; width:90px; border:1px solid #d43540; color:#fff; background-color:#f25d80; text-align:center; font-weight:bold; padding:2px 10px;cursor:pointer;} .modify_sBtn {border:1px solid #257fb3; color:#fff; background-color:#2697d5 ; text-align:center; padding:3px 3px 2px 3px;cursor:pointer;} .del_sBtn {border:1px solid #494949; color:#fff; background-color:#626262; text-align:center; padding:3px 3px 2px 3px;cursor:pointer;} .save_mBtn {border:1px solid #166c9d; color:#fff; background-color:#1b85c1; text-align:center; font-weight:bold; padding:12px 20px 9px 20px; font-size:14px;cursor:pointer;} .cancel_mBtn {border:1px solid #b9b9b9; color:#333; background-color:#e4e4e4; text-align:center; font-weight:bold; padding:12px 20px 9px 20px; font-size:14px;cursor:pointer;} .findBtn {border:1px solid #b9b9b9; color:#333; background-color:#e4e4e4; text-align:center; font-weight:bold; padding:2px 20px 1px 20px; font-size:12px; margin-left:2px;cursor:pointer;} .userBtn {display: inline-block; border:1px solid #cc4e86; color:#fff; background-color:#ff61a7; text-align:center; font-weight:bold; padding:2px 10px;cursor:pointer;} .userBtn:hover {color:#fff;} .detail_sBtn {border:1px solid #bf5419; color: #fff; background-color: #eb681f; text-align:center; padding:3px 3px 2px 3px;cursor:pointer;} .detail_nBtn {border:1px solid #000; color: #fff; background-color: #0080ff; text-align:center; padding:3px 3px 2px 3px;cursor:pointer;} .s_mBtn {border:1px solid #1b85c1; color:#1b85c1; background-color:#fff; text-align:center; font-weight:bold; padding:5px 20px 4px 20px; font-size:14px;cursor:pointer;} .c_mBtn {border:1px solid #505050; color:#fff; background-color:#6b6b6b; text-align:center; font-weight:bold; padding:5px 20px 4px 20px; font-size:14px;cursor:pointer;} /* 폼스타일모음 ######################################################################################### */ .input_99 {width:99%;} .input_90 {width:90%;} .input_80 {width:80%;} .input_70 {width:70%;} .input_60 {width:60%;} .input_50 {width:50%;} .input_50s {width:50px;} .input_40 {width:40%;} .input_30 {width:30%;} .input_70px {width:70px;} .input_4 {width:40px;} .input_3 {width:30px;} .input_2 {width:20px;} .tarea_99 {width:99%;height:80px;} .tarea_50 {width:50%;height:80px;} .tarea_60 {width:60%;height:80px;} .tarea_69 {width:69%;height:80px;} .tarea_100 {width:99%;height:140px;} /* Site Layout - Body Wrap ######################################################################################### */ #wrap {width:100%; min-width:1350px; margin:0 auto; padding:0;} /* login ######################################################################################### */ #wrap #loginWrap { margin:0 auto; vertical-align:middle; width:428px; height:187px; background-image:url(/images/login/bg_login_new.jpg); background-repeat:no-repeat; position:relative; margin-top:280px;} #wrap #loginWrap .rember { position:absolute; left:130px; top:58px;color:#ccc;} #wrap #loginWrap .login{ position:absolute; left:130px; top:81px;} #wrap #loginWrap .login li { padding-bottom:6px;} #wrap #loginWrap .login li input { border:0px; height:17px; padding-left:5px; width:145px;} #wrap #loginWrap .login .btnArea { position:absolute; left:160px; top:0px;width:98px; height:44px;border:0px; background-image:url(/images/login/btn_login.gif); background-repeat:no-repeat;cursor:pointer;} #wrap #loginWrap .login .errors { color:#ff0000; } /* header ######################################################################################### */ #header {margin:0 auto; width:100%; height:111px; background-image:url(/images/common/bg_header.gif); } #header #headerWrap{width:1250px; margin:0 auto; position:relative;} #header #headerWrap h1 { padding-top:22px; float:left;} #header #headerWrap .topArea .topLeft{ position:absolute; right:0; top:20px; padding-right:10px;} #header #headerWrap .topArea .topLeft input[type=button] {display:inline-block; height:24px;} #header #headerWrap .topArea .topCenter{ position:absolute; right:830px;; top:20px; padding-right:0px;} #header #headerWrap .gnb{ width:1350px; clear:both; position:absolute; top:80px; text-align:left;} #header #headerWrap .gnb li { display:inline; text-align:center; padding:0 7px; font-size:16px; font-weight:bold; color:#fff; } #header #headerWrap .gnb li a:hover { color:#d5ff53;} /* cntContainer ######################################################################################### */ /* 좌측부분 */ #cntContainer { width:1250px; margin:0 auto; padding-top:12px; background-image:url(/images/common/bg_leftOutline.gif); background-repeat:repeat-y; background-position:top left;} #cntContainer #cntLeft {width:215px; float:left; margin-right:20px; } #cntContainer #cntLeft #servicePlanWrap { background-color:#ededed; border:1px solid #cacaca; padding:4px;} #cntContainer #cntLeft #servicePlanWrap p { font-size:16px; font-weight:bold; text-align:center; color:#1c8bc2; padding:5px 0;} #cntContainer #cntLeft #servicePlanWrap .servicePlan { background-color:#fff; padding:2px; list-style:none;} #cntContainer #cntLeft #servicePlanWrap .servicePlan dl { overflow:hidden; height:24px;} #cntContainer #cntLeft #servicePlanWrap .servicePlan dl dt {float:left; width:100px; padding-left:10px; font-weight:bold; color:#1a7db5; background-image:url(/images/common/bg_dot.gif); background-repeat:no-repeat; background-position:0px 3px;} #cntContainer #cntLeft #servicePlanWrap .servicePlan .id {border:none;padding:0;margin:0;font:13px MS PGothic;color:#656565;width:90px;} #cntContainer #cntLeft #servicePlanWrap .servicePlan dl dd { float:left;} #cntContainer #cntLeft .leftBan { margin-top:10px; } #cntContainer #cntLeft .leftBan li { background-image:url(/images/common/bg_leftMenu.gif); background-repeat:no-repeat; display:block; height:36px; font-size:16px; font-weight:bold; text-align:center; color:#fff; padding-top:6px;} #cntContainer #cntLeft .leftBan li a:hover { color:#b4ff00; display:block;} #cntContainer #cntLeft .leftBan_link { margin-top:10px; } #cntContainer #cntLeft .leftBan_link li { display:block; margin-bottom:6px;} #cntContainer #cntLeft .leftBan_link li p { padding:3px 7px 0 7px; width:201px; font-size:12px;} #cntContainer #cntLeft .leftBan .sub li { background-image:url(/images/common/bg_leftMenu1.gif); background-repeat:no-repeat; display:block; height:36px; font-size:16px; font-weight:bold; text-align:center; color:#fff; padding-top:6px;} #cntContainer #cntLeft .leftBan .loca li { background-image:url(/images/common/bg_leftMenu2.gif); background-repeat:no-repeat; display:block; height:36px; font-size:16px; font-weight:bold; text-align:center; color:#fff; padding-top:6px;} #cntContainer #cntLeft #cateWrap { border-top:1px solid #cfcfcf; border-left:1px solid #cfcfcf; border-right:1px solid #cfcfcf; min-height:30px;} #cntContainer #cntLeft #cateWrap li {border-bottom:1px dotted #ccc; padding:5px 5px; } #cntContainer #cntLeft #cateWrap .on { background-color:#f2f4f6;} #cntContainer #cntLeft #cateWrap .last{border-bottom:0px dotted #ccc; padding:10px 10px; } #cntContainer #cntLeft #cateWrap .cateList li { border-bottom:0px dotted #ccc; } #cntContainer #cntLeft #cateWrap .cateList li a { color:#555; display:block;} #cntContainer #cntLeft #cateWrap .cateList li a:hover { color:#1b85c1; display:block;} #cntContainer #cntLeft #cateWrap .cateList .depth_01 { font-size:14px; font-weight:bold; height:18px;} #cntContainer #cntLeft #cateWrap .cateList .depth_02 { font-size:12px; padding-left:18px; height:18px; background-image:url(/images/common/bg_dot.gif); background-repeat:no-repeat; background-position:3px -78px;} #cntContainer #cntLeft #cateWrap .cateList .depth_03 { font-size:12px; padding-left:30px; height:18px; background-image:url(/images/common/bg_dot.gif); background-repeat:no-repeat; background-position:15px -78px;} .cateList li { border-bottom:0px dotted #ccc; } .cateList li a { color:#555; display:block;} .cateList li a:hover { color:#1b85c1; display:block;} .cateList .depth_01 { font-size:14px; font-weight:bold; height:18px;} .cateList .depth_02 { font-size:12px; padding-left:18px; height:18px; background-image:url(/images/common/bg_dot.gif); background-repeat:no-repeat; background-position:3px -78px;} .cateList .depth_03 { font-size:12px; padding-left:30px; height:18px; background-image:url(/images/common/bg_dot.gif); background-repeat:no-repeat; background-position:15px -78px;} /* cntRight 콘텐츠부분 공통 ######################################################################################### */ #cntContainer #cntRight { float:right; margin:0 auto; width:81%;} #cntContainer #cntRight h2 { position:relative; clear:both; padding-bottom:10px; background-image:url(/images/common/bg_dot.gif); background-repeat:no-repeat; background-position:-5px -32px; padding-left:20px; color:#353535;} #cntContainer #cntRight h3 { position:relative; clear:both; padding-bottom:10px; background-image:url(/images/common/bg_dot.gif); background-repeat:no-repeat; background-position:-5px -32px; padding-left:20px; color:#353535;} #cntContainer #cntRight h4 { position:relative; clear:both; padding-bottom:10px; padding-left:20px; color:#353535;} #cntContainer #cntRight h3 span{ font-size:12px; color:#999; font-weight:normal; padding-left:10px;} #cntContainer #cntRight h4 span{ font-size:12px; color:#999; font-weight:normal;} #cntContainer #cntRight .cntBtn { text-align:center; padding:20px 0 40px 0;} #cntContainer #cntRight .cntBtn input { vertical-align:middle;} .cntBtn { text-align:center; padding:20px 0 40px 0;} .cntBtn input { vertical-align:middle;} #cntContainer #cntRight h2 .rightBtn { position:absolute; right:0px;} #cntContainer #cntRight h3 .rightBtn { position:absolute; right:0px;} #cntContainer #cntRight h4 .rightBtn { position:absolute; right:0px;} /* 전자북관리 ######################################################################################### */ #cntContainer #cntRight .cntVisual { float:left; height:200px; } #cntContainer #cntRight .cntVisual li { display:block; height:204px; } #cntContainer #cntRight .cntText { float:right; text-align:right; } #cntContainer #cntRight .cntText li.cntTitle { font-size:48px; font-weight:bold; color:#333333; letter-spacing:-0.7px; padding-bottom:10px;} #cntContainer #cntRight .cntText li.cntMtxt { font-size:18px; font-weight:bold; color:#333333;} #cntContainer #cntRight .cntText li.cntStxt { color:#868686;} #cntContainer #cntRight .cntText li span { color:#1d8dcc;} #cntContainer #cntRight .cntText .search { margin-top:17px;} #cntContainer #cntRight .cntText .search li { display:inline;} #cntContainer #cntRight .cntText .search li img { vertical-align:middle;} #cntContainer #cntRight .cntText .search li input { vertical-align:middle;} #cntContainer #cntRight .cntText .search .searchTitle { font-size:14px; font-weight:bold; padding-top:5px;} #cntContainer #cntRight .cntText .search .searchBtn { background:url(/images/management/btn_search.gif);width:40px;height:27px;border:0;cursor:pointer;} #cntContainer #cntRight .cntText .search li span { color:#1d8dcc;} #cntContainer #cntRight .cntText .search .searchBox { border-top:2px solid #7c7c7c; border-bottom:2px solid #7c7c7c; height:21px; border-left:0px; border-right:0px;} /* 전자북관리 테이블*/ #cntContainer #cntRight #tabAdmin { clear:both;} #cntContainer #cntRight #tabAdmin table { border-top:2px solid #474747; width:1010px; border-bottom:1px solid #999999; border-left:1px solid #e2e2e2;} #cntContainer #cntRight #tabAdmin th { border-right:1px solid #e2e2e2; border-bottom:1px solid #999; text-align:center; padding:7px 0; background-color:#f1f1f1; color:#6b6b6b; } /* #cntContainer #cntRight #tabAdmin th input { vertical-align:middle; } */ #cntContainer #cntRight #tabAdmin td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center; padding:8px 0;} #cntContainer #cntRight #tabAdmin .th01 { width:50px;} #cntContainer #cntRight #tabAdmin .th02 { width:100px;} #cntContainer #cntRight #tabAdmin .th03 { width:300px; text-align:left;} #cntContainer #cntRight #tabAdmin .th04 { width:100px;} #cntContainer #cntRight #tabAdmin .th05 { width:100px;} #cntContainer #cntRight #tabAdmin td span { color:#1b86be; font-weight:bold;} #cntContainer #cntRight #tabAdmin .total { font-size:16px; font-weight:bold; background:#f4f4f4; text-align:right; padding:20px 30px 20px 0;} #cntContainer #cntRight #tabAdmin .tPrice { font-size:18px; font-weight:bold; background:#f4f4f4; padding:20px 0;} .push_waiting { font-weight:bold; color:#2d3235;} .push_completion { color:#bababa; } .push_failure { color:#f00844;} .p_waiting {border:1px solid #129613; color:#fff; background-color:#32be52 ; text-align:center; padding:1px 2px; cursor:pointer; font-size:12px;} .p_completion {border:1px solid #dadada; color:#bdbcbc; background-color:#ededed ; text-align:center; padding:1px 2px; cursor:pointer; font-size:12px; letter-spacing:-1px;} .p_failure {border:1px solid #e22645; color:#fff; background-color:#f94362 ; text-align:center; padding:1px 2px; cursor:pointer; font-size:12px;} /* 기본설정 ######################################################################################### */ #cntContainer #cntRight #tabBasic { clear:both;} #cntContainer #cntRight #tabBasic table { border-top:2px solid #474747; width:1010px; border-bottom:1px solid #999999; border-left:1px solid #e2e2e2;} #cntContainer #cntRight #tabBasic th { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; padding:5px 0 5px 20px; background-color:#f1f1f1; color:#6b6b6b; color:#1b85c1; font-size:14px;} /* #cntContainer #cntRight #tabBasic td input { vertical-align:middle; } */ #cntContainer #cntRight #tabBasic td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; padding:8px 10px;} #cntContainer #cntRight #tabBasic .th01 { width:160px;} #cntContainer #cntRight #tabBasic td span { color:#a4947e;} .aID { font-size:14px; font-weight:bold;} .store { float:right; margin:0 auto; width:81%;} .store_table { border-top:2px solid #474747; width:1010px; border-bottom:1px solid #999999; border-left:1px solid #e2e2e2;} .store_table th { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; padding:5px 20px 5px 20px; background-color:#f1f1f1; color:#6b6b6b; color:#1b85c1; font-size:14px;} .store_table td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; padding:8px 10px;} .store_table td span { color:#a4947e;} #cntContainer #cntRight #tabBasic_02 { clear:both;} #cntContainer #cntRight #tabBasic_02 table { border-top:2px solid #474747; width:1010px; border-bottom:1px solid #999999; border-left:1px solid #e2e2e2;} #cntContainer #cntRight #tabBasic_02 th { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; padding:5px 0 5px 20px; background-color:#f1f1f1; color:#1b85c1; font-size:14px;} /* #cntContainer #cntRight #tabBasic_02 td input { vertical-align:middle; } */ #cntContainer #cntRight #tabBasic_02 td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; padding:8px 10px;} #cntContainer #cntRight #tabBasic_02 .th01 { width:250px;} #cntContainer #cntRight #tabBasic_02 td span { color:#a4947e;} #cntContainer #cntRight #tabBasic_03 { clear:both;} #cntContainer #cntRight #tabBasic_03 table { border-top:2px solid #474747; width:1010px; border-bottom:1px solid #999999; border-left:1px solid #e2e2e2;} #cntContainer #cntRight #tabBasic_03 th { border-right:1px solid #e2e2e2; border-bottom:1px solid #999; text-align:center; padding:7px 0; background-color:#f1f1f1; color:#1b85c1; } #cntContainer #cntRight #tabBasic_03 th a { color:#0099CC;} /* #cntContainer #cntRight #tabBasic_03 th input { vertical-align:middle; } */ #cntContainer #cntRight #tabBasic_03 td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center; padding:8px 0;} #cntContainer #cntRight #tabBasic_03 td a { color:#0099CC;} #cntContainer #cntRight #tabBasic_03 .th02 { width:100px;} #cntContainer #cntRight #tabBasic_03 .th03 { width:300px; text-align:left;} #cntContainer #cntRight #tabBasic_03 .th04 { width:100px;} #cntContainer #cntRight #tabBasic_03 .th05 { width:100px;} #cntContainer #cntRight #tabBasic_03 td span { color:#1b86be; font-weight:bold;} #top_screen { clear:both; } #top_screen_data { overflow:auto; float:left; width:690px;} #top_screen_data table { border-top:2px solid #474747; width:690px; border-bottom:1px solid #999999; border-left:1px solid #e2e2e2; } #top_screen_data th { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; padding:5px 0 5px 20px; background-color:#f1f1f1; color:#1b85c1; font-size:14px;} #top_screen_data td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; padding:8px 10px;} #top_screen_data .th01 { width:250px;} #top_screen_data td span { color:#a4947e;} .top_screen_img { width:315px; float:right;} .top_design { clear:both; border:1px #ccc solid; border-radius:10px; width:998px; margin-bottom:50px;} .top_deg_tit { width:998px; border-bottom:1px solid #ccc; background:#f1f1f1; border-radius:10px 10px 0 0; text-align:center; font-size:30px; color:#1a7bc5; padding:20px 0 10px 0; line-height:100%; font-family:"�᫤�ꫪ", "�ͣ� �Ы����ë�","�ҫ髮���ǫ� Pro W3", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, sans-serif;} .top_deg_tit span { color:#9c9c9c; font-size:18px;} .top_design ul { margin:50px 0 30px 0; padding:0;} .top_design ul li { float:left;} .top_deg01 { width:579px; border-right:1px solid #ccc;} .top_deg01 img { margin-left:20px;} .top_deg01 p { width:420px; margin: 20px 0 20px 110px;} .top_deg02 { width:408px;} .top_deg02 img { margin-left:40px;} .top_deg02 p { width:300px; margin: 20px 0 20px 50px;} .top_design02{ clear:both; border:1px #ccc solid; border-radius:10px; width:998px; margin-bottom:50px;} .th2 { width:998px; border-bottom:1px solid #ccc; background:#f1f1f1; border-radius:10px 10px 0 0; text-align:center; font-size:30px; color:#1a7bc5; padding:20px 0 10px 0; line-height:110%; font-family:"�᫤�ꫪ", "�ͣ� �Ы����ë�","�ҫ髮���ǫ� Pro W3", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, sans-serif;} .th2 span { color:#F03;} .ttm { width:480px; height:366px; float:left; margin:20px 0 0 10px;} .tt2 { width:450px; float:left; padding:120px 0 0 30px;} .deg_theme { width:200px; float:left; margin:20px 0 10px 0;} .deg_theme dt {} .deg_theme dd { text-align:center; vertical-align:middle;} .foot_txt { width:1000px; text-align:center; margin:30px 0 30px 0; color:#1a7eb6; font-weight:bold; font-size:16px;} /* .deg_top_btn{ width:1000px; padding:30px 0 20px 0;} .deg_link_ton { text-align:center; background:#48addc; color:#fff; float:left;} .deg_link_ton a { text-align:center; border-bottom:4px solid #48addc; background:#48addc; color:#fff; font-size:16px; font-weight:bold; padding:14px 173px 10px 173px;} .deg_link_ton a:hover { background:#1b82bd; color:#fff; border-bottom:4px solid #1b82bd; } .deg_link_mout { text-align:center; background:#f2f4f6; color:#48addc;float:left;} .deg_link_mout a {text-align:center; border-bottom:4px solid #48addc; background:#f2f4f6; color:#48addc; font-size:16px; font-weight:bold; padding:14px 183px 10px 183px;} .deg_link_mout a:hover { background:#1b82bd; color:#fff; border-bottom:4px solid #1b82bd; } .deg_link_tout { text-align:center; background:#f2f4f6; color:#48addc;float:left;} .deg_link_tout a {text-align:center; border-bottom:4px solid #48addc; background:#f2f4f6; color:#48addc; font-size:16px; font-weight:bold; padding:14px 173px 10px 173px} .deg_link_tout a:hover { background:#1b82bd; color:#fff; border-bottom:4px solid #1b82bd; } .deg_link_mon { text-align:center; background:#48addc; color:#fff; float:left;} .deg_link_mon a { text-align:center; border-bottom:4px solid #48addc; background:#48addc; color:#fff; font-size:16px; font-weight:bold; padding:14px 183px 10px 183px;;} .deg_link_mon a:hover { background:#1b82bd; color:#fff; border-bottom:4px solid #1b82bd; } */ .deg_top_btn { width:1000px; padding:30px 0 20px 0;} .deg_top_btn li { float:left;} .deg_top_btns { width:1000px; padding:30px 0 0px 0;} .deg_link_on a { width:330px; float:left; padding:15px 0; text-align:center; margin-right:2px; background:#48addc; color:#fff; font-size:15px; font-weight:bold; } .deg_link_out a { width:330px; float:left; padding:15px 0; text-align:center; margin-right:2px; background:#f2f4f6; color:#737373; font-size:15px; font-weight:bold; } .deg_link_out a:hover { background:#48addc; color:#fff;} /* 전자북제작 ######################################################################################### */ #cntContainer #cntRight #stepWrap { clear:both; overflow:hidden; height:100px; margin:0 60px;text-align:center;} #cntContainer #cntRight #stepWrap ul{display:inline-block;} #cntContainer #cntRight #stepWrap li { display:inline-block; height:34px; float:left; width:185px;} #cntContainer #cntRight #stepWrap .arrow { vertical-align:middle; padding:38px 16px 0 16px; width:16px;} #cntContainer #cntRight #stepWrap .step { width:185px;} #cntContainer #cntRight #stepWrap .step li { display:block;} #cntContainer #cntRight #stepWrap .step li img { vertical-align:middle;} #cntContainer #cntRight #stepWrap .step .on { height:24px; background-color:#1b85c1; border:1px solid #166c9d; padding-top:3px; color:#fff; font-size:14px; font-weight:bold; text-align:center; margin-bottom:3px;} #cntContainer #cntRight #stepWrap .step .N_on { height:24px; background-color:#bfbfbf; border:1px solid #9b9b9b; padding-top:3px; color:#fff; font-size:14px; font-weight:bold; text-align:center; margin-bottom:3px;} #cntContainer #cntRight #stepWrap .step .name { height:39px; border:1px solid #cfcfcf; padding-top:15px; text-align:center; font-size:16px; font-weight:bold; color:#555; } #cntContainer #cntRight #stepWrap .step .N_name { height:39px; border:1px solid #cfcfcf; padding-top:15px; text-align:center; font-size:16px; font-weight:bold; color:#777; } #cntContainer #cntRight #stepWrap .step .N_name a { color:#777;} #cntContainer #cntRight #stepWrap .step .N_name a:hover { color:#ff0000;} #cntContainer #cntRight #tabMake { clear:both;} #cntContainer #cntRight #tabMake table { border-top:2px solid #474747; width:1010px; border-bottom:1px solid #999999; border-left:1px solid #e2e2e2;} #cntContainer #cntRight #tabMake th { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; padding:5px 0 5px 20px; background-color:#f1f1f1; color:#1b85c1; font-size:14px;} #cntContainer #cntRight #tabMake th span { font-size:14px; font-weight:bold; color:#ff61a7; } /* #cntContainer #cntRight #tabMake td input { vertical-align:middle; } */ #cntContainer #cntRight #tabMake td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; padding:8px 10px;} #cntContainer #cntRight #tabMake .th01 { width:200px;} #cntContainer #cntRight #tabMake td span { color:#a4947e;} /* 푸시통지설정 ######################################################################################### */ #cntContainer #cntRight #contArea { clear:both;} #cntContainer #cntRight #contArea p { font-size:14px;} #cntContainer #cntRight #contArea li { display:inline-block;} #cntContainer #cntRight #contArea li img { padding:20px 0 30px 160px;} .push_res { float:left;} .push_data { float:left; margin-left:20px;} .push_data .push_input { border:1px solid #c7c7c7; width:100px; padding:2px; text-align:center;} .push_data .push_input02 { border:1px solid #c7c7c7; padding:2px; text-align:center;} .all_list { margin:50px 0 5px 0; float:left;} .all_list a { color:#fff; background:#53bcf6; border:1px solid #3ea8e3; padding:2px 5px;} .all_list a:hover { background:#3ea8e3;} .push_list { margin:10px 2px 5px 2px; float:right;} .push_list a { color:#fff; background:#53bcf6; border:1px solid #3ea8e3; padding:2px 5px;} .push_list a:hover { background:#3ea8e3;} /* FAQ ######################################################################################### */ #cntContainer #cntRight #contArea { clear:both;} #cntContainer #cntRight .faqWrap { clear:both; float:left; width:100%; margin:10px 0 20px 0;} #cntContainer #cntRight .faqWrap li { font-size:14px; display:block; padding:5px 5px;} #cntContainer #cntRight .faqWrap .Q { font-size:14px; background-image:url(/images/faq/dot_faq.png); background-repeat:no-repeat; background-position:15px 6px; padding-left:40px; font-weight:bold; background-color:#f2f2f2; } #cntContainer #cntRight .faqWrap .A { font-size:14px; background-image:url(/images/faq/dot_faq.png); background-repeat:no-repeat; background-position:15px -68px; padding-left:40px;} /* log분석 ######################################################################################### */ #cntContainer #cntRight #logTab { clear:both; overflow:hidden; height:70px;} #cntContainer #cntRight #logTab li { display:inline; height:34px; float:left;} #cntContainer #cntRight #logTab .arrow { vertical-align:middle; padding:38px 0 0 18px; width:30px;} #cntContainer #cntRight #logTab .step li { padding:0 20px;} #cntContainer #cntRight #logTab .step li a { display:block;} #cntContainer #cntRight #logTab .step li a:hover { color:#333;} #cntContainer #cntRight #logTab .step li img { vertical-align:middle;} #cntContainer #cntRight #logTab .step .on { height:28px; background-color:#1b85c1; border:1px solid #166c9d; padding-top:6px; color:#fff; font-size:14px; font-weight:bold; text-align:center; margin-bottom:3px;} #cntContainer #cntRight #logTab .step .N_on { height:28px; background-color:#bfbfbf; border:1px solid #9b9b9b; padding-top:6px; color:#fff; font-size:14px; font-weight:bold; text-align:center; margin-bottom:3px;} #cntContainer #cntRight #logTab .step .name { height:39px; border:1px solid #cfcfcf; padding-top:15px; text-align:center; font-size:16px; font-weight:bold; color:#555; } #cntContainer #cntRight #logTab .step .N_name { height:39px; border:1px solid #cfcfcf; padding-top:15px; text-align:center; font-size:16px; font-weight:bold; color:#777; } #cntContainer #cntRight #tabLog_02 { clear:both;} #cntContainer #cntRight #tabLog_02 table { border-top:2px solid #474747; width:1010px; border-bottom:1px solid #999999; border-left:1px solid #e2e2e2;} #cntContainer #cntRight #tabLog_02 th { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center; padding:5px 0px 5px 0px; background-color:#f1f1f1; color:#1b85c1; font-size:14px;} /* #cntContainer #cntRight #tabLog_02 td input { vertical-align:middle; }*/ #cntContainer #cntRight #tabLog_02 td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; padding:8px 10px;} #cntContainer #cntRight #tabLog_02 .th01 { width:250px;} #cntContainer #cntRight #tabLog_02 td span { color:#a4947e;} #cntContainer #cntRight #tabLog_03 { clear:both;} #cntContainer #cntRight #tabLog_03 table { border-top:2px solid #474747; width:1010px; border-bottom:1px solid #999999; border-left:1px solid #e2e2e2;} #cntContainer #cntRight #tabLog_03 th { border-right:1px solid #e2e2e2; text-align:center; padding:7px 0; background-color:#f1f1f1; color:#1b85c1; } /* #cntContainer #cntRight #tabLog_03 th input { vertical-align:middle; } */ #cntContainer #cntRight #tabLog_03 td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:center; padding:8px 0;} #cntContainer #cntRight #tabLog_03 td a { color:#0099CC;} #cntContainer #cntRight #tabLog_03 .tdH_01 { min-height:250px; vertical-align:bottom;} #cntContainer #cntRight #tabLog_03 .th03 { width:300px; text-align:left;} #cntContainer #cntRight #tabLog_03 .th04 { width:100px;} #cntContainer #cntRight #tabLog_03 .th05 { width:100px;} #cntContainer #cntRight #tabLog_03 td span { color:#1b86be; font-weight:bold;} /* footer ######################################################################################### */ #footer {background-color:#f8f9fa; width:100%; height:135px; padding:20px 0; border-top:1px solid #c3c3c4; clear:both;} #footer #footerWrap { padding:0 10px; width:1250px; margin:0 auto;} /*페이징*/ .paging{padding:20px 0; text-align:center; clear:both; } .paging li { list-style:none; } .paging li span{ padding:2px 0; border:1px solid #ccc; font-size:14px; display:inline-block;} .paging img{vertical-align:middle;margin-top:-2px;} .paging li span a{text-align:center;padding:0 10px 0 10px;background:url(/images/paging_bar.gif) 0 0 no-repeat; text-decoration:none; color:#666; display:inline-block; } .paging li span a:first-child{background:none;padding-left:10px;} .paging li span.on{font-weight:bold; color:#fff; letter-spacing:-1px; background-color:#aaa; border:1px solid #aaa;} .paging li span.on a{color:#fff;} /* Table */ .TableA {clear:both; margin:0 auto; width:650px; overflow:hidden;} .TableA table {clear:both; margin:0; padding:0; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-collapse:collapse;} .TableA table th {margin:0; padding:10px 5px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; background:#393939; font-weight:bold; text-align:left; color:#ffffff;} .TableA table td {margin:0; padding:5px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-weight:normal; } .TableB {clear:both; margin:0 auto; width:650px; background:#ffffff; font-family:"MS PGothic", "MS Gothic"; overflow:hidden;} .TableB table {clear:both; margin:0; padding:0; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-collapse:collapse;} .TableB table th {margin:0; padding:5px 3px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:center; } .TableB table th.Title {margin:0; padding:5px 3px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-weight:normal; text-align:center; } .TableB table td {margin:0; padding:5px 3px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-weight:normal; } .TableB table td.name {text-align:left; } .TableB table td.nobo table {margin:0; padding:5px 3px; border-top:1px solid #fbfbfb; border-left:1px solid #fbfbfb; font-weight:normal; border-collapse:collapse;} .TableB table td.nobo td {margin:0; padding:5px 3px; border-right:1px solid #fbfbfb; border-bottom:1px solid #fbfbfb; font-weight:normal;} .TableB table td.data table {margin:0; padding:2px; border-top:1px solid #cccccc; border-left:1px solid #cccccc; font-weight:normal; border-collapse:collapse;} .TableB table td.data th {margin:0; padding:2px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-weight:normal; text-align:left; font-size:11px; width:30%;} .TableB table td.data td {margin:0; padding:2px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-weight:normal; font-size:11px; width:70%;} .TableC {margin:0; padding:0; width:310px; overflow:hidden;} .TableC table {margin:0; padding:0; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-collapse:collapse;} .TableC table th {margin:0; padding:5px 3px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:center; color:#000000; background:#cccccc;} .TableC table td {margin:0; padding:5px 3px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-weight:normal; background:#ffffff;} .TableD {margin:0; padding:0; border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-collapse:collapse;} .TableD th {margin:0; padding:5px 3px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; text-align:center; color:#000000; background:#cccccc;} .TableD td {margin:0; padding:5px 3px; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; font-weight:normal; background:#ffffff;} .Table_form {clear:both; margin:0 auto; padding:0; width:650px; overflow:hidden;} .Table_form table {clear:both; margin:0; padding:0; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-collapse:collapse;} .Table_form table th {margin:0; padding:5px 1px 5px 5px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#efefef; text-align:left;} .Table_form table td {margin:0; padding:5px 1px 5px 5px; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#ffffff; } .Table_form table td input[type=text] {padding:2px;} .agree {width:632px; margin:0; padding:5px; height:288px; border:1px solid #cccccc; overflow:auto;} .agree ul {margin:0; padding:0;} .agree ul li { list-style:none; margin:0; padding:0;} .agree ul li strong {display:block; width:100%; text-align:center; color:#000000;} .agree ul li dl dt {margin:0; padding:0; font-weight:bold;} .agree ul li dl dd {margin:0 0 10px 0; padding:0;} .agree ul li dl dd ol li {margin:0; padding:0 0 0 20px; text-indent:-20px;} .btn1 {clear:both; margin:0 auto; padding:20px 0; width:220px; list-style:none; overflow:hidden;} .btn1 li {float:left; width:110px; text-align:center;} .btn1 li img {cursor:pointer;} .required {color:#CC0000 !important;font-weight:bold !important;} .upload_order {padding-top:3px;color:#555;font-weight:normal;font-size:12px} /* new update by ums */ .spacer{ padding:30px;}/*간격용*/ .preparing{background-color:#E2E2E2;}/*준비중*/ .menu_top { width:1010px; height:572px; background:url(/images/menu/menu_top_bg.png) no-repeat; float:right;} .menu_top02 { width:1010px; height:572px; background:url(/images/menu/menu_top_bg02.png) no-repeat; float:right;} .menu_top_img { float:left;} .menu_top_text { float:left; width:459px;} .menu_top_text dt { width:434px; padding:0 20px 0 5px; text-align:left; font-size:45px; font-weight:bold; color:#1a7fb7; margin:80px 0 10px 0;} .menu_top_text dt span {font-size:24px; color:#666;letter-spacing:-1px;} .menu_top_text1 { float:left; width:459px;} .menu_top_text1 dt { width:434px; padding:0 20px 0 5px; text-align:left; font-size:28px; font-weight:bold; color:#1a7fb7; margin:80px 0 10px 0; letter-spacing:-1px;} .menu_top_text1 dt span {font-size:16px; color:#666;letter-spacing:-1px;} .menu_top_text1 dd { width:434px; padding:20px 20px 0 5px; text-align:left; font-size:14px; color:#FFF;} .menu_top_text2 { float:left; width:459px;} .menu_top_text2 dt { width:434px; padding:0 20px 0 5px; text-align:left; font-size:26px; font-weight:bold; color:#1a7fb7; margin:80px 0 10px 0; letter-spacing:-1px; line-height:26px;} .menu_top_text2 dt span {font-size:16px; color:#666;letter-spacing:-1px;} .menu_top_text2 dd { width:434px; padding:20px 20px 0 5px; text-align:left; font-size:14px; color:#FFF;} .menu_top_text dd { width:434px; padding:0 20px 0 5px; text-align:left; font-size:14px; color:#FFF;} .menu_top_text02 { float:left; width:615px;} .menu_top_text02 dt { width:590px; padding:0 20px 0 5px; text-align:left; font-size:45px; font-weight:bold; color:#1a7fb7; margin:80px 0 10px 0;} .menu_top_text02 dd { width:590px; padding:0 20px 0 5px; text-align:left; font-size:14px; color:#FFF;} .make_btn { float:left; margin:50px 0 0 80px;} .make_btn a {color:#fff; font-size:20px; font-weight:bold; text-decoration:none; text-align:center; background:#eb6b74; padding:15px 60px; border-radius:3px;} .make_btn a:hover { color:#fff; background:#003761; text-align:center; text-decoration:none;} .menu_detail_img { float:left;} .menu_detail{ width:400px; border-top:1px solid #258ecd; border-right:1px solid #258ecd; border-left:1px solid #258ecd; float:left; margin-bottom:50px; letter-spacing:100%;} .fixed_menu{ background:#258ecd; border-bottom:1px solid #197ebb;} .flux_menu { background:#47a3da; border-bottom:1px solid #258ecd;} .menu_detail li { width:380px; padding:10px; overflow:auto; color:#fff;} .detail_tit { float:left;} .detail_radio { float:right;} .menu_detail li input { vertical-align:middle;} .menu_modify { width:250px; height:413px; float:left; background:url(http://adminhb.app1.jp/images/menu/menu_view.png); padding:74px 52px 146px 52px; margin:20px 0 0 20px;} .menu_modify ul { width:250px; height:413px; overflow:auto;} .menu_modify ul li {width:100%;} .menu_modify ul .mm_li a { color:#333; float:left; background:#bcc2c9; padding:5px 3%; border-bottom:1px solid #fff; width:94%;} .menu_modify ul .mm_li a:hover { background:#99a0a8;} .menu_modify ul .mm_li a img { width:20px; height:auto; vertical-align:middle; margin-right:4px;} .menu_modify ul .mm_li_on a { color:#333; float:left; background:#99a0a8; padding:5px 3%; border-bottom:1px solid #fff; width:94%;} .menu_modify ul .mm_li_on a:hover { background:#99a0a8;} .menu_modify ul .mm_li_on a img { width:20px; height:auto; vertical-align:middle; margin-right:4px;} .menu_modify02 { width:250px; height:413px; float:left; background:url(http://adminhb.app1.jp/images/menu/menu_view02.png); padding:74px 52px 146px 52px; margin:20px 0 0 20px;} .menu_modify02 ul { width:250px; height:413px; overflow:auto;} .menu_modify02 ul li {width:100%;} .menu_modify02 ul .mm_li a { color:#333; float:left; background:#bcc2c9; padding:5px 3%; border-bottom:1px solid #fff; width:94%;} .menu_modify02 ul .mm_li a:hover { background:#99a0a8;} .menu_modify02 ul .mm_li a img { width:20px; height:auto; vertical-align:middle; margin-right:4px;} .menu_modify02 ul .mm_li_on a { color:#333; float:left; background:#99a0a8; padding:5px 3%; border-bottom:1px solid #fff; width:94%;} .menu_modify02 ul .mm_li_on a:hover { background:#99a0a8;} .menu_modify02 ul .mm_li_on a img { width:20px; height:auto; vertical-align:middle; margin-right:4px;} .menu_mbottom { width:200px; height:37px; float:left;} .menu_mbottom ul{ margin:0; padding:0;} .menu_mbottom ul li { width:50px; float:left; text-align:center; line-height:0px; } .menu_mbottom ul li a { color:#fff; font-size:9px; text-shadow: 1px 1px 2px #4f2c00;} .menu_mbottom ul li a img { margin:1px 0 4px 0;} .menu_mbottom ul li a span {display:block;margin:0; padding:0; line-height:0px;} .menu_modify_data { overflow:auto; float:right; width:630px; padding-top:30px;} .menu_modify_data table { border-top:2px solid #474747; width:600px; border-bottom:1px solid #999999; border-left:1px solid #e2e2e2; } .menu_modify_data th { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; padding:10px 20px; width:130px; background-color:#f1f1f1; color:#1b85c1; font-size:14px;} .menu_modify_data td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; padding:10px 10px;} .menu_modify_data .th01 { width:250px;} .menu_modify_data td span { color:#a4947e;} .menu_modify_data td input { padding:3px 2px; } .menu_modify_data td a { float:left; border:1px solid #d7d7d7; padding:2px 3px; text-align:center; background:#fbfbfb; color:#b2b2b2; margin:0 4px 0 0; font-size:11px;} .menu_modify_data td a:hover { background:#3aa7fa; color:#fff; border:1px solid #1f8fe4;} .mmd_text { width:630px; float:right; padding-top:40px;} .mmd_text dl { margin:0; padding:0; font-family:"Meiryo", "�ͣ� �Ы����ë�","�ҫ髮���ǫ� Pro W3", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, sans-serif; } /* .mmd_text dl { margin:0; padding:0; font-family:"�᫤�ꫪ", "�ͣ� �Ы����ë�","�ҫ髮���ǫ� Pro W3", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, sans-serif; letter-spacing:100%;} */ .mmd_text dl dt { font-size:30px; font-weight:bold; color:#1a7db5; text-align:center; letter-spacing:100%; margin-bottom:30px;} .mmd_text dl dd { font-size:15px; margin-bottom:40px;} .mmd_text dl dd img { text-align:center; margin-left:10px;} .mmd_text_box { width:600px; padding:15px; border:1px solid #cfcfcf; background:#f2f4f6;} .mmd_text1 dl { margin:0; padding:0; font-family:"�᫤�ꫪ", "�ͣ� �Ы����ë�","�ҫ髮���ǫ� Pro W3", Meiryo, "Hiragino Kaku Gothic Pro", Osaka, sans-serif; letter-spacing:100%;} .mmd_text1 dl dt { font-size:30px; font-weight:bold; color:#1a7db5; text-align:center; letter-spacing:100%; margin-bottom:30px;} .mmd_text1 dl dd { font-size:15px; margin-bottom:40px;} .foot_ex { float:right;} .foot_ex_img { float:left; margin:15px 15px 0 0;} .foot_ex_txt { float:left; margin:10px 0 30px 0; line-height:180%; } .foot_ex_txt img { vertical-align:middle;} .foot_ex_bar { margin:20px 0;} .foot_ex_txt02 { width:617px; float:right; margin:10px 20px 50px 0;} .foot_ex p img { margin-bottom:10px;} .foot_ex_tit { color:#1b82bd; font-size:16px; font-weight:bold; margin-bottom:10px;} /* .bottom_menu {width:610px; border:1px solid #0381ca; background:#0094ea; padding:9px 9px; border-radius:10px;} .bottom_menu ul { padding:0; margin:0;} .bottom_menu ul li { float:left;} .bottom_menu ul li a { float:left; width:96px; height:96px; margin:5px; border:1px solid #0381ca; border-radius:10px; background:#fff; padding:7px; text-align:center; color:#333; box-shadow: 3px 3px 5px #0269a5;} .bottom_menu ul li a:hover { width:96px; height:96px; margin:5px; border:4px solid #f6216c; border-radius:10px; background:#fff; padding:4px; text-align:center; color:#333;} .fixed_menu { float:left; width:96px; height:96px; margin:5px; border:1px solid #0381ca; border-radius:10px; background:#fff; padding:7px; text-align:center; color:#333; line-height:100%;} */ .bottom_menu {width:610px; border:1px solid #81440a; background:url(/images/hb/icon_bg.png); padding:9px 9px; border-radius:10px;}/*1개당 124*/ .bottom_menu ul { padding:0; margin:0;} .bottom_menu ul li { float:left;} .bottom_menu ul li a { float:left; width:96px; height:96px; margin:5px; border:1px solid #b5652b; border-radius:10px; background:url(/images/hb/icon_bg02.png); padding:7px; text-align:center; color:#fff; box-shadow: 3px 3px 5px #7c3507; text-shadow: 1px 1px 2px #4f2c00;} .bottom_menu2 {width:610px; border:1px solid #81440a; background:url(/images/hb/icon_bg.png); padding:9px 9px; border-radius:10px;}/*1개당 124*/ .bottom_menu2 ul { padding:0; margin:0;} .bottom_menu2 ul li { float:left;} .bottom_menu2 ul li a { float:left; width:96px; height:20px; margin:5px; border:1px solid #b5652b; border-radius:10px; background:url(/images/hb/icon_bg02.png); padding:7px; text-align:center; color:#fff; box-shadow: 3px 3px 5px #7c3507; text-shadow: 1px 1px 2px #4f2c00;} .bottom_menu ul li a:hover { width:96px; height:96px; margin:5px; border:4px solid #f6216c; border-radius:10px; background:#5a2e0d; padding:4px; text-align:center; color:#fff;} .bottom_menu2 ul li a:hover { width:96px; height:20px; margin:5px; border:4px solid #f6216c; border-radius:10px; background:#5a2e0d; padding:4px; text-align:center; color:#fff;} .fixed_menu { float:left; width:96px; height:96px; margin:5px; border:1px solid #b5652b; border-radius:10px; background:url(/images/hb/icon_bg02.png); padding:7px; text-align:center; color:#fff; line-height:100%;} .change_menu {width:610px; border:1px solid #bfaa9a; background:#f8f1eb; padding:9px 9px; border-radius:10px; margin:30px 0 30px 0;}/*1개당 124*/ .change_menu ul { padding:0; margin:0;} .change_menu ul li { float:left;} .change_menu ul li a { float:left; width:96px; height:96px; margin:5px; border:1px solid #b5652b; border-radius:10px;background:url(/images/hb/icon_bg02.png); padding:7px; text-align:center; color:#fff; text-shadow: 1px 1px 2px #4f2c00;} .change_menu ul li a:hover { width:96px; height:96px; margin:5px; border:4px solid #0198eb; border-radius:10px; background:#0198eb; padding:4px; text-align:center; color:#fff;} .change_menu2 {width:610px; border:1px solid #bfaa9a; background:#f8f1eb; padding:9px 9px; border-radius:10px; margin:30px 0 30px 0;}/*1개당 124*/ .change_menu2 ul { padding:0; margin:0;} .change_menu2 ul li { float:left; } .change_menu2 ul li a { float:left; width:75px; height:75px; margin:5px; border:1px solid #b5652b; border-radius:10px;background:url(/images/hb/icon_bg02.png); padding:7px; text-align:center; color:#fff; text-shadow: 1px 1px 2px #4f2c00;} .change_menu2 ul li a:hover { width:75px; height:75px; margin:5px; border:4px solid #0198eb; border-radius:10px; background:#0198eb; padding:4px; text-align:center; color:#fff;} .change_menu2 ul lit a { float:left; width:75px; height:75px; margin:5px; border:1px solid #b5652b; border-radius:10px;background:url(/images/hb/icon_bg03.png);padding:7px; text-align:center; color:#fff; } .change_menu2 ul lit a:hover { width:75px; height:75px; margin:5px; border:4px solid #FF6666; border-radius:10px; background:#FF6666; padding:4px; text-align:center; color:#fff;} .top_down { width:100%; margin-top:30px;} .top_down li { width:50%; float:left;} .top_down_ios { text-align:right;} .top_down_ios img { margin-right:30px;} .top_down_and { text-align:left;} .top_down_and img { margin-left:30px;} .coupon_table { border-top:2px solid #474747; width:1010px; border-bottom:1px solid #999999; border-left:1px solid #e2e2e2;} .coupon_table th { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; /*padding:5px 0 5px 20px;*/ background-color:#f1f1f1; color:#1b85c1; font-size:14px;} .coupon_table td { border-right:1px solid #e2e2e2; border-bottom:1px solid #e2e2e2; text-align:left; /*padding:8px 10px;*/} .coupon_tt{ width:950px; margin:0; padding:0;} .coupon_th { width:220px; height:308px; float:left; background:#f1f1f1; border-right:1px solid #e2e2e2; color:#1b85c1; font-weight:bold;} .c_t01 { margin:110px 0 0 75px; } .c_t02 { margin:110px 0 0 75px;} .coupon_img { width:251px; height:188px; float:left; margin:8px 10px;} .coupon_img img { border:1px solid #e2e2e2;} .coupon_td { width:449px; height:65px; float:left; margin:8px 0px; padding-top:120px; line-height:200%;} .coupon_td span { color:#a4947e;} .conpon_txt { width:709px; margin:8px 10px; float:left;} .design_links { width:100%; margin-bottom:30px;} .design_links ul { margin:0; padding:0;} .design_links ul li { color:#fff; } /* .design_links ul .deg_link_01 a { float:left; width: 234px; height:75px; padding:510px 0 0 85px; background:url(/image/design_bg01.png) no-repeat; margin-right:25px; font-size:15px; font-weight:bold;} .design_links ul .deg_link_02 a { float:left; width: 244px; height:75px; padding:510px 0 0 75px; background:url(/image/design_bg02.png) no-repeat; margin-right:25px; font-size:15px; font-weight:bold;} .design_links ul .deg_link_03 a { float:left; width: 234px; height:75px; padding:510px 0 0 85px; background:url(/image/design_bg03.png) no-repeat; font-size:15px; font-weight:bold;} */ .deg_link_01 { float:left; width: 319px; height:506px; background:url(/image/design_bg01.png) no-repeat; margin-right:20px; font-size:15px; font-weight:bold;} .deg_link_02 { float:left; width: 319px; height:506px; background:url(/image/design_bg02.png) no-repeat; margin-right:20px; font-size:15px; font-weight:bold;} .deg_link_03 { float:left; width: 319px; height:506px; background:url(/image/design_bg03.png) no-repeat; font-size:15px; font-weight:bold;} .design_link_title { width:100%; margin:30px 0;}