@charset "utf-8";

#wrap { min-width: 1300px; overflow: clip; }
/*** common ***/
.after_div { *zoom: 1; }
.after_div:after { clear: both; content: ""; display: block; }
.clear { *zoom: 1; }
.clear:after { clear: both; content: ""; display: block; }
.fl { float: left; }
.fr { float: right; }
.relative { position: relative; }
.absolute { position: absolute; }
.block { display: block; }
.blind, .dn { display: none !important; }
/*** 정렬 ***/
.ta_left { text-align: left !important; }
.ta_center { text-align: center !important; }
.ta_right { text-align: right !important; }
.main_w_custom { position: relative; width: calc(100% - 60px); margin: 0 auto; max-width: 1520px; padding: 0; box-sizing: border-box; }
.contents_wrap, .w_custom { position: relative; width: calc(100% - 60px); max-width: 1400px; margin: 0 auto; box-sizing: border-box; }
.contents_wrap { padding-bottom: 150px; }
/*───────────────────────────────────────────────────────────

	input, button

───────────────────────────────────────────────────────────*/
/* input */
input[type="text"], input[type="password"], input[type="number"], input[type="date"] { height: 60px; line-height: normal; border: 1px solid var(--border-color01); color: var(--black-color06); font-size: var(--title-18); text-indent: 0; box-sizing: border-box; vertical-align: middle; border-radius: 5px; outline: 0; }
button { outline: 0; box-sizing: border-box; }
select { outline: 0; cursor: pointer; height: 27px; line-height: 25px; font-size: 12px; color: #555; border: 1px solid #ddd; box-sizing: border-box; margin: 0; padding: 0 0 0 10px; vertical-align: middle; text-align: left; border-radius: 0; background-color: #fff; }
.select_box_wrap { display: inline-block; height: 30px; line-height: 30px; position: relative; z-index: 1; box-sizing: border-box; margin: 0; padding: 0; }
.select_box_wrap .select_box_arrow { display: none; cursor: pointer; position: absolute; z-index: 5; width: 0px; height: 0px; right: 7px; top: 12px; border-right: 6px solid transparent; border-bottom: 6px solid #aaa; transform: rotate(315deg); -ms-transform: rotate(315deg); -webkit-transform: rotate(315deg); -moz-transform: rotate(225deg); -o-transform: rotate(315deg); }
input[type="checkbox"] { display: none; }
input[type="checkbox"] + label { display: flex; font-size: var(--title-18); font-weight: 500; color: var(--black-color03); cursor: pointer; gap: 11px; line-height: 25px; }
input[type="checkbox"] + label:before { display: inline-block; content: ""; width: 25px; height: 25px; background: url('../images/da_image/icon_chk.svg') no-repeat center / 100% auto; flex-shrink: 0; }
input[type="checkbox"]:checked + label:before { background-image: url('../images/da_image/icon_chk_on.svg'); }
input[type="checkbox"] + label em { font-weight: inherit; color: var(--point-color01); display: contents; }
input[type="radio"] { display: none; }
input[type="radio"] + label { cursor: pointer; }
input[type="radio"] + label:before, input[type="radio"] + label::before { display: inline-block; content: ""; width: 13px; height: 13px; margin: -2px 5px 0 20px; vertical-align: middle; background: url('../../../../lib/images/icon_input_radio.png') left top no-repeat; cursor: pointer; }
input[type="radio"]:checked + label:before, input[type="radio"]:checked + label::before { background: url('../../../../lib/images/icon_input_radio_on.png') left top no-repeat; }
input[type="radio"] + label:first-of-type:before, input[type="radio"] + label:first-of-type::before { margin-left: 0; }
textarea { font-size: 12px; color: #666; border: 1px solid #ddd; box-sizing: border-box; margin: 0; padding: 0 10px; vertical-align: middle; text-align: left; border-radius: 0; }
.btn_center { text-align: center; font-size: 0; padding-top: 60px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; }
.btn_right a { font-size: 15px; font-weight: 700; }
.btn, .btn_sm, .btn_bbs_go { font-weight: 600; border: 1px solid; text-align: center; display: inline-flex; box-sizing: border-box; cursor: pointer; outline: 0; align-items: center; justify-content: center; border-radius: 50px; }
.btn { width: 200px; height: 70px; line-height: 1.2; font-size: var(--title-22); color: var(--point-white); font-weight: 500; }
#wrap .btn_basic { border-color: #888; background-color: #7e7e7e; }
#wrap .btn_point { border-color: var(--point-color01); background-color: var(--point-color01); }
#wrap .btn_sm { border-color: #ddd; background-color: #fff; color: #555; }
.btn_reset { background: #fff url('../images/board/icon_btn_reset.gif') no-repeat 9px 50%; padding: 0 10px 0 30px; line-height: 28px; }
/*───────────────────────────────────────────────────────────

	layout

───────────────────────────────────────────────────────────*/
.skip_nav { position: relative; z-index: 9999; }
.skip_nav a { display: block; height: 1px; width: 1px; margin-bottom: -1px; overflow: hidden; font-size: 12px; color: #fff; font-weight: bold; white-space: nowrap; text-align: center; }
.skip_nav a:focus, .skip_nav a:active { height: auto; width: 100%; padding: 0; margin-bottom: 0; position: absolute; left: 0; top: 0; }
/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
#header { position: fixed; top: 0; left: 0; width: 100%; z-index: 51; box-sizing: border-box; transition: all 0.5s; border-bottom: 1px solid rgba(17, 17, 17, 0.3); background: var(--point-white); }
#header .hd_cont { box-sizing: border-box; padding: 0 40px; height: 100px; position: relative; display: flex; align-items: center; justify-content: space-between; }
#header .hd_logo { width: 242px; height: 50px; }
#header .hd_logo a { display: block; width: 100%; height: 100%; background: url('../images/da_image/hd_logo_ov.png')no-repeat center; background-size: auto 100%; }
#header .hd_cont .hd_lnb { position: absolute; left: 50%; transform: translate(-50%); display: flex; align-items: center; justify-content: center;}
#header .hd_cont .hd_lnb > li { position: relative;padding:0 32px;min-width:100px;}
#header .hd_cont .hd_lnb > li > a { font-size: 18px; color: var(--black-color01); font-weight: 500; line-height: 100px;position: relative;}
#header .hd_cont .hd_lnb > li > a:before{width:0;height:1px;content:"";background:var(--point-color01);position: absolute;bottom:-2px;left:50%;transform:translate(-50%);transition:width 0.3s;}
#header .hd_cont .hd_lnb .lnb_dep2 { display: none; position: absolute; top: 100%; left: 50%; transform: translate(-50%); background: var(--point-white); border: 1px solid var(--border-color01); box-sizing: border-box; width: 180px; padding: 20px 20px; }
#header .hd_cont .hd_lnb .lnb_dep2 li + li { margin-top: 20px; }
#header .hd_cont .hd_lnb .lnb_dep2 li a { font-size: 16px; color: var(--black-color01); font-weight: 400; }
#header .hd_cont .hd_right { display: flex; align-items: center; }
#header .hd_cont .hd_right .btn_inq { display: inline-flex; box-sizing: border-box; align-items: center; justify-content: center; margin-right: 40px; width: 140px; height: 40px; border-radius: 20px; background: var(--point-color01); }
#header .hd_cont .hd_right .btn_inq span { font-size: 16px; color: var(--point-white); font-weight: 500; padding-right: 23px; position: relative; }
#header .hd_cont .hd_right .btn_inq span:after { width: 8px; height: 8px; content: ""; border: 1px solid var(--point-white); border-width: 2px 2px 0 0; transform: rotate(45deg); position: absolute; top: 5px; right: 1px; }
#header .hd_cont .hd_right .hd_search { display: inline-block; width: 22px; height: 22px; background: url('../images/da_image/hd_search_ov.svg')no-repeat center; background-size: auto 100%; }
#header .multi_lang { display: inline-block; box-sizing: border-box; position: relative; margin-left: 20px; }
#header .multi_lang dt { box-sizing: border-box; padding: 0 20px 0 0; position: relative; cursor: pointer; width: 40px; }
#header .multi_lang .btn_lang { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; cursor: pointer; z-index: 3; }
#header .multi_lang dt span { display: block; box-sizing: border-box; position: relative; font-size: 0; transition: all 0.5s; padding-left: 31px; background: url('../images/da_image/hd_globe_ov.svg')no-repeat left center; line-height: 22px; font-size: 16px; color: var(--black-color01); font-weight: 600; }
#header .multi_lang dd { display: none; box-sizing: border-box; background: #fff; width: 70px; position: absolute; top: 140%; left: 50%; transform: translateX(-50%); border: 1px solid #ccc; border-radius: 4px; padding: 7px 0; text-align: center; }
#header .multi_lang dd ul li + li { margin-top: 5px; }
#header .multi_lang dd ul li a { font-size: 13px; color: #666; font-weight: 400; display: block; text-transform: uppercase; line-height: initial; }
#header .btn_cate { margin-left: 35px; width: 30px; height: 30px; }
#header .btn_cate a { display: block; width: 100%; height: 100%; background: url('../images/da_image/btn_all_cate_ov.svg')no-repeat center; background-size: auto 100%; }

/*main*/
#header.main { background: none; border-color: rgba(255,255,255,0.3); }
#header.main .hd_logo a { background: url('../images/da_image/hd_logo.png')no-repeat center; background-size: auto 100%; }
#header.main .hd_cont .hd_lnb > li > a { color: var(--point-white); }
#header.main .hd_cont .hd_right .hd_search { background: url('../images/da_image/hd_search.svg')no-repeat center; background-size: auto 100%; }
#header.main .multi_lang dt span { background: url('../images/da_image/hd_globe.svg')no-repeat left center; color: var(--point-white); }
#header.main .btn_cate a { background: url('../images/da_image/btn_all_cate.svg')no-repeat center; background-size: auto 100%; }

/*all cate*/
.hd_all_cate{position: absolute;width:100%;box-sizing:border-box; top: 100%; left: 50%; transform: translate(-50%); background: var(--point-white); border: 1px solid var(--border-color01);padding:20px 20px;display: none;}
.hd_all_cate > ul{display: flex;justify-content: center; gap: 65px; }
.hd_all_cate > ul > li{min-width:100px;}
.hd_all_cate > ul > li > a{font-size:0;}
.hd_all_cate .lnb_dep2 li + li{margin-top: 20px; }
.hd_all_cate .lnb_dep2 li a{font-size: 16px; color: var(--black-color01); font-weight: 400;}



@media only screen and (min-width:1024px) {
	#header:hover { background: var(--point-white); border-color: rgba(17,17,17,0.3); }
	#header:hover .hd_logo a { background: url('../images/da_image/hd_logo_ov.png')no-repeat center; background-size: auto 100%; }
	#header:hover .hd_cont .hd_lnb > li > a { color: var(--black-color01); }
	#header:hover .hd_cont .hd_right .hd_search { background: url('../images/da_image/hd_search_ov.svg')no-repeat center; background-size: auto 100%; }
	#header:hover .multi_lang dt span { background: url('../images/da_image/hd_globe_ov.svg')no-repeat left center; color: var(--black-color01); }
	#header:hover .btn_cate a { background: url('../images/da_image/btn_all_cate_ov.svg')no-repeat center; background-size: auto 100%; }
	#header .hd_cont .hd_lnb > li:hover > a { color: var(--point-color01); font-weight: 500; }
	#header .hd_cont .hd_lnb .lnb_dep2 li:hover a { color: var(--point-color01); font-weight: 500; }
	.hd_all_cate .lnb_dep2 li:hover a{color: var(--point-color01); font-weight: 500;}
	#header .hd_cont .hd_lnb > li.active > a { color: var(--point-color01); font-weight: 500; }
	#header .hd_cont .hd_lnb > li:hover > a:before,
	#header .hd_cont .hd_lnb > li.active > a:before{width:100%;}
}
@media only screen and (max-width:1400px) {
	#header .hd_cont .hd_lnb li{padding:0 10px; }
}
/*───────────────────────────────────────────────────────────

	 Aside

───────────────────────────────────────────────────────────*/
.aside_bg { width: 30.5%; height: 100%; position: fixed; top: 0; left: -35%; opacity: 0; transition: all 0.5s; background: url('../images/da_image/cate-bg.jpg')no-repeat center top; background-size: cover; z-index: 105; display: flex; align-items: flex-end; padding: 0 0 100px 60px; box-sizing: border-box; }
.aside_bg:after { width: 100%; height: 100%; content: ""; background: var(--black-color00); opacity: 0.2; position: absolute; top: 0; left: 0; }
.aside_bg.on { left: 0%; opacity: 1; transition: all 0.5s; }
.aside_bg .aside_logo { display: block; vertical-align: top; padding: 42px 0 0 60px; position: absolute; top: 0; left: 0; width: 100%; }
#aside { top: 0px; right: -69.6%; width: 69.6%; transition: 0.8s; height: 100%; box-sizing: border-box; box-sizing: border-box; position: fixed; background: var(--point-color01); z-index: 99; opacity: 0; transition: all 0.5s; }
#aside.on { right: 0%; opacity: 1; transition: all 0.5s; }
#aside .aside_box { width: 100%; height: 100%; margin: 0; overflow: hidden; position: relative; z-index: 1; box-sizing: border-box; display: block; font-size: 0; padding: 40px 60px 0 60px; }
#aside .aside_box .aside_container { width: 100%; height: 100%; position: relative; font-size: 0; }
#aside .aside_logo { display: none; vertical-align: top; padding: 29px 0 28px 72px; }
#aside .aside_logo a { display: block; width: 100%; height: 100%; }
#aside .aside_right { display: flex; align-items: center; justify-content: flex-end; }
#aside .btn_cate { display: inline-block; box-sizing: border-box; vertical-align: top; width: 40px; height: 40px; position: relative; }
#aside .btn_cate a { display: block; width: 100%; height: 100%; position: relative; }
#aside .btn_cate a span { display: inline-block; width: 100%; height: 2px; background: #fff; position: absolute; top: 50%; left: 0; }
#aside .btn_cate a span:nth-child(1) { transform: rotate(-45deg); }
#aside .btn_cate a span:nth-child(2) { transform: rotate(45deg); }
#aside .slide_container { max-height: calc(100% - 140px); display: block; box-sizing: border-box; vertical-align: top; margin-top: 50px; overflow-y: auto; padding-left: 60px; margin-right: 60px; }
#aside .slide_container::-webkit-scrollbar { background: var(--point-color01); width: 4px; }
#aside .slide_container::-webkit-scrollbar-thumb { width: 4px; border-radius: 2px; background: var(--point-white); box-sizing: border-box; }
#aside .slide_container > ul {
}
#aside .slide_container > ul > li { display: flex; box-sizing: border-box; align-items: flex-start; flex-wrap: wrap; padding: 40px 0; }
#aside .slide_container > ul > li + li { border-top: 1px solid rgba(217, 217, 217, 0.2); }
#aside .slide_container > ul > li .title { width: 240px; }
#aside .slide_container > ul > li .title p { font-size: 30px; color: var(--point-white); font-weight: 600; }
#aside .slide_container > ul > li .title p a { font-size: inherit; color: inherit; font-weight: inherit; }
#aside .slide_container > ul > li .sub_dep { width: calc(100% - 240px); box-sizing: border-box; padding: 0 30px 0 40px; display: flex; flex-wrap: wrap; }
#aside .slide_container > ul > li .sub_dep > li { margin: 0 20px; }
#aside .slide_container > ul > li .sub_dep > li > a { font-size: 22px; color: var(--point-white); font-weight: 500; flex-shrink: 0; position: relative; }
#aside .slide_container > ul > li .sub_dep > li.group_tit { width: 100%; display: flex; gap: 15px 40px; align-items: center; }
#aside .slide_container > ul > li .sub_dep > li.group_tit > ul { display: flex; gap: 10px 25px; flex-wrap: wrap; box-sizing: border-box; align-items: center; }
#aside .slide_container > ul > li .sub_dep > li.group_tit > ul li { margin: 0; }
#aside .slide_container > ul > li .sub_dep > li.group_tit > ul li a { font-size: 20px; color: rgba(255,255,255,0.6); font-weight: 300; position: relative; }
@media only screen and (min-width:1024px) {
	#aside .slide_container > ul > li .sub_dep > li:hover > a:before, #aside .slide_container > ul > li .sub_dep > li.group_tit > ul li:hover > a:before { position: absolute; content: ''; width: 100%; height: 1px; bottom: -1px; background: var(--point-white); }
	#aside .slide_container > ul > li .sub_dep > li.group_tit > ul li a:hover { color: var(--point-white); }
}
/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
#footer { background: #131313; box-sizing: border-box; padding-top: 41px; }
#footer .ft_menu { display: flex; gap: 35px; }
#footer .ft_menu li a { font-size: 14px; color: var(--black-color08); font-weight: 400; }
#footer .ft_menu li a strong { font-size: inherit; color: var(--point-color01); font-weight: 500; }
#footer .info_box { display: flex; justify-content: space-between; box-sizing: border-box; border-bottom: 1px solid rgba(221, 221, 221, 0.2); padding-bottom: 31px; margin-top: 32px; }
#footer .info { display: flex; flex-wrap: wrap; flex-direction: column; max-height: 120px; gap: 14px 100px; margin-top: 18px; }
#footer .info dl { display: flex; }
#footer .info dl + dl {
}
#footer .info dl dt { font-size: 14px; color: var(--black-color10); font-weight: 500; width: 61px; }
#footer .info dl:nth-child(-n+4) dt { width: 50px; }
#footer .info dl dd { padding-left: 50px; font-size: 14px; color: var(--black-color08); font-weight: 400; }
#footer .info dl dd a { font-size: inherit; color: inherit; font-weight: inherit; }
#footer .sns_box { width: 240px; }
#footer .ft_sns { display: flex; gap: 20px; justify-content: flex-end; }
#footer .ft_sns li a { display: block; }
#footer .ft_family { position: relative; display: inline-block; margin-top: 30px; width: 100%; }
#footer .ft_family dt { color: var(--point-white); border: 1px rgba(221, 221, 221, 0.4) solid; outline: 0; padding: 0; width: 100%; line-height: 53px; font-size: 14px; font-weight: 400; box-sizing: border-box; text-decoration: none; position: relative; z-index: 1; cursor: pointer; text-align: left; padding-left: 24px; }
#footer .ft_family dt:before { content: ""; border-bottom: 4px solid rgba(255, 255, 255, 0.4); border-left: 3px solid transparent; border-right: 3px solid transparent; position: absolute; right: 25px; top: 50%; transform: translateY(-50%); }
#footer .ft_family dt.on:before { transform: rotate(180deg) translateY(-50%); }
#footer .ft_family dd { position: absolute; bottom: 100%; left: 0; width: 100%; display: none; z-index: 10; }
#footer .ft_family dd ul { background: var(--point-white); box-sizing: border-box; padding: 10px 10px; }
#footer .ft_family dd ul li a { display: block; font-size: 13px; color: #21242d; font-weight: 400; line-height: 30px; }
#footer .copyright { font-size: 13px; color: var(--black-color08); font-weight: 400; padding: 41px 0 49px; }
#footer .copyright a { display: inline-block; margin-left: 30px; font-size: inherit; color: inherit; font-weight: inherit; }
/*quick*/
.ft_top { opacity: 0; z-index: -1; transition: all 0.3s; position: fixed; bottom: 30px; right: 30px; }
.ft_top.on { opacity: 1; z-index: 10; }
.ft_top li { width: 60px; height: 60px; box-sizing: border-box; border-radius: 100%; }
.ft_top li + li { margin-top: 10px; }
.ft_top li.quick_inq { background: var(--point-color01); }
.ft_top li.quick_inq a { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.ft_top li.quick_top { background: var(--black-color03); filter: drop-shadow(1px 3px 3px rgba(0, 0, 0, 0.10)); }
.ft_top li.quick_top span { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 13px; color: var(--point-white); font-weight: 500; box-sizing: border-box; padding-top: 22px; cursor: pointer; position: relative; }
.ft_top li.quick_top span:before { width: 8px; height: 8px; content: ""; border: 2px solid var(--point-white); border-width: 1px 1px 0 0; transform: rotate(-45deg); position: absolute; top: 23px; }

@media only screen and (max-width:1400px) {
	#footer .info{width:calc(100% - 200px);max-height:160px;gap:14px 20px;}
	#footer .info dl dd{box-sizing:border-box;width:calc(100% - 61px);}
	#footer .sns_box{width:200px;}
}
/*───────────────────────────────────────────────────────────

	INDEX | index.html

───────────────────────────────────────────────────────────*/
#fullpage { overflow: hidden; min-width: 1300px; }
body #fp-nav { z-index: 50; }
body #fp-nav.fp-left { left: 36px; }
body #fp-nav ul {
}
body #fp-nav ul li { width: 150px; height: 20px; margin: 0; }
/* body #fp-nav ul li:last-child{display: none;} */
body #fp-nav ul li + li { margin-top: 10px; }
body #fp-nav ul li a, body body .fp-slidesNav ul li a {
}
body #fp-nav ul li a span, body .fp-slidesNav ul li a span { width: 20px; height: 20px; left: 2px; top: 3px; border-radius: 100%; box-sizing: border-box; background: none; margin: 0; }
body #fp-nav ul li a span:before, body .fp-slidesNav ul li a span:before { width: 6px; height: 6px; content: ""; box-sizing: border-box; border-radius: 100%; background: rgba(17,17,17,0.3); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
body #fp-nav ul li a.active span, body .fp-slidesNav ul li a.active span, body #fp-nav ul li:hover a.active span, body .fp-slidesNav ul li:hover a.active span { width: 20px; height: 20px; margin: 0; border: 1px solid rgba(212, 50, 27, 0.5); }
body #fp-nav ul li:hover a span, body .fp-slidesNav ul li:hover a span { width: 20px; height: 20px; margin: 0; }
body #fp-nav ul li a.active span:before, body .fp-slidesNav ul li a.active span:before { background: var(--point-color01); }
body #fp-nav ul li .fp-tooltip { font-size:15px; color: var(--point-color01); font-weight: 400; top:3px; width: auto;font-family:'Pretendard';}
body #fp-nav ul li:hover .active + .fp-tooltip { color: var(--point-color01); font-weight: 400; }
body #fp-nav ul li:hover .fp-tooltip { color: #aaa; font-weight: 400; }
body #fp-nav ul li .fp-tooltip.fp-left { left: 29px; }
body #fp-nav.main ul li a span, body #fp-nav.main ul li:hover a span {
}
body #fp-nav.main ul li a span:before, body #fp-nav.main ul li a span:before { background: rgba(255,255,255,0.4); }
body #fp-nav.main ul li a.active span, body #fp-nav.main ul li:hover a.active span { border: 1px solid rgba(255,255,255,0.5); }
body #fp-nav.main ul li a.active span:before, body #fp-nav.main ul li:hover a.active span:before { background: var(--point-white); }
body #fp-nav.main ul li .fp-tooltip, body #fp-nav.main ul li .active + .fp-tooltip, #fp-nav.main ul li:hover .active + .fp-tooltip { color: var(--point-white); }
body #fp-nav.main ul li:hover .fp-tooltip { color: #aaa; }
/*visual*/
.visual_wrapper { position: relative; height: 100%; }
#wrap .main_visual { position: relative; width: 100%; margin: 0; height: 100vh; background: #000; }
#wrap .main_visual .slick-slide { overflow: hidden; position: relative; text-align: center; height: 100vh; border: none; }
#wrap .main_visual .thumb { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: all 3s; background-size: cover; background-position: right center; }
.main_visual .txt_box { position: absolute; left: 50%; top: 27.2%; font-size: 0; text-align: left; transform: translate(-50%); z-index: 2; width: calc(100% - 560px); }
.main_visual .txt_box h2, .main_visual .txt_box p { opacity: 0; transform: translateY(100px); transition: all 0.5s; }
.main_visual .txt_box h2 { font-size: 90px; color: var(--point-white); font-weight: 700; line-height: 1; }
.main_visual .txt_box p { font-size: 20px; color: var(--point-white); font-weight: 400; line-height: 1.5; margin-top: 40px; }
/*active*/
#wrap .main_visual .active .thumb, .main_visual .active .prd { transform: scale(1.08); }
.main_visual .active .txt_box h2, .main_visual .active .txt_box p { opacity: 1; transform: translateY(0); transition: all 0.5s; }
.main_visual .active .txt_box p { transition-delay: 0.3s; }
/*btn*/
.visual_btn_wrap { position: absolute; left: 50.8%; transform: translate(-50%); bottom: 27.8%; width: calc(100% - 560px); }
.visual_btn_wrap .control_box { display: flex; align-items: center; }
.main_visual .slick-dots { display: flex; align-items: center; font-size: 0; box-sizing: border-box; margin-left: 40px; }
.main_visual .slick-dots li { display: inline-block; }
.main_visual .slick-dots li + li { margin-left: 30px; }
.main_visual .slick-dots li button { font-size: 0; width: 8px; height: 8px; box-sizing: border-box; border-radius: 100%; background: rgba(255,255,255,0.4); }
.main_visual .slick-dots li.slick-active button { background: var(--point-white); }
.visual_btn_wrap .slick-arrow { font-size: 0; width: 10px; height: 14px; position: relative; }
.visual_btn_wrap .next { margin-left: 18px; }
.visual_btn_wrap .slick-arrow:before { content: ""; border-left: 9px solid rgba(255,255,255,0.4); border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: none; position: absolute; top: 1px; }
.visual_btn_wrap .prev:before { left: 0; transform: scaleX(-1); }
.visual_btn_wrap .next:before { right: 0; }
.visual_btn_wrap .play_btn_box { margin-left: 40px; }
.visual_btn_wrap .slickPause { font-size: 0; width: 9px; height: 12px; position: relative; cursor: pointer; }
.visual_btn_wrap .slickPause:before, .visual_btn_wrap .slickPause:after { width: 3px; height: 100%; content: ""; background: var(--point-white); position: absolute; top: 0; }
.visual_btn_wrap .slickPause:before { left: 0; }
.visual_btn_wrap .slickPause:after { right: 0; }
.visual_btn_wrap .slickPlay { font-size: 0; width: 9px; height: 12px; position: relative; cursor: pointer; }
.visual_btn_wrap .slickPlay:before { border-left: 9px solid var(--point-white); border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: none; content: ""; position: absolute; top: -1px; }
.scroll_down { position: absolute; bottom: 0; left: 50%; transform: translate(-50%); z-index: 5; width: 40px; padding-bottom: 146px; cursor: pointer; overflow: hidden; }
.scroll_down span { font-size: 11px; color: var(--point-white); font-weight: 300; transform: rotate(90deg); position: absolute; top: 17px; left: -3px; text-transform: uppercase; letter-spacing: 0.1em; }
.scroll_down:before { width: 1px; height: 80px; content: ""; background: rgba(255,255,255,0.2); position: absolute; bottom: 0; left: 50%; }
.scroll_down:after { width: 1px; height: 20px; content: ""; background: var(--point-color01); position: absolute; left: 50%; top: 66px; animation: scroll 2s infinite; animation-fill-mode: backwards; }
@keyframes scroll {
	0% { height: 0; }
	50% { height: 100%; top: 66px; }
	100% { top: 100%; }
}
/*공통*/
.main_more { display: inline-flex; box-sizing: border-box; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; background: var(--point-color01) url('../images/da_image/main_more_arw.svg')no-repeat center; }
.main_title { font-size: 60px; color: var(--black-color01); font-weight: 700; letter-spacing: -0.02em; }
#fullpage .txtAni { opacity: 0; transform: translateY(100px); transition: all 0.5s; transition-delay: 0.1s; }
#fullpage .fp-completely .txtAni { opacity: 1; transform: translateY(0); transition: all 0.5s; }
/*about*/
#section02 .fp-scroller { height: 100%; }
.main_about { display: flex; flex-wrap: wrap; align-items: center; padding-top: 100px; height: 100%; }
.main_about > div { position: relative; box-sizing: border-box; }
.main_about .txt_box { width: 42.1%; padding-right: 30px; }
#fullpage .main_about .txt_box { transform: translate(-100px); }
.main_about .txt_box p { font-size: 32px; color: var(--black-color01); font-weight: 500; }
.main_about .txt_box h3 { font-size: 50px; color: var(--black-color01); font-weight: 700; margin: 16px 0 33px; }
.main_about .txt_box span { font-size: 18px; color: var(--black-color06); font-weight: 400; display: block; line-height: 1.7; margin-bottom: 58px; }
.main_about .img { width: 57.9%; border-radius: 40px; overflow: hidden; }
#fullpage .main_about .img { transform: translate(100px); }
#fullpage #section02.fp-completely .txt_box, #fullpage #section02.fp-completely .img { transform: translate(0); }
/*business*/
#section03 .fp-scroller { height: 100%; }
.main_business { background: url('../images/da_image/main_business_bg.jpg')no-repeat center; background-size: cover; box-sizing: border-box; width: 100%; height: 100%; padding-top: 175px; transition: all 0.8s; background-size: cover; background-position: center; }
.main_business .main_title { color: var(--point-white); }
.main_business .list { display: flex;gap: 24px; transition: all 0.5s; margin-top: 34px; }
.main_business .list li { box-sizing: border-box; width: calc(20% - 19.2px); height: 0; padding-bottom: 35.5%; border-radius: 20px; position: relative; overflow: hidden; transition: all 0.8s;}
.main_business .list li > a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
.main_business .list li:nth-of-type(2n) { transform: translateY(60px); }
.main_business .list li:before { width: 100%; height: 100%; content: ""; opacity: 0.3; background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%); position: absolute; top: 0; left: 0; z-index: 6; }
.main_business .list li .thumb { width: 100%; height: 100%; position: relative; overflow: hidden; transition: all 0.8s; position: absolute; top: 0; left: 0; }
.main_business .list li .thumb img { max-width: initial; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.main_business .list li .tit_box { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 8; display: flex; flex-direction: column; justify-content: space-between; box-sizing: border-box; padding: 39px 30px 37px; transition: all 0.8s; }
.main_business .list li .tit_box dt { font-size: 18px; color: var(--point-white); font-weight: 500; transition: all 0.8s; }
.main_business .list li .tit_box dd { font-size: 30px; color: var(--point-white); font-weight: 600; transition: all 0.8s; }
.main_business .list li .tit_box dd strong { font-size: inherit; color: inherit; font-weight: inherit; }
.main_business .list li .ov_box { height: 0; opacity: 0; overflow: hidden; transform: translateY(100px); transition: all 0.8s; transition-delay: 0.3s; width: 620px; }
.main_business .list li .ov_box .tit { font-size: 20px; color: var(--point-white); font-weight: 600; }
.main_business .list li .ov_box .des { font-size: 16px; color: var(--point-white); font-weight: 500; line-height: 1.5; margin: 20px 0 36px; }
.main_business .list li .ov_box .main_more { background: var(--point-white) url('../images/da_image/main_more_arw_ov.svg')no-repeat center; }
/*on*/
.main_business .list li.on { width: 44.8%; background: rgba(212, 50, 27, 0.9);}
.main_business .list li.on:before { display: none; }
.main_business .list li.on .thumb { opacity: 0; }
.main_business .list li.on .tit_box { justify-content: center; }
.main_business .list li.on dd { margin-top: 20px; }
.main_business .list li.on .ov_box { height: auto; opacity: 1; margin-top: 30px; transform: translateY(0); }
.main_business .list:hover li:not(.on) { width: calc(55.2% / 4 - 12px); }
.main_business .list:hover li:not(.on) .tit_box dt { opacity: 0; }
/*over*/
.main_business .list:hover { gap: 11px; }
.main_business .list:hover li:nth-of-type(2n+1) { transform: translateY(30px); }
.main_business .list:hover li:nth-of-type(2n) { transform: translateY(30px); }
/*global*/
.main_global { box-sizing: border-box; background: url('../images/da_image/main_global.jpg')no-repeat center; background-size: cover; width: 100%; height: 100%; padding-top: 194px; padding-bottom: 119px; }
.main_global .main_w_custom { display: flex; flex-direction: column; justify-content: space-between; height: 100%; }
.main_global .global_txt {
}
.main_global .global_txt h4 { font-size: 40px; color: var(--black-color01); font-weight: 700; line-height: 1.2; letter-spacing: -0.03em; }
.main_global .global_txt p { font-size: 15px; color: var(--black-color06); font-weight: 400; letter-spacing: -0.03em; line-height: 1.6; margin-top: 19px; }
/*partner*/
#fullpage #section05.on .txtAni { opacity: 1; transform: translateY(0); transition: all 0.5s; }
#section05 .fp-tableCell { vertical-align: top; }
#section05 .main_w_custom { padding: 100px 0; }
#section05 .main_w_custom .title_box { display: flex; align-items: center; justify-content: space-between; }
#section05 .main_w_custom .arw_box { position: relative; display: flex; align-items: center; }
#section05 .main_w_custom .arw_box .swiper_arw { position: static; margin: 0; background: none; width: 40px; height: 40px; }
#section05 .main_w_custom .arw_box .swiper_arw + .swiper_arw { margin-left: 20px; }
#section05 .main_w_custom .arw_box .swiper_arw:after { display: none; }
.main_partner { margin-top: 76px; }
.main_partner .swiper-container { margin-top: 33px; }
.main_partner .partner_box .list { display: flex; flex-wrap: wrap; gap: 50px 55px; }
.main_partner .partner_box .list li { width: calc(20% - 44px); }
/*notice*/
.main_notice { margin-top: 135px; }
.main_notice .news_container { margin-top: 34px; }
.main_notice .news_container li { box-sizing: border-box; border-top: 2px solid var(--black-color01); border-bottom: 1px solid var(--border-color01); position: relative; padding: 32px 0 30px; }
.main_notice .news_container li a { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5; }
.main_notice .news_container li .txt {
}
.main_notice .news_container li .txt dt { font-size: 24px; color: var(--black-color01); font-weight: 600; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; height: 58px; }
.main_notice .news_container li .txt dd { font-size: 16px; color: var(--black-color08); font-weight: 400; white-space: normal; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word; text-overflow: ellipsis; overflow: hidden; line-height: 1.5; margin-top: 36px; height: 72px; }
.main_notice .news_container li .date { display: block; font-size: 15px; color: var(--black-color08); font-weight: 400; margin-top: 80px; }
.main_notice .news_container .main_more { position: absolute; bottom: 15px; right: 0; opacity: 0; z-index: -1; transition: all 0.4s; }
@media only screen and (min-width:1024px) {
	.visual_btn_wrap .slick-arrow:hover:before { border-left-color: var(--point-white); }
	.main_more:hover { background: var(--black-color00) url('../images/da_image/main_more_arw.svg')no-repeat center; }
	.main_notice .news_container li:hover .txt dt { color: var(--point-color01); font-weight: 600; }
	.main_notice .news_container li:hover .main_more { opacity: 1; right: 35px; }
}

@media only screen and (max-width:1850px) {
	#fullpage .main_w_custom{padding-left: 50px;}
}
@media only screen and (max-width:1700px) {
	#fullpage .main_w_custom{padding-left:110px;}
}
@media only screen and (max-width:1500px) {
	.main_business .list li .ov_box{width:100%;}
	.main_business .list li .ov_box .des br{display: none;}
	
}
@media only screen and (max-width:1400px) {
	.main_visual .txt_box, .visual_btn_wrap{width:calc(100% - 220px);}
}
/*───────────────────────────────────────────────────────────
 
	개별페이지

───────────────────────────────────────────────────────────*/
/*** 인사말 회사소개 | company/index.html ***/
.sub_content.about {
}
.sub_content.about h5 {
}
.sub_content.about h2 { color: #222; font-size: 22px; font-weight: 500; padding: 50px 0 30px; }
.sub_content.about h2 span { color: #bf1e2e; font-size: 22px; font-weight: 500; }
.sub_content.about p { color: #999; font-size: 14px; font-weight: 400; line-height: 20px; padding: 0 0 40px; margin: 0 0 30px; background: url("../images/da_image/about_line.gif") no-repeat left bottom; }
.sub_content.about span.sign { float: right; color: #999; font-size: 14px; font-weight: 400; }
.sub_cont .about_info { background: url("../images/da_image/bg_about_01.jpg") no-repeat left top; text-align: center; height: 320px; }
.sub_cont .about_tit { margin: 0 0 0 33px; text-align: left; color: #fff; font-size: 22px; font-weight: 700; line-height: 35px; letter-spacing: -0.06em; background: url("../images/da_image/bg_about_line.gif") no-repeat left bottom; padding: 54px 0 27px 0; }
.sub_cont .about_text { margin: 0 0 0 33px; padding: 16px 0 0 0; text-align: left; color: #fff; font-size: 15px; line-height: 23px; font-weight: 400; letter-spacing: -0.06em; }
.sub_cont .about_box { padding: 58px 0 0 0; }
.sub_cont .about_box dl { width: 276px; padding: 164px 0 0 0; }
.sub_cont .about_box dt { text-align: center; margin: 0; color: #333; font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: -0.06em; padding: 0 0 10px 0; }
.sub_cont .about_box dd { text-align: center; margin: 0; color: #888; font-size: 13px; line-height: 20px; font-weight: 600; letter-spacing: -0.06em; }
.sub_cont .about_box .box1 { background: url("../images/da_image/icon_about_01.gif") no-repeat center top; }
.sub_cont .about_box .box2 { background: url("../images/da_image/icon_about_02.gif") no-repeat center top; }
.sub_cont .about_box .box3 { background: url("../images/da_image/icon_about_03.gif") no-repeat center top; }
/*** 회사연혁 | company/history.html ***/
.sub_content.history { position: relative; height: 569px; background: url("../images/da_image/history_bg.png") no-repeat left top; }
.sub_content.history > div { width: 254px; height: 129px; padding: 8px; }
.sub_content.history > div .cont { background: #fff; }
.sub_content.history > div .cont ul {
}
.sub_content.history > div .cont ul li { color: #333; font-size: 14px; font-weight: 400; line-height: 24px; letter-spacing: -0.5px; }
.sub_content.history .history_sec01 { position: absolute; left: 270px; top: 142px; }
.sub_content.history .history_sec01 .cont { width: 233px; height: 114px; padding: 15px 0 0 21px; }
.sub_content.history .history_sec02 { position: absolute; left: 0; top: 297px; }
.sub_content.history .history_sec02 .cont { width: 233px; height: 114px; padding: 15px 0 0 21px; }
.sub_content.history .history_sec03 { position: absolute; right: 0; bottom: 0; }
.sub_content.history .history_sec03 .cont { width: 233px; height: 102px; padding: 27px 0 0 21px; }
.sub_content.history .gray { background: rgba(86, 86, 86, 0.2); border: none; }
.sub_content.history .pink { background: rgba(202, 17, 44, 0.15); }
.sub_cont .history_info { background: url("../images/da_image/bg_history.gif") no-repeat right top; position: relative; }
.sub_cont .history_info dl { width: 360px; padding: 25px 0 0 0; }
.sub_cont .history_info dl dt { text-align: left; line-height: 24px; color: #333; font-size: 18px; font-weight: 700; letter-spacing: 0; }
.sub_cont .history_info dl dd { padding-top: 16px; }
.sub_cont .history_info dl dd p { color: #999; font-size: 13px; line-height: 20px; padding: 0 0 11px 0; }
.sub_cont .history_info dl dd p strong { display: inline-block; width: 80px; line-height: 20px; color: #333; font-size: 13px; font-weight: 700; vertical-align: top; letter-spacing: -0.06em; }
.sub_cont .history_info dl dd p span { display: inline-block; color: #999; font-size: 13px; line-height: 20px; letter-spacing: -0.06em; width: 280px; vertical-align: top; }
.sub_cont .history_info .no1 { position: absolute; left: 612px; top: 167px; color: #fff; font-size: 15px; display: inline-block; text-align: center; line-height: 20px; font-weight: normal; }
.sub_cont .history_info .no2 { position: absolute; left: 484px; top: 424px; color: #fff; font-size: 15px; display: inline-block; text-align: center; line-height: 20px; font-weight: normal; }
.sub_cont .history_info .no3 { position: absolute; left: 574px; top: 568px; color: #444; font-size: 15px; display: inline-block; text-align: center; line-height: 20px; font-weight: normal; }
.sub_cont .history_info .no1_bg { position: absolute; left: 162px; top: 33px; background: #d3d3d3; height: 1px; width: 450px; overflow: hidden; display: inline-block; }
.sub_cont .history_info .no2_bg { position: absolute; left: 162px; top: 275px; background: #d3d3d3; height: 1px; width: 340px; overflow: hidden; display: inline-block; }
.sub_cont .history_info .no3_bg { position: absolute; left: 78px; top: 516px; background: #d3d3d3; height: 1px; width: 370px; overflow: hidden; display: inline-block; }
/*** 오시는길 | company/location.html ***/
.sub_content.location {
}
.sub_content .locate_info { text-align: left; margin: 0 ; height: 464px; width: 830px; border: 1px solid #d3d3d3; padding: 5px; box-sizing: border-box; }
.sub_content .locate_info div.map_api { background: #fff; }
.sub_content .locate_box { border-top: 2px #333 solid; padding: 30px 0; }
.sub_content .map_info { background: #f0f0f0; padding: 25px 30px; box-sizing: border-box; font-size: 0; }
.sub_content .map_info dl { position: relative; z-index: 1; padding-left: 72px; min-height: 54px; padding-right: 30px; box-sizing: border-box; }
.sub_content .map_info dt, .sub_content .map_info dd { text-align: left; }
.sub_content .map_info dt { color: #333; font-size: 17px; font-weight: 600; line-height: 20px; font-family: 'Dosis',sans-serif; }
.sub_content .map_info dd { padding-top: 6px; color: #666; font-size: 13px; font-weight: 400; line-height: 18px; font-family: 'Noto Sans KR',sans-serif; }
.sub_content .map_info dl.info01 { background: url('../images/sub/icon_sub_map01.png') no-repeat 0 50%; width: 246px; }
.sub_content .map_info dl.info02 { background: url('../images/sub/icon_sub_map02.png') no-repeat 0 50%; width: 235px; }
.sub_content .map_info dl.info03 { background: url('../images/sub/icon_sub_map03.png') no-repeat 0 50%; width: 207px; padding-right: 0; }
.sub_content .map_info dl + dl { margin-left: 41px; }
.sub_content .map_info dl + dl:before { position: absolute; left: -41px; top: 50%; transform: translateY(-50%); width: 1px; height: 68px; background: #d3d3d3; content: ""; display: inline-block; }
/*───────────────────────────────────────────────────────────

	 게시판, 회원 공통 요소

───────────────────────────────────────────────────────────*/
/*** 페이징 ***/
.paging { text-align: center; margin: 80px 0 0; display: flex; align-items: center; justify-content: center; gap: 10px; }
.paging span { font-size: var(--title-20); }
.paging .page_num a { font-size: 80%; color: var(--black-color08); display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 100%; }
.paging .page_num a img { vertical-align: middle; }
.paging .page_num.on a { color: var(--point-white); font-weight: 500; background: var(--point-color01); }
.paging .arrow.prev { margin-left: -2px; }
.paging .arrow.last { margin-left: -1px; }
.paging .arrow a { width: 30px; height: 30px; font-size: 0; display: block; background: no-repeat center; }
.paging:is(.first, .last) a { background-image: url('../images/da_image/paging_first.svg'); }
.paging:is(.prev, .next) a { background-image: url('../images/da_image/paging_prev.svg'); }
.paging:is(.next, .last) a { transform: scale(-1, -1); }
.paging .prev a { margin-right: 10px; }
.paging .next a { margin-left: 10px; }
/*───────────────────────────────────────────────────────────

	 GOODS(상품)

───────────────────────────────────────────────────────────*/
/*** 상품리스트, 상품검색 | goods/goods_list.html, goods/goods_search.html ***/
.sub_list {
}
/* 서브 카테고리 */
.sub_cate_wrap { margin-bottom: 2.4%; border-top: 1px solid #333; border-bottom: 1px solid #d3d3d3; }
.sub_cate_wrap ul.sub_cate { margin: 1.2% 17px; line-height: 26px; vertical-align: top; }
.sub_cate_wrap ul.sub_cate:after { clear: both; content: ""; display: block; }
.sub_cate_wrap ul.sub_cate li { padding: 0 12px 0 0; line-height: 26px; font-size: 0; float: left; text-align: left; box-sizing: border-box; vertical-align: top; }
.sub_cate_wrap ul.sub_cate li a { font-size: 13px; color: #666; font-weight: 400; display: inline-block; line-height: inherit; vertical-align: top; }
.sub_cate_wrap ul.sub_cate li:hover a { color: #333; }
.sub_cate_wrap ul.sub_cate li + li { padding-left: 0; }
.sub_cate_wrap ul.sub_cate li + li:before { margin: 0; margin-right: 10px; width: 1px; height: 10px; background: #d3d3d3; display: inline-block; content: ""; vertical-align: middle; }

.sub_cate.goods_cate .goods_search{position: absolute;top:0;right:50px;width:20px;height:83px;display: flex;align-items: center;justify-content: center;box-sizing:border-box;padding-top:20px;}
/* 디스플레이 유형 */
.sub_list .list_array { margin: 0; margin-bottom: 2.4%; }
.sub_list .list_array:after { clear: both; content: ""; display: block; }
.sub_list .list_array .list_count, .sub_list .list_array .list_count span { font-size: 15px; line-height: 30px; height: 30px; font-weight: 400; vertical-align: top; display: inline-block; text-align: left; }
.sub_list .list_array .list_count { color: #555; float: left; }
.sub_list .list_array .list_count span { color: #eb3b4b; font-weight: 700; }
.sub_list .list_array ul { float: right; }
.sub_list .list_array ul:after { clear: both; content: ""; display: block; }
.sub_list .list_array ul li { width: 30px; height: 30px; border: 1px solid #ccc; float: left; box-sizing: border-box; background: #fff; text-indent: -9999px; cursor: pointer; position: relative; z-index: 1; }
.sub_list .list_array ul li:before, .sub_list .list_array ul li::before { content: ""; display: inline-block; width: 28px; height: 28px; position: absolute; cursor: pointer; left: 0; top: 0; bottom: 0; right: 0; box-sizing: border-box; }
.sub_list .list_array ul li.typeA:before { background: url("../images/sub/icon_list_typeA.png") no-repeat left top; }
.sub_list .list_array ul li.typeA.on:before { background: #eb3b4b url("../images/sub/icon_list_typeA_on.png") no-repeat left top; }
.sub_list .list_array ul li.typeB:before { background: url("../images/sub/icon_list_typeB.png") no-repeat left top; }
.sub_list .list_array ul li.typeB.on:before { background: #eb3b4b url("../images/sub/icon_list_typeB_on.png") no-repeat left top; }
.sub_list .list_array ul li.on { border: 1px solid #eb3b4b; background: #eb3b4b; }
/* 상품 진열 */
.sub_list .list {
}
/* 검색결과없음 */
.sub_list .list .list_no { color: #555; padding: 1.2%; font-size: 15px; line-height: 23px; font-weight: 500; width: 100%; background: #fafafa; border: 1px #ccc solid; text-align: center; vertical-align: top; box-sizing: border-box; }
.sub_list .list .list_no .no_data { font-size: inherit; line-height: inherit; font-weight: inherit; }
.sub_list .list .list_no .no_data:before { color: #fff; width: 21px; height: 21px; border-radius: 100%; margin: 1px 8px 0 0; background: #777; font-size: inherit; line-height: 21px; font-weight: 700; content: "!"; display: inline-block; vertical-align: top; box-sizing: border-box; }
/*** 상품 리스트 (리스트형) | layout/goods/list.html ***/
.goods_list { position: relative; display: flex; flex-wrap: wrap; gap: 49px 31px; box-sizing: border-box; }
/* .goods_list > li{position: relative;width: calc(100% / 4 - 23.25px);box-sizing: border-box;} */
.goods_list > li { position: relative; width: calc(100% / 5 - 24.80px); box-sizing: border-box; }
.goods_list .link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; }
.goods_list .desc { font-size: var(--title-20); text-align: center; display: flex; flex-direction: column; gap: 23px; }
.goods_list .desc dt { position: relative; border-radius: 15px; padding-bottom: 100%; box-sizing: border-box; overflow: hidden; }
.goods_list .desc dt img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: all 0.4s; }
.goods_list .desc dd { font-size: 100%; font-weight: 600; color: var(--black-color03); line-height: 1.4; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
/* over */
.goods_list > li:hover .desc dt img { transform: scale(1.1); }
/*** 상세페이지 | goods/goods_view.html  ***/
#wrap:has(.sub_view) .contents_wrap { width: 100%; max-width: 100%; }
.sub_view{position: relative;}
.sub_view > a{position: absolute;top:-80px;}
.sub_view .info { position: relative; background: var(--gray-bg01); padding: 70px 0; }
.sub_view .info .w_custom { display: flex; flex-wrap: wrap; align-items: center; }
.sub_view .info .thumb { position: relative; width: 39.2%; border-radius: 30px; overflow: hidden; padding-bottom: 39.2%; }
.sub_view .info .thumb img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.sub_view .info .desc { font-size: var(--title-20); width: 60.8%; padding-left: 80px; box-sizing: border-box; display: flex; flex-direction: column; gap: 27px; }
.sub_view .info .desc dt { font-size: 200%; font-weight: 600; color: var(--black-color00); line-height: 1.3; }
.sub_view .info .desc dd { font-size: 110%; font-weight: 400; color: var(--black-color06); line-height: 1.6; }
.sub_view .cont { padding: 100px 0 0; }
.sub_view .detail { border-top: 1px solid var(--black-color03); border-bottom: 1px solid var(--border-color01); padding: 60px 30px; box-sizing: border-box; text-align: center; }
/*───────────────────────────────────────────────────────────

	MEMBER(회원)   |   회원서브타입 type

───────────────────────────────────────────────────────────*/
/*** 로그인 | member/login.html ***/
.sub_login { position: relative; z-index: 1; }
.sub_login .login_box { position: relative; padding: 63px 0 71px; border: 1px solid #d3d3d3; overflow: hidden; background: url('../images/sub/login_bg_symbol.gif') no-repeat bottom right #eee; vertical-align: top; }
.sub_login .login_box h2 { text-align: center; padding-bottom: 30px; }
.sub_login .login_box > div { min-height: 136px; font-size: 0; vertical-align: top; position: relative; width: 315px; margin-left: 50px; padding: 0 50px 0px 0; float: left; background: url(../images/sub/login_line.gif) repeat-y right; }
.sub_login .login_box div input.login_input { width: 315px; height: 24px; border: 0; border-bottom: 1px solid #dddddd; font-size: 14px;/*color:#888888;*/font-weight: 600; }
.sub_login .login_box div input { font-size: 15px; color: #222; letter-spacing: -0.015em; background: none; background-repeat: no-repeat; background-position: left center; }
.sub_login .login_box div input.mb10 { margin-bottom: 19px; }
.sub_login .login_box div input.login_id, .sub_login .login_box div input.login_pw, .sub_login .login_box div input.login_name, .sub_login .login_box div input.login_email { width: 100%; box-sizing: border-box; padding: 0; color: #222; font-size: 15px; font-weight: 600; }
.sub_login .login_box div input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #eee inset ; -webkit-text-fill-color: #222; }
.sub_login .login_box div input:-webkit-autofill, .sub_login .login_box div input:-webkit-autofill:hover, .sub_login .login_box div input:-webkit-autofill:focus, .sub_login .login_box div input:-webkit-autofill:active { transition: background-color 5000s ease-in-out 0s; }
.sub_login .login_box div input[type="text"]::-webkit-input-placeholder { color: #222; font-size: 15px; font-weight: 600; }
.sub_login .login_box div input[type="text"]::-moz-placeholder { color: #222; font-size: 15px; font-weight: 600; }
.sub_login .login_box div input[type="text"]:-ms-input-placeholder { color: #222; font-size: 15px; font-weight: 600; }
.sub_login .login_box div input[type="text"]:-moz-placeholder { color: #222; font-size: 15px; font-weight: 600; }
.sub_login .login_box div input[type="password"]::-webkit-input-placeholder { color: #222; font-size: 15px; font-weight: 600; }
.sub_login .login_box div input[type="password"]::-moz-placeholder { color: #222; font-size: 15px; font-weight: 600; }
.sub_login .login_box div input[type="password"]:-ms-input-placeholder { color: #222; font-size: 15px; font-weight: 600; }
.sub_login .login_box div input[type="password"]:-moz-placeholder { color: #222; font-size: 15px; font-weight: 600; }
.sub_login .login_box div h3 { width: 315px; height: 35px; line-height: 35px; cursor: pointer; font-weight: 500; color: #fff; letter-spacing: -0.020em; text-align: center; font-size: 13px; margin-top: 6px; }
.sub_login .login_box div h3.bg_eb3b4b { margin-top: 34px; }
.sub_login .login_box div h3 input, .sub_login .login_btn div a { vertical-align: top; cursor: pointer; font-weight: 500; color: #fff; letter-spacing: -0.020em; text-align: center; font-size: 13px; background: none; border: 0; height: 35px; line-height: 35px; width: 100%; outline: 0; }
.sub_login .login_box p { width: 350px; margin: 0 auto; color: #555; letter-spacing: -0.050em; line-height: 19px; padding: 0; font-size: 13px; }
.sub_login .login_box p input { border: 1px solid #dddddd; }
.sub_login .login_box p.save_btn { height: 35px; line-height: 35px; }
.sub_login .login_box p.save_btn input { vertical-align: middle; margin-bottom: 0; }
.sub_login .login_btn { position: absolute !important; top: 50%; right: 0; height: 136px; margin-top: -66px; background: none !important; }
.sub_login .login_btn div a { background-color: #898989; display: inline-block; }
.sub_login.pw_box {
}
.sub_login.pw_box .login_box > div { min-height: 173px; }
.sub_login.pw_box .login_box div h3.bg_eb3b4b { margin-top: 28px; }
.sub_login.pw_box {
}
.sub_login .login_btn div.btn_idfind { overflow: hidden; }
.sub_login .login_btn div.btn_idfind a { width: 153px; margin-left: 9px; float: left; }
.sub_login .login_btn div.btn_idfind a:first-child { margin: 0; }
.sub_login .login_btn div.btn_join a { margin: 18px 0 10px; }
.sub_login .login_btn div p { font-size: 12px; color: #999999; padding-top: 0px; }
.sub_login .login_btn div h2 { font-size: 14px; color: #555555; font-weight: 600; padding-top: 5px; }
.sub_login .login_box div h3, .sub_login .login_box div h3 input, .sub_login .login_btn div a, .sub_login .login_box p { font-family: 'Noto Sans KR', 'Nanum Gothic', dotum, sans-serif; }
/*** 회원가입 | member/join.html ***/
h3.join_tit { font-size: 18px; color: #222222; font-weight: 600; text-align: left; padding-bottom: 12px; }
h3.join_tit.pt20 { padding-top: 20px; }
span.join_btn { display: inline-block; margin-left: 5px; width: 110px; height: 28px; text-align: center; line-height: 26px; font-size: 13px; color: #ffffff; font-weight: 600; background-color: #aaaaaa; border: 1px solid #999999; }
.sub_join table.board_write td input[name="zip"] { width: 80px; min-width: 70px; }
.sub_join table.board_write td input[name="address"], .sub_join table.board_write td input[name="address2"] { width: 55%; min-width: 450px; }
table.board_write th .require_dot { position: absolute; left: 14px; top: 50%; margin-top: -15px; line-height: 30px; height: 30px; }
table.board_write th .require_dot:before { content: '*'; font-size: 14px; color: #eb3b4b; line-height: 14px; display: inline-block; width: auto; height: 14px; }
table.board_write tr td .btn_reset { background: #fff url('../images/board/icon_btn_reset.gif') no-repeat 9px 50% !important; padding: 0 10px 0 30px !important; cursor: pointer; }
table.board_write .btn_sm { font-size: 11px; color: #000; border-radius: 2px; padding: 0 9px !important; display: inline-block; background: #f3f3f3 !important; border: 1px solid #d3d3d3; text-align: center; font-weight: normal; height: 28px; line-height: 26px; }
table.board_write #captcha_box { display: inline-block; vertical-align: middle; }
table.board_css { font-size: 11px; text-align: left; margin-bottom: 30px; }
table.board_css tr { border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3; }
table.board_css th, table.board_css td { color: #888; font-size: 11px; box-sizing: border-box; font-family: 'Lato','Nanum Gothic', sans-serif; line-height: 28px; padding: 13px 0; vertical-align: top; text-align: left; }
table.board_css th { color: #333; font-weight: 700; font-size: 12px; padding-left: 30px; background: #fafafa; width: 180px; }
table.board_css th.view_tit { background: #fbfbfb; }
table.board_css th .require_dot { margin-left: 5px; line-height: 30px; height: 30px; }
table.board_css th .require_dot:before { content: '*'; font-size: 14px; color: #eb3b4b; line-height: 14px; display: inline-block; width: auto; height: 14px; }
table.board_css td { padding-left: 20px; padding-right: 20px; background: #fff ; }
table.board_css td .guide { display: inline-block; margin-left: 3px; }
table.board_css td div.view_cont { padding: 9px 2px; line-height: 25px; min-height: 150px; }
table.board_css td input[type=text], table.board_css td input[type=password] { min-width: 198px; padding: 0 10px; height: 30px; border: 1px solid #d3d3d3; margin-right: 4px; }
table.board_css td input.from_phone, table.board_css td input.form_tel { min-width: 42px; }
table.board_css td.field { padding-right: 18px !important; }
table.board_css td.field label { display: inline-block; width: 62px; }
table.board_css td textarea { min-width: 98%; padding: 8px 0 2% 8px; height: 200px; border: 1px solid #d3d3d3; }
table.board_css td textarea.from_textarea { min-width: 98%; padding: 8px 0 2% 8px; height: 200px; border: 1px solid #d3d3d3; }
table.board_css tr:last-child th, table.board_css tr:last-child td { background-image: none; border-bottom: 1px #d3d3d3 solid; }
table.board_css tr:last-child td .btn_reset { background: #fff url('../images/board/icon_btn_reset.gif') no-repeat 9px 50% !important; padding: 0 10px 0 30px !important; cursor: pointer; }
table.board_css .btn_sm { font-size: 11px; color: #000; border-radius: 2px; padding: 0 9px !important; display: inline-block; background: #f3f3f3 !important; border: 1px solid #d3d3d3; text-align: center; font-weight: normal; height: 28px; line-height: 26px; }
.sub_join table.board_css { border-right: 1px solid #d3d3d3; border-left: 1px solid #d3d3d3; }
.sub_join table.board_css th { font-size: 12px; }
.sub_join table.board_css td {
}
.sub_join table.board_css td input[type=text], .sub_join table.board_css td input[type=password] { min-width: 220px; padding: 0px !important; height: 28px; border: 1px solid #d3d3d3; }
.sub_join table.board_css tr.mail input { min-width: 120px !important; }
.sub_join table.board_css td input[name=email_id], .sub_join table.board_css td input[name=email_domain] { min-width: 180px; }
.sub_join table.board_css td input[name=email_domain] { margin-left: 4px; }
.sub_join table.board_css td input[name=address], .sub_join table.board_css td input[name=address2] { width: 80%; }
.sub_join table.board_css td input, .sub_join table.board_css td a, .sub_join table.board_css td span, .sub_join table.board_css td strong, .sub_join table.board_css td select { vertical-align: top; }
.sub_join table.captcha {
}
.sub_join table.captcha th, .sub_join table.captcha td { vertical-align: middle; }
.sub_join table.captcha th { padding: 10px 25px; }
.sub_join table.captcha .sign {
}
.sub_join span.join_tit { font-size: 16px; color: #333333; display: block; font-weight: 600; text-align: left; padding-bottom: 10px; }
.sub_memberout p { font-size: 13px; color: #666; line-height: 20px; padding-bottom: 20px; }
.sub_join table.board_css td select { height: 28px; line-height: 28px; border: 1px solid #d3d3d3; min-width: 220px; padding: 0 10px; box-sizing: border-box; }
.sub_join table.board_css td select.mail_select { min-width: inherit; }
.change_pw table.board_css tr { border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; }
.change_pw table.board_css table.board_css td input[type=text],.change_pw table.board_css td input[type=password] { min-width: 272px; padding: 0 10px; height: 26px; background-color: #F6F6F6; border: 1px solid #d3d3d3; }
/*** 회원가입 완료 | member/join_ok.html ***/
.sub_ok { max-width: 1058px; margin: 0 auto; border: 20px solid #eee; outline: 1px solid #ddd; }
.sub_ok .ok_box { width: 100%; text-align: center; margin: 0 auto; padding: 70px 0; font-family: 'Nanum Gothic', sans-serif; }
.sub_ok .ok_box h3 { padding-bottom: 20px; font-size: 29px; font-weight: 700; color: #333; }
.sub_ok .ok_box h4 { font-size: 16px; color: #777; line-height: 26px; font-weight: 500; }
.sub_ok .ok_box h4 span { color: #eb3b4b; font-weight: 600; }
.sub_ok .ok_box .home_bt a { display: inline-block; font-size: 15px; font-weight: 700; width: 120px; height: 40px; background: #eb3b4b; border: 1px solid #eb3b4b; text-align: center; line-height: 40px; color: #fff; font-weight: 600; }
.sub_ok .ok_box .login_bt a { display: inline-block; font-size: 15px; font-weight: 700; width: 120px; height: 40px; background: #eb3b4b; border: 1px solid #eb3b4b; text-align: center; line-height: 40px; color: #fff; font-weight: 600; }
/*** 회원탈퇴 | member/withdrawal.html ***/
.memberout { font-size: 13px; color: #666; line-height: 20px; padding-bottom: 20px; }
.withdrawal table.board_css { border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; }
.withdrawal table.board_css tr th { line-height: 1; padding: 10px 0 10px 30px; vertical-align: middle; width: 170px; }
.withdrawal table.board_css tr td { line-height: 1; padding: 10px 0 10px 20px;; }
/*** 비밀번호 변경 안내 | member/periodic_change_pw.html ***/
.sub_login.add { max-width: 1135px; }
.sub_login.add .login_box { width: 100%; background: none; border: 0; padding: 0; }
.sub_login.add .login_box h2 { color: #282828; font-size: 23px; font-weight: 600; line-height: 32px; }
.sub_login.add .login_box h2 span { color: #eb3b4b; font-size: 23px; font-weight: 600; }
.sub_login.add .login_box table.board_write { width: 662px; margin: 58px auto 40px; }
.sub_login.add .login_box table.board_write caption { overflow: auto; text-indent: 0; height: 20px; line-height: 20px; color: #777; font-size: 14px; font-weight: 500; text-align: left; padding-bottom: 14px; }
.sub_login.add .login_box table.board_write caption span { color: #444; font-size: 14px; font-weight: 600; }
.sub_login.add .login_box table.board_write input { width: 396px; }
.sub_login.add .login_box .btn_center {
}
.sub_login.add .login_box .btn_center button { width: 160px; }
.sub_login.add .login_box .btn_center button.gray { margin-left: 16px; background: #999; border: 1px solid #999; }
/*───────────────────────────────────────────────────────────

	 SERVICE

───────────────────────────────────────────────────────────*/
/*** 이용약관 | service/agreement.html ***/
/*** 개인정보취급방침 | service/usepolicy.html ***/
/*** 회원가입동의 | member/join_agreement.html ***/


/** PC 일반 **/
		.service_usepolicy .sub_agree h4 {font-size:22px;color:#333;margin:50px 0 20px;}
		.member_agree {font-size:13px; line-height:23px; padding:0x;text-align:left;}
		.member_agree .agree_box_con {font-size:inherit;line-height:inherit;}
/*───────────────────────────────────────────────────────────

	ETC

───────────────────────────────────────────────────────────*/
/*** 에러페이지 | errors/index.html ***/
.error_cont { position: relative; min-height: 900px; background: url("../images/sub/error_bg.gif") repeat-x left top; }
.error_cont .error_form { position: absolute; left: 50%; top: 123px; margin-left: -450px; width: 910px; height: 610px; background: url("../images/sub/error_form_bg.png") no-repeat left top; text-align: center; }
.error_cont .error_form h2 { color: #333; font-size: 20px; font-weight: 500; font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important; padding: 296px 0 10px; }
.error_cont .error_form p { color: #777; font-size: 14px; font-weight: 400; line-height: 22px; font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important; }
.error_cont .error_form h5 { width: 156px; height: 44px; border: 2px solid #333; background: url("../images/sub/error_icon_arrow.png") no-repeat 118px center; margin: 38px auto 0; }
.error_cont .error_form h5 a { display: block; width: 100%; height: 44px; line-height: 44px; color: #333; font-size: 17px; font-weight: 500; font-family: "Noto Sans KR", 'Nanum Gothic', sans-serif !important; text-align: left; text-indent: 38px; }
/* 정확한 용도파악 불가 */
/**********팝업***********/
.password_popup { text-align: center; }
.password_popup p { color: #888; padding: 40px 0 10px 0; }
.password_popup h2 {
}
.password_popup h2 input { border: 1px solid #d3d3d3; padding: 3px 5px; width: 150px; }
.password_popup h3 { padding-top: 15px; }
/* layer-popup */
.layer-popup { font-size: 12px; background: #fff; border: 1px #000 solid; position: absolute; transform: none; }
.layer-popup.layer_pc {
}
.layer-popup.layer_t {
}
.layer-popup.layer_m { left: 50%; min-height: auto; transform: translate(-50%, 0)}
.layer-popup h4 { font-size: 12px; font-weight: 700 !important; line-height: 18px; padding: 3px 12px; box-sizing: border-box; text-align: left; }
.pop_content { margin: 0; padding: 0; }
.pop_content img, .pop_content table, .pop_content div { max-width: 100%; max-height: 100%; }
.layer-popup .pop_closed { text-align: right; padding: 4px 12px; box-sizing: border-box; line-height: 20px; font-size: 12px; vertical-align: middle; }
.layer-popup .pop_closed input[type="checkbox"] {
}
.layer-popup .pop_closed input[type="checkbox"] + label { font-size: 12px; }
.layer-popup .pop_closed a { vertical-align: top; display: inline-block; line-height: 20px; margin-left: 12px; position: relative; z-index: 1; width: 20px; height: 20px; font-size: 0; }
.layer-popup .pop_closed a:before, .layer-popup .pop_closed a:after { display: inline-block; content: ""; width: 24px; height: 1px; background: #000; position: absolute; left: 0; top: 50%; }
.layer-popup .pop_closed a:before { transform: rotate(45deg); }
.layer-popup .pop_closed a:after { transform: rotate(-45deg); }
/*───────────────────────────────────────────────────────────

	공통

───────────────────────────────────────────────────────────*/
.sub_visual { position: relative; width: 100%; height: 600px; background: no-repeat center / cover; box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding-top: 18px; }
.sub_visual::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #000; opacity: 0.25; }
.sub_visual .cont { position: relative; font-size: var(--title-20); color: var(--point-white); box-sizing: border-box; letter-spacing: var(--letter-03); }
.sub_visual .cont h2 { font-size: 300%; font-weight: 600; line-height: 1.2; }
.sub_visual .cont h2 + h6 { margin-top: 18px; }
.sub_visual .cont h6 { font-size: 100%; font-weight: 300; line-height: 1.4; }
.sub_cate { position: relative; height: 83px; margin-top: -83px; z-index: 5; background: var(--point-white); padding: 0 50px; }
.cate_list { display: flex; gap: 50px; height: 100%; border-bottom: 1px solid var(--border-color01); box-sizing: border-box; }
.cate_list > li { position: relative; height: 100%; font-size: var(--title-20); }
.cate_list > li > a { position: relative; display: flex; align-items: center; justify-content: center; text-align: center; height: 100%; font-size: 90%; font-weight: 400; color: var(--black-color06); letter-spacing: var(--letter-03); line-height: 1.4; padding-top: 20px; box-sizing: border-box; transition: all 0.4s; }
.cate_list > li.on > a { color: var(--point-color01); font-weight: 500; }
.cate_list > li > a:before { position: absolute; content: ''; width: 100%; height: 2px; background: var(--point-color01); left: 0; bottom: -1px; opacity: 0; }
.cate_list > li.on > a:before { opacity: 1; }
/* over */
.cate_list > li > a:hover { color: var(--point-color01); }
.nav_wrap { position: relative; padding: 100px 0 60px; font-size: var(--title-20); text-align: center; }
.nav_wrap h3 { font-size: 250%; font-weight: 600; color: var(--black-color00); line-height: 1.2; }
.sub_title { position: relative; font-size: var(--title-20); box-sizing: border-box; }
.sub_title.hd { margin-bottom: 37px; }
.sub_title h4 { font-size: 150%; font-weight: 600; color: var(--black-color00); line-height: 1.35; }
.sub_title h4.icon { display: flex; gap: 4px; }
.sub_title h4.icon:after { display: inline-flex; content: ''; width: 8px; height: 8px; border-radius: 100%; background: var(--point-color01); flex-shrink: 0; }
/*───────────────────────────────────────────────────────────

	 BOARD   |   게시판서브타입 type

───────────────────────────────────────────────────────────*/
/*** 게시판 리스트 공통 | board/board_list.html ***/
.sub_board { position: relative; }
/* 검색 */
.board_search { position: relative; z-index: 5; margin-bottom: 40px; }
.board_search.goods_search{display: flex;justify-content: flex-end;}
.board_search fieldset { display: flex; justify-content: flex-end; gap: 10px; }
.board_search .inp_wrap { position: relative; font-size: var(--title-20); width: 340px; }
.board_search .input_text { width: 100%; height: 60px; padding: 0 60px 0 20px; box-sizing: border-box; background: var(--gray-bg07); font-size: 85%; font-weight: 400; color: var(--black-color03); border: 0; line-height: normal; letter-spacing: var(--letter-03); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-indent: 0; }
.board_search .input_text::placeholder { color: var(--black-color10); }
.board_search .search_btn { position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 20px; height: 20px; background: url('../images/da_image/search_btn.svg') no-repeat center / 100% auto; font-size: 0; border: 0; cursor: pointer; }
.sel_wrap { display: inline-block; width: 160px; box-sizing: border-box; }
.sel_wrap .desc { position: relative; width: 100%; font-size: var(--title-20); line-height: 1.3; letter-spacing: var(--letter-03); }
.sel_wrap .desc dt span { position: relative; display: flex; align-items: center; width: 100%; height: 60px; padding: 0 50px 0 20px; box-sizing: border-box; background: var(--gray-bg07); font-size: 90%; font-weight: 500; color: var(--black-color06); cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sel_wrap .desc dt span:before { position: absolute; content: ''; border: 5px solid var(--trans-color); border-top: 6px solid var(--black-color10); top: 53%; right: 20px; transform: translateY(-50%); transition: all 0.4s; }
.sel_wrap .desc dt.on span:before { transform: translateY(-50%) scale(-1,-1); top: 45%; }
.sel_wrap .desc dd { position: absolute; top: 100%; left: 0; width: 100%; opacity: 0; pointer-events: none; transition: all 0.4s; background: var(--gray-bg07); padding: 10px 0; border: 1px solid var(--border-color01); box-sizing: border-box; box-shadow: 3px 3px 5px rgba(0,0,0,0.05); }
.sel_wrap .desc dt.on + dd { opacity: 1; pointer-events: all; }
.sel_wrap .desc dd a { display: block; padding: 8px 20px; font-size: 80%; font-weight: 400; colo; color: var(--black-color08); transition: all 0.4s; }
.sel_wrap select { display: none; }
/* over */
.sel_wrap .desc dd a:hover { color: var(--black-color03); font-weight: 500; }
/* 하단 버튼 */
.sub_board .paging_wrap { height: 30px; position: relative; }
.sub_board .paging_wrap2 { margin-top: 35px; margin-bottom: 39px; height: 40px; position: relative; }
.sub_board h2.btn_writing { position: absolute; right: 0; top: -5px; }
.sub_board .view_btn h2 { float: right; }
.sub_board .view_btn p { text-align: center; }
.board_btm { margin: 30px 0 0 0; position: relative; }
.board_btm .btn_right { position: absolute; right: 0px; top: 0px; }
/*** 게시판 리스트 (리스트형) | layout/board/kist_default.html ***/
/* 리스트 고정글 */
.sub_board table.board_list tr.board_notice td:first-child span { display: flex; align-items: center; justify-content: center; width: 60px; height: 32px; border: 1px solid var(--point-color01); border-radius: 30px; box-sizing: border-box; font-weight: 500; color: var(--point-color01); }
.sub_board table.board_list tr.board_notice td a { font-weight: 500; }
/* 리스트 */
.sub_board table.board_list { text-align: center; background: none; border-top: 1px solid var(--black-color01); }
.sub_board table.board_list tr { border-bottom: 1px solid var(--border-color01); font-size: var(--title-20); line-height: 1.4; letter-spacing: var(--letter-03); }
.sub_board table.board_list th { font-size: 100%; text-align: center; line-height: inherit; font-weight: 500; color: var(--black-color03); padding: 20px 10px; }
.sub_board table.board_list td { font-size: 90%; color: var(--black-color07); padding: 21px 10px; vertical-align: middle; line-height: inherit; }
.sub_board table.board_list td a { display: block; width: 100%; color: var(--black-color03); white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.sub_board table.board_list td.left { text-align: left; padding-left: 20px; padding-right: 20px; }
.sub_board table.board_list td a.board_tit { display: inline-block;/* width:290px;*/line-height: 21px; height: 21px; margin: 0; padding: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }
.sub_board table.board_list td .board_tit {
}
.sub_board table.board_list td .board_tit h3 { font-size: 13px; color: #333333; font-weight: 600; }
.sub_board table.board_list td .board_tit .board_ico, .sub_board table.board_list td .board_tit img, .sub_board table.board_list td .board_tit h3, .sub_board table.board_list td .board_tit span { display: inline-block; vertical-align: middle; }
.sub_board table.board_list td .board_tit h3 .board_ico {
}
.sub_board table.board_list td .board_tit img { vertical-align: middle; margin-right: 5px; }
.sub_board table.board_list td .board_tit h3 { font-weight: 400; line-height: 1.2; font-size: 12px; color: #444; font-family: 'Lato','Nanum Gothic', sans-serif; }
.sub_board table.board_list td .board_tit h3 strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: top; max-width: 320px; font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; }
/*** 게시판 리스트 (갤러리형) | layout/board/list_gallery01.html ***/
/* 갤러리 고정글 */
.sub_board table.board_list.board_notice { margin-bottom: 30px; }
/* 갤러리 고정글 */
.sub_board .gallery_notice { border-top: 1px solid #333; margin: 0 0 30px; }
.sub_board .gallery_notice li { padding: 15px 30px; box-sizing: border-box; background: #f5f5f5; border-bottom: 1px solid #d3d3d3; font-size: 0; position: relative; }
.sub_board .gallery_notice li + li {
}
.sub_board .gallery_notice li a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; }
.sub_board .gallery_notice li .thumb, .sub_board .gallery_notice li .txt_info { display: inline-block; vertical-align: middle; }
.sub_board .gallery_notice li .thumb { width: 145px; height: 100px; overflow: hidden; position: relative; }
.sub_board .gallery_notice li .thumb img { width: 100%; height: auto; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.sub_board .gallery_notice li .txt_info { width: calc(100% - 145px); padding-left: 25px; box-sizing: border-box; }
.sub_board .gallery_notice li .txt_info b { font-size: 15px; color: #eb3949; line-height: 1; margin-bottom: 5px; display: block; }
.sub_board .gallery_notice li .txt_info .board_tit { padding: 5px 0 3px; line-height: 20px; font-size: 0; }
.sub_board .gallery_notice li .txt_info .board_tit h3 { font-size: 13px; color: #333333; font-weight: 600; }
.sub_board .gallery_notice li .txt_info .board_tit .board_ico, .sub_board .gallery_notice li .txt_info .board_tit img, .sub_board .gallery_notice li .txt_info .board_tit h3 { display: inline; vertical-align: top; }
.sub_board .gallery_notice li .txt_info .board_tit h3 .board_ico {
}
.sub_board .gallery_notice li .txt_info .board_tit img { vertical-align: middle; margin-right: 5px; }
.sub_board .gallery_notice li .txt_info .board_tit h3 { max-width: calc(100% - 80px); width: auto; }
.sub_board .gallery_notice li .txt_info .board_tit h3 strong { display: inline; vertical-align: top; max-width: 100%; font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; }
.sub_board .gallery_notice li p { display: block; font-size: 12px; color: #888; font-weight: 100; line-height: 19px; text-align: left; margin: 10px 0 0; }
.sub_board .gallery_notice li p span { display: inline-block; width: 1px; height: 9px; background: #d3d3d3; margin: 6px 8px 0 8px; vertical-align: top; }
/* 리스트 */
.sub_board ul.gallery_list { margin-left: 0px; padding: 17px 0 0 0; }
.sub_board ul.gallery_list:after { clear: both; content: ""; display: block; }
.sub_board ul.gallery_list li { float: left; width: calc(33.3% - 16px); margin-right: 24px; margin-bottom: 25px; position: relative; }
.sub_board ul.gallery_list li:nth-of-type(3n) { margin-right: 0px; }
.sub_board ul.gallery_list li:nth-of-type(3n+1) { clear: both; }
.sub_board ul.gallery_list li a { position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 5; }
.sub_board ul.gallery_list_top { padding: 0 0 0 0; }
.sub_board ul.gallery_list li .thumb { text-align: center; width: 100%; min-height: 200px; height: 200px; position: relative; border: 1px solid #d3d3d3; box-sizing: border-box; overflow: hidden; vertical-align: top; font-size: 0; padding: 0; margin: 0; }
.sub_board ul.gallery_list li .thumb a { vertical-align: top; }
.sub_board ul.gallery_list li .thumb img { width: 100%; height: auto; vertical-align: top; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.sub_board ul.gallery_list li .txt_info { padding: 5px 0 0; }
.sub_board ul.gallery_list li .txt_info .board_tit { padding: 5px 0 3px; line-height: 20px; font-size: 0; }
.sub_board ul.gallery_list li .txt_info .board_tit h3 { font-size: 13px; color: #333333; font-weight: 600; }
.sub_board ul.gallery_list li .txt_info .board_tit .board_ico, .sub_board ul.gallery_list li .txt_info .board_tit img, .sub_board ul.gallery_list li .txt_info .board_tit h3 { display: inline-block; vertical-align: middle; }
.sub_board ul.gallery_list li .txt_info .board_tit h3 .board_ico {
}
.sub_board ul.gallery_list li .txt_info .board_tit img { vertical-align: middle; margin-right: 5px; }
.sub_board ul.gallery_list li .txt_info .board_tit h3 { width: 100%; }
.sub_board ul.gallery_list li .txt_info .board_tit h3 strong { vertical-align: top; max-width: 90%; font-size: inherit; color: inherit; font-weight: inherit; line-height: inherit; word-break: break-all; }
.sub_board ul.gallery_list li p { display: block; font-size: 12px; color: #888; font-weight: 100; line-height: 19px; text-align: left; margin: 0; }
.sub_board ul.gallery_list li p span { display: inline-block; width: 1px; height: 9px; background: #d3d3d3; margin: 6px 8px 0 8px; vertical-align: top; }
.sub_board ul.gallery_list li.no_data { line-height: 20px; padding: 122px 0; }
/*** 게시판 쓰기 | board/_form_board_write.html ***/
table.board_write { border-top: 1px solid var(--black-color00); border-bottom: 1px solid var(--border-color01); text-align: left; padding: 40px 10px; display: block; }
table.board_write:where(tbody, tr, th, td) { display: block; width: 100%; box-sizing: border-box; }
table.board_write tbody { display: flex; flex-wrap: wrap; gap: 20px 48px; }
table.board_write tbody tr { display: flex; width: calc(100% / 2 - 24px); font-size: var(--title-20); align-items: center; }
table.board_write tbody tr:has(.edit-box, #title) { width: 100%; }
table.board_write tbody tr:has(.edit-box) { align-items: flex-start; }
table.board_write tbody tr:has(.edit-box) th { line-height: 60px; }
table.board_write th { color: var(--black-color03); font-weight: 500; width: 152px; display: flex; gap: 4px; }
table.board_write th:after { display: inline-flex; content: '*'; color: var(--point-color01); }
table.board_write td { color: var(--black-color06); padding: 0; width: calc(100% - 152px); font-size: 90%; font-weight: 400; }
table.board_write td:has(.captcha_wrap) { display: flex; flex-wrap: nowrap; gap: 10px; }
table.board_write td p { padding: 5px 0 0; }
table.board_write td div.view_cont { padding: 8px 10px 50px 10px; line-height: 26px; min-height: 150px; }
table.board_write td label { color: #666; font-size: 12px; font-weight: 600; }
table.board_write td:where(select, input[type="text"], input[type="password"], input[type="number"]) { width: 100%; height: 60px; border: 1px solid var(--border-color01); padding: 0 20px; font-size: inherit; color: inherit; }
table.board_write .captcha_wrap { border: 1px solid var(--border-color01); display: inline-flex; gap: 10px; padding: 10px; border-radius: 5px; box-sizing: border-box; }
table.board_write .captcha_wrap #captcha_box { display: block; }
table.board_write .captcha_wrap #refreshCode { font-size: 0; cursor: pointer; background: var(--point-white) url('../images/da_image/refreshCode.svg') no-repeat center; border: 1px solid var(--border-color01); width: 40px; height: 40px; border-radius: 5px; box-sizing: border-box; }
table.board_write input#captcha { width: 100%; max-width: 230px; }
table.board_write td input[name="title"] { width: 100%; }
table.board_write td input.tel { min-width: 50px; }
table.board_write td textarea { min-width: 100%; height: 200px; font-size: inherit; font-weight: inherit; color: inherit; line-height: 1.7; padding: 15px 20px; }
/*** 게시판 상세 | board/board_view.html ***/
.sub_board .board_view { margin-bottom: 0px; text-align: left; }
.sub_board .board_view .view_tit { border-top: 1px solid var(--black-color01); border-bottom: 1px solid var(--border-color01); text-align: center; font-size: var(--title-20); letter-spacing: var(--letter-03); padding: 30px 0 32px; display: flex; flex-direction: column; gap: 16px; }
.sub_board .board_view .view_tit h2 { float: left; width: 85%; font-size: 17px; color: #222222; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 20px; padding: 10px 0; }
.sub_board .board_view .view_tit p { display: inline-block; vertical-align: middle; width: 141px; padding-left: 30px; font-size: 12px; color: #333; font-weight: bold; }
.sub_board .board_view .view_tit h3 { display: block; color: var(--black-color03); line-height: 1.4; font-size: 150%; font-weight: 500; }
.sub_board .board_view .view_tit .info { display: flex; align-items: center; justify-content: center; }
.sub_board .board_view .view_tit .info dl { display: flex; align-items: center; font-size: var(--title-20); line-height: 1.4; letter-spacing: var(--letter-03); gap: 0 14px; }
.sub_board .board_view .view_tit .info dl:not(:last-child):after { display: inline-flex; content: ''; width: 1px; height: 12px; background: rgba(136, 136, 136, 0.15); margin: 0 16px 0 2px}
.sub_board .board_view .view_tit .info dl:where(dt, dd) { font-size: 85%; }
.sub_board .board_view .view_tit .info dl dt { font-weight: 500; color: var(--black-color06); }
.sub_board .board_view .view_tit .info dl dd { font-weight: 400; color: var(--black-color08); }
.sub_board .board_view div.view_cont { color: var(--black-color05); width: 100%; box-sizing: border-box; font-size: var(--title-18); padding: 30px 0; line-height: 1.6; min-height: 255px; border-bottom: 1px solid var(--border-color01); text-align: center; letter-spacing: -0.03em; }
.sub_board .board_view div.view_cont .thumb_img_wrap { width: 100%; margin: 0; text-align: center; font-size: 0; vertical-align: top; }
.sub_board .board_view div.view_cont .thumb_img_wrap img { width: auto; max-width: 100%; height: auto; margin: 0 0 10px 0; padding: 0; vertical-align: top; }
.sub_board .board_view h4 { border-bottom: 1px solid #d3d3d3; border-top: none; padding: 17px 30px; font-size: 13px; color: #444; font-weight: 600; }
.sub_board .board_view h4.thumb_wrap { padding-bottom: 7px; }
.sub_board .board_view h4 span { display: inline-block; color: inherit; font-weight: inherit; padding-right: 0; margin-right: 0; }
.sub_board .board_view h4 span:after { display: inline-block; width: 1px; height: 10px; background: #d3d3d3; vertical-align: middle; margin: 0 15px; padding: 0; content: ""; }
.sub_board .board_view h4 a { display: inline-block; }
.sub_board .board_view h4 a + a { margin-left: 20px; }
.sub_board .board_view .thumb_img_wrap { padding-top: 10px; font-size: 0; vertical-align: top; }
.sub_board .board_view .thumb_img_wrap img { vertical-align: top; display: inline-block; margin-bottom: 10px; }
.sub_board .board_view .thumb_img_wrap img + img { margin-left: 20px; }
.sub_board .board_view .extra_editor_wrap { display: table; width: 100%; margin: 0; table-layout: fixed; border-collapse: collapse; margin-top: -1px; }
.sub_board .board_view .extra_editor_wrap > h4, .sub_board .board_view .extra_editor_wrap > div.extra_cont { padding: 10px; display: table-cell; box-sizing: border-box; border-collapse: collapse; vertical-align: middle; border: 1px #d3d3d3 solid; text-align: left; }
.sub_board .board_view .extra_editor_wrap > h4 { background: #fafafa; width: 141px; }
.sub_board .board_view .extra_editor_wrap div.view_cont.extra_cont { width: calc(100% - 141px); }
.sub_board .board_view .extra_editor_wrap div.img_cont {
}
.sub_board .board_view .extra_editor_wrap div.extra_cont > span { font-size: 12px; color: #888; vertical-align: middle; display: block; }
.sub_board .board_view .extra_editor_wrap div.extra_cont > span + span { margin-top: 10px; }
.sub_board .board_view .extra_editor_wrap div.extra_cont a.icon_down { font-size: 0; background: url('../images/board/icon_download.png') no-repeat 0 0; display: inline-block; width: 15px; height: 15px; background-size: 100% auto; margin: 0 0 0 5px; padding: 0; vertical-align: middle; }
.sub_board .board_view .extra_editor_wrap div.extra_cont img { width: auto; height: auto; vertical-align: middle; max-width: 100%; }
.view_video_wrap { position: relative !important; height: 0 !important; padding-bottom: 56.28% !important; margin: 0 auto !important; text-align: center !important; max-width: 100% !important; }
.view_video_wrap > iframe { position: absolute; width: 100%; height: 100%; left: 0; top: 0; }
.sub_board .view_btn { position: relative; }
/* 댓글 */
.sub_board .comment { margin: 0 0 0px 0; padding: 0; }
.sub_board .comment .comment_box { position: relative; padding: 30px 20px 30px 20px; border-top: 1px #d3d3d3 solid; background: #fdfdfd; }
.sub_board .comment .comment_box .comment_name { width: 650px; margin-bottom: 10px; }
.sub_board .comment .comment_box .comment_name span { width: 233px; line-height: 25px; display: inline-block; }
.sub_board .comment .comment_box .comment_name span.no_line { background: none; }
.sub_board .comment .comment_box .comment_name span label { font-size: 13px; color: #333; font-family: 'Lato','Nanum Gothic', sans-serif; font-weight: 700; line-height: 25px; padding: 0; width: auto; margin-right: 20px; display: inline-block; }
.sub_board .comment .comment_box .comment_name span input { border: 1px solid #d3d3d3; line-height: 23px; height: 23px; padding: 0; text-indent: 5px; width: 158px; min-width: 158px; margin: 0; }
.sub_board .comment .comment_box .comment_memo { width: 680px; }
.sub_board .comment .comment_box .comment_memo label { font-size: 13px; color: #333; font-family: 'Lato','Nanum Gothic', sans-serif; font-weight: 700; line-height: 80px; padding: 0; width: 43px; display: block; min-height: 80px; }
.sub_board .comment .comment_box textarea { border: 1px solid #d3d3d3; width: 620px; min-width: 610px; padding: 5px 0 5px 5px; min-height: 68px; height: 68px; float: left; }
.sub_board .comment .comment_box h3 { position: absolute; right: 20px; top: 30px; height: 78px; text-align: center; width: 108px; background-color: #333; border: 1px #333 solid; line-height: 78px; padding: 0; }
.sub_board .comment .comment_box h3 a { font-size: 14px; color: #fff; font-family: 'Lato','Nanum Gothic', sans-serif; font-weight: 700; display: block; line-height: 78px; }
.sub_board .comment .comment_cont { position: relative; border-top: 1px #d3d3d3 solid; }
.sub_board .comment .comment_cont h2 { color: #888; padding: 12px 0 12px 20px; line-height: 25px; font-size: 12px; }
.sub_board .comment .comment_cont div { position: relative; border-top: 1px #d3d3d3 solid; padding: 12px 20px 14px 20px; z-index: 1; }
.sub_board .comment .comment_cont div h3 { color: #888; padding-bottom: 2px; }
.sub_board .comment .comment_cont div h3 strong { color: #333; font-family: 'Lato','Nanum Gothic', sans-serif; font-weight: 700; display: inline-block; margin-right: 10px; }
.sub_board .comment .comment_cont div h4 { color: #888; font-size: 12px; line-height: 19px; }
.sub_board .comment .comment_cont div .comment_btn { position: absolute; right: 20px; top: 12px; color: #888; font-size: 12px; border: 0; margin: 0; padding: 0; }
.sub_board .comment .comment_cont div .comment_btn a { color: #888; font-size: 12px; display: inline-block; }
.sub_board .comment .comment_cont div .comment_btn span.bar { color: #9b9b9b; display: inline-block; width: 6px; text-align: center; margin: 0; background: none; }
.sub_board .comment .comment_cont div.com_reple { border-bottom: 1px solid #d3d3d3; background: #fff url("../images/da_image/bg_dot_line.png") repeat-x left top; position: relative; z-index: 3; margin-top: -1px; padding: 12px 20px 14px 20px; }
.sub_board .comment .comment_cont div.comment_reply { position: relative; z-index: 3; margin-top: -1px; padding: 12px 20px 14px 20px; }
.sub_board .comment .comment_cont div.comment_box2 { position: relative; padding: 10px 0; border: 0; }
.sub_board .comment .comment_cont div.comment_box2 .comment_name { width: 650px; margin-bottom: 10px; padding: 0px; border: 0; }
.sub_board .comment .comment_cont div.comment_box2 .comment_name span { width: 233px; line-height: 25px; display: inline-block; }
.sub_board .comment .comment_cont div.comment_box2 .comment_name span.no_line { background: none; }
.sub_board .comment .comment_cont div.comment_box2 .comment_name span label { font-size: 13px; color: #333; font-family: 'Lato','Nanum Gothic', sans-serif; font-weight: 700; line-height: 25px; padding: 0; width: auto; margin-right: 20px; display: inline-block; }
.sub_board .comment .comment_cont div.comment_box2 .comment_name span input { border: 1px solid #d3d3d3; line-height: 23px; height: 23px; padding: 0; text-indent: 5px; width: 158px; min-width: 158px; margin: 0; }
.sub_board .comment .comment_cont div.comment_box2 .comment_memo { width: 680px; padding: 0px; border: 0; }
.sub_board .comment .comment_cont div.comment_box2 .comment_memo label { font-size: 13px; color: #333; font-family: 'Lato','Nanum Gothic', sans-serif; font-weight: 700; line-height: 80px; padding: 0; width: 43px; display: block; min-height: 80px; }
.sub_board .comment .comment_cont div.comment_box2 textarea { border: 1px solid #d3d3d3; width: 620px; min-width: 618px; padding: 5px 0 5px 5px; min-height: 68px; height: 68px; }
.sub_board .comment .comment_cont div.comment_box2 h3 { position: absolute; right: 0px; top: 47px; height: 78px; text-align: center; width: 108px; background-color: #333; border: 1px #333 solid; line-height: 78px; padding: 0; }
.sub_board .comment .comment_cont div.comment_box2 h3 a { font-size: 14px; color: #fff; font-family: 'Lato','Nanum Gothic', sans-serif; font-weight: 700; display: block; line-height: 78px; }
.sub_board .comment .comment_cont div.com_reserve { border: 0; background: #fff url("../images/da_image/bg_dot_line.png") repeat-x left 10px; position: relative; z-index: 3; margin-top: -1px; padding: 30px 0px 0px 20px; margin: 0; margin-left: -20px; margin-right: -20px; width: 790px; }
.sub_board .comment .comment_cont div.com_reserve textarea.com_reserve { border: 1px solid #d3d3d3; width: 653px; min-width: 653px; padding: 5px 0 5px 5px; min-height: 68px; height: 68px; margin-right: 20px; }
.sub_board .comment .comment_cont div.com_reserve a { position: absolute; right: 0px; top: 30px; height: 78px; text-align: center; width: 108px; background-color: #333; border: 1px #333 solid; font-size: 14px; color: #fff; font-family: 'Lato','Nanum Gothic', sans-serif; font-weight: 700; display: block; line-height: 78px; padding: 0; }
.sub_board .board_comment { position: relative; box-sizing: border-box; border: 1px solid #d3d3d3; padding: 20px; margin-top: 20px; }
.sub_board .board_comment .comment_name { color: #555; padding: 0 0 10px 0; text-align: left; }
.sub_board .board_comment .comment_name span, .sub_board .board_comment .comment_memo span { display: inline-block; font-size: 12px; color: #555; font-family: 'Lato','Nanum Gothic', sans-serif; line-height: 25px; padding: 0; }
.sub_board .board_comment .comment_name span input { vertical-align: top; border: 1px solid #d3d3d3; padding: 5px; }
.sub_board .board_comment .comment_name span + span { margin-left: 20px; }
.sub_board .board_comment .comment_memo {
}
.sub_board .board_comment .comment_memo span { margin-right: 20px; }
.sub_board .board_comment, .sub_board .board_comment textarea, .sub_board .board_comment .comment_btn { vertical-align: top; }
.sub_board .board_comment textarea { border: 1px solid #d3d3d3; width: 698px; min-width: 610px; padding: 5px 0 5px 5px; min-height: 72px; height: 72px; box-sizing: border-box; }
.sub_board .board_comment .comment_btn { width: 80px; height: 72px; background: #eb3b4b; text-align: center; color: #fff; line-height: 72px; font-size: 14px; font-weight: bold; display: block; }
.sub_board .board_comment_list { position: relative; margin: 0 0 20px; }
.sub_board .board_comment_list .comment_title { border-bottom: 1px solid #d3d3d3; color: #888; padding: 15px 0 7px 0; text-align: left; }
.sub_board .board_comment_list .comment_title span { color: #eb3b4b; }
.sub_board .board_comment_list .comment { position: relative; border-bottom: 1px solid #d3d3d3; padding: 8px 0; }
.sub_board .board_comment_list .comment .comment_writer { color: #333; padding-bottom: 3px; text-align: left; }
.sub_board .board_comment_list .comment span.board_line { display: inline-block; width: 1px; height: 9px; background: #999; margin: 0 8px; }
.sub_board .board_comment_list .comment .com_btn { position: absolute; right: 0; top: 9px; }
.sub_board .board_comment_list .comment .com_btn a { color: #999; }
.sub_board .board_comment_list .comment .com_txt { color: #888; text-align: left; word-break: break-all; }
.sub_board .board_comment_list .comment .com_txt_reply { color: #888; text-align: left; border-top: 1px solid #d3d3d3; padding: 16px 0 10px 40px; margin: 10px 0 0; background: url("../images/sub/comment_reply.png") no-repeat 20px 18px; }
.sub_board .board_comment_list .comment .com_modify { position: relative; margin: 5px 0 0; }
.sub_board .board_comment_list .comment .com_modify:after { clear: both; content: ""; display: block; }
.sub_board .board_comment_list .comment .com_modify textarea { float: left; width: 90%; height: 50px; border: 1px solid #d3d3d3; }
.sub_board .board_comment_list .comment .com_modify .btn_modify { float: right; width: 9.2%; height: 52px; display: inline-block; line-height: 52px; background: #aaa; color: #fff; font-size: 15px; font-weight: 600; text-align: center; }
.sub_board .board_comment_list .comment .comment_password { position: absolute; right: 25px; top: 0; width: 300px; border: 2px solid #757575; padding: 7px; background: #fff; z-index: 100; text-align: left; }
.sub_board .board_comment_list .comment .comment_password.modify { right: 72px; }
.sub_board .board_comment_list .comment .comment_password span { display: inline-block; height: 20px; line-height: 20px; font-weight: 600; vertical-align: middle; }
.sub_board .board_comment_list .comment .comment_password input { width: 195px; height: 19px; }
.sub_board .board_comment_list .comment .comment_password h5 { display: inline-block; width: 39px; height: 20px; line-height: 20px; border: 1px solid #ccc; background: #fff; text-align: center; border-radius: 5px; vertical-align: middle; }
.sub_board .board_comment_list .comment .comment_password a.close { position: absolute; right: 6px; top: 50%; margin-top: -4px; }
.sub_board .board_comment_list .comment .com_btn a.on + .comment_password { display: block !important; }
/* 게시판 개인정보취급 */
.sub_board .policy_cont { margin: 50px 0 0; }
.sub_board .policy_cont label { margin-bottom: 20px; }
.textarea_wrap { border: 1px solid var(--border-color01); border-radius: 10px; box-sizing: border-box; padding: 10px; height: 154px; font-size: var(--title-20); }
.textarea_wrap textarea { width: 100%; border: 0; height: 100%; box-sizing: border-box; padding: 15px 20px; font-size: 75%; font-weight: 400; color: var(--black-color07); line-height: 1.73; }
.textarea_wrap textarea::-webkit-scrollbar { width: 4px; }
.textarea_wrap textarea::-webkit-scrollbar-thumb { background: var(--black-color10); }
.textarea_wrap textarea::-webkit-scrollbar-track { background: var(--border-color01); }
/*** 게시판(비밀번호) | layout/board/board_secret.html ***/
.sub_pw_input { max-width: 1058px; margin: 0 auto; border: 20px solid #eee; outline: 1px solid #ddd; }
.sub_pw_input .ok_box { width: 100%; margin: 0 auto; padding: 70px 0; font-family: 'Nanum Gothic', sans-serif; text-align: center; }
.sub_pw_input .ok_box h2 { padding-bottom: 20px; font-size: 16px; font-weight: 600; color: #333; }
.sub_pw_input .ok_box div.input_box { padding-bottom: 40px; }
.sub_pw_input .ok_box div.input_box input { width: 200px; height: 30px; padding: 5px 10px; border: 1px solid #aaa; }
.sub_pw_input .ok_box a.ok_bt { display: inline-block; font-size: 15px; font-weight: 700; width: 120px; height: 40px; background: #eb3b4b; border: 1px solid #eb3b4b; text-align: center; line-height: 40px; color: #fff; font-weight: 600; }
.sub_board .board_css tr { border-left: 1px solid #d3d3d3; border-right: 1px solid #d3d3d3; }
.sub_board .board_css tr th { line-height: 30px; padding: 11px 0; padding-left: 35px; vertical-align: middle; width: 176px; }
.sub_board .board_css tr td { line-height: 30px; padding: 11px 30px; }
.sub_board .board_css tr td.td_textarea { padding-right: 16px; }
.sub_board table.board_css td input[type=text], table.board_css td input[type=password] { border: 1px solid #d9d9d9; }
.sub_board table.board_css td input[name=title] { width: 80%; }