@charset "utf-8";
/* CSS Document */

*{margin:0;padding:0;/*font:inherit;color:inherit*/}
*, :after, :before {box-sizing:border-box;}
:root {-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;cursor:default;line-height:0;overflow-wrap:break-word;word-break:break-word;-moz-tab-size:4;tab-size:4;border:none}
html, body {}
img, picture, video, canvas, svg {/*display: block;max-width:100%;*/}
button {background:none;border:0;cursor:pointer;}
a {text-decoration:none;}
ul,ol,dl {list-style-type:none; margin:0;}
table {border-collapse:collapse;border-spacing:0;}
iframe {border: 0;}
input, textarea, button { border:none;outline:none }
input, textarea, button:focus { outline:none }
select { border:none; outline:none }


:root {
	
	/*overflow-x:hidden;*/
	
	
	/* default */
	font-family:'Noto Sans';
	--font-default:'Noto Sans';
	
	font-size:13px;
	color:#333;
	
	/* color */
	--color-key:#6ca634;
	
	--color-key-dark:#1cbcaf;
	
	/* size */
	/*--font-size-bordlist-pc:15px;
	--font-size-bordlist-mobile:13px;*/
	
	--br_100:100px;
	--br_90:90px;
	--br_80:80px;
	--br_70:70px;
	--br_60:60px;
	--br_50:50px;
	--br_40:40px;
	--br_30:30px;
	--br_20:20px;
	--br_10:10px;

	--br_100_m:50px;
	--br_90_m:45px;
	--br_80_m:40px;
	--br_70_m:35px;
	--br_60_m:30px;
	--br_50_m:25px;
	--br_40_m:20px;
	--br_30_m:15px;
	--br_20_m:10px;
	--br_10_m:10px;
	
	/* font size */
	--fs-sum:1.0;
	--fs-sum-m:1.0;
	--fs-1279:var(--fs-sum);
	--fs-1023:var(--fs-sum);
	--fs-767:var(--fs-sum);
	--fs-767-add:1;
	/* common padding */
	--box-padding:3.0rem;

}

#contents { width:100%; height:100%; max-width:1080px; /*overflow:hidden;*/ /*min-width:1288px;*/ position:relative } /* overflow:hidden -> position:sticky(x) */

.centerBox { display:flex; justify-content:center; align-items:center }
.text_ellipsis1 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block }
.text_ellipsis2 { overflow:hidden; text-overflow:ellipsis; word-break:break-all; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2 }

/* ******************************************************* option ******************************************************* */
/* common */
#contents .hiddenBox { overflow:hidden } /* for sticky */
/* special */
/*#mc_special { }
#mc_special_m { display:none }
#mc_special_m img { width:100% }
@media only screen and (max-width:767px) {
	#mc_special { display:none }
	#mc_special_m { display:block }
}*/

#mc_special { position:relative !important }
#mc_special_m { /*display:none*/ top:0; position:fixed !important; top:100vh; width:100% }
#mc_special_m img { width:100% }
@media only screen and (max-width:767px) {
	#mc_special { /*display:none*/ top:0; position:fixed !important; top:100vh }
	#mc_special_m { /*display:block*/ position:relative !important; top:0 }
}

/* gnb, top */
#gnb { /*transform:translateY(1000vh)*/ } /* pc */
#gnb_m_con { transform:translateY(1000vh) } /* mobile */
@media only screen and (max-width:1920px) {
	/*#gnb { transform:translateY(0) }*/ /* pc */
	/*#gnb_m_con { transform:translateY(1000vh) }*/ /* mobile */
}
@media only screen and (max-width:1300px) {
	#gnb { transform:translateY(1000vh) } /* pc */
	#gnb_m_con { transform:translateY(0) } /* mobile */
}
#gnb_m_onoff_con { display:none } /* mobile */
#top_m_con { display:none } /* mobile */
#disabeldBox_m { display:none } /* mobile */
@media only screen and (max-width:1300px) {
	#gnb_m_con { display:block } /* mobile */
	#gnb_m_onoff_con { display:block } /* mobile */
	#top_m_con { display:block } /* mobile */
	#disabeldBox_m { display:block } /* mobile */
}
/* quick */
#quick_m_con { display:none }
#quick_m_con img { width:100% }
@media only screen and (max-width:1300px) {
	#quick { transform:translateY(1000vh) }
	#quick_m_con { display:block }
	#quick_r { display:none }
}
/* sitemap */
@media only screen and (max-width:1300px) {
	#sitemap { display:none }
}
/* 서브페이지 여백 */
#common_bottom_space { padding-top:120px; background:#fff }
@media only screen and (max-width:767px) {
	#common_bottom_space { padding-top:60px }
}


/* fix */
#quick_bottom_con { bottom:0; position:fixed; width:100%; /*max-width:720px;*/ z-index:10 } /* quick bottom */
#top_m_con { top:0; position:fixed; width:100%; /*max-width:720px;*/ z-index:20 } /* top */
#disabeldBox_m { top:0px; width:100%; /*max-width:720px;*/ height:100%; background:#000; position:fixed; z-index:30 } /* blask square */
#gnb_m_con { top:0; width:100%; /*max-width:720px;*/ margin-left:-100%; height:100%; position:fixed; overflow:hidden; z-index:50 } /* gnb */
#gnb_m_onoff_con { top:0; position:fixed; width:100%; /*max-width:720px;*/ z-index:50 } /* gnb_onoff */
#quick_m_con { top:0; width:100%; /*max-width:720px;*/ position:fixed; z-index:60 } /* quick top */

/* ******************************************************* size ******************************************************* */
.box1920 { width:100%; max-width:1920px; margin:0 auto; position:relative; overflow:hidden }
.box1920 .img_pc { width:1920px; left:50%; margin-left:-960px; position:relative; display:flex; justify-content:center }
.box1920 .img_pc img { width:auto }
.box1920 .img_pc_half { width:1920px; left:50%; margin-left:-960px; position:relative; display:flex; justify-content:center } /* 공통요소(960px) */
.box1920 .img_pc_half img { width:auto }
.img_mobile { width:100%; display:none }
@media (max-width:1300px) {
	.box1920 .img_pc { width:100%; left:0; margin-left:0px }
	.box1920 .img_pc img { width:calc((1920/1300)*100%) }
	.box1920 .img_pc_half { width:100%; left:0; margin-left:0px } /* 공통요소(960px) */
	.box1920 .img_pc_half img { width:calc((960/1300)*100%) }
	.none1300 { display:none }
}
@media only screen and (max-width:767px) {
	.box1920 .img_pc { display:none }
	.box1920 .img_pc_half { display:none } /* 공통요소(960px) */
	.box1920 .img_mobile { display:block }
	.none767 { display:none }
}
/* slide image */
.slide_mobile { display:none }
@media only screen and (max-width:767px) {
	.slide_pc { display:none }
	.slide_mobile { display:block }
}
/* sub top image */
.sub_top_mobile { display:none }
@media only screen and (max-width:767px) {
	.sub_top_pc { display:none }
	.sub_top_mobile { display:block }
}
/* sub video */
.sub_video_container { width:100%; max-width:1000px; margin:160px auto 160px auto }
.sub_video_container .video_wrap { position:relative; width:100%; height:0; padding-bottom:56.25% }
.sub_video_container .video_wrap iframe { position:absolute; top:0; left:0; width:100%; height:100% }
@media only screen and (max-width:767px) {
	.sub_video_container { width:calc(100% - 40px); margin:60px auto 60px auto }
}





/* 개인정보취급방침,회원약관 */
#private_box { width:100%; height:100%; margin:0 auto; position:relative; padding:20px }
#private_box .tit { background:#eee; border-radius:5px; overflow:hidden; text-align:left; display:flex }
#private_box .tit .wrap { border-radius:5px; height:40px; padding:0 25px 0 20px; display:flex; justify-content:flex-start; align-items:center; gap:10px; background:var(--color-key-dark) }
#private_box .tit .wrap > div { width:4px; height:4px; background:rgba(255,255,255,.5); border-radius:2px; display:inline-block }
#private_box .tit .wrap > p { font-family:'Noto Sans'; font-size:15px; color:#fff; display:inline-block  }
#private_box .txt { margin-top:20px }
#private_box .inputprivate { font-family:var(--font-default);width:100%; height:335px; padding:10px; border:1px solid #ccc; background:#fff; color:#333; line-height:1.4 }

/* popup */
#popup_pc { top:0; left:0; position:absolute; width:100%; background:rgba(255,0,0,.5); line-height:0 }
#popup_mobile { top:0; left:0; position:absolute; width:100%; background:rgba(0,0,255,.5); line-height:0 }

/* more */
.common_mc .common_btn_more { position:relative; border:1px solid #ccc; width:80px; height:80px; border-radius:40px; display:flex; justify-content:center; align-items:center; transition:all ease-out .3s }
.common_mc .common_btn_more p { font-family:'Oswald-regular'; font-size:12px; color:#999; line-height:1; letter-spacing:.5px; transition:all ease-out .3s }
.common_mc .common_btn_more .icon { top:50%; left:50%; margin-top:-15px; margin-left:-15px; position:absolute; width:30px; height:30px; transform:rotate(-135deg) scale(0); transition:all ease-out .3s }
.common_mc .common_btn_more .icon:before { content:''; top:calc(50% - 1px); left:0; position:absolute; width:100%; height:2px; background:var(--color-key-dark) }
.common_mc .common_btn_more .icon:after { content:''; top:0; left:calc(50% - 1px); position:absolute; width:2px; height:100%; background:var(--color-key-dark) }
@media(hover: hover) and (pointer: fine) {
	.common_mc .common_btn_more:hover { border-color:var(--color-key-dark) }
	.common_mc .common_btn_more:hover p { opacity:0 }
	.common_mc .common_btn_more:hover .icon { transform:rotate(0deg) scale(1) }
}
@media only screen and (max-width:1023px) {
	.common_mc .common_btn_more { width:50px; height:50px }
	.common_mc .common_btn_more .icon { /*display:none*/ }
	.common_mc .common_btn_more p { font-size:10px }
}

/* ******************************************************* swiper ******************************************************* */

.common_mc .swiper { line-height:0 }

/* swiper-pagination */
.common_mc .swiper-pagination { bottom:auto !important; position:relative; margin-top:40px; width:100% !important }
.common_mc .swiper-pagination-bullet { width:8px; height:8px; border-radius:4px; overflow:hidden; opacity:1; background:rgba(0,0,0,.1); transition:all ease-out .3s; cursor:pointer; margin:0 !important }
.common_mc .swiper-pagination-bullet:nth-child(n+2) { margin-left:8px !important }
.common_mc .swiper-pagination-bullet-active { width:40px; transition:all ease-out .3s; background:rgba(0,0,0,.6) }
/*@media only screen and (max-width:1023px) {
	.common_mc .swiper-pagination { bottom:auto; position:relative; margin-top:40px }
	.common_mc .swiper-pagination-bullet { width:6px; height:6px; border-radius:3px }
	.common_mc .swiper-pagination-bullet:nth-child(n+2) { margin-left:6px !important }
	.common_mc .swiper-pagination-bullet-active { width:30px }
}*/
@media only screen and (max-width:767px) {
	.common_mc .swiper-pagination { bottom:auto; position:relative }
	.common_mc .swiper-pagination-bullet { width:4px; height:4px; border-radius:2px }
	.common_mc .swiper-pagination-bullet:nth-child(n+2) { margin-left:4px !important }
	.common_mc .swiper-pagination-bullet-active { width:20px }
	.common_mc .swiper-pagination { margin-top:20px }
}

/* prev/next */
.common_mc .btn_pn { top:0; position:absolute; width:100px; height:100%; cursor:pointer; display:none; transition:all ease-out .3s }
.common_mc .btn_prev { left:-100px }
.common_mc .btn_next { right:-100px }
.common_mc .btn_pn .arrow_wrap { top:50%; left:50%; transform:translate(-50%,-50%); position:absolute; width:60px; height:60px; background:#fff; border-radius:50%; border:1px solid rgba(0,0,0,.1); transition:all .3s ease-out }
.common_mc .btn_pn .arrow { border:solid #aaa; border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:10px; transition:all .3s ease-out }
.common_mc .btn_prev .arrow_wrap .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:absolute; margin-left:5px }
.common_mc .btn_next .arrow_wrap .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:absolute; margin-left:-5px }
@media(hover: hover) and (pointer: fine) {
	.common_mc .btn_pn:hover .arrow_wrap { border-color:rgba(0,0,0,.3) }
	.common_mc .btn_pn:hover .arrow { border-color:var(--color-key-dark) }
}

/* ******************************************************* popup ******************************************************* */
#popup_pc { display:block }
#popup_mobile { display:none }
@media only screen and (max-width:767px) {
	#popup_pc { display:none }
	#popup_mobile { display:block }
}

.common_board { position:relative; max-width:1288px; margin:0 auto; line-height:1;

	/* title(button) */
	--font-sp1:'Noto Sans';

	/* font size */
	--font-size-titleL2-pc:32px;
	--font-size-titleL2-mobile:24px;
	
	--font-size-titleL1-pc:22px;
	--font-size-titleL1-mobile:17px;
	
	--font-size-title-pc:17px;
	--font-size-title-mobile:15px;
	
	--font-size-nav-pc:20px;
	--font-size-nav-mobile:16px;
	
	--font-size-list-pc:15px;
	--font-size-list-mobile:13px;
	
	/* color */
	--color-key:#6ca634;
	--color-dark:#333;
	
	/* width,height(button) */
	--width-btn-pc:150px;
	--height-btn-pc:60px;
	--width-btn-mobile:90px;
	--height-btn-mobile:35px;
	
	/* screen width */
	--mobile-width:calc(100% - 40px)
}
.common_board a:link { font-family:var(--font-sp1);color:var(--color-dark); text-decoration:none; outline:none }
.common_board a:visited { font-family:var(--font-sp1);color:var(--color-dark); text-decoration:none; outline:none }
.common_board a:active { font-family:var(--font-sp1);color:var(--color-dark); text-decoration:none; outline:none }
.common_board a:hover { font-family:var(--font-sp1);color:var(--color-dark); text-decoration:none; outline:none }


/* roundBox */
.common_board .roundBox { border-radius:5px; overflow:hidden }
/* select */
.common_board .select_wrap { height:40px } /* select height */
.common_board select { border:1px solid #ccc; width:100%; height:100%; font-family:var(--font-sp1); font-size:var(--font-size-list-pc); /*line-height:1;*/ color:var(--color-dark); padding:0 10px; transition:all ease-out .3s }
.common_board select.active { border:1px solid #000 }
.common_board select {
	-webkit-appearance:none; /* 네이티브 외형 감추기 */ 
	-moz-appearance:none; 
	appearance:none;
	background:#f7f7f7 url(/skin/board/images/arrow.png) calc(100% - 20px) center no-repeat; /* 화살표 모양의 이미지 */
} 
.common_board select::-ms-expand { display:none } /* IE 10, 11의 네이티브 화살표 숨기기 */
/* input */
.common_board .input_wrap { height:40px } /* input height */
.common_board .objinput { background:#f7f7f7; border:1px solid #ccc; width:100%; height:100%; font-family:var(--font-sp1); font-size:var(--font-size-list-pc); color:var(--color-dark); padding:0 10px; transition:all ease-out .3s }
.common_board .objinput.active { background:#fff; border:1px solid #000 }
/* placeholder */
.common_board .objinput::placeholder { font-family:var(--font-sp1); font-size:15px; /*line-height:1;*/ color:#666 }
.common_board::-webkit-input-placeholder { /* Webkit browsers */ color:#666 }
.common_board:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#666 }
.common_board::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#666 }
.common_board:-ms-input-placeholder { /* Internet Explorer 10+ */ color:#666 }
/* pagination */
.common_board .pagination_container { display:flex; justify-content:center; gap:10px; margin-top:80px }
.common_board .pagination_container .pagination_wrap { display:flex; justify-content:center; gap:10px }
.common_board .pagination_container .pagination_wrap .btn { position:relative; width:34px; height:34px; background:#fff; border:0px solid #eee; transition:all ease-out .3s }
.common_board .pagination_container .pagination_wrap .btn:before { content:''; bottom:0; left:50%; margin-left:-10px; position:absolute; width:20px; height:2px; background:#fff; transition:all ease-out .3s }
.common_board .pagination_container .pagination_wrap .btn p { font-size:var(--font-size-list-pc); color:var(--color-dark) }
.common_board .pagination_container .pagination_wrap .btn.active { border:0px solid #ccc }
.common_board .pagination_container .pagination_wrap .btn.active:before { background:#ccc }
.common_board .pagination_container .pagination_wrap .btn.on { border:0px solid #000; background:#fff }
.common_board .pagination_container .pagination_wrap .btn.on:before { background:#000 }
.common_board .pagination_container .pagination_wrap .btn.on p { color:#000 }
/* prev/next */
.common_board .btn_pn { position:relative; width:34px; height:34px; background:#fff; border:1px solid #ddd; border-radius:17px; transition:all ease-out .3s}
.common_board .btn_pn.active { border:1px solid #666 }
.common_board .btn_prev .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:absolute; margin-left:2px }
.common_board .btn_next .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:absolute; margin-left:-2px }
.common_board .btn_pn .arrow { border:solid #000; border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:3px }
.common_board .btn_first .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(135deg); position:absolute; margin-left:4px }
.common_board .btn_last .arrow { top:50%; left:50%; transform:translate(-50%,-50%) rotate(-45deg); position:absolute; margin-left:-4px }
.common_board .btn_pn_fl .arrow { border:solid #000; border-width:0 1px 1px 0; display:inline-block; vertical-align:middle; padding:3px }
.common_board .btn_first .arrow:last-child { margin-left:-1px }
.common_board .btn_last .arrow:last-child { margin-left:1px }
/* search */
.common_board .search_container { margin-top:40px; display:flex; justify-content:center; align-items:center; gap:10px }
.common_board .search_container .select_wrap { width:150px }
.common_board .search_container .input_wrap { width:300px }
.common_board .search_container .btn_search { background:#333; width:150px; height:40px; border-radius:5px; transition:all ease-out .3s }
.common_board .search_container .btn_search.active { background:#000 }
.common_board .search_container .btn_search p { font-family:var(--font-sp1); font-size:var(--font-size-title-pc); color:#fff }
/* sns(naver/kakao) */

/* 개인정보취급방침 */
.common_board .agree_wrap { width:100%; border:1px solid #ddd; background:#fcfcfc; padding:40px 30px 30px 30px; text-align:left }
.common_board .agree_wrap .title { font-family:var(--font-sp1); font-size:var(--font-size-titleL1-pc); color:var(--color-dark); transform:scaleX(.95); transform-origin:left }
.common_board .agree_wrap .contents { font-size:13px; border:1px solid #ddd; background:#fff; padding:20px; line-height:1.5; color:#555; height:150px; overflow:auto; overflow-x:hidden; margin-top:20px }
.common_board .agree_wrap .bt_wrap { display:flex; align-items:center; gap:10px; margin-top:20px }
.common_board .agree_wrap .bt_wrap p { font-size:15px; color:var(--color-dark) }

/* mobile  start ----------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:1288px) {
	.common_board { max-width:none; width:var(--mobile-width) !important }
}
@media only screen and (max-width:1023px) {
	.none1024 { display:none !important }
	/* pagination */
	.common_board .pagination_container { margin-top:50px }
	/* search */
	.common_board .search_container .select_wrap { width:120px }
	.common_board .search_container .input_wrap { width:250px }
	.common_board .search_container .btn_search { width:120px }
}
@media only screen and (max-width:767px) { /* 모바일 */
	.none768 { display:none !important }
	/* agree */
	.common_board  .agree_wrap { padding:25px 20px 20px 20px }
	.common_board  .agree_wrap .title { font-size:var(--font-size-titleL1-mobile) }
	.common_board  .agree_wrap .contents { font-size:12px; padding:10px; line-height:1.5; height:100px; margin-top:10px }
	.common_board  .agree_wrap .bt_wrap { gap:5px; margin-top:10px }
	.common_board  .agree_wrap .bt_wrap p { font-size:13px }
	/* select */
	.common_board .select_wrap { height:30px }
	.common_board select { font-size:var(--font-size-list-mobile) }
	.common_board select { background:url(/skin/board/images/arrow.png) calc(100% - 10px) center no-repeat }
	/* input */
	.common_board .input_wrap { height:30px }
	.common_board .objinput::placeholder { font-size:var(--font-size-list-mobile); padding:0 0px }
	/* pagination */
	.common_board .pagination_container .pagination_wrap { gap:8px }
	.common_board .pagination_container .pagination_wrap .btn { width:26px; height:26px }
	.common_board .pagination_container .pagination_wrap .btn p { font-size:var(--font-size-list-mobile) }
	/* prev/next */
	.common_board .btn_pn { width:26px; height:26px; border-radius:13px }
	.common_board .btn_pn_fl { width:26px; height:26px; border-radius:13px }
	/* pagination */
	.common_board .pagination_container { margin-top:40px }
	/* search */
	.common_board .search_container { margin-top:30px; gap:5px; flex-wrap:wrap }
	.common_board .search_container .select_wrap { width:90px }
	.common_board .search_container .input_wrap { width:calc(100% - 95px) }
	.common_board .search_container > a { width:100% }
	.common_board .search_container .btn_search { background:#333; width:100%; height:30px }
	.common_board .search_container .btn_search p { font-size:var(--font-size-title-mobile) }

}
/* mobile  end ----------------------------------------------------------------------------------------------------------------------------- */

/* notice */
#board_notice { padding:50px 0; position:relative }
#board_notice p { text-align:center; font-family:var(--font-sp1); font-size:15px; /*line-height:1;*/ letter-spacing:-.5px; color:#333 }
/* skip */
#skip, .skip { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }

/* 일반페이지 하단 전후사진*/
#subalbum .box_album { width:1288px; margin:0px auto; margin-top:40px; position:relative }

#s_notice { padding:50px 0; position:relative }
#s_notice p { text-align:center; font-family:var(--font-sp1); font-size:15px; line-height:1;letter-spacing:-.5px; color:#333 }

.common_board .contents_wrap .contents  img {
    max-width: 100%;
    height: auto;
	/*width     : 100%;
    height    : 100%;
	object-fit: scale-down;*/

	
}

#board { font-family:var(--font-sp1); }
@media only screen and (max-width:767px) {
.videowrapper{position:relative; padding-bottom:56.25%; padding-top:25px; height:0;}
.videowrapper iframe {position:absolute; top:0; left:0; width:100%; height:100%;}
}