a {
    color:#595959;
    text-decoration:none;
    background-color: transparent; 
    -webkit-text-decoration-skip: objects;
}
a:active, a:hover, a:focus {color: #ff484a;}

::selection { background: #1cfff4; color:#000;}
::-moz-selection { background: #1cfff4; color:#000;}

/* init */
label {font-size:0.875em; line-height:2em}

/* Body :: Wrap */
body {font-size:1rem}
body, #wrap {height:100%; margin:0; padding:0}

/* layout */
/* header */
#wrap {position:absolute; top:0; right:0; bottom:0; left:0; height:100%; width:100%}
#header {position:fixed; top:0; width:100%; height:55px; border-bottom:1px solid #ddd; background:#fff; z-index:9}
#header h1 {position:absolute; left:50%; top:10px; height:36px; margin:0 0 0 -60px; padding:0; line-height:12px;}
#header h1 img {height:100%}
#header #sidebarOpener {position:absolute; left:10px; top:10px;}
.lnb {float:right; margin:15px 10px 0 0}
.lnb:after {display:block; clear:both; content:''}
.lnb li {float:left; margin-left:10px; list-style:none; font-size:0.875em}
.lnb li a {display:block}
/* sidebar */
.gnb-sidebar {position:fixed; left:-286px; top:0; bottom:0; width:286px; border-right:1px solid #ddd; text-align:center; background:#fff; z-index:9999}
.gnb-sidebar #sidebarCloser {position:absolute; top:15px; right:5px; margin:0; padding:0; width:28px; height:28px; text-align:center; font-size:2.8em; line-height:0}
.gnb-sidebar .jongno-delivery-info {height:130px; padding:10px 0; background:#f8f8f8; border-bottom:1px solid #ddd}
.gnb-sidebar .jongno-delivery-info h1 {position:absolute; left:10px; top:10px; width:40px;}
.gnb-sidebar .jongno-delivery-info h1 img {width:100%}
.gnb-sidebar .jongno-delivery-info p.slogan {margin-top:13px; font-size:0.85em; letter-spacing:-1px; vertical-align:middle;}
.gnb-sidebar .jongno-delivery-info p.slogan strong.ds1 {color:#ee2e24}
.gnb-sidebar .jongno-delivery-info p.slogan strong.ds2 {color:#0080c6}
.gnb-sidebar .jongno-delivery-info .my-info {margin-top:20px; padding:10px 0 12px; font-size:0.75em; line-height:2em; background:#ddd; border-top:1px solid #999;}
.gnb-sidebar .jongno-delivery-info .my-info strong {color:#000}
.gnb-sidebar .gnb {position:absolute; top:130px; bottom:50px; width:100%; background:#fff; border-bottom:1px solid #ddd; letter-spacing:-1px; list-style:none; overflow-y:auto}
.gnb-sidebar .gnb:after {display:block; clear:both; content:''}
.gnb-sidebar .gnb li {width:100%; font-size:0.875em; background:#fff; border-bottom:1px solid #eee}
.gnb-sidebar .gnb li a {display:block; padding:10px; text-align:left; text-indent:20px;}
.gnb-sidebar .gnb li a.current {color: #ff484a;}
.gnb-sidebar .gnb.black {background:#333; color:#fff}
.gnb-sidebar .gnb.black li {background:#333; border-bottom:1px solid #444}
.gnb-sidebar .gnb.black li a {color:#ccc;}
.gnb-sidebar .gnb.black li a:hover, .gnb-sidebar .gnb.black li a:active, .gnb-sidebar .gnb.black li a:focus, .gnb-sidebar .gnb.black li a.current {color:#fff; background:#111}
.gnb-sidebar .sidebar-info {position:absolute; bottom:10px; width:100%; text-align:center; font-size:0.75em}
/* container */
#container {background:#efefef; border:1px solid #efefef}
#container:after {display:block; clear:both; content:''}
.contents {width:96%; margin:65px auto 10px; padding:20px; background:#fff}
.contents .content-title {margin-bottom:30px; padding-bottom:15px; border-bottom:1px solid #e7e7e7; font-size:1.125em; font-weight:normal}
/* footer */
#footer {padding:20px 0; border-top:1px solid #ddd; color:#999; font-size:0.75rem; text-align:center; line-height:1.3em}
#footer .pipe {display:inline-block; margin:0 2px; color:#bbb; font-size:0.6875rem}
#footer .copyright {margin:4px 0; color:#333}

/* ********************************** Content Elements ********************************** */
.box {overflow:hidden}
.box-header, .box-body, .box-footer {padding:0 0 10px}
.box-header:after, .box-body:after, .box-footer:after {display:block; clear:both; content:''}
.box-header {display:block}
.box-header h1 {font-size:1em;}
.box-body {margin:0}
.box-body:after {display:block; clear:both; content:''}
.box-footer {text-align:center}
.box-footer.border {border-top:1px solid #c8ced3}


/* 로그인 */
.session-info {width:100%;}
.session-info:after {display:block; clear:both; content:''}
.session-info a {display:block; width:50%; margin:10px 0 0; padding:10px 0; float:left; text-align:center; font-size:0.875em; background:#f7f7f7; border:1px solid #ddd}
.session-info a:hover, .session-info a:active, .session-info a:focus {background:#777; color:#fff}
.session-info a:last-child {border-left:0}

/* 회원가입시 약관확인 */
.register-steps {clear:both; margin:20px 0}
.register-steps:after {display:block; clear:both; content:''}
.register-steps li {width:100%; border:1px solid #ddd;}
.register-steps li span {display:block; padding:16px; background:#efefef}
.register-steps li span.active {background:#111; color:#fff}

#registerForm {display:block; clear:both}
#registerForm p {text-align:center;color: #c7254e; padding:10px; margin:5px 0}
#registerForm section {margin:10px auto 30px;border:1px solid #dbdbdb;position:relative;}
#registerForm .check-all {text-align:right}
#registerForm h2 {text-align:left;padding:15px 20px;border-bottom:1px solid #dbdbdb;background:#f8f8f8}
#registerForm div {padding:0;background:#fff}
#registerForm textarea {display:block;padding:20px;width:100%;height:250px;background:#fff;border:0;line-height:1.6em}
#registerForm table {width:98%; margin:10px auto;}
#registerForm table caption {position:absolute;font-size:0;line-height:0;overflow:hidden}
#registerForm table th {background:#bbb;width:33.33%;color:#222;padding:10px;border:1px solid #999; text-align:center}
#registerForm table td {border:1px solid #ddd; padding:10px; font-size:0.875em}
#registerForm .label-area {width:98%; margin:10px 0; text-align:right; font-size:0.875em;}
#registerForm .label-area label {padding-top:12px; font-weight:normal}
#registerForm .label-area input {height:18px; width:18px;}

/* *********************************************** front */
/* reception */
.ds-nav {width:100%; margin:30px 0 0; border:1px solid #ddd; border-right:0; border-bottom:0}
.ds-nav:after {display:block; clear:both; content:''}
.ds-nav li {width:50%; float:left}
.ds-nav li a {display:block; padding:10px; text-align:center; font-weight:bold; border:1px solid #ddd; border-left:0; border-top:0;}
.ds-nav li .ds1.current, .ds-nav li .ds1:hover, .ds-nav li .ds1:focus, .ds-nav li .ds1:active {background:#ee2e24; color:#fff;}
.ds-nav li .ds2.current, .ds-nav li .ds2:hover, .ds-nav li .ds2:focus, .ds-nav li .ds2:active {background:#0080c6; color:#fff;}

.reception-information {font-size:0.75em; line-height:160%; color:#999}

.reception-section {margin-bottom:30px; padding-top:30px; border-top:1px solid #ddd}
.reception-section.sender {border-top:0}
.reception-title {margin-bottom:10px; font-size:1.125em}
.reception-section.reception-agree div {margin:10px 0; padding:10px; background:#f7f7f7; border:1px solid #eee; font-size:0.75em; line-height:160%}

.radio-label {margin-right:30px;}
.inline-input {width:20px; height:20px; vertical-align:top;}

/* delivery list */
.delivery-table {width:100%; margin-top:10px;}
.delivery-table th, .delivery-table td {padding:5px; border:1px solid #ccc; font-size:0.75em; line-height:140%}
.delivery-table th {background:#efefef; text-align:center}
.delivery-table .ext-data {color:#999}
.delivery-table .ext-data a {color:#0080c6; text-decoration:underline}

/* section */
.information-section {margin-bottom:30px;}
.last-section {margin-bottom:0}
.ds-title {margin-bottom:6px; font-size:1.25em}
.ds1 {color:#ee2e24}
.ds2 {color:#0080c6}
.ds3 {color:#ffbb46}
.ds1-back {color:#fff; background:#ee2e24}
.ds2-back {color:#fff; background:#0080c6}
.ds3-back {color:#fff; background:#ffbb46}
.white-table {width:100%; margin-top:10px;}
.white-table th, .white-table td {padding:10px; border:1px solid #ccc; font-size:0.875em}
.white-table th {background:#efefef; text-align:center}
.cost-info th {width:50%}

/* faq */
.faq-groups {width:100%; border-top:1px solid #ddd; border-left:1px solid #ddd;}
.faq-groups:after {display:block; clear:both; content:''}
.faq-groups li {float:left; width:50%}
.faq-groups li a {display:block; padding:10px; text-align:center; border-right:1px solid #ddd; border-bottom:1px solid #ddd; font-size:0.875em}
.faq-groups li a.current {background:#ee2e24; color:#fff; font-weight:bold}

.faq-list {width:100%; margin-top:10px;}
.faq-list:after {display:block; clear:both; content:''}
.faq-list dt {display:block; padding:10px; border:1px solid #eee; border-left:0; border-right:0; background:#f7f7f7; font-size:0.95em; cursor:pointer}
.faq-list dd {display:none; margin-bottom:20px; padding:10px 10px 10px 36px; font-size:0.875em}

/* donation */
.save-the-children {width:80%; margin:10px auto; text-align:center}
.save-the-children img {width:100%; max-width:600px;}
.save-the-children p {padding-top:20px;}
.save-the-children p strong.red {color:#ee2e24}

/* *********************************************** admin */
.admin-table {width:100%}
.admin-table th, .admin-table td {padding:10px; font-size:0.875em}
.admin-table th {color:#fff; background:#333; text-align:center}
.admin-table td {border:1px solid #efefef; text-align:center}


@media (min-width: 576px) {

}

@media (min-width: 768px) {
    /* 회원가입시 약관확인 */
    .register-steps li {float:left; width:33.33%; border:1px solid #ddd;}
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}