@charset "utf-8";

/* font */
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR:300,400,500,700&subset=korean);
@import url("https://use.typekit.net/opw2oyn.css");/* 2024-04-11 폰트 변경 */

@font-face {
	font-family: 'SpoqaHanSansNeo';
	font-style: normal;
	font-weight: 700;
	src: url(../font/SpoqaHanSansNeo-Bold.woff2) format("woff2"), url(../font/SpoqaHanSansNeo-Bold.woff) format("woff"), url(../font/SpoqaHanSansNeo-Bold.otf) format("opentype");
}
@font-face {
	font-family: 'SpoqaHanSansNeo';
	font-style: normal;
	font-weight: 500;
	src: url(../font/SpoqaHanSansNeo-Medium.woff2) format("woff2"), url(../font/SpoqaHanSansNeo-Medium.woff) format("woff"), url(../font/SpoqaHanSansNeo-Medium.otf) format("opentype");
}
@font-face {
	font-family: 'SpoqaHanSansNeo';
	font-style: normal;
	font-weight: 400;
	src: url(../font/SpoqaHanSansNeo-Regular.woff2) format("woff2"), url(../font/SpoqaHanSansNeo-Regular.woff) format("woff"), url(../font/SpoqaHanSansNeo-Regular.otf) format("opentype");
}
@font-face {
	font-family: 'SpoqaHanSansNeo';
	font-style: normal;
	font-weight: 300;
	src: url(../font/SpoqaHanSansNeo-Light.woff2) format("woff2"), url(../font/SpoqaHanSansNeo-Light.woff) format("woff"), url(../font/SpoqaHanSansNeo-Light.otf) format("opentype");
}
@font-face {
	font-family: 'SpoqaHanSansNeo';
	font-style: normal;
	font-weight: 100;
	src: url(../font/SpoqaHanSansNeo-Thin.woff2) format("woff2"), url(../font/SpoqaHanSansNeo-Thin.woff) format("woff"), url(../font/SpoqaHanSansNeo-Thin.otf) format("opentype");
}
@font-face{
	font-family: SaolDisplay;
	font-style: normal;
	font-weight: 400;
	src: url(../font/SaolDisplay-Regular.woff2) format("woff2"), url(../font/SaolDisplay-Regular.woff) format("woff"), url(../font/SaolDisplay-Regular.otf) format("opentype");
}
@font-face{
	font-family: NotoSans;
	font-style: normal;
	font-weight: 500;
	src: url(../font/NotoSansKR-Medium.woff2) format("woff2"), url(../font/NotoSansKR-Medium.woff) format("woff"), url(../font/NotoSansKR-Medium.otf) format("opentype");
}
@font-face{
	font-family: NotoSans;
	font-style: normal;
	font-weight: 400;
	src: url(../font/NotoSansKR-Regular.woff2) format("woff2"), url(../font/NotoSansKR-Regular.woff) format("woff"), url(../font/NotoSansKR-Regular.otf) format("opentype");
}
/* 2024-04-11 폰트 수정 */
@font-face {
	font-family: Montserrat;
	font-style: normal;
	font-weight: 500;
	src: url(../font/Montserrat-SemiBold.woff) format("woff"), url(../font/Montserrat-SemiBold.ttf) format("truetype");
}

/* reset */
html, body {font-size:10px;}
body{font-family:'SpoqaHanSansNeo', '애플 SD 산돌고딕 Neo', 'Apple SD Gothic Neo', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif;font-weight:500;color:#111;letter-spacing:-0.01em;line-height:1.4;-webkit-text-size-adjust:none;}
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;box-sizing:border-box;-webkit-box-sizing:border-box;word-break:keep-all;word-wrap:break-word;white-space:normal;/*font-family:inherit;*/}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section{display:block;}
ol, ul, li{list-style:none}
table{width:100%;border-collapse:collapse;border-spacing:0;}
img{max-width:100%;border:0;vertical-align:top;}
i, em, address{font-style:normal;}
strong, b{font-weight:700;}
sup{font-size:10px;line-height:1;}
form, fieldset{display:block;border:0;}
iframe{border:0;}
caption, legend{overflow:hidden;position:absolute;top:-9999px;left:-9999px;width:0;height:0;font-size:0;line-height:0;}
input, textarea{opacity:1;-webkit-text-fill-color:inherit;}
input, textarea, select{margin:0;padding:0;font-family:inherit;font-size:16px;font-weight:400;color:#111;box-sizing:border-box;-webkit-box-sizing:border-box;line-height:normal;-webkit-appearance:none;appearance:none;outline:none;}
textarea, select{outline:none;}
select::-ms-expand{display:none;}
select:disabled{pointer-events:none;}

button{overflow:visible;display:inline-block;margin:0;padding:0;border:0;border-radius:0;background:none;font-family:inherit;font-size:16px;font-weight:400;color:#111;line-height:inherit;vertical-align:top;text-decoration:none;cursor:pointer;touch-action:manipulation;}
button::-moz-focus-inner{padding:0;border:0;}
button span,
button:after{position:relative;}
button[disabled], a.disabled{cursor:default;pointer-events:none;}

/* link */
a{display:inline-block;color:inherit;text-decoration:none;word-break:break-all;cursor:pointer;}
a:link,
a:visited,
a:active,
a:focus{text-decoration:none;}
a:hover{text-decoration:none;}

.underline{text-decoration:underline;}

.ellipsis{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}
.blind{overflow:hidden;position:absolute;left:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em;}

/* float */
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.clear{clear:both;}

/* text align */
.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}
.mo_br{display:none;}

/* common */
:root{
	/* --vh:100vh; */
	--point : #00A05E;
	--module-gap : 180px;
}

/* 반응형 body scoll lock */
.lockbody { overflow : hidden; height: 100%;}
.non-oby { overscroll-behavior-y: none }

mark{background-color:rgba(255,0,0,.3);color:inherit;word-break:break-all;}


/************************* Form *************************/
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="tel"]:disabled,
input[type="search"]:disabled{background-color:#f7f7f7;opacity:1;color:#999;cursor:default;-webkit-tap-highlight-color:transparent;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus{border-color:#333;}
input[type="file"]::-webkit-file-upload-button{cursor:pointer;}

input[disabled],
input[disabled] + label{cursor:default;pointer-events:none;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{height:auto;}

input[type="text"]::-ms-clear,
input[type="password"]::-ms-reveal,
input[type="tel"]::-ms-clear,
input[type="tel"]::-ms-reveal,
input[type="search"]::-ms-clear,
input[type="search"]::-ms-reveal{display:none;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display:none;}

::-webkit-input-placeholder{color:#999;font-size:16px;font-weight:500;}
::-moz-placeholder{color:#999;font-size:16px;font-weight:500;}
:-ms-input-placeholder{color:#999;font-size:16px;font-weight:500;}
:-moz-placeholder{color:#999;font-size:16px;font-weight:500;}

/* input */
.inputbox{position:relative;}
.inputbox .inp{display:block;position:relative;width:100%;height:52px;padding:0 16px;background-color:#fff;border:1px solid #ccc;border-radius:0;color:#333;font-size:16px;font-weight:500;}
.inputbox .inp[readonly]{background-color:#f7f7f7;cursor:default;-webkit-tap-highlight-color:transparent;}
.inputbox .inp[readonly]:focus{border-color:#ccc;}
.inputbox .inp[readonly]:focus::placeholder{color:#999;border-color:#ccc;}
.inputbox .btn_ico.del{position:absolute;right:9px;top:9px;height:34px;}
.inputbox .inp + .del { transform:scale(0); }
.inputbox .inp.typed{padding-right:52px;}
.inputbox .inp.typed:focus + .del,
.inputbox .inp.typed:hover + .del,
.inputbox .inp.typed + .del:hover,
.inputbox .inp.typed + .del:focus { transform:scale(1); }
.inputbox.error .inp { border-color:#FF0000 }
.inputbox.error .row_err_txt { display:block}

.inputbox.search .inp{height:60px;padding-right:72px;}
.inputbox.search .inp.typed{padding-right:108px;}
.inputbox.search .btn_ico.del{top:13px;}
.inputbox.search .btn_ico.search{position:absolute;right:19px;top:13px;}
.inputbox.search .btn_ico.del{right:62px;width:24px;}

/* input content*/
.row_err_txt { display:none; font-size:12px; font-weight:400; line-height:18px; color:#FF0000; margin-top:8px} /* D: input > error */
.ess {color:#FF0000; font-size:14px; display:inline-block; margin-left:4px;line-height:1;} /* 필수 */

/* checkbox */
.chk_in{display:inline-block;position:relative;line-height:1;}
.chk_in input[type="checkbox"]{overflow:hidden;position:absolute;left:0;top:2px;width:20px;height:20px;margin:0;padding:0;border:0 none;opacity:0;filter:alpha(opacity=0);}
.chk_in label{display:inline-block;position:relative;padding-left:28px;font-size:16px;line-height:23px;color:#666;vertical-align:top;word-break:break-all;cursor:pointer;}
.chk_in label:before{content:'';display:inline-block;position:absolute;left:0;top:2px;width:20px;height:20px;background:#ccc url("data:image/svg+xml,%3Csvg width='16' height='12' viewBox='0 0 16 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 818840'%3E%3Cpath id='Line 19' d='M1.33493 6.43195L5.91821 10.9141' stroke='white' stroke-width='2'/%3E%3Cpath id='Line 20' d='M4.72461 11.1579L15.0562 1.11715' stroke='white' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center center;}
.chk_in input[type="checkbox"]:checked + label{color:#111;}
.chk_in input[type="checkbox"]:checked + label:before{background-color:var(--point);}
.chk_in label > span{display:inline-block;font-size:inherit;word-break:inherit;font-family: NotoSans;}

/* radio */
.radio_in{display:inline-block;position:relative;line-height:1;}
.radio_in input[type="radio"]{overflow:hidden;position:absolute;left:0;top:2px;width:20px;height:20px;margin:0;padding:0;border:0 none;opacity:0;filter:alpha(opacity=0);}
.radio_in label{display:inline-block;position:relative;padding-left:28px;font-size:16px;line-height:23px;color:#666;vertical-align:top;word-break:break-all;cursor:pointer;}
.radio_in label:before{content:'';display:inline-block;position:absolute;left:0;top:0;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='9.5' fill='white' stroke='%23CCCCCC'/%3E%3C/svg%3E%0A") no-repeat 50% 50%;}
.radio_in input[type="radio"]:checked + label{color:#111;}
.radio_in input[type="radio"]:checked + label:before{background-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23111111'/%3E%3Ccircle cx='10' cy='10' r='3' fill='white'/%3E%3C/svg%3E%0A");}
.radio_in label > span{display:inline-block;font-size:inherit;word-break:inherit;}

/* selectbox */
.selectbox{display:inline-block;position:relative;}
.selectbox .select_styled{position:relative;padding-right:16px;font-size:14px;font-weight:400;line-height:20px;cursor:pointer;}
.selectbox .select_styled::after{content:'';display:inline-block;position:absolute;right:0;top:50%;width:12px;height:12px;margin:1px 0 0 0;background:url('../images/ico_arrow_down_16.svg') no-repeat center center / 100% auto;transform:translateY(-50%);}
.selectbox .select_styled.opened::after{transform:translateY(-50%) rotate(180deg);}
.selectbox .select_options{display:none;position:absolute;right:0;top:28px;max-width:135px;padding:3px 4px 3px 0;border:1px solid #ccc;background:#fff;text-align:left;z-index:2;}
.selectbox .select_options ul{overflow-y:auto;width:max-content;max-width:100%;max-height:216px;}
.is_pc .selectbox .select_options *::-webkit-scrollbar{position:relative;left:-5px;width:2px;height:2px;}
.is_pc .selectbox .select_options *::-webkit-scrollbar-thumb{background-color:#111;}
.is_pc .selectbox .select_options *::-webkit-scrollbar-track{background-color:#dbdbdb;}
.selectbox .select_options li{padding:8px 11px 8px 15px;color:#999;font-size:14px;font-weight:500;line-height:20px;word-break:break-all;cursor:pointer;}
.selectbox .select_options li:hover{color:#111;}
.selectbox .select_options li.selected{color:#111;}

/* form_wrap */
.form_row ~ .form_row{margin-top:24px;}
.form_row .form_tit{margin-bottom:8px;font-size:16px;font-weight:500;line-height:23px;}
.form_row .form_tit label{display:inline-block;}



/************************* button *************************/
/* button */
.btn{display:inline-flex;position:relative;align-items:center;justify-content:center;width:auto;min-width:136px;height:52px;padding:0 20px;font-size:16px;line-height:20px;font-weight:500;letter-spacing:-0.01em;border:1px solid transparent;text-align:center;}/* h52 */
.btn_s{display:inline-flex;position:relative;align-items:center;justify-content:center;width:auto;height:36px;padding:0 20px;font-size:14px;font-weight:500;letter-spacing:-0.01em;border:1px solid transparent;text-align:center;}/* h36 */

/* button : bgcolor */
.bctype1{background-color:var(--point);border-color:var(--point);color:#fff;}
.bctype2{background-color:#fff;border-color:var(--point);color:var(--point);}
.bctype3{background-color:#fff;border-color:#fff;color:#111;}
.bctype4{background-color:#fff;border-color:#ccc;color:#111;}
.bctype5{background-color:#111;border-color:#111;color:#fff;}
.bctype6{background-color:#fff;border-color:#111;color:#111;}

/* button : disabled */
.btn:disabled, .btn.disabled,
.btn_m:disabled, .btn_m.disabled,
.btn_s:disabled, .btn_s.disabled{background-color:#ccc;border-color:#ccc;color:#fff;}
.bctype2:disabled, .bctype2.disabled{background-color:#fff;border-color:#ccc;color:#ccc;}

/* button : txt color */
.ctype1{color:#999;}

/* txt button + icon */
.btn_txt{display:inline-flex;position:relative;font-size:14px;font-weight:400;line-height:20px;align-items:center;}
.has_plus:after{content:'';display:inline-block;width:16px;height:16px;margin:0 0 0 4px;background:url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='8' width='11' height='1' fill='%23666666'/%3E%3Crect x='8' y='14' width='11' height='1' transform='rotate(-90 8 14)' fill='%23666666'/%3E%3C/svg%3E%0A") no-repeat center center / 16px auto;}
.has_toggle:after{content:'';display:inline-block;width:12px;height:12px;margin:2px 0 0 4px;background:url('../images/ico_arrow_down_16.svg') no-repeat center center / 100% auto;}
.has_toggle .txt1{display:block;}
.has_toggle .txt2{display:none;}
.has_toggle.on:after{background-image:url('../images/ico_arrow_up_16.svg');}
.has_toggle.on .txt1{display:none;}
.has_toggle.on .txt2{display:block;}

/* icon button */
.btn_ico{display:inline-flex;}
.btn_ico.scrap{width:38px;height:38px;background:url('../images/ico_heart_28.svg') no-repeat center center / 28px auto;}
.btn_ico.scrap.on{background-image:url('../images/ico_heart_on_28.svg');}
.btn_ico.share{width:38px;height:38px;background:url('../images/ico_share_28.svg') no-repeat center center / 28px auto;}
.btn_ico.zoom{width:48px;height:48px;background:#fff url('../images/ico_zoom.svg') no-repeat center center / 100% auto;border-radius:50%;}
.btn_ico.del{width:34px;height:34px;background: url('../images/ico_close_20.svg') no-repeat center center / 20px auto;}
.btn_ico.search{width:34px;height:34px;background:url('../images/ico_search_24.svg') no-repeat center center / 24px auto}
.btn_ico.more{width:20px;height:20px;background:url('../images/ico_more_16.svg') no-repeat center center / 16px auto;}
.btn_ico.download{position:relative;width:52px;height:52px;background-color:rgba(17,17,17,0.32);}
.btn_ico.download:after{content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:24px;height:24px;background:url('../images/ico_downlaod_24.svg') no-repeat center center / 100% auto;}
.btn_ico.dibs{width:32px;height:32px;background:url('../images/ico_dibs.svg') no-repeat center center / contain;}
.btn_ico.dibs.on{background-image:url('../images/ico_dibs_on.svg');}

/* 더보기 */
.btn_more_wrap.type1{margin-top:80px;}/* 2024-04-11 수정 */
.btn_more_wrap.type2{margin-top:120px;}/* 2024-04-11 수정 */
.btn_more_wrap .btn{width:100%;}
.btn_more_wrap .more{border-color:#ccc;}
.btn_more_wrap .more:after{content:'';display:inline-block;position: relative;top: -2px;width:16px;height:16px;margin:1px 0 0 4px;background:url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='8' width='11' height='1' fill='%23666666'/%3E%3Crect x='8' y='14' width='11' height='1' transform='rotate(-90 8 14)' fill='%23666666'/%3E%3C/svg%3E%0A") no-repeat center center / 16px auto;}
.btn_more_wrap .more.noline{border-color:transparent;}
.btn_more_wrap .more:disabled,
.btn_more_wrap .more.disabled{background-color:#fff;border-color:#ccc;color:#ccc;}
.btn_more_wrap .more:disabled:after,
.btn_more_wrap .more.disabled:after{opacity:0.4;}

.btn_wrap{display:flex;justify-content:space-between;margin-top:80px;}
.btn_wrap .btn{width:100%;min-width:auto;}
.btn_wrap .btn ~ .btn{margin-left:16px;}

.btn_wrap.type2{max-width:792px;margin:180px auto 0;}
.btn_list_wrap{display:flex;justify-content:center;margin-top:180px;}
.btn_list_wrap .btn{width:388px;}

/* sns button */
.btn_sns{display:inline-flex;flex-direction:column;position:relative;}
.btn_sns .tit{display:block;width:100%;margin-top:10px;font-size:14px;font-weight:500;color:#666;text-align:center;line-height:20px;letter-spacing: -0.2px;}
.btn_sns:before{content:'';display:block;width:48px;height:48px;margin:0 auto;background-position:center center;background-size:100% auto;background-repeat:no-repeat;}
.btn_sns.talk:before{background-image:url('../images/ico_round_talk.svg');}
.btn_sns.talk:hover:before{background-image:url('../images/ico_round_talk_on.svg');}
.btn_sns.kakao:before{background-image:url('../images/ico_round_kakao.svg');}
.btn_sns.kakao:hover:before{background-image:url('../images/ico_round_kakao_on.svg');}
.btn_sns.instagram:before{background-image:url('../images/ico_round_instagram.svg');}
.btn_sns.instagram:hover:before{background-image:url('../images/ico_round_instagram_on.svg');}
.btn_sns.youtube:before{background-image:url('../images/ico_round_youtube.svg');}
.btn_sns.youtube:hover:before{background-image:url('../images/ico_round_youtube_on.svg');}
.btn_sns.twitter:before{background-image:url('../images/ico_round_twitter.svg');}
.btn_sns.twitter:hover:before{background-image:url('../images/ico_round_twitter_on.svg');}
.btn_sns.facebook:before{background-image:url('../images/ico_round_facebook.svg');}
.btn_sns.facebook:hover:before{background-image:url('../images/ico_round_facebook_on.svg');}
.btn_sns.copy:before{background-image:url('../images/ico_round_copy.svg');}
.btn_sns.copy:hover:before{background-image:url('../images/ico_round_copy_on.svg');}
.btn_sns.naverblog:before{background-image:url('../images/ico_round_naverblog.svg');}
.btn_sns.naverblog:hover:before{background-image:url('../images/ico_round_naverblog_on.svg');}
.btn_sns.kakaostory:before{background-image:url('../images/ico_round_kakaostory.svg');}
.btn_sns.kakaostory:hover:before{background-image:url('../images/ico_round_kakaostory_on.svg');}


/************************* category *************************/
.essay_cate {position: relative;font-size: 14px;font-family:futura-pt; font-weight: 500;}/* 2024-04-11 폰트수정 */
.essay_cate::before {content: "";position: relative;top: -3px;display: inline-block;width: 20px;height: 20px;margin-right: 4px;mask: no-repeat center center / contain ;vertical-align: middle;}
.essay_cate.relationship::before {mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.41577 4.5323C7.95244 3.9953 7.41379 3.6875 6.83913 3.6875C5.09878 3.6875 3.6875 6.50842 3.6875 9.99078C3.6875 13.4731 5.09878 16.2941 6.83913 16.2941C7.41379 16.2941 7.9508 15.9846 8.41577 15.4493C8.8791 15.9863 9.41774 16.2941 9.9924 16.2941C10.5671 16.2941 11.1041 15.9846 11.569 15.4493C12.0324 15.9863 12.571 16.2941 13.1457 16.2941C14.886 16.2941 16.2973 13.4715 16.2973 9.99078C16.2973 6.51006 14.8844 3.6875 13.144 3.6875C12.5694 3.6875 12.0324 3.99693 11.5674 4.5323C11.1041 3.9953 10.5654 3.6875 9.99077 3.6875C9.4161 3.6875 8.8791 3.99693 8.41413 4.5323' fill='%2300A05E'/%3E%3C/svg%3E");background-color: #00A05E;}
.essay_cate.career::before {mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.55276 3.80005L3.79688 6.55477V13.4453L6.55276 16.2H13.441L16.1969 13.4453V6.55477L13.441 3.80005H6.55276Z' fill='%238274BD'/%3E%3C/svg%3E");background-color: #8274BD;}
.essay_cate.culture::before {mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0749 6.50771C14.4004 6.14097 13.847 5.58759 13.4803 4.91306C11.9789 2.14617 8.00707 2.14617 6.50575 4.91306C6.13901 5.58759 5.58563 6.14097 4.9111 6.50771C2.14422 8.00904 2.14422 11.9809 4.9111 13.4823C5.58563 13.849 6.13901 14.4024 6.50575 15.0769C8.00707 17.8438 11.9789 17.8438 13.4803 15.0769C13.847 14.4024 14.4004 13.849 15.0749 13.4823C17.8418 11.9809 17.8418 8.00904 15.0749 6.50771Z' fill='%23FF7A30'/%3E%3C/svg%3E");background-color: #FF7A30;}
.essay_cate.body::before {mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.73438 3.7373L6.51764 9.99966L3.73438 16.262H16.2574L13.4741 9.99966L16.2574 3.7373H3.73438Z' fill='%23ECAC96'/%3E%3C/svg%3E");background-color: #ECAC96;}
.essay_cate.society::before {mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0008 3.72852L2 10.0012L10.0008 16.2723L18 10.0012L10.0008 3.72852Z' fill='%236783C7'/%3E%3C/svg%3E");background-color: #6783C7;}
.essay_cate.advice::before {mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.32806 15.6573C9.27066 15.6573 11.6561 13.2716 11.6561 10.3286C11.6561 7.38572 9.27066 5 6.32806 5C3.38545 5 1 7.38572 1 10.3286C1 13.2716 3.38545 15.6573 6.32806 15.6573Z' fill='%23E8595F'/%3E%3Cpath d='M13.6718 15.6573C16.6144 15.6573 18.9999 13.2716 18.9999 10.3286C18.9999 7.38572 16.6144 5 13.6718 5C10.7292 5 8.34375 7.38572 8.34375 10.3286C8.34375 13.2716 10.7292 15.6573 13.6718 15.6573Z' fill='%23E8595F'/%3E%3C/svg%3E%0A");background-color: #E8595F;}
.essay_cate.travel::before {mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8809 8.88579C15.8809 5.63592 13.2467 3 9.99515 3C6.74365 3 4.10938 5.63428 4.10938 8.88579V16.9916H15.8793V8.88579H15.8809Z' fill='%2300ADCD'/%3E%3C/svg%3E");background-color: #00ADCD;}
.essay_cate.money::before {mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.2815 15.2796V13.5277L16.899 12.8581L16.2294 11.2389L17.4672 10.0012L16.2294 8.76181L16.899 7.14424L15.2815 6.47461V4.72279H13.5297L12.86 3.10522L11.2425 3.77484L10.0031 2.53711L8.76538 3.77484L7.14782 3.10522L6.47656 4.72279H4.72638V6.47461L3.10718 7.14424L3.77843 8.76181L2.53906 10.0012L3.77843 11.2389L3.10718 12.8581L4.72638 13.5277V15.2796H6.47656L7.14782 16.8971L8.76538 16.2259L10.0031 17.4652L11.2425 16.2259L12.86 16.8971L13.5297 15.2796H15.2815Z' fill='%23E5B65A'/%3E%3C/svg%3E");background-color: #E5B65A;}
.essay_cate.green::before {mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.6331 6.78688C16.6331 4.69616 14.9369 3 12.8462 3C11.6052 3 10.5066 3.59922 9.81735 4.52261C9.12645 3.60086 8.02788 3 6.78687 3C4.69615 3 3 4.69616 3 6.78688C3 8.02789 3.59922 9.12646 4.52261 9.81737C3.59922 10.5066 3 11.6052 3 12.8462C3 14.9369 4.69615 16.6331 6.78687 16.6331C8.02788 16.6331 9.12481 16.0339 9.81572 15.1121C10.5066 16.0339 11.6052 16.6331 12.8446 16.6331C14.9353 16.6331 16.6314 14.9369 16.6314 12.8462C16.6314 11.6052 16.0322 10.5083 15.1105 9.81737C16.0322 9.12646 16.6314 8.02953 16.6314 6.78852' fill='%23008C80'/%3E%3C/svg%3E%0A");background-color: #008C80;}
.essay_cate.love::before {mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1342 6.82789C17.1342 4.63729 15.3595 2.86255 13.1689 2.86255C11.8689 2.86255 10.7196 3.4896 9.99598 4.45556C9.27233 3.4896 8.12301 2.86255 6.8247 2.86255C4.63411 2.86255 2.85938 4.63729 2.85938 6.82789C2.85938 7.25847 2.92977 7.67269 3.05747 8.06071C4.20352 11.9671 9.99598 17.1374 9.99598 17.1374C9.99598 17.1374 15.7901 11.9671 16.9361 8.06071C17.0638 7.67269 17.1342 7.25847 17.1342 6.82789Z' fill='%23FF80B7'/%3E%3C/svg%3E");background-color: #FF80B7;}

.cate_wrap {overflow: hidden;position: relative;}
.cate_wrap .btnbox {display: none;position: absolute;top: 0;right: 0;width: 64px;height: 36px;}
.cate_wrap .btnbox .btn_ico {display: block;position: absolute;right: 0;top: 0;width: 64px;height: 100%;background: linear-gradient(to left, #fff 65%, #fff 0%, transparent);}
.cate_wrap .btnbox .btn_ico.fold::after {content: "";display: block;position: absolute;right: 20px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;background: url('../../resources/images/ico_arrow_down_24.svg') no-repeat 0 0 / contain;}
.cate_wrap .cate_inner {display: flex;flex-wrap: wrap;justify-content: center;gap: 12px;font-size: 0;}
.cate_wrap .cate_item {overflow: hidden;position: relative;display: inline-block;height: 36px;}
.cate_wrap .cate_item .essay_cate {color: #999;}
.cate_wrap .cate_item .essay_cate::before {top: 0;}
.cate_wrap .cate_item .essay_cate .txt {position: relative;top: 1px;}
.cate_wrap .cate_item input {position: absolute;width: 0;height: 0;}
.cate_wrap .cate_item input + label {display: inline-flex;align-items: center;height: 100%;padding: 0 12px 0 10px;border: 1px solid #999;border-radius: 100px;cursor: pointer;}
.cate_wrap .cate_item input:checked + label::before {background-color: #fff;}
.cate_wrap .cate_item input:checked + label .txt {color: #fff;}
.cate_wrap .cate_item input:checked + label.culture {background-color: #FF7A30;border-color: #FF7A30;}
.cate_wrap .cate_item input:checked + label.career {background-color: #8274BD;border-color: #8274BD;}
.cate_wrap .cate_item input:checked + label.love {background-color: #FF80B7;border-color: #FF80B7;}
.cate_wrap .cate_item input:checked + label.body {background-color: #ECAC96;border-color: #ECAC96;}
.cate_wrap .cate_item input:checked + label.society {background-color: #6783C7;border-color: #6783C7;}
.cate_wrap .cate_item input:checked + label.advice {background-color: #E8595F;border-color: #E8595F;}
.cate_wrap .cate_item input:checked + label.travel {background-color: #00ADCD;border-color: #00ADCD;}
.cate_wrap .cate_item input:checked + label.money {background-color: #E5B65A;border-color: #E5B65A;}
.cate_wrap .cate_item input:checked + label.green {background-color: #008C80;border-color: #008C80;}
.cate_wrap .cate_item input:checked + label.relationship {background-color: #00A05E;border-color: #00A05E;}



/************************* Layout *************************/
.wrap{position:relative; font-size:16px;}

/* 구글광고배너 */
.ad_top{position:relative;text-align:center;z-index:3;} /* 2024-04-11 수정 */
.ad_google {text-align:center;}/* 2024-04-11 수정 */
.ad_top .ad_google div {margin:20px auto;}/* 2024-04-11 수정 */
.ad_inread{position:relative;width:100%;text-align:center;z-index:2;}/* 2024-05-08 수정 */
.ad_inread .ad_google > div::before {display:block;content:'AD';width:100%;text-align:center;font-size:14px;line-height:24px;letter-spacing:0.02em;font-weight:400;color:#ccc;}/* 2024-05-24 수정*/
.ad_inread .ad_google > div {margin:180px auto;}/* 2024-05-24 수정*/
.atc_list li.ad_inread,
.vdo_atc_list li.ad_inread{width:100%;padding:0;}/* 2024-05-08 수정 */
.atc_list li.ad_inread div,
.vdo_atc_list li.ad_inread div{margin:0 auto;}/* 2024-05-08 수정 */
.ad_interscroller {margin: 0 0px 13.3vw;}/* 2024-05-08 수정 */
.cont_inner .ad_interscroller {margin: 0 -20px 13.3vw;}/* 2024-05-08 수정 */

/* header 공통스타일 */
.header{position:sticky;top:0;height:72px;background-color:#fff;z-index:100;transition:transform 0.3s;border-bottom:1px solid #DBDBDB;}
.header .header_wrap,
.header .header_cont{height:100%;}
.header .header_cont .cont_inner{position:relative;display:flex;align-items:center;height:100%;}
.header .logo{width:164px;height:32px;margin-right:24px;margin-left: 60px;}
.header .logo a{display:block;height:100%;}
.header .logo img{width:100%;}
.header .btn_menu{display:block;position:absolute;left:40px;z-index:1;width:38px;height:38px;}
.header .btn_menu:after{content:'';display:block;width:100%;height:100%;text-align:center;background:url('../images/ico_menu_28.svg') center center no-repeat;background-size:28px auto;}
.header_navi{position:absolute;left:50%;transform:translateX(-50%);width:700px;text-align:center;}
.header_navi ul{font-size:0;}
.header_navi ul li{position:relative;display:inline-block;}
.header_navi ul li a{display:block;line-height:24px;font-size:16px;}
.header_navi > ul > li + li{margin-left:36px;}
.header_navi > ul > li > a{padding:7px 0;font-family:futura-pt, 'SpoqaHanSansNeo';font-weight:500;color:#111;letter-spacing:0;}/* 2024-04-11 폰트수정 */
.header_navi > ul > li > a::before{content:"";position: absolute;bottom: 0;left: 0;right: 0;height: 2px;width: 0;background-color: var(--point);transition: 0.3s;}
.header_navi > ul > li:hover > a::before{width: 100%;}
.header_navi ul .sub_menu{display: none;position: absolute;top: 26px;left: 50%;padding-top: 30px;transform: translateX(-50%);}
.header_navi ul .sub_menu_list{padding: 24px 30px;text-align: center;background: #fff;}
.header_navi ul .sub_menu li:not(:first-of-type){margin-top: 24px;}
.header_navi ul .sub_menu a{color: #666;font-family: 'SpoqaHanSansNeo';white-space: nowrap;}
.header_navi ul .sub_menu a:hover{color: #111;}
.header_navi ul .has_sub_menu:hover .sub_menu{display: block;}
.header_util{display:flex;margin-left:auto;}
.header_util a{display:inline-flex;align-items:center;font-size:14px;}
.header_util .aside{display:flex;column-gap:24px}
.header_util .aside a{padding:9px 0;ffont-family:futura-pt, 'SpoqaHanSansNeo';color:#666;letter-spacing:0;}/* 2024-04-11 폰트수정 */
.header_util .aside a:first-child{margin-left:0;}
.header_util .btn_subscription{height:44px;margin-left:32px;padding:0 20px;border-radius:500px;background-color:var(--point);color:#fff;font-family:'Noto Sans KR';}

/* header 상세(기사상세,이벤트상세) */
.header.view{box-sizing:content-box;border-bottom:1px solid #dbdbdb;}
.header.view .header_wrap{position:relative;height:100%;}
.header.view .header_cont{width:100%;height:100%;background:#fff;transition:all ease 350ms;}
/* .header.view.active{position:sticky;top:0;} */
.header.view.active .header_wrap{overflow: hidden;}
.header.view.active .header_cont{transform:translate3d(0, -72px, 0);}
.header.view.active .floating_bar{ top : 0; }

/* header 상세 상단 플로팅바 */
.floating_bar{display: none;position:absolute;top:72px;width:100%;background:#fff;transition:top ease 350ms; -webkit-backface-visibility: hidden;overflow:hidden; }
.header.view .floating_bar{display: block;height:0;overflow: hidden;transition: 0.2s;}
.header.view.active .floating_bar{height: 72px;overflow: initial;}
.floating_bar .cont_inner{height:100%;}
.floating_bar .detail_info{display:flex;align-items:center;position:relative;height:100%;}
.floating_bar .detail_info .sharebox{display:flex;align-items:center;column-gap:15px;margin-left:auto;margin-right:-8px;}
.floating_bar .detail_info .txtbox{overflow:hidden;flex:1;margin-right:45px;}
.floating_bar .detail_info .txtbox .tit{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:400;line-height:21px;color:#111;}

/* header 하단 툴팁 영역*/
.tooltip_cover{max-width: 1280px;margin: 0 auto;padding: 0 40px;}
.tooltip_div{
	position: relative;
	display: none;
}
.tooltip_div .tooltip_text{
	content: attr(tooltip);
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 1ch 16px 1ch 16px;
	box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35);
	background: #00a05e;
	color: #FFFFFF;
	top:11px;
	font-weight : 500;
	font-size:14px;
	position: absolute;
	z-index: 1000;
}
.tooltip_div:hover .tooltip_text{
	visibility: visible;
}
.tooltip_text::after{
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 7px;
}
.tooltip_div .tooltip_bottom {
	display: inline-flex;
	right: 0%;
	align-items: center;
}
.tooltip_bottom::after {
	position:absolute;
	bottom: 100%;
	right: 11.5%;
	margin-left: -5px;
	border-color: transparent transparent #00a05e transparent;
}
.tooltip_up {
	top: -1000px;
}
/*.img_close_btn{ width:17px; height:17px;}*/
/*.close_btn { margin-left: 5px; width:17px; height:17px; background:url('../images/ic_map_close_28.svg') no-repeat center center / 100% auto;}*/

.tooltip_text .close_btn{
	width: 13px;	height: 13px;	margin-left: 7px;	 background:url("../images/ic_close_btn_white.svg") no-repeat center center;
}

/* breadcrumb */
.breadcrumb{font-size:0;white-space:nowrap;}
.breadcrumb > a{display:inline-block;position:relative;margin-right:8px;padding-right:20px;font-size:14px;font-weight:400;line-height:20px;color:#666;}
.breadcrumb > a:after{content:'';display:block;position:absolute;top:50%;right:0;width:12px;height:12px;margin-top:-6px;background:url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 1.5L8.5 6L4 10.5' stroke='%23999999'/%3E%3C/svg%3E%0A") no-repeat center center / 12px auto;}

/* 상세(기사상세,이벤트상세) 프로그래스바 */
.progress_bar{position:absolute;bottom:-2px;left:0;height:2px;max-width: 100%;background-color:var(--point);z-index:2;transition:width .4s ease-out;overflow:hidden;}

/* 전체메뉴 */
.allmenu_wrap{display:none;position:fixed;left:0;top:0;right:0;bottom:0;z-index:101;}
.allmenu_wrap .allmenu_dimmed{display:block;content:'';position:absolute;left:0;right:0;top:0;bottom:0;background-color:rgba(0,0,0,0.7)}
.allmenu_area{position:relative;width:480px;height:100%;background-color:#fff;}
.allmenu_cont{display:flex;flex-direction:column;width:100%;height:100%;}
.allmenu_cont .scroll_custom{height:calc(100% - 92px);padding:0 8px 8px 8px;}
.allmenu_inner{overflow-y:auto;height:100%;padding:8px 88px 75px 100px;}
.allmenu_wrap .top_area{padding:32px 24px;}
.allmenu_wrap .btn_menu_close{position:relative;width:28px;height:28px;}
.allmenu_wrap .btn_menu_close:before{content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:28px;height:28px;background:url('../images/ico_close_28.svg') no-repeat center center / 100% auto;}
.allmenu_util{display:flex;flex-wrap:wrap;margin-bottom:40px;}
.allmenu_util a{display:block;margin-left:24px;font-family:futura-pt;font-size:16px;line-height:1;color:#666;letter-spacing:0;}/* 2024-04-11 폰트수정 */
.allmenu_util a:first-child{margin-left:0;}
.allmenu_single{margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #dbdbdb;}
.allmenu_list .depth1 > li{position:relative;margin-top:40px;}
.allmenu_list .depth1 > li:first-of-type{margin-top:0;}
.allmenu_list .depth1 > li > a{display:block;position:relative;font-family:futura-pt;font-size:28px;font-weight:500;line-height:41px;}/* 2024-04-11 폰트수정 */
.allmenu_list .depth1 > li > a span {display:none;position:absolute;top:0;right:-41px;width:41px;height:41px;}
.allmenu_list .depth1 > li.has_menu > a{margin-right:41px;}
.allmenu_list .depth1 > li.has_menu > a span{display:inline-block;}
.allmenu_list .depth1 > li.has_menu > a span:before{content:'';display:block;position:absolute;right:3px;top:8px;width:24px;height:24px;background:url('../images/ico_plus_24.svg') no-repeat center center / 100% auto;}
.allmenu_list .depth1 > li.has_menu.open > a span:before{background-image:url('../images/ico_minus_24.svg');}
.allmenu_list .depth2{display:none;margin-top:12px;}
.allmenu_list .open .depth2{display:block;}
.allmenu_list .depth2 > li{margin-top:12px;}
.allmenu_list .depth2 > li:first-of-type{margin-top:0;}
.allmenu_list .depth2 > li > a{display:block;font-family:'SpoqaHanSansNeo';font-size:18px;color:#666;line-height:26px;}
.allmenu_wrap .etc_link{margin-top:40px;padding-top: 40px;border-top: 1px solid #DBDBDB;}
.allmenu_wrap .etc_link li{margin-top:16px;}
.allmenu_wrap .etc_link li:first-child{margin-top:0;}
.allmenu_wrap .etc_link li a{position:relative;display:block;font-size:28px;font-family:futura-pt;line-height: 41px;}/* 2024-04-11 폰트수정 */
.allmenu_wrap .etc_link li a::after{content: "";position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 24px;height: 24px;background: url("../images/ico_arrow_right_24.svg") no-repeat center center / contain;}
.allmenu_wrap .banner {margin: 60px -88px 0 -100px;}
.allmenu_wrap .sns_list{margin-top:60px;}
.allmenu_wrap .sns_list ul{gap:24px 28px;}

/* container */
.cont_inner{max-width:1280px;margin:0 auto;padding:0 40px;}
.cont_inner .cont_inner{padding:0;}

/* footer */
.footer{position:relative;background-color:#fff;font-family:'Noto Sans KR';}
.footer_top{padding:21px 0;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
.footer_top .cont_inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.footer_link ul{display:flex;flex-wrap:wrap;gap:8px 32px;}
.footer_link li a{display:block;font-size:16px;font-weight:500;color:#666;line-height:23px;}
.footer_link li.impt a{color:#111;font-weight:700;}
.footer_sns ul{display:flex;column-gap:20px;}
.footer_sns li a{display:flex;width:28px;height:28px;align-items:center;justify-content:center;}
.footer_bottom{padding:40px 0 60px;}
.footer_bottom .cont_inner{display:flex;}
.footer_logo{width:150px;height:50px;}
.footer_logo img{width:100%;}
.footer_info{margin-left:112px;}
.footer_info .addr_wrap em{display:block;margin-bottom:16px;font-size:20px;font-weight:500;color:#111;line-height:30px;}
.footer_info .addr_txt{font-size:0;}
.footer_info .addr_txt span{display:inline-block;position:relative;margin-bottom:8px;font-size:14px;font-weight:500;color:#666;line-height:20px;}
.footer_info .addr_txt .addr,
.footer_info .addr_txt .num{margin-right:17px;}
.footer_info .addr_txt .addr:after,
.footer_info .addr_txt .num:after{content:'';display:inline-block;position:absolute;right:-9px;top:5px;width:1px;height:11px;background-color:#dbdbdb;}
.footer_info .addr_txt .email{display:block;}
.footer_info .copyright{margin-top:20px;font-size:14px;font-weight:500;color:#666;line-height:20px;}
.family_wrap{width:100%;background-color:#fff;border-top:1px solid #dbdbdb;text-align:center;}
.family_wrap .btn_familysite{display:inline-flex;align-items:center;justify-content:center;height:63px;font-family:Montserrat;font-size:16px;font-weight:500;color:#666;}/* 2024-04-11 폰트수정 */
.family_wrap .btn_familysite:after{content:'';display:block;width:16px;height:16px;margin:0 0 0 8px;background:url('../images/ico_arrow_down_16.svg') no-repeat center center / 100% auto;}
.family_wrap.open .btn_familysite:after{background-image:url('../images/ico_arrow_up_16.svg');}
.familysite{display:none;padding:60px 0;background-color:#f7f7f7;text-align:left;}
.familysite .tab_menu.type02{margin-bottom:40px;}
.familysite .tab_menu.type02 li a{font-family:Montserrat;font-weight:500;font-size:20px;line-height:1;}/* 2024-04-11 폰트수정 */
.familysite .tab_menu.type02 li.on a{font-weight:500;}
.familysite_list.family{max-width:79.667%;}
.familysite_list ul{display:flex;flex-wrap:wrap;gap:24px;}
.familysite_list li{width:calc(20% - 20px);}
.familysite_list.family li{width:calc(25% - 18px);}
.familysite_list li a{display:block;font-family:Montserrat, 'Noto Sans KR';font-weight:500;font-size:16px;line-height:1;color:#666;}/* 2024-04-11 폰트수정 */

/* go to top */
.btn_top {
	display: none;
	position: absolute;
	z-index: 90; 
	/* bottom: calc(100% + 80px); */
	transform: translateY(-120px);
	right: 80px;
	width: 68px;height: 68px;
	border-radius: 50%;background-color: var(--point);box-shadow: 2px 7px 10px 0px rgba(0, 0, 0, 0.16);
}
.btn_top::after {content: "";position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 24px;height: 24px;background: url("../images/ico_arrow_top_24.svg") no-repeat center center / contain;}
.btn_top.fixed {position: fixed; bottom: 120px; transform: translateY(0px); display: none;}
.btn_top.show {display: block;}

/* swiper */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-container-vertical>.swiper-wrapper{flex-direction:column}
.swiper-wrapper{position:relative;width:100%;height:100%;display:flex;transition-property:transform;box-sizing:content-box}
.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}
.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}
.swiper-container-multirow-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}
.swiper-container-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;-webkit-backface-visibility:hidden;-webkit-transform:translate3d(0, 0, 0);}
.swiper-slide-invisible-blank{visibility:hidden}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}
/* .swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000} */
.swiper-container .swiper-notification{visibility:hidden;font-size:0;line-height:0;position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000;}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}
.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}
.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;transform: translateY(-50%);z-index:2;width: 48px;height: 48px;background: no-repeat center center / contain;cursor: pointer;}
.swiper-button-prev{background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M35 2L13 24L35 46' stroke='%2300A05E' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");}
.swiper-button-prev.swiper-button-disabled{background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M35 2L13 24L35 46' stroke='%23CCCCCC' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");}
.swiper-button-next{background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M13 2L35 24L13 46' stroke='%2300A05E' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");}
.swiper-button-next.swiper-button-disabled{background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.6'%3E%3Cpath d='M13 2L35 24L13 46' stroke='%23CCCCCC' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E");}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{left:10px;right:auto}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto}
.swiper-button-lock{display:none}
.swiper-pagination .swiper-pagination-bullet:only-child.swiper-pagination-bullet-active,.swiper-pagination.swiper-pagination-lock{display:none}
.swiper-pagination-progressbar{background:rgba(0,0,0,0.25);position:absolute}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}
.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}
.swiper-container-vertical>.swiper-pagination-progressbar,.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:4px;height:100%;left:0;top:0}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background-color:#dbdbdb;opacity:1!important}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:10;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background-color:#111;border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}
.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}
.swiper-slide-zoomed{cursor:move}
[data-slide]{position:relative}
.slide_list{position:relative}
.slide_list .swiper-container-initialized,[data-slide] .swiper-container-initialized,[data-slide] .product_wrap_outer{overflow:hidden}

/* popup */
.dimmed{position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.7);z-index:199;}
.popup_inner{display:flex;flex-direction:column;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);max-width:588px;height:auto;max-height:650px;background-color:#fff;overflow:hidden;z-index:210;}
.popup_close{position:absolute;right:20px;top:20px;}
.popup_close .btn_close{display:block;width:40px;height:40px;}
.popup_close .btn_close:after{content:'';display:block;width:100%;height:100%;background:url('../images/ico_close_20.svg') no-repeat center center / 20px auto;}
.popup_cont{overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 28px 28px;font-size:18px;line-height:26px;flex:1;}
.popup_cont .stxt{margin-bottom:16px;font-size:18px;line-height:26px;text-align:center;}
.popup_bottom{padding:16px 28px 32px;}
.popup_bottom .btn_wrap{margin-top:0;}

.popup_wrap,
.popup_full{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:200;}
.popup_wrap.open,
.popup_full.open{display:block;}

.popup_wrap .popup_head{position:relative;min-height:60px;padding:28px 60px 16px;}
.popup_wrap .popup_head .tit{font-size:18px;font-weight:500;line-height:26px;text-align:center;}
.popup_wrap .popup_inner{min-width:384px;width:auto;}
.is_pc .popup_cont::-webkit-scrollbar{width:8px;height:8px;}
.is_pc .popup_cont::-webkit-scrollbar-track{background-color:transparent;}
.is_pc .popup_cont::-webkit-scrollbar-thumb{background-color:#dbdbdb;border-radius:4px;}
.is_pc .popup_wrap .popup_cont{margin:0 8px 0 0;}
.is_pc .popup_wrap .popup_cont.non{margin:0 8px 8px 0;}
.is_pc .popup_full .popup_cont{margin:8px 8px 0 0;}
.is_pc .popup_full .popup_cont.non{margin:8px 8px 8px 0;}

.popup_wrap .popup_cont{padding:0 20px 0 28px;}
.popup_wrap .popup_cont.non{padding:0 32px 32px 40px;}

.popup_full .popup_head{min-height:88px;padding:26px 90px 26px 28px;border-bottom:1px solid #dbdbdb;}
.popup_full .popup_head .tit{font-size:24px;line-height:35px;font-weight:700;text-align:left;}
.popup_full .popup_inner{width:100%;}
.popup_full .popup_close{right:18px;top:24px;}
.popup_full .popup_cont{padding:32px 20px 0 28px;}
.popup_full .popup_cont.non{padding:32px 20px 32px 28px;}

/* layer */
.popup_layer{display:none;position:absolute;right:0;top:0;width:100%;background-color:#fff;border:1px solid #dbdbdb;z-index:100;}
.popup_layer.open{display:block;}
.popup_layer .popup_inner{position:relative;left:0;top:0;transform:none;background-color:#fff;overflow:hidden;z-index:110;}
.popup_layer .popup_head{position:relative;min-height:60px;padding:28px 56px 16px;}
.popup_layer .popup_head .tit{font-size:18px;font-weight:500;line-height:26px;text-align:center;}
.popup_layer .popup_close{right:16px;top:20px;}
.pop_share{max-width:361px;width:calc(100% - 40px);top:76px;right:50%;margin-right:-600px;}
.pop_share .popup_cont{padding:16px 30px 28px;}

/* alert */
.popup_alert{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:220}
.popup_alert.open{display:block;}
.popup_alert_inner{position:absolute;top:50%;left:50%;width:384px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
background:#fff;overflow:hidden;z-index:230}
.popup_alert_cont{position:relative;max-height:65vh;padding:64px 28px 16px;-webkit-overflow-scrolling:touch;overflow:hidden;overflow-y:auto;font-size:18px;text-align:center;line-height:26px;}
.popup_alert_cont .alert_txt{display:flex;justify-content:center;align-items:center;min-height:52px;font-size:18px;line-height:26px;}
.popup_alert_bottom{padding:6px 28px 28px;}
.popup_alert_bottom .btn_wrap{margin-top:0;}
.popup_alert .popup_close{right:18px;top:14px;}

/* 팝업 : 팔로우하기 */
.popup_sns .popup_inner{max-width:492px;width:100%;}
.popup_sns .popup_cont.non{padding:0 46px 56px 54px;text-align:center;}
.popup_sns .popup_cont .stxt{margin-bottom:32px;}
.sns_list ul{justify-content:space-between;display:flex;flex-wrap:wrap;gap:20px;}
.sns_list .btn_sns{display:block;}
.sns_list.follow ul{column-gap:48px;flex-wrap:wrap;}


/************************* content *************************/
/* title */
.tit_wrap{margin-bottom:40px;}
.tit_wrap .tit{overflow:hidden;position:relative;font-size:32px;font-weight:500;line-height:46px;color:#111;letter-spacing:0;}
.tit_wrap .side{margin-left:auto;flex-shrink:0;}
.tit_wrap .btn_more{display:inline-flex;align-items:center;position:relative;height:100%;margin-right:-10px;padding:0 10px;font-size:16px;color:#111;line-height:23px;}
.tit_wrap .btn_more:after{content:'';display:inline-block;position:relative;top:-2px;width:16px;height:16px;margin:1px 0 0 4px;background:url("data:image/svg+xml,%0A%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='3' y='8' width='11' height='1' fill='%23666666'/%3E%3Crect x='8' y='14' width='11' height='1' transform='rotate(-90 8 14)' fill='%23666666'/%3E%3C/svg%3E%0A") no-repeat center center / 16px auto;}
.tit_area{display:flex;position:relative;}

/* pagination */
.pagination{display:flex;align-items:center;justify-content:center;column-gap:4px;margin-top:120px;}
.pagination a{display:inline-block;width:32px;height:32px;font-family: Montserrat;font-size:16px;color:#999;line-height:32px;text-align:center;vertical-align:top;}/* 2024-04-11 폰트수정 */
.pagination .on{background-color:#f7f7f7;color:#111;}
.pagination .btn_prev{width:24px;height:24px;margin-right:12px;background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21L7 12L16 3' stroke='%23111111' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center center / 24px auto;}
.pagination .btn_next{width:24px;height:24px;margin-left:12px;background:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 21L17 12L8 3' stroke='%23111111' stroke-width='2'/%3E%3C/svg%3E%0A") no-repeat center center / 24px auto;}
.pagination .btn_prev.disabled{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 21L7 12L16 3' stroke='%23CCCCCC' stroke-width='2'/%3E%3C/svg%3E%0A");}
.pagination .btn_next.disabled{background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 21L17 12L8 3' stroke='%23CCCCCC' stroke-width='2'/%3E%3C/svg%3E%0A");}

/* tab */
.tab_menu.type01 > ul{display:flex;flex-wrap:wrap;gap:8px 0;margin:0 -8px;}
.tab_menu.type01 > ul > li{position:relative;padding:0 8px;}
.tab_menu.type01 > ul > li > a{display:block;font-size:18px;font-weight:500;color:#999;line-height:26px;}
.tab_menu.type01 > ul > li.on > a{font-weight:700;color:#111;}
.tab_menu.type01 > ul > li > a > span{display:inline-block;margin-left:8px;font-family: Montserrat;font-weight:500;line-height:22px;}/* 2024-04-11 폰트수정 */
.tab_menu.type01 > ul > li.disabled > a{color:#ccc;pointer-events:none;}

.tab_menu.type02 > ul{display:flex;flex-wrap:wrap;gap:8px 0;margin:0 -16px;}
.tab_menu.type02 > ul > li{position:relative;}
.tab_menu.type02 > ul > li:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:12px;background-color:#ccc;}
.tab_menu.type02 > ul > li:last-child:after{display:none;}
.tab_menu.type02 > ul > li > a{display:block;padding:0 16px;font-size:16px;font-weight:500;color:#999;line-height:24px;}
.tab_menu.type02 > ul > li.on > a{font-weight:700;color:#111;}
.tab_menu.type02 > ul > li.disabled > a{color:#ccc;pointer-events:none;}

.tab_menu.type03 > ul{display:flex;flex-wrap:wrap;gap:12px;}
.tab_menu.type03 > ul > li{position:relative;}
.tab_menu.type03 > ul > li > a{display:inline-flex;align-items:center;height:44px;padding:11.5px 15px 10.5px;background-color:#fff;border:1px solid #ccc;font-size:14px;font-weight:400;color:#111;line-height:20px;}
.tab_menu.type03 > ul > li.on > a{background-color:var(--point);border-color:var(--point);font-weight:500;}
.tab_menu.type03 > ul > li.disabled > a{color:#ccc;pointer-events:none;}

.tab_wrap .tab_menu.type03 ul { display:flex;}
.tab_wrap .tab_menu.type03 .btnbox{display:block;position:absolute;right:0;top:0;width:64px;height:36px;}
.tab_wrap .tab_menu.type03 .btnbox .btn_ico{display:block;position:absolute;right:0;top:0;width:64px;height:100%;background:linear-gradient(to left, #fff 65%, #fff 0%, transparent);}
.tab_wrap .tab_menu.type03 .btnbox .btn_ico:after{content:'';display:block;position:absolute;left:24px;top:50%;transform:translateY(-50%);width:24px;height:24px;background:url('../../resources/images/ico_arrow_down_24.svg') no-repeat 0 0 / 100% auto;}
.tab_wrap .tab_menu.type03 .btnbox .btn_ico.on:after{transform:translateY(-50%) rotate(180deg);}

.tab_cont {display: none;}
.tab_cont.active {display: block;}

/* PC 커스텀 스크롤 */
.scroll_custom > * {overflow:auto;}
.is_pc .scroll_custom > *::-webkit-scrollbar{width:4px;height:4px;}
.is_pc .scroll_custom > *::-webkit-scrollbar-thumb{background-color:#111;}
.is_pc .scroll_custom > *::-webkit-scrollbar-track{background-color:#dbdbdb}

/* 텍스트에어리어 */
.guide_row + .textarea_wrap{margin-top: 16px;}
.textarea_wrap{display: flex;flex-wrap:wrap;padding: 24px 8px 24px 24px;border: 1px solid #DBDBDB;}
.textarea_wrap.on{border-color: #111;}
.textarea{width: 100%;height: 140px;margin: 0;padding-right: 16px;border: 0;resize:none;font-family: Noto Sans KR;font-size: 16px;line-height: 28px;word-break: break-all;}
.textarea::placeholder{color: #999;font-family: Noto Sans KR;font-weight: 400;font-size: 16px;line-height: 28px;}
.textarea_wrap .cnt_txt{margin-top: 24px;color: #999;font-weight: 400;font-size: 14px;line-height: 20px;}
.textarea_wrap .current{color: #111;}
.is_pc .textarea::-webkit-scrollbar{width:4px;height:4px;}
.is_pc .textarea::-webkit-scrollbar-thumb{background-color:#111;}
.is_pc .textarea::-webkit-scrollbar-track{background-color:#dbdbdb}

/* 필터 */
.filter_comp{position: relative;}
.filter_comp .fc_header_row{display: flex;align-items: center;height: 52px;}
.filter_comp .fc_header_tit{display: flex;align-items: center;}
.filter_comp .fc_header_tit .fc_tit_txt{margin-right: 8px;color: #111;font-weight: 500;font-size: 18px;}
.filter_comp .fc_header_tit .fc_cnt{color: #111;font-weight: 500;font-size: 18px;}
.filter_comp .fc_btn_cancel{margin-left: 8px;color: #999;font-weight: 500;font-size: 14px;line-height: 20px;border-bottom: 1px solid #999;}
.filter_comp .fc_list_wrap{margin-bottom: 40px;} 
.filter_comp:last-child .fc_list_wrap{margin-bottom: 0;}
.filter_comp .fc_list{display: flex;flex-wrap:wrap;gap: 8px;} 
.filter_comp .fc_checkbox_wrap{position: relative;} 
.filter_comp .fc_checkbox{position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;cursor: pointer;} 
.filter_comp .fc_label{display: flex;align-items: center;height: 36px;padding: 0 16px;color: #111;font-family: 'Noto Sans KR';font-weight: 400;font-size: 14px;border: 1px solid #ccc;} 
.filter_comp .fc_checkbox:checked + .fc_label{color: #fff;font-weight: 500;background-color: #000;border-color: #000;} 
.filter_comp .fc_btn_toggle{position: absolute;top: 6px;right: -10px;width: 40px;height: 40px;background: url(../images/ic_arrow_down_20.svg) 50%/20px no-repeat;}
.filter_comp.open .fc_btn_toggle{background-image: url(../images/ic_arrow_up_20.svg);}

/* 셀렉트 + 인풋1 */
.select_inp_row{display: flex;justify-content: space-between;}
.select_inp_row .select_inp_select{width: 254px;height: 52px;padding: 0 50px 0 16px;color: #111;font-weight: 500;font-size: 16px;background: url(../images/ic_arrow_down_black_20.svg) calc(100% - 16px) 50%/20px no-repeat;border: 1px solid #ccc;}
.select_inp_row .inputbox{width: calc(100% - 266px);}

/* 시스템 접속 장애 */
.comm_error { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center; width:100%}
.comm_error .ico_error { width:80px; height:80px; margin:0 auto 48px; background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='22.5' stroke='%23111111' stroke-width='3'/%3E%3Crect x='23' y='12' width='3' height='16' fill='%23111111'/%3E%3Crect x='23' y='32' width='3' height='3' fill='%23111111'/%3E%3C/svg%3E%0A"); background-repeat:no-repeat}
.comm_error .ico_error.type02 {background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49.1683 56L55.9756 72H23.124L30.4986 56H49.1683Z' stroke='%23111111' stroke-width='4'/%3E%3Crect x='8' y='9' width='64' height='47' stroke='%23111111' stroke-width='4'/%3E%3Crect width='60' height='4' transform='matrix(1 0 0 -1 10 50)' fill='%23111111'/%3E%3Cmask id='mask0_11126_29288' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='10' y='14' width='60' height='28'%3E%3Cpath d='M70 14H10V41.7677H70V14Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11126_29288)'%3E%3Cpath d='M40.38 53.2881C33.8674 53.2881 28.5102 47.9309 28.5102 41.4183C28.5102 34.9057 33.8674 29.5486 40.38 29.5486C46.8926 29.5486 52.2497 34.9057 52.2497 41.4183C52.2497 47.9309 46.8926 53.2881 40.38 53.2881ZM40.38 32.0696C35.2329 32.0696 31.0312 36.2713 31.0312 41.4183C31.0312 46.5654 35.2329 50.7671 40.38 50.7671C45.527 50.7671 49.7287 46.5654 49.7287 41.4183C49.7287 36.2713 45.527 32.0696 40.38 32.0696Z' fill='%23111111' stroke='%23111111' stroke-width='2'/%3E%3Cpath d='M43.9514 66.5237H36.8086L34.8128 60.4312C33.4472 60.0111 32.1867 59.4859 30.9262 58.8556L25.1489 61.7968L20.1069 56.7548L23.0481 50.9775C22.4178 49.717 21.7876 48.4565 21.4724 47.0909L15.38 45.0951V37.9523L21.4724 35.9565C21.8926 34.5909 22.4178 33.3304 23.0481 32.0699L20.1069 26.2926L25.1489 21.2506L30.9262 24.1917C32.1867 23.5615 33.4472 22.9312 34.8128 22.6161L36.8086 16.5237H43.9514L45.9472 22.6161C47.3128 23.0363 48.5733 23.5615 49.8338 24.1917L55.6111 21.2506L60.6531 26.2926L57.7119 32.0699C58.3422 33.3304 58.9724 34.5909 59.2876 35.9565L65.38 37.9523V45.0951L59.2876 47.0909C58.8674 48.4565 58.3422 49.717 57.7119 50.9775L60.6531 56.7548L55.6111 61.7968L49.8338 58.8556C48.5733 59.4859 47.3128 60.1161 45.9472 60.4312L43.9514 66.5237ZM38.5943 64.1077H42.1657L44.0565 58.4354L44.6867 58.2254C46.2624 57.8052 47.7329 57.1749 49.2035 56.3346L49.8338 56.0195L55.1909 58.7506L57.7119 56.2296L54.9808 50.8724L55.296 50.2422C56.1363 48.8766 56.7666 47.301 57.1867 45.7254L57.3968 45.0951L63.0691 43.2044V39.6329L57.3968 37.7422L57.1867 37.1119C56.7666 35.5363 56.1363 33.9607 55.296 32.5951L54.9808 31.9649L57.7119 26.6077L55.1909 24.0867L49.8338 26.8178L49.2035 26.5027C47.838 25.6623 46.2624 25.0321 44.6867 24.6119L44.0565 24.4018L42.1657 18.7296H38.5943L36.7035 24.4018L36.0733 24.6119C34.4977 25.0321 33.0271 25.6623 31.5565 26.5027L30.9262 26.8178L25.5691 24.0867L23.0481 26.6077L25.7792 31.9649L25.464 32.5951C24.6237 33.9607 23.9934 35.5363 23.5733 37.1119L23.3632 37.7422L17.6909 39.6329V43.2044L23.3632 45.0951L23.5733 45.7254C23.9934 47.301 24.6237 48.8766 25.464 50.2422L25.7792 50.8724L23.0481 56.2296L25.5691 58.7506L30.9262 56.0195L31.5565 56.3346C32.922 57.1749 34.4977 57.8052 36.0733 58.2254L36.7035 58.4354L38.5943 64.1077Z' fill='%23111111' stroke='%23111111' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");}
.comm_error .err_comment01 { font-size:36px; font-weight:700; line-height:1.45; letter-spacing:-0.01em; margin:0 20px;}
.comm_error .err_comment02 { font-size:18px; font-weight:500; line-height:1.45; color:#666; margin:16px 20px 0 }


/* 에세이 목록 */
.essay_list > li {position: relative;width: 0;}
.essay_list > li > a {position: relative;display: block;}
.essay_list .thumb {overflow: hidden;position: relative;height: 0;padding-top: 100%;}
.essay_list .thumb img {position: absolute;top: 0;left: 0;object-fit: cover;width: 100%;height: 100%;}
.essay_list .cont {margin-top: 12px;}
.essay_list .cont > span {display:flex;align-items:center;}
.essay_list .cont .essay_cate::before {width: 16px;height: 16px;background-color: #111;top:-1px;}
.essay_list .cont .tit {height: 56px;margin-top: 8px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;white-space: inherit;font-size: 20px;font-weight: 700;line-height: 29px;}
.essay_list .cont .writer {margin-top: 24px;font-size: 14px;}
.essay_list .util {position: absolute;top: 16px;right: 16px;display: flex;gap: 6px;align-items: center;}
.essay_list .util .new {display: inline-block;width: 32px;height: 32px;background: url("../images/ico_new.svg") no-repeat 0 0 / contain;}

/* 운영규정 2024-05-02 추가*/
.term_type01 {}
.term_type01 dt { font-size:18px; font-weight:700; margin-bottom:40px; }
.term_type01 dt.p_tit {font-size:16px; font-weight:500; margin-bottom:20px; color:#111}
.term_type01 dd {color:#666; margin-bottom:40px; line-height:1.6; font-size:16px; font-weight:400;}
.term_type01 .p_txt  {color:#666; margin-bottom:40px; line-height:1.6; font-size:16px; font-weight:400;}
.term_type01 .p_tit {font-size:16px; font-weight:500; margin-bottom:20px; color:#111}
.term_type01 dd li {margin-top:5px; text-indent:-11px; padding-left:17px}
.term_type01 dd li.none {text-indent:0; padding-left:0}
.term_type01 dd li li {text-indent:-18px; padding-left:10px}
.term_type01 dd li li a { text-indent:0; padding-left:0}
.term_type01 dd li:first-child {margin-top:0}
.term_type01 dd ol ,.term_type01 dd ul  {margin-top:10px; margin-bottom:10px}
.term_type01 dd  li ol, .term_type01 dd li ul { margin-left:15px;}
.term_type01 dd.additional { margin-top:80px} 
.term_type01 .term_tbl { border-top:2px solid #111; border-bottom:1px solid #DBDBDB; margin-top:10px}
.term_type01 .term_tbl table { padding:0;border:0;border-spacing:0px;border-collapse:collapse; width:100%; table-layout:fixed;}
.term_type01 .term_tbl table th {font-size:14px; font-weight:500; text-align:center; line-height:1.6; padding:20px 0; color:#111}
.term_type01 .term_tbl table td {font-size:16px; font-weight:500; text-align:left; line-height:1.6; padding:24px 40px; border-top:1px solid #DBDBDB}
.term_type01 .term_tbl ~ .p_tit { margin-top:40px}
.term_type01 dd .term_st01 {margin-top:10px}
.term_type01 dd .term_st01 dt {font-size:16px; font-weight:400; color:#666; margin-bottom:5px}
.term_type01 dd .term_st01 dd {font-size:16px; font-weight:400; color:#666;margin:0 0 5px 20px}
.popup_cont .term_type01 dt { font-size: 16px; font-weight: 500; margin-bottom: 20px;}
.popup_cont .term_type01 dd { margin-bottom: 20px}
.popup_cont .term_type01 .p_txt { margin-bottom: 20px; font-weight:500;}

/************************* Media Query *************************/
@media (max-width:1280px){
	.pop_share {right: 40px;margin-right: 0;}
}
@media (max-width:1200px){
	.footer_top .cont_inner{flex-direction:column;align-items:flex-start;}
	.footer_sns{margin-top:20px;}
}
@media (max-width:1199px){
	.header_navi{position:relative;left:0;transform:none;width:auto;text-align:left;}
	.header_util{display:none;}
}
@media (max-width:1023px){
	.header_navi ul li a{padding:8px 0;}
	.familysite_list.family{max-width:100%;}
	.familysite_list li{width:calc(25% - 18px);}
}
@media (max-width:899px){
	.header_navi{display:none;}
}
@media (max-width:768px){
	/* 구글광고배너 */
	.ad_inread .ad_google > div{margin:80px auto;}/* 2024-05-24 수정*/
	.ad_inread .ad_google > div::before {font-size:12px;}/* 2024-05-24 수정*/

	.header .cont_inner{justify-content: space-between;}
	.header .logo{margin-left:0;}
	.header .btn_menu{position:relative;left:0;margin-right:-7px;}

	.pc_br{display:none;}
	.mo_br{display:block;}
	.cont_inner{padding:0 20px;}

	.btn{min-width:auto;}
	.has_plus:after{background-size:12px auto;}
	.has_arr01:after{margin-left:4px;background-size:12px auto;}
	.btn_ico.scrap{background-image:url('../images/ico_heart_24.svg');background-size:24px auto;}
	.btn_ico.scrap.on{background-image:url('../images/ico_heart_24_on.svg');background-size:24px auto;}
	.btn_ico.share{background-image:url('../images/ico_share_24.svg');background-size:24px auto;}
	.btn_ico.zoom{width:36px;height:36px;}
	.btn_ico.download{width:32px;height:32px;}
	.btn_ico.download:after{width:16px;height:16px;
		background-image:url('../images/ico_download_16.svg');}
	.btn_ico.dibs{width:28px;height:28px;}

	.btn_more_wrap.type1{margin-top:40px;}
	.btn_more_wrap.type2{margin-top:30px;}
	.btn_more_wrap .btn{height:44px;font-size:14px;}

	.btn_wrap{margin-top:60px;}
	.btn_wrap .btn ~ .btn{margin-left:12px;}

	.btn_wrap.type2{margin-top:60px;}
	.btn_list_wrap{margin-top:80px;}
	.btn_list_wrap .btn{width:100%;}

	/* go to top */
	.btn_top {
		/* bottom: calc(100% + 60px); */
		right: 20px; transform: translateY(-80px);
		width: 52px;height: 52px;
		box-shadow: 1px 4px 6px 0px rgba(0, 0, 0, 0.16);
	}
	.btn_top.fixed {bottom: 60px; transform: translateY(0px);}

	.tit_wrap{margin-bottom:24px;}
	.tit_wrap .tit{font-size:22px;line-height:32px;}
	.tit_wrap .btn_more{display:block;width:32px;height:32px;margin-right:-5px;padding:0;}
	.tit_wrap .btn_more span{display:none;}
	.tit_wrap .btn_more:after{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);margin:0;width:24px;height:24px;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2V22' stroke='%23666666' stroke-width='2'/%3E%3Cpath d='M22 12L2 12' stroke='%23666666' stroke-width='2'/%3E%3C/svg%3E%0A");background-size:24px auto;}

	
	/* header */
	.header {height:48px;}
	.header .logo{width:123px;height:24px;margin-right:0;}
	.header .btn_menu:after{background-image:url('../images/ico_menu_24.svg');background-size:24px auto;}

	.floating_bar{height:100%;top:48px; }
	.floating_bar .detail_info .sharebox{column-gap:6px;margin-right:-7px;}
	.floating_bar .detail_info .txtbox{margin-right:13px;}
	.floating_bar .detail_info .txtbox .tit{font-size:12px;line-height:18px;}
	.header.view.active .floating_bar{height: 48px;}
    .breadcrumb{display:none;}
	

	/* 전체메뉴 */
	.allmenu_area{width:100%;}
	.allmenu_cont .scroll_custom{height:calc(100% - 49px);padding:0;}
	.allmenu_inner{overflow-y:auto;width:100%;height:100%;padding:40px 48px 60px;}
	.allmenu_wrap .top_area{display: flex;justify-content: flex-end;align-items: center;height:49px;padding:5px 20px;border-bottom:1px solid #dbdbdb;}
	.allmenu_wrap .btn_menu_close:before{width:24px;height:24px;background-image:url('../images/ico_close_24.svg');}
	.allmenu_util {margin-bottom: 32px;}
	.allmenu_util a{font-size:14px;}
	.allmenu_single{margin-bottom:36px;padding-bottom:36px}
	.allmenu_single li a{font-size:24px;line-height:35px;}
	.allmenu_list .depth1 > li{margin-top:24px;}
	.allmenu_list .depth1 > li > a{margin-right:35px;font-size:24px;line-height:35px;}
	.allmenu_list .depth1 > li > a span{right:-40px;width:35px;height:35px;}
	.allmenu_list .depth1 > li.has_menu > a span:before{top:9px;right:0;width:16px;height:16px;}
	.allmenu_list .depth2 > li{margin-top:16px;}
	.allmenu_list .depth2 > li > a{font-size:16px;line-height:23px;}
	.allmenu_wrap .etc_link li a{font-size:24px;line-height:35px;}
	.allmenu_wrap .etc_link li a::after{width: 20px;height: 20px;background-image: url("../images/ico_arrow_right_20.svg");}
	.allmenu_wrap .banner{margin-left: -48px;margin-right: -48px;}
	.allmenu_wrap .sns_list{margin-top:60px;}

	.inputbox .inp{padding:0 16px;}
	.btn_ico.search{background-image:url('../images/ico_search_20.svg');background-size:20px auto;}
	.inputbox.search .inp{height:52px;padding-right:44px;}
	.inputbox.search .inp.typed{padding-right:72px;}
	.inputbox.search .btn_ico.search{right:9px;top:9px;}
	.inputbox.search .btn_ico.del{right:44px;top:9px;}

	/* footer */
	.footer_top{padding:19px 0;}
	.footer_link ul{gap:8px 17px;}
	.footer_link li{position:relative;}
	.footer_link li:after{content:'';position:absolute;right:-9px;top:4px;display:block;width:1px;height:11px;background-color:#dbdbdb;}
	.footer_link li:last-child:after{display:none;}
	.footer_link li a{font-size:12px;font-weight:400;line-height:17px;}
	.footer_bottom{padding:40px 0;}
	.footer_bottom .cont_inner{flex-direction:column;}
	.footer_logo{width:112px;height:37px;}
	.footer_sns ul{column-gap:16px;}
	.footer_sns li a{width:24px;height:24px;}
	.footer_info{margin-top:30px;margin-left:0;}
	.footer_info .addr_wrap em{margin-bottom:12px;font-size:12px;line-height:17px;}
	.footer_info .addr_txt span{margin-bottom:6px;font-size:12px;font-weight:400;line-height:17px;}
	.footer_info .addr_txt .addr,
	.footer_info .addr_txt .report,
	.footer_info .addr_txt .num{margin-right:0;}
	.footer_info .addr_txt .addr,
	.footer_info .addr_txt .report{display:block;}
	.footer_info .addr_txt .addr:after,
	.footer_info .addr_txt .num:after{display:none;}
	.footer_info .addr_txt .ceo{margin-right:14px;}
	.footer_info .addr_txt .ceo:after{content:'';display:inline-block;position:absolute;right:-8px;top:3px;width:1px;height:11px;background-color:#dbdbdb;}
	.footer_info .copyright{margin-top:12px;font-size:12px;font-weight:400;line-height:17px;}
	.family_wrap .btn_familysite{justify-content:center;width:100%;height:51px;font-size:14px;}
	.family_wrap .btn_familysite:after{width:12px;height:12px;}
	.familysite{padding:40px 0;}
	.familysite .tab_menu.type02{margin-bottom:32px;}
	.familysite .tab_menu.type02 li a{font-size:16px;}
	.familysite_list ul{gap:18px 12px;}
	.familysite_list li,
	.familysite_list.family li{width:calc(50% - 6px);}
	.familysite_list li a{font-size:14px;}

	/* popup */
	.popup_head{min-height:56px;padding:24px 50px 16px;}
	.popup_head .tit{font-size:16px;line-height:23px;}
	.popup_bottom{padding:16px 20px 32px;}

	.popup_wrap .popup_inner{min-width:auto;max-width:335px;width:calc(100% - 40px);max-height:80vh;}
	.popup_wrap .popup_bottom{padding:32px 28px 28px;}

	.popup_full .popup_inner{left:0;top:0;transform:translate(0, 0);min-width:auto;max-width:100%;height:100%;max-height:100vh;}
	.popup_full .popup_head{min-height:48px;padding:11px 70px 11px 20px;border-bottom:0;}
	.popup_full .popup_head .tit{font-size:18px;line-height:26px;}
	.popup_full .popup_cont{margin:0;padding:40px 20px 0;font-size:16px;line-height:23px;}
	.popup_full .popup_cont.non{margin:0;padding:40px 20px;}
	.popup_full .popup_close{right:10px;top:4px;}

	.popup_alert_inner{width:calc(100% - 40px);max-width:335px;}
	.popup_alert_cont{padding:60px 24px 16px;font-size:16px;line-height:23px;}
	.popup_alert_cont .alert_txt{min-height:46px;font-size:16px;line-height:23px;}
	.popup_alert_bottom{padding:16px 24px 24px;}

	.popup_sns .popup_cont.non{padding:0 24px 48px;}
	.popup_sns .stxt{font-size:16px;line-height:23px;}
	.sns_list.follow ul{column-gap:20px;row-gap:20px;max-width:277px;margin:0 auto;}
	.sns_list .btn_sns .tit{font-size:12px;line-height:17px;}

	.popup_layer .popup_head{padding:24px 60px 16px;}
	.popup_layer .popup_head .tit{font-size:16px;line-height:23px;}
	.popup_layer .popup_close{right:13px;top:14px;}
	.pop_share{max-width:335px;right:20px;top:54px;}
	.pop_share .popup_cont{padding:16px 24px 24px;}

	.pagination{margin-top:40px;}
	.pagination a{width:28px;height:28px;font-size:14px;line-height:28px;}
	.pagination .btn_prev{width:20px;height:20px;margin-right:8px;background-size:20px auto;}
	.pagination .btn_next{width:20px;height:20px;margin-left:8px;background-size:20px auto;}

	/* checkbox */
	.chk_in input[type="checkbox"],
	.chk_in label:before{top:0;}
	.chk_in label{font-size:14px;line-height:20px;}

	/* radio */
	.radio_in input[type="radio"],
	.radio_in label:before{top:0;}
	.radio_in label{font-size:14px;line-height:20px;}

	/* selectbox */
	.selectbox .select_options{padding:0;}
	.selectbox .select_options li{padding-right:15px;}
	.selectbox .select_options li:first-child{padding-top:11px;}
	.selectbox .select_options li:last-child{padding-bottom:11px;}

	/* 시스템 접속 장애 */
	.comm_error .ico_error { width:48px; height:48px; margin-bottom:24px; background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='24' cy='24' r='22.5' stroke='%23111111' stroke-width='3'/%3E%3Crect x='23' y='12' width='3' height='16' fill='%23111111'/%3E%3Crect x='23' y='32' width='3' height='3' fill='%23111111'/%3E%3C/svg%3E%0A");}
	.comm_error .ico_error.type02{background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M29.501 33.6L33.5854 43.2H13.8744L18.2991 33.6H29.501Z' stroke='%23111111' stroke-width='2.4'/%3E%3Crect x='4.79998' y='5.4' width='38.4' height='28.2' stroke='%23111111' stroke-width='2.4'/%3E%3Crect width='36' height='2.4' transform='matrix(1 0 0 -1 6 30)' fill='%23111111'/%3E%3Cmask id='mask0_11126_29329' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='6' y='8' width='36' height='18'%3E%3Cpath d='M42 8.39999H6V25.0606H42V8.39999Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_11126_29329)'%3E%3Cpath d='M24.2281 31.9729C20.3205 31.9729 17.1062 28.7586 17.1062 24.851C17.1062 20.9434 20.3205 17.7292 24.2281 17.7292C28.1356 17.7292 31.3499 20.9434 31.3499 24.851C31.3499 28.7586 28.1356 31.9729 24.2281 31.9729ZM24.2281 19.2418C21.1398 19.2418 18.6188 21.7628 18.6188 24.851C18.6188 27.9392 21.1398 30.4602 24.2281 30.4602C27.3163 30.4602 29.8373 27.9392 29.8373 24.851C29.8373 21.7628 27.3163 19.2418 24.2281 19.2418Z' fill='%23111111' stroke='%23111111' stroke-width='1.2'/%3E%3Cpath d='M26.3709 39.9142H22.0852L20.8877 36.2588C20.0684 36.0067 19.3121 35.6915 18.5558 35.3134L15.0894 37.0781L12.0642 34.0529L13.8289 30.5865C13.4507 29.8302 13.0726 29.0739 12.8835 28.2546L9.22803 27.0571V22.7714L12.8835 21.5739C13.1356 20.7546 13.4507 19.9982 13.8289 19.2419L12.0642 15.7756L15.0894 12.7503L18.5558 14.5151C19.3121 14.1369 20.0684 13.7588 20.8877 13.5697L22.0852 9.91422H26.3709L27.5684 13.5697C28.3877 13.8218 29.144 14.1369 29.9003 14.5151L33.3667 12.7503L36.3919 15.7756L34.6272 19.2419C35.0053 19.9982 35.3835 20.7546 35.5726 21.5739L39.228 22.7714V27.0571L35.5726 28.2546C35.3205 29.0739 35.0053 29.8302 34.6272 30.5865L36.3919 34.0529L33.3667 37.0781L29.9003 35.3134C29.144 35.6915 28.3877 36.0697 27.5684 36.2588L26.3709 39.9142ZM23.1566 38.4646H25.2995L26.4339 35.0613L26.8121 34.9352C27.7574 34.6831 28.6398 34.305 29.5221 33.8008L29.9003 33.6117L33.1146 35.2503L34.6272 33.7377L32.9885 30.5235L33.1776 30.1453C33.6818 29.326 34.06 28.3806 34.3121 27.4352L34.4381 27.0571L37.8415 25.9226V23.7798L34.4381 22.6453L34.3121 22.2672C34.06 21.3218 33.6818 20.3764 33.1776 19.5571L32.9885 19.1789L34.6272 15.9646L33.1146 14.452L29.9003 16.0907L29.5221 15.9016C28.7028 15.3974 27.7574 15.0193 26.8121 14.7672L26.4339 14.6411L25.2995 11.2377H23.1566L22.0221 14.6411L21.644 14.7672C20.6986 15.0193 19.8163 15.3974 18.9339 15.9016L18.5558 16.0907L15.3415 14.452L13.8289 15.9646L15.4675 19.1789L15.2784 19.5571C14.7742 20.3764 14.3961 21.3218 14.144 22.2672L14.0179 22.6453L10.6146 23.7798V25.9226L14.0179 27.0571L14.144 27.4352C14.3961 28.3806 14.7742 29.326 15.2784 30.1453L15.4675 30.5235L13.8289 33.7377L15.3415 35.2503L18.5558 33.6117L18.9339 33.8008C19.7532 34.305 20.6986 34.6831 21.644 34.9352L22.0221 35.0613L23.1566 38.4646Z' fill='%23111111' stroke='%23111111' stroke-width='1.2'/%3E%3C/g%3E%3C/svg%3E%0A");}
	.comm_error .err_comment01 { font-size:22px;}
	.comm_error .err_comment02 { font-size:14px;margin:12px 20px 0}
	.comm_error .err_comment01 span, .comm_error .err_comment02 span{ display:block}

	.essay_list .cont {margin-top: 8px;}
	.essay_list .cont .essay_cate {font-size: 11px;}
	.essay_list .cont .essay_cate::before {top: -2px;}
	.essay_list .cont .tit {height: 39px;margin-top: 4px;font-size: 14px;line-height: 20px;}
	.essay_list .cont .writer {margin-top:16px;font-size: 12px;}
	.essay_list .util {top: 8px;right: 8px;gap: 4px;}
	.essay_list .util .new {width: 28px;height: 28px;}

	.cate_wrap {margin: 0 -20px;}
	.cate_wrap .btnbox {display: block;}
	.cate_wrap .btnbox .btn_ico.fold.on {background: none;}
	.cate_wrap .btnbox .btn_ico.fold.on::after {transform: translateY(-50%) rotate(180deg);}
	.cate_wrap .cate_inner {overflow-x: auto;display: block;white-space: nowrap;padding: 0 64px 0 20px;}
	.cate_wrap .cate_inner::-webkit-scrollbar {display: none;}
	.cate_wrap .cate_inner .cate_item + .cate_item {margin-left: 12px;}
	.cate_wrap.on .cate_inner {display: flex;flex-wrap: wrap;gap: 8px 12px;justify-content: flex-start;}
	.cate_wrap.on .cate_inner .cate_item + .cate_item {margin-left: 0;}

	.textarea_wrap{padding: 20px 5px 20px 20px;}
	.textarea {padding-right: 15px;font-size: 14px;}
	

	/* 운영규정 2024-05-02 추가*/
	.term_type01 .term_tbl table th {font-size:14px;padding:20px 0px}
	.term_type01 .term_tbl table td {font-size:14px; padding:24px 10px}
	.term_type01 dd {margin-bottom:16px; line-height:1.6; font-size:14px;}
	.term_type01 .p_txt {margin-bottom:32px; line-height:1.6; font-size:14px;}
	.term_type01 dt.p_tit {font-size:18px; font-weight:700; margin-bottom:20px; color:#111}
	.term_type01 dd .term_st01 dt {font-size:14px; text-indent:-18px; padding-left:18px}
	.term_type01 dd .term_st01 dd {font-size:14px;}
	.term_type01 dd li .term_st01 {font-size:14px; margin-left:-20px}
	.term_type01 dd li .term_st01 dd { margin-left:40px}

	/*툴팁*/
	.tooltip_cover{padding : 0 11px;}
	.tooltip_div .tooltip_text{font-size:12px;}
	.tooltip_bottom::after {right: 15%;}
	.tooltip_text .close_btn{width: 10px; height: 10px;}

}

@media (max-width:425px){
	.is_mobile .popup_full.common_login .popup_cont { margin:0}
}

@media (max-width:360px){
	.sns_list.follow ul{column-gap:18px;}
}

@media (max-width:320px){
	.allmenu_inner{padding:40px 24px 60px;}
	.ui-datepicker .ui-datepicker-calendar th,
	.ui-datepicker .ui-datepicker-calendar td{width:auto;}
	.ui-datepicker td span,
	.ui-datepicker td a{width:auto;}
	.allmenu_wrap .sns_list ul{column-gap:normal;}
	.pop_share .popup_cont{padding-left:20px;padding-right:20px;}
	.pop_share .sns_list ul{column-gap:15px;}
}