@charset "UTF-8";

.body_wrap{max-width:var(--body_width);margin:0 auto;}

/* bar */
.bar{ height: 1.0rem; background-color: #F8F8F8;}

/*버튼*/
.bottom_btn {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100%;
    padding: 1.0rem 1.6rem 2rem;
    max-width: var(--body_width);
    transform: translateX(-50%);
	z-index:1040;
}
.go_top2 {
    width: 4.4rem;
    height: 4.4rem;
    background: url(../img/go_top.png)no-repeat center;
    background-color: #fff;
    background-size: 1.6rem auto;
    z-index: 1000;
    border-radius: 50%;
    display: none;
    position: fixed;
	right: 50%;
    bottom: 2rem;
    transform: translateX(600px);
    border: 1px solid var(--border);
}
.go_top2.show{display: block;}



.zd_2{position:relative;z-index:2;}

.icon90{width:9.0rem;flex-shrink: 0;}
.icon70{width:7.0rem;flex-shrink: 0;}
.icon60{width:6.0rem;flex-shrink: 0;}
.icon52{width:5.2rem;flex-shrink: 0;}
.icon50{width:5.0rem;flex-shrink: 0;}
.icon45{width:4.5rem;flex-shrink: 0;}
.icon40{width:4.0rem;flex-shrink: 0;}
.icon38{width:3.8rem;flex-shrink: 0;}
.icon36{width:3.6rem;flex-shrink: 0;}
.icon34{width:3.4rem;flex-shrink: 0;}
.icon32{width:3.2rem;flex-shrink: 0;}
.icon30{width:3.0rem;flex-shrink: 0;}
.icon28{width:2.8rem;flex-shrink: 0;}
.icon24{width:2.4rem;flex-shrink: 0;}
.icon20{width:2.0rem;flex-shrink: 0;}
.icon18{width:1.8rem;flex-shrink: 0;}
.icon16{width:1.6rem;flex-shrink: 0;}
.icon15{width:1.5rem;flex-shrink: 0;}
.icon14{width:1.4rem;flex-shrink: 0;}

/*PC헤더 스타일*/
.logo img{height: 100%; width: auto;}
.hd_pc{position: fixed; left: 0; top: 0; width: 100%;z-index:1030;background: #fff;box-shadow: 0 0.6rem 1.6rem rgba(0, 0, 0, 0.02);}
.sdw_none{box-shadow:none !important;}
.hd_pc .container-lg{ display: flex; align-items: center; justify-content: center; height: var(--hd_height);max-width: 1120px;}
.hd_pc .nav_menu{margin-left:5.5rem;}
.hd_pc .nav_ul{display:flex;font-size:1.6rem;font-weight:500;margin-right:2.0rem;}
.hd_pc .nav_ul .nav_li{position:relative;}
.hd_pc .nav_ul .nav_li > a{padding:0 2.0rem;display:flex;align-items: center;color:#707070;}
.hd_pc .nav_ul .nav_li:hover > a, .hd_pc .nav_ul .nav_li > a.on{color:var(--primary);}
 .hd_pc .nav_ul .nav_li > a.on{font-weight:700;}
.hd_pc .nav_ul .nav_li:hover .dropdown-menu{display:block;}

.hd_pc .nav_ul2{display: none;min-width: 20rem;font-size:1.5rem;}
.hd_pc .nav_li:hover .nav_ul2{display: block; position: absolute; background: var(--bg); top: 100%; left: 50%; transform: translateX(-50%); border: 1px solid var(--border); z-index: 9999;}
.hd_pc .nav_ul2 a{display: block; padding: 1.4rem 2rem; white-space: nowrap;border-bottom:1px solid var(--border);background:#fff;}
.hd_pc .nav_ul2 a:hover{color:var(--primary);background:#F7F8F9;}
.hd_pc .nav_ul2 li:last-child a{border-bottom:0;}
.hd_pc .nav_ul2 a span{display:none;}
.hd_pc .nav_a img{display: none;}

/* 헤더 */
.hd_m {
	display:flex;
    align-items: center;
    justify-content: space-between;
    height: var(--hd_height_m) !important;
    width: 100%;
	max-width: var(--body_width);
    background: #fff;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
	padding:0 4.0rem;
    z-index: 1030;
	box-shadow: 0 0.6rem 1.6rem rgba(0, 0, 0, 0.02);
}	
.hd_m .logo img{width:9.7rem;display:flex;}
.hd_m .log_txt{font-size:1.4rem;padding-left:0.5rem;}
.hd_m .log_txt span {padding: 0 0.5rem;}
.hd_m button{border:0; background: transparent;}
.hd_m button img, .hd_m a img{height:3.0rem;}


.hd_m .page_tit{}
.hd_m .hd_btn, .modal-header .hd_btn {display: flex;align-items: center;}

.hd_m button.top_alim, .hd_m button.top_chat{position:relative;}
.hd_m button.top_alim span, .hd_m button.top_chat span {
    color: #fff;
    background: var(--primary);
    display: inline-block;
    position: absolute;
    right: 0.0rem;
    top: 0.0rem;
    border-radius: 0.8rem;
	width:0.4rem;
	height:0.4rem;
}


/* 모바일 메뉴 */
.nav_mo{
	display: flex;
    align-items: center;
    justify-content: space-between;
    height: var(--hd_height_m) !important;
    width: 100%;
}
.nav_mo .logo img{width:9.7rem;}
.hd_menu_btn {font-size: 2rem;}
.m_menu_wr {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    top: 0;
	bottom:0;
    left: 50%;
    width: 100%;
    max-width: var(--body_width);
    z-index: 99999;
    transition: all 0.5s ease-in-out;
    display: flex;
    justify-content: flex-end;
    overflow: hidden;
    transform: translateX(-50%);
}

/* x버튼 */
.close_btn_wr{display: none; opacity: 0;}
.m_nav .close_btn_wr{display: flex; justify-content: flex-end; opacity: 0;}
.menu_on .m_nav .close_btn_wr{opacity: 1;}
.close_btn{font-size: 2rem; border:0; height: auto;padding: 0;}
.close_btn img{width:3.0rem;}

/* 메뉴 열렸을때 외부 */
.menu_on .m_menu_wr{visibility: visible; opacity: 1; }
.m_nav{position: relative;padding: 0 2.0rem; width: 100%; height: 100%; z-index: 99999;  background: #fff; transition: all 0.4s ease-in-out; max-height: 0; transform: translateY(0%); visibility: hidden; opacity: 0; border-radius: 1.2rem;margin: 1.6rem;}
.menu_on .m_nav {
    transform: translateY(0%);
    visibility: visible;
    opacity: 1;
    max-height: 25rem;
	
}

.menu_bg{position: fixed;  left: 50%; top: 0;bottom:0; background: rgba(0,0,0,0.35); transition: all 0.4s ease-in-out; width: 100%;z-index: 99998; visibility: hidden; opacity: 0; transform: translateX(-50%); max-width:var(--body_width);}
.menu_on .menu_bg{visibility: visible; opacity: 1;}

/* 메뉴 열렸을때 내부 */
.m_nav .nav_wr{height: auto;}
.m_nav .nav_ul{display: block; margin-top: 1.0rem;}
.m_nav .nav_li{height: 100%; position: relative;}
.m_nav .nav_a{display: flex; align-items: center; justify-content: space-between; width: 100%; height: 100%; padding: 1.2rem 0;font-size:1.6rem;}
.m_nav .nav_a i{display: inline-block;}
.m_nav .nav_a img{width:2.0rem;}

.m_nav .nav_ul2{display: none;background: var(--light);}
.m_nav .nav_ul2 a{display: block; padding: 1.2rem 1.6rem; white-space: nowrap;}



/*검색*/
.sch_ip {display: flex;border:1px solid var(--border);background: #fff;padding: 0 1.5rem 0 1.5rem;border-radius: 0.8rem;}
.sch_ip .form-control{height:4.8rem;padding: 0.5rem 0;}
.sch_ip .form-control:focus {background-color: transparent;}
.sch_ip button{width:2.0rem;height:2.0rem;border:0;background: transparent;}

/*회색 검색*/
.sch_gray.sch_ip{background: #F5F6F8;border:0;}


.ul_list{}
.ol_list{padding-left: 2rem;}
.ol_list li{margin-bottom:0.5rem;line-height: 140%;}


/*노데이터*/
.no_data{display:flex;align-items: center;justify-content: center;    flex-direction: column;}



.item_opt_counter {
    position: relative;
    width: 8.7rem;
    height: 2.8rem;
    line-height: 2.8rem;
    border-radius: 3.6rem;
    border: 1px solid #E3E3E3;
    flex-shrink: 0;
    display: flex;
    align-items: center;
	z-index:2;
}
.item_opt_counter_btn {
    width: 26%;
    height: 3rem;
    vertical-align: top;
    padding: 0;
}

.item_opt_counter_btn.disabled, .item_opt_counter_btn:disabled{opacity: 0.3;
    background: transparent;
	border:transparent;
}
.item_opt_counter .quantity{
    width: 48%;
    height: 100%;
    vertical-align: top;
    color: #333333;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 4.4rem;
    text-align: center;
    border: unset;
}
.item_opt_counter .quantity:focus{outline: 0;}


.item_opt_counter.time_counter {
    width: 15.0rem;
    height: 4.7rem;
    line-height: 4.7rem;
    border-radius: 3.6rem;
    border: 1px solid #E3E3E3;
}
.item_opt_counter.time_counter .quantity {color: #000;font-size: 1.8rem;}



.item_opt_counter.disabled .quantity{color:#999;}
.item_opt_counter.disabled .item_opt_counter_btn{opacity: 0.3;}
.fp-warning, .fp-watermark a {color: #d7d7d7 !important;}
/*메인*/
#fullpage .section_in{padding-top:var(--hd_height);}
.section01{background: linear-gradient(#fff 25%, #ddebf3 60%);display: block !important; height: 100%;}
.main_v {
    position: relative;
    background-image: url(../img/main_v.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.main_txt {
    position: absolute;
    top: 18.9rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
	width: 100%;
}
.main_txt .txt01{font-size:5.2rem;font-weight:700;word-break: keep-all;line-height: 1.35em;}
.main_txt .txt02{font-size:5.2rem;font-weight:700;word-break: keep-all;line-height: 1.35em;} 
.main_txt .txt02 span{color:var(--primary);}
.main_v .main_alink{position: absolute; top: 33.5rem; left: 50%; transform: translateX(-50%);}
.main_alink{
	
    text-align: center;
	width: 100%;
}
.main_alink a {
    width: 15rem;
    background-color: rgb(17 26 30 / 85%);
    border: 0;
	height: 4.4rem;
	font-size: 1.5rem;
	border-radius: 1.2rem;
}
.main_alink a > img{margin-right:0.5rem;}
.main_alink a .icon28 {width: 2.0rem;}

.sec_arrow{display:block;opacity: 1;bottom:2.0rem;width:7.0rem;height:4.0rem;background:url(../img/sec_arrow.png)no-repeat center / 100% auto;position:absolute;left:50%;transform: translateX(-50%);animation: sec_arrow 1.5s infinite;}
@keyframes sec_arrow {
  0% {
    opacity: 1;
	bottom:2.0rem;
  }
  50% {
    opacity: 0.5;
	bottom:4.0rem;
  }
}

.section02_icon img{margin-right:3.0rem;}

.section02 .video_w{max-width: 890px;position: relative;overflow: hidden; } 
.section02 .video_w:after{content: "";display: block;padding-bottom: calc(9 / 16 * 100%); } 
.section02 .video_w iframe{ position: absolute;width: 100%;height: 100%;object-fit: cover;object-position: center;top: 50%;left: 50%;transform: translate(-50%,-50%);}


.moc_wrap .row{position:relative;}
.moc_wrap .moc_left{position: static;}
.moc_wrap .moc_tit01{display:flex;align-items: center;}
.moc_wrap .moc_tit01 img{transform: translateY(-0.1rem);}
.moc_wrap .moc_tit02{line-height: 140%}
.moc_wrap .moc_tit03{position:absolute;right:1.0vw;top:50%; transform: translateY(-50%);width:100%;max-width:32rem;}
.moc_wrap .moc_img {
    position: relative;
    max-width: 34rem;
    width: 29vw;
}
.moc_wrap .moc_img{position:relative;}
.moc_wrap .moc_img img{position: relative;z-index: 1;}
.moc_wrap .moc_img:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5.0rem;
	box-shadow: -1.8rem 1.8rem 3.0rem rgba(15, 34, 46, 0.2);
}
.moc_wrap .moc_img .moc_nav{position:absolute;right:-2.2vw;top:50%; transform: translateY(-50%);}
.moc_wrap .moc_img .moc_nav li{width:0.8rem;height:0.8rem;border-radius:1.6rem;background:rgba(0,0,0,0.16);margin-bottom:1.6rem;}
.moc_wrap .moc_img .moc_nav li a{display:block;width:100%;height:100%;}
.moc_wrap .moc_img .moc_nav li.active{background:var(--primary);height:4.0rem;}
.moc_wrap .moc_img .moc_nav li:last-child{margin-bottom:0;}


.app_d_txt img{width:19.2rem;}
.bottom_alink a {
    width: 21rem;
    height: 6.6rem;
    font-size: 2.0rem;
}
.qr_img{max-width:26rem;width:44.42vw;}

.sub_tit{padding:5.0rem 2.0rem 2.0rem;text-align: center;}



/*아이템*/
.item {display:block;}
.item .cate_bag{font-size: 1.5rem; display:inline-block; font-weight: 500; background-color: #E2EEFF;color:#0D3876; padding: 0.5rem 0.8rem 0.4rem;border-radius:2.0rem;}
.item .date{color:#899092;font-size:1.5rem;}
.item .thum{position:relative;overflow: hidden;}
.item .tit{font-size:1.8rem;font-weight:500;}


.blog_list.row{margin-left:-1.0rem;margin-right:-1.0rem;}
.blog_list .col{padding-left:1.0rem;padding-right:1.0rem;}
.blog_list li{margin-bottom:5.0rem;}
.blog_list li .item{position: relative;}
.blog_list li .item .thum{border-radius: 1.6rem;}
.blog_list li .item .item_body{padding:1.5rem 0.6rem 0;}

.fee_cont{margin-top:13rem;margin-bottom:15.0rem;}
.fee_cont .fee_cont_tit{padding-left:4.0rem;}
.fee_box {
    border: 1px solid #ccc;
    border-radius: 1.6rem;
    padding: 4.0rem;
    min-height: 34rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}



/*노데이터*/
.result_data{display:flex;align-items: center;justify-content: center;    flex-direction: column;}
.result_data img{width:9.0rem;}


/*에디터스타일*/
.edit_style{}
.edit_style .h1, .edit_style h1{font-weight:700;font-size:3.5rem;margin-bottom:0.5rem;}
.edit_style .h2, .edit_style h2{font-weight:700;font-size:2.5rem;margin-bottom:0.5rem;}
.edit_style .h3, .edit_style h3{font-weight:700;font-size:1.8rem;margin-bottom:0.5rem;}
.edit_style .h4, .edit_style h4{font-weight:700;font-size:1.5rem;margin-bottom:0.5rem;}
.edit_style img {
    max-width: 100%;
    width: auto !important;
    margin: 0 auto;
    display: inline-block;
}
.edit_style p{white-space: pre-line;line-height: 160%;}
.edit_style ol, .edit_style ul{padding-left: 1.4rem;line-height: 160%;}



/*푸터*/
.ft{padding:6.0rem 0 12rem;}
.ft .ft_customer .btn{padding-left:1.2rem;padding-right:1.2rem;height:4.2rem;font-size: 1.4rem;font-weight:400;}
.ft .fnb a{
    display: inline-block;
    font-weight: 400;
	color:#000;
	padding:0 0.5rem;
	border-right:1px solid var(--border);
}
.ft .fnb a:last-child{border-right:0;}
.ft span.line{margin:0 2.0rem;}
.ft_brand img{width:4.9rem;margin-right:1.6rem;}
.ft_info img{width:28.1rem;}







/* 초기 상태에서는 화살표 아래 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="false"] img{transform: rotate(0deg);}

 /* 펼쳐진 상태에서는 화살표 위 아이콘을 보여줌 */
.collapse_ex .btn[aria-expanded="true"] img{transform: rotate(180deg);}


/*반응형 max 1920*/
@media (max-width: 1920px) {
.moc_wrap .moc_img .moc_nav{right:-3.0vw;}
.main_v {
    background-size: cover;
}
}

/*반응형 max 1400 xl*/
@media (max-width: 1400px) {

}

/*반응형 max 1200 xl*/
@media (max-width: 1199.98px) {
} 


/*반응형 max 992px lg*/
@media (max-width: 991.98px) {

	/*메인*/
	#fullpage .section_in{padding-top:0;}
	.main_v {
        background-size: auto 75%;
        background-position: left 51% top 27%;
    }
	.main_txt {top: 16vh;}
	.main_txt .txt01 {font-size: 3.4rem;}
	.main_txt .txt02 {font-size: 3.7rem;}
	.main_v .main_alink {top: unset;bottom: 9rem;}

	.sec_arrow{bottom:1.0rem;width: 5.0rem;height: 3.0rem;}
	@keyframes sec_arrow {
	  0% {
		bottom:1.0rem;
	  }
	  50% {
		bottom:3.0rem;
	  }
	}
	

	.section02_icon img.icon36 {width: 3.2rem;margin-right: 3.0rem;}
	
	.section02_txt .mb_50{margin-bottom:3.0rem;}
	.section02 .video_w {
		margin-left: -4rem !important;
		margin-right: -4rem !important;
	}
	.section02 .video_w .rounded-lg{border-radius: 0 !important;}
	
	.moc_wrap .moc_tit01 .icon36{width:2.4rem;}
	.moc_wrap .moc_tit01 .fs_30{font-size:2.0rem;}
	.moc_wrap .moc_tit02 br{display:none;}
	.moc_wrap .moc_tit03 {
		position: static;
		transform: none;
		width: 100%;
		max-width: 100%;
		color:var(--gray);
	}
	.moc_wrap .moc_img {margin: 0 auto;width:44.8%;}
	.moc_wrap .moc_img:after {
		box-shadow: -0.9rem 0.8rem 1.5rem rgba(15, 34, 46, 0.2);
	}
	.moc_wrap .moc_img .moc_nav {right: -3rem;}

	.sub_tit {padding: 3.0rem 2.0rem 2.0rem;}
	/*아이템*/
	.item .cate_bag{font-size: 1.4rem;}
	.item .date{font-size:1.4rem;}
	.item .tit{font-size:1.6rem;font-weight:500;}


	.blog_list.row{margin-left:-0.6rem;margin-right:-0.6rem;}
	.blog_list .col{padding-left:0.6rem;padding-right:0.6rem;}
	.blog_list li{margin-bottom:2.5rem;}
	.blog_list li .item .thum{border-radius: 1.2rem;}
	.blog_list li .item .item_body{padding:1.2rem 0.5rem 0;}

	
	.bottom_alink a {
		width: 18rem;
		height: 5.6rem;
		font-size: 1.6rem;
	}
	.bottom_alink a .icon34 {width: 2.7rem;}
	.app_d_txt img {
		width: 16.0rem;
	}

	.inquiry_cont .mb_60{margin-bottom:3.0rem;}
	.fee_cont {
		margin-top: 4rem;
		margin-bottom: 8.0rem;
	}
	.fee_cont .fee_cont_tit{padding-left:2.5rem;}
	.fee_box {
		border-radius: 1.2rem;
		padding: 2.5rem;
		min-height: auto;
	}
	.fee_box .fs_20 {font-size: 1.6rem;}

	
	.ft_brand img{width:4.4rem;}
	.ft_info img{width:22.6rem;}
	
	.ft .mb_20{margin-bottom:1.5rem;}
	.ft .mt_20{margin-top:1.5rem;}
	.ft .fs_20 {font-size: 1.8rem;}
	.ft .fs_18 {font-size: 1.6rem;}
	.ft .fs_16 {font-size: 1.4rem;}
	.ft .fs_15 {font-size: 1.4rem;}

} 


/*반응형 max 767px md*/
@media (max-width: 767.98px) {
	.m_menu_wr{width: 100%; left: 50%; transform: translate(-50%); max-width:var(--body_width);}
	.menu_bg{width: 100%; left: 50%;}
	.menu_on .m_nav{max-width: 100%;}

	.inquiry_cont .mb_100{margin-bottom:3.0rem;}

	

}

/*반응형 max var(--body_width) sm*/
@media (max-width: 575.98px) { 
	.go_top2 {
		right: 1.6rem;
		transform: translateX(0);
	}

	
	.main_txt .txt01 {font-size: 2.4rem;}
	.main_txt .txt02 {font-size: 2.9rem;}
	.inquiry_cont .inquiry_left img{width:40%;}
	.inquiry_cont .inquiry_left .tit_h2{margin-bottom:1.2rem;}

	.app_d_txt img { width: 13.2rem;}
    
} 

/*반응형 max 340px*/
@media (max-width:340px) {



	.main_txt .txt01 {font-size: 2.2rem;}
	.main_txt .txt02 {font-size: 2.7rem;}
}