@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@800&display=swap');
@font-face {
    font-family: 'AppleSDGothic';
    font-style: normal;
    font-weight: 100;
    src: local('AppleSDGothicNeoM'), local('AppleSDGothicNeoM'),
    url('./font/AppleSDGothicNeoT.woff') format('woff'),
    url('./font/AppleSDGothicNeoT.woff2') format('woff2');
}
@font-face {
    font-family: 'AppleSDGothic';
    font-style: normal;
    font-weight: 200;
    src: local('AppleSDGothicNeoM'), local('AppleSDGothicNeoM'),
    url('./font/AppleSDGothicNeoUL.woff') format('woff'),
    url('./font/AppleSDGothicNeoUL.woff2') format('woff2');
}
@font-face {
    font-family: 'AppleSDGothic';
    font-style: normal;
    font-weight: 300;
    src: local('AppleSDGothicNeoM'), local('AppleSDGothicNeoM'),
    url('./font/AppleSDGothicNeoL.woff') format('woff'),
    url('./font/AppleSDGothicNeoL.woff2') format('woff2');
}

@font-face {
    font-family: 'AppleSDGothic';
    font-style: normal;
    font-weight: 400;
    src: local('AppleSDGothicNeoM'), local('AppleSDGothicNeoM'),
    url('./font/AppleSDGothicNeoR.woff') format('woff'),
    url('./font/AppleSDGothicNeoR.woff2') format('woff2');
}
@font-face {
    font-family: 'AppleSDGothic';
    font-style: normal;
    font-weight: 500;
    src: local('AppleSDGothicNeoM'), local('AppleSDGothicNeoM'),
    url('./font/AppleSDGothicNeoM.woff') format('woff'),
    url('./font/AppleSDGothicNeoM.woff2') format('woff2');
}
@font-face {
    font-family: 'AppleSDGothic';
    font-style: normal;
    font-weight: 600;
    src: local('AppleSDGothicNeoM'), local('AppleSDGothicNeoM'),
    url('./font/AppleSDGothicNeoSB.woff') format('woff'),
    url('./font/AppleSDGothicNeoSB.woff2') format('woff2');
}
@font-face {
    font-family: 'AppleSDGothic';
    font-style: normal;
    font-weight: 700;
    src: local('AppleSDGothicNeoM'), local('AppleSDGothicNeoM'),
    url('./font/AppleSDGothicNeoB.woff') format('woff'),
    url('./font/AppleSDGothicNeoB.woff2') format('woff2');
}

@font-face {
    font-family: 'AppleSDGothic';
    font-style: normal;
    font-weight: 800;
    src: local('AppleSDGothicNeoM'), local('AppleSDGothicNeoM'),
    url('./font/AppleSDGothicNeoEB.woff') format('woff'),
    url('./font/AppleSDGothicNeoEB.woff2') format('woff2');
}

@font-face {
    font-family: 'AppleSDGothic';
    font-style: normal;
    font-weight: 900;
    src: local('AppleSDGothicNeoM'), local('AppleSDGothicNeoM'),
    url('./font/AppleSDGothicNeoH.woff') format('woff'),
    url('./font/AppleSDGothicNeoH.woff2') format('woff2');
}
.guide-wrap {margin-bottom:100px;}
:root {
    /* Color set */
    --header-bg: #3363b6;
    --default-gray: #fff;
    --divider-color: #e4e4e4;
    /* common size */
    --content-pc-wide-width: 1080px;
    --right-side-default-with: 827px;


    --default-color:#3e3e3e;
    --nomal-gray-color:#7c7c7c;
    --gray-color:#858585;
    --black-color:#000000;
    --dark-gray-color:#595959;
    --dracura-gray-color:#2f2f2f;
    --darklight-gray-color:#393939;
    --light-gray-color:#d1d1d1;
    --primary-color: #386fe5;
    --light-white-color: #f7f7f7;
    --danger-color: #db3d3d;
    --dark-down-color: #5c5959;
    --white-color: #ffffff; /*모바일버전 버튼*/
    --light-bule: #365bb4; /*모바일버전 버튼*/
    --purple-color:#7148dc;
    --light-blue-color:#3588f7;
    --default-btn-radius:5px;
}


html, body {font-size:16px;margin:0;padding:0;}
.wrap { opacity: 0 }
* { font-family: 'AppleSDGothic', 'Nanum Gothic', -apple-system, BlinkMacSystemFont, Apple SD Gothic Neo, Roboto, Noto Sans CJK KR, Tahoma, sans-serif; box-sizing: border-box}
img{vertical-align: middle}
button {cursor:pointer;}
.flex-wrap{display:flex;}
em {font-style:normal}
strong {font-weight: 750}
h3 strong {font-weight: 850}
.divider {border-bottom:1px solid var(--divider-color);}
.text-weight100 {font-weight:100}
.text-weight200 {font-weight:200}
.text-weight300 {font-weight:300}
.text-weight400 {font-weight:400}
.text-weight500 {font-weight:500}
.text-weight600 {font-weight:600}
.text-weight700 {font-weight:700}
.text-weight800 {font-weight:800}
.text-weight900 {font-weight:900}

.default-color {color:var(--default-color)}
.primary-color {color:var(--primary-color)}
.danger-color {color:var(--danger-color)}
.purple-color {color:var(--purple-color)}
.light-bule {color:var(--light-bule)}
.black-color {color:var(--black-color)}

.btn {font-size:15px;background:var(--white-color);padding:0 12px;line-height:32px;border:1px solid var(--light-gray-color);border-radius:var(--default-btn-radius);display:inline-block;text-align: center;text-decoration: none}
.btn.radius {background:#fff;font-size:16px;border:1px solid var(--light-gray-color);padding:0 44px;border-radius:5em;letter-spacing:-0.73px;line-height:50px}
.btn.big{width:232px;height:56px;line-height:56px;text-align:center;background:var(--light-bule);border:0;color:var(--white-color);border-radius:var(--default-btn-radius);}
.btn.single-big{width:465px;height:60px;background:var(--light-bule);border:0;color:var(--white-color);border-radius:var(--default-btn-radius);font-size:19px;line-height:60px;}
.btn.no-bg {font-size:15px;background:transparent;border:0;}
.btn.board{border:1px solid #e1e2e2;}
.btn.middle {width:148px;height:46px;line-height:46px;}
.btn.dark-gray {background:#5c5959;color:var(--white-color)}

/* #페이지 네이션 */
.pagenation-wrap {margin:auto}
.pagenation {padding:0;justify-content: center;display:flex}
.pagenation li {list-style:none;border:1px solid var(--light-gray-color);padding:0 13px;margin-right:3px;box-sizing: border-box;line-height:37px}
.pagenation li a {text-decoration: none;font-size:13px;color:#616161;}
.pagenation li.current {background:#4c4f70}
.pagenation li.current a {color:var(--white-color)}
.pagenation li.prev,
.pagenation li.next {letter-spacing:-2px;border:0;font-weight:bold;font-family: 'Nanum Gothic', serif}
.pagenation.no-box li {border:0;background:none;}
.pagenation.no-box li a {color: #929292}
.pagenation.no-box li.current a {color: #654343}


.title-wrap h3{margin:0;}
.title-wrap {justify-content: space-between;align-items:flex-end}

.realtime-hot-deal-wrap {padding:0;margin:0;}
.realtime-hot-deal-wrap li {width:827px;border-bottom:1px solid var(--light-gray-color);margin-bottom:23px;padding-bottom:1px;list-style:none;}
.realtime-hot-deal-wrap li a {text-decoration:none;}
.realtime-hot-deal-wrap li .left-side {flex-basis:625px;box-sizing: border-box;padding-right:55px;border-right:1px solid var(--light-gray-color);padding-bottom:23px;}
.realtime-hot-deal-wrap li .left-side .img-box {margin-right:25px;}
.realtime-hot-deal-wrap li .left-side .img-box img {width:125px;height:125px;}
.realtime-hot-deal-wrap li .left-side h3 {font-size:19px;line-height:1.3;letter-spacing:-2px;color:#353535;font-weight:700;margin-bottom:18px;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.realtime-hot-deal-wrap li .left-side h3 > em {font-size:22px;font-style: normal}
.realtime-hot-deal-wrap li .left-side .detail-info .price {font-size:27px;line-height:1;color:var(--danger-color);font-weight:600;padding-left:0;letter-spacing:-2px;}
.realtime-hot-deal-wrap li .left-side .detail-info .price > small {font-size:19px;display: inline-block;margin-right:30px}
.realtime-hot-deal-wrap li .left-side .detail-info {align-items: center}
.realtime-hot-deal-wrap li .left-side .detail-info div {margin-right:16px;line-height:19px;position:relative;color:var(--gray-color)}
/*.realtime-hot-deal-wrap li .left-side .detail-info div img {position:absolute;top:8px;left:0;}*/
.realtime-hot-deal-wrap li .left-side .detail-info div img.dotdotdot-icon {top:5px;width:17px;height:17px;}
.realtime-hot-deal-wrap li .left-side .detail-info div img.zoom-icon {top:5px;}
.realtime-hot-deal-wrap li .right-side {flex-grow: 1;padding:15px 0 0 38px;}
.realtime-hot-deal-wrap li .right-side span {display:block;font-size:16px;}
.realtime-hot-deal-wrap li .right-side span.time {margin-bottom:14px;}
.realtime-hot-deal-wrap li .right-side span.time em {font-weight: 700;color:var(--default-color)}
.realtime-hot-deal-wrap li .right-side span.provider {margin-top:10px;}
.realtime-hot-deal-wrap li .right-side span.provider em {color:var(--gray-color)}
.realtime-hot-deal-wrap li .right-side div.user-id {margin-top:10px;}
.realtime-hot-deal-wrap li .right-side div.user-id img {vertical-align: middle;width:18px;height:19px;top:-2px;position: relative}
.realtime-hot-deal-wrap li .right-side div.user-id em {color:var(--gray-color);}

.realtime-hot-deal-wrap li {margin-bottom: 0}
.realtime-hot-deal-wrap li .left-side {padding-bottom:10px;}
.realtime-hot-deal-wrap li a > div {margin:10px 0;}

.hot-deal-best {width:var(--right-side-default-with);padding:0;justify-content: space-between}
.hot-deal-best li {width:190px;list-style:none;}
.hot-deal-best li a {text-decoration: none;color:var(--gray-color);}
.hot-deal-best li a > img {width:190px;height:190px;}
.hot-deal-best li .provider-info {justify-content: space-between;margin-top:14px;align-items: center;}
.hot-deal-best li .provider-info img {display: inline-block;margin-right:5px;}
.hot-deal-best li .provider-info span {color:var(--black-color);font-size:14px;line-height:14px;}
.hot-deal-best li .provider-info span.hits {color:#666}
.hot-deal-best li .provider-info span.comments-cnt {color:#8f8f8f}
.hot-deal-best li .provider-info span.comments-cnt img {width:17px;height:17px;}

.hot-deal-best li h3 {color:var(--black-color);height:44px;font-size:16px;line-height:1.4;margin:14px 0 0 0;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.hot-deal-best li .price {color:var(--danger-color);font-size:22px;line-height:1;margin-top:15px;display:block;font-weight:600;letter-spacing:-2px;}
.hot-deal-best li .price small {font-size:16px}
.hot-deal-best li .price-info-line {margin-top:15px}
.hot-deal-best li .price-info-line .price {margin-top:0;margin-right:15px}
.hot-deal-best li .price-info-line .dlv-infos img {display: inline-block;margin-right:5px;}
.hot-deal-best li .info {margin-top:14px}
.hot-deal-best li dl {font-size:14px;justify-content: space-around;margin:0 0 6px 0}
.hot-deal-best li dl dt {flex-basis: 17px;margin-right:10px}
.hot-deal-best li dl dd {margin:0;flex-grow: 1;white-space:nowrap}
.hot-deal-best.type-blue li .price {color:var(--primary-color)}

.tabs {border-bottom:1px solid var(--black-color);}
.tabs button {position:relative;top:1px;z-index:100;border:1px solid var(--light-gray-color);line-height:54px;font-size:17px;width:263px;background:var(--white-color);border-bottom:1px solid var(--black-color);font-weight:600;color:var(--dark-gray-color)}
.tabs button.selected {z-index:200;border:1px solid var(--black-color);border-bottom:1px solid var(--white-color);color:var(--light-blue-color);overflow: hidden;}

.label {font-size:12px;background:var(--gray-color);color:var(--white-color);height:25px;line-height:25px;width:50px;border-radius:1em;display:inline-block;text-align:center;}
.label.purple {background:var(--purple-color)}

.require-point {color:#4e6fd9;font-size:16px;font-weight: 800;position: relative;top:-2px;}

.form-select {
    display: block;
    width: 100%;
    padding: 11px 36px 11px 12px;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--dracura-gray-color);
    background-color: #fff;
    background-image: url(/assets/img/arrow-down.png);
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 9px 7px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
}

.form-input {
    display: block;
    width: 100%;
    padding: 11px 36px 11px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: .25rem;
    outline: none;
}
.form-with-btn input {margin-right:10px}
.form-with-btn button {width:148px;background:var(--dark-gray-color);color:var(--white-color) }
.form-with-btn input[type=file] {display:none;}

.form-search-wrap{background:var(--default-gray);width:461px;height:47px;border-radius:2em;padding:10px 31px 12px;margin:auto;}
.form-search-wrap label{width:1px;height:1px;overflow:hidden;crop:rect(0,0,0,0);}
.form-search-wrap span{display:flex;}
.form-search-wrap span button{background:transparent;border:0;cursor:pointer;}
.form-search-wrap span input{display:block;width:100%;height:29px;padding:0;border:0;font-size:24px;color:#222;letter-spacing:-0.5px;line-height:29px;background-color:var(--default-gray);border-radius:24px;text-indent:12px;outline:0;-webkit-appearance:none;}

.select-input select {margin-right:10px;}
.select-input-btn select,
.select-input-btn input {margin-right:10px;}

label {font-size:16px;margin-bottom:13px;display:inline-block;text-align:left;}

.breadcrum {list-style:none;align-items: center;padding:0;justify-content:flex-end}
.breadcrum li {padding:0 4px;color:var(--nomal-gray-color);font-size:13px}
.breadcrum li a {text-decoration: none;font-family: 'Nanum Gothic';color:var(--nomal-gray-color)}
.breadcrum li:not(:first-child) a {position:relative;top:-1px;}


/* The container */
.custormCheckbox {
    display: block;
    position: relative;
    padding-left: 33px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.custormCheckbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.custormCheckbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.custormCheckbox input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.custormCheckbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.custormCheckbox .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.custormCheckbox.small-black{padding-left:28px;}
.custormCheckbox.small-black .checkmark{width:20px;height:20px;top:4px;}
.custormCheckbox.small-black .checkmark:after{top:2px;left:7px;width:4px;height:8px;}
.custormCheckbox.small-black input:checked ~ .checkmark {background:#363636}


.text-align-right{text-align:right!important;}

.section-title {border-top:2px solid var(--black-color);border-bottom:1px solid #dddddd;}
.section-title h5 {padding:18px 28px 16px;margin:0;border-bottom:1px solid #dddddd;font-size:16px;font-weight:800;color:#292929;background:#f6f6f6;line-height:1;}

.inner-content-width {
    margin:auto;
    width: var(--content-pc-wide-width);
}

/* aside menu */
.site-menu {width:218px;margin-right:38px;}
.site-menu ul {padding:0;}
.site-menu ul.aside-menu {border-top:2px solid #1a8ff6;}
.site-menu ul.aside-menu li {list-style: none;position:relative}
.site-menu ul.aside-menu li img.menu-image {width:18px;height:18px;vertical-align: text-top;display: inline-block;margin-right:3px}
.site-menu ul.aside-menu li > a {width:100%;padding:20px 15px 20px 18px;display: inline-block;border-bottom:1px solid #dddddd;color:var(--darklight-gray-color);font-weight:800}
.site-menu ul.aside-menu li.active a,
.site-menu ul.aside-menu li > a:hover {color:#378fff}

.site-menu ul li a {color:#37373e;text-decoration: none;letter-spacing:-1px;font-size:16px}
.site-menu ul li span {position:absolute;right:18px;top:20px;display:none;}
.site-menu ul li.active span {display: block;}
.site-menu ul.aside-menu ul.sub-category li a {color:#37373e}

.menu-text {margin:0;}
.menu-text i {margin-right:13px;}
.menu-text em {font-size:17px;}
i.icon-menu {width:27px;height:13px;position:relative;display:inline-block;}
i.icon-menu span:first-child {width:27px;height:3px;position: absolute;top:0;left:0;background:#989898}
i.icon-menu span:last-child {width:23px;height:3px;position: absolute;bottom:0;left:0;background: #585858}
/* aside menu */

/* 페이지 타이틀 */
.page-title-wrap {border-bottom:1px solid #e1e2e2;width:100%;align-items: center;}
.page-title-wrap h2 {color:#383838;font-size:24px;margin:0;flex-basis: 100%}
.page-title-wrap #breadcrum .breadcrum {width:300px}
/* 페이지 타이틀 */
/* 레이어 */
.layer-header {border-bottom:1px solid #dedede;padding:20px 28px;}
.layer-header h3 {margin:0;line-height:33px;color:#2b2b2b;font-size:20px;flex-basis: 100%}
.layer-header .close-layer {font-size:20px;font-weight:800;color:#7b7b7b;cursor: pointer;}
.layer-content {padding:30px;}
/* 레이어 */
/* 박스 */
.box {background: var(--white-color);z-index:2000;}
.box.gray-color{background:var(--light-white-color)}
.box.border {border:1px solid #d9d9d9;border-radius: 3px;}
/* 박스 */

.dim {position: fixed;background: #000;opacity: 0.6;top:0;left:0;right:0;bottom:0;z-index:1000;display:none;}
body[class~='showdim'] .dim {display:block;}


header{background:var(--header-bg);}
header .top-section{color:#375cb5;height:39px;border-bottom:1px solid #5881bd;}
header .top-section .left-side{flex-basis:217px;background:#385697;text-align:center;}
header .top-section .left-side a{display:inline-block;color:#fff;font-size:15px;line-height:39px;text-decoration:none;width:100%;}
header .top-section .right-side {flex-grow:1;display:flex;justify-content:flex-end;}
header .top-section .right-side .link-set{position:relative;left:14px;display:flex;justify-content:space-evenly;margin:0;padding:0;width:177px;height:39px;text-align:center;}
header .top-section .right-side .link-set a{font-size:13px;display:inline-block;color:#fff;text-decoration:none;line-height:1;box-sizing:border-box;padding:0 9px;letter-spacing: -0.33px;}
header .top-section .right-side .link-set li:not(:last-child) a{border-right:1px solid #fff;}
header .top-section .right-side .link-set li{list-style:none;line-height:39px;position:relative;}
header .under-section{border-top:1px solid #2051c0;display:flex;}
header .under-section h1 {margin:0;width:217px;padding:30px 0 0;text-align:center;}
header .under-section .center-section {width:710px;flex-basis:710px;height:98px;padding:30px 0 0;}
header .sub-link-wrap {flex-grow: 1;justify-content: space-between;margin:0;padding:30px 0 0;width:153px;}
header .sub-link-wrap li {list-style:none;text-align:center;}
header .sub-link-wrap li a {color:#fff;font-size:13px;font-weight: 500;text-decoration: none;}
header .sub-link-wrap li a em {display:block;margin-top:4px;font-weight:400;}

#content-section {border-top:1px solid #dfd3f2;margin-top:12px;min-height:100vh;}
#content-section .inner {width:var(--content-pc-wide-width);margin:auto;padding-top:47px;}
#content-section .inner aside {min-width:216px;width:216px;display: block;}
#content-section .inner aside .all-category {border:0;background:#eff6ff;padding:31px 15px 34px 18px;cursor:auto;width:100%;text-align: left;}
.today-find-wrap {background:#f5f6f7;padding:40px 0 30px;margin-top:40px;}
.today-find-wrap .inner .left-side {width:216px;margin-right:38px;}


/* Board List */
.board-title-wrap {width:827px;align-items:flex-end;justify-content: space-between;border-bottom:1px solid #e1e2e2;padding:10px 0 20px;margin-bottom:60px;}
.board-title-wrap.long {width:100%}
.board-title-wrap h2 {margin:0;font-size:23px;font-weight: 700;}
.table thead th, .table tbody td a {text-align: left;text-decoration: none;color:var(--dracura-gray-color);padding:0 30px}
.table tbody td a {display: block;}
.board-title-wrap span {font-size:16px;}
.board-title-wrap span em{color:#41a3fe;}
.board-list-wrap {width:827px;margin-bottom:45px;}

.board-list-wrap.long {width:100%}
.table {width:100%;border-spacing: 0;}
.table thead th,
.table tbody td {text-align:center;padding:10px 0;border-top:1px solid #dddddd;color:var(--dracura-gray-color);font-family: 'AppleSDGothic'}
.table thead th {background: #f6f6f6;font-size:15px;padding:10px 0;color:#292929}
/*.label-new {background:#6951a3;padding:5px 8px;color:#fff;border-radius:1em;font-size:12px;}*/
/* Board List */

/* Board View */
.author-info {justify-content: space-between;border-bottom:2px solid #000;padding:18px 0;margin-bottom:30px;}
.author-info span {display: inline-block;font-family: 'AppleSDGothic'}
.author-info .user-name {font-weight:700;color:#292929;margin-right:10px;}
.author-info .user-hit,
.author-info .user-comment,
.author-info .user-like {color:#858585;margin-right:10px;font-size:15px;font-family: 'Nanum Gothic'}
.board-view-wrap {width:var(--right-side-default-with);}
.author-info .right-side span {font-size:16px;font-weight:800;color:#292929}
.author-info .right-side span em {margin:5px;display:inline-block;}
.board-content {padding:25px;border-bottom:1px solid #d2d2d2;width:var(--right-side-default-with);box-sizing: border-box}
.board-content p {line-height:1.4;margin:0}
/*.board-content {width:var(--right-side-default-with);white-space: pre}*/
.board-buttons {padding:20px;text-align:right;}
.board-buttons button,
.board-buttons a {color:#fff;line-height:53px;font-size:18px;background:#585858;width:183px;border:0;display:inline-block;text-align:center;text-decoration: none;}
.inner-right-box {width:var(--right-side-default-with);border:1px solid #e1e1e2;border-radisu:2px;padding:30px;box-sizing: border-box;margin-bottom:25px;}
/* Board View */

/* product */
#product-info {padding-top:5px;}
#product-info .img-wrap{flex-basis:200px;margin-right: 42px;}
#product-info .img-wrap img {width:200px;height:200px}
#product-info .product-detail-info-wrap {width:525px;}
#product-info .product-sub-info {justify-content: space-between;align-items:center;color:#858585}
.product-detail-info-wrap h2 {padding:5px 0 20px;font-size:22px;font-family:'AppleSDGothic';border-bottom:2px solid #d0d0d0;margin:0;color:#353535;}
#product-info .product-sub-info .user-info img {position: relative;top:-2px;}
.price-info {align-items: center;;justify-content: flex-start;border-bottom:1px solid #d0d0d0;padding:25px 0 15px}
.price-info .price {color:#db3d3d;font-size:28px;margin-right:10px;}
.price-info .price-sub-info {text-align:right;}
.price-info .price small {font-size:18px;}
.price-info .price-sub-info span:first-child {margin-right:10px;}
.price-info .price-sub-info span > img {display:inline-block;margin-right:5px;vertical-align: middle}

.product-button-wrap {padding:24px 0;justify-content: space-between;align-items: flex-end;border-bottom:1px solid #d0d0d0}
.left-button .buy-button {color:#fff;background:#365bb4;font-size:17px;text-align:center;height:55px;line-height:55px;border:0;width:223px;border-radius:5px;vertical-align: bottom}
.left-button .sns-product-button {color:#365bb4;background:#fff;font-size:17px;text-align:center;height:55px;line-height:55px;width:132px;border-radius:5px;border:1px solid #c7c7c7}
.product-go-list {color:#fff;background:#48484d;text-align:center;height:37px;line-height:37px;width:92px;border:0;}
#product-content {margin-bottom:34px;border-bottom:2px solid #dddddd;padding-bottom:30px}
#product-content > h3 {margin-bottom:34px;}
#product-content .content-product ,
#product-content .content-product p {color:var(--dracura-gray-color);font-size:18px;line-height:1.8;margin:0;text-align: center;}
#product-content .content-product a {word-break: break-all;overflow:hidden;text-overflow:ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#product-content .content-product img {width:100%;}

#product-comment > h3 {font-size:21px;margin:0;font-weight:bold;position:relative;}
#product-comment > h3 > img {display:inline-block;margin:0 0 0 10px;vertical-align: middle;position:relative;top:-2px;}
#product-comment > h3 span {font-size:20px;color:#858585;font-weight: normal;font-family: 'AppleSDGothic'}
/* product */


.comment-wrap {padding:0;}
.comment-wrap li {border-bottom:1px solid #e1e2e2;padding-bottom:20px;margin-bottom:20px;list-style: none;}
.comment-wrap li.child {padding-left:30px;}
.comment-wrap li .user-pic {flex-basis: 50px;margin-right:20px;}
.comment-wrap li .comment-content {flex-grow:1;}
.comment-wrap li .comment-content h4 {margin:0 0 9px 0;font-size:16px;}
.comment-wrap li .comment-content h4 .user-label {font-size:14px;color:#3588f7;border:1px solid #dadada;padding:4px 11px;text-align:center;border-radius:14px;line-height:27px;vertical-align: super;display:none;}
.comment-wrap li.me .comment-content h4 .user-label {display:inline;}
.comment-wrap li .comment-content .comment-body {font-size:15px;color:#303030; line-height:1.3;margin:0 0 10px 0;}
.comment-wrap li .comment-content .user-info {color:#959595;font-size:13px;}
.comment-wrap li .comment-content .user-info em {color:#959595;font-size:13px;}
.comment-wrap li .comment-content .user-info button {color:#7148dc;font-size:15px;border:0;background:transparent;font-weight:bold;}
.more-comment {border:1px solid #365bb4;color:#365bb4;font-size:17px;line-height:50px;width:100%;background: #fff;border-radius: 5px;font-family: 'AppleSDGothic';font-weight:bold;}

.comment-write-form {border:1px solid #d0d0d0;border-radius:5px;margin-top:32px;padding:25px;}
.comment-write-form h3 {margin:0;font-size:16px;margin-bottom:14px}
.comment-write-form textarea {width:100%;border:0;outline:none;resize:none;}
.comment-write-form .button-wrap {justify-content: space-between;}
.comment-write-form .button-wrap button {border:0;background: transparent}
.comment-write-form .button-wrap button img {vertical-align: middle}
.comment-write-form .button-wrap .btn-side button {color:#fff;background:#365bb4;font-size:16px;text-align:center;height:34px;line-height:34px;width:88px;border-radius:1em;}

.sns-icons {position: absolute;top:480px;left:60%;border:1px solid #e1e2e2;border-radius:5px;width:328px;padding-bottom:20px;background: #fff;box-shadow:3px 3px 12px #9a9a9a}
.sns-icons .pop-header {align-items:center;justify-content: space-between;border-bottom:1px solid #e1e2e2;background:#f2f2f2;padding:25px;}
.sns-icons .pop-header h4 {margin:0;}
.sns-icons .pop-header button {border:0;background:transparent;cursor:pointer;}
.sns-icons .pop-content ul {padding:15px 44px 0;list-style:none;flex-wrap:wrap;}
.sns-icons .pop-content ul li {width: 33.3%;text-align:center;margin-bottom:20px}
.sns-icons .pop-content ul li em {display:block;font-size:13px;}
.sns-icons .pop-content .sns-url-wrap {text-align:center;}
.sns-icons .pop-content .sns-url-wrap span {border:1px solid #e1e2e2;width:242px;justify-content: space-between;margin:auto;overflow:hidden;border-radius:5px;}
.sns-icons .pop-content .sns-url-wrap span input {flex-basis:200px;height:40px;line-height:40px;padding:5px 10px;border:0;}
.sns-icons .pop-content .sns-url-wrap span button {color:#353535;font-size:15px;text-align:center;background:#e5e5e5;border:0;width:54px;}

.sns-icons.find-id {top:720px;left:50%}
.sns-icons.find-id .pop-content {padding-top:30px;}
.sns-icons.find-pw {top:720px;left:50%}
.sns-icons.find-pw .pop-content {padding-top:30px;}

#footer {margin-top:50px;border-top:1px solid #d7d7d7;width:100%;}
#footer .top-section {position:relative;height:76px;overflow:hidden;}
#footer .top-section ul {margin:26px 0;padding:0;flex-basis: 571px;justify-content: space-between;height:24px;}
#footer .top-section ul li {list-style: none;}
#footer .top-section ul li a {text-decoration: none;font-size:17px;color:#5d5d5d;display:block;font-weight: 600}
#footer .top-section button {position:absolute;top:0;right:0;background: transparent;border:0;cursor:pointer;}
#footer .under-section {background: #f0f0f0;}
#footer .under-section > div {position:relative}
#footer .under-section .com-info {margin:55px 0 30px;}
#footer .under-section .com-info p {margin:0;font-size:14px;line-height:1.6;color:#343434}
#footer .under-section .com-noti {margin:0 0 48px 0;font-size:15px;line-height:1.6;color:#343434;font-weight:bold;  }
#footer .go-mobile-btn {background:transparent;border:0;position: absolute;top:91px;right:0;}


/* 로그인 페이지*/
#login-wrap {width:465px;margin:auto;}
#login-wrap h2 {text-align: center;}
#login-wrap .login-id {margin-bottom:27px;}
#login-wrap .password {margin-bottom:14px;}
#login-wrap .checkbox-wrap {margin-bottom:39px;}
#login-wrap .login-btn-wrap {margin-bottom:21px;}
#login-wrap .login-info-text {font-size:15px;}
#login-wrap .login-info-text a {color:#4e6fd9;font-weight: 600}
#login-wrap .link-set {margin:40px 0 27px;text-align:right}
#login-wrap .link-set a {text-decoration: none;font-size:15px;color:var(--dracura-gray-color)}
#login-wrap .link-set a:first-child {font-weight:800;}
#login-wrap .kakao-login-btn {margin-top:42px;}
#login-wrap .naver-login-btn {margin-top:16px;}

#login-wrap .user-phone,
#login-wrap .login-email,
#login-wrap .user-phone-btn,
#login-wrap .find-id-btn {margin-top:25px;}
#login-wrap .user-phone select {width:157px}

#login-wrap .find-id-btn button.btn {width:100%;}
#login-wrap .login-find-passwd {display:none;position:absolute;top:150px;left:50%;margin-left:-200px;width:534px}
body.dim-login-find-passwd .login-find-passwd{display:block !important;}
#login-wrap .login-find-account {display:none;position:absolute;top:150px;left:50%;margin-left:-200px;width:534px}
body.dim-login-find-account .login-find-account{display:block !important;}
#login-wrap .user-phone-btn select {width:150px;}
#login-wrap .user-phone-btn input {width:195px;}
#login-wrap .user-phone-btn button {width:111px;background:var(--dark-down-color);color:#fff;}
/* 로그인 페이지*/

/* 회원가입 완료 */
#join-done .join-content h3 {color:#365bb4;font-size:20px;font-weight:800;text-align: center;}
#join-done .join-content {width:650px;margin:auto;}
#join-done .join-content .join-welcome-msg-box {padding:30px 0;text-align:center;margin-bottom:45px;}
#join-done .join-content .join-welcome-msg-box p:first-child {font-weight: 600;margin-bottom:5px;}
#join-done .join-content .join-welcome-msg-box p {margin:0;}
#join-done .join-content .divider {margin-bottom:48px;}
#join-done .join-content .join-done-btn-wrap {text-align: center;}
#join-done .join-content .join-done-btn-wrap button {width:296px;background:var(--dark-down-color)}
/* 회원가입 완료 */

.join-form-section .notis {margin-top:14px}
.join-form-section .notis p {font-size: 13px;color: #4e6fd9;margin:0;line-height:1.6}

/* 회원가입 */
#join .page-title-wrap {margin-bottom: 45px;}
#join .join-form-section {margin-top: 25px}
#join .divider {margin:30px 0}
#join .agree-link-set {text-align:center;margin:40px 0;}
#join .agree-link-set a {text-decoration: none;color:var(--dracura-gray-color);font-size:15px;margin:0 4px;display: inline-block;}
#join .join-go-btn {text-align: center;}
#join .join-form-section.confirm input,
#join .join-form-section.confirm_login_id input {border:1px solid blue}
#join .join-form-section.reject input,
#join .join-form-section.reject_login_id input {border:1px solid red}

/* 회원가입 */
#join-agree .section-title {margin-bottom: 60px}
#join-agree .sns-btns {justify-content: center;padding:35px 0 30px;}
#join-agree .sns-btns a:first-child {display: inline-block;margin-right:30px;}

#join-agree .agree-box1 {flex-direction: column;}
#join-agree .agree-box1 .top-line img {vertical-align: text-bottom;display: inline-block;margin-right:5px;font-size:14px;color:#2f2f2f}
#join-agree .agree-box1 .bottom-line label {font-size:14px;margin:0;display: inline-block}
#join-agree .agree-box1 .bottom-line button.btn {padding:0;font-size:14px;}

#join-agree .agree-box2 .bottom-line {text-align:right;}
#join-agree .agree-box2 .bottom-line label {font-size:14px;margin:0;display: inline-block;}
#join-agree .agree-box2 .bottom-line .custormCheckbox.small-black .checkmark {top:0;}
#join-agree .agree-box2 .content-box {overflow-y:scroll;overflow-x:hidden;height:300px;white-space: pre-line;word-break: break-word}
#join-agree .agree-box3 .bottom-line {text-align:right;}
#join-agree .agree-box3 .bottom-line label {font-size:14px;margin:0;display: inline-block;}
#join-agree .agree-box3 .bottom-line .custormCheckbox.small-black .checkmark {top:0;}

#join-agree .join-agree-btn-wrap {justify-content: center;margin:57px 0}
#join-agree .join-agree-btn-wrap .go-home {color:#4e6fd9;font-weight: 800;margin-right:20px;}

table {border-top:2px solid #454545;width:100%;border-collapse: collapse;}
table th,
td {border:1px solid #f2f2f2;padding:11px;text-align:center;font-size:14px;}

.box.list-type {flex-direction: column;}
.box.list-type .top-line {padding:20px 30px;}
.box.list-type .bottom-line {text-align:right;padding:20px 30px;background: #f6f6f6;border-top:1px solid #d9d9d9}
.box.list-type.no-bg .bottom-line {background: transparent;}

#customer-counsel .page-title-wrap {margin-bottom:65px;}
#customer-counsel .tabs {margin-bottom:47px;}
#customer-counsel .table tr.ready > td:nth-child(4) {color:var(--light-bule);}
#customer-counsel .page-with-btn {position: relative}
#customer-counsel .page-with-btn .btn {position: absolute;top:0;right:0;background: #5c5959;width:148px;text-decoration: none}


#customer-counsel-view .tabs {margin:70px 0}
#customer-counsel-view .board-view-wrap .right-side {color:#292929}
#customer-counsel-view .board-view-wrap .right-side em {color:#dddddd;font-weight:400}
#customer-counsel-view .board-view-wrap .right-side span:first-child {margin-right:20px;}
#customer-counsel-view .board-view-wrap,
#customer-counsel-view .board-content {width:100%;}
#customer-counsel-view .comments .comment {white-space: pre}
#customer-counsel-view .comments .comments-titles {justify-content: space-between;align-items: center;padding:25px 0;border-bottom:1px solid #d2d2d2}
#customer-counsel-view .comments .comments-titles span {font-weight: 800;}
#customer-counsel-view .comments .comments-titles span._ {font-size:18px;color:#292929}
#customer-counsel-view .comments .comments-titles span._ em {color:#365bb4}
#customer-counsel-view .comments .comments-titles span.__ {font-size:14px;color:#292929}
#customer-counsel-view .comments .comment {padding:20px 30px;border-bottom:1px solid #d2d2d2}
#customer-counsel-view .board-view-buttons button:first-child{margin-right:15px;}
#customer-counsel-view .board-view-buttons {text-align:right;padding:36px 0}

#customer-counsel-write .page-title-wrap {margin-bottom:56px;}
#customer-counsel-write .form-select {margin-bottom:30px;}
#customer-counsel-write .form-with-btn {margin-bottom:30px;}
#customer-counsel-write .title-wrap label {font-weight: 600;}
#customer-counsel-write .content-write-area {margin-bottom:30px;}
#customer-counsel-write .content-write-area .inner-title {justify-content: space-between;align-items: center;}
#customer-counsel-write .content-write-area .inner-title h3 {margin:20px 0 30px;}
#customer-counsel-write .content-write-area .inner-title .btn {height:25px;line-height:25px;color:var(--black-color);background: #fafafa;font-size:12px;border-radius: 0;font-weight: 600}
#customer-counsel-write .content-write-area textarea {width:100%;outline:none;resize:none;border:1px solid #e1e2e2;}
#customer-counsel-write .page-with-btn {text-align:center; }
#customer-counsel-write .page-with-btn .btn {padding:0;font-weight: 600}
#customer-counsel-write .page-with-btn .btn:first-child {background: #fff;border:1px solid #c7c7c7;color:#4e6fd9;margin-right:20px;}

#agree-detail .agree-content h3 {font-size:18px;margin-top:50px;color:#292929}
#agree-detail .agree-content p {white-space: pre-line;word-break: break-word;font-size:16px;color:#2f2f2f}

#email-reject .bg-no-board-box,
#email-reject .bg-board-box {padding:20px 25px;background:#f6f6f6;color:#2f2f2f;font-size:14px;}
#email-reject .bg-no-board-box img,
#email-reject .bg-board-box img {margin-right:10px;}

#email-reject .email-content {padding:10px 30px;}
#email-reject .email-content p {font-size:16px;color:#2f2f2f;white-space: pre-line;word-break: break-word;line-height:2}

#email-reject .page-title-wrap {margin-bottom:47px}
#email-reject h3 {margin:0 0 30px;font-size:16px;color:#2f2f2f;}
#email-reject .bg-board-box {margin:0 0 64px}
#email-reject .email-content {margin:0 0 32px}

#product-reg .page-title-wrap {margin-bottom:47px}
#product-reg .join-form-section {margin-bottom:30px}
#product-reg .join-form-section textarea {width:100%;outline:none;resize:none;border:1px solid #e1e2e2;}
#product-reg .button-wrap {text-align: center;}

#use-agree .page-title-wrap {margin-bottom:37px}
#use-agree .content {border-bottom:1px solid #d2d2d2}
#use-agree .content h3 {font-size:18px;font-weight:800;}
#use-agree .content p {font-size:16px;color:#2f2f2f;line-height:1.4;white-space: pre-line;word-break: break-word}

#point-list .page-title-wrap {margin-bottom:47px}
#point-list .board-list-wrap {width:100%;}
#point-list .point-info {text-align:right}
#point-list .point-info {padding:16px 0;}
#point-list .point-info .round {font-size:14px;color:#747474;font-weight:900;background:#ededed;width:25px;height:25px;line-height:25px;border-radius:5em;display:inline-block;text-align:center;}
#point-list span.point {font-size:18px;color:#365bb4;font-weight:900;}
#point-list span.point.font-15 {font-size:15px;}

.image-list {padding:0;display:flex;}
.image-list li {list-style: none;margin-right:5px;}
.image-list li img {width:50px;height:50px;}

.qna-btn-wrap {text-align: right}

.empty-items {text-align: center;padding:100px 0}
.flex-grow {flex-grow:1}

.qna-in-detail {padding:10px 0;text-align:center;margin-bottom:30px;border:1px solid #e1e2e2;border-radius:5px;}
.qna-in-detail h2 {font-size:18px;}
.qna-in-detail ul {padding:0}
.qna-in-detail ul li {list-style: none;width:50%;line-height:25px;}
.qna-in-detail ul li a {text-decoration: none;color:#222}
.qna-in-detail ul li .label {border-radius:5px;padding:0 12px;width:auto;color:#fff;height:20px;line-height:21px;font-size:12px;}
.qna-in-detail ul {display: flex;align-items: center;}

.right-menu {width:1080px;position:relative;margin:auto}
.right-menu .google-banner {position: absolute;top:62px;right:-190px;width:180px}

.google-banner-top {margin:20px auto 0;}
.google-banner-middle {margin:20px auto;}
.inner-list-google {padding:10px 0 ;}