@charset "utf-8"; 
 
.section>.area {width:1180px;}
ul.list-tabBtns {overflow:hidden; margin-bottom:20px;}
ul.list-tabBtns>li {float:left; line-height:1.38; margin-right:24px; font-size:14px; font-weight:300; letter-spacing:-.16px; color:#1b1b1b; cursor:pointer;}
ul.list-tabBtns>li.on {font-weight:400;}

.archive ul.list-products {margin:0 -10px;}
.archive ul.list-products>li {position:relative; width:380px; height:528px; margin:0 10px 40px;}
.archive ul.list-products>li:nth-child(4n+1) {clear:none;}
.archive ul.list-products>li.magazine button.btn-like {position:absolute; right:16px; top:8px; width:24px; height:24px; background-color:transparent; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/img/renew/ico_like_bk.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.archive ul.list-products>li.magazine button.btn-like.like {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_like_s.svg);}
.archive ul.list-products>li>dl.column-product dt {width:100%; height:350px; /* padding-bottom:100%; */background-color:#fff; margin-bottom:16px; cursor:pointer;}
.archive ul.list-products>li>dl.column-product dt.viewImgBg {overflow:hidden; height:400px; padding:0;}
.archive ul.list-products>li>dl.column-product dt.viewImgBg img {width:100%; height:100%; object-fit:cover;}
.archive ul.list-products>li.instagram>dl.column-product dt {margin-bottom:12px; cursor:default;}
.archive ul.list-products>li>dl.column-product dd {text-align:left;}
.archive ul.list-products>li>dl.column-product dd h6 {height:50px; overflow:hidden; display:block; margin:0 0 5px 0;}
.archive ul.list-products>li>dl.column-product dd div {text-align:left;}
.archive ul.list-products>li.archive>dl.column-product dd h6,.archive ul.list-products>li.magazine>dl.column-product dd h6,.archive ul.list-products>li.mission>dl.column-product dd h6,.archive ul.list-products>li.notice>dl.column-product dd h6 {line-height:1.22; margin-bottom:12px; font-size:18px; font-weight:400; letter-spacing:normal; color:#1b1b1b;}
.archive ul.list-products>li>dl.column-product dd p.conts {display:none; height:54px; line-height:1.4; text-align:left; font-weight:300; letter-spacing:normal; color:#1b1b1b; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:3; font-size:13px; -webkit-box-orient:vertical; margin:0 0 10px 0;}
.archive ul.list-products>li.instagram>dl.column-product dd p.conts {height:40px; margin-bottom:0; -webkit-line-clamp:2;}
.archive ul.list-products>li>dl.column-product dd .sub {text-align:left; font-size:0;}
.archive ul.list-products>li>dl.column-product dd .sub .tag {display:inline-block; height:21px; line-height:21px; margin-right:1px; padding:0 8px; font-size:11px; font-weight:400; color:#fff; background:#1b1b1b;}
.archive ul.list-products>li>dl.column-product dd .sub .date {display:inline-block; line-height:1.43; margin-left:7px; font-size:13px; font-weight:100; letter-spacing:normal; color:#1b1b1b; margin:0;}
.archive ul.list-products>li>dl.column-product dd .sub .reply {display:inline-block; line-height:1.43; margin-left:8px; font-size:14px; font-weight:300; letter-spacing:normal; color:#1b1b1b;}
.archive ul.list-products>li>dl.column-product dd .sub .reply:before {content:"댓글 ";}
.archive ul.list-products>li>dl.column-product dd .sub .reply:after {content:"개";}
.archive ul.list-products>li>dl.column-product dd .feed {margin-bottom:10px; font-size:0;}
.archive ul.list-products>li>dl.column-product dd .feed button {width:28px; height:28px;}
.archive ul.list-products>li>dl.column-product dd .feed .btn-like {position:relative; left:0; top:0; margin-right:14px; background-color:transparent; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_like_02.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.archive ul.list-products>li>dl.column-product dd .feed .btn-like.like {background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_like_s.svg);}
.archive ul.list-products>li>dl.column-product dd .feed .btn-reply {background-color:transparent; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_reply.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.archive ul.list-products>li>dl.column-product dd .cnt-like {line-height:1.43; margin-bottom:10px; font-size:14px; font-weight:400; color:#1b1b1b;}
.archive ul.list-products>li>dl.column-product dd .cnt-like:before {content:"좋아요 ";}
.archive ul.list-products>li>dl.column-product dd .cnt-like:after {content:"개";}
.archive ul.list-products>li>dl.column-product dd .id {line-height:1.43; margin-bottom:8px; font-size:14px; font-weight:500; color:#1b1b1b;}

.line-btns .btn-more {width:380px; height:54px; line-height:50px; font-size:15px; font-weight:300; text-align:center; color:#1b1b1b; border:solid 1px #dddcd1; background:0 0;}

.archive.view .section .area {width:780px;}
.archive.view .line-pageTitle {overflow:hidden; position:relative; height:462px; margin:60px 0 24px;}
.archive.view .line-pageTitle img {width:100%;}
.archive.view .line-pageTitle:after {content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(27,27,27,0.5);}
.archive.view .line-pageTitle .pageTitle {position:absolute; left:28px; bottom:56px; width:calc(100% - 56px); line-height:1.25; font-size:28px; font-weight:500; letter-spacing:normal; color:#fffef1; z-index:10;}
.archive.view .line-pageTitle .sub {position:absolute; left:28px; bottom:20px; width:calc(100% - 56px); z-index:10;}
.archive.view .line-pageTitle .sub .date {font-size:14px; font-weight:300; font-stretch:normal; font-style:normal; line-height:1.43; letter-spacing:normal; text-align:left; color:#fffef1;}
.archive.view .line-pageTitle .sub .btns button {float:left; width:21px; height:21px; margin-left:17.5px;}
.archive.view .line-pageTitle .sub .btns button.btn-like {background-color:transparent; background:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_like_gray.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.archive.view .line-pageTitle .sub .btns button.btn-share {background-color:transparent;background:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_share_gray.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.archive.view .line-text {margin-bottom:60px; font-size:16px; font-weight:300; font-stretch:normal; font-style:normal; line-height:1.38; letter-spacing:-.16px; text-align:left; color:#1b1b1b;}
.archive.view .line-text h6 {margin-bottom:20px; font-size:20px; font-weight:400; font-stretch:normal; font-style:normal; line-height:1.25; letter-spacing:normal; text-align:left; color:#1b1b1b;}
.archive.view .line-media {margin-bottom:60px;}
.archive.view .line-media img,.archive.view .line-media video {width:100%;}
.archive.view .line-instagram {margin-bottom:60px;}
.archive.view .line-instagram .box-instagram {width:580px; margin:0 auto; border:solid 1px #dbdbdb;}

.box-instagram .line-title {overflow:hidden; padding:12px 10px;}
.box-instagram .line-title .profile {float:left; width:30px; height:30px; margin-right:12px; border-radius:50%; background:#8d8e8f;}
.box-instagram .line-title .userInfo {float:left; margin-top:-2px;}
.box-instagram .line-title .userInfo .userId {font-size:13px; font-weight:500; font-stretch:normal; font-style:normal; line-height:1.38; letter-spacing:normal; text-align:left; color:#1b1b1b;}
.box-instagram .line-title .userInfo .follower {font-size:10px; font-weight:400; font-stretch:normal; font-style:normal; line-height:1.5; letter-spacing:normal; text-align:left; color:#8d8e8f;}
.box-instagram .line-title .userInfo .follower:before {content:"팔로워 ";}
.box-instagram .line-title .btn-profile {float:right; height:28px; line-height:26px; padding:0 12px; font-size:14px; font-weight:500; font-stretch:normal; font-style:normal; letter-spacing:normal; text-align:center; color:#fff; border-radius:2px; background:#3d95ef;}
.box-instagram .line-img img {width:100%;}
.box-instagram .line-more {margin:0 9px; padding:12px 0; font-size:14px; font-weight:500; font-stretch:normal; font-style:normal; line-height:1.43; letter-spacing:normal; text-align:left; border-bottom:solid 1px #dddcd1; color:#0095f6;}
.box-instagram .line-feed {overflow:hidden; margin:9px 9px 12px; padding-bottom:9px; border-bottom:solid 1px #dddcd1;}
.box-instagram .line-feed .btns {overflow:hidden; margin-bottom:6px;}
.box-instagram .line-feed .btns button {float:left; width:24px; height:24px; margin-right:12px;}
.box-instagram .line-feed .btns .btn-like {background-color:transparent; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_like_02.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.box-instagram .line-feed .btns .btn-like.like {background-color:transparent; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_like_s.svg);}
.box-instagram .line-feed .btns .btn-reply {background-color:transparent; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_reply.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.box-instagram .line-feed .btns .btn-share {background-color:transparent; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_share_02.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.box-instagram .line-feed .likeCnt {font-size:14px; font-weight:400; font-stretch:normal; font-style:normal; line-height:1.43; letter-spacing:normal; text-align:left; color:#1b1b1b;}
.box-instagram .line-feed .likeCnt:before {content:"좋아요 ";}
.box-instagram .line-feed .likeCnt:after {content:"개";}
.box-instagram .line-feed .bookmark {width:24px; height:24px; margin-top:10px; background-color:transparent; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_bookmark.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.box-instagram .line-id {margin-bottom:16px; padding:0 9px; font-size:14px; font-weight:500; font-stretch:normal; font-style:normal; line-height:1.43; letter-spacing:normal; text-align:left; color:#1b1b1b;}
.box-instagram .line-cont {padding:0 9px 4px;}
.box-instagram .line-cont p {margin-bottom:4px; font-size:14px; font-weight:300; font-stretch:normal; font-style:normal; line-height:1.43; letter-spacing:normal; text-align:left; color:#1b1b1b; white-space:normal; overflow:hidden; text-overflow:ellipsis; word-wrap:break-word; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.box-instagram .line-cont button {margin-bottom:4px; font-size:14px; font-weight:300; font-stretch:normal; font-style:normal; line-height:1.43; letter-spacing:normal; text-align:left; color:#1b1b1b; background:0 0; border:0 none;}
.box-instagram .line-currentCond {padding:0 9px 11px; font-size:14px; font-weight:500; font-stretch:normal; font-style:normal; line-height:1.43; letter-spacing:normal; text-align:left; color:#1b1b1b; border-bottom:solid 1px #dddcd1;}
.box-instagram .line-write {overflow:hidden; padding:10px 11px;}
.box-instagram .line-write .btn-comment {font-size:14px; font-weight:500; font-stretch:normal; font-style:normal; line-height:1.43; letter-spacing:normal; text-align:left; color:#1b1b1b; background:0 0;}
.box-instagram .line-write .btn-goInstagram {width:20px; height:20px; background-color:transparent; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_instagram.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}

.archive.view .line-by {margin-bottom:20px; font-size:14px; font-weight:400; line-height:1.43; color:#1b1b1b;}
.archive.view .line-tags {overflow:hidden; margin-bottom:100px;}
.archive.view .line-tags .tag {float:left; height:21px; line-height:20px; margin-right:1px; padding:0 8px; font-size:11px; font-weight:400; letter-spacing:.33px; color:#fff; background:#1b1b1b;}
.archive.view .line-pageMoveBtns {overflow:hidden; margin-bottom:200px;}
.archive.view .line-pageMoveBtns button {position:relative;float:left; width:50%; height:120px; line-height:120px; padding:0 16px; font-size:16px; font-weight:400; letter-spacing:-.16px; color:#fffef1; background-color:transparent; background-position:center center; background-size:cover;}
.archive.view .line-pageMoveBtns button:after {content:''; position:absolute; top:0; left:16px; width:calc(100% - 32px); height:100%; background:rgba(27,27,27,0.7);}
.archive.view .line-pageMoveBtns button img {width:100%; height:100%; object-fit:cover;}
.archive.view .line-pageMoveBtns button span {display:-webkit-box; position:absolute; top:50%; max-width:80%; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; transform:translateY(-50%);}
.archive.view .line-pageMoveBtns button.btn-next {text-align:left;}
.archive.view .line-pageMoveBtns button.btn-next span {left:25px; padding:0 0 0 30px; z-index:1;}
.archive.view .line-pageMoveBtns button.btn-next span:before {content:''; position:absolute; top:50%; left:0; width:20px; height:20px; vertical-align:middle; transform:translateY(-50%); background-color:transparent; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_left.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.archive.view .line-pageMoveBtns button.btn-prev {text-align:right;}
.archive.view .line-pageMoveBtns button.btn-prev span {right:25px; padding:0 30px 0 0; z-index:1;}
.archive.view .line-pageMoveBtns button.btn-prev span:after {content:''; position:absolute; top:50%; right:0; width:20px; height:20px; vertical-align:middle; transform:translateY(-50%); background-color:transparent; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/arrow_right_03.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}

@media screen and (max-width:781px) {
.wrap.archive {margin-top:100px;}
.wrap.archive.view {margin-top:0;}
.line-pageTitle>.pageTitle+p.desc {margin:0; font-size:14px;}	
.line-btns .btn-more {width:100%; height:42px; line-height:38px; font-size:14px; font-weight:300; letter-spacing:-.49px; text-align:center; color:#1d1d1f; background:0 0; border:solid 1px #dddcd1;}
[class*=container-] .line-btns {display:none;}
[class*=container-] .line-btns.show {display:block;}
ul.list-tabBtns {margin-bottom:16px; border-bottom:solid 1px #1b1b1b;}
ul.list-tabBtns>li {margin-right:17px; padding-bottom:8px; font-size:14px; line-height:1.43; letter-spacing:-.49px; color:#1b1b1b;}
ul.list-tabBtns.v2 {overflow-y:hidden; overflow-x:auto; white-space:nowrap;}
ul.list-tabBtns.v2>li {float:none; display:inline-block;}

.archive .area {width:auto; padding:0 20px;}
.archive .area .line-pageTitle {height:auto; margin:72px 0 40px; padding:0; border:0 none;}
.archive .sec2 .area {padding:0 20px 60px 20px;}
.archive ul.list-products {margin:0;}
.archive ul.list-products>li {width:100%; height:auto; margin:0;}
.archive ul.list-products>li.magazine button.btn-like {width:18px; height:18px;}
.archive ul.list-products>li.magazine>dl.column-product dd h6 {font-size:16px;}
.archive ul.list-products>li.instagram>dl.column-product dd p.conts,.archive ul.list-products>li>dl.column-product dd p.conts {margin-bottom:16px; padding:0; font-size:14px; height:auto;}
.archive ul.list-products>li {margin-bottom:16px; padding-bottom:0; border-bottom:solid 1px #dddcd1;}
.archive ul.list-products>li>dl.column-product dt.viewImgBg {height:350px;}
.archive ul.list-products>li>dl.column-product dd .cnt-like,.archive ul.list-products>li>dl.column-product dd .feed,.archive ul.list-products>li>dl.column-product dd .id {padding:0;}
.archive ul.list-products>li>dl.column-product dd .sub {padding:0 0 16px;}
.archive ul.list-products>li>dl.column-product dd h6 {height:auto !important;}

.archive.view .area .line-pageTitle {margin:100px 0 24px;}
.archive.view .line-pageTitle .pageTitle {bottom:38px; margin:0; font-size:16px;}
.archive.view .line-pageTitle .sub {bottom:15px; font-size:12px;}
.archive.view .line-pageTitle .btns {position:absolute; right:20px; top:20px;}
.archive.view .line-pageTitle .btns button.btn-like {float:left; width:18px; height:18px; background-color:transparent; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_like_gray.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.archive.view .line-pageTitle .btns button.btn-share {float:left; width:18px; height:18px; margin-left:12px; background-color:transparent; background-image:url(https://toun28.s3.ap-northeast-2.amazonaws.com/toun/renew/icons/ico_share_gray.svg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
.archive.view .section .area {width:100%; padding:0;}
.archive.view .line-by,.archive.view .line-tags,.archive.view .line-text {padding:0 20px;}
.archive.view .line-text iframe,.archive.view .line-text img,.archive.view .line-text video {width:calc(100% + 40px); margin:0 -20px;}
.archive.view .line-text {margin-bottom:40px; font-size:13px;}
.archive.view .line-text h6 {font-size:14px;}
.archive.view .line-tags {margin-bottom:60px;}
.archive.view .line-instagram {width:calc(100% - 40px); margin:0 auto;}
.archive.view .line-instagram .box-instagram {width:auto;}
}