@charset "utf-8";

html {font-size:7px;}
@media all and (max-width:500px){
	html {font-size:calc(1000vw/750);}
}
.sr_only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;}
.my_class2 {margin:139px 4rem 0;}
.section_mt {margin-top:8rem;}
.section_mb {margin-bottom:15rem;}

.sub_top {position:relative; padding:5rem 0;}
.sub_top h2 {font-size:4rem; font-weight:500; color:#000000; text-align:center;}
.sub_top .btn_prev {position:absolute; left:0; top:50%; width:4.9rem; height:4rem; margin-top:-2rem; background:url('../../image/sub2/icon_prev.jpg') no-repeat center/contain;}

.stit01 {margin-bottom:4rem; border-bottom:1px solid #dcdcdc; color:#000;}
.stit01 strong,
.stit01 span {display:inline-block; position:relative; padding-bottom:1.5rem; font-size:3.6rem;}
.stit01 span::after {position:absolute; left:0; bottom:-2px; right:0; height:3px; background:#3a79fa; content:'';}
.stit01 .ubtn {float:right; background:#fff !important;}

.stit02 {margin-bottom:3.5rem; font-size:4.2rem; font-weight:500; color:#000;}

.stit03 {margin-bottom:3rem; padding-bottom:1rem; border-bottom:1px solid #d0d0d0; font-size:4rem; color:#8b8b8b; font-weight:400;}
.stit03 .num {color:#2767e7; font-weight:700;}
.stit03 strong {color:#000; font-weight:700;}

.ubtn {display:inline-block; position:relative; padding:0 3rem; height:6rem; border:0; border-radius:1rem; line-height:6rem; font-size:2.3rem; color:#fff; text-align:center; background:#3a79fa;}
.ubtn.border {color:#74787b; background:#f4f8fb;}
.ubtn.border::before {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #cccdcf; border-radius:1rem; content:'';}
.ubtn.border.on {color:#fff; background:#3a79fa;}
.ubtn.border.on::before {border-color:#3a79fa;}

.ubtn.small {height:5rem; line-height:5rem; font-size:2.1rem;}

#photo_show input[type="file"] {width:100% !important; box-sizing:border-box;}

.top_notice {display:flex; align-items:center; margin:0 -4rem; padding:0 4rem; background:#356dfe;}
.top_notice .tit {overflow:hidden; flex:1; padding-left:4.7rem; min-width:0; line-height:8.5rem; font-size:3.5rem; white-space:nowrap; text-overflow:ellipsis; color:#fff; background:url('/image/check_icon.png') no-repeat 0 center; background-size:3.2rem auto;}
.top_notice .more {padding-left:3rem; padding-right:4.7rem; border-radius:1rem; line-height:3.3rem; font-size:2.2rem; color:#000; background:url('../../image/sub2/icon_arr05.jpg') #fff no-repeat right 2rem center; background-size:1.2rem auto;}

.attach_box {border:1px solid #c8c8c8; border-radius:10px; padding:15px;}

.list01 li {display:flex; align-items:center;}
.list01 li+li {margin-top:4.5rem;}
.list01 li div {flex:1; min-width:0; padding-right:3rem;}
.list01 li div strong {display:block; font-size:3rem; font-weight:400;}
.list01 li div span {display:block; font-size:1.7rem; font-weight:400; color:#a2a2a2;}

.list02 li {display:flex; font-size:3rem}
.list02 li+li {margin-top:4.5rem;}
.list02 li span {margin-right:2.5rem;}
.list02 li p {flex:1; min-width:0;}
.list02 li.li_more {display:none;}
.list02.all li.li_more {display:flex;}

.crow {display:flex; font-size:2.7rem;}
.crow+.crow {margin-top:3rem;}
.crow .tit {width:13rem; color:#555555;}
.crow .tit.ftxt {line-height:6rem; font-size: 16px;}
.crow .cont {flex:1; min-width:0;}
.crow.type2 .tit {width:20rem;}

.fc_point {color:#3a79fa;}
.fc_point2 {color:#0033bc;}
.fc_red {color:#f91513;}


.notice_box {margin-top:3rem; padding:1rem 3rem 1rem 6.5rem; border:1px solid #9a9a9a; border-radius:2rem; font-size:2.3rem; line-height:1.5; color:#5a5a5a; background:url('../../image/sub2/icon_notice.jpg') no-repeat 2.5rem 1.5rem; background-size:2.6rem auto;}

.fwrap {display:flex; gap:0.5rem;}
.fwrap+.fwrap {margin-top:1rem;}
.flex_1 {flex:1; min-width:0;}
.finput {width:100%; height:6rem; border-radius:1rem; padding:0; padding-left:1rem; border:1px solid #9a9a9a; font-size:16px; box-sizing:border-box;}
.fselect {width:100%; height:6rem; border-radius:1rem; padding:0; padding-left:1rem; border:1px solid #9a9a9a; font-size:2.4rem; box-sizing:border-box;}
textarea.finput {height:20rem; padding:1rem; line-height:1.4;}

.payment {}
.payment .top {display:flex; align-items:center; margin-bottom:3rem;}
.payment .top .tit {flex:1; min-width:0; font-size:3rem;}
.payment .btn_coupon {width:8rem; height:4.2rem; border:1px solid #d1d1d1; border-radius:1rem; font-size:2rem; text-align:center; color:#606060; background:#fff;}
.payment .list {padding:1rem 0; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6;}
.payment .list li {display:flex; justify-content:space-between; padding:1.3rem 0; font-size:2.4rem;}
.payment .list strong {font-weight:400; color:#3d3d3d;}
.payment .bottom {display:flex; justify-content:space-between; margin-top:3rem; font-size:4rem; color:#3a79fa; font-weight:500;}
.payment .bottom strong {font-weight:500;}
.stxt {margin-top:2rem; font-size:2rem; color:#a8a8a8}


.tab {display:flex; gap:0.5rem; margin-bottom:4.5rem;}
.tab li {flex:1;}
.tab a {display:block; position:relative; border-radius:1rem; line-height:7.3rem; font-size:2.6rem; color:#74787b; text-align:center; background:#f4f8fb;}
.tab a::after {position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #cccdcf; border-radius:1rem; content:'';}
.tab .on a {color:#fff; background:#3a79fa;}
.tab .on a::after {border-color:#3a79fa;}

.account {display:flex; align-items:center; margin-bottom:4rem; font-size:2.2rem;}
.icon_woori {display:inline-block; width:12.8rem; height:3.1rem; margin-right:2.2rem; background:url('../../image/sub2/icon_woori.jpg') no-repeat center/contain;}

.btn_wrap {display:block; margin:7rem -4rem 0;}
.btn_wrap button {width:100%; height:10rem; border:0px; font-size:4.1rem; color:#fff; font-weight:700; background:#3a79fa;}

.btn_write {border:0; margin-left:0.5rem;}
.icon_pen {display:block; width:1.8rem; height:1.8rem; background:url('../../image/sub2/icon_pen.jpg') no-repeat center/contain;}

.table_t01 {width:100%;}
.table_t01 td,
.table_t01 th {padding:1.5rem 0.5rem; border:1px solid #AAAAAA; font-size:2.2rem; text-align:center;}
.table_t01 th,
.table_t01 tfoot td {color:gray; background:#F4F8FB;}
.table_t01 th {border-left-color:#AAAAAA; border-right-color:#AAAAAA;}
.table_t01 th:first-child {border-left-color:#AAAAAA;border-radius:10px 0 0 0;}
.table_t01 th:last-child {border-right-color:#AAAAAA;border-radius:0 10px 0 0;}
.table_t01 th {line-height:1.2;}

.frow+.frow {margin-top:3rem;}
.frow .flabel {margin-bottom:1rem; font-size:2.7rem;}

.filebox {display:flex; gap:1rem;}
.filebox input[type="file"] {position: absolute; top:-10px; left:0; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox .upload_name {flex:1; min-width:0;}
.filebox .btn_add {color:#fff; background:#bec1c7;}

.banner {position:relative; margin:0 -4rem;}
.banner img {width:100%;}
.banner .txt {position:absolute; top:50%; left:0; right:0; transform:translateY(-50%); text-align:center; padding:0 4rem; line-height:1; color:#fff;}
.banner .txt span {display:block; font-size:2.7rem; font-weight:500;}
.banner .txt strong {display:block; margin-top:2rem; font-size:5.6rem; font-weight:700;}

.top_txt {overflow:hidden; margin:0 -4rem; padding:0 2rem 0 7rem; line-height:8.3rem; color:#fff; font-size:2.7rem; white-space:nowrap; text-overflow:ellipsis; background:url('../../image/sub2/icon_chk.jpg') #356dfe no-repeat 3rem center; background-size:2.8rem auto;}
.top_txt .ori_price {text-decoration: line-through;}
.top_txt .sale_price {font-size:3.5rem; font-weight:800;}

.tab2 {display:flex; justify-content:center; margin:2rem 0 4rem; border-bottom:1px solid #dbdbdb;}
.tab2 li+li {margin-left:6rem;}
.tab2 a {display:block; position:relative; margin-bottom:-1px; border-bottom:1px solid transparent; padding:2rem; line-height:1; font-size:3rem; font-weight:500; color:#626262;}
.tab2 .on a {border-bottom:1px solid #003cb8; color:#003cb8;}

.tinfo {display:flex; color:#000;}
.tinfo .rcont {flex:1; min-width:0; margin-left:3.5rem; font-size:2.4rem; line-height:1.4;}
.tinfo .img {overflow:hidden; width:26rem; height:29.2rem; border-radius:2.5rem; border:1px solid #808080;}
.tinfo .img img {width:100%; height:100%;}
.tinfo .pinfo {line-height:1.2; text-align:center;}
.tinfo .pinfo strong {display:block; margin:2.5rem 0 1rem; font-size:2.8rem; font-weight:500;}
.tinfo .stit {margin:2.4rem 0 1rem; padding-bottom:0.5rem; border-bottom:1px solid #c3c3c3; font-size:3rem; font-weight:700;}
.tinfo .stit:first-child {margin-top:0;}
.detail {display:inline-block; padding-right:2.5rem; font-size:2.4rem; color:#6e6e6e; font-weight:400; background:url('../../image/sub2/icon_arr04.jpg') no-repeat right center; background-size:1.8rem auto;}
.original_price {color:#5f5f5f; text-decoration: line-through;}

.cont_t01 {font-size:3rem; line-height:1.4; word-break:keep-all;}
.d_img {position:relative; max-width:47rem; margin:3.2rem auto 0;}
.d_img::before {display:block; padding-bottom:56.25%; content:'';}
.d_img img,
.d_img iframe,
.d_img video {position:absolute; top:0; left:0; width:100%; height:100%;}

.line {height:3.5rem; margin:5rem -4rem 6rem; background:#f8f8f8;}

.btn_more {display:flex; align-items:center; justify-content:center; margin-top:5rem; border:1px solid #e3e3e3; border-radius:1.2rem; height:8.5rem; font-size:3.3rem; color:#264cd8 !important; font-weight:500;}
.btn_more::after {margin-left:1.3rem; width:2.8rem; height:1.8rem; background:url('../../image/sub2/icon_arr03.jpg') no-repeat center/contain; content:'';}
.btn_more .st {display:none; margin-left:2rem;}
.all + .btn_more::after {transform:rotate(180deg);}
.all + .btn_more .st {display:block}

.review_list li {padding:2rem 1.5rem 2rem 10rem; border-radius:4.5rem; border:1px solid #e4e4e4; background:url('../../image/sub2/icon_review.jpg') no-repeat 2.3rem 3.5rem; background-size:6.5rem auto;}
.review_list li+li {margin-top:6rem;}
.review_list .top {display:flex; justify-content:space-between; font-size:2rem; color:#909090;}
.review_list .date {color:#666666;}
.review_list .tit {margin:2rem 0 1.5rem; padding-bottom:0.6rem; border-bottom:1px solid #dbdbdb; font-size:2.7rem; font-weight:700;}
.review_list .cont {font-size:2.4rem; color:#5e5e5e; line-height:1.4;}
.review_list li.li_more {display:none;}
.review_list.all li.li_more {display:block;}


.list03 {display:flex; justify-content:space-between; font-size:2.8rem; color:#000;}
.list03 a {padding-right:2.8rem; background:url('../../image/sub2/icon_arr01.jpg') no-repeat right center; background-size:2.2rem auto;}
.list03.c_sky a {background-image:url('../../image/sub2/icon_arr02.jpg');}

#pop {display:none;}
#pop::before {position:fixed; top:0; left:0; right:0; bottom:0; z-index:11100000; background:rgba(0,0,0,0.5); content:'';}
#pop .pbox {position:fixed; top:53%; left:4rem; right:4rem; z-index:111100000; border-radius:2rem; transform:translateY(-50%); padding:4rem; background:#fff;max-height: 75vh;
	display: flex; flex-direction: column;}
.popup-content {
	overflow-y: scroll;
	max-height: calc(80vh - 70px); /* 버튼 영역 높이만큼 뺌 */
	padding-right: 5px;
	margin-bottom: 20px;
}

.popup-footer {
	bottom: 0;
	background: #fff;
	text-align: center;
	border-top: 1px solid #eee;
}
/* 기본 상태에서도 스크롤바 표시 */
.popup-content::-webkit-scrollbar {
	width: 5px;
	background-color: #f1f1f1;
	display: block !important;
}

.popup-content::-webkit-scrollbar-thumb {
	background-color: #888;
	border-radius: 5px;
	opacity: 1 !important; /* 추가 */
	visibility: visible !important; /* 추가 */
}

.popup-content::-webkit-scrollbar-track {
	background-color: #f1f1f1;
	opacity: 1 !important; /* 추가 */
	visibility: visible !important; /* 추가 */
}

#pop .pbtn {width:100%; height:8.5rem; border:0; border-radius:1rem; font-size:4rem; font-weight:700; color:#fff; background:#3a79fa;}