@charset "utf-8";
@import url("default.css");
@import url("common.css");
@import url("board.css");

#container .outer.bg {background:#f8f8f8;}
#container .inner {width:960px; margin:0 auto; position:relative;}
#container .inner:after {content:""; display:block; height:0; clear:both;}
#container .innerWrap {background:#fff;}
#titContents {padding-top:50px;}
#contents {padding-bottom:80px; min-height:480px}

/* 타이틀 */
#titContents {height:50px; position:relative; border-bottom:1px solid #000; margin-bottom:30px;}
#titContents h2 {font-weight:700; font-size:30px; color:#222; letter-spacing:-0.5px}
#titContents p.path {position:absolute; top:66px; right:0; font-size:13px;}
#titContents p.path strong {font-weight:500;}
#titContentsTab {padding-top:25px; background:#fafafa !important;}
#titContentsTab h2 {font-weight:700; font-size:26px; color:#222; letter-spacing:-0.5px; padding-bottom:7px;}
#titContentsTab ul:after {content:""; display:block; height:0; clear:both;}
#titContentsTab li {float:left;}
#titContentsTab li a {display:block; font-size:20px; font-weight:500; padding:0 10px; height:55px; line-height:54px; color:#aaa; box-sizing:border-box; margin-right:55px;}
#titContentsTab li.active a {color:#222; border-bottom:3px solid #aa0202 ;}
h3.tit {padding-bottom:12px; color:#333; font-size:20px; font-weight:500;}

/* 서브메뉴 */
#snb {width:170px; border-right:1px solid #e5e5e5;  height:100%; position:absolute; top:0; left:0;}
#snb h2 {font-size:20px; font-weight:700; color:#222; padding:58px 0 0 0; border-bottom:1px solid #e5e5e5; height:40px; margin-bottom:30px;}
#snb a {display:block; height:32px; line-height:31px; font-size:16px; font-weight:500; margin-bottom:10px; padding-left:10px; transition:all 0.2s; color:#222;}
#snb span {display:block; height:32px; line-height:31px; font-size:16px; font-weight:500; margin-bottom:10px; padding-left:10px;}
#snb a.active {background:#aa0202; color:#fff;}
#snb a:hover {background:#aa0202; color:#fff; transition:all 0.2s;}
#snb > ul > li > ul > li > a {padding-left:20px; color:#848484; font-size:14px; font-weight:400; margin-bottom:2px;}
#snb > ul > li > ul {padding-bottom:15px;}
#snb > ul > li:hover > span {color:#aa0202;}
/* #snb > ul > li:hover > span:after {content:""; display:inline-block; width:5px; height:5px; background:#aa0202; border-radius:99px; position:relative; top:-5px; left:5px;} */
.division {float:right; width:738px;}

/* 팝업 */
.layerPopup {position:fixed; top:0; left:0; width:100%; height:100%; z-index:10000; overflow:auto; display:none;}
.layerPopup > .layerInner {padding:30px; margin:0 auto;}
.layerPopup > .layerInner > .layerBox {box-shadow:0px 5px 12px rgba(0,0,0,0.5); background:#fff; border-radius:5px;}
.layerPopup .titArea {position:relative;}
.layerPopup .titArea h3 {height:51px; line-height:50px; font-size:18px; color:#222; border-bottom:1px solid #d1d1d1; padding-left:15px;}
.layerPopup .titArea .btnLayerClose {position:absolute; top:0; right:0;width:51px; height:51px; text-align:center;}
.layerPopup .titArea .btnLayerClose img {position:relative; top:5px;}
.layerPopup .cont {padding:30px;}
.layerPopup h4.tit  {font-size:16px; font-weight:500; padding-bottom:16px;}
#playerArea > .layerInner > .layerBox {background:none; border-radius:0px; position:relative;}
#playerArea .btnLayerClose {position:absolute; top:-0px; right:-52px; padding:10px; /* border:1px solid #fff; */}
.receiptAlert p {text-align:center; padding-top:110px; font-size:24px; color:#222; font-weight:700; background:url(../images/sub/ic_receipt_alert.gif) center 50px no-repeat; padding-bottom:40px;}
.receiptAlert .btnReceipt {text-align:right; margin:0 30px; position:relative; padding-bottom:30px;}
.receiptAlert .btnReceipt a {font-weight:500; margin-right:10px; color:#777;}
.receiptAlert .btnReceipt a.last {margin-right:0;}
.receiptAlert .btnReceipt .first {position:absolute; top:0; left:0; color:#a50c12;}
#couponAdd .box {border:1px solid #222; border-width:1px 0 1px 0; padding:30px 0; text-align:center;}
#couponAdd .box p {font-size:15px; font-weight:400; color:#555; padding-bottom:17px;}
#couponAdd .box input {width:400px; height:42px; border:2px solid #d1d1d1; text-align:center; border-right:none; box-sizing:border-box; font-size:16px;}
#couponAdd .box a {display:inline-block; height:42px; line-height:41px; font-size:16px; background:#aa0202; vertical-align:top;width:80px; text-align:center; color:#fff; font-weight:400;}


/* 로그인 */
.login h3 {text-align:center; padding:140px 0 10px 0; background:url(../images/common/h1_logo.png) center 25px no-repeat; font-size:24px; color:#222; font-weight:700;}
.login p {text-align:center; color:#585858; font-size:13px; padding-bottom:30px;}
.login .section {width:340px; margin:0 auto 70px auto;}
.login .section li {padding-bottom:7px;}
.login .section li.btn {padding-top:3px;}
.login .section li.btn a {display:block; height:40px; line-height:40px; background:#aa0202; border-radius:3px; text-align:center; color:#fff; font-weight:500; transition:all 0.2s;}
.login .section li.btn a:hover {box-shadow:3px 3px 0px rgba(170,2,2,0.3); transition:all 0.2s;}
.login .section li input {width:100%; height:34px; text-align:center; padding:0 50px;}
.login .section li .txt {width:100%; text-align:center;}
.login .section li .placeholder {display:block;}
.login .section li.id input {background:url(../images/sub/bg_login_id.gif) 20px center no-repeat;}
.login .section li.pw input {background:url(../images/sub/bg_login_pw.gif) 20px center no-repeat;}
.login .section .idPw {font-size:13px; position:relative;}
.login .section .idPw .txt {position:relative; top:3px;}
.login .section .idPw a {position:absolute; top:2px; right:0; color:#294bdd; text-decoration:underline;}
.loginFoot {width:636px; margin:0 auto; padding:35px 0; text-align:center; background:#f2f2f2;}
.loginFoot h3 {font-size:24px; font-weight:700;}
.loginFoot p {color:#585858; padding:9px 0 30px 0;}
.loginFoot a {display:inline-block; width:340px; color:#fff; background:#2a2a2a; height:40px; line-height:39px; border-radius:3px; font-size:15px; font-weight:500; transition:all 0.2s;}
.loginFoot a:hover {box-shadow:3px 3px 0px rgba(0,0,0,0.3); transition:all 0.2s;}

/* 약관 */
.tos {padding:12px 15px; font-size:13px; border:1px solid #ddd; line-height:1.5}

/* 아이디 비밀번호 찾기 */
.idPwSearch h3 {text-align:center; font-size:20px; font-weight:700; color:#222; padding:30px 0 15px 0;}
.idPwSearch .table {border:1px solid #b4b4b4; border-left:none; border-right:none; padding:12px 0; margin-bottom:20px;}
.idPwSearch .table th {height:45px; vertical-align:middle; padding-left:123px; box-sizing:border-box;}
.idPwSearch .table input {width:120px;}
.idPwSearch .table span {display:inline-block; width:20px; text-align:center;}
.idPwSearch a {display:block; width:101px; margin:0 auto; color:#fff; height:50px; line-height:49px; font-size:14px; font-weight:500;}

/* 회원가입 */
.joinTit {padding-top:3px;}
.join .btnArea {padding-top:30px;}
.join .btnArea a {width:100px; height:46px; line-height:45px; font-size:16px; font-weight:400;}
.join_1 p.tit {background:#eaeaea; color:#222; height:60px; line-height:59px; text-align:center; color:#222; font-size:15px; font-weight:500;}
.join_1 h3 {padding-top:25px;}
.join_1 .box {padding:12px 15px; font-size:13px; border:1px solid #ddd; overflow:auto; height:200px; line-height:1.5}
.join_1 .check {text-align:right; padding-top:10px;}
.join_1 .check .txt {padding-right:10px;}
.txtEssential {color:#aa0202; margin:10px 0 30px 0; font-weight:400;}
.txtEssential img {position:relative; top:4px; margin-right:7px;}
.dybCertified {border:2px solid #222; text-align:center; padding:25px 0}
.dybCertified h3 {font-size:18px; font-weight:700; padding-bottom:5px;}
.dybCertified .titTxt {color:#a50c12; font-weight:400; padding-bottom:20px;}
.dybCertified li {padding-bottom:7px;}
.dybCertified li.btn {padding-top:5px; margin-bottom:20px;}
.dybCertified li.btn a {height:40px; line-height:40px; font-size:14px; font-weight:500px; width:100px;}
.dybCertified li input {width:350px; height:34px; text-align:center; padding:0 50px;}
.dybCertified li .txt {width:100%; text-align:center;}
.dybCertified li .placeholder {display:block;}
.dybCertified li.id input {background:url(../images/sub/bg_login_id.gif) 20px center no-repeat;}
.dybCertified li.pw input {background:url(../images/sub/bg_login_pw.gif) 20px center no-repeat;}
.dybCertified .idPw {font-size:13px; position:relative;}
.dybCertified .idPw .txt {position:relative; top:3px;}
.dybCertified .idPw a {position:absolute; top:2px; right:0; color:#294bdd; text-decoration:underline;}
.dybCertified .ex {font-size:13px; line-height:1.7}
.dybCertified .ex a {color:#3849ef; text-decoration:underline;}
.dybCertified .table {width:250px; margin:0 auto 30px auto;}
.dybCertified .table th, .dybCertified .table td {border-bottom:1px solid #d1d1d1; height:26px;}
.dybCertified .table th {text-align:right; font-weight:500;}
.dybCertified .table td {padding-left:30px;}
.join_3 p {font-size:24px; font-weight:700; color:#222; padding:200px 0 30px 0; background:url(../images/sub/img_join_3.gif) center 35px no-repeat; text-align:center;}


/* 회원탈퇴 */
.secession .noticeBox {border:1px solid #ccc; padding:12px 15px; line-height:1.5; margin-bottom:38px;;}
.secession h3 {font-size:18px; font-weight:500; padding-bottom:10px;}
.secession .box {border:1px solid #ccc; padding:40px 50px; margin-bottom:50px;}
.secession .box ul:after {content:""; display:block; height:0; clear:both;}
.secession .box ul li {float:left; width:50%; box-sizing:border-box; padding-bottom:15px;}
.secession .box ul li .txt {position:relative; top:1px;}
.secession .box dt {font-size:16px; text-align:center; font-weight:400; padding:25px 0 10px 0;}
.secession .box dd input {width:100%; height:50px; font-size:16px;}
.secession .box dd textarea {width:100%; height:120px; font-size:14px;}

/* 회원정보 */
.certified_1 {border:2px solid #333; position:relative; padding-left:302px; height:145px;}
.certified_1 .img {position:absolute; top:45px; left:65px;}
.certified_1 h4 {font-size:22px; color:#222; font-weight:700; padding:20px 0 7px 0;}
.certified_1 p {padding-bottom:10px; font-size:16px; font-weight:400;}
.certified_2 {border:2px solid #333; position:relative; padding-left:302px; height:166px;}
.certified_2 .img {position:absolute; top:55px; left:65px;}
.certified_2 h4 {font-size:22px; color:#222; font-weight:700; padding:20px 0 15px 0;}
.certified_2 table {width:220px;}
.certified_2 th, .certified_2 td {border-bottom:1px solid #d1d1d1; height:26px;}
.certified_2 th {text-align:right; font-weight:500;}
.certified_2 td {padding-left:15px;}
.certified_2 a {position:absolute; right:45px; bottom:23px;}

/**/
.refundResult {border-bottom:none;}
.refundResult th {background:#fff;}
.refundResult th {border-bottom:2px dotted #ddd;}
.refundResult td {border-bottom:2px dotted #ddd;}
.refundResult .last * {border-bottom:none;}

/*  */
.couponAdd {margin-bottom:40px;}
.couponAdd span.txt {padding-top:22px; width:100%; text-align:center; font-size:18px; font-weight:500;}
.couponAdd input {width:600px; height:70px; border:3px solid #d1d1d1; border-right:none; text-align:center; font-size:18px; font-weight:500;}
.couponAdd a {display:inline-block; background:#aa0202; width:136px; text-align:center; color:#fff; height:70px; line-height:69px; font-size:18px; font-weight:500;}

/* 주문 결제 */
.cartTwoArticle_1 {border-top:1px solid #333; border-bottom:1px solid #d1d1d1; padding:0px 0px; position:relative;}
.cartTwoArticle_1 table {width:360px;}
.cartTwoArticle_1 th {border-bottom:1px solid #d1d1d1; height:46px; padding-left:15px;}
.cartTwoArticle_1 td {border-bottom:1px solid #d1d1d1; height:46px; text-align:right; font-weight:500; padding-right:15px;}
.cartTwoArticle_1 .last * {border-bottom:none;}
.cartTwoArticle_1 .total {position:absolute; left:392px; width:342px; text-align:center; top:50%; margin-top:-40px; letter-spacing:-1px;}
.cartTwoArticle_1 .total dt {font-size:24px; font-weight:500; padding-bottom:5px;}
.cartTwoArticle_1 .total dd {font-size:34px; color:#a50c12; font-weight:900;}


.cartTwoArticle_2 {border-top:1px solid #333; border-bottom:1px solid #d1d1d1; padding:0px 0px; position:relative; padding:20px;}
.cartTwoArticle_2 ul {width:340px;}
.cartTwoArticle_2 ul:after {content:""; display:block; height:0; clear:both;}
.cartTwoArticle_2 li {float:left; width:50%; padding-bottom:15px;}
.cartTwoArticle_2 li.last {padding-bottom:0;}
.cartTwoArticle_2 li .txt {position:relative; top:2px;}
.cartTwoArticle_2 .total {position:absolute; right:0; bottom:20px; letter-spacing:-1px;}
.cartTwoArticle_2 .total dt {font-size:24px; font-weight:500; padding-bottom:5px; display:inline; margin-right:10px;}
.cartTwoArticle_2 .total dd {font-size:34px; color:#a50c12; font-weight:700; display:inline;}
.cart_3 {text-align:center;}
.cart_3 h3 {font-size:28px; font-weight:700; padding-bottom:30px;}
.cart_3 h3 span {display:block;}
.cart_3 dl {width:280px; border:2px solid #aa0202; margin:0 auto; padding:16px 0 20px 0; letter-spacing:-1px;}
.cart_3 dt {font-size:24px; font-weight:500; padding-bottom:5px;}
.cart_3 dd {font-size:34px; color:#a50c12; font-weight:900;}
.cart_3 .table {width:420px; margin:0 auto; border:1px solid #d1d1d1; padding:10px 30px;}
.cart_3 th {border-bottom:1px solid #d1d1d1; height:46px; padding-left:15px;}
.cart_3 td {border-bottom:1px solid #d1d1d1; height:46px; text-align:right; font-weight:500; padding-right:15px;}
.cart_3 .last {border-bottom:none;}
.cart_3 p {font-size:20px; font-weight:400; color:#777;}