@charset "utf-8";

/* Common */
body,p,hr,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,div {margin:0;padding:0}
body,textarea,table {font-family:'Nanum-Gothic','Noto Sans KR', Gulim, AppleGothic, sans-serif;font-size:13px}
img,fieldset{border:0;}
ul,ol{list-style:none;}
em,address {font-style:normal}
a {color:black;text-decoration:none}
a:hover,a:active,a:focus {text-decoration:underline}
.blind {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden;visibility:hidden;font-size:0;line-height:0}

*{box-sizing:border-box}

.clearfix:before, .clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom:1;}

.container{position:relative;width:1200px;margin:0 auto;}
.container:after{display:block;clear:both;content:''}
.container .snb{float:left;width:170px}
.container .snb nav{;}
.container .snb nav ul{border-top:2px solid #ccc;}
.container .snb nav ul li{border-bottom:1px solid #ccc;}
.container .snb nav ul li a.menu-item{display:block;padding:12px;font-size:15px;text-decoration:none}
.container .snb nav ul li a.menu-item:hover{background-color:#f0f0f0}
.container .snb nav ul li .sub{display:none;}
.container .snb nav ul li .sub a{display:block;padding:12px;padding-left:24px;font-size:13px}
.container .snb nav ul li:hover .sub,
.container .snb nav ul li.active .sub{display:block}
.container .content{float:right;width:980px;min-height:700px}
.container .navigation{margin-bottom:30px}
.container .navigation a{display:inline-block;width:120px;margin-right:10px;padding:10px 15px;text-align:center;border:1px solid #444;text-decoration:none;font-size:15px}
.container .navigation a.active{background-color:#444;color:#fff;}
.container .nav-stats a{width:150px;}
.container .page-title{margin-bottom:30px}
.container .sub-title{margin-bottom:12px}
.container h1{margin-bottom:20px;}

.expand .container{width:1600px}
.expand .container .content{width:1380px}
.jconfirm .container{width:320px;}
.jconfirm .container .hx{margin-bottom:6px}
.jconfirm .container dl{font-size:13px}
.jconfirm .container dt{float:left;width:80px;font-weight:bold}
.jconfirm .container dd{margin-left:90px;margin-bottom:6px;}

section.container{margin-bottom:50px}

.tab-box{margin-bottom:30px;}
.tab-box:after{display:block;clear:both;content:''}
.tab-box a{display:inline-block;padding:6px;border:1px solid #ccc}
.tab-box a.active{background-color:#666;font-weight:bold;color:#fff;border-color:#666}
.tab-box a:first-child{border-radius:5px 0 0 5px;border-right:0}
.tab-box a:last-child{border-radius:0 5px 5px 0}

.tbl-list,
.tbl-list th,
.tbl-list td{border:0}
.tbl-list{width:100%;margin-bottom:30px;border-collapse:collapse;table-layout:fixed;border-top:2px solid #444}
.tbl-list caption{padding:8px;text-align:left;font-weight:bold}
.tbl-list th,
.tbl-list td{padding:10px 8px;border-bottom:1px solid #e5e5e5}
.tbl-list thead th{;}
.tbl-list tbody td{white-space:nowrap;overflow:hidden}
.tbl-list tbody td .count{color:red;font-size:11px;margin-left:5px}
.tbl-list tbody .finish{opacity:.35}
.tbl-list tbody .item{cursor:pointer}
.tbl-list tbody .active{background-color:#efefef}
.tbl-list .i_text{position:relative;max-width:100%;margin:2px;margin-right:14px;padding:6px 8px;border:1px solid #ddd;outline:none;box-sizing:border-box;}
.tbl-list .i_check,
.tbl-list .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.tbl-list a{;}
.tbl-list .btn{margin:0 2px}
.tbl-list .btn-detail{cursor:pointer}
.tbl-list .btn-detail:hover{background-color:#f0f0f0}

.tbl-info, .tbl-info th, .tbl-info td{border:0}
.tbl-info{width:100%;border-collapse:collapse;table-layout:fixed;}
.tbl-info caption{padding:8px;text-align:left;font-weight:bold}
.tbl-info th, .tbl-info td{padding:8px;border-bottom:1px solid #e5e5e5}
.tbl-info th{background-color:#f0f0f0;color:#444}

.tbl-type-a{;}
.tbl-type-b{;}
.tbl-type-b th{background-color:#f0f0f0}

.btn{display:inline-block;padding:8px 12px;border:0;cursor:pointer;white-space:nowrap;text-decoration:none;line-height:1.2}
.btn-small{padding:4px}
.btn-default{background-color:#777;color:#fff;border-radius:3px;}
.btn-primary{background-color:#444;color:#fff;border-radius:3px}

.btn-right{padding:6px 0;text-align:right}

.btn-both{padding:8px 0;}
.btn-both:after{display:block;clear:both;content:''}
.btn-both .fl{float:left;}
.btn-both .fr{float:right}

.mask{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.8)}
.loading{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.8) url(../images/logo.png) center no-repeat;z-index:1000}

.mw{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}
.mw .bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
.mw .fg{position:fixed;top:50%;left:50%;background-color:#fff}
.mw.active{display:block}

#mw-member-sub{display:none;position:fixed;top:30%;left:50%;width:320px;border-radius:10px;margin-left:-160px;z-index:50;background-color:#fff}
#mw-member-sub .fg{padding:20px}
#mw-member-sub h1{margin-bottom:14px}
#mw-member-sub .i_text{display:block;width:100%;margin-bottom:6px;padding:5px;}
#mw-member-sub .btn-primary{width:100%}
#mw-member-sub .btn-close{position:absolute;top:10px;right:10px;font-size:32px;transform:rotate(45deg);text-decoration:none}

.paginate-complex{margin-bottom:30px;padding:15px 0;line-height:normal;text-align:center;}
.paginate-complex a{margin:0 1px;padding:5px 10px;color:#666;font-size:13px;text-decoration:none}
.paginate-complex a.on,
.paginate-complex a:hover{color:#ff565c;font-weight:bold}

.form-search{position:relative;margin-bottom:14px;padding:16px;padding-bottom:0;border-radius:4px}
.form-search label{display:inline-block;width:90px;font-weight:bold}
.form-search .item{margin-bottom:14px}
.form-search .i_text{position:relative;max-width:100%;margin:2px;margin-right:14px;padding:6px 8px;border:1px solid #ddd;outline:none;box-sizing:border-box;}
.form-search select.i_text{padding:5px 8px}
.form-search .datepicker{margin-right:0;margin:0 5px}
.form-search .btn-group{position:absolute;top:16px;right:16px}
.form-search .btn-download{padding-left:24px;border:1px solid #bbb;background:#efefef url(../images/download.png) 4px 7px no-repeat;color:#444}

.form-table{}
.form-table input,
.form-table textarea,
.form-table select,
.form-table table,
.form-table button{vertical-align:top}
.form-table table,
.form-table th,
.form-table td{border:0}
.form-table table{width:100%;margin-bottom:20px;border:0;table-layout:fixed;border-collapse:collapse;border-top:2px solid #ccc}
.form-table caption{padding:8px;font-weight:bold;text-align:left}
.form-table th,
.form-table td{padding:8px}
.form-table th{color:#333}
.form-table td{color:#666}
.form-table thead th{border-bottom:1px solid #ccc;background:#f8f8f8}
.form-table tbody th{border-bottom:1px solid #ddd;background:#fafafa;text-align:left}
.form-table tfoot th{border-bottom:1px solid #ddd}
.form-table tbody td{border-bottom:1px solid #ddd}
.form-table tfoot td{border-bottom:1px solid #ddd;font-weight:bold;color:#333}
.form-table em{color:#f33}
.form-table .item{position:relative;margin:-4px 0}	
.form-table .item .i_help{position:absolute;top:4px;right:0}
.form-table .item .i_label{ top:6px; left:10px}
.form-table .item .i_dsc{margin:2px 0}
.form-table .item .i_check,
.form-table .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle}
.form-table .item .hide{visibility:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0}
.form-table .item .i_text{position:relative;max-width:100%;margin:2px;padding:6px 8px;border:1px solid #ddd;outline:none;box-sizing:border-box}
.form-table .item .i_text:hover,
.form-table .item .i_text:focus{border-color:#334478}
.form-table .item .i_text:read-only{background-color:#ddd}
.form-table .item label{margin:0 10px 0 0;cursor:pointer;white-space:nowrap}
.form-table .cont{margin:20px 0;background:#fff}
.form-table .right{float:right}
.form-table .space{display:inline-block;padding:3px 40px 0 0}

.box-search-prod{margin-bottom:30px;border:1px solid #ccc;border-right:0;border-bottom:0}
.box-search-prod .tab{;}
.box-search-prod .tab ul{;}
.box-search-prod .tab ul:after{display:block;clear:both;content:''}
.box-search-prod .tab ul li{position:relative;float:left;width:25%;border-right:1px solid #ccc;border-bottom:1px solid #ccc}
.box-search-prod .tab ul li .tab-item{display:block;padding:12px 0;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;text-align:center;vertical-align:top;font-size:15px;font-weight:bold}
.box-search-prod .tab ul li .tab-item i{position:absolute;top:12px;right:12px}
.box-search-prod .tab ul li.active .tab-item{background-color:#666;color:#fff;font-weight:bold}
.box-search-prod .tab ul li .sub{display:none;position:absolute;left:0;top:1;width:100%;height:300px;padding:12px;border:1px solid #ccc;border-top:0;background-color:#fff;overflow:auto;z-index:100}
.box-search-prod .tab ul li .sub a{display:block;margin-bottom:3px;padding:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.box-search-prod .tab ul li.active .sub{display:block}
.box-search-prod .tab ul li .name{padding:8px 0;text-align:center}
/* Common */

#mw-takingDt{display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}
#mw-takingDt .bg{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7)}
#mw-takingDt .fg{position:absolute;top:20%;left:50%;width:400px;margin-left:-200px;overflow:auto;background-color:#fff;}
#mw-takingDt .fg .hx{padding:12px;}
#mw-takingDt .fg .cont{padding:12px;}
#mw-takingDt .fg .cont h2{margin-bottom:6px;font-size:13px;}
#mw-takingDt .fg .i_text{width:99%;margin:3px;margin-bottom:12px;padding:6px;border:1px solid #ccc}
#mw-takingDt .fg dl{font-size:13px}
#mw-takingDt .fg dt{float:left;width:80px;font-weight:bold}
#mw-takingDt .fg dd{margin-left:90px;margin-bottom:6px;}

#header{position:relative;margin-bottom:30px;border-bottom:1px solid #efefef;}
#header.main{margin-bottom:0}
#header .top{position:relative;padding:20px 0;z-index:100;}
#header .top h1{margin-bottom:0;text-align:center}
#header .top h1 a{text-decoration:none;color:#ff252d;font-size:32px;font-family:'Noto Sans'}
#header .top h1 a img{;}
#header .top h1 em{color:#ff565c}
#header .top .search{position:absolute;top:17px;right:0;width:350px}
#header .top .search .item{position:relative}
#header .top .search .i_text{width:350px;padding:15px;border:0;font-size:15px;outline:none;border-bottom:2px solid #222}
#header .top .search button{position:absolute;top:18px;right:10px;background-color:transparent;border:0;color:#444;font-size:19px}
#header .top .quick{position:absolute;right:0;bottom:0}
#header .top .quick a{margin-left:20px}

#header .bottom{position:relative;border-top:1px solid #efefef;}
#header .gnb{position:absolute;bottom:0;right:0}
#header .gnb ul{}
#header .gnb ul:after{display:block;clear:both;content:''}
#header .gnb ul li{float:left;position:relative;}
#header .gnb ul li a.menu-item{display:inline-block;padding:15px 12px;font-size:15px;color:#111;border-rigsht:1px solid #efefef; line-height:13px;}
#header .gnb ul li .sub{display:none;position:absolute;left:-11px;top:100%;;width:100px;background-color:#fff;border:1px solid #ccc;border-top:0;z-index:100}
#header .gnb ul li .sub a{display:block;padding:8px;text-align:center;}
#header .gnb ul li:hover .sub{display:block}
#header .lnb{position: relative;background: #fff;}
#header .lnb ul{;}
#header .lnb ul:after{display:block;clear:both;content:''}
#header .lnb ul li{float:left;position:relative;width:150px;}
#header .lnb ul li a{display:block;padding:15px 8px;text-align:center;font-size:18px;color:#444;text-decoration:none;}
#header .lnb ul li .menu-item{;}
#header .lnb ul li:hover .menu-item{color:#ff565c;}
#header .lnb ul li .sub{display:none;position:absolute;left:0;top:100%;width:100%;background-color:#fff;border:1px solid #ccc;border-top:0;z-index:100}
#header .lnb ul li .sub a{color:#000;font-size:13px}
#header .lnb ul li:hover{}
#header .lnb ul li:hover .sub{display:block}

#footer{padding:30px 0;color:#444;border-top:1px solid #ccc}
#footer .logo{font-size:0;line-height:0;}
#footer .foot_inner{margin-left:140px}
#footer .foot_inner ul{margin-bottom:12px;;}
#footer .foot_inner ul:after{display:block;clear:both;content:''}
#footer .foot_inner ul li{float:left;}
#footer .foot_inner ul li span{}
#footer .foot_inner ul li a{color:#444}
#footer .foot_inner ul li i{margin:0 10px;}
#footer .foot_inner address{}
#footer .foot_inner address a{color:#444}

#main{}
#main .section-banner{margin-bottom:24px;background-color:#fff;text-align:center}
#main .section-banner .item{text-align:center}
#main .section-banner .item img{margin:0 auto}
#main .section-banner .single .item img{max-width:100%}
#main .section-left{float:left;width:860px}
#main .section-right{float:right;width:320px}
#main .section-right .btn-mts{display:block;margin-bottom:20px;line-height:120px;background-color:#fff;text-align:center}
#main .section-prod-list{position:relative;}
#main .section-prod-list .hx{text-align:center}
#main .section-prod-list .btn-more{position:absolute;top:12px;right:12px}
#main .section-prod-list .list-items{padding:4px;}
#main .section-prod-list .list-items .bx-wrapper{margin:0 auto}
#main .section-prod-list .list-items ul{}
#main .section-prod-list .list-items ul:after{display:block;clear:both;content:''}
#main .section-prod-list .list-items ul li{float:left;width:25%;overflow:hidden}
#main .section-prod-list .list-items ul li .box{position:relative;margin:8px;border:1px solid #ccc}
#main .section-prod-list .list-items ul li:hover .box{border-color:#223263}
#main .section-prod-list .list-items ul li .thumb{display:block;height:240px;background-size:100%;background-repeat:no-repeat;background-position:center;border-bottom:1px solid #ccc}
#main .section-prod-list .list-items ul li h3{margin-bottom:6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#main .section-prod-list .list-items ul li .txt-storehouse{position:absolute;top:-24px;right:8px}
#main .section-prod-list .list-items ul li .box .info{position:relative;padding:8px}
#main .section-prod-list .list-items ul li .box .info .price{font-size:15px;font-weight:bold;color:#f33}
#main .section-prod-list .list-items ul li .box .info .sub{padding:8px;}
#main .section-prod-list .list-items ul li .box .info .sub p{margin-bottom:4px}
#main .section-prod-list .list-items ul li .box .info .detail{position:absolute;left:-1px;right:-1px;bottom:-240px;border:1px solid #223263;border-top:0;background-color:#fff;z-index:10;transition:.3s}
#main .section-prod-list .list-items ul li:hover .box .info .detail{bottom:-1px;}
#main .section{margin-bottom:20px;}
#main .section .hx{position:relative;padding:12px;font-size:23px}
#main .section .list{padding:12px}
#main .section .list ul{}
#main .section .list ul li{position:relative;}
#main .section .list ul li a{display:inline-block;width:70%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#main .section .list ul li .date{position:absolute;top:0px;right:0}
#main .bx-wrapper .bx-prev{left:50%;margin-left:-632px}
#main .bx-wrapper .bx-next{left:50%;margin-left:600px}
#main .bx-wrapper .bx-pager{bottom:20px}
#main .bx-wrapper .bx-pager.bx-default-pager a{width:16px;height:16px;border-radius:8px}
#main .bx-wrapper .bx-pager.bx-default-pager a:hover,
#main .bx-wrapper .bx-pager.bx-default-pager a.active,
#main .bx-wrapper .bx-pager.bx-default-pager a:focus{background-color:rgba(0,0,0,.4)}
#main .bx-wrapper .bx-pager.bx-default-pager a{background-color:rgba,100,100,100,.4)}

/* 로그인 */
/*
#page-login form .item{margin-bottom:-1px;}
#page-login form .item .i_label{display:inline-block;width:120px;text-align:right;font-weight:bold}
#page-login form .item .i_text{background-color:#fff; width:100%;padding:13px 15px; border:1px solid #ddd; font-size:14px; background:#fff; }
*/
#page-login{width:100%;min-height:600px;margin-bottom:0;padding:50px 0;background:#fafafa;}
#page-login .page-title{text-align:center}
#page-login form{width:480px;margin:0 auto 0px;padding:30px;}
#page-login .item-group{margin-bottom:15px}
#page-login .item{position:relative;margin:0 0 8px;border:1px solid #d7d7d7;}
#page-login .item label{position:absolute;top:12px;left:12px;font-weight:bold;font-size:12px}
#page-login .item .i_text{width:70%;margin-left:25%;padding:12px 5px; border:0; outline:none;border-left:1px solid #ccc;-webkit-appearance:none;appearance:none;-webkit-border-radius:0;}
#page-login .item-save{}
#page-login form .btn-primary{display:inline-block;width:100%;padding:15px;border:0;background-color:#ff565c;color:#fff;font-size:17px;margin-bottom:20px;}
#page-login form .btn-info-search{padding:15px 0;text-align:center; border-top:1px solid #e4e4e4; margin-top:15px; font-size:13px; color:#3f3f3f; color:#e4e4e4;}
#page-login form a{padding:3px 5px;white-space:nowrap;text-decoration:none}
/* #page-login form .btn-join {display:inline-block; width:100%; padding:15px; background:#3f3f3f; color:#fff;text-align:center;font-size:17px;} */
#page-login .addinfo{padding:5px 0;}
#page-login .addinfo .col{float:left;font-size:11px;padding:0 5px;box-sizing: border-box}
#page-login .addinfo .col.col-a {width:60%;padding-top:6px;font-size:12px;font-weight:bold}
#page-login .addinfo .col.col-b {width:40%;}
#page-login .addinfo .col.col-b a{position:relative;display:block;padding:8px;border:1px solid #ff565c;color:#ff565c;text-align:center;text-decoration:none;border-radius:2px;text-align:left;padding-left:40px}
#page-login .addinfo .col.col-b a:hover{background-color:#ff565c;color:#fff}
#page-login .addinfo .col.col-b a i{position:absolute;top:11px;left:8px;margin-right:3px}
#page-login .btn-social-group{padding:20px 0;text-align:center}
#page-login .btn-social-group .btn-social{display:inline-block;margin:0 30px;text-align:center}
#page-login .btn-social-group .btn-social em{display:block;width:64px;height:64px;margin:0 auto 10px;background-color:#000;border-radius:64px}
#page-login .btn-social-group .btn-social-naver em{background-color:#00c73c}
#page-login .btn-social-group .btn-social-kakao em{background-color:#fee502}

/* 회원가입 - 이용약관 */
#page-join-agreement{width:800px}
#page-join-agreement h2{margin-bottom:30px}
#page-join-agreement form{}
#page-join-agreement section{margin-bottom:30px;}
#page-join-agreement section h2{margin-bottom:24px}
#page-join-agreement section div{height:300px;margin-bottom:12px;padding:12px;border:1px solid #ccc;overflow:auto;}
#page-join-agreement section p{}
#page-join-agreement section .i_check{position:relative;top:3px;margin-right:5px}
#page-join-agreement .btn-center{padding:30px 0;text-align:center}

/* 회원가입 */
#page-join{padding:35px 17px;background-color:#fff;}
#page-join.finish textarea {margin: 10px 0;}
#page-join h2{margin-bottom:18px;padding:12px 12px;border-top:2px solid #444;color:#444;font-weight:600;background-color:#f0f0f0}
#page-join .row{margin-bottom:18px;}
#page-join .row:after{display:block;clear:both;content:''}
#page-join .row label{float:left;width:90px;padding-top:12px;font-weight:bold;font-size:12px;}
#page-join .row label em{color:#f33}
#page-join .row .item{margin:0;margin-left:90px;}
#page-join .row .item .i_text{margin-left:0;width:100%;padding:10px;border:0;box-sizing:border-box;outline:none;background-color:transparent;font-size:12px;}
#page-join .item .btn-validate{float:none;position:absolute;top:1px;right:1px;bottom:1px}
#page-join .item .email1{width:30%}
#page-join .item .email2{display:none;width:60%}
#page-join .item .email3{width:60%}
#page-join em{color:#f33;margin-right:3px}

#page-join{width:800px;}
#page-join .i_text{margin:3px 1px;padding:3px}
#page-join section{margin-bottom:20px;}
#page-join textarea{width:99%; background-color: #f7f7f7; margin: 0 auto; color: #111111; border: 1px solid #d7d7d7; padding: 5px; box-sizing: border-box;}
#page-join h2{margin-bottom:18px;padding:12px 12px;border-top:2px solid #444;color:#444;font-weight:600;background-color:#f0f0f0}
#page-join label{display:inline-block;white-space:nowrap;}
#page-join .btn{display:inline-block;padding:12px;border:0;text-align:center;cursor:pointer}
#page-join .btn-group{padding:12px 0;text-align:center}
#page-join .btn-group .inputset{float:left;width:82%;}
#page-join .btn-group .inputset .i_text{width:90%;margin:3px 0;padding:6px 2px;text-align:center}
#page-join .btn-group .btn{float:left;width:18%;margin:3px 0;padding:8px 0}
#page-join .btn-primary{;}
#page-join .btn-default{background-color:#fff;border:1px solid #16a2fb;color:#16a2fb}
#page-join .btn-validate{background-color:#3b3b39;color:#fff;}
#page-join .btn-center{text-align:center;}
#page-join .btn-both{margin-bottom:20px;overflow:hidden;}
#page-join .btn-both .fl{float:left}
#page-join .btn-both .fr{float:right}
#page-join .btn-both .btn,
#page-join .btn-center .btn{width:48%;padding:10px 0;}
#page-join .btn-both .btn-full{width:100%}
#page-join p.dot{position:relative;padding-left:14px}
#page-join p.dot::before{position:absolute;top:0;left:0px;content:'※'}
#page-join .item{position:relative;border:1px solid #d7d7d7;background-color:#f7f7f7}
#page-join .item.phone,
#page-join .item.userphone,
#page-join .item.useremail{display:flex;border:0;background-color:transparent;}
#page-join .item.phone .i_text,
#page-join .item.useremail .i_text{border:1px solid #d7d7d7;background-color:#f7f7f7}
#page-join .item.phone select.i_text{width:30%;padding:9px}
#page-join .item select[name=userphone1],
#page-join .item input[name=userphone2],
#page-join .item input[name=userphone3]{width:35%;}
#page-join .item.label .i_text{margin-left:35%;width:60%}
#page-join .item .btn-validate{float:none;position:absolute;top:1px;right:1px;bottom:1px}
#page-join .item .email1{width:30%}
#page-join .item .email2{display:none;width:60%}
#page-join .item .email3{width:60%}

#page-join-finish{width:800px}
#page-join-finish h2{margin-bottom:30px}
#page-join-finish textarea{display:block;width:100%;height:300px;margin:0 auto 12px;padding:12px;border:1px solid #ccc;overflow:auto;}
#page-join-finish .btn-center{padding:30px 0;text-align:center}

/* 게시판 */
#page-board-lists table,
#page-board-lists th,
#page-board-lists td{border:0}
#page-board-lists table{width:100%;border-top:2px solid #444;border-spacing:0}
#page-board-lists th,
#page-board-lists td{padding:8px;border-bottom:1px solid #ccc}
#page-board-lists thead th{background-color:#eee}
#page-board-lists table .notice{background-color:#f9f9f9}
#page-board-lists table .notice .ico-notice{display: inline-block;margin: 1px 3px 0 0;width: 52px;height: 25px;line-height: 23px;text-align: center;font-size: 12px;color: #fff;border-radius: 3px;background: #e23950;;}
#page-board-lists table .notice a{font-weight:bold;color:#f24d63;}
#page-board-lists .category{margin-bottom:30px}
#page-board-lists .category a{display:inline-block;width:120px;margin-right:10px;padding:10px 15px;text-align:center;border:1px solid #444;text-decoration:none;font-size:15px}
#page-board-lists .category a.active{background-color:#444;color:#fff;}

#page-board-view{}
#page-board-view .comment{}
#page-board-view .comment h3.hx{padding:12px;background-color:#f9f9f9;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1}
#page-board-view .comment .list{margin-bottom:12px;}
#page-board-view .comment .list .item{padding:12px;background-color:#fff;border-bottom:1px solid #e1e1e1}
#page-board-view .comment .list .item p{margin-bottom:12px}
#page-board-view .comment .list .item .username{color:#666}
#page-board-view .comment .list .item .date{color:#666}
#page-board-view .comment .list .reply{padding:12px;padding-left:30px;background-color:transparent}
#page-board-view .comment .list .reply .cont{}
#page-board-view .comment .list .reply p{margin-bottom:12px}
#page-board-view .comment .list .reply .username{color:#666}
#page-board-view .comment .list .reply .date{color:#666}
#page-board-view .comment .form{}
#page-board-view .comment .form .item{}
#page-board-view .comment .form .item .i_text{width:100%;height:120px;padding:6px;border:0;outline:none;box-sizing:border-box}
#page-board-view .section-reply{display:none;margin-top:10px;}
#page-board-view img{max-width:100%}

/* FAQ */
#page-faq{;}
#page-faq p.desc{margin-bottom:17px;}
#page-faq .tab{border-bottom:1px solid #000;margin-bottom:14px;}
#page-faq .tab select{width:100%;margin-bottom:14px;padding:4px;box-sizing:border-box}
#page-faq .tab a{display:inline-block;margin-right:5px;margin-bottom:-1px;padding:6px 12px;font-size:13px;border:1px solid #dbdbdb;border-bottom:1px solid #000;background-color:#f7f7f7;text-decoration:none}
#page-faq .tab a.active{background-color:#fff;border-color:#444;border-bottom:1px solid #fff;font-weight:bold}
#page-faq dl{;}
#page-faq dt{padding:12px 10px;font-size:14px;color:#000000;border-bottom:1px solid #e1e1e1}
#page-faq dt img{float:left;height:18px}
#page-faq dt a{display:block;padding-left: 30px}
#page-faq dd{display:none;padding:15px 25px; padding-left: 60px;font-size:13px;background-color:#f7f7f7;overflow-x: hidden;background:url('/front/assets/images/common/bullet-a.gif') no-repeat left 25px top 15px;background-color: #f7f7f7;}

/* 상품목록 */
#page-sales-lists{min-height:600px}

/* 상품상세 */
#page-sales-item{}
#page-sales-item .item-form{width:1070px;margin:0 auto;margin-bottom:130px;border-collapse:collapse;table-layout:fixed;}
#page-sales-item .item-form .left{float:left;width:300px}
#page-sales-item .item-form .left .item{position:relative;width:300px;height:300px;background-position:center;background-repeat:no-repeat;background-size:100%}
#page-sales-item .item-form .left .item a{display:block;width:300px;height:300px;background-position:center;background-repeat:no-repeat;background-size:100%}
#page-sales-item .item-form .left img{max-width:100%}
#page-sales-item .item-form .right{float:right;width:700px}
#page-sales-item .item-form table,
#page-sales-item .item-form th,
#page-sales-item .item-form td{border:0}
#page-sales-item .item-form table{width:100%;table-layout:fixed}
#page-sales-item .item-form caption{padding:8px;text-align:left;font-weight:bold}
#page-sales-item .item-form th,
#page-sales-item .item-form td{padding:8px;text-align:left}
#page-sales-item .item-form table{margin-bottom:30px;font-size:15px}
#page-sales-item .item-form th{}
#page-sales-item .item-form h2{margin-bottom:12px}
#page-sales-item .item-form form{padding:12px}
#page-sales-item .item-form form .i_text{padding:6px}
#page-sales-item .item-form form button{}
#page-sales-item .item-info{}
#page-sales-item .item-info h3{margin-bottom:12px;padding:12px;background-color:#efefef;}
#page-sales-item .tab-cont{position:relative;width:1200px;border:1px solid #ccc;background-color:#fff;}
#page-sales-item .tab-cont.fixed{position:fixed;top:0;}
#page-sales-item .tab-cont:after{display:block;clear:both;content:''}
#page-sales-item .tab-cont a{float:left;display:inline-block;width:25%;padding:12px 0;font-size:15px;text-align:center;text-decoration:none;}
#page-sales-item .tab-cont a.active{background-color:#ff565c;color:#fff}
#page-sales-item .cont{text-align:center}
#page-sales-item .box-form{position:relative;width:430px;margin-bottom:12px;border:1px solid #ccc}
#page-sales-item .box-form label{display:inline-block;width:40px;margin-right:12px;font-size:14px;font-weight:bold;}
#page-sales-item .box-form .i_text{margin-right:20px}
#page-sales-item .box-form button{position:absolute;top:12px;right:12px;width:80px;}

/* 최근본상품 */
#page-recent-list{min-height:600px}

/* 판매관리 - 판매상품수정 */
#page-seller-sales-lists{}
#page-seller-sales-lists .tab-box{}
#page-seller-sales-lists .tab-box a{float:left;padding:6px 12px;text-align:center}
#page-seller-sales-lists #mw-item{}
#page-seller-sales-lists #mw-item .fg{width:300px;height:600px;margin:-300px 0 0 -150px;padding:12px}
#page-seller-sales-lists .list-image{;}
#page-seller-sales-lists .list-image:after{display:block;clear:both;content:''}
#page-seller-sales-lists .list-image .item{position:relative;float:left;width:80px;height:80px;margin-right:10px}
#page-seller-sales-lists .list-image .item img{max-width:100%;max-height:100%;}
#page-seller-sales-lists .list-image .item .btn-delete{position:absolute;top:0;right:0;display:inline-block;background-color:#444;color:#fff}
#page-seller-sales-lists .box-margin-calc{width:30%;margin-bottom:30px}
#page-seller-sales-lists .box-margin-calc .i_text{margin:3px;padding:3px;border:1px solid #d9d9d9;background:#fff;text-align:right}

/* 판매관리 - 판매등록 */
#page-seller-sales-register{}
#page-seller-sales-register .tab-box{}
#page-seller-sales-register .tab-box a{float:left;padding:6px 12px;text-align:center}
#page-seller-sales-register .txt-product{margin-bottom:30px;padding:12px;border:1px solid #ccc}
#page-seller-sales-register .box-search-prod{}
#page-seller-sales-register #box-register{}
#page-seller-sales-register .box-margin-calc{width:30%;margin-bottom:30px}
#page-seller-sales-register .box-margin-calc .i_text{margin:3px;padding:3px;border:1px solid #d9d9d9;background:#fff;text-align:right}

/* 판매관리 - 판매흥정 */
#page-seller-dealing-list{}
#page-seller-dealing-list .tab-box{}
#page-seller-dealing-list .tab-box a{float:left;display:inline-block;width:50%;padding:8px;border:1px solid #ccc;box-sizing:border-box;text-align:center}
#page-seller-dealing-list .tab-box a.active{background-color:#444;color:#fff}
#page-seller-dealing-list .tab-box a .count{color:#f33}
#page-seller-dealing-list .hx{padding:6px}
#page-seller-dealing-list .list-prod{padding:10px;font-size:13px;font-weight:500;}
#page-seller-dealing-list .list-prod a{display: inline-block; margin: 0 10px;}
#page-seller-dealing-list .list-prod a.active{font-weight:bold}
#page-seller-dealing-list .list-prod .list-item{padding:20px 17px;margin-bottom:20px;overflow:hidden}
#page-seller-dealing-list .list-prod .list-item .left{float:left;position:relative;width:150px;}
#page-seller-dealing-list .list-prod .list-item .left .ico-soldout{position:absolute;bottom:0;left:0;display:inline-block;padding:0px 6px;border:1px solid #444;color:#444;z-index:10}
#page-seller-dealing-list .list-prod .list-item .left .thumb{display:block;width:150px;height:110px;padding-top:15px;margin-bottom:12px;text-align: center; line-height: 120px;}
#page-seller-dealing-list .list-prod .list-item .left .thumb img{max-width:100%}
#page-seller-dealing-list .list-prod .list-item .detail{}
#page-seller-dealing-list .list-prod .list-item .detail table,
#page-seller-dealing-list .list-prod .list-item .detail th,
#page-seller-dealing-list .list-prod .list-item .detail td{border:0}
#page-seller-dealing-list .list-prod .list-item .detail table{width:100%}
#page-seller-dealing-list .list-prod .list-item .detail th{}
#page-seller-dealing-list .list-prod .list-item .detail th,
#page-seller-dealing-list .list-prod .list-item .detail td{text-align:center;}
#page-seller-dealing-list .list-prod .list-item .info {margin-left:170px;}
#page-seller-dealing-list .list-prod .list-item .info h3{margin-bottom:0;font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
#page-seller-dealing-list .list-prod .list-item .info p{margin-bottom:3px;font-size:12px;}
#page-seller-dealing-list .list-prod .list-item .info p.price{color:#fb763b;font-size:15px;font-weight:bold;}
#page-seller-dealing-list .list-prod .list-item .info .sub{margin:7px 0;}
#page-seller-dealing-list .list-prod .list-item .ico-storage{height:24px}
#page-seller-dealing-list .list-prod .list-item .status{padding:6px 0;clear:both;}
#page-seller-dealing-list .list-prod .list-item .status img{height:19px}
#page-seller-dealing-list .list-prod .list-item .more{padding:6px; clear:both;background-color:#efefef;border:1px solid #dedede; text-align:center;font-size:12px;}
#page-seller-dealing-list .cancel{color:#f33}
#page-seller-dealing-list .box-requestor{display:none;padding:10px 0}
#page-seller-dealing-list .box-requestor h3{margin-bottom:12px;padding:12px;background-color:#f9f9f9;border:1px solid #efefef}
#page-seller-dealing-list #tbl-timeline label{display:inline-block;font-weight:bold}
#page-seller-dealing-list .box-margin-calc{width:30%;margin-bottom:30px}
#page-seller-dealing-list .box-margin-calc .i_text{margin:3px;padding:3px;border:1px solid #d9d9d9;background:#fff;text-align:right}

/* 판매자 - 체결목록 */
#page-seller-contract-list{;}
#page-seller-contract-list .tbl-list{margin-bottom:30px}
#page-seller-contract-list .paginate-complex{margin-bottom:30px}

/* 마이페이지 - 미정산내역 */
#page-mypage-unaccount-list {;}
#page-mypage-unaccount-list .top {position:absolute;top:33px;right:0;margin-bottom:15px;padding:15px;text-align:right}
#page-mypage-unaccount-list .top p {font-weight: 400}
#page-mypage-unaccount-list .top .total-label{margin-bottom:12px;font-size: 15px;}
#page-mypage-unaccount-list .top .total-val {font-size: 25px;font-weight:bold;}
#page-mypage-unaccount-list .list {padding: 15px; }
#page-mypage-unaccount-list .balance-item {position:relative;margin:20px 0;padding:15px;border:1px solid #ff565c;background-color:#fff;font-size:14px;}
#page-mypage-unaccount-list .balance-item dl{;}
#page-mypage-unaccount-list .balance-item dt{float:left;width:35%}
#page-mypage-unaccount-list .balance-item dd{margin-left:35%;margin-bottom:10px;text-align:right}
#page-mypage-unaccount-list .balance-item dd:after{display:block;clear:both;content:''}
#page-mypage-unaccount-list .balance-item .txt-label{display:inline-block;padding:4px;background-color:#f33;color:#fff}
#page-mypage-unaccount-list .balance-item .ico-storehouse{display:inline-block;padding:3px 6px;background-color:#efefef;border-radius:3px}
#page-mypage-unaccount-list .btn-both{}
#page-mypage-unaccount-list .btn-both:after{display:block;clear:both;content:''}
#page-mypage-unaccount-list .btn-both .fl{float:left;}
#page-mypage-unaccount-list .btn-both .fr{float:right}
#page-mypage-unaccount-list .btn-more{display:inline-block;padding:7px 12px;border:1px solid #ddd;border-radius:2px}
#page-mypage-unaccount-list .btn-more:hover{background-color:#f0f0f0;text-decoration:none}
#page-mypage-unaccount-list .balance-item .btn-show{display:inline-block;}
#page-mypage-unaccount-list .balance-item .btn-hide{display:none}
#page-mypage-unaccount-list .balance-item.active .btn-show{display:none;}
#page-mypage-unaccount-list .balance-item.active .btn-hide{display:inline-block}
#page-mypage-unaccount-list .balance-item .detail{max-height:0;overflow:hidden;transition:1s}
#page-mypage-unaccount-list .balance-item.active .detail{max-height:400px}

/* 정산내역 */
#page-mypage-account-list{;}
#page-mypage-account-list .list {}
#page-mypage-account-list .balance-item {position:relative;margin:20px 0;padding:15px;border:1px solid #ff565c;background-color:#fff;font-size:14px;}
#page-mypage-account-list .balance-item dl{;}
#page-mypage-account-list .balance-item dt{float:left;width:30%}
#page-mypage-account-list .balance-item dd{margin-left:30%;margin-bottom:10px;text-align:right}
#page-mypage-account-list .balance-item dd:after{display:block;clear:both;content:''}
#page-mypage-account-list .balance-item .txt-label{display:inline-block;padding:4px;background-color:#f33;color:#fff}
#page-mypage-account-list .balance-item .ico-storehouse{display:inline-block;padding:3px 6px;background-color:#efefef;border-radius:3px}
#page-mypage-account-list .btn-both{}
#page-mypage-account-list .btn-both:after{display:block;clear:both;content:''}
#page-mypage-account-list .btn-both .fl{float:left;}
#page-mypage-account-list .btn-both .fr{float:right}
#page-mypage-account-list .btn-more{display:inline-block;padding:7px 12px;border:1px solid #ddd;border-radius:2px}
#page-mypage-account-list .btn-more:hover{background-color:#f0f0f0;text-decoration:none}
#page-mypage-account-list .balance-item .btn-show{display:inline-block;}
#page-mypage-account-list .balance-item .btn-hide{display:none}
#page-mypage-account-list .balance-item.active .btn-show{display:none;}
#page-mypage-account-list .balance-item.active .btn-hide{display:inline-block}
#page-mypage-account-list .balance-item .detail{max-height:0;overflow:hidden;transition:1s}
#page-mypage-account-list .balance-item.active .detail{max-height:400px}

/* 구매자 - 구매흥정 */
#page-mypage-dealing-list{}
#page-mypage-dealing-list .tab-box{}
#page-mypage-dealing-list .tab-box a{display:inline-block;width:49%;padding:8px;border:1px solid #ccc;box-sizing:border-box;text-align:center}
#page-mypage-dealing-list .tab-box a.active{background-color:#444;color:#fff}
#page-mypage-dealing-list .tab-box a .count{color:#f33}
#page-mypage-dealing-list #tbl-timeline label{display:inline-block;font-weight:bold}

/* 알림 */
#page-mypage-pushlist{padding:17px;}
#page-mypage-pushlist .btn-right{padding:10px 0;text-align:right}
#page-mypage-pushlist .list{border:1px solid #c9c9c9;background-color:#efefef}
#page-mypage-pushlist .list .item{position:relative;padding:10px;border-bottom:1px solid #dcdcdc;}
#page-mypage-pushlist .list .item .icon{position:absolute;top:10px;right:10px;display:inline-block;margin:5px auto;padding:3px 5px;background-color:#eeeeee;border:1px solid #c6c6c6;color:#666565;font-size:11px;border-radius:3px;}
#page-mypage-pushlist .list .item .icon .marker{display:none;width: 10px; height: 10px; margin-right: 3px;}
#page-mypage-pushlist .list .item .icon.true{background-color:#fff;border-color:#ff5100;color:#ff5100;}
#page-mypage-pushlist .list .item .date{font-size:12px;font-weight:bold;color:#222}
#page-mypage-pushlist .list .item input[type=checkbox]{position:relative;top:2px;margin-right:5px;}
#page-mypage-pushlist .list .item .cont{display:block;padding:10px 0}
#page-mypage-pushlist .list .item.finish{background-color:#fff}


/* 알림설정 */
#page-mypage-favorite{padding:17px;}
#page-mypage-favorite .box-search{}
#page-mypage-favorite .box-search .item {border-bottom: 1px solid #dcdcdc; }
#page-mypage-favorite .box-search .item .hx{display:block;padding:10px;background-color:#fefefe;padding: 10px 20px; padding-left: 38px; font-size: 16px; font-weight: 600; background-image: url('../images/common/bullet-ring-orange.gif'), url('../images/common/arrow_right.gif'), url('../images/common/arrow_bottom.gif'); background-repeat: no-repeat; background-position: left 20px center, right 20px center, right 20px center; background-size: 12px, 9px, 0}
#page-mypage-favorite .box-search .item .hx span{color:#555;font-size:14px}
#page-mypage-favorite .box-search .item .tx{display:none;}
#page-mypage-favorite .box-search .item .tx .btn-right{margin-bottom:12px;text-align:right}
#page-mypage-favorite .box-search .item .tx .btn-right .btn{margin:0 1px}
#page-mypage-favorite .box-search .item .tx label{display:block;margin-bottom:5px;font-size:15px;font-weight:bold}
#page-mypage-favorite .box-search .item .tx label input{position:relative;top:3px;margin-right:3px;}
#page-mypage-favorite .box-search .item.list-text .tx a {display:block; font-size: 14px; margin: 7px 0; background-image: url('../images/common/arrow_right_orange.gif'); background-repeat: no-repeat; background-position: left center; background-size: 5px; padding-left: 10px; margin-left: 20px;}
#page-mypage-favorite .box-search .item.active .hx {text-decoration: none; background-size: 12px, 0, 13px}
#page-mypage-favorite .box-search .item.active .tx {display:block;padding: 10px 20px;}
#page-mypage-favorite .btn-center{;}
#page-mypage-favorite .btn-center .btn{width:100%}

/* 메인페이지 */
#popup_2021020501{top:60px;width:500px;left:50%;margin-left:-250px}

.popup-layer{display:none;position:absolute;top:50px;left:60px;background-color:#000;z-index:10000}
.popup-layer .popup-text{padding:8px;background:#efefef}
.popup-layer .popup-text .tit{font-weight:bold;font-size:14px;margin:10px 0}
.popup-layer .popup-text .cont{font-size:12px;letter-spacing:-1px;}
.popup-layer .popup-cont{text-align:center;color:#444;padding:0;}
.popup-layer .popup-cont img{max-width:100%;vertical-align:top}
.popup-layer .popup-btn{position:relative;padding:6px;color:#fff}
.popup-layer .popup-btn a.btn-close{position:absolute;top:6px;right:6px;display:inline-block;padding:2px 6px;font-size:14px;letter-spacing:1px;text-align:center;color:#444;margin:1px 0 0 0;background-color:#fff;font-weight:bold}