@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* { margin:0; padding:0; }
html { -ms-overflow-style: scrollbar; }
ul li { list-style:none; }
img { border:0; }


body {
	margin:0;
	padding:0;
	background-color:#f1f2f3;
	font-size:12px;
	font-family:"Nanum Gothic", "Dotum", "Gulim", Sans-serif;
}

a, a:hover, a:focus, a:visited {
	color:inherit;
	text-decoration:none;
	outline: 0;
}

a:active {
    background-color: transparent;
}

select::-ms-expand {
	border:0;
	background:transparent;
	color:#444;
}

select {
	padding:3px;
	border:1px solid #c8c8c8;
	letter-spacing:-0.5px;
	font-size:12px;
	font-family:"Nanum Gothic", "Dotum", "Gulim", Sans-serif;
}

input[type=text],
input[type=email],
input[type=password],
input[type=number] {
	padding:4px 2px 4px 4px;
	border:1px solid #c8c8c8;
	font-size:12px;
	font-family:"Nanum Gothic", "Dotum", "Gulim", Sans-serif;
}

textarea {
	padding:4px 0px 4px 4px;
	border:1px solid #c8c8c8;
	font-size:12px;
	font-family:"Nanum Gothic", "Dotum", "Gulim", Sans-serif;
	resize: none;
}

input[type=checkbox] {
	margin:4px 0 0 0;
}

label {
	margin-right:10px;
}

label input {
	vertical-align:bottom;
	margin: 0 2px 0 0;
}

.btn {
	display:inline-block;
	background:#aaa;
	border:0;
	color:#fff;
	height:24px;
	padding:0 24px;
	line-height:0px;
	letter-spacing:-0.5px;
	font-family:"Nanum Gothic", "Dotum", "Gulim", Sans-serif;
	cursor:pointer;
}

a.btn {
	line-height:24px;
}

a.btn:active {
	line-height:26px;
}

.pull-right {
	float:right !important;
}

.pull-left {
	float:left !important;
}

.clip {
	display:inline-block;
	width:7px;
	height:12px;
	background:url(../images/clip.png);
	margin:2px 0 0 0;
}

.calendar {
	display:inline-block;
	width:25px;
	height:24px;
	background:#9f9f9f url(../images/calendar.png) no-repeat 1px 1px;
}

.btn-primary {
	background:#358feb;
}

.btn-info {
	background:#64b9b3;
}

.btn-danger {
	background:#358feb;
}

.btn-default {
	background:#7e8083;
}

.btn-success {
	background:#252d3a;
}

.radius {
	border-radius:11px;
}

.btn:hover {
	opacity:0.9;
}

.btn:active {
	line-height:1px;
}

.btn a {
	display:block;
	width:100%;
	height:100%;
}

.hover img:last-child,
.hover:hover img:first-child {
	display:none;
}

.hover:hover img:last-child {
	display:inline-block;
}

.container {
	width:1200px;
	margin:0 auto;
	}

.btn-group {
	display:inline-block;
}

.btn-group button {
	min-width:80px;
    padding:0px 10px;
}


.header {
	background:#fff;
	min-width:1200px;
	height:86px;
	background:#fff url(../images/header-bg.png);
	overflow:hidden;
	
}

.header .container .logo {
	float:left;
	width:215px;
	padding:30px 0 0 0;
}
.header .container .toplink {	
	display:inline-block;
	width:130px;
	height:24px;
	float:right;
}

.header .container .toplink li {
	display:inline-block;
	height:16px;
	text-align:center;
	font-size:12px;
	color:#6fb1f3;
	font-family:"Malgun Gothic", "Nanum Gothic", "Dotum", "Gulim", Sans-serif;
}

.header .container .toplink li a {
	float:left;
	width:60px;
	height:18px;
	padding:3px 0 0 0;
	text-align:center;
	font-size:12px;
	color:#6fb1f3;
	font-family:"Malgun Gothic", "Nanum Gothic", "Dotum", "Gulim", Sans-serif;
}

.header .container .toplink li.active a, .header .container .toplink  li.active:hover a {
	color:#fff;
}

.header .container .toplink li a:hover {
	color:#fff;
}


.header .container .menu {	
	display:inline-block;
	width:966px;
	height:40px;
	padding:15px 0 0 0px;
}

.header .container .menu li {
	display:inline-block;
	float:right;

}

.header .container .menu li a {
	float:left;
	height:31px;
	padding:8px 0 0 0px;
	text-align:left;
	font-size:12px;
	color:#fff;
	font-family:"Malgun Gothic", "Nanum Gothic", "Dotum", "Gulim", Sans-serif;
}

.header .container.menu   li.active a, .header .container .menu  li.active:hover a {
	background:#c93244;
	color:#fff;
}

.header .container .menu li a:hover {
	text-decoration:underline;
}



.main .top {
	height:44px;
	margin:0 auto;
	background:#fff;
	border-bottom:1px solid #e1e2e3;
	padding-bottom:4px;
	margin-bottom:20px;
}

.main H4 {
	float:left;
	
}

.main .nav {
	float:right;
	padding-top:2px;
	
}

.main .nav .current {
	margin-left:15px;
}

.main .nav .current li {
	float:left;
	margin-right:5px;
	margin-top:16px;
	font-size:11px;
	color:#cacaca;
}

.main .nav .interface {
	float:right;
	height:43px;
}

.main .nav .interface a {
	display:inline-block;
	height:33px;
	padding:10px 6px 0 11px;
	border-left:1px solid #e1e2e3;
}

.main .nav .interface a img {
	margin:0 auto;
}

.left {
	float:left;
	width:239px;
	min-height:900px;
	padding: -30px 0 50px 0;
	background:#fff;
	border-left:1px solid #e8e8e8;
	
}

.left h3 {
	margin:0;
	padding:13px 15px;
	background:#fff;
	color:#7e7e7e;
	font-size:18px;
	font-family:"Nanum Gothic";
}

.left .filter {
	padding:10px 12px;
	border-bottom:1px solid #e1e2e3;
}

.left .filter select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background:url(../images/chevron-down.png) no-repeat 194px center;
	width:100%;
	padding:3px;
	color:#c93244;
	border:1px solid #c8c8c8;
}

.left .filter select::-ms-expand {
    display: none;
}

/* ==========================================================================
NAVIGATION ON LEFT SECTION
========================================================================== */

.left .nav h4 {
	margin:0;
	padding:15px 35px;
	border-bottom:1px solid #e1e2e3;
	font-family:"Nanum Gothic";
	font-size:16px;
	color:#5a5a5a;
	cursor:pointer;
}

.left .nav ul {
	background:#fff;
}

.left .nav ul li {
	padding:13px 0 13px 25px;
	font-size:12px;
	color:#8d8d8d;
}

.left .nav ul li a {
	display:block;
	width:100%;
	height:14px;
	cursor:pointer;
}

.left .nav ul li:hover a {
	color:#358feb;
}

.left .nav ul li.current,
.left .nav ul li.current:hover a {
	color:#fff;
	background:#358feb;
}

[data-accordion] [data-content] {
    overflow: hidden;
    max-height: 0;
}

[data-accordion] [data-control] {
    position: relative;
    padding-right: 40px;
}

[data-accordion] > [data-control]:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 18px;
    font-size: 25px;
    font-weight: 200;
    color: #444;
    height: 15px;
    width: 24px;
    background: url('../images/chevron-down.png') center center no-repeat;
    background-size: 50%;
}

[data-accordion].open > [data-control]:after {
	/*
    -webkit-transform: rotate(-180deg); 
    -ms-transform: rotate(-180deg); 
    transform: rotate(-180deg); 
	*/
    background: url('../images/chevron-up.png') center center no-repeat;
}

.main {
	width:905px;
	min-height:846px;
	float:right;
	margin:0;
	padding:0 27px 50px 27px;
	background:#fff;
	border-left:#e1e2e3 1px solid;
}

.main h4 {
	margin:15px 0 28px 0;
	padding-left:20px;
	background:url(../images/bl_h4.png) no-repeat 0 5px ;
	font-family:"Nanum Gothic";
	font-size:19px;
	color:#252d3a;
}

.main h5 {
	height:28px;
	background:#fff;
	font-size:13px;
	padding:12px 0 0 15px;
}
.main .contents {
	clear:both;
}

.table {
	width:100%;
	margin:0;
	padding:0;
	border-spacing: 0;
	border-left:1px solid #a0afbc;
	border-bottom:1px solid #a0afbc;
	border-top:1px solid #91a1af;
}

.table.bordered th, .table.bordered td {
	border-right:1px solid #91a1af;
	vertical-align:middle;
}

.table a {
	color:#c93244;
}

.table a.btn {
	color:#fff;
}

.table th {
	border-bottom:1px solid #91a1af;
	background:#a0afbc;
	padding:12px;
	color:#fff;
	font-family:"Nanum Gothic", "Dotum", "Gulim", Sans-serif;
}

.table td {
	text-align:center;
	padding:9px;
	border-bottom:1px solid #d9d9d9;
	color:#7a7a7a;
	font-family:"Nanum Gothic", "Dotum", "Gulim", Sans-serif;
}

.table tr:last-child th,
.table tr:last-child td {
	border-bottom:0;
}

.text-left {
	text-align:left !important;
}

.text-right {
	text-align:right !important;
}

.text-center {
	text-align:center !important;
}

.table.text-left th,
.table.text-left td {
	text-align:left;
}

.pagination {
	display:inline-block;
	margin:35px 0 0 0;
}

.pagination li {
	float:left;
	display:inline-block;
	margin:0 5px;
	color:#51697b;
}

.pagination li.active a {
	color:#358feb;
	font-weight:900;
}

.pagination li:hover a {
	font-weight:900;
}

.pagination .first, .pagination .prev, .pagination .next, .pagination .last {
	background:#a0afbc;
	width:22px;
	height:21px;
	line-height:20px;
	color:#fff;
	font-size:8px;
	margin-top:-4px;
}

.pagination .first:hover,
.pagination .prev:hover,
.pagination .next:hover,
.pagination .last:hover {
	background:#358feb;
}

.pagination li a:focus {
	color:#db181c;
	font-weight:bold;
}

.footer {
	clear:both;
	position:relative;
	width:100%;
	height:150px;
	background:#282d37;
	color:#acacac;
	font-size:11px;
	z-index:1;
}

.close {
	display:inline-block;
	width:12px;
	height:11px;
	background:url(../images/close.png);
	cursor:pointer;
}

.modal {
	display:none;
	position:absolute;
	z-index:10;
	width:350px;
	top:40%;
	left:45%;
	margin-left:0px;
	border:3px solid #358feb;
	background:#fff;
}

.modal h5 {
	height:28px;
	background:#358feb;
	font-size:13px;
	padding:12px 0 0 15px;
	color:#fff;
}

.modal .contents {
	padding:20px;
}

.modal .close {
	float:right;
	margin:2px 15px 0 0;
}

.load {
	display:block;
}

.footer .container .logo {
	float:left;
	margin:10px 0 0 50px;
}

.footer .container .info {
	float:left;
	margin:20px 0 0 20px;
}

.footer .container .info span {
	display:inline-block;
	margin-right:12px;
}

.footer .container .info span:last-child {
	border-left:1px solid #acacac;
	padding: 0 0 0 10px;
	line-height:11px;
}

.footer .container .family-site {
	float:right;
	padding:15px 50px 0 0;
}

.footer .container .family-site select {
	width:150px;
    border: 1px solid #303947;
    background:#191e26 url(../images/caret-down.png) no-repeat 130px center;
	color:#fff;
	margin-left:5px;
	font-size:11px;
	padding:3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.footer .container .family-site select::-ms-expand {
    display: none;
}


/* ==========================================================================
CONTENTS PAGES
========================================================================== */

.contents-header {
	height:33px;
	padding:15px 15px 14px 15px;
	background:#edf1f5;
	border: 1px solid #e3e9ef;
	margin:0 0 30px 0;
}

.divider.vertical {
	float:left;
	width:1px;
	height:32px;
	border:0;
	background:#b2b6b9;
	margin:0 15px;
}

.contents-header ul {
	float:left;
	width:545px;
}

.contents-header li {
	margin-bottom:5px;
	display:inline-block;
	padding:8px 7px ;
	background:#fff;
	border:1px solid #d0d0d0;
	font-weight:900;
	font-family:"Nanum Gothic", "Dotum", "Gulim", Sans-serif;
}

.contents-header li:hover {
	color:#fff;
	background:#c93243;
}

.contents-header .input-group {
	float:left;
}

.contents-header .input-group select {
	float:left;
	padding:7px 3px;
}

.contents-header .input-group input[type=text] {
	padding:8px 10px 8px 10px;
}

.contents-header .btn {
	float:left;
	padding:7px 33px;
	height:32px;
}

.main .filter {
	width:100%;
	height:38px;
}

.main .filter .date {
	float:left;
}

.main .filter .calendar {
	float:left;
	margin:0 0 0 3px;
}

.main .filter .unicode {
	float:left;
	margin:5px 5px 0 5px;
}

.main .filter .input-group {
	float:left;
}


.main .filter .input-group input[type=text] {
	width:200px;
	margin-right:5px;
}

.main .filter .pull-right {
	float:right;
}

.main .filter .pull-right .mark {
	float:left;
	width:100px;
	margin:5px 0 0 0;
}

.main .filter .pull-right .mark .white-box {
	float:left;
	width:13px;
	height:13px;
	border:1px solid #555555;
	margin-right:5px;

}

.main .filter .pull-right .counter {
	display:inline-block;
	margin:5px 5px 0 0;
	font-weight:bold;
	color:#555;
}

.main .filter .pull-right .counter span {
	color:#6dc6cd;
}

.main .filter .pull-right .sorting {
	display:inline-block;
}

.main .filter .pull-right .sorting select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #a9abaf;
	width:47px;
	height:22px;
	padding:0 0 0 5px;
	margin:1px 0 0 0;
	background:url(../images/sorting-arrow.jpg) no-repeat right center;
}

.main .filter .pull-right .sorting.date-range select {
	width:107px;
}

.modal.contents p {
	margin-bottom:10px;
}

.modal.group .contents input[type=text] {
	width:200px;
	padding:4px 10px;
	margin-right:5px;
}

.modal .contents input[type=text] {
	margin-top:10px;
}

.modal input.block {
	width:301px;	
	margin:10px 0;
}

.contents-header.import .btn {
	float:none;
	padding:5px 25px;
	margin-left:15px;
}

.main .filter h5 {
	float:left;
	font-size:18px;
}

.contents .contact-list {
	display:block;
	width:100%;
	height:500px;
	border:1px solid #dedede;
	overflow-y:scroll;
}

.main .filter label {
	margin-right:15px;
}

.main .filter label input {
	vertical-align:middle;
	margin: -1px 2px 0 0;
}

.message-contents {
	width:875px;
	height:500px;
	border: 1px solid #d8d8d8;
	border-top:2px solid #c93243;
	overflow-y:scroll;
	padding:15px;
}

.message-contents p {
	line-height:30px;
	font-weight:900;
	color:#252d3a;
}

.message-contents p.send {
	color:#c93243;
}

.message-input {
	width:887px;
	height:70px;
	padding:10px;
	background:#d8d8d8;
}

.reply-input {
	padding:10px;
	background:#fff;
}


.message-input textarea {
	float:left;
	width:790px;
	height:35px;
}

.message-input .btn-send {
	width:85px;
	height:43px;
	margin:1px 0 0 5px;
}

.contents .photo {
	display:inline-block;
	width:155px;
	text-align:center;
}

.contents .photo .frame {
	display:inline-block;
	width: 155px;
	height: 195px;
	background: #ecebe7;
	border: 1px solid #d0d0d0;
}

.contents .photo p {
	margin:5px 0 0 0;
}

.contents .photo .btn {
	width:100%;
	margin:32px 0 0 0;
}

.contents .table.profile {
	float:right;
	width:733px;
}

.contents .table.profile th,
.contents .table.profile td {
	height:24px;
}

.contents-header span {
	float:left;
	margin:9px 10px 0 0;
}

.contents-header input {
	float:left;
}

.contents-header .calendar {
	float:left;
	height:24px;
	margin:5px 5px 0 5px;
}

.contents-header .unicode {
	float:left;
	margin:10px 5px 0 0;
}

/* ==========================================================================
POPUP
========================================================================== */

body.popup {
	overflow-x:hidden;
	background:#e7e7e7;
}

.popup {
	width:500px;
}

.popup.md {
	width:700px;
}

.popup.lg {
	width:800px;
}

.popup.bill {
	width:100%;
}


.popup .table th,
.popup .table td {
	height:24px;
}

.popup-header {
	padding:10px 15px;
	color:#fff;
	background:#358feb;
	font-size:20px;
}

.popup-body {
	padding:20px 15px;
	background:#fff;
}

.popup-body .profile {
	height:195px;
	margin-bottom:15px;
}

.popup-body .profile .photo {
	float:left;
	width:155px;
	height:195px;
	background:#ecebe7;
	border:1px solid #d0d0d0;
}

.popup-body .profile .info {
	float:right;
	width:300px;
	height:195px;
}

.popup-body .profile .info .table {
	border-bottom:1px solid #9f9f9f;
}

.popup-body .detail .table {
	border-top:1px solid #9f9f9f;
	border-bottom:1px solid #9f9f9f;
}

.popup-body input[type=text] {
	width:225px;
}

.popup-body .memo {
	padding-bottom:7px;
}

.popup-body .country {
	width:133px;
	margin-left:5px;
}

.popup-footer {
	padding:15px;
	text-align:center;
	background:#e7e7e7;
}


.popup-body.no-padding {
	padding:0 !important;
}

.popup-body .category {
	padding:15px;
}

.popup-body .filter {
	width:800px;
	height:30px;
}

.popup-body .filter .date {
	float:left;
}

.popup-body .filter .calendar {
	float:left;
	margin:0 0 0 3px;
}

.popup-body .filter .unicode {
	float:left;
	margin:5px 5px 0 5px;
}

.popup-body .filter .input-group {
	float:left;
}


.popup-body .filter .input-group input[type=text] {
	width:200px;
	margin-right:5px;
}


.popup-body input.date {
	float:left;
	width:110px;
}

.popup-body input.title {
	width:600px;
}

.popup-body label.everlasting {
	float:left;
	margin:5px 0 0 0;
}

.popup-body label.everlasting input {
	vertical-align:middle;
	margin: -1px 1px 0 10px;
}

.popup-body .table .calendar {
	float:left;
	margin:0 0 0 3px;
}

.uploadFile {
	float:left;
	width:506px !important;
	margin-right:3px;
}

.fileUpload {
	float:left;
    position: relative;
    overflow: hidden;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 12px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.fileUpload span {
	line-height:23px;
}

.fileUpload input.uploadFile {
	margin:10px;
}

.popup .marks {
	width:360px;
	padding:10px 0;
	border:1px solid #e6e6e6;
	text-align:center;
	margin:25px auto;
}

.marks span {
	display:inline-block;
	padding:0 10px;
}

.marks i.label {
	float:left;
	width:33px;
	height:16px;
	margin-right:5px;
}

.marks .label-primary {
	background:#6482b9;
}

.marks .label-info {
	background:#64b9b3;
}

.marks .label-danger {
	background:#c93244;
}


/* ==========================================================================
INDEX - LOGIN
========================================================================== */

body.login {
	margin:0 auto;
	background:url(../images/bg.png) no-repeat center top;
	background-color:#282d37;
	background-size:cover;
}

body.login .footer {
	margin:95px 0 0 0;
}

.intro {
	margin:93px auto 0 auto;
	width:1120px;
	height:700px;
	background:url(../images/intro_text.png) no-repeat 5px 80px;

}

.intro .container {
	width:1120px;
	height:402px;
	margin:0 0 20px 0;
}

.intro .container section {
	float:left;
	width:358px;
	background:#fff;
	border:0px solid #c8cbd0;
}

.intro .container section:nth-child(2) {
	margin:0 20px;
}

.intro .container section h3 {
	height:33px;
	color:#fff;
	font-size:17px;
	padding:14px 0 0 15px;
}

.intro label {
	font-weight:900;
	color:#555555;
}

.intro label input {
	margin:4px 4px 0 0;
}

.log-in .contents {
	padding:30px 29px 30px 29px;
}

.contents .input-box {
	width:268px;
	height:20px;
	padding:15px;
	border:1px solid #d6d6d6;
	margin:0 0 10px 0;
}

.input-box input {
	float:right;
	margin:-4px 0 0 0;
	width:225px;
	height:20px;
	border:0;
	font-size:16px;
}

.input-box input:focus {
	outline:0;
}

.input-box span {
	line-height:22px;
	font-size:18px;
	font-weight:900;
	color:#08163f;
}

.btn-login {
	width:100%;
	font-size:24px;
	background:#399bff;
	padding:12px;
	height:auto;
	line-height:24px;
	margin:25px 0px;
}

.btn-login:active, .btn-login:focus {
	width:100%;
	font-size:24px;
	background:#c93345;
	padding:12px;
	height:auto;
	line-height:24px;	
}

.btn span {
	font-size:11px;
	font-weight:900;
	margin:0 0 0 7px;
}

.btn.radius {
	padding:0 15px;
}

.title-danger {
	background:#1dd3ff;
}

.title-primary {
	background:#399bff;
}

.title-info {
	background:#64b9b3;
}

.title-default {
	background:#5d5d5d;
}

.title-success {
	background:#252d3a;
}

.information ul {
	padding:10px 0;
}

.information ul li {
	padding:15px 25px;
	border-bottom:1px solid #e2e3e5;
}

.information ul li span {
	font-size:11px;
	float:right;
	margin: 1px 0 0 0;
	color:#909090;
}

.information ul li:last-child {
	border:0;
}

.strong, .strong span {
	color:#c93345 !important;
}

.support .contents {
	line-height:24px;
	padding:25px 15px 27px 15px;
	background:url(../images/tel.png) no-repeat 210px center;
}

.support .contents p {
	font-size:16px;
	padding:0 10px;
	font-weight:700;
	color:#5d5d5d;
}

.support .contents p:nth-child(odd) {
	border-left:5px solid #64b9b3;
}

.support .contents p:nth-child(even) {
	border-left:5px solid #4c8d88;
}

.links a {
	display:block;
	height:122px;
	padding:0 25px 0 0;
	font-size:15px;
	line-height:122px;
	color:#a2a2a2;
	text-align:right;
}

.links .seaone {
	background:#fff url(../images/grayscale-seaone.png) no-repeat 25px 30px;
}

.links .ktsat {
	background:#ededed url(../images/grayscale-kt.png) no-repeat 25px 32px;
}


/* ==========================================================================
MAIN PAGE
========================================================================== */

.wrapper {
	width:1120px;
	height:400px;
	margin:20px auto 35px auto;
	color:#fbfcf4;
}

.wrapper section {
	float:left;
	width:358px;
	border:1px solid #c8cbd0;
}

.wrapper section .contents {
	background:#fff;
	height:351px;
}

.wrapper .traffic {
	width:738px;
	margin-right:20px;
}

.wrapper .seaone.notice {
	margin:0 20px;
}

.wrapper section h3 {
	height:32px;
	color:#fff;
	font-size:15px;
	font-weight:normal;
	padding:15px 0 0 15px;
}

.wrapper section h3 i {
	float:right;
	width:46px;
	height:47px;
	margin:-15px 0 0 0;
}

.wrapper section h3 .calendar {
	background-color:#0c1017;
	background-position:center center;
	opacity:0.4;

}

.wrapper section h3 .exit {
	background:#9a2634 url(../images/exit.png) no-repeat 12px 12px;
	opacity:0.4;
}

.wrapper section h3 .plus {
	background:#555555 url(../images/plus-default.png) no-repeat center center;
}

.wrapper .cost h3 .plus {
	background:#3e4e66 url(../images/plus-primary.png) no-repeat center center;
}

.wrapper .seaone.notice h3 .plus {
	background:#5ba9a4 url(../images/plus-info.png) no-repeat center center;
}

.wrapper h3 .user {
	float:left;
	width:11px;
	height:17px;
	background:url(../images/user-white.png);
	margin:0 7px 0 0;
}

.title-danger strong {
	color:#f2927b;
}

.title-primary strong {
	color:#465874;
}

.title-info strong {
	color:#80ffef;
}

.title-default strong {
	color:#64b9b3;
}

.title-success strong {
	color:#2ad6ea;
}

.wrapper .contents .marks {
	width:128px;
	color:#bfbfbf;
	padding:5px;
	border:1px solid #e6e6e6;
	text-align:center;
	margin:0 auto;
}

.wrapper .contents .marks span {
	padding:0;
}

.wrapper .menu .contents div {
	height:90px;
	line-height:35px;
	font-size:17px;
	font-weight:700;
	color:#848484;
	padding:27px 0 0 140px;
}

.wrapper .menu .contents div:nth-child(2) {
	border-top:1px solid #e6e7e9;
	border-bottom:1px solid #e6e7e9;
	background:#fdfbf7 url(../images/manual.png) no-repeat 20px 10px;
}

.wrapper .menu .contents .help {
	background:#fdfbf7 url(../images/help.png) no-repeat 20px 10px;
}

.wrapper .menu .contents .download {
	background:#fdfbf7 url(../images/download.png) no-repeat 20px 10px;
}

.wrapper .contents .btn {
	display:block;
	padding:0 15px;
}

.wrapper .cost .contents {
	height:321px;
	padding:15px 15px 15px 15px;
}

.wrapper .cost .contents .table {
	width:100%;
	border-top:0;
}

.wrapper .cost .contents th {
	padding:10px 7px;
	background:#b3b3b3;
	color:#fff;
}

.wrapper .cost .contents td {
	padding:6px 7px;
	color:#646464;
}

.wrapper .notice ul {
	padding:5px 0 5px 0;
}

.wrapper .notice ul li {
	color:#767676;
	padding:14px 15px;
	border-bottom:1px solid #e2e3e5;
}

.wrapper .notice ul li span {
	font-size:11px;
	float:right;
	margin: 1px 0 0 0;
	color:#909090;
}

.wrapper .notice ul li:last-child {
	border:0;
}

/* ==========================================================================
ETC - TEMPORARY STYLES FOR BACK-END PROGRAMING
========================================================================== */

.outlook {
	width:100%; 
	height:846px;
	line-height:806px;
	background:#ccc;
	font-size:40px;
	text-align:center;
	color:#999;	
}

.text-editor {
	width:100%;
	height:330px;
	line-height:290px;
	background:#ccc;
	font-size:40px;
	text-align:center;
	color:#999;	
}

.text-view {
	width:100%;
	height:286px;
	line-height:36px;
	padding:20px 15px;
	background:#fff;
	font-size:12px;
	text-align:left;
	color:#999;	
}

.tree-menu {
	width:100%;
	height:810px;
	line-height:290px;
	background:#ccc;
	font-size:20px;
	text-align:center;
	color:#999;	
}

.graph {
	width:100%;
	height:330px;
	line-height:310px;
	background:#ccc;
	font-size:40px;
	text-align:center;
	color:#999;	
}

/* DELETING HERE */


@media screen and (-webkit-min-device-pixel-ratio:0) { 
	.popup-body .memo {
		padding-bottom:4px;
	}

}

/*plus-style*/

.table .view a {
	color:#7a7a7a;
	border-bottom:1px solid #7a7a7a;
}

.table .view a:hover {
	color:#c93244;
	border-bottom:1px solid #c93244;
}

.popup-body textarea {
	width:365px;
}

.popup-body h4 {
	padding:15px;
}

.popup-body .ship-memo textarea {
	 height:110px; 
	 overflow-y:hidden;
}

table td .ship-text {
	width:295px !important;
}

table td .ship-select {
	width:303px;
}

.shipping-move div {
	float:left;
}

.shipping-move textarea {
	height:200px;
	width:170px;
}

.shipping-move .text-middle {
	margin-top:40px;
	margin:40px 5px 0 5px;
}

.shipping-move .btn-info {
	padding:0px 9px 2px 9px;
	font-size:13px;
	margin-bottom:5px;
}

.period div {
	float:left;
}

.log-ship-period div {
	float:left;
}

.period-selected {
	width:381px;
}

.period-selected h4 {
	background:#e6e6e6;
	border:0;
	padding:22px 0;
	text-align:center;
	margin:0;
}

.period-selected select {
	width:381px;
	height:368px;
}

.period-selected select option {
	margin-bottom:4px;
	padding-left:15px;
}

.period-selected select option:hover {
	background-color:red;
}

.period-btn {
	margin:150px 24px 0 24px;
}

.period-btn .btn {
	margin-bottom:11px;
	padding:15px 0;
	width:94px;
}

.period-btn .btn span {
	margin-right:0;
	margin-left:15px;
}

.period-btn div {
	margin-top:22px;
}

.period-btn div .btn span {
	margin-right:15px;
	margin-left:0;
}