@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Prata&display=swap');

/*이니셜 각인 폰트*/
@font-face {
    font-family: "alison";
    src: url("/design/twinkring/fonts/alison.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "monotype_corsiva";
    src: url("/design/twinkring/fonts/monotype_corsiva.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "myeongjo";
    src: url("/design/twinkring/fonts/myeongjo.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "sandol_gwangsu";
    src: url("/design/twinkring/fonts/sandol_gwangsu.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "dandelion";
    src: url("/design/twinkring/fonts/dandelion.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed,
 figure, figcaption, footer, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
     margin: 0;
     padding: 0;
     border: 0;
     font-size: 100%;
     font: inherit;
 }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

/*html,body {
    -ms-overflow-style: none; 
    scrollbar-width: none;
}

html::-webkit-scrollbar,body::-webkit-scrollbar {
    display: none; 
}*/

body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
    content: none;
}
table {
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    width:100%;
}
a {
    text-decoration: none;
    color:inherit;
    color:#000;
}

img { vertical-align:top; }

/* FLOAT CLEAR FIX */
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}
caption,legend { display:none; }

#preview_wrap { display:none !important; }

a:focus,input:focus,map:focus,embed:focus{outline:none;}
a:hover{text-decoration:none;}  
button { outline: 0;}
body,html { font-family: 'Noto Sans KR', sans-serif; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

input:autofill,
input:autofill:hover,
input:autofill:focus,
input:autofill:active {
	-webkit-text-fill-color: #000;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset;
    box-shadow: 0 0 0px 1000px transparent inset;
    transition: background-color 5000s ease-in-out 0s;
}

.xans-product-detail { width:1200px; margin:auto; position:relative; }
.xans-product-additional table.board { width:100%; margin:15px 0 0; border:1px solid #d7d5d5; color:#353535; font-size:12px; line-height:140%; }
.xans-product-additional table.board th { padding:12px 0 10px; border-right:1px solid #e3e3e3; background:#fbfafa; font-weight:normal; }
.xans-product-additional table.board td { padding:14px 3px 13px; border-top:1px solid #e3e3e3; border-right:1px solid #e3e3e3; text-align:center; vertical-align:middle; }
.xans-product-additional table.board th:last-child,
.xans-product-additional table.board td:last-child { border-right:none; }
.xans-product-additional table.board a,
.xans-product-additional table.board a:hover { color:#353535; }
.xans-product-additional table.board .subject { padding-left:8px; color:#f76560; text-align:left; word-break:break-all; }
.xans-product-additional table.board .subject img { vertical-align:middle; margin:0 1px; }
.xans-product-additional table.board .txtLess { color:#939393; font-size:11px; }
.xans-product-additional table.board td .view { padding:16px 19px 0; line-height:18px; text-align:left; }
.xans-product-additional table.board td .view img{max-width:100%}

.xans-product-additional div.board { padding:0 0 46px 0; color:#353535; line-height:18px; }
.xans-product-additional div.board tr th{text-align:center;}
.xans-product-additional div.board h3 {color:#444; font-size:22px;line-height:40px; text-align:center; }
.xans-product-additional div.board p.desc { padding:0 10px 0 9px; }
.xans-product-additional div.board p.nodata { margin:15px 0 0; border:1px solid #d7d5d5; font-weight:bold; color:#008bcc; line-height:39px; text-align:center; }
.xans-product-additional div.board .titleBtn{ padding:15px 0 0 0; border-bottom:3px solid #d0e5e2; }
.xans-product-additional div.board .titleBtn2{ position:relative; }
.xans-product-additional div.board .titleBtn img { margin:0 0 3px 4px; }
.xans-product-additional div.board .titleBtn2 .board_btns_box { position:absolute; right:0; bottom:0; }

#productDetail .direct-app .step dl.step2 dd .btn { width:100%; margin-left:0 !important; padding:0; text-align:center;  }
#productDetail .direct-app .step dl.step2 dd .btn a { height:30px !important; line-height:30px !important; padding:0 !important; }
#content .direct-app .step dl.step2 dd .btn { margin-left:0 !important; }
#content .direct-app .step dl.step2 dd .btn a { height:30px !important; line-height:30px !important; padding:0 !important; }

.bbs-table-write tbody th { padding: 13px 0 13px 30px; font-size:12px; vertical-align:middle; background-color:#f8f8f8; border-bottom:1px solid #e9e9e9; text-align:left; }
.bbs-table-write tbody td { padding:13px 10px; border-bottom:1px solid #e9e9e9; }

/* 카테고리 탭 버튼 */
#cont_topbox { width: 1200px; margin: 50px auto 0; text-align: left; position: relative; }
#cont_topbox .cont_title_txt { font-family: 'prata', serif; font-size:23px; font-weight:normal; text-transform:uppercase; }
.cont_list { padding:20px 0 0; }
.cont_list .cont_list_box { display:flex; justify-content: flex-start;}
.cont_list .cont_list_box .cont_list_tabbt { display: inline-block; margin-right:30px; padding-bottom: 5px; position: relative; }
.cont_list .cont_list_box .cont_list_tabbt .cont_list_tab { display: inline-block;  font-size:16px; font-weight: 300; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cont_list .cont_list_box .cont_list_tabbt::after { content: ''; display: block; width: 0; height: 1px; background-color: #8ecdce; position: absolute; right: 0; bottom: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.cont_list .cont_list_box .cont_list_tabbt:hover::after { width: 100%; right: auto; left:0; }
.cont_list .cont_list_box .cont_list_tabbt:hover>.cont_list_tab { color:#8ecdce; }
.cont_list .cont_list_box .cont_list_tabbt.select::after { width: 100% !important; background-color: #000 !important; }
.cont_list .cont_list_box .cont_list_tabbt.select>.cont_list_tab { color:#000 !important; } 
.product_link3 ul { display: flex; justify-content: flex-start; align-items: center; }
.product_link3 ul .sub_tab_btns { display: inline; margin-right: 20px; padding-top:20px; padding-bottom: 5px; position: relative; }
.product_link3 ul .sub_tab_btns a { display: inline-block; font-size: 13px; font-weight: 300; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.product_link3 ul .sub_tab_btns::after { content: ''; display: block; width: 0; height: 1px; background-color: #8ecdce; position: absolute; right: 0; bottom: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.product_link3 ul .sub_tab_btns.sel::after { width: 100% !important; background-color: #000 !important; }
.product_link3 ul .sub_tab_btns:hover::after { width: 100%; right: auto; left:0; }
.product_link3 ul .sub_tab_btns:hover>a { color:#8ecdce; }
.product_link3 ul .sub_tab_btns.sel>a { color:#000 !important; }

/* 페이저 */
.xans-product-normalmenu { overflow:hidden; }
.xans-product-normalmenu #type { float:right; padding:0 0 0 0;}
.xans-product-normalmenu #type li {display:inline; padding-right:7px; margin:0; font-size:12px; }
.xans-product-normalpaging { font-family: 'Prata', serif; font-size: 15px; margin-top:40px; display:flex; justify-content:center; align-items:center; }
.xans-product-normalpaging p { padding-bottom:3px; }
.xans-product-normalpaging ol { margin:0 10px; font-size:12px; display:flex; justify-content:center; align-items:center; }
.xans-product-normalpaging li { margin:0 6px; }
.xans-product-normalpaging li a { display:inline-block; height:16px; padding:0 3px 3px; box-sizing:border-box; }
.xans-product-normalpaging li a:hover { color:#8ecdce; border-bottom:1px solid #8ecdce; }
.xans-product-normalpaging li .now_page { color:#8ecdce; border-bottom:1px solid #8ecdce; }

/* 보드 */
.bbs-tit { margin-top:40px; display:flex; justify-content:flex-end; }
.bbs-sch label {margin-right: 10px;font-size: 11px;}
.bbs-sch label input {margin-top: -3px;}
.bbs-sch .MS_input_txt {padding-left: 5px; width: 178px;height: 28px;border: 1px solid #c3c3c3; line-height: 31px;}
.bbs-sch .key-wrap a {margin-left: -1px;}
.bbs-table-list {margin-top: 10px;}
.bbs-table-list thead th {padding: 15px 0; font-size: 13px;border-top: 1px solid #000;border-bottom: 1px solid #e9e9e9;}
.bbs-table-list tbody td {padding: 15px 0;font-weight: 300px;border-bottom: 1px solid #e9e9e9;}
.tb-left {text-align: left;}
.tb-center { text-align:center; }
.bbs-btm {padding: 15px 0;}
.bbs-btm { display:flex; justify-content:space-between; }
.bbs-btm .bbs-link a {margin-left: 5px; width: 108px; height: 38px; line-height: 38px; display: inline-block; text-align: center; border: 1px solid #8ecdce; color:8ecdce; transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
.bbs-btm .bbs-link a:hover {color:#fff; background-color:#8ecdce;}

hr { display:none; }

/*이벤트 개별 페이지*/
#event_detail_page { width: 1200px; margin: 120px auto 0; }
#event_detail_page .img_box { width: 100%; }
#event_detail_page .img_box img { width: 100%; }

/*카테고리 배너*/
.cate_banner_wrap {
    width: 1200px; margin: 50px auto 0;
}
.cate_banner_wrap img {
    width: 100%;
}