/* layout */
body, html{width:100%; height:100%;}
#wrap{width:100%;}
#board_header{margin-bottom:50px; width:100%; height:100px; background:#888;}
#board_footer{margin-top:50px; width:100%; height:100px; background:#888;}
#contents{width:100%;}
#skip{}
#skip a{display:block; position:absolute; top:0; width:0; height:0; margin-top:-1px; text-align:center; white-space:nowrap; overflow:hidden; text-decoration:none;}
#skip a:focus, #skip a:active{position:relative; top:0; left:0; width:100%; height:40px; line-height:40px; font-size:18px; font-weight:bold; color:#fff; background-color:#333; z-index:100;}
.in_ContLayer{width:auto; max-width:865px; min-width:320px; margin:0 auto;}
.community_Area{padding:0 2%; width:100%;}
tr.board_type1 .board_font1{color:#FFC049 !important; font-weight:600 !important;}
tr.board_type1 > td:nth-child(2){font-weight:600;}
/*
table.boardTable{width:100%; border-top:2px solid #3d464c; border-collapse:collapse; border-spacing:0;}
table.boardTable th{padding:16px 0; font-size:16px; color:#3f4244; background-color:#f6f6f6; border-bottom:1px solid #ddd;}
table.boardTable tbody{text-align:center; background:#fff;}
table.boardTable tr{border-bottom:1px solid #ddd;}
table.boardTable tr td{padding:16px 0; font-size:16px; color:#444; line-height:1.4;}
table.boardTable tr td > a{ font-size:16px; color:#444; line-height:1.4;}
table.boardTable tr td > a:hover,
table.boardTable tr td > a:active,
table.boardTable tr td > a:focus{color:#333; text-decoration:underline;}
table.boardTable tr td span{display:inline-block; margin:0 0 0 10px; width:13px; height:14px; font-size:0; vertical-align:top;}
table.boardTable tr td.left{text-align:left;}
@media screen and (max-width:840px){
table.boardTable th{padding:14px 0; font-size:12px;}
table.boardTable tr td{padding:14px 5px; font-size:12px;}
table.boardTable tr td > a{font-size:13px;}
}
*/
.btn_R_Area{width:100%; text-align:right; font-size:0;}
a.btnStyle{display:inline-block;}
a.btnStyle.write{margin-top:20px; padding: 11px 0 11px 49px; width:120px; font-size:14px; color:#fefefe; font-weight:600; text-align:left;
background:#32834C url("../images/board/bt-ico01.png") no-repeat 28px center;}
a.btnStyle.commentBt{float:right; padding: 11px 0 11px 49px; width:120px; font-size:14px; color:#fefefe; font-weight:600; text-align:left;
background:#666 url("../images/board/bt-ico01.png") no-repeat 26px center;}
a.btnStyle02{display:inline-block; margin-top:20px; margin-left:5px; padding:0 0 0 37px; width:85px;height:35px; font-size:13px; color:#fefefe; font-weight:600; line-height:35px; text-align:left;}
a.btnStyle02.list01{background:#32834C url("../images/board/bt-ico03.png") no-repeat 16px center;}
a.btnStyle02.list02{background:#999 url("../images/board/bt-ico04.png") no-repeat 16px center;}
a.btnStyle02.list03{background:#999 url("../images/board/bt-ico05.png") no-repeat 16px center;}
a.btnStyle02.list04{background:#32834C url("../images/board/bt-ico06.png") no-repeat 16px center;}
a.btnStyle02.list05{background:#999 url("../images/board/bt-ico07.png") no-repeat 16px center;}
a.btnStyle02.list06{background:#999 url("../images/board/bt-ico08.png") no-repeat 16px center;}
@media screen and (max-width:640px){
a.btnStyle.write{padding: 11px 0 11px 42px; width: 100px; font-size: 12px; background: #32834C url("../images/board/bt-ico01.png") no-repeat 22px center;}
}
.paging_Layer{margin:80px 0; width:100%; text-align:center;}
.paging_Layer a{ display:inline-block; margin:0 1px; width:34px; height:34px; font-size:12px; color:#333; font-weight:600; line-height:30px; border:1px solid #ddd; border-radius:5px;}
.paging_Layer span > a{display:inline-block; width:34px; height:34px; font-size:12px; color:#aaa; font-weight:600; line-height:30px; border:1px solid #ddd;}
.paging_Layer span > a.on,
.paging_Layer span > a:hover,
.paging_Layer span > a:active,
.paging_Layer span > a:focus{border:1px solid #333; color:#333;}
.search-Box{width:455px; margin:20px auto; font-size: 0;}
.search-Box:after{display:block;content:'';clear:both;}
.search-Box > div{float:left;}
.search-Box select{padding: 0 4px; width:120px; height: 42px; font-size: 14px; color:#888; border:1px solid #ddd;}
.search-Box > div.c{margin:0 5px;}
.search-Box:after{display:block;content:'';clear:both;}
.search-Box > div{float:left;}
.inputType{position:relative;}
.inputType > input{padding: 0 10px; width:245px; font-size:13px; color:#888; line-height: 40px; border:1px solid #ddd; }
.inputType > label{position:absolute; top:0; left:-99999px; font-size:0; text-indent:-9999px;}
button.buttonStyle.search{display:block; padding:0 0 0 35px; width:80px; height:42px; font-size:14px; color:#fff; text-align:left;
background:#666 url("../images/board/bt-ico02.png") no-repeat 18px 52%;}
button.buttonStyle{display:inline-block; cursor:pointer;}
@media screen and (max-width:640px){
.search-Box{width: 100%;}
.search-Box select{width: 100px; height: 40px; font-size: 12px;}
.search-Box > div.c{width: calc(100% - 170px); font-size: 12px;}
.search-Box > div.c input{width: 100%;}
.inputType > input{padding: 0 6px; font-size: 12px; line-height: 38px;}
button.buttonStyle.search{width: 60px; height:40px; padding: 0 0 0 26px; font-size: 12px; background:#666 url("../images/board/bt-ico02.png") no-repeat 11px 52%;}
}
.view-inner{width:100%; border-top:1px solid #333; }
.v-title{padding:20px; width:100%; font-size:16px; color:#333; font-weight:600; border-bottom:1px solid #ddd; background:#f6f6f6; }
.v-info{padding:15px 20px; width:100%; height:45px; background:#fff; border-bottom:1px solid #ddd;}
.v-info:after{display:block;content:'';clear:both;}
.v-info > div{float:left; font-size:13px; color:#777;}
.v-info > div strong{font-size:13px; color:#333;}
.v-info > div.d{padding-left:30px;}
.v-info > div.r{float:right;}
.v-file{position:relative; width:100%; height:45px; border-bottom:1px solid #ddd; background:#fff url("../images/board/ico_file_off.png") 98% 50% no-repeat;}
.v-file.on{background:#fff url("../images/board/ico_file_on.png") 98% 50% no-repeat;}
.v-file > p{padding:15px 20px; width:100%; height:45px; font-size:13px; color:#333; font-weight:600; cursor:pointer;}
.v-file > p > b{display:inline-block; padding:0 3px; font-size:13px; color:#32834C;}
.file-list{display:none; position:absolute; top:45px; left:0; padding:15px 20px; width:100%; border-bottom:1px solid #ddd; background-color:#f6f6f6;}
.file-list a{display:inline-block; font-size:13px; color:#666; line-height:25px; text-indent:5px; vertical-align:middle;}
.file-list a:hover{color:#32834C; text-decoration:underline; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.v_cont{padding:40px 20px 40px 20px; width:100%; font-size:14px; color:#333; line-height:1.8em; border-bottom:1px solid #ddd;}
.text_area{ font-size:14px; color:#333; line-height:1.8; padding:40px 0px; }
@media all and (max-width:480px){
.v-info > div.d{padding-left:10px;}
.v-info > div.r{display:none;}
}
.comment-box{width:100%;}
.comment-box .cm_title{padding:0 0 20px 0; font-size:13px; color:#333; border-bottom:1px solid #ddd;}
.comment-box .cm_title > b{color:#32834C;}
.comment-box .comment{padding:16px 18px; width:100%; border-bottom:1px solid #eee;}
.comment-box .cm_info{padding:0 0 12px 0; width:100%; font-size:13px; color:#999;;}
.comment-box .cm_info strong{font-size:13px; color:#333; font-weight:600;}
.comment-box .cm_info b{display:inline-block; padding:0 2%;}
.comment-box .cm_info a.cm_del{display:inline-block; margin:0 0 0 8px; vertical-align:top; cursor:pointer;}
.comment-box .cm_info input.cm_input{margin:0 0 0 2%; padding:0 8px; width:150px; height:30px; font-size:13px; color:#333; line-height:30px; border:1px solid #ddd;}
.comment-box .cm_contents{width:100%; padding-left:10px; font-size:14px; color:#333; line-height:1.8em;}
.comment-box .cm_contents2{ margin-top:10px; padding:10px; background:#f9f9f9; font-size:14px; color:#333; line-height:1.8em; } /* 판매점 답변글*/
.cm_comment{padding:22px 20px; width:100%; border:1px solid #ddd; background:#f6f6f6; font-size:14px; color:#333;}
.cm_table_info{width:100%;}
.cm_table_info:after{display:block; content:''; clear:both;}
.cm_table_info > li{float:left;}
.cm_table_info > li:last-child{padding-left:30px;}
.cm_name{display:inline-block; padding-top:6px; padding-right:10px; font-size:13px; color:#666;}
/*
.cm_inputType{padding:7px; height:40px; font-size:14px; color:#333; border:1px solid #ddd;}
.cm_inputType2{padding:7px; width:80px; height:40px; font-size:14px; color:#333; border:1px solid #ddd;}
.cm_inputType3{padding:7px; width:240px; height:40px; font-size:14px; color:#333; border:1px solid #ddd;}
*/
.textarea {font-family: "나눔고딕"; font-size:13px; color:#333; }
.cm_comment .textarea{margin:20px 0; padding:12px; width:100%; height:83px; font-size:13px; color:#333; line-height:1.6em; word-break:break-all; border:1px solid #ddd; resize:none;}
.cm_comment .spamcode{width:100%; font-size:0;}
.cm_comment .spamcode:after{display:block; content:''; clear:both;}
.cm_comment .spamcode input#special{margin:0 10px 0 5px; vertical-align:top;}
.spamcode > label > img{vertical-align:top;}
.readonly {background:#f3f3f3; color:#333; }
.m_block{display:inline;}
.m_block02{display:inline;}
.m_block02 > label{vertical-align:top;}
@media all and (max-width:680px){
.m_block02{display:block; padding:0 0 10px 0;}
/*
.cm_inputType3{padding:7px; width:40% !important; height:30px; font-size:13px; color:#333; border:1px solid #ddd;}
*/
}
@media all and (max-width:500px){
.m_block{display:block; padding:4% 0 0 0;}
.comment-box .cm_info input.cm_input{margin:0 0 0 0;}
}
.page_Btn{width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.page_Btn .p_btn{width:100%;}
.page_Btn .p_btn:after{display:block; content:''; clear:both;}
.page_Btn .p_btn .title{float:left; padding:15px 20px; font-size:13px; color:#666;}
.page_Btn .p_btn .title > b{display:inline-block; padding:0 10px; font-size:13px; color:#666;}
.page_Btn .p_btn a{display:block; float:left; padding:15px 20px; width:610px; font-size:13px; color:#777; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.page_Btn .p_btn .day{float:right; padding:15px 20px; font-size:13px; color:#666; text-align:right;}
.page_Btn .p_btn.p{border-top:1px solid #ddd;}
/*
.hybrid_TableWrite{width:100%; border-top:2px solid #3d464c; border-collapse: collapse;}
.hybrid_TableWrite th{padding:15px 0 15px 15px; border-bottom:1px solid #ddd; letter-spacing:-0.06em;
font-weight: 600; text-align:left; font-size:16px; color:#222; }
.hybrid_TableWrite td{padding:15px 0 15px 0px; border-bottom:1px solid #ddd; font-size:16px; line-height:1.8; color:#333; }
.hybrid_TableWrite .b_select{margin-left:10px; width:150px; height:30px; color:#999;}
.hybrid_TableWrite .b_select2{width:80px; height:30px; color:#999;}
.hybrid_TableWrite .textarea{padding:8px; font-size:12px; width:100%; height:300px; font-size:14px; color:#333; line-height:1.6em; word-break:break-all; border:1px solid #ddd; resize:none;}
.hybrid_TableWrite label img{vertical-align:top;}
.hybrid_TableWrite #b_special{margin:0 10px 0 0; vertical-align:top;}
.hybrid_TableWrite h2{font-size:18px; line-height:1; margin-bottom:15px; letter-spacing:-0.06em; color:#222;}
.hybrid_TableWrite .star_wrap{display: -webkit-box; font-size: 0px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap; align-items:top;}
.hybrid_TableWrite .star_wrap{font-size:0px;}
.hybrid_TableWrite .star_wrap .star{ appearance: none; margin-right:6px; display:inline-block; border:none; padding: 0px;}
.hybrid_TableWrite .star_wrap .star::after { content: ''; width:24px; height:24px; display:inline-block;
background-position:50% 50%; background-size:24px; background-repeat:no-repeat;
background-image:url('../images/ico/num_star_none.png')}
.hybrid_TableWrite .star_wrap .star:hover::after,
.hybrid_TableWrite .star_wrap .star:has(~ .star:hover)::after,
.hybrid_TableWrite .star_wrap .star:checked::after,
.hybrid_TableWrite .star_wrap .star:has(~ .star:checked)::after{background-image:url('../images/ico/num_star.png')}
.hybrid_TableWrite .star_wrap .star:hover ~ .star::after{background-image:url('../images/ico/num_star_none.png')}
.hybrid_TableWrite .radio_box_wrap{font-size:0px;}
.hybrid_TableWrite .radio_box_wrap label{display:inline-block; vertical-align:top; margin-right:10px;}
.hybrid_TableWrite .radio_box_wrap label input[type="radio"]{opacity:0; z-index:-1; position:absolute;}
.hybrid_TableWrite .radio_box_wrap label .radio_box{ width:80px; display:table; border:1px solid #ddd; border-collapse: separate;
border-radius:5px;
height:80px; text-align:center;}
.hybrid_TableWrite .radio_box_wrap label .radio_box .cell{ vertical-align:middle; display:table-cell;
width:100%; height:100%; text-align:center;}
.hybrid_TableWrite .radio_box_wrap label .radio_box img.off{display:inline-block}
.hybrid_TableWrite .radio_box_wrap label .radio_box img.active{display:none}
.hybrid_TableWrite .radio_box_wrap label .radio_box p{font-size:16px; letter-spacing:-0.03em; color:#666; width:100%; margin-top:8px;line-height: 1;}
.hybrid_TableWrite .radio_box_wrap label input[type="radio"]:checked ~ .radio_box,
.hybrid_TableWrite .radio_box_wrap label:hover .radio_box{ border:1px solid #32834C;}
.hybrid_TableWrite .radio_box_wrap label input[type="radio"]:checked ~ .radio_box p,
.hybrid_TableWrite .radio_box_wrap label:hover .radio_box p{color:#32834C}
.hybrid_TableWrite .radio_box_wrap label input[type="radio"]:checked ~ .radio_box img.off,
.hybrid_TableWrite .radio_box_wrap label:hover .radio_box img.off{display:none}
.hybrid_TableWrite .radio_box_wrap label input[type="radio"]:checked ~ .radio_box img.active,
.hybrid_TableWrite .radio_box_wrap label:hover .radio_box img.active{display:inline-block}
@media all and (max-width:640px){
.hybrid_TableWrite th{padding:14px 0 14px 0; height:40px; font-size:13px;}
.hybrid_TableWrite td{padding:14px 0 14px 20px; height:30px; font-size:12px;}
.hybrid_TableWrite h2{font-size:13px; margin-bottom:8px; }
.hybrid_TableWrite .star_wrap .star{margin-right:4px;}
.hybrid_TableWrite .star_wrap .star::after { width:16px; height:16px; background-size:16px;}
.hybrid_TableWrite .radio_box_wrap label .radio_box{ width:60px; height:60px;}
.hybrid_TableWrite .radio_box_wrap label .radio_box img{width:18px;}
.hybrid_TableWrite .radio_box_wrap label .radio_box p{font-size:12px;}
}
*/
@media all and (max-width:840px){
.dis_none{display:none !important;}
}
@media all and (max-width:840px){
.page_Btn .p_btn .title{padding:15px 1%; width:18%;}
.page_Btn .p_btn .title > b{padding:0;}
.page_Btn .p_btn a{padding:15px 10px; width:60%;}
.page_Btn .p_btn .day{width:20%; padding:15px 1%;}
}
@media all and (max-width:640px){
.cm_table_info > li{width:50%;}
.cm_table_info > li:last-child{padding-left:0;}
/*
.cm_inputType{width:85px;}
.cm_inputType2{width:60px;}
*/
}
/* login */
.member_loginArea{width:100%;}
#contents .member-Box{width:100%; max-width:530px; margin:0 auto;}
#contents .member-Box .subTitle{padding-bottom:20px; width:100%; text-align:center; }
#contents .member-Box .subTitle span{font-family:"나눔고딕", sans-serif; font-size:14px; line-height:1.8; color:#333; font-weight:300;}
#contents .loginTab-Type{width:100%; position:relative;}
#contents .loginTab-Type:after{content:""; display:block; clear:both;}
#contents .tab-navi{margin-bottom:30px; width:100%;}
#contents .tab-navi:after{content:""; display:block; clear:both;}
#contents .tab{float:left; width:50%; height:50px; border:1px solid #ddd; border-bottom:1px solid #333; background-color:#f5f5f5; cursor:pointer; position:relative;
-webkit-transition:all .2s ease-out;
-moz-transition:all .2s ease-out;
-o-transition:all .2s ease-out;
transition:all .2s ease-out;}
#contents .tab>span{position:absolute; top:50%; left:0; display:block; width:100%; height:auto; font-size:14px; color:#333; text-align:center;
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
-o-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);}
#contents .tab.on{border:1px solid #333; border-bottom:1px solid #fff; background-color:#FFF;}
#contents .tab-Area{width:100%; }
#contents .input-p{margin-bottom:10px; width:100%; position:relative;}
#contents .input-p2{position:relative;}
#contents .input-p>label{position:absolute; top:50%; left:18px; width:100%; height:auto; font-size:16px; color:#666;
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
-o-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);}
#contents .input-p2>label{position:absolute; top:50%; left:24px; height:auto; font-size:13px; color:#999;
-webkit-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
-o-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0);}
#contents .input-p>input{padding:18px; width:100%; font-size:14px; color:#666; border:1px solid #ddd; background-color:#FFF;}
#contents .idSave{margin-top:20px; width:100%;}
#contents .idSave>label{display:inline-block; padding-left:6px; font-size:14px; color:#666; vertical-align:-2px;}
#contents .loginBtn{margin:30px 0; width:100%;}
#contents .loginBtn>button{width:100%; height:50px; font-size:18px; color:#fff; font-weight:400; background:#32834C; border:none;}
#contents .login-btn{padding:20px 0; width:100%; text-align:center; border-top:1px solid #ddd;}
#contents .login-btn>a{font-size:16px; color:#666; text-decoration:none;}
#contents .login-btn>a:hover{color:#333;}
#contents .login-btn>span{display:inline-block; padding:0 10px; font-size:14px; color:#ddd;}
#contents .find_result{padding:50px 0; width:100%; border:1px solid #ddd;}
#contents .find_result>p{width:100%; font-size:18px; color:#333; text-align:center;}
#contents .new_pass{margin:30px 0; width:100%;}
#contents .find-Btn{margin:30px 0;text-align:center;}
#contents .nonMember-Type{margin:50px auto 50px; padding:50px 0; width:100%; text-align:center; border-top:1px solid #333; border-bottom:1px solid #333;}
#contents .nonM_Title{padding:0 0 20px 0; width:100%; font-size:28px; color:#575a5d; font-weight:400;}
#contents .p_txt15{padding:0 0 50px 0; width:100%; font-size:15px; color:#666;}
/* 이용약관 */
#contents .hy_join_Area{width:100%;}
#contents .hy_joinTab{margin:0 0 40px 0; width:100%;}
#contents .hy_joinTab:after{display:block;content:'';clear:both;}
#contents .hy_joinTab > li{float:left; width:33.33%; text-align:center;}
#contents .hy_joinTab > li > span{display: block; padding: 65px 0 0 0; width: 100%; height: 100px; font-size: 13px; color: #333; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; cursor: default;}
#contents .hy_joinTab > li > span.on{width:100%; border-top:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #333; border-right:1px solid #333 !important; background-color:#fff;}
#contents .hy_joinTab > li > span.ico_1{background:#f5f5f5 url("../images/board/ico_joinStep01.png") center 22px no-repeat;}
#contents .hy_joinTab > li > span.ico_2{background:#f5f5f5 url("../images/board/ico_joinStep02.png") center 22px no-repeat;}
#contents .hy_joinTab > li > span.ico_3{background:#f5f5f5 url("../images/board/ico_joinStep03.png") center 22px no-repeat; border-right:1px solid #ddd;}
#contents .hy_joinTab > li > span.ico_1.on{background:#fff url("../images/board/ico_joinStep01_on.png") center 22px no-repeat;}
#contents .hy_joinTab > li > span.ico_2.on{background:#fff url("../images/board/ico_joinStep02_on.png") center 22px no-repeat;}
#contents .hy_joinTab > li > span.ico_3.on{background:#fff url("../images/board/ico_joinStep03_on.png") center 22px no-repeat; border-right:1px solid #ddd;}
#contents .hy_editBox{width:100%;}
#contents .hy_editBox h3.h3_JoinTitle{padding:0 0 10px 0; width:100%; font-size:16px; color:#333; font-weight:600;}
#contents .hy_editBox .hy_edit_inner{padding:10px; width:100%; height:202px; font-size:13px; color:#666; line-height:24px; overflow-y:auto; border:1px solid #ddd; background-color:#fff;}
#contents .hy_Agree_Div{padding:10px 0 0 0; width:100%; text-align:right;}
#contents .hy_Agree_Div span{display:inline-block; padding-left:10px;}
#contents .hy_Agree_Div span label{padding:0 0 0 4px; font-size:13px; color:#666; vertical-align:top;}
#contents .hy_allAgree{margin-top:50px; padding:20px; width:100%; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
#contents .hy_allAgree > input{display:inline-block; vertical-align:-2px;}
#contents .hy_allAgree > label,
#contents .hy_allAgree > label strong{font-size:15px; color:#666;}
.hy_Btn_C{width:100%; text-align:center; font-size:0; margin-top:50px;}
.hy_Btn_C > button{cursor:pointer;}
button.by_ButtonStyle.ok{padding:0 0 0 56px; width:120px; height:35px; font-size:13px; color:#fff; font-weight:600; text-align:left; background:#32834C url("../images/board/bt-ico06.png") no-repeat 36px center;}
button.by_ButtonStyle.cancel{padding:0 0 0 56px; margin-left:10px; width:120px; height:35px; font-size:13px; color:#fff; font-weight:600; text-align:left; background:#999 url("../images/board/bt-ico08.png") no-repeat 36px center;}
.hy_join_Area .hy_joinInfo{margin:0 0 10px 0; font-size:13px; color:#666;}
.hy_join_Area b.name-point{padding:0 4px 0 0; font-size:16px; color:#32834C; font-weight:300;}
.hy_join_Area .hybrid_TableWrite span.j_text{display:inline-block; padding:0 0 0 14px; font-size:13px; color:#666;}
.hy_join_Area select.j_select{width:150px; height:30px; font-size:13px; color:#999;}
.hy_join_Area select.j_select2{width:80px; height:30px; font-size:13px; color:#999;}
.hy_join_Area .j_InputB{display:inline-block; margin:0 0 0 4px; width:92px; height:30px; font-size:13px; color:#333; text-align:center; line-height:30px; background:#fff; border:1px solid #bbb; cursor:pointer;}
span.span_block{display:block;}
.hy_join_finish{margin-bottom:30px; padding:4% 0; width:100%; text-align:center; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.hy_join_finish .p_f24Type{padding-bottom:3%; font-size:24px; color:#333; font-weight:600; line-height:28px;}
.hy_join_finish .p_f14Type{font-size:14px; color:#666; line-height:24px;}
@media all and (max-width:680px){
.hy_join_Area select.j_select{width:46%;}
}
/* 리스트갤러리형 */
/* photo_List */
.photo_ListArea{width:100%;}
.hy_photo_List{width:100%;}
.hy_photo_List:after{content:""; display:block; clear:both;}
.hy_photo_List>li{float:left; margin:0 0.5% 2% 0.5%; width:24%; /*lbjtree max-width:205px;*/}
.hy_photo_List>li>a{position: relative; overflow: hidden; display:block; width:100%; padding-bottom: 75%; border: 1px solid #ddd;}
.hy_photo_List>li>a img{display: block; position: absolute; top: -9999px; right: -9999px; bottom: -9999px; left: -9999px; width:100%; height: auto !important; margin: auto;}
.hy_photo_List>li span{display:block;}
.hy_photo_List>li>.photo_Txt{padding:10px 0 0 0; width:100%;}
.hy_photo_List>li>.photo_Txt>span{padding-right:10px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.hy_photo_List>li>.photo_Txt>.title{padding:0 0 5px 0; width:100%; font-size:16px; color:#333;}
.hy_photo_List>li>.photo_Txt>.title a{ font-size:16px; color:#333;}
.hy_photo_List>li>.photo_Txt>.day{width:100%; font-size:16px; color:#999;}
.hy_photo_List>li:hover>.photo_Txt{text-decoration:underline;}
@media screen and (max-width:1040px){
.hy_photo_List>li{width: 32.33333%;}
}
@media screen and (max-width:840px){
.hy_photo_List>li{margin:0 1% 6% 1%; width:48%; max-width:100%;}
.hy_photo_List>li>.photo_Txt{padding:5px 0 0 0;}
.hy_photo_List>li>.photo_Txt>.title{font-size:14px;}
.hy_photo_List>li>.photo_Txt>.title a{font-size:14px;}
.hy_photo_List>li>.photo_Txt>.day{font-size:14px;}
.hy_join_Area .hybrid_TableWrite span.j_text{display:block; padding:8px 0 4px 0;}
}
/* FAQ */
.hy_faqType{width:100%; border-top:2px solid #333;}
.hy_faqType > dt{padding: 20px 25px 20px 55px; width:100%; font-size:16px; color:#333; background-color:#fff; border-bottom:1px solid #ddd;
background-image:url("../images/board/faq_ico_off.png"), url("../images/board/faq_ico_q.png");
background-repeat:no-repeat, no-repeat;
background-position:98% 50%, 2% 52%;
cursor:pointer; }
.hy_faqType > dd{display:none; padding: 20px 25px 20px 55px; font-size:14px; color:#666; line-height:1.7; background:#f6f6f6 url("../images/board/faq_ico_a.png") no-repeat 2% 20px; border-bottom:1px solid #ddd; }
@media screen and (max-width:840px){
.hy_faqType > dt{padding: 15px 25px 15px 45px; font-size: 12px;}
.hy_faqType > dd{padding: 15px 25px 15px 45px; font-size: 12px; background: #f6f6f6 url("../images/board/faq_ico_a.png") no-repeat 2% 15px;}
}
@media screen and (max-width:640px){
.hy_faqType > dt{padding: 15px 25px 15px 35px;}
.hy_faqType > dd{padding: 15px 25px 15px 35px;}
}
/* 이벤트형갤러리 */
/* 가로 */
.event_hori_Area{width:100%; border-top:1px solid #ddd;}
.event_hori_Area > li{width:100%; background:#fff; border-bottom:1px solid #ddd;}
.event_hori_Area > li:hover,
.event_hori_Area > li:active,
.event_hori_Area > li:focus{background:#f5f5f5;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.event_hori_Area > li > a:after{display:block; content:''; clear:both;}
.event_hori_Area > li > a{display:block; padding:20px 0;}
.event_hori_Area > li > a > div.img{float:left; width:32.5%;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.event_hori_Area > li > a > div.img img{width:100%;}
.event_hori_Area > li > a > div.event_Txt{float:right; padding:18px 0 0 0; width:64%;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.event_hori_Area > li > a > div.event_Txt .title{width:100%; font-size:16px; color:#333; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.event_hori_Area > li > a > div.event_Txt .cont{margin:18px 0; font-size:13px; color:#666; line-height:1.6em; width:100%; height:60px; overflow:hidden;}
.event_hori_Area > li > a > div.event_Txt .day{font-size:13px; color:#999;}
/* 세로 */
.event_verti_Area{margin-right:-3%; width:103%;}
.event_verti_Area:after{content:""; display:block; clear:both;}
.event_verti_Area>li{float:left; margin:0 3% 36px 0%; width:30.33%; max-width:270px; background:#fff;}
.event_verti_Area>li>a{display:block; width:100%;}
.event_verti_Area>li>a img{width:100%; height:auto;}
.event_verti_Area>li span{display:block;}
.event_verti_Area>li>.photo_Txt{padding:16px 0 0 0; width:100%;}
.event_verti_Area>li>.photo_Txt>span{padding-right:10px; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.event_verti_Area>li>.photo_Txt>.title{width:100%; font-size:16px; color:#333; font-weight:600;}
.event_verti_Area>li>.photo_Txt>.cont{margin:16px 0; width:100%; height:40px; font-size:13px; color:#666; line-height:1.6em; overflow:hidden;}
.event_verti_Area>li>.photo_Txt>.day{width:100%; font-size:13px; color:#999;}
.event_verti_Area>li:hover>.photo_Txt>.title,
.event_verti_Area>li:active>.photo_Txt>.title,
.event_verti_Area>li:focus>.photo_Txt>.title,
.event_verti_Area>li:hover>.photo_Txt>.cont,
.event_verti_Area>li:active>.photo_Txt>.cont,
.event_verti_Area>li:focus>.photo_Txt>.cont{text-decoration:underline;}
@media all and (max-width:865px){
.event_hori_Area > li > a > div.img{float:none; width:100%;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
.event_hori_Area > li > a > div.event_Txt{float:none; width:100%;
-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;}
}
@media all and (max-width:640px){
.event_verti_Area{margin-right:0; width:100%;}
.event_verti_Area>li{float:none; margin:0 0 4% 0; width:100%; max-width:100%;}
}
/* 개발자추가 (2018.07.20) */
#contents .hy_InputB { text-align:center; padding:9px; color:#000; font-size:13px; background-color:#ddd; cursor:pointer;}
/* 게시판 비밀번호 */
table.pds_pass_table { clear:both; width:200px; margin:0px; padding:0px; border-collapse: collapse; border:1px solid #000000;}
table.pds_pass_table caption { margin: 0; padding: 0; }
table.pds_pass_table th { vertical-align:middle; font-size:13px; text-align:center; background-color:#333333; color:#FFFFFF; padding:2px;}
table.pds_pass_table td { vertical-align:middle; font-size:13px; text-align:center; background-color:#FFFFFF; padding:10px;}
table.pds_pass_table td .hy_Input{padding:10px; width:100%; height:30px; max-width:250px; border:1px solid #ddd;}
/* 스팸방지 코드 */
.spam_code { font-size:20px; line-height:20px;; font-weight:bold; text-align:center; padding:10px 10px 17px 10px; margin-right:8px; background-color:#000000; color:#ffffff; display:inline-block;}
/* 댓글수 */
.tail_count { font-size:12px; color:#aaa; }
/* 필수입력 */
.fil { font-size:12px; color:#ff0000; }
/* 설명글 */
.doc { font-size:12px; color:#009900; white-space: nowrap; line-height:2.5;}
/* 달력 */
table.t_calendar{width:270px; border-collapse:collapse; border-spacing:0; margin:auto;}
table.t_calendar th{padding:4px; font-size:13px; font-weight:300; color:#333; text-align:center; background-color:#ffffff; }
table.t_calendar td{padding:4px; font-size:13px; color:#333; text-align:center;}
table.t_calendar td b {font-size:13px;}
.calendar_yymm { width:270px; height:40px; padding-top:10px; border-bottom:2px solid #313131; margin:auto;}
.calendar_yymm li { float:left; }
.calendar_yymm .prev { width:35px; text-align:center; padding-top:4px;}
.calendar_yymm .yymm { width:200px; text-align:center; color:#000000; font-size:16px; font-weight:600;}
.calendar_yymm .next { width:35px; text-align:center; padding-top:4px;}
.calendar_bottom { width:270px; height:32px; padding-top:10px; border-top:2px solid #313131; margin-top:5px; margin:auto;}
.calendar_bottom li { float:left; }
.calendar_bottom .today { width:200px; text-align:left; }
.calendar_bottom .today a { color:#000000; font-size:14px; font-weight:600; line-height:17px; }
.calendar_bottom .close { width:70px; text-align:right; padding-top:4px; }
/* form */
.input { font-size:13px; font-family: "나눔고딕" , "Nanum Gothic" ,"돋움"; color:#333333; border:1px solid #ccc; background-color:#ffffff; padding:7px; height:36px; margin:2px; ime-mode:active; }
.input_price{ font-size:13px; font-family: "나눔고딕" , "Nanum Gothic" ,"돋움"; color:#333333; text-align:right; font-weight:normal; line-height:10pt; border:1px solid #ccc; background-color:#ffffff; padding:7px; margin:2px; } /* 일반숫자형 */
.textarea { font-size:13px; font-family: "나눔고딕" , "Nanum Gothic" ,"돋움"; color:#333333; line-height:1.7; vertical-align:middle; ime-mode:active; border:1px solid #ccc; background-color:#ffffff; padding:7px; margin:2px;}
.select { font-size:13px; font-family: "나눔고딕" , "Nanum Gothic" ,"돋움"; color:#333333; border:1px solid #ccc; background-color:#ffffff; padding:7px; height:36px; margin:2px;}
/* 표 */
a.link { display:inline-block; font-size:14px; color:#478ceb !important; ; border-bottom:1px solid #478ceb; line-height:1.6; }
a.link_small {display:inline-block; font-size:13px; color:#478ceb; border-bottom:1px solid #478ceb; line-height:2; font-weight:300;}
.table_top { clear:both; width:100%; padding-bottom:10px; font-size:13px; font-weight:300; color:#333;}
.table_top.title { font-size:15px; font-weight:600; color:#333;}
table.list { clear:both; width:100%; padding:0px; border-collapse: collapse; border-left:0px solid #EAEDF1; border-top:1px solid #000000; }
table.list caption { margin: 0; padding: 0; }
table.list th { margin: 0; padding:15px 0px 15px 0px; font-size:14px; color:#333333; line-height:1.5; text-align:center; border-bottom:1px solid #d1d1d1; border-right:0px solid #D6E1EA; background-color: #f3f3f3;}
table.list td { word-break:break-all; margin: 0; padding:15px 0px 15px 0px; height:44px; font-size:14px; color:#333333; line-height:1.5; text-align:center; border-bottom:1px solid #d1d1d1; border-right:0px solid #EAEDF1;}
table.list td a {display:inline-block; font-size:16px; color:#333; }
table.list td a.link {display:inline-block; font-size:14px; color:#478ceb; border-bottom:1px solid #478ceb; line-height:2; }
table.list .left { padding:8px 8px 8px 8px; text-align:left;}
table.list .right { padding:8px 8px 8px 8px; text-align:right;}
table.list .top { vertical-align:top;}
table.list .center { text-align:center;}
table.post { clear:both; width:100%; margin:auto; padding:0px; border-left:0px solid #D6E1EA; border-top:1px solid #000000; border-collapse: collapse; }
table.post th, table.post td { height:50px; margin:0px; padding:10px 0px 10px 0px; text-align:left; border-bottom:1px solid #d1d1d1; border-right:0px solid #D6E1EA;}
table.post caption { margin: 0; padding: 0; }
table.post th { text-align:center; font-size:14px; color:#333; font-weight:600;}
table.post td { color:#333333; font-size:14px;}
table.post td label { margin-right:10px; }
table.post .center { text-align:center;}
/* 탭메뉴 ----------------------------------------------------------------------------------------------------- */
.dg_wrap{position:relative; margin-bottom:60px; display:block}
.dg_wrap:hover:after{}
.dg_wrap .dg_btn{position:absolute; top:3px; line-height:1; color:#333; font-weight:900; font-size:45px; cursor:pointer;}
.dg_wrap .dg_btn.dg-prev{left:-40px}
.dg_wrap .dg_btn.dg-next{right:-40px}
.dg_tabs{position:relative; border:2px solid #c7c7c7; width:100%; border-radius:10px; padding:6px 14px; overflow:hidden; margin-bottom:30px;}
.dg_tabs .dg_tab{}
.dg_tabs .dg_tab li{width:auto; margin-right:5px;}
.dg_tabs .dg_tab li:last-child{margin-right:0;}
.dg_tabs .dg_tab li a{display:block; font-size:14px; color:#666; font-weight:400; padding:8px 15px;}
.dg_tabs .dg_tab li.on2 a,
.dg_tabs .dg_tab li:hover a{background:#32834C; border-radius:10px; color:#fff;}
@media screen and (max-width:640px) {
.dg_wrap{margin-bottom:40px; }
.dg_wrap .dg_btn{font-size:30px; top:4px;}
.dg_wrap .dg_btn.dg-prev{left:-30px}
.dg_wrap .dg_btn.dg-next{right:-30px}
.dg_tabs{margin-bottom:3%; border-width:1px; padding:5px 10px;}
.dg_tabs .dg_tab li a{font-size:12px; padding:6px 12px;}
}
/* 탭메뉴 끝 ----------------------------------------------------------------------------------------------------- */
/* 버튼 (회원가입,게시판등 전체적으로사용함) */
.btn_C_Area{position:relative; width:100%; text-align:center; padding-top:30px; }
.btn{margin:20px 4px; cursor:pointer; color:#fff; font-weight:600; font-size:18px; letter-spacing:-0.05em; background:#32834C; text-align:center; width:170px; height:50px; line-height:50px; border-radius:5px; }
.btn.ok{color:#fff; background:#32834C; }
.btn.cancel{ color:#fff; background:#bbbbbb; }
/* 이용약관/개인정보취급방침 ----------------------------------------------------------------------------------------------------- */
.agreement_box { font-size:14px; color:#333; line-height:1.8; border-top:1px solid #333; padding-top:20px; }
@media screen and (max-width:640px) {
.agreement_box { font-size:12px; }
}
/* 마이페이지 */
.mypage_mypoint { padding:20px; margin-bottom:20px; text-align:center; font-size:20px; font-weight:300; color:#333; letter-spacing:-1px; background:#f3f3f3; border-radius:15px; }
.mypage_mypoint .hot { font-weight:300; color:#32834C; font-weight:600; }
.mypage_so_title { padding:20px 0 20px 0; font-size:22px; line-height:1; color:#333; font-weight:600; letter-spacing:-0.06em; }
@media screen and (max-width:640px) {
.mypage_mypoint {font-size:14px; }
.mypage_so_title {font-size:16px; }
}
/* 마이페이지 탭*/
#contents .sub_contents .sbm {margin:-20px auto 60px; }
#contents .sub_contents .sbm ul{text-align:center; font-size:0px; display:block ;}
#contents .sub_contents .sbm ul li {display:inline-block; margin:0 5px; width:auto; text-align:center; }
#contents .sub_contents .sbm ul li a {display:block; line-height:40px; height:40px; padding:0px 15px ;font-size:15px;font-weight:400; color:#333; position:relative}
#contents .sub_contents .sbm ul li a:after{content:""; display:block; clear:both; width:100%; height:2px; position:absolute; left:0px; bottom:0px; background:#ddd;}
#contents .sub_contents .sbm ul li:hover a{color:#333;}
#contents .sub_contents .sbm ul li:hover a:after{background:#32834C;}
#contents .sub_contents .sbm ul li.on a{color:#333;}
#contents .sub_contents .sbm ul li.on a:after{ background:#32834C;}
@media only screen and (max-width: 1000px){
#contents .sub_contents .sbm {max-width:440px; margin:-20px auto 8.5%; }
#contents .sub_contents .sbm ul li{margin:0 5px 5px;}
}
@media only screen and (max-width: 640px){
#contents .sub_contents .sbm {max-width:340px; }
#contents .sub_contents .sbm ul li a {line-height:35px; height:35px; padding:0px 10px ; font-size:13px;}
}
/* 게시판 폰트 */
.text_area,
.text_area i,
.text_area b,
.text_area p,
.text_area strong,
.text_area a,
.text_area span,
.text_area h2{ line-height:1.8; font-family: "나눔고딕" , "Nanum Gothic" ,"돋움", dotum, sans-serif;}
.v_cont,
.v_cont i,
.v_cont b,
.v_cont p,
.v_cont strong,
.v_cont a,
.v_cont span,
.v_cont h2{ line-height:1.8; font-family: "나눔고딕" , "Nanum Gothic" ,"돋움", dotum, sans-serif; }
.hy_faqType,
.hy_faqType i,
.hy_faqType b,
.hy_faqType p,
.hy_faqType strong,
.hy_faqType a,
.hy_faqType span,
.hy_faqType h2{line-height:1.8; font-family: "나눔고딕" , "Nanum Gothic" ,"돋움", dotum, sans-serif; }
/* 소셜 로그인 */
.social_login{width:500px; margin:0 auto; padding:50px; border:1px solid #eee; border-top:1px solid #2E4A8A; }
.social_login > p{ font-size:25px; color:#333; font-weight:600; text-align:center; margin-bottom:40px; }
.login_box{width:100%; margin-top:30px; }
.naver_P{width:100%; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:400; border:none; background:url('../images/board/btn_naver_login.png')no-repeat 0 0; text-align:center;}
.kakao_P{width:100%; height:50px; line-height:50px; font-size:18px; color:#fff; font-weight:400; border:none; background:url('../images/board/btn_kakao_login.png')no-repeat 0 0; text-align:center;}
@media screen and (max-width:640px) {
.social_login{width:100%;}
}
.height_1 {height:1px; width:100%; clear:both;}
.height_2 {height:2px; width:100%; clear:both;}
.height_3 {height:3px; width:100%; clear:both;}
.height_4 {height:4px; width:100%; clear:both;}
.height_5 {height:5px; width:100%; clear:both;}
.height_6 {height:6px; width:100%; clear:both;}
.height_7 {height:7px; width:100%; clear:both;}
.height_8 {height:8px; width:100%; clear:both;}
.height_9 {height:9px; width:100%; clear:both;}
.height_10 {height:10px; width:100%; clear:both;}
.height_11 {height:11px; width:100%; clear:both;}
.height_12 {height:12px; width:100%; clear:both;}
.height_13 {height:13px; width:100%; clear:both;}
.height_14 {height:14px; width:100%; clear:both;}
.height_15 {height:15px; width:100%; clear:both;}
.height_16 {height:16px; width:100%; clear:both;}
.height_17 {height:17px; width:100%; clear:both;}
.height_18 {height:18px; width:100%; clear:both;}
.height_19 {height:19px; width:100%; clear:both;}
.height_20 {height:20px; width:100%; clear:both;}
.height_21 {height:21px; width:100%; clear:both;}
.height_22 {height:22px; width:100%; clear:both;}
.height_23 {height:23px; width:100%; clear:both;}
.height_24 {height:24px; width:100%; clear:both;}
.height_25 {height:25px; width:100%; clear:both;}
.height_26 {height:26px; width:100%; clear:both;}
.height_27 {height:27px; width:100%; clear:both;}
.height_28 {height:28px; width:100%; clear:both;}
.height_29 {height:29px; width:100%; clear:both;}
.height_30 {height:30px; width:100%; clear:both;}
.height_31 {height:31px; width:100%; clear:both;}
.height_32 {height:32px; width:100%; clear:both;}
.height_33 {height:33px; width:100%; clear:both;}
.height_34 {height:34px; width:100%; clear:both;}
.height_35 {height:35px; width:100%; clear:both;}
.height_36 {height:36px; width:100%; clear:both;}
.height_37 {height:37px; width:100%; clear:both;}
.height_38 {height:38px; width:100%; clear:both;}
.height_39 {height:39px; width:100%; clear:both;}
.height_40 {height:40px; width:100%; clear:both;}
.height_50 {height:50px; width:100%; clear:both;}
.height_60 {height:60px; width:100%; clear:both;}
.height_70 {height:70px; width:100%; clear:both;}
.height_80 {height:80px; width:100%; clear:both;}
.height_90 {height:90px; width:100%; clear:both;}
.height_100 {height:100px; width:100%; clear:both;}
/* ----------------------------------------------------------------------------------------------------------
쇼핑몰 부분
---------------------------------------------------------------------------------------------------------- */
/************************* ::: 상품아이콘 *************************/
.goods_ico { padding:4px 8px; margin-right:4px; font-size:11px; font-weight:600; border-radius:5px;}
.goods_ico.new { background:#aaaa55; color:#fff; }
.goods_ico.sale { background:#006600; color:#fff; }
.goods_ico.best { background:#ff6600; color:#fff; }
.goods_ico.reco { background:#ff00ff; color:#fff; } /* 추천 */
.goods_ico.soldout { background:#000000; color:#fff; }
/************************* ::: 장바구니에 담았습니다. *************************/
.cart_popup{position:fixed; max-width:500px; padding:20px; width:90%; text-align:center; border-radius:20px; top:50%; left:50%; z-index:9999; background:#fff;
-webkit-transform:translate(-50% , -50%);
-ms-transform:translate(-50% , -50%);
transform:translate(-50% , -50%)}
.cart_popup .cp_img{display:block; margin:auto; width:120px; margin-bottom:5%;}
.cart_popup strong{font-size: 20px; color:#333; word-break:keep-all}
.cart_popup p{font-size: 16px; color:#666; line-height: 20px; word-break:keep-all}
.cart_popup .cp_close{position:absolute; right:20px; top:20px; cursor:pointer;}
.cart_popup .cp_btn{margin-top: 5%; font-size:0px; }
.cart_popup .cp_btn .left { display:inline-block; width: 46%; background: #0ba29a; padding: 3% 0; margin:0 1%; border-radius:50px; font-size:16px;}
.cart_popup .cp_btn .left a{color:#fff;}
.cart_popup .cp_btn .right{ display:inline-block; width: 46%; background: #d7d7d7; padding: 3% 0; margin:0 1%; border-radius:50px;font-size:16px;}
.cart_popup .cp_btn .right a{color:#333;}
.cp_wrap{display:none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0, .7); z-index: 9997;}
@media screen and (max-width:450px) {
.cart_popup .cp_img{ width:80px; margin-bottom:5%;}
.cart_popup strong{font-size: 14px;}
.cart_popup p{font-size: 12px; }
.cart_popup .cp_btn .left { font-size:12px;}
.cart_popup .cp_btn .right{ font-size:12px;}
}
/************************* ::: 장바구니 - 시작 ::: *************************/
.cart_area{ padding-top:40px; }
.order_box{margin-bottom:35px;}
.order_box h2{font-size:21px; color:#333; font-weight:500; margin-bottom:15px;}
.order_box h2 span{margin-right:10px;}
.order_box table{border-collapse:separate; border-spacing:0; width:100%; table-layout:fixed;}
.order_box table tr{}
.order_box table tr th,.order_box table tr td{border-bottom:1px solid #ddd; padding:16px 10px;}
.order_box table tr th{background:#f5f5f5; border-top:2px solid #3d464c; font-size:16px; color:#3f4244; font-weight:600;}
.order_box table tr td{background:#fff; text-align:center; font-size:14px;}
.order_box table tr td.days{font-size:17px; color:#333;}
.order_box table tr td.info{text-align:left; padding:15px 35px;}
.order_box table tr td.info p{font-size:16px; color:#333; font-weight:300; line-height:1.7;}
.order_box table tr td.info p span{font-size:13px; color:#666; font-weight:300;} /* 옵션텍스트 */
.order_box table tr td.price{font-size:16px; color:#333; font-weight:400;}
.order_box table tr td.price .thm{font-weight:600;}
.order_box table tr td.number{font-size:16px; color:#333; font-weight:600;}
.order_box table tr td.delete{}
.order_box table tr td.delete a{display:inline-block; font-size:14px; color:#fff;
background:#478ceb; padding:0 10px; border-radius:10px; line-height:1.8;}
.order_box .ob_btn{text-align:right; margin-top:8px;}
.order_box .ob_btn a{display:inline-block; font-size:14px; color:#fff; text-align:center;
width:164px; height:44px; line-height:44px; background:#5c5c5c;}
.order_box table tr th .s_price{font-size:20px; color:#333; font-weight:600;}
/* obt02 */
.order_box table.obt02 tr td.info{padding:15px 28px; font-size:0;}
.order_box table.obt02 tr td.info .img{display:inline-block; width:55px; height:55px; position:relative;
vertical-align: middle;}
.order_box table.obt02 tr td.info .img img{position: absolute;
top: -9999px;
right: -9999px;
bottom: -9999px;
left: -9999px;
margin: auto;
min-width: 100%;
height: 100%; }
.order_box table.obt02 tr td.info p{display:inline-block; padding-left:15px;
vertical-align: middle;
width : -webkit-calc(100% - 55px);
width : -moz-calc(100% - 55px);
width : calc(100% - 55px);
}
.order_box table.obt02 tr td.info p a{ color:#000; }
/* order_total */
.order_total{border:2px solid #000; padding:20px; margin-top:50px;}
.order_total dl{float:left; width:20%; text-align:right; padding-right:40px; position:relative;}
.order_total dl dt{font-size:15px; color:#333; font-weight:400; margin-bottom:15px;}
.order_total dl dd{font-size:23px; color:#333; font-weight:400;}
.order_total dl dd .thm{font-weight:600;}
.order_total dl.otd03{width:30%;}
.order_total dl.otd03 dt{margin-bottom:0;}
.order_total dl.otd03 dd{color:#e01919;}
.order_total dl.otd03 dd .thm{font-size:42px;}
.order_total .btn{float:left; width:30%; padding:7px 0 0 60px;}
.order_total button{display:inline-block; width:100%; height:58px; background:#0BA29A;
font-size:23px; color:#fff; font-weight:600; cursor:pointer;}
.order_total dl:before{font-size:42px; color:#333; font-weight:600;
position:absolute; right:-12px; top:50%; transform:translateY(-50%);}
.order_total dl.otd01:before{content:"+";}
.order_total dl.otd02:before{content:"=";}
.cart_area .order_caution{font-size:14px; color:#999; line-height:1.8; margin-top:25px;}
@media screen and (max-width:1000px) {
.order_box h2{font-size:18px;}
.order_box h2 span{margin-right:7px;}
.order_box h2 span img{width:26px;}
.order_box table tr th, .order_box table tr td{padding:10px 5px;}
.order_box table tr th{font-size:14px;}
.order_box table tr td.days{font-size:16px;}
.order_box table tr td.info{padding:10px 20px;}
.order_box table tr td.info p{font-size:14px;}
.order_box table tr td.price{font-size:16px;}
.order_box table tr td.number{font-size:16px;}
.order_box table.obt02 tr td.info{padding:10px 18px;}
.order_total dl{padding-right:20px;}
.order_total dl:before{font-size:26px; right:-8px;}
.order_total dl dt{font-size:13px; margin-bottom:5px;}
.order_total dl dd{font-size:16px;}
.order_total dl.otd03 dd .thm{font-size:24px;}
.order_total .btn{padding:2px 0 0 40px;}
.order_total button{height:44px; font-size:18px;}
}
@media screen and (max-width:640px) {
.order_box{margin-bottom:4%;}
.order_box table tr th{font-size:13px;}
.order_box table tr td.days{font-size:14px;}
.order_box table tr td.info p{font-size:12px;}
.order_box table tr td.price{font-size:14px;}
.order_box table tr td.number{font-size:14px;}
.order_box .ob_btn{margin-top:7px;}
.order_box .ob_btn a{font-size:13px; width:140px; height:40px; line-height:40px;}
.order_total{margin-top:6%;}
.order_total dl{width:100%; padding-right:0; margin-bottom:10px;}
.order_total dl:after{clear:both; display:block; content:"";}
.order_total dl:before{display:none;}
.order_total dl dt{float:left;}
.order_total dl dd{float:right;}
.order_total dl.otd03{width:100%; padding:10px 0; border-top:1px solid #ddd;}
.order_total .btn{float:none; width:100%; padding:0;}
.cart_area .order_caution{margin-top:3%;}
}
@media screen and (max-width:450px) {
.order_box h2{font-size:16px; margin-bottom:10px;}
.order_box h2 span{margin-right:5px;}
.order_box h2 span img{width:22px;}
.order_box table tr th, .order_box table tr td{padding:7px 2px;}
.order_box table tr th{font-size:11px;}
.order_box table tr td.days{font-size:11px;}
.order_box table tr td.info{padding:10px 20px;}
.order_box table tr td.info p{font-size:11px;}
.order_box table tr td.price{font-size:12px;}
.order_box table tr td.number{font-size:12px;}
.order_box table tr td.delete a{font-size:11px;}
.order_box table.obt02 tr td.info{padding:7px 10px;}
.order_box table.obt02 tr td.info .img{width:40px; height:40px;}
.order_box table.obt02 tr td.info p{
width : -webkit-calc(100% - 40px);
width : -moz-calc(100% - 40px);
width : calc(100% - 40px);
}
.order_box .ob_btn a{font-size:12px; width:120px; height:35px; line-height:35px;}
.order_total{padding:15px;}
.order_total button{font-size:16px; height:40px;}
.cart_area .order_caution{font-size:12px;}
}
/* 장바구니 */
.res_basketStep{margin:0 0 20px 0; width:100%;}
.res_basketStep:after{content:""; display:block; clear:both;}
.res_basketStep>li{float:left; width:33.33%; text-align:center;}
.res_basketStep>li>a{display:block; padding:68px 0 0 0; width:100%; height:100px; font-size:13px; color:#333; border-top:1px solid #ddd; border-left:1px solid #ddd; border-bottom:1px solid #ddd; cursor:default; text-decoration:none;}
.res_basketStep>li>a.on{border-top:1px solid #333; border-left:1px solid #333; border-bottom:1px solid #333; border-right:1px solid #333; background-color:#fff;}
.res_basketStep>li>a.ico_1{background:#F4F2F1 url("../images/board/basket_step01.png") center 27px no-repeat;}
.res_basketStep>li>a.ico_1.on{background: url("../images/board/basket_step01_on.png") center 27px no-repeat;}
.res_basketStep>li>a.ico_2{background:#F4F2F1 url("../images/board/basket_step02.png") center 27px no-repeat;}
.res_basketStep>li>a.ico_2.on{background: url("../images/board/basket_step02_on.png") center 27px no-repeat;}
.res_basketStep>li>a.ico_3{border-right:1px solid #ddd; background:#F4F2F1 url("../images/board/basket_step03.png") center 27px no-repeat;}
.res_basketStep>li>a.ico_3.on{border-right:1px solid #333; background: url("../images/board/basket_step03_on.png") center 27px no-repeat;}
.shop_subTitle{padding:25px 0 20px 0; width:100%; font-size:20px; color:#444; font-weight:600;}
.sum_price{ font-weight:600; color:#E01919; font-size:20px;}
.pay_price{ font-weight:600; color:#E01919; font-size:16px;}
.order_total_price { font-size:16px; text-align:center; color:#000000; background:#f3f3f3; padding:20px 0 20px 0;}
.order_total_price>p { font-size:16px; text-align:center; color:#000000; padding-bottom:10px;}
#ck_doaddr { color:#ff0000; }
/* 상품상세정보 Q&A */
.qna{width:100%;}
.qna>dt{padding:5px 0 15px 50px; line-height:1.8; color:#333; background: url("../images/board/faq_ico_q.png") 18px 10px no-repeat; }
.qna>dd{ padding:15px 0 5px 50px; line-height:1.8; color:#333; border-top:1px solid #eee; background: url("../images/board/faq_ico_a.png") 18px 18px no-repeat; }
/* 상품문의버튼 */
.goods_button a{float:right; width:150px; height:44px; line-height:44px; text-align:center; background:#5c5c5c; color:#fff; font-size:14px;}
/* 카드결제 */
.order_card_ing {padding:30px 0; text-align:center; font-size:18px; color:#000;}
/* 주문완료 */
.order_Complate{padding:80px 0; margin-bottom:30px; width:100%; text-align:center; border-top:1px solid #000; border-bottom:1px solid #000;}
.order_Complate .order_End_title{padding:0 10% 5% 10%; font-size:26px; color:#A5A04F; font-weight:300; }
.order_Complate .order_end_code{padding-bottom:30px; font-size:15px; color:#000; line-height:150%;}
.order_Complate .order_end_txt{padding:0 15%; font-size:15px; color:#666; line-height:150%;}
/* 주문조회 */
.order_list_item { clear:both; padding:2px 0 2px 0; }
.order_list_item li{ float:left; }
.order_list_item li.item_img { width:60px; }
.order_list_item li.item_name{ background:#fff; }
/* 주문조회 상세 */
.my_order_store { padding-bottom:10px; font-size:14px; color:#333; }
.my_order_store b { font-size:18px; color:#333; }
.my_order_store span { padding-left:20px; }
/* 데이터 없습니다 */
.not_data { margin:50px 0; padding:80px 10px; font-size:16px; color:#000; text-align:center; background:#f9f9f9; border-radius:20px;}
input[type=radio], input[type=checkbox] { cursor:pointer; }
/* 리뷰 ---------------------------------------------------------------------------------------------------------------------*/
#contents .review_score{background:#f5f5f5; align-items:center; padding:35px 0px; margin-bottom:20px;}
#contents .review_score > div{ text-align:center; width:50%}
#contents .review_score > div > img{margin:0 auto 25px;}
#contents .review_score > div > p{font-size:15px; word-break:keep-all; color:#333; line-height:1; margin-bottom:17px; letter-spacing:-0.05em;}
#contents .review_score .review_star{display:inline-block; font-size:0px; line-height:14px; }
#contents .review_score .review_star img{display:inline-block; vertical-align:middle; ; margin-right:5px;}
#contents .review_score .review_star span{font-size:24px; position:relative; top:1px; display:inline-block;vertical-align:middle; letter-spacing:-0.03em; color:#333; font-weight:600; margin-left:13px;}
#contents .review_score > div.graph_wrap{text-align:left; padding-left:40px; border-left:1px solid #ddd;}
#contents .review_score > div.graph_wrap .graph{align-items:center; width:100%; max-width:390px; margin-bottom:10px;}
#contents .review_score > div.graph_wrap .graph span{word-break:keep-all;
font-size:15px; width:40px; color:#333; letter-spacing:-0.05em; font-weight:300;}
#contents .review_score > div.graph_wrap .graph div{border:1px solid #ddd; height:10px; background:#fff; position:relative;
width : -webkit- calc(100% - 110px);
width : -moz-calc(100% - 110px);
width : calc(100% - 110px);}
#contents .review_score > div.graph_wrap .graph div p{background:#f26522; height:100%; position:absolute; top:0px; left:0px;}
#contents .review_score > div.graph_wrap .graph span:last-child{color:#666; width:70px; padding-left:20px;}
#contents ul.review_list li{border-bottom:1px solid #eee; padding:20px 0px; }
#contents ul.review_list li .re_img{width:172px;}
#contents ul.review_list li .re_img .img_wrap{position:relative; width:100%; border-radius:7px; display:block; padding-bottom: 64.25%; overflow:hidden;}
#contents ul.review_list li .re_img .img_wrap img{object-fit: cover; position: absolute;
top: -9999px; right: -9999px;bottom: -9999px;left: -9999px; margin: auto; min-width: 100%; height: 100%;
-webkit-transform:scale(1.0);
-ms-transform:scale(1.0);
transform:scale(1.0);
-webkit-transition:transform 0.5s;
-o-transition:transform 0.5s;
transition:transform 0.5s;}
#contents ul.review_list li .re_text{padding-left:22px;
width : -webkit- calc(100% - 172px);
width : -moz-calc(100% - 172px);
width : calc(100% - 172px);}
#contents ul.review_list li .re_text .star_wrap{display:inline-block; font-size:0px; }
#contents ul.review_list li .re_text .star_wrap img{display:inline-block; vertical-align:middle; ; margin-right:3px;}
#contents ul.review_list li .re_text .re_info{margin:12px 0px;}
#contents ul.review_list li .re_text .re_info span{display:inline-block; font-size:14px; letter-spacing:-0.05em; color:#333 }
#contents ul.review_list li .re_text .re_info span.line{margin:0 5px; height:10px; width:1px; background:#bbb;}
#contents ul.review_list li .re_text p.re_tit { font-size:14px; color:#333; letter-spacing:-0.05em; line-height:1.5}
#contents ul.review_list li .re_text p.re_tit span{ font-size:13px; color:#999; }
#contents ul.review_list li .flex-box{align-items:center;}
#contents ul.review_list li:hover .re_img .img_wrap img{
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);}
@media only screen and (max-width: 800px){
#contents .sb_sec{margin-bottom:8.5%}
#contents h2.sb_tit{ margin-bottom:4.5%;}
#contents h2.sb_tit.gap{margin-bottom:8%;}
#contents .review_score{padding:0 30px;}
#contents .review_score > div{width:100%; padding:6% 0%; }
#contents .review_score > div > img{margin:0 auto 2.5%;}
#contents .review_score > div > p{margin-bottom:2%;}
#contents .review_score > div.graph_wrap{border-left:0px; border-top:1px solid #ddd; padding-left:0px;}
#contents .review_score > div.graph_wrap .graph{margin:0 auto 6px;}
}
@media only screen and (max-width: 640px){
#contents h2.sb_tit{font-size:16px;}
#contents p.sb_text{font-size:12px; margin-bottom:3px;}
#contents ul.review_list li {padding:15px 0px}
#contents .review_score > div.graph_wrap .graph div{height:8px;}
#contents .review_score > div.graph_wrap .graph span{font-size:13px; width:35px;}
#contents .review_score > div.graph_wrap .graph div{
width: -webkit- calc(100% - 95px);
width: -moz-calc(100% - 95px);
width: calc(100% - 95px);}
#contents .review_score > div.graph_wrap .graph span:last-child{width:60px;}
#contents ul.review_list li .re_img{width:150px;}
#contents ul.review_list li .re_text{padding-left:4%;
width : -webkit- calc(100% - 150px);
width : -moz-calc(100% - 150px);
width : calc(100% - 150px);}
#contents ul.review_list li .re_text .star_wrap img{width:11px; margin-right:2px;}
#contents ul.review_list li .re_text .re_info{margin:8px 0px;}
#contents ul.review_list li .re_text .re_info span{ font-size:12px; }
#contents ul.review_list li .re_text .re_info span.line{margin:0 3px; height:8px;}
#contents ul.review_list li .re_text p.re_tit {font-size:12px;}
}
@media only screen and (max-width: 450px){
#contents ul.review_list li {padding:10px 0px}
#contents .review_score > div.graph_wrap .graph span:last-child{width:60px;}
#contents ul.review_list li .re_img{width:120px;}
#contents ul.review_list li .re_text{
width : -webkit- calc(100% - 120px);
width : -moz-calc(100% - 120px);
width : calc(100% - 120px);}
#contents ul.review_list li .re_text p.re_tit {height: calc(1em * 1.6 * 2); line-height:1.6}
}
.review_popup{max-width:720px; max-height:90vh; width:90%; margin:0 auto;
padding:30px 10px 60px 30px; ; position:fixed; top:50%; left:50%; border-radius:5px; border:1px solid #303030;
z-index:100003; background:#fff; opacity:0; pointer-events: none; transition: opacity 0.2s , transform 0.2s ;
-webkit-transform: translate(-50%, -50%) scale(0);
-ms-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);}
.review_popup.on{opacity:1; pointer-events: all;
-webkit-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);}
.review_popup .re_pop_con{position:relative; font-size:0px; width:100%; height:100%; padding-right:30px; overflow-y:auto;
max-height : -webkit- calc(90vh - 120px);
max-height : -moz-calc(90vh - 120px);
max-height : calc(90vh - 120px)}
.review_popup .re_pop_con > img{width:100%}
.review_popup .re_pop_con::-webkit-scrollbar{width: 3px;}
.review_popup .re_pop_con::-webkit-scrollbar-thumb{height: 1%; background-color: #333; border-radius: 10px;}
.review_popup .re_pop_con::-webkit-scrollbar-track{background-color: #ddd; border-radius: 10px;}
.review_popup .re_pop_con .star_wrap{display:inline-block; font-size:0px; }
.review_popup .re_pop_con .star_wrap img{display:inline-block; vertical-align:middle; ; margin-right:3px;}
.review_popup .re_pop_con .re_info{margin:12px 0px; width:100%;}
.review_popup .re_pop_con .re_info span{display:inline-block; font-size:15px; letter-spacing:-0.05em; color:#333 }
.review_popup .re_pop_con .re_info span.line{margin:0 5px; height:10px; width:1px; background:#bbb;}
.review_popup .re_pop_con p{font-size:15px; color:#333; letter-spacing:-0.05em; line-height:1.86}
.review_popup .review_close{ padding:10px; background-color:#fff;
right: 20px; z-index:1000;
top: 20px;
bottom: 100%; border-radius:10px;
width: 50px;
position: absolute;
height: 50px;
transform: rotate(0);
transition: background-color 0.4s;
cursor: pointer;}
.review_popup .review_close div{position:relative; width:100%; height:100%;}
.review_popup .review_close div:before{position:absolute; left: 50%; top: 1px; width: 2px; height: 100%;
margin-left: 0; background: #333; content: ""; transform: rotate(45deg);}
.review_popup .review_close div:after{position:absolute; left: 1px; top: 50%; width: 100%; height: 2px;
margin-left: 0; background: #333; content: ""; transform: rotate(45deg);}
.re_gra{pointer-events: none; opacity:0; visibility: hidden;
width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: fixed; top: 0;left: 0; z-index:100002;
transition: opacity 0.2s , visibility 0.3s ;}
.re_gra.on{opacity:1; visibility: visible; pointer-events: all;}
@media only screen and (max-width: 640px){
.review_popup{padding:20px 10px 50px 20px;}
.review_popup .review_close{width:35px; height:35px; padding:5px;}
.review_popup .re_pop_con .star_wrap img{width:11px; margin-right:2px;}
.review_popup .re_pop_con .re_info{margin:8px 0px;}
.review_popup .re_pop_con .re_info span{ font-size:12px; }
.review_popup .re_pop_con .re_info span.line{margin:0 3px; height:8px;}
.review_popup .re_pop_con p {font-size:12px;}
.review_popup .re_pop_con{padding-right:25px;}
}
@media only screen and (max-width: 450px){
}
#contents .re_view{display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap}
/* 리뷰 끝 ---------------------------------------------------------------------------------------------------------------------*/
/* 로딩 끝 (2026-07-06) ----------------------------------------------------------------------------------------------------------*/
#loading{
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,.45);
z-index:99999;
}
.loading-box{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-align:center;
color:#fff;
}
.spinner{
width:50px;
height:50px;
border:5px solid rgba(255,255,255,.3);
border-top:5px solid #fff;
border-radius:50%;
animation:spin .8s linear infinite;
margin:0 auto 15px;
}
@keyframes spin{
100%{
transform:rotate(360deg);
}
}
/* 로딩 끝 ---------------------------------------------------------------------------------------------------------------------*/