@charset "utf-8";
/* 리셋 */
html,
body{
  height:100%;
}

body{
  display:flex;
  align-items:center;
/*  background-color:#f5f5f5;*/
  background-color:#f8f9fb;
  padding-top:60px;
}
body{font-family:"Roboto","Noto Sans KR"}
.fontMontserrat{font-family:"Montserrat","Roboto","Noto Sans KR" !important}
.fontRampartOne{font-family:"Rampart One","Roboto","Noto Sans KR" !important;font-weight:400 !important;font-style:normal !important}
.fontRocknrollOne{font-family:"RocknRoll One","Roboto","Noto Sans KR" !important;font-weight:400 !important;font-style:normal !important}
.fontDefault{font-family:"Roboto","Noto Sans KR" !important}
/* 다국어 대응 */
body.jp{font-family:"Roboto","Noto Sans JP","Noto Sans KR"}
body.jp .fontMontserrat{font-family:"Montserrat","Roboto","Noto Sans JP","Noto Sans KR" !important}
body.jp .fontRampartOne{font-family:"Rampart One","Roboto","Noto Sans JP","Noto Sans KR" !important}
body.jp .fontRocknrollOne{font-family:"RocknRoll One","Roboto","Noto Sans JP","Noto Sans KR" !important}
body.jp .fontDefault{font-family:"Roboto","Noto Sans JP","Noto Sans KR" !important}
body.chs{font-family:"Roboto","Noto Sans SC","Noto Sans KR"}
body.chs .fontMontserrat{font-family:"Montserrat","Roboto","Noto Sans SC","Noto Sans KR" !important}
body.chs .fontRampartOne{font-family:"Rampart One","Roboto","Noto Sans SC","Noto Sans KR" !important}
body.chs .fontRocknrollOne{font-family:"RocknRoll One","Roboto","Noto Sans SC","Noto Sans KR" !important}
body.chs .fontDefault{font-family:"Roboto","Noto Sans SC","Noto Sans KR" !important}
body.cht{font-family:"Roboto","Noto Sans TC","Noto Sans KR"}
body.cht .fontMontserrat{font-family:"Montserrat","Roboto","Noto Sans TC","Noto Sans KR" !important}
body.cht .fontRampartOne{font-family:"Rampart One","Roboto","Noto Sans TC","Noto Sans KR" !important}
body.cht .fontRocknrollOne{font-family:"RocknRoll One","Roboto","Noto Sans TC","Noto Sans KR" !important}
body.cht .fontDefault{font-family:"Roboto","Noto Sans TC","Noto Sans KR" !important}
.font_jp{font-family:"Roboto","Noto Sans JP","Noto Sans KR" !important}
.font_en{font-family:"Roboto","Noto Sans KR" !important}
.font_chs{font-family:"Roboto","Noto Sans SC","Noto Sans KR" !important}
.font_cht{font-family:"Roboto","Noto Sans TC","Noto Sans KR" !important}

a{color:#212529;text-decoration:none}
a{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
a:hover, a:focus, a:active{color:#ef7d00}
a:active, a:hover{outline:0}

.cur_d{cursor:default}
.cur_p{cursor:pointer}
.modal-body .ck-content .cur_p{cursor:default}

.grayscale{filter:grayscale(1)}

.bg-dark{background-color:#34363a !important}

.bg-fixed-image{position:relative;padding-top:150px !important;padding-bottom:150px !important;background:url(/images/bg_banner/8.jpg) no-repeat center center;background-size:cover}
.bg-fixed-image{background-attachment:fixed}
.bg-fixed-image-sm{padding-top:100px !important;padding-bottom:100px !important}
.bg-fixed-image-xs{padding-top:3rem!important;padding-bottom:3rem!important}
/* IE 에서 적용 안됨 */
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none){
	.bg-fixed-image{background-attachment:inherit}
}
.bg-fixed-image:before{content:"";position:absolute;top:0;left:0;float:left;width:100%;height:100%;background-color:#000;opacity:0.50}
.bg-fixed-image > .row{position:relative}
/* 반응형 */
@media only screen and (max-width:767px){
	.bg-fixed-image{padding-top:50px !important;padding-bottom:50px !important}
	.bg-fixed-image-xs{padding-top:3rem!important;padding-bottom:3rem!important}
	.bg-fixed-image .fs-1{font-size:calc(1.3rem + .6vw)!important}/* fs-3 */
	.bg-fixed-image .fs-2{font-size:calc(1.3rem + .6vw)!important}/* fs-3 */
	.bg-fixed-image .fs-5{font-size:1rem!important}/* fs-6 */
	/* ios 에서 background-attachment 안되는 이슈 */
	.bg-fixed-image.mo-bg-fixed-disable{background-attachment:scroll !important}
}
/* ios 에서 background-attachment 안되는 이슈 */
@supports(-webkit-hyphens:none){
	.bg-fixed-image{background-attachment:scroll !important}
}

.boxShadow{
	-webkit-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	-o-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
}
.boxShadow.type2{
	-webkit-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	-o-box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
	box-shadow:5px 5px 5px 0px rgba(0, 0, 0, 0.4);
}
.boxShadow.type3{
	-webkit-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-ms-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	-o-box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3);
	box-shadow:0px 0px 5px 0px rgba(0, 0, 0, 0.3);
}

/* 리셋 */

.w-768{width:100%;max-width:768px !important}

.fs-7{font-size:.9rem !important}
.fs-8{font-size:.8rem !important}
.fs-9{font-size:.7rem !important}
/* 반응형 */
@media only screen and (max-width:767px){
	.fs-sm-6{font-size:1rem!important}/* fs-6 */
}

.textShadow{
	-webkit-text-shadow:2px 2px 3px rgba(0,0,0,0.40);
	-moz-text-shadow:2px 2px 3px rgba(0,0,0,0.40);
	-ms-text-shadow:2px 2px 3px rgba(0,0,0,0.40);
	-o-text-shadow:2px 2px 3px rgba(0,0,0,0.40);
	text-shadow:2px 2px 3px rgba(0,0,0,0.40);
}
.text-gradient{
    background: linear-gradient(to right, #f66d9b 0%, #FFA117 98%, #FFA117 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.form-default{position:relative}
.form-default .totalRows{position:absolute;bottom:0;left:0}
.form-default .search_form_on_off{display:none !important}

#search_form{padding-bottom:20px}
#search_form .d-flex .col-form-label{min-width:70px}
.search-box-btn{min-width:100px}
.search-box-btn:first-child{margin-right:12px}
.search-box-btn:last-child{margin-left:12px}
/* 반응형 */
@media only screen and (max-width:991px){
	#search_form{padding-bottom:20px}
/*	.search-box-btn-group{width:100%}*/
	.search-box-btn{width:50%}
}
/* 반응형 */
@media only screen and (max-width:767px){
	.search-box-select-group{display:block !important}
/*	.search-box-select-group .col-6:first-child{padding-right:12px}*/
/*	.search-box-select-group .col-6:last-child{padding-left:12px}*/
	.search-box-btn-group{margin-top:12px}

	.form-default .mobile-hide{display:none}
	.form-default.open .mobile-hide{display:block}
	.form-default .search_form_on_off{display:flex !important;position:absolute;bottom:0;right:0;font-size:16px;line-height:31px;float:left;text-align:center;cursor:pointer}
	.form-default .search_form_on_off .button{float:left;width:16px;height:31px;position:relative;text-align:center}
	.form-default .search_form_on_off .button .fa{position:absolute;top:0;left:0;float:left;width:100%;line-height:29px}
	.form-default .search_form_on_off .button .fa{
		-webkit-transition:all 0.20s ease;
		-moz-transition:all 0.20s ease;
		-ms-transition:all 0.20s ease;
		-o-transition:all 0.20s ease;
		transition:all 0.20s ease;
	}
	.form-default .search_form_on_off .button .fa.fa-plus{opacity:1}
	.form-default .search_form_on_off .button .fa.fa-minus{opacity:0}
	.form-default.open .search_form_on_off .button .fa.fa-plus{opacity:0}
	.form-default.open .search_form_on_off .button .fa.fa-minus{opacity:1}
	.form-default .search_form_on_off .txt{float:left;font-size:14px;line-height:31px;margin-left:5px}
	.form-default .search_form_on_off .txt.open{display:block}
	.form-default .search_form_on_off .txt.close{display:none}
	.form-default.open .search_form_on_off .txt.open{display:none}
	.form-default.open .search_form_on_off .txt.close{display:block}

	/* 검색 박스 전체 펼치기/닫기 */
	.form-default #search_form{display:none}
	.form-default.open #search_form{display:block}
}

.fixed-top{z-index:1082}
header .navbar{height:60px}
header .navbar{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
header .navbar:hover{
	-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.30);
	-moz-box-shadow:0 5px 5px rgba(0,0,0,0.30);
	-ms-box-shadow:0 5px 5px rgba(0,0,0,0.30);
	-o-box-shadow:0 5px 5px rgba(0,0,0,0.30);
	box-shadow:0 5px 5px rgba(0,0,0,0.30);
}
/* 반응형 */
@media only screen and (max-width:991px){
	header .navbar:hover{
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		-ms-box-shadow:none;
		-o-box-shadow:none;
		box-shadow:none;
	}
	header .navbar.open{
		-webkit-box-shadow:0 5px 5px rgba(0,0,0,0.30);
		-moz-box-shadow:0 5px 5px rgba(0,0,0,0.30);
		-ms-box-shadow:0 5px 5px rgba(0,0,0,0.30);
		-o-box-shadow:0 5px 5px rgba(0,0,0,0.30);
		box-shadow:0 5px 5px rgba(0,0,0,0.30);
	}
}
header .navbar h1{float:left;padding:0;margin:0}
header .navbar .img-fluid{width:150px}
header .navbar .navbar-brand{float:left;margin-right:50px;padding:3px}
header .navbar .navbar-brand img{float:left;height:54px}
header .navbar .navbar-brand img.mobile-logo{display:none}
header .navbar .navbar-nav .nav-item .nav-link{color:#212529;font-weight:500;opacity:0.7}
header .navbar .navbar-nav .nav-item .nav-link:hover
, header .navbar .navbar-nav .nav-item .nav-link.active{color:#ef7d00;opacity:1}
header .navbar .search-box{min-width:350px}
/* 다국어 대응 */
body.en header .navbar .search-box{min-width:380px}
body.jp header .navbar .search-box{min-width:380px}
body.fre header .navbar .search-box{min-width:420px}
body.spn header .navbar .search-box{min-width:480px}
body.ger header .navbar .search-box{min-width:380px}
body.rus header .navbar .search-box{min-width:500px}
/*header .navbar .search-box .form-control{min-width:200px}*/
header .navbar .search-box{min-width:auto !important}
header .navbar .search-box .btn{min-width:105px}
/*#main-container{padding-top:76px !important}*/
/* 반응형 */
@media only screen and (max-width:1199px){
	header .navbar .search-box{display:none !important}
}
@media only screen and (max-width:991px){
	/* 연필 본체에 맞춘 버전 */
/*	header .navbar .navbar-brand{margin-right:0;padding:0 0 0 4px;margin-top:-7px}*/
/*	header .navbar .navbar-brand img{height:25px}*/
	/* 연필 가운데에 맞춘 버전 */
	header .navbar .navbar-brand{margin-right:0;padding:0 0 0 4px}
	header .navbar .navbar-brand img{height:25px}

	header .navbar .navbar-brand img.mobile-logo{display:block}
	header .navbar .navbar-brand img.pc-logo{display:none}
	header .navbar .search-box{display:flex !important;min-width:auto !important;margin-bottom:20px}
/*	#main-container{padding-top:54px !important}*/
}
.navbar-toggler:focus
, .navbar-toggler:active
, .navbar-toggler-icon:focus{outline:none;box-shadow:none}

/* 메인페이지 헤더 */
/*.mainpage #main-container{padding-top:0 !important}*/
/*.mainpage header .navbar{background-color:transparent !important}*/

footer .language-select-box{justify-content:center}
footer .language-select-box .select-language{margin-left:30px}
footer .language-select-box .dropdown-menu.show{z-index:8888}
/* 반응형 */
@media only screen and (max-width:767px){
	footer .language-select-box{justify-content:space-between}
	footer .language-select-box .select-language{margin-left:0}
}
footer .language-select-box .select-language .btn{display:flex;align-items:center;justify-content:start}
/*footer .language-select-box .select-language .btn .fa-solid{display:none}*/
footer .language-select-box .select-language .btn .flag{float:left;max-width:25px;margin-right:8px;border-radius:2px}
footer .language-select-box .select-language .btn:after{margin-left:8px}
footer .language-select-box .select-language .dropdown-menu .dropdown-item{display:flex;align-items:center;justify-content:start}
footer .language-select-box .select-language .dropdown-menu .dropdown-item .flag{float:left;max-width:25px;margin-right:10px;border-radius:2px}

/* 상단 이동 버튼 고정 */
footer .move-top{position:fixed;bottom:212px;right:12px;float:left;width:38px;height:38px;padding:0;border:0;display:flex;align-items:center;justify-content:center}
footer .move-top{opacity:0;cursor:default;pointer-events:none}
footer .move-top.on{z-index:1050;cursor:pointer;pointer-events:inherit}

/* 헬프페이지 이동 버튼 고정 */
footer .go-to-help{position:fixed;bottom:12px;right:12px;float:left;width:38px;height:38px;padding:0;border:0;display:flex;align-items:center;justify-content:center}
footer .go-to-help{z-index:1050}

/* SNS 공유 버튼 고정 */
footer .share-btn{position:fixed;right:12px;float:left;width:38px;height:38px;padding:0;border:0}
footer .share-btn.share-facebook{bottom:162px}
footer .share-btn.share-twitter{bottom:112px}
footer .share-btn.share-url-copy{bottom:62px}
footer .share-btn{z-index:1050}
footer .share-btn img{float:left;width:100%}

/* 우측 하단 버튼 공통 효과 */
footer .move-top,
footer .go-to-help,
footer .share-btn{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
footer .move-top.on,
footer .go-to-help,
footer .share-btn{opacity:0.8}
footer .move-top.on:hover,
footer .go-to-help:hover,
footer .share-btn:hover{opacity:1.0;transform:scale(1.2)}

/* 반응형 */
@media only screen and (max-width:767px){
	footer .move-top,
	footer .go-to-help,
	footer .share-btn{width:30px;height:30px}
	footer .move-top{bottom:164px}
	footer .share-btn.share-facebook{bottom:126px}
	footer .share-btn.share-twitter{bottom:88px}
	footer .share-btn.share-url-copy{bottom:50px}
	footer .go-to-help{bottom:12px}
}

/* 쿠키에 보고 있던 언어가 있는지 체크, 보던 언어가 없다면 언어 선택 팝업 레이어를 띄운다. */
footer .language-select-box.isDefaultLanguage{position:fixed;z-index:1050;left:0;background-color:rgba(0,0,0,0.8);float:left;width:100%;border-radius:15px 15px 0 0}
footer .language-select-box.isDefaultLanguage{opacity:0;bottom:-64px}
footer .language-select-box.isDefaultLanguage.ready{opacity:1;bottom:0}
footer .language-select-box.isDefaultLanguage{
	-webkit-transition:all 0.80s ease;
	-moz-transition:all 0.80s ease;
	-ms-transition:all 0.80s ease;
	-o-transition:all 0.80s ease;
	transition:all 0.80s ease;
}
footer .language-select-box.isDefaultLanguage .select-language{width:100%;margin-left:0}
footer .language-select-box.isDefaultLanguage .select-language .btn{width:100%;height:64px;justify-content:center;border:0;color:#fff;border-radius:15px 15px 0 0;font-size:18px}
footer .language-select-box.isDefaultLanguage .select-language .btn .flag{max-width:30px}

/* 쿠폰이 있다면 쿠폰 이동 팝업 레이어를 띄운다. */
#goto_detailCoupon_list{position:fixed;z-index:1050;left:0;background-color:rgba(0,0,0,0.8);float:left;width:100%;border-radius:15px 15px 0 0}
#goto_detailCoupon_list
, #goto_detailCoupon_list.ready.off{display:none;opacity:0;bottom:-64px}
#goto_detailCoupon_list{
	-webkit-transition:all 0.80s ease;
	-moz-transition:all 0.80s ease;
	-ms-transition:all 0.80s ease;
	-o-transition:all 0.80s ease;
	transition:all 0.80s ease;
}
#goto_detailCoupon_list .btn{display:flex;align-items:center;justify-content:center;width:100%;height:64px;border:0;color:#fff;border-radius:15px 15px 0 0;font-size:18px}
/* 반응형 */
@media only screen and (max-width:991px){
	/* 991px 부터 우측 메뉴가 하단으로 내려간다. */
	#goto_detailCoupon_list.ready{display:block;opacity:1;bottom:0}
}

/*********************************************************************************************************/
/** 페이징 */
/*********************************************************************************************************/
.paginationWrap{float:left;text-align:center;position:relative}
.pagination-help{float:right;text-align:center}
.totalRows{float:left;font-size:14px;line-height:31px}
.paginationWrap > .totalRows{position:absolute;top:0;left:0}
.paginationWrap > .btn-group{float:right;position:absolute;top:0;right:0}
.pagination{display:inline-block;border-radius:4px;margin:0}
.pagination > li{float:left}
.pagination > li > a{position:relative;float:left;padding:4px 12px;margin-left:-1px;color:#444;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination > li > a{transition:color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out}
.pagination > li > a
, .pagination > li > a > strong{font-size:0.875rem;line-height:21px;max-height:31px}
.pagination > li > a > .fa{font-size:14px}
.pagination > li:first-child > a{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination > li:last-child > a{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination > li > a.on{background-color:#ced4da}
.pagination > li > a:hover
, .pagination > li > a:focus{z-index:2;color:#23527c;background-color:#f8f9fa;border-color:#ddd}
.page-btn{float:left}
.page-btn .btn{float:left;width:100%;padding:4px 12px;min-width:100px}
.page-btn.left{margin-right:12px}
.page-btn.right{margin-left:12px}
/* 반응형 */
@media only screen and (max-width:991px){
	.paginationWrap{width:100%}
	.pagination > li{margin-bottom:5px}
	.pagination-help{width:100%;margin-top:15px}
	.page-btn{width:50%}
}
@media only screen and (max-width:767px){
	.pagination > li.prev > a{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
	.pagination > li.next > a{border-top-right-radius:4px;border-bottom-right-radius:4px}

	.pagination > li.pos_2,
	.pagination > li.pos_3,
	.pagination > li.pos_4,
	.pagination > li.pos_5,
	.pagination > li.pos_6,
	.pagination > li.pos_7,
	.pagination > li.pos_8{display:none}
	.pagination > li.pos_9 a{display:none}
	.pagination > li.pos_9:after{display:block;content:"…"}
	.pagination > li.pos_9:after{position:relative;float:left;padding:4px 12px;margin-left:-1px;color:#444;text-decoration:none;background-color:#fff;border:1px solid #ddd}
	.pagination > li.pos_9:after{font-size:0.875rem;line-height:21px;max-height:31px}
	.pagination.except > li{display:block}
	.pagination.except > li.pos_9 a{display:block}
	.pagination.except > li.pos_9:after{display:none}
}
/*.pagination > li.pos_2 a,*/
/*.pagination > li.pos_3 a,*/
/*.pagination > li.pos_4 a,*/
/*.pagination > li.pos_5 a,*/
/*.pagination > li.pos_6 a,*/
/*.pagination > li.pos_7 a,*/
/*.pagination > li.pos_8 a,*/
/*.pagination > li.pos_9 a{background-color:red}*/
/*.pagination > li.pos_9 a{background-color:blue}*/
/*.pagination.except > li:last-child a{background-color:inherit}*/

/* 컨텐츠박스 */
.content_box{float:left;width:100%;position:relative}
.content_box > *{float:left;width:100%}
.content_box .img{min-width:110px;max-width:110px;height:110px;margin-right:15px;overflow:hidden}
.content_box .img
, .content_box .img span{position:absolute;top:0;left:0;border-radius:8px;background-size:cover;background-position:center center;background-repeat:no-repeat}
.content_box .img span{float:left;width:100%;height:100%;margin-right:0;background-size:60px auto;background-image:url(/images/logo_w200.png)}
/* 이미지 테두리 보류 */
/*.content_box .img span{border:1px solid #b2b2b2}*/
.content_box .img span.imageReady{background-size:cover}
.content_box .img.no-image span{background-image:url(/images/logo_w200_white.png)}
.content_box .img.no-image{background-size:60px auto;background-color:#b2b2b2}
.content_box .img{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
.content_box.over-v:hover .img{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}
/* 반응형 */
@media only screen and (max-width:991px){
	.content_box .img{
		-webkit-transition:none;
		-moz-transition:none;
		-ms-transition:none;
		-o-transition:none;
		transition:none;
	}
	.content_box.over-v:hover .img{
		-webkit-transform:none;
		-moz-transform:none;
		-ms-transform:none;
		-o-transform:none;
		transform:none;
	}
}
.content_box .desc{padding-left:125px}
.content_box .desc > *{float:left;width:100%}
.content_box .desc > .title{font-size:17px;line-height:20px;height:40px;font-weight:500}
.content_box .desc > .title > span{font-size:15px;font-weight:400}
.content_box .desc > .title{
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
}
.content_box .desc > .info{}
.content_box .desc > .info > *{float:left;width:100%;font-size:14px;line-height:20px;font-weight:400;margin-top:5px}
.content_box .desc > .info > .tags{color:#444;min-height:40px}
.content_box .desc > .info > .tags > *{float:left;width:100%}
.content_box .desc > .info > .tags .fa-solid{min-width:20px}
.content_box .desc > .info > .date .fa-solid{min-width:20px}
.content_box .desc > .info .CouponCount > .fa-solid{float:left;font-size:18px}
/* 반응형 */
@media only screen and (max-width:767px){
	.content_box .img{position:relative;top:auto;left:auto;width:100%;min-width:100%;max-width:100%;height:100px;margin-bottom:10px;margin-right:0}
	.content_box .desc{padding-left:0}
	.content_box .desc > .title{font-size:15px;line-height:18px;height:36px}
	.content_box .desc > .title > span{font-size:13px}
	.content_box .desc > .info > *{font-size:13px;line-height:18px}
	.content_box .desc > .info > .tags{min-height:36px}
	.content_box .desc > .info > .date{display:none}
}

.full-banner-box{display:flex;align-items:center;justify-content:center;width:100%;background-size:cover;background-position:center center;background-repeat:no-repeat;position:relative}
/* 텍스트가 길어지는 경우가 있음 */
.full-banner-box{min-height:300px}
.full-banner-box.mainpage{min-height:110px;border-radius:15px}
.full-banner-box.no-image
, .full-banner-box.no-image .img{background-size:350px auto}
.full-banner-box .swiper-container-wrap{position:absolute;top:0;left:0;float:left;width:100%;height:100%;z-index:1;padding-bottom:0}
.full-banner-box .swiper-container-wrap .swiper-slide{float:left;width:100%;height:100%}
.full-banner-box .img{position:absolute;top:0;left:0;float:left;width:100%;height:100%;z-index:2;background-size:cover;background-position:center center;background-repeat:no-repeat}
.full-banner-box .bg{position:absolute;top:0;left:0;float:left;width:100%;height:100%;z-index:3;background-color:#000;opacity:0.5}
/* 메인페이지는 좀 더 어둡게 */
.full-banner-box.mainpage .bg{opacity:0.6}
/* 컨텐츠는 좀 더 어둡게 */
.full-banner-box.detailpage .bg{opacity:0.6}
.full-banner-box .title{position:relative;font-size:40px;z-index:4}
.full-banner-box .view-more{position:absolute;bottom:0;right:0;z-index:4;opacity:0}
.full-banner-box .view-more{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
.full-banner-box:hover .view-more{color:#ef7d00 !important;opacity:1}
/* 볼드체에 비해 줄간격이 넓음, 가독성이 떨어져서 */
/*.full-banner-box .title{line-height:inherit}*/
.full-banner-box.mainpage .title{font-size:24px;line-height:inherit;font-weight:400}
.full-banner-box .date-view-info{position:absolute;bottom:0;z-index:5}
/* 가독성이 떨어져서 */
/*.full-banner-box .date-view-info{opacity:0.8}*/
/* 반응형 */
@media only screen and (max-width:1280px){
	.full-banner-box{min-height:170px}
	.full-banner-box.mainpage{min-height:110px}
	.full-banner-box.no-image
	, .full-banner-box.no-image .img{background-size:200px auto}
	.full-banner-box .title{font-size:25px}
	.full-banner-box.mainpage .title{font-size:21px}
	.full-banner-box.detailpage .title{margin-bottom:20px !important}
	.full-banner-box .date-view-info span.txt{float:left;width:100%;font-size:13px;line-height:20px}
	.full-banner-box .date-view-info .date span.txt{margin-left:0 !important}
}
@media only screen and (max-width:767px){
	.full-banner-box{min-height:150px}
	.full-banner-box.mainpage{min-height:70px}
	.full-banner-box.no-image
	, .full-banner-box.no-image .img{background-size:180px auto}
	.full-banner-box .title{font-size:20px}
	.full-banner-box.mainpage .title{font-size:18px}
	.full-banner-box.detailpage .title{margin-bottom:18px !important}
	.full-banner-box .date-view-info{bottom:2px}
	.full-banner-box .date-view-info span.txt{line-height:18px}
/* 모바일에서 텍스트 숨기기 */
/*	.full-banner-box .date-view-info .date span.txt span*/
/*	, .full-banner-box .date-view-info .ViewCount span.txt span{display:none}*/
}

/* 로딩 표시 */
.loader{z-index:1;position:absolute;top:50%;margin-top:-25px;left:50%;margin-left:-25px;width:50px;height:50px;border:5px solid #FFF;border-bottom-color:#ef4123;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}
@keyframes rotation{
	0%{transform:rotate(0deg)}
	100%{transform:rotate(360deg)}
}
/* 메인배너 로딩 대신 초기 레이아웃 고정 : 스와이프 breakpoints 와 계산되어 지정됨 */
.image-slide.mainbanner.preview{opacity:0.9}
.image-slide.mainbanner.preview .swiper-wrapper{width:calc(100% + 24px)}
.image-slide.mainbanner.preview .swiper-slide{width:calc(50% - 24px);margin-right:24px;left:25%}
.image-slide.mainbanner.preview .swiper-slide:after{content:"";position:absolute;top:0;left:0;float:left;width:100%;height:100%;background-color:#000;opacity:0.8;z-index:1;border-radius:15px}
/* 반응형 */
@media only screen and (max-width:1280px){
	.image-slide.mainbanner.preview .swiper-wrapper{width:calc(100% + 24px)}
	.image-slide.mainbanner.preview .swiper-slide{width:calc(66.666% - 24px);margin-right:24px;left:16.667%}
}
@media only screen and (max-width:991px){
	.image-slide.mainbanner.preview .swiper-wrapper{width:calc(100% + 24px)}
	.image-slide.mainbanner.preview .swiper-slide{width:calc(76.924% - 24px);margin-right:24px;left:11.538%}
}
@media only screen and (max-width:767px){
	.image-slide.mainbanner.preview .swiper-wrapper{width:calc(100% + 12px)}
	.image-slide.mainbanner.preview .swiper-slide{width:calc(76.924% - 12px);margin-right:12px;left:11.538%}
}

.figure-image{position:relative;float:left;width:100%;height:100%;cursor:pointer;margin-bottom:0}
.figure-image .figure-img{margin:0}
.figure-image .display-img{position:absolute;top:0;left:0;float:left;width:100%;height:100%;background-size:cover;background-position:center center;background-repeat:no-repeat}
.figure-image .figure-caption{position:absolute;bottom:0;right:0;background-color:rgba(0,0,0,0.6);color:#fff;padding:2px 10px;max-width:100%}
figure.image .figure-caption, figure.image .figure-caption *{font-size:15px}
/*.image-slide .swiper-slide{padding:0 5px}*/
.image-slide.no-swiper-nav .swiper-container-wrap{padding-bottom:0}
/* 반응형 */
@media only screen and (max-width:767px){
	.figure-image .figure-caption{font-size:13px}
	figure.image .figure-caption, figure.image .figure-caption *{font-size:13px}
}
/* 메인페이지 배너 */
.image-slide.mainbanner{opacity:0;z-index:-1;
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
.image-slide.mainbanner.ready{opacity:1;z-index:2}
.image-slide.mainbanner .swiper-container-wrap{padding-bottom:0}
.image-slide.mainbanner .figure-image{height:500px;border-radius:15px}
.image-slide.mainbanner .figure-image .figure-caption{position:relative;float:left;width:100%;height:100%;background-color:transparent;padding:0}
.image-slide.mainbanner .figure-image .figure-caption > *{float:left;width:100%;height:100%}
.image-slide.mainbanner .figure-image .figure-caption > .bg
, .image-slide.mainbanner .figure-image .figure-caption > .gradient{position:absolute;bottom:0;left:0}
.image-slide.mainbanner .figure-image .figure-caption > .bg{background-color:#000;opacity:0.2}
.image-slide.mainbanner .figure-image .figure-caption > .gradient{bottom:-10%;
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(1,#000));
	background:-ms-linear-gradient(top,transparent,#000);
	background:-moz-linear-gradient(center top,transparent 0,#000 100%);
	background:-o-linear-gradient(top,transparent,#000);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='transparent',EndColorStr='#000')";
}
.image-slide.mainbanner .figure-image .figure-caption > .desc{position:relative;height:auto;padding:0 50px 50px}
.image-slide.mainbanner .figure-image .figure-caption > .desc .title{font-size:30px;margin-bottom:20px}
.image-slide.mainbanner .figure-image .figure-caption > .desc .info{font-size:17px}
.image-slide.mainbanner .figure-image .display-img{left:auto;right:0;width:100%}
/* 반응형 */
@media only screen and (max-width:1280px){
	.image-slide.mainbanner .figure-image{height:400px}
	.image-slide.mainbanner .figure-image .figure-caption > .desc{padding:0 20px 50px}
	.image-slide.mainbanner .figure-image .figure-caption > .desc .title{font-size:25px;margin-bottom:10px}
	.image-slide.mainbanner .figure-image .figure-caption > .desc .info{font-size:15px}
}
@media only screen and (max-width:767px){
	.image-slide.mainbanner .figure-image{height:400px}
	.image-slide.mainbanner .figure-image .figure-caption > .desc{padding:0 20px 40px}
	.image-slide.mainbanner .figure-image .figure-caption > .desc .title{font-size:20px}
	.image-slide.mainbanner .figure-image .figure-caption > .desc .info{font-size:13px}
}

/* 스와이프 커스텀 */
.swiper-container-wrap{padding-bottom:15px}
.swiper-button-prev, .swiper-button-next{width:50px;height:calc(100% - 15px);top:0;margin-top:0;padding:0 10px}
.image-slide.mainbanner .swiper-button-prev, .image-slide.mainbanner .swiper-button-next{height:100%}
.swiper-button-prev{left:0}
.swiper-button-next{right:0}
.swiper-button-prev:after, .swiper-button-next:after{display:none}
.swiper-button-prev .fa-solid, .swiper-button-next .fa-solid{font-size:30px}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled{pointer-events:inherit}
/* 스와이프 슬라이더 네비게이션 */
.swiper-container-wrap .swiper-pagination{bottom:5px}
.swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{margin:0 5px;background:#fff;border-radius:5px;width:10px;height:10px;opacity:0.5}
.swiper-container-wrap .swiper-pagination .swiper-pagination-bullet{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
.swiper-container-wrap .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#fff;opacity:1}
/* 스와이프 슬라이더 네비게이션 너비 100% */
.swiper-container-wrap .swiper-pagination.fullwidth{left:0;bottom:0;width:100%;background-color:#ccc}
.swiper-container-wrap .swiper-pagination.fullwidth .swiper-pagination-bullet{float:left;margin:0;background:#ccc;border-radius:0;height:5px;opacity:0}
.swiper-container-wrap .swiper-pagination.fullwidth .swiper-pagination-bullet{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
.swiper-container-wrap .swiper-pagination.fullwidth .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#000;opacity:1}
/* 반응형 */
@media only screen and (max-width:767px){
	.swiper-button-prev, .swiper-button-next{width:30px;padding:0 5px}
	.swiper-button-prev .fa-solid, .swiper-button-next .fa-solid{font-size:20px}
}

.content-title{font-size:20px;line-height:inherit}
/* 반응형 */
@media only screen and (max-width:767px){
	.content-title{font-size:17px}
	.card-header{font-size:16px}
	.card-text{font-size:15px}
	.card-body dt{font-size:15px}
	.card-body dd{font-size:14px}
}
.addInfo-list, .addInfo-list dt, .addInfo-list dd{margin-bottom:12px}
.addInfo-list dt.col-12{margin-bottom:0}
/* 반응형 */
@media only screen and (max-width:767px){
	.addInfo-list dt.col-md-3{margin-bottom:0}
}
.addInfo-list:last-child
, .addInfo-list dt:last-of-type
, .addInfo-list dd:last-child{margin-bottom:0}
.detailInfo_list_25 > .card:last-child{margin-bottom:0 !important}
.detailInfo_list_25 > .card{background-size:cover;background-position:center center;background-repeat:no-repeat}
.detailInfo_list_25 > .card > .card-img-overlay{background-color:#000;opacity:0.5}
.detailInfo_list_25 > .card > .card-img-overlay{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
.detailInfo_list_25 > .card:hover > .card-img-overlay{opacity:0.75}
/*.detailInfo_list_25 > .card:hover .card-title{color:#ef7d00 !important}*/
.detailInfo_list_25 > .card:hover .card-text.more-view{color:#ef7d00 !important}
.detailInfo_list_25 > a.card .card-title
, .detailInfo_list_25 > a.card .card-text{color:#212529 !important}
.detailInfo_list_25 > a.card .card-title.text-white
, .detailInfo_list_25 > a.card .card-text.text-white{color:#fff !important}
/* 반응형 */
@media only screen and (max-width:767px){
	.detailInfo_list_25 > .card > .card-img-overlay{opacity:0.65;
		-webkit-transition:none;
		-moz-transition:none;
		-ms-transition:none;
		-o-transition:none;
		transition:none;
	}
}

.left-contents > *:last-child
, .right-contents > *:last-child{margin-bottom:0 !important}
/* 반응형 */
@media only screen and (max-width:991px){
	.left-contents > *:last-child{margin-bottom:.25rem !important}
}

.roomimg_list .roomimg{background-size:cover;background-position:center center;background-repeat:no-repeat}
.roomimg_list .roomimg a{height:150px}
.roomimg_list .roomimg a > img{opacity:0;height:100%}


/* ck 에디터 초기화 */
.ck-content{float:left;width:100%}
.ck-content > *:first-child{margin-top:0 !important}
.ck-content > *:last-child{margin-bottom:0 !important}
.ck-content img{max-width:100%;height:auto !important}
.ck-content, .ck-content *{font-family:inherit !important;max-width:100%}
.ck-content p{font-size:inherit !important;line-height:inherit !important}
.ck-content p *{font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important}
.ck-content .text-huge{font-size:1.8em}
.ck-content .text-big{font-size:1.4em}
.ck-content .text-small{font-size:.85em}
.ck-content .text-tiny{font-size:.7em}
.ck-content p strong{font-weight:500}
.ck-content .table table{border:1px double #b3b3b3;border-collapse:collapse;border-spacing:0;width:100%}
.ck-content .table table td, .ck-content .table table th{border:1px solid #bfbfbf;min-width:2em;padding:0.4em;vertical-align:middle;font-size:inherit !important;line-height:inherit !important}
.ck-content .table table td *, .ck-content .table table th *{font-size:inherit !important;line-height:inherit !important;font-weight:inherit !important}
.ck-content .table table td strong, .ck-content .table table th strong{font-weight:500}
.ck-content .image{clear:both;display:table;margin:0.9em auto;min-width:50px;text-align:center}
.ck-content .table table .image{margin:0 auto}
.ck-content .image img{display:block;margin:0 auto;max-width:100%;min-width:100%}


/* 배경이 투명한 이미지의 경우, fancybox 에서 잘 보이지 않는 문제 */
.fancybox-image, .f-thumbs__slide__img{background-color:#fff}
/* 배경이 투명한 이미지 업로드시 로고가 겹치는 문제 */
.content_box .img span.imageReady, .figure-image .display-img{background-color:#fff}
/* 이미지 로드 전 로고 보이는 동작은 보류 */
/*.content_box .img span, .figure-image .figure-img, .figure-image .display-img{*/
/*	-webkit-transition:all 0.20s ease;*/
/*	-moz-transition:all 0.20s ease;*/
/*	-ms-transition:all 0.20s ease;*/
/*	-o-transition:all 0.20s ease;*/
/*	transition:all 0.20s ease;*/
/*}*/
/*.content_box .img.no-image span{opacity:1 !important}*/
/*.content_box .img span.imageReady, .figure-image .display-img{opacity:0}*/
/*.content_box .img span.imageReady.opacity-0, .figure-image .display-img.opacity-0{opacity:1 !important}*/

/* 구글지도 표시 */
.googleMap{float:left;width:100%;height:600px}
.googleMap > div{float:left;width:100%;height:100%}

/* 메인페이지 : 좌우 형태 */
.mainpage-list:last-child .line-division{display:none}
.mainpage-list.left-right > .row > div > .row{height:100%}
.mainpage-list.left-right .full-banner-box.mainpage{height:100%}
/* 반응형 */
@media only screen and (max-width:1199px){
	/* 1199px 부터 한줄에 2개씩으로 변경된다. */
	.mainpage-list .detailDataList > div:nth-child(n+9){display:none}
}
/* 반응형 */
@media only screen and (max-width:991px){
	.mainpage-list.left-right > .row > div > .row{height:auto}
	.mainpage-list.left-right .full-banner-box.mainpage{height:auto}
}
/* 반응형 */
@media only screen and (max-width:767px){
	/* 767px 부터 한줄에 1개씩으로 변경된다. */
	.mainpage-list .detailDataList > div:nth-child(n+9){display:block}
	/* 모바일에서는 6개까지만 표시한다. */
/*	.mainpage-list .detailDataList > div:nth-child(n+7){display:none}*/
}

/* 테스트용 상하/좌우 합쳐진 형태 */
.mainpage-list.test-list .detailDataList > div:first-child{display:none}
@media only screen and (max-width:1199px){
	.mainpage-list.test-list .detailDataList > div:first-child{display:block}

	.mainpage-list.test-list .detailDataList > div:nth-child(n+5){display:none}
}
@media only screen and (max-width:991px){
	.mainpage-list.test-list{display:none}
}

/* 쿠폰 본문 배경 처리 */
.coupon-body{overflow:hidden}
.coupon-body, .coupon-body > *{position:relative}
.coupon-body:before{content:"";position:absolute;top:-500%;left:-500%;float:left;width:1000%;height:1000%;opacity:0.1;background:url(/images/logo_bg.png) repeat center center / 120px auto}
.coupon-body:before{
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.coupon-header{position:relative}
/*.coupon-header{background:url(/images/ribbon.png) no-repeat -20px -20px / 100% auto}*/
/*.coupon-header{background:url(/images/ribbon2.png) no-repeat right top / auto 65%}*/
.coupon-title{float:left;background-color:#fff;border-radius:5px;padding:2px 5px}
.coupon-ribbon{position:absolute;top:0;left:0;float:left;width:100%;height:100%;background:url(/images/ribbon2.png) no-repeat right top / 65px auto}
.coupon-bg{position:absolute;z-index:1;left:0;float:left;width:100%}
.coupon-bg.top{top:-7px;display:none}
.coupon-bg.middle{bottom:0;border-top:2px dashed #fff}
.coupon-bg.middle:before, .coupon-bg.middle:after{top:-8px}
.coupon-bg.bottom{bottom:7px;display:none}
.coupon-bg:before, .coupon-bg:after{content:"";position:absolute;top:0;float:left;width:14px;height:14px;background-color:#fff;border-radius:14px}
.coupon-bg:before{left:-7px}
.coupon-bg:after{right:-7px}

/* 로그인 */
.form-login{width:100%;max-width:400px;padding:30px;margin:auto;
/*	background-color:rgba(255, 255, 255, 0.75)*/
}
/* 반응형 */
@media only screen and (max-width:767px){
	.form-login{max-width:350px;padding:15px}
}
.form-floating:focus-within{
  z-index:2;
}
.form-login.login input{
	margin-bottom:-1px;
	border-bottom-right-radius:0;
	border-bottom-left-radius:0;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.form-login.login .form-floating.first input{
	border-top-left-radius:var(--bs-border-radius);
	border-top-right-radius:var(--bs-border-radius);
}
.form-login.login .form-floating.last input{
	margin-bottom:0;
	border-bottom-right-radius:var(--bs-border-radius);
	border-bottom-left-radius:var(--bs-border-radius);
}
/* 로그인 END */

/*.form-control[readonly]{background-color:#f8f9fa}*/
/*.form-floating.required .form-control{border-color:#dc3545}*/
.form-floating.required > label{}
.form-floating.required > label:before{content:"*";position:absolute;top:7px;left:5px;color:#dc3545;font-size:1.2rem}

/* 툴팁 */
.alert-tooltip{--bs-tooltip-max-width:300px}
.alert-tooltip .tooltip-inner{background-color:rgba(var(--bs-danger-rgb))!important;font-family:"Roboto","Noto Sans JP","Noto Sans KR"}
.alert-tooltip.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before, .alert-tooltip.bs-tooltip-bottom .tooltip-arrow::before{border-bottom-color:rgba(var(--bs-danger-rgb))!important}
.alert-tooltip.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before, .alert-tooltip.bs-tooltip-start .tooltip-arrow::before{border-left-color:rgba(var(--bs-danger-rgb))!important}
.alert-tooltip.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before, .alert-tooltip.bs-tooltip-top .tooltip-arrow::before{border-top-color:rgba(var(--bs-danger-rgb))!important}
.alert-tooltip.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before, .alert-tooltip.bs-tooltip-end .tooltip-arrow::before{border-right-color:rgba(var(--bs-danger-rgb))!important}

#secureimage{filter:grayscale(1)}

/* youtube 영상 프레임 */
.youtube-box{float:left;width:100%;display:flex;align-items:center;justify-content:center}
.youtube-box > div{float:left;width:100%;max-width:960px;position:relative}
.youtube-box > div > img{float:left;width:100%;opacity:0}
.youtube-box > div > iframe{position:absolute;top:0;left:0;float:left;width:100%;height:100%}

.youtube-box-list{float:left;width:100%;display:flex;align-items:center;justify-content:center;max-width:960px}
.youtube-box-list .youtube-box-item{float:left;width:100%}
/* 반응형 */
@media only screen and (max-width:767px){
	.youtube-box-list{display:block}
	.youtube-box-list .youtube-box-item{margin-right:0 !important;margin-left:0 !important;margin-bottom:3rem !important}
	.youtube-box-list .youtube-box-item:last-child{margin-bottom:0 !important}
}

.sectionWrap{float:left;width:100%}

.section-title{float:left;width:100%;text-align:center;position:relative}
.section-title .title{float:left;width:100%;margin:0;padding:0;text-align:center;font-size:30px;line-height:40px;font-weight:600;color:#4f4a47}
.section-title .title .fa{color:#ccc;position:relative}
.section-title .title .fa.fa-quote-left{top:-15px}
.section-title .title .fa.fa-quote-right{bottom:-15px}

.section-title .divider{border:2px solid #fff;position:relative;display:inline-block;width:30px;margin:6px 0}
.section-title .divider.dark{border-color:#444}
.section-title .divider:after
, .section-title .divider:before{position:absolute;content:"";width:50px;height:1px;background:#fff;opacity:0.3}
.section-title .divider.dark:after
, .section-title .divider.dark:before{background:#444}
.section-title .divider:after{top:-8px;left:0}
.section-title .divider:before{bottom:-8px;right:0}
.section-title .divider:after
, .section-title .divider:before{
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
}
.sectionWrap:hover .section-title .divider:after
, .sectionWrap:hover .section-title .divider:before{width:70px}
/* 반응형 */
@media only screen and (max-width:767px){
	.section-title .title{font-size:18px;line-height:25px;text-align:left;font-weight:500}
	.section-title .title .fa.fa-quote-left{position:absolute;top:-20px;left:0}
	.section-title .title .fa.fa-quote-right{bottom:0}
}

.img-fluid.character{float:left;width:100%;max-width:250px}
.img-fluid.character.large{max-width:350px}
.img-fluid.character.small{max-width:150px}


/* 메인배너 */
#main-banner{background:linear-gradient(-45deg, #fff 25%, #0079c2 0, #0079c2 50%, #fff 0, #fff 75%, #0079c2 0);background-size:400px 400px}

.sectionWrap.lsp-wrap .lsp-info-box{float:left;width:100%;display:flex;align-items:center;justify-content:center}
.sectionWrap.lsp-wrap .lsp-info-box > *{float:left}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box{width:300px;height:300px;border-radius:300px;position:relative;margin:150px;background-color:#fff;border:4px solid #444}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box{
	-webkit-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	-o-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
/*	-webkit-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-moz-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-ms-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-o-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-webkit-box-shadow:none;*/
/*	-moz-box-shadow:none;*/
/*	-ms-box-shadow:none;*/
/*	-o-box-shadow:none;*/
/*	box-shadow:none;*/
}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box > *{position:relative;z-index:2}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box p.title{float:left;width:100%;color:#444;font-size:33px}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.lsp{float:left;width:100%;display:block;margin-bottom:0;padding:0}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.lsp > div{float:left;width:100%;margin:0}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.lsp > div
, .sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.lsp > div *{color:#444}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process{position:absolute;z-index:1;top:-20px;right:-20px;bottom:-20px;left:-20px;display:block}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div{position:absolute;width:0;height:100%;margin:0 50%;border:0;transform:rotate(-360deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div > span{position:absolute;left:50%;bottom:100%;width:120px;height:120px;margin-left:-60px;border-radius:120px}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div > span{border:4px solid #444;background-repeat:no-repeat;background-position:center center;background-size:cover}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div > span{
	-webkit-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	-ms-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	-o-box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow:3px 3px 3px 0px rgba(0, 0, 0, 0.4);
/*	-webkit-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-moz-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-ms-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-o-box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.5);*/
/*	-webkit-box-shadow:none;*/
/*	-moz-box-shadow:none;*/
/*	-ms-box-shadow:none;*/
/*	-o-box-shadow:none;*/
/*	box-shadow:none;*/
}
/*.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(odd) > span{border-color:#e63c2e}*/
/*.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(even) > span{border-color:#639b1b}*/
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(1){transform:rotate(0deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(2){transform:rotate(36deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(3){transform:rotate(72deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(4){transform:rotate(108deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(5){transform:rotate(144deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(6){transform:rotate(180deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(7){transform:rotate(216deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(8){transform:rotate(252deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(9){transform:rotate(288deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(10){transform:rotate(324deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(1) > span{transform:rotate(-0deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(2) > span{transform:rotate(-36deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(3) > span{transform:rotate(-72deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(4) > span{transform:rotate(-108deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(5) > span{transform:rotate(-144deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(6) > span{transform:rotate(-180deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(7) > span{transform:rotate(-216deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(8) > span{transform:rotate(-252deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(9) > span{transform:rotate(-288deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(10) > span{transform:rotate(-324deg)}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(1) > span {border-color:#0099a8}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(2) > span {border-color:#e63c2e}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(3) > span {border-color:#639b1b}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(4) > span {border-color:#002d4b}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(5) > span {border-color:#0079c2}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(6) > span {border-color:#00b1b0}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(7) > span {border-color:#0099a8}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(8) > span {border-color:#e63c2e}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(9) > span {border-color:#639b1b}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div:nth-child(10) > span{border-color:#002d4b}

.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text{float:left;width:100%;max-width:750px;border:4px solid #444;border-radius:20px;background-color:#fff;padding:20px 30px;margin-left:100px;position:relative}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text{background:url(/images/character/img-0106-01.png) no-repeat right bottom / 150px auto #fff}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text > *{float:left;width:100%;position:relative}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text > .image-icon{position:absolute;top:-65px;left:-65px;float:left;width:190px}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text > .title{font-size:30px;line-height:40px;color:#0079c2;margin-bottom:20px}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text > .sub-title{font-size:20px;line-height:30px;margin-bottom:20px;font-weight:600 !important}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text > .lsp > div{float:left;width:100%;font-size:16px;line-height:26px;margin-bottom:10px}
.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text > .lsp > div strong{float:left;min-width:50px;font-weight:500;width:100%}
/* 반응형 */
@media only screen and (max-width:767px){
	#main-banner{background-size:200px 200px}
	#main-banner .col-12{overflow:hidden;padding-bottom:15px}
	.sectionWrap.lsp-wrap{padding-top:30px}
	.sectionWrap.lsp-wrap .lsp-info-box{flex-wrap:wrap}
	.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box{width:150px;height:150px;border-radius:150px;margin:75px;border-width:2px}
	.sectionWrap.lsp-wrap .lsp-info-box > .lsp-box div.process > div > span{border-width:2px;width:80px;height:80px;margin-left:-40px;border-radius:80px}
	.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text{max-width:100%;margin-left:0;margin-top:80px;border-width:2px;padding-bottom:60px}
	.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text{background-size:120px auto}
	.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text > .image-icon{top:-35px;left:-35px;width:130px}
	.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text > .title{font-size:20px;line-height:30px}
	.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text > .sub-title{font-size:17px;line-height:25px;font-weight:500 !important}
	.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text > .lsp > div{font-size:15px;line-height:25px;margin-bottom:10px}
	.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text > .lsp > div:last-child{max-width:80%;margin-bottom:0}
	.sectionWrap.lsp-wrap .lsp-info-box > .lsp-text > .lsp > div strong{width:100%}
}

/* 전자카탈로그 */
a.card-img-top{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
a.card-img-top:hover{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-ms-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);
}

.site-language li a{font-size:14px;line-height:21px}
.site-language li a img{max-height:17px;margin-right:7px}
/* 반응형 */
@media only screen and (max-width:767px){
	.site-language{flex-wrap:wrap;max-width:250px;border-radius:0.375rem;border:1px solid #dee2e6;overflow:hidden}
	.site-language li{width:50%;border:0;border-radius:0 !important}
	.site-language li:nth-child(odd){border-right:1px solid #dee2e6}
	.site-language li:nth-child(n+3){border-top:1px solid #dee2e6}
	.site-language li a{line-height:23px}
	.site-language li:nth-child(n+3) a{line-height:22px}
}
.offcanvas{padding-top:70px;background-color:#f8f9fb;z-index:1081}
.offcanvas.offcanvas-end{border-left:0}
.offcanvas-body .language-select-box{display:none !important}
/* 반응형 */
@media only screen and (max-width:991px){
	header .navbar .img-fluid{width:95px}
	header .navbar .site-language{display:none !important}
	header .navbar .fa-xmark{font-size:1rem !important}
	.offcanvas-btn{padding:3px 6px}
	.offcanvas-body .language-select-box{display:flex !important}
	/* 위 767 반응형과 동일함 */
	.offcanvas-body .language-select-box .site-language{flex-wrap:wrap;max-width:250px;border-radius:0.375rem;border:1px solid #dee2e6;overflow:hidden}
	.offcanvas-body .language-select-box .site-language li{width:50%;border:0;border-radius:0 !important}
	.offcanvas-body .language-select-box .site-language li:nth-child(odd){border-right:1px solid #dee2e6}
	.offcanvas-body .language-select-box .site-language li:nth-child(n+3){border-top:1px solid #dee2e6}
	.offcanvas-body .language-select-box .site-language li a{line-height:23px}
	.offcanvas-body .language-select-box .site-language li:nth-child(n+3) a{line-height:22px}
}

.goodsPhoto{background-color:#fff;background-repeat:no-repeat;background-position:center center;background-size:cover;width:110px;height:110px;;border-width:4px !important}
/* 반응형 */
@media only screen and (max-width:767px){
	.goodsPhoto{width:90px;height:90px;border-width:3px !important}
}

.offcanvas-btn{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;width:38px;height:35px;padding:5px;border:2px solid #ffa217 !important;background-color:#fff}
.offcanvas-btn:hover,
.offcanvas-btn:active{background-color:#fdf4e3 !important}
.navbar-toggler-bar{float:left;width:100%;height:3px;border-radius:2px;background-color:#ff5699}
.navbar-toggler-bar:nth-child(2){background-color:#01bafb}
.navbar-toggler-bar:nth-child(3){background-color:#9075c2}

/*#main-1883-banner{background:url(/images/character/2-01.png) no-repeat right bottom / auto auto #ffb9d9}*/
#main-1883-banner{background-color:#ffb9d9}
/* 반응형 */
@media only screen and (max-width:991px){
	#main-1883-banner{padding-top:20px;background-size:200px auto;text-align:center}
	#main-1883-banner{padding-top:0px !important;padding-bottom:0px !important}
/*	#main-1883-banner{padding-bottom:100px !important}*/
	#main-1883-banner h1.title{font-size:20px !important;line-height:30px}
	#main-1883-banner p.desc{font-size:17px !important}
	#main-1883-banner > .img-fluid.gift{position:relative !important;bottom:auto !important;left:auto !important;padding-top:0 !important;padding-bottom:0 !important;max-width:300px !important}
	#main-1883-banner > .img-fluid.img-box{top:auto !important;bottom:0;opacity:0.2}
	#main-1883-banner > .text-box{padding-top:0 !important;text-align:left}
}
.info-1883{position:relative;padding:30px 40px}
.info-1883 > *{position:relative}
.info-1883 > .bg{position:absolute;top:0;left:0;float:left;width:100%;height:100%;background-color:#000;opacity:0.2;border-radius:30px}
/* 반응형 */
@media only screen and (max-width:767px){
	.info-1883{padding:15px 20px}
	.info-1883 > .bg{border-radius:15px}
}

#code-page-language{display:none !important}
/* 반응형 */
@media only screen and (max-width:991px){
	#code-page-language{display:block !important}
	#code-page-language .site-language{max-width:100%}
	#code-page-language .site-language li{width:auto}
	#code-page-language .site-language li:nth-child(2){border-right:1px solid #dee2e6 !important}
	#code-page-language .site-language li a{font-size:12px;line-height:18px}
	#code-page-language .site-language li a img{max-height:13px;margin-right:3px}
}
/* 반응형 */
@media only screen and (max-width:767px){
	#code-page-language .site-language li:nth-child(n+3){border-top:0}
}

/* 쿠폰 : 클로즈 */
.couponList .is-close,
.member .is-close{position:relative}
.couponList .is-close > *,
.member .is-close > *{opacity:0.3}
.is-close .img-closed{position:absolute;top:0;left:10px;opacity:1;z-index:10;max-width:100px}
.member .is-close .img-closed{left:20px}

/* couponDivision_btn */
#couponDivision_btn .btn{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;--bs-btn-hover-bg:#ff529d;--bs-btn-active-bg:#e95349;width:100%}
#couponDivision_btn .btn{padding:0}
#couponDivision_btn .btn{--bs-btn-hover-bg:transparent;--bs-btn-active-bg:transparent}
#couponDivision_btn .btn img{max-width:100px;margin:10px 0;background-color:#fff;border-radius:20px;padding:15px}
#couponDivision_btn .btn img{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
#couponDivision_btn .btn:hover img{border-color:#ff529d !important}
#couponDivision_btn .btn.active img{border-color:#e95349 !important}
#couponDivision_btn .btn > span{float:left;width:100%}
#couponDivision_btn .btn span{
	-webkit-transition:all 0.20s ease;
	-moz-transition:all 0.20s ease;
	-ms-transition:all 0.20s ease;
	-o-transition:all 0.20s ease;
	transition:all 0.20s ease;
}
#couponDivision_btn .btn:hover span{color:#ff529d !important}
#couponDivision_btn .btn.active span{color:#e95349 !important}