/* BASIC css start */
#ct{ font-size:19px; } 
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } 

/* grid */
.container { max-width: 1230px } 

/* typo */
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 800; letter-spacing: -.05em } 

/* 32 28 26 22 20 18 */
h1, .h1 { font-size: 1.778rem } 
h2, .h2 { font-size: 1.556rem } 
h3, .h3 { font-size: 1.444rem } 
h4, .h4 { font-size: 1.222rem } 
h5, .h5 { font-size: 1.111rem } 
h6, .h6 { font-size: 1rem; letter-spacing: 0; font-weight: 700 } 


/* magazine */
.card-overlay { position: relative; display: block; margin-bottom: 30px; color: #fff !important; overflow: hidden; padding-bottom: 123%; border-radius: 3rem; transition: box-shadow .4s } 
/*
.card-list { margin-bottom: -30px } 
*/
.card-list>li { padding-bottom: 30px } 
.card-list .date { font-size: .889rem; font-weight: 400; } 
.card-list .h2 { font-weight:500; font-size:1.3em; white-space: normal; line-height: 1.5 } 
.card-overlay>img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); min-width: 100%; min-height: 100%; object-fit: cover; transition: transform 1s } 
.card-overlay:hover>img { transform: translate(-50%,-50%) scale(1.1); } 
.card-overlay .card-info { position: absolute; left: 10%; right: 10%; bottom: 10% } 
.card-info p { font-size: 0.88em; margin-bottom: 1em; letter-spacing: 0 } 
.magazine-story .page-hd { font-size: 1em } 
.magazine-story .display-3 { margin: .25em 0 .5em; font-weight: 700 } 
.magazine-story-ct { position: relative; } 
.magazine-story-ct>img { position:relative; left:50%; max-width: none; transform: translate(-50%,0) } 
.card-list img { max-width: 100%; } 

/* Pagination */
.pagination { justify-content: center; align-items: center; margin-top: 3.333em } 
.page-link { display: inline-block; width:2.2em; height:2.2em; padding: 0; border:0; border-radius:9em; background: none; font-size:1.2rem; line-height:2.2; text-align: center; color: #666; box-shadow: none !important; vertical-align: top } 
.page-link:hover { background: none; color:#00a468; } 
.page-link.active { background:#00a468; color:#fff; font-weight: 700 } 
.page-link.prev, .page-link.next,.page-link.first, .page-link.last { width:2em; color: transparent; text-indent: -9999em; background-repeat: no-repeat; background-size: auto .7em; background-position:50% 50% } 
.page-link.prev { background-image: url(/design/ahngookthc/img/page-prev.svg); margin-right:.6em } 
.page-link.next { background-image: url(/design/ahngookthc/img/page-next.svg); margin-left:.6em } 
.page-link.first { background-image: url(/design/ahngookthc/img/page-first.svg); } 
.page-link.last { background-image: url(/design/ahngookthc/img/page-last.svg); } 

/* progress */
.progress, .progress>div { height: .555rem; border-radius: 0.555em; } 
.progress-primary { background: #00a468; } 

/*================== Sub ==================*/
.page-container { position: relative; min-height:calc(100vh - 120px); padding:0 0 120px; } 
.page-container>.container { position: relative } 
.page-hd { position: relative; background-position: 50% 50%; background-size: cover; text-align: center } 
.page-hd-bg { margin-bottom: 120px } 
.page-hd h2, .page-hd>.h2 { font:800 3em/1.2 'Jost','NanumSquare',sans-serif !important; text-transform: uppercase } 
.page-hd h2+p { margin-top: .556em } 
/* .page-hd h1 { font:800 3em/1.2 'Jost','NanumSquare',sans-serif; text-transform: uppercase } 
.page-hd h1+p { margin-top: .556em } */

.page-hd .page-hd-tit { font-size: 1em; font-weight: 400; } 
.page-hd .page-hd-tit .h2 { font:800 3em/1.2 'Jost','NanumSquare',sans-serif; text-transform: uppercase; display: block; } 
.page-hd .page-hd-tit .h2+span { margin-top: .556em; display: block; } 

.view-tit {
    display: flex;
    border-bottom: 1px solid #E5E5E5;
    line-height: 1.556rem;
    padding: 1.667rem 0;
}
.view-tit .h4 {
    flex: 1;
    margin-bottom: 0;
    margin-right: 1em;
    font-size: 1.75em;
}
.view-body {
    padding: 6.66% 0;
    line-height: 1.778;
}


.board-view .btn-wrp {
    padding-top: 1.67rem;
    border-top: 1px solid #E5E5E5;
}
.btn-wrp {
    display: flex;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-wrp .btn {
    margin-left: auto;
    width: 10rem;
}
.btn-outline-dark {
    border: 1px solid #333 !important;
    color: #333 !important;
}
[class*=btn-outline-] {
    background: none !important;
}
.btn {
    border-radius: 2rem;
    font-size: 1rem;
    padding: 0.6em 1.8em;
    letter-spacing: -.04em;
    text-transform: uppercase;
    box-shadow: none !important;
}
.btn-outline-dark {
    color: #343a40;
    border-color: #343a40;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}


.bbs-link { font-size:0 }
.bbs-link a { margin:0 2px }
.bbs-link a.delete { padding: 0 3px 0 5px; }
.bbs-link a.reply { padding: 0; }
.bbs-table-view .data-bd-cont { padding: 20px 0 40px 0; color:#8d8d8d }

.input-style2 { width: 120px; margin: 0px 5px; }

.list-link { padding:10px 15px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; }
.list-link li { padding:10px 0px }
.list-link li a { color:#828282 }
.list-link span.arrow { padding: 0px 5px 0px 15px; color: #828282; font-weight:bold }
.list-link span.arrow.prev { background: url(/images/d3/modern_simple/common/icon_prev_arrow.gif) no-repeat left 1px }
.list-link span.arrow.next { background: url(/images/d3/modern_simple/common/icon_next_arrow.gif) no-repeat left 1px }

.data-bd-cont .add_info { float: left; border: 1px solid #e5e5e5; width: 97%; padding: 5px 10px; line-height: 150%; margin-bottom: 10px; }
.data-bd-cont .add_title { float: left; width: 30%; font-weight: bold; }
.data-bd-cont .add_content { float: left; width: 70%; }
.data-bd-cont .attach { text-align: center; margin-bottom: 10px; }
/* 관련 상품 목록 */
.fixed-img-collist { margin-top:10px; padding-top:10px; border-top:1px solid #e5e5e5;}
.list-tit { padding-left:7px; color:#9d9d9d; background: url('/images/d3/modern_simple/common/bull_join_required.gif') no-repeat 0 50%;}
.fixed-img-collist ul { padding:15px 11px 0;}
.fixed-img-collist ul li { float:left; padding:0 10px 15px; text-align:center;}
.fixed-img-collist ul li a { display:block; width:150px; font-size:11px; color:#9d9d9d;}
.fixed-img-collist ul li a span.prd img { width:142px; height:142px; margin-bottom:8px; padding:3px; border:1px solid #d8d8d8;}
.fixed-img-collist ul li p { padding:1px; font-size:11px; color:#666; font-weight:bold;}
/* 개인정보보호정책 동의 */
.privercy-contract textarea {  height: 60px; width: 660px; }
.privercy-contract-tap { height:30px; }
.privercy-contract-tap li a { padding: 7px 10px; }
/* 개인정보 수집 이용 */
.privercy-contract .tbl { width:100% !important; padding:0; margin:0; border-spacing:0; border-collapse:collapse; border-top: 1px solid #dadada; border-left: 1px solid #dadada; }
.privercy-contract .tbl caption { display:none; }
.privercy-contract .tbl th { line-height:32px; color: #3b3b3b; font-size:12px; font-weight:bold; background: #f0f0f0; text-align:center; }
.privercy-contract .tbl th,
.privercy-contract .tbl td { height:32px; padding:0; margin:0; border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; letter-spacing:-1px }
.privercy-contract .tbl td .txt-l { padding:5px 3px; margin:0; text-align:left; }

/* 신고 버튼 */
.bbs-table-view .data-bd-cont {position: relative;}
.bbs-table-view .data-bd-cont .btn-report {display:inline-block; font-size:11px; color:#9d9d9d; position:absolute; right:10px; bottom:10px;}

.comment-box .reporting {padding: 5px 0;}
.comment-box .reporting span {display: inline-block; padding-left: 15px; background: url(/images/d3/modern_simple/ico_reciew_reporting_h17_pc.png) left 3px no-repeat; color: #808080; font-size: 11px; background-size:10px 10px;}
.comment-box .reporting a {display: inline-block; padding: 0; font-size: 11px; color: #999999;}
/* BASIC css end */