#container {width:100%;vertical-align:top;} #wrap { width:1050px;margin:0 auto;text-align:center;} #wrap2 { width:1200px;margin:0 auto;text-align:center;} #header { position:fixed;width:100%;height:80px;background:#012d6a;z-index:100;} #header h1 { display:block;float:left;} #header h1 a img { padding:12px 0;} #header #navi { display:block;float:right;} #navi li { display:block;float:left;overflow:hidden;} /*#navi li a { display:inline-block;padding:0 10px 0 40px;width:100px;height:80px;line-height:80px;font-size:1.125em;font-weight:500;color:#fff;background:url('http://mjsoft.co/html/ebizmall/images/common/head_icon.png') right center no-repeat;} #navi li a.nav1 { background-position:10px 25px;} #navi li a.nav2 { background-position:10px -75px;} #navi li a.nav3 { background-position:17px -175px;} #navi li a.nav4 { background-position:20px -277px;} #navi .tel {margin:12px 0;padding:9px 15px;background-images:none;background-color:#ffd800 !important;border-radius:50px;}*/ #navi li a { display:inline-block;padding:0 20px 0 40px;height:80px;line-height:80px;font-size:18px;font-weight:500;color:#fff;background:url('http://mjsoft.co/html/ebizmall/images/common/head_icon.png') right center no-repeat;} #navi li a.nav1 { background-position:5px 25px;} #navi li a.nav2 { background-position:5px -75px;} #navi li a.nav3 { background-position:5px -175px;} #navi li a.nav4 { background-position:10px -277px;} #navi .tel {margin:22px 0;padding:0 15px;white-space:nowrap; font-size: 1.125em; font-weight: 600; line-height: 42px; float: right; height:42px; background-images:none;background-color:#ffd800 !important; box-sizing:border-box; border-radius:50px;margin-left:30px;} /* #navi .tel p {font-size:0.85em; line-height:42px !important; } */ #navi .tel .num1 {font-size:1.125em;line-height:1.3em;font-weight:600;} #navi .tel .num2 {font-size:1em;line-height:1em;font-weight:600;} #footer { width:100%;height:260px;/*padding:30px 0;*/padding:30px 0 115px 0;color:#fff;font-size:1em;background:#333337;} div#footer * {vertical-align:middle !important; font-family: NanumSquare, Gulim !important;} #footer h1 { display:block;float:left;margin:0 30px 0 0;} #footer #navi_b { position:relative;display:block;height:38px;line-height:38px;margin:0 0 0 100px;} #footer #navi_b li { float:left;display:block;margin:15px 0 0;height:23px;line-height:23px;} #footer #navi_b li a.last {background:none;} #footer #navi_b li a { padding:0 20px;color:#888;text-align:center;font-size:0.95em;font-weight:500;background:url('http://mjsoft.co/html/ebizmall/images/common/f_info.png') right center no-repeat;} #navi_b .familysite {position:absolute;right:20px;width:200px;height:26px;line-height:26px;font-size:14px;font-weight:600;border:1px solid #dbdbdb;} .familysite dt {text-align:center;cursor:pointer;} .familysite dd {display:none;height:240px;padding:5px 0;font-size:13px;border-top:1px solid #dbdbdb;background:#434343;} .familysite dd p a {display:block;height:20px;line-height:20px;color:#FFF;font-weight:normal;overflow:hidden;} .familysite dd p a:hover {width:200px;height:20px;color:#FFF;line-height:20px;background:#84a9e3;} .familysite dd p.dashLine {margin:5px 10px;color:#999;border-top:1px dashed #999;border-bottom:1px dashed #999;} #footer .f_bank { display:block;float:left;width:260px;height:80px;margin:30px 0 0;} #footer .f_bank h4 { color:#999;font-size:0.95em;text-align:left;} #footer .f_bank h4 span { margin-left:10px;font-size:0.8em;font-weight:normal;} #footer .f_bank p { padding-left:50px;font-size:0.85em;text-align:left;letter-spacing:-0.5px;} #footer .f_bank p:last-child {background-position:0 -32px;} #footer .f_info { display:block;float:left;margin:30px 0 0;width:580px;height:80px;} #footer .f_info span { display:inline-block;float:left;margin-right:20px;padding-right:20px;color:#888;font-style:normal;font-size:13px;line-height:1.35em;background:url('http://mjsoft.co/html/ebizmall/images/common/f_info.png') right center no-repeat;} #footer .f_info1 { display:block;float:left;margin:30px 0 0;width:320px;height:80px;} #footer .f_info1 span { display:inline-block;float:left;margin-left:20px;color:#888;font-style:normal;font-size:13px;line-height:1.35em;background:url('http://mjsoft.co/html/ebizmall/images/common/f_info.png') right center no-repeat;} #footer .f_info span .tel {color:#FFF;font-size:1.25em;} #footer .f_info span.last {margin-right:0;padding-right:0;background:none;} #footer .f_info1 span.last {margin-right:0;padding-right:0;background:none;} #footer .copyright { display:block;float:left;padding:20px 0 0;width:100%;height:1em;color:#888;font-size:0.85em;text-align:left;font-weight:600;border-top:1px solid #555;} /* 메인배너 */ #main_section { margin:50px 0 0;} #main_section .main_ad {margin:0 0 50px;} #main_banner { position:relative;width:100%;height:430px;background:url('http://mjsoft.co/html/ebizmall/images/banner/main_bg.png') repeat-x;overflow:hidden;z-index:1;} #main_banner .view { margin:0 auto;width:1050px;height:430px;background:url('http://mjsoft.co/html/ebizmall/images/banner/main_bg_c.png') center no-repeat;overflow:inherit;} #main_banner > ul {position:absolute;left:-5%;top:0;width:150%;z-index:10;} #main_banner > ul li {float:left;} /* 템플릿리스트 */ .sample {display:block;margin:0 0 50px;width:100%;/*height:2050px;*/height:1550px;} .sample .item {float:left;padding:20px 0 0;margin:0 0 30px;width:490px;height:450px;border:10px solid #f3f3f3;}/*float:left;*/ .sample .item:nth-child(2n-1) {margin-right:30px;} .sample .item .item_info dt {padding:10px 0 0;background:url('http://mjsoft.co/html/ebizmall/images/main/item_info_dt.png') center top no-repeat;} .sample .item .item_info dt a {display:block;margin:10px 0;color:#000;font-size:1.55em;font-weight:600;} .sample .item .item_info .text {color:#696969} .sample .item .item_info .basic {color:#4065ad;font-size:0.85em;} .sample .item .thumbnail {position:relative;margin-top:10px;padding:10px 0;width:490px;height:310px;background:#4065ad;z-index:1;} .sample .item .thumbnail .num {position:absolute;left:20px;top:20px;width:50px;height:50px;line-height:50px;color:#FFF;font-size:1.56em;font-family:Tahoma;font-weight:600;background:#be1e2d;z-index:10;} .sample .item .thumbnail dl {padding:10px;} .sample .item .thumbnail dt {float:left;margin:10px 13px 0;padding:10px 0 0;color:#FFF;font-size:1.25em;text-align:left;background:url('http://mjsoft.co/html/ebizmall/images/main/thumbnail_dt.png') left top no-repeat} .sample .item .thumbnail dd {margin-left:10px;display:block;float:left;width:110px;height:50px;line-height:50px;border-radius:3px;} .sample .item .thumbnail dd a {color:#4065ad;font-size:0.92em;font-weight:500;} .sample .item .thumbnail .btn1 {background:#ffe82a;} .sample .item .thumbnail .btn2 {background:#e6e6e6;} .sample .item .thumbnail .btn3 {color:#FFF;background:#5e9fef;} /* 서비스바로가기 */ #main_aside {padding:50px 0 70px;width:100%;height:650px;background:url('http://mjsoft.co/html/ebizmall/images/main/main_aside.png') center #00102c no-repeat;background-size:auto 760px;} #main_aside h4 {margin:0 0 30px;color:#FFF;font-size:2em;line-height:2em;} #main_aside li {display:block;float:left;margin:0 21px 80px;width:220px;} #main_aside li em {display:inline-block;margin:15px 0 5px;color:#FFF;font-size:1.25em;} #main_aside li span {display:block;color:#BBB;font-size:0.96em;letter-spacing:-0.5px;} #main_aside li a {display:block;margin:0 auto;width:150px;height:150px;border-radius:150px;} #main_aside li a {display:block;margin:0 auto;width:150px;height:150px;border-radius:150px;background:url('http://mjsoft.co/html/ebizmall/images/main/main_aside_icon.png') #FFF no-repeat;} #main_aside li a.icon1 {background-position:40px 40px;} #main_aside li a.icon2 {background-position:40px -105px;} #main_aside li a.icon3 {background-position:40px -250px;} #main_aside li a.icon4 {background-position:40px -400px;} #main_aside li a.icon5 {background-position:40px -545px;} #main_aside li a.icon6 {background-position:40px -695px;} #main_aside li a.icon7 {background-position:40px -845px;} #main_aside li a.icon8 {background-position:40px -990px;} /* 쇼핑몰사양 */ #main_table {margin:0 0 70px;} #main_table .mall_info {margin:0 0 30px;border-top:2px solid #012d6a;} #main_table .mall_info caption, #main_table h4 {line-height:2em;font-size:2em;font-weight:bold;} #main_table .mall_info th, #main_table .mall_info td {height:25px;line-height:25px;padding:3px 0;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;} #main_table .mall_info th:last-child, #main_table .mall_info td:last-child {border-right:0px none;} #main_table .mall_info td {padding-left:10px;text-align:left;font-size:0.95em;} #main_table .mall_info th {font-weight:600;text-align:center;} #main_table .mall_info thead th {padding:10px 0;font-size:1.125em;background:#ececec;} #main_table .mall_info tbody th {font-size:1em;vertical-align:middle;background:#f8f8f8;} #main_table .mall_info td .bold {color:#CE0000;font-weight:600;} #main_table .mall_info td.gray {font-weight:bold;text-align:center;background:#fcfcfc;} #main_table p {padding:3px 0 0;height:25px;line-height:25px;font-size:14px;} #main_table .mall_etc p {text-align:left;} /* 메인_ERP연동 */ #main_diagram { padding:70px 0 0;} #main_diagram h4 { margin:0 0 20px;font-size:2em;line-height:2em;} #main_diagram .diagram .comment { margin:0 0 20px;line-height:1.35em;} #main_diagram .diagram .function { display:block;height:280px;margin:0 0 20px;} #main_diagram .diagram .function h5 {margin:0 0 20px;font-size:1.52em;line-height:1em;} #main_diagram .diagram .function span {display:block;float:left;margin:0 16px 5px 0;width:250px;height:40px;line-height:40px;border-radius:40px;background:#616161;color:#fff;font-weight:600;} #main_diagram .diagram .function .txt {width:100%;margin:10px 0 0;color:#4065ad;background:none} #main_diagram .diagram .function span:nth-child(4n+1) {margin-right:0px;} #main_diagram .diagram p { margin:0 0 40px;} /* 쇼핑몰 표 */ #main_diagram .info {margin:0 0 50px;text-align:left;} #main_diagram .info .mall_info{margin:0 0 30px;border-top:2px solid #627aaf;} #main_diagram .info .mall_info caption, .info h6{margin:0 0 10px;line-height:21px;font-size:21px;font-weight:bold;text-align:center;} #main_diagram .info .mall_info th, .info .mall_info td{height:20px;line-height:20px;padding:3px 0;border-right:1px solid #d7d7d7;border-bottom:1px solid #d7d7d7;} #main_diagram .mall_info th:last-child, .mall_info td:last-child{border-right:0px none;} #main_diagram .info .mall_info td{padding-left:10px;} #main_diagram .info .mall_info th{font-weight:bold;text-align:center;} #main_diagram .info .mall_info thead th{padding:7px 0;background:#ececec;} #main_diagram .info .mall_info tbody th{background:#f8f8f8;} #main_diagram .info .mall_info td .bold{color:#CE0000;font-weight:bold;} #main_diagram .info .mall_info td.gray{font-weight:bold;text-align:center;background:#fcfcfc;} #main_diagram .info p{padding:3px 0 0;height:20px;line-height:20px;font-size:14px;} /* 메인_회사소개 */ #main_company { padding:50px 0 0;height:680px;background:url('http://mjsoft.co/html/ebizmall/images/main/company_bg.png') center top no-repeat;} #main_company h4 { margin:0 0 15px;font-size:2em;line-height:2em;} #main_company .company_info { margin:0 0 51px;color:#FFF} #main_company .company_info .title { margin:0 0 20px;font-size:1.45em;} #main_company .location { width:100%;height:450px;background:url('http://mjsoft.co/html/ebizmall/images/main/map.png') center bottom no-repeat;} /* 서브페이지 */ #sub_section { position:relative;width:100%;height:830px;background:url('http://mjsoft.co/html/ebizmall/images/sub/sub_top_bg.png') center top repeat-x;overflow:hidden;z-index:1;}/*760px;*/ #sub_section h3 { margin:30px 0 35px;color:#FFF;} #sub_section h3 span { display:block;padding:15px 0 0;font-weight:normal;background:url('http://mjsoft.co/html/ebizmall/images/sub/sub_section_top.png') center top no-repeat;} #sub_section h3 em { display:inline-block;margin:10px 0;font-size:42px;line-height:42px;} #sub_section h3 p { padding:5px 0 0;font-size:19px;font-weight:normal;} #sub_section .demo_btn { width:420px;margin:0 auto;padding:15px 0 0;} #sub_section .demo_btn a { display:inline-block;float:left;margin:0 5px;width:128px;height:50px;line-height:50px;color:#4065ad;font-size:0.92em;border-radius:3px} #sub_section .demo_btn a:first-child {border:1px solid #ffca0f;background:#ffe82a} #sub_section .demo_btn a:nth-child(2) {border:1px solid #CCC;background:#e6e6e6} #sub_section .demo_btn a:last-child {border:1px solid #4383e9;color:#FFF !important;background:#5e9fef} /*#sub_section .demo_btn a { display:inline-block;float:left;margin:0 10px;width:138px;height:45px;line-height:45px;border:1px solid #e0e0e0;} #sub_section .demo_btn a span { padding:0 30px 0 0;color:#555;background:url('http://mjsoft.co/html/ebizmall/images/sub/btn_arrow.png') center right no-repeat;}*/ #sub_article { margin:50px 0;} #sub_article > div h4 { padding:12px 0 0 15px;color:#555;font-size:27px;line-height:27px;text-align:left;background:url('http://mjsoft.co/html/ebizmall/images/sub/sub_article_head.png') no-repeat;} #sub_article .sub_view {margin:10px 0 50px;} #sub_article .sub_view p { margin:10px 0 0;} #sub_article .sub_view p img { border:1px solid #e2e2e2; -moz-box-shadow: 0px 10px 14px -7px #999; -webkit-box-shadow: 0px 10px 14px -7px #999; box-shadow: 0px 10px 14px -7px #999; } #sub_article .mobile { position:relative;margin:0 auto;width:1050px;height:700px;background:url('http://mjsoft.co/html/ebizmall/images/sub/item_mobile.png') center 50px no-repeat;} #sub_article .mobile div { position:absolute;left:388px;top:126px;width:262px;height:466px; overflow-y:scroll;overflow-x:hidden;} .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} .red {color:#be1e2d;font-weight:600;} /*오픈마켓*/ #api_main{position: relative;width:100%;height: 830px;background: url("../images/api/api_main_bg.png") repeat-x;overflow: hidden;z-index: 1;text-align:center;} .api_main_layout{width:1200px;margin:0 auto;margin-top:100px;} .api_pro_lite{margin-top:60px} .api_tel{margin-top:50px} .api_tel img{margin-top:40px}