/*-------------------------------------------------------------*/
/*                              서브                           */
/*-------------------------------------------------------------*/
body > .container {margin-top:70px;}
.cate01 {}
.cate02 {}
.cate03 {padding:0 5px; font-size:11px; color:#aaa; margin-top:-25px; margin-bottom:30px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} /*한줄가이드*/
.cate04 {}
.cate05 {}

h1.subtitle {font-size:15px; line-height:20px; padding:10px 0; font-weight:bold; color:var(--major-color); border-bottom:1px solid #e2e2e2; margin:20px 0; }
h2.subtitle {font-size:14px; line-height:20px; padding:10px 0; font-weight:bold; color:var(--primary-darker-color); border-bottom:1px solid #e2e2e2; margin:0;margin-bottom:0px;}
h2.subtitle span {font-weight:normal; font-size:12px; color:#888;}
h2.subtitle select {margin-top:-4px; margin-left:10px;} 
h3.subtitle  {font-size:13px; line-height:20px; font-weight:bold; color:#222; border-bottom:1px solid #ddd; padding-bottom:10px;  margin:0; margin-bottom:30px;}


.content-right {width: calc(100% - 200px); float:right;}
.content {position:relative; width: 100%;}

.footer-btnset {padding:20px 0; text-align:center;}

/* 버튼 */
.button_wrap { text-align: center; }
.button_wrap .btn { display: inline-block; width: 220px; height: 50px; line-height: 50px;  font-size: 18px; font-weight: bold; border-radius: 0; padding: 0; }
.button_wrap .red_button { background: #000; color: #fff; border: 0; }
.button_wrap input.red_button { background: #eb3737; color: #fff; }
.button_wrap .white_button { background: #fff; border: 1px solid #b6b6b6; color: #808080; }
.button_wrap .black_button { background: #191919; color: #fff; border: 0; }
.button_wrap .gray_button { background: #a9a9a9; color: #fff; border: 0; }
.button_wrap i {font-size: 24px;}
.button_wrap .gray_button i {font-size: 26px;}

.small_button_wrap .btn { width: 70px !important; height: 25px; line-height: 25px; border-radius: 2px; font-size: 13px; font-weight: 300; padding: 0; }
.small_button_wrap .white_button, .cart_container .small_button_wrap span.mody_btn { background: #fff; color: #555; border: 1px solid #d3d3d3; margin-bottom: 7px; }
.small_button_wrap .red_button { background: #eb3737; color: #fff; border: 0; }
.small_button_wrap .btn img { margin-right: 7px; margin-top: -4px; }

/* 상품명 타이틀 */
.podGoods_title {height: 45px;margin-bottom: 28px;font-size: 20px;font-weight: bold;color: #212121;border-bottom: 1px solid #e8e8e8;letter-spacing: -0.6px;}
.podGoods_title .sub_title::before {content: "|";color: #c2c2c2;padding: 0 15px;}
.view_money {margin-top:-22px;}

/*-------------------------------------------------------------*/
/*                           마이상품                          */
/*-------------------------------------------------------------*/
/* 상품 상세페이지 > 마이상품 */
.my_add_wrap { width: 100%; border-bottom: 0; box-sizing: border-box; margin-top: 0; float: left; }
.my_add_wrap div { width: 100%; float: left; margin: 0; }
.my_add_wrap .top_box { padding: 22px 0; text-align: center; line-height: 22px; border: 5px solid #f1f1f1; border-bottom: 0; }
.my_add_wrap .bottom_box { height: 70px; background: #f4f4f4; line-height: 70px; text-align: center; }
.my_add_wrap .bottom_box input { width: 320px; height: 35px; line-height: 35px; background: #fff; border-radius: 0; color: #9e9e9e; font-size: 15px; font-weight: 400; margin-left: 16px; margin-top: -4px; padding: 0 5px; letter-spacing: -0.5px;margin-bottom: -2px;}
.my_add_wrap .bottom_box a {margin-left:-1px;}
.my_add_wrap .bottom_box .btnmy { display: inline-block; width: 138px; height: 35px; line-height: 35px; text-align: center; background: #e82e2e; border-radius: 0; color: #fff; font-size: 14px; font-weight: bold; margin-left: -3px; }

.my_add_after { margin: 25px 0 15px; overflow: hidden; }

.form-table {width:100%; float: left; margin-top: 20px;}

/* 이벤트페이지 */
.eventList {position:relative; overflow:hidden;}
.eventList .eventimg {width:500px; float:left;}
.eventList .eventimg img {width:100%; padding-bottom:20px;}
.eventList .eventinfo {width:360px; float:right;}
.eventList .eventinfo h2 {font-size:22px; margin:10px 0;} 
.eventList .eventinfo li {font-size:12px; color:#888; line-height:24px;} 
.eventList .eventinfo li.status {margin-bottom:30px;} 

/*-------------------------------------------------------------*/
/*                              게시판추가                         */
/*-------------------------------------------------------------*/

/* basic-table - border없음 */ 
.basic-table {border-collapse: collapse;  width: 100%; max-width: 100%; font-size:12px; border-top:1px solid #ddd; margin:0 auto;}
.basic-table thead td {padding:10px 10px; color:#777; vertical-align:middle;text-align:center; background:#f3f3f3;}
.basic-table td, .basic-table th {padding:7px; line-height:20px; color:#555; vertical-align:middle;background:#fff; border-bottom:1px solid #ddd;} 
.basic-table th {color:#333;background:#fafafa; text-align:center} 
.basic-table .fa-check {float:right; margin-right:10px; margin-top:5px; color:#feb300;} 

/* basic-table - border있음 */ 
.basic-table.table-bordered {}
.basic-table.table-bordered td, .basic-table.table-bordered th {} 

/* 게시판 뷰 이미지 최대크기 제한 */
.board-content {padding:20px !important;}
.board-content img { max-width: 840px;} 

/* 테이블 탑,바텀 */
.table-top {overflow:hidden; margin-bottom:10px; font-size:13px; color:#555;}

.table-bottom {padding:20px 0; text-align:center;font-size:12px; }
.table-bottom ul {float:left; width:30%; text-align:left;}
.table-bottom ul:nth-child(2) {width:40%; text-align:center;}
.table-bottom ul:nth-child(3) {width:30%; text-align:right;}

.table-top.box, 
.table-bottom.box {background:#f8f6f0; padding:15px; border:1px solid #eee; font-size:12px; line-height:28px; color:#555;} 

.table-left {overflow:hidden; margin:20px 0; font-size:13px; color:#555; text-align:left;}

.table-right {overflow:hidden; margin:10px 0; font-size:13px;  text-align:right;}
.sky {background-color:#333;}

/*-------------------------------------------------------------*/
/*                    로그인, 아이디찾기페이지                 */
/*-------------------------------------------------------------*/
.login_wr {width:100%; max-width:400px; margin:0 auto; text-align: center;}
.login_wr h1 {font-size:32px; margin-bottom:40px;}

.login_wr .form-wr .form-control {width:100%; height:auto; font-size:16px; border:none; border-bottom:1px solid #ddd; border-radius: 0; box-shadow: none; padding:10px;}
.login_wr .form-wr .form-control:focus {border-bottom-color:var(--major-color);}

.login_wr .login-link {display: inline-block; width:100%; margin-top:10px; font-size:12px; margin-bottom:40px;}
.login_wr .login-link label {margin-bottom:0; font-weight: normal; color:#999; cursor: pointer;}
.login_wr .login-link label:hover {color:#666;}
.login_wr .login-link a {color:#999;}
.login_wr .login-link a:hover {color:#666;}

.login_wr .btn-wr {}
.login_wr .btn-wr .btn-login {width:100%; border-radius: 0; background-color:var(--major-color); color:#fff; height:auto; font-size:16px; line-height: 32px; transition: 0.1152s;}
.login_wr .btn-wr .btn-login:hover {background-color:var(--major-darker-color);}
.login_wr .btn-wr .btn-regi {height: auto; margin-top:20px; border-bottom:1px solid var(--major-color); color:var(--major-color); border-radius: 0; padding:0; font-size:14px; line-height: 24px;transition: 0.1152s;}
.login_wr .btn-wr .btn-regi:hover {border-bottom-color:var(--major-darker-color); color:var(--major-darker-color);}

#tabmenu {position:relative; height:auto; font-size:12px; border:1px solid #ddd; border-bottom:none; border-top-left-radius: 2px; border-top-right-radius: 2px;}
#tabmenu ul {margin:0;padding:0; display: flex; width:100%;}
#tabmenu ul li {float:left;line-height:50px; background:#f3f3f3; display: inline-flex; width:50%;}
#tabmenu ul li a {display:inline-block; width:100%; font-size:13px; padding:0 30px; color:#bbb;cursor:pointer;text-decoration:none !important; text-align: center;}
#tabmenu ul li a:hover {color:#777}
#tabmenu ul li.on {background:#fff;}
#tabmenu ul li.on a {color:#000;}

#tabcontent0, #tabcontent1{padding:30px; border:1px solid #ddd; display: inline-block; width:100%; border-top:none; border-bottom-left-radius: 2px; border-bottom-right-radius: 2px;}

/*-------------------------------------------------------------*/
/*                         팝업페이지                          */
/*-------------------------------------------------------------*/
.popPage {padding:15px; position:relative; font-size:12px; line-height:22px; color:#777;}
.popPage h2.subtitle {font-size:18px; line-height:20px; font-weight:bold; color:#222; border-bottom:2px solid #333; padding-bottom:10px; margin:0; margin-bottom:15px;}





/* 상품 옵션 */
.lbl_designmun {margin-bottom: 0;}
.lbl_designmun > input, .lbl_designmun > span {float: left;}
.lbl_price > input, .lbl_designmun > input, .lbl_pageType > input {display: none;}
.detail_info .goods_table th {width: 110px;}
.lbl_designmun, .lbl_pageType {display: inline-block; width:65px; height:85px; float:left; margin-right:12px; cursor: pointer;}
.lbl_designmun:last-child, .lbl_pageType:last-child {margin-right:0;}
.lbl_designmun .icon, .lbl_pageType .icon {display: inline-block; width:65px; height: 65px; border-radius: 3px; background-color:#f1f1f1;}
.lbl_designmun .txt, .lbl_pageType .txt {display: inline-block; width:100%; /*height:20px; line-height: 20px;*/ font-size:12px; color:#505050; text-align: center; font-weight: 300;}
.lbl_pageType, .lbl_pageType .icon {width:110px;}
.lbl_designmun .icon {background-image:url("../_img/sub/designmun_icon.png")}
.lbl_designmun:nth-child(1) .icon {background-position: 4px 0;}
.lbl_designmun:nth-child(2) .icon {background-position: -61px 0;}
.lbl_pageType .icon {background-image:url("../_img/sub/pageType_icon_new.png")}
.lbl_pageType:nth-child(1) .icon {background-position: 0px 0;}
.lbl_pageType:nth-child(2) .icon {background-position: -110px 0;}
.lbl_pageType:nth-child(3) .icon {background-position: -220px 0;}
.lbl_pageType:nth-child(4) .icon {background-position: -330px 0;}
.lbl_designmun input:checked ~ .icon, .lbl_pageType input:checked ~ .icon {background-color:#529cf7; background-position-y: -64px;}
.lbl_designmun input:checked ~ .txt, .lbl_pageType input:checked ~ .txt {color:#3d8bea;}

.pgs-table td select { width: 280px; background: #f6f6f6; height: 30px; line-height: 30px; padding: 0 5px; font-size: 13px; font-weight: 300; color: #212121; border-radius: 0;  }
.pgs-table td select  { width: 280px; background: #f6f6f6; height: 30px; line-height: 30px; padding: 0 5px; font-size: 13px; font-weight: 300; color: #212121; border-radius: 0;  }
.pgs-table td select input::-webkit-input-placeholder { font-size: 13px; color: #b1b1b1; }
.pgs-table td select input::-moz-placeholder { font-size: 13px; color: #b1b1b1; }
.pgs-table td select input:-ms-input-placeholder { font-size: 13px; color: #b1b1b1; }
.pgs-table td select input:-moz-placeholder { font-size: 13px; color: #b1b1b1; }
.pgs-table td select input::placeholder { font-size: 13px; color: #b1b1b1; }

.pgs-table td select:focus {border:1px solid #f30;}


/*-------------------------------------------------------------
	개인결제                         
-------------------------------------------------------------*/
.personal_wr {position: relative; padding:0;}

.personal_list {display: block; float: left; width: 25%; padding:0 5px; margin-bottom: 10px; }
.personal_list > div {display: block; border:1px solid #dddddd; cursor: pointer;}

.personal_list .psn_img {width: 100%; display: block;}
.personal_list .psn_img img {width: 100%; display: block;}
.personal_list .psn_name {display:block;line-height:22px; height:60px; padding:8px; font-size:12px; font-weight:normal; color:#777;overflow:hidden; border-top:1px solid #eee; text-align: center; padding-top: 10px;}
.personal_list .psn_price {display:block;line-height:22px; font-size:12px; font-weight:normal; color:#DF2C00;overflow:hidden; text-align: center; padding-bottom: 10px;}


/*-------------------------------------------------------------
	장바구니                    
-------------------------------------------------------------*/
/* cart step */
.cart-step-img {display: inline-block; margin:0; width:100%; background:#ecedf2;}
.cart-step-img .title {display: inline-block; width:50%; height:100px; float:left; line-height: 100px; padding:0 53px; color:#333; font-weight: normal; font-size:30px;}
.cart-step-img .step-wr {display: inline-block; width:auto; height:100px; float:right; padding:0 35px;}
.cart-step-img .step {display: inline-block; float:left; font-size:15px; letter-spacing: 0.025em; color:#aaa; text-align: center; padding:45px 25px 25px; position: relative;}
.cart-step-img .step:before {content: ''; display: inline-block; width:16px; height:16px; background:#aaa; position: absolute; left:50%; margin-left:-8px; top:35px; margin-top:-8px; border-radius: 50%; color:#fff; font-size:12px; line-height: 14px; text-align: center;}
.cart-step-img .step:after {content: ''; display: inline-block; width:60px; height:2px; background:#ccc; position:absolute; right:0; margin-right:-30px; top:35px; margin-top:-1px;}
.cart-step-img .step.n1:before {content: '1';}
.cart-step-img .step.n2:before {content: '2';}
.cart-step-img .step.n3:before {content: '3';}
.cart-step-img .step:last-child:after {display: none;}
.cart-step-img .step.on {color:var(--major-darker-color);}
.cart-step-img .step.on:before {background-color:var(--major-darker-color);}

/* cart info */
.cart-info {display: inline-block; width:100%; padding:20px 55px; border:1px solid #ecedf2; font-size:14px; line-height: 24px; color:#333;}
.cart-info strong {color:#ff1a56;}
.cart-info i {margin-top:-2px;}
.cart-info a.btn {padding:2px 8px;}