@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;500;600;700;900&display=swap');

html,body,section,article,header,footer,nav,
div,p,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dd,dt,
img,a,
form,input,select,option,fieldset,textarea,button,label,
figure,video {
	margin:0;
	padding:0;
	border:0;
	background-repeat:no-repeat;
	background-position:center;
	background-color:transparent;
	line-height:1;
	text-decoration:none;
	font-family:'noto sans kr','Noto Serif KR','맑은 고딕',돋움,'Apple SD Gothic Neo';
	font-size:15px;
	font-weight:normal;
	color:#666;
	letter-spacing:-0.3px;
	box-sizing:border-box;
	text-size-adjust:none;
	list-style:none;
	word-break: keep-all;
}
a:link, a:visited,
a:hover, a:focus, a:active {
	text-decoration:none;
}

table {width:100%; border-spacing:0; border-collapse:collapse;}

/* 폼초기화 */
select,button,input[type=text],input[type=submit],textarea	{
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	/* border-radius:0; */
}

select	{	box-sizing:border-box;}
/*크롬사라피*/
@media screen and (-webkit-min-device-pixel-ratio:0){
	select	{	padding-right:22px !important;	background:url(../images/bg_select.svg) no-repeat right center; background-size:contain;}
}
/*파이어폭스*/
@-moz-document url-prefix(){
	select	{	padding-right:22px !important;	background:url(../images/bg_select.svg) no-repeat right center; background-size:contain;}
}


:root {
	--main-color: #a5907b;
}

.beige{color: #a89179;}
.bold{font-weight: 600;}
.ft16{font-size: 16px;}

.center	{padding: 150px 0; width:1300px; margin:0 auto;}
.clear::after	{content:""; display:block; clear:both;}
.hidden {position:absolute; left:-100%; top:0%; overflow:hidden; width:0; height:0; font-size:0; text-indent:-9999%; line-height:0;}


/*========= input ===========*/
.unit {position: absolute; right:10px; top:50%; transform:translateY(-50%);}
.ip_comm	{display:block; width:100%; height:52px; padding:0 15px; border:0; background-color:#fff;  box-sizing:border-box; outline:none; font-family: 'noto sans kr'; border: 1px solid #ddd;}
.ip_comm::placeholder{color: #888; font-family: 'noto sans kr';}
.ip_comm:focus	{background-color:;}
.ip_comm.tel	{float:left; width: 33.33%;}
/* .ip_comm.tel+.bar	{float:left; width:5%; text-align:center; line-height:48px; } */
.set_tel	{overflow:hidden;}
select.ip_comm	{padding-right:0; font-family: 'noto sans kr';}
textarea.ip_comm	{height:85px; padding:15px; line-height:1.5;}
.btn_sm	{display:block; width: 220px; height:60px; margin:0 auto; background-color: #333333; font-size: 16px; font-weight: bold; color:#fff; font-family: 'noto sans kr';}

.btn_nav {position: absolute; top: 32px; right: 20px; display:flex; align-items: center; justify-content:center; width:22px; z-index: 101; display: none;}
.on .btn_nav {position: fixed;}
.btn_hbg {position: relative; display:flex; flex-direction: column; justify-content: space-between; width:100%; height:13px;}
.btn_hbg div,
.btn_hbg:before,
.btn_hbg:after {content:""; position:relative; display:block; width:100%; height:1px; background-color:#444; transition:all 0.3s}
.on .btn_hbg div {background-color:transparent;}
.on .btn_hbg:before,
.on .btn_hbg:after {position: relative; transform-origin: center;}
.on .btn_hbg:before {top:50%; transform:rotate(45deg);}
.on .btn_hbg:after {top:-50%; transform:rotate(-45deg);}

#wrapper {overflow: hidden; width:100%; min-width:1200px; }

/*========= header ===========*/
#header {position: relative; z-index: 100;}
#header .center {position: relative; padding: 0;}
#header h1	{position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
#header h1 a{}
#header h1 a img{}

/* #nav {margin-left: 310px;} */
#nav {margin-left: 240px;}
#nav .nav_list {}
#nav .nav_list>li {position: relative; display: inline-block; margin:0 18px; }
#nav .nav_list>li .dep1	{display:block; padding:41px 0; font-size:18px;font-weight:600; color:#222; transition: all 0.5s;}
#nav .nav_list>li:hover .dep1	{color: var(--main-color);}
#nav .nav_list>li .dep1::after	{content:""; position: absolute; left:50%; bottom:0; transform:translateX(-50%); width:0; height:2px; background-color: var(--main-color); display: block; transition:all 0.5s}
#nav .nav_list>li:hover .dep1::after	{width:100%;}
#nav .nav_list>li .dep2 {display: none; overflow:hidden; position:absolute; left:calc(50% - 100px); top:100px; width:200px; padding:10px 0; background-color:rgba(255,255,255,0.95); z-index:500;}
#nav .nav_list>li:hover .dep2 {display: block;}
#nav .nav_list>li .dep2 li {text-align: center; }
#nav .nav_list>li .dep2 li a {border-bottom: 1px solid #eee; display:block; padding:16px 0; line-height:1.3; font-size:14px; color:#444; letter-spacing:0; font-size: 16px; transition: all 200ms linear;}
#nav .nav_list>li .dep2 li:last-child a {border-bottom: 0;}
#nav .nav_list>li .dep2 li a:hover {color: var(--main-color);}

#header .login{position: absolute; top: 50%; right: 0; transform: translateY(-50%);}
#header .login li{display: inline-block; border-right: 1px solid #ddd;}
#header .login li:last-child{border-right: 0;}
#header .login li a{padding: 0 12px; font-size: 15px; color: #666;}
#header .login li:last-child a {padding: 0 0 0 12px;}

/*========= main ===========*/
#visual {position: relative; height: 850px; background: url(/images/visual.jpg) 50% no-repeat; background-size: cover;}

#visual .vis{position: relative; overflow: hidden; height: inherit;}
#visual .vis img{display: none;}
#visual .vis .v01{background: url(../images/vis01.jpg) no-repeat 50%; background-size: cover;}
#visual .vis .v02{background: url(../images/vis02.jpg) no-repeat 50%; background-size: cover;}
#visual .vis .v03{background: url(../images/vis03.jpg) no-repeat 50%; background-size: cover;}
#visual .vis .v04{background: url(../images/vis04.jpg) no-repeat 50%; background-size: cover;}

#visual .vis .swiper-pagination{position: relative; }

.vis .indicator{position: absolute; bottom: 50px; left: 50%; transform: translateX(-50%); z-index: 20;}
.vis .indicator .inner{display: flex; flex-wrap: wrap; align-items: center; padding: 0 30px;}
.vis .indicator .dot span{position: relative; display: inline-block; vertical-align: middle; width: 6px; height: 6px; background: transparent; font-size: 0; border: 1px solid rgba(255,255,255,0.7); opacity: 1 !important; margin: 0 8px; transition: 0.4s;}
.vis .indicator .dot span.swiper-pagination-bullet-active:not(:last-child){margin-right: 45px;}
.vis .indicator .dot span.swiper-pagination-bullet-active:last-child{margin-right: 0; margin-left: 48px;}
.vis .indicator .dot span.swiper-pagination-bullet-active{background: #fff;}
.vis .indicator .dot span:after{position: absolute; top: 50%; right: -37px; display: inline-block; content: ""; width: 20px; height: 1px; background: rgba(255,255,255,0.5); transform: scaleX(0); transform-origin: left;}
.vis .indicator .dot span.swiper-pagination-bullet-active:last-child:after{right: 26px;}
.vis .indicator .dot span.swiper-pagination-bullet-active:after{transform: scaleX(1); transition: transform 0.5s;}

.vis .swiper-button-prev{transform: rotate(180deg);}
.vis .swiper-button-prev, .vis .swiper-button-next{margin-top: -5px; width: 12px; height: 12px; background-image: url(../images/vis_i.svg); opacity: 0.5; transition: all 150ms linear;}
.vis .swiper-button-prev:hover, .vis .swiper-button-next:hover{opacity: 1;}

/*main1*/

.idx_tit{margin-bottom: 50px;}
.idx_tit h3{font-size: 30px; color: #333; line-height: 1.6em; font-family: 'Noto Serif KR';}
.idx_tit h3 span{font-size: 38px; font-weight: bold;}
.idx_tit p{margin-top: 20px; font-family: 'noto sans kr'; font-size: 17px; color: #666; line-height: 1.5em;}

.idx_tit.sty2{text-align: center;}
.idx_tit.sty2 h3{font-size: 36px;}
.idx_tit.sty2 h3 span{font-size: inherit;}

.view {opacity: 0; position: absolute; top: 60%; left: 50%; transform: translate(-50%, -50%); text-align: center; transition: all 300ms linear;}
.view .plus{margin-bottom: 20px; font-size: 26px; font-weight: 900; font-family: 'Noto Serif KR';}
.view p{font-size: 20px; color: #fff; font-family: 'Noto Serif KR';}


#main1{background: url(../images/main1_bg.jpg) 50% no-repeat; background-size: cover;}
#main1 ul{display: flex; justify-content: space-between; align-items: center;}
#main1 ul li{width: 24%;}
#main1 ul li a{position: relative; width: 32%; height: auto; }
#main1 ul li figure{position: relative;}
#main1 ul li figure img{width: 100%;}
#main1 ul li figure:after{content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(66, 57, 42, 0.35); width: 100%; height: 100%; text-align: center; opacity: 0; transition: all 300ms linear;}
#main1 ul li>p{margin-top: 20px; font-size: 18px; font-family: 'Noto Serif KR'; text-align: center; color: #333;}
#main1 ul li>p span{font-size: 16px; color: #666;}

#main1 ul li:hover figure:after{opacity: 1; backdrop-filter: blur(2px); }
#main1 ul li:hover .view{opacity: 1; top: 50%;}

/*main2*/
#main2{}
#main2 .center{display: flex; justify-content: space-between; align-items: center;}
#main2 .center .idx_tit p{width: 280px;}
#main2 .center .idx_tit a{margin-top: 50px; position: relative; display: block; padding: 0 20px; width: 180px; height: 66px; border: 1px solid #c6a37d; color: #c6a37d; font-size: 17px; font-weight: 600; line-height: 66px; transition: all 200ms linear;}
#main2 .center .idx_tit a:after{content: ''; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); background: url(../images/i_arr.svg) 50% no-repeat; width: 12px; height: 12px;}
#main2 .center .idx_tit a:hover{background: rgba(198, 163, 125, 0.1);}

#main2 .center .img_wrap{display: flex; justify-content: space-between; align-items: center; }
#main2 .center .img_wrap li{margin-left: 20px; position: relative;}
#main2 .center .img_wrap li p{position: absolute; right: 30px; bottom: 30px; font-size: 17px;}

/*main3*/
#main3{background: url(../images/main3_bg.jpg) 50% no-repeat; background-size: cover;}

#main3 .view{top: 42%;}

#main3 .center{}
#main3 .program{display: flex; justify-content: space-between; align-items: flex-start;}
#main3 .program li{display: flex; justify-content: center; flex-direction: column; align-items: center; width: 23%;}

#main3 .program li a{position: relative; }
#main3 .program li figure{position: relative; border-radius: 195px; overflow: hidden;}
#main3 .program li figure img{display: block; width: 100%; }
#main3 .program li figure:after{opacity: 0;  content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: rgba(61, 41, 9, 0.35); width: 100%; height: 100%; text-align: center; border-radius: inherit; mix-blend-mode: multiply; transition: all 300ms linear;}
#main3 .program li:hover figure:after{opacity: 1; backdrop-filter: blur(2px);}
#main3 .program li:hover .view{top: 45%; opacity: 1;}


#main3 .program li .txt{text-align: center;}
#main3 .program li .txt h4{margin: 20px 0 16px; font-size: 21px; color: #333; font-weight: 600; font-family: 'Noto Serif KR'; line-height: 1.3;}
#main3 .program li .txt p{font-size: 16px; line-height: 1.45em;}


#main4 {}
#main4 .idx_tit h3{font-size: 32px;}
#main4 .center .customer{margin: 0 -10px; display: flex; justify-content: space-between; align-items: center;}
#main4 .center .customer>div{margin: 0 10px 0; width: 26.5%;}

#main4 .center .customer .form_wrap{padding: 50px; width: 550px; background: #b19c7c;}
#main4 .center .customer .form_wrap h5{margin-bottom: 25px; font-size: 22px; color: #fff; font-weight: 500; font-family: 'Noto Serif KR';}
#main4 .center .customer .form_wrap .line{display: flex; justify-content: space-between; align-items: center;}
#main4 .center .customer .form_wrap .line .ip_wrap{width: 49%;}
#main4 .center .customer .form_wrap .ip_wrap{margin-bottom: 10px;}
#main4 .center .customer .form_wrap .ip_wrap.set_agree label,
#main4 .center .customer .form_wrap .ip_wrap.set_agree a{font-size: 14px; color: #fff; font-weight: 300;}

#main4 .center .customer .tel_box,
#main4 .center .customer .talk{height: 496px;}

#main4 .center .customer .tel_box h6,
#main4 .center .customer .talk h6{font-size: 17px; font-weight: 600;}


#main4 .center .customer .tel_box{display: flex; flex-direction: column; justify-content: center; padding: 0 24px; background: #f8f0e5; text-align: center;}
#main4 .center .customer .tel_box h6{color: #b19c7c;}
#main4 .center .customer .tel_box h3{margin: 30px 0; font-size: 40px; font-weight: bold; color: #333; font-family: 'Noto Serif KR';}
#main4 .center .customer .tel_box p{padding: 16px 0; border-top: 1px solid #aaa; border-bottom: 1px solid #aaa;}
#main4 .center .customer .tel_box .sns{margin: 30px -6px 0; display: flex; justify-content: center; align-items: center;}
#main4 .center .customer .tel_box .sns li{margin: 0 6px;}

#main4 .center .customer .talk {display: flex; justify-content: center; align-items: center; flex-direction: column; background: #ffe533;}
#main4 .center .customer .talk .txt{text-align: center;}
#main4 .center .customer .talk h6{margin-top: 20px; color: #3e2723;}
#main4 .center .customer .talk h3{margin: 30px 0;font-size: 35px; color: #333; font-weight: bold;}


/*========= footer ===========*/
#footer {background: #333;}
#footer .center{display: flex; justify-content: space-between; align-items: center; padding: 50px 0;}
#footer .ft_top{margin-bottom: 25px;}
#footer .ft_top li{display: inline-block; margin-right: 20px;}
#footer .ft_top li a{font-size: 16px; font-weight: 600; color: #aaa;}

#footer .center .info{}
#footer .center .info li{display: inline-block; margin-right: 20px; color: #888; line-height: 1.6em;}
#footer .copyright{margin-top: 20px; font-size: 14px; color: #666; }
#footer .copyright a{font-size: inherit; color: inherit; }

#footer .right{width: 50%;}
#footer .right dl{margin-bottom: 12px; display: flex; justify-content: flex-end; align-items: center;}
#footer .right dl dt{margin-right: 8px; padding: 12px 20px; font-size: 16px; color: #aaa; background: rgba(245, 244, 238, 0.1); border-radius: 50px; }
#footer .right dl dd{font-size: 34px; font-weight: bold; color: #cdbca2; font-family: 'Noto Serif KR';}
#footer .right dl dd a{display: block; font-size: inherit; font-weight: inherit; color: inherit; font-family: inherit;}
#footer .right p{color: #888;text-align: right;}

#quick{position: fixed; top: 50%; right: 20px; transform: translateY(-50%); z-index: 99; background: rgba(0, 0, 0, 0.8);}
#quick a{padding: 32px 26px; display: flex; justify-content: center; align-items: center; flex-direction: column; border-bottom: 1px solid #fff; }
#quick a:last-child{border-bottom: 0;}
#quick a p{margin-top: 15px; color: #fff;}



/*========= sub ===========*/

#sub_visual{position: relative; height: 400px;}
#sub_visual.sub_visual01,
#sub_visual.sub_visual04,
#sub_visual.sub_visual07{background: url(../images/sub_vis01.jpg) 50% no-repeat; background-size: cover;}
#sub_visual.sub_visual02,
#sub_visual.sub_visual05,
#sub_visual.sub_visual08{background: url(../images/sub_vis02.jpg) 50% no-repeat; background-size: cover;}
#sub_visual.sub_visual03,
#sub_visual.sub_visual06{background: url(../images/sub_vis03.jpg) 50% no-repeat; background-size: cover;}



#sub_visual .center {width: 100%; padding: 0; position: absolute; top: 50%; transform: translateY(-50%); text-align: center;}
#sub_visual .center h2{margin-bottom: 14px; font-size: 34px; color: #333; font-weight: 600; font-family: 'Noto Serif KR';}
#sub_visual .center ol li {display: inline-block; font-size: 16px; color: #888;}
#sub_visual .center ol li::after {content:"-"; display: inline-block; margin:0 2px;}
#sub_visual .center ol li:last-child::after {display: none;}

#sub_menu{position: absolute; width: 1300px; height: 66px; bottom: 0; left: 50%; transform: translateX(-50%); text-align: center; background-color: #fff; border-bottom: 1px solid #ddd;}
#sub_menu .center{padding: 0; }
.btn_dep{display: none;}
#sub_menu ul li{display: inline-block;}
#sub_menu ul li a{position: relative; display: block; padding: 25px 20px; font-size: 17px; color: #aaa;}
#sub_menu ul li a:after{content: ''; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 0%; height: 2px; background: #a89179; transition: all 250ms linear;}

#sub_menu ul li a:hover:after{width: 100%;}
#sub_menu ul li a:hover{color: #a89179;}
#sub_menu ul li a.on:after{width: 100%;}
#sub_menu ul li a.on{font-weight: 600; color: #a89179;}


.page_title{padding: 110px 0 0; text-align: center;}

.page_title h3{position: relative; font-size: 28px; font-weight: 600; color: #444; font-family: 'Noto Serif KR';}
.page_title h3:after{content: ''; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); color: #444; background: url(../images/i_ddaom.jpg) 50% no-repeat; width: 34px; height: 15px; }
.page_title p{margin-top: 20px; line-height: 1.6em;}

#contents.sub{padding: 75px 0 150px;}
.sub h4{font-size: 26px; font-weight: 600; font-family: 'Noto Serif KR'; color: #333;}
.sub h5{font-size: 20px; font-weight: 500; font-family: 'Noto Serif KR'; color: #333;}

/*sub0101*/
.sub0101{padding: 50px 0 150px; width: 100%;}

.ceo_title{padding: 50px 0;}
.ceo_title p{margin-top: 20px; line-height: 1.6em;}

.sub0101 .center{padding: 0}
.sub0101 .center p{margin-top: 40px; font-size: 16px; text-align: center;  line-height: 1.6em;}
.sub0101 .center .img_wrap{margin-top: 50px; display: flex; justify-content: space-between; align-items: center;}
.sub0101 .center p span{font-weight: 600;}


.sub0102{}
.sub0102 .date{margin-bottom: 75px; text-align: right; color: #aaa;}
.sub0102 .dl_comm{margin-bottom: 50px;}
.sub0102 .dl_comm dt{font-size: 18px; font-weight: 700; color: #444;}
.sub0102 .dl_comm dd{margin-top: 16px; font-size: 16px; line-height: 1.35em;}
.sub0102 .dl_comm dd .dep2{padding-left: 18px;}
.sub0102 .dl_comm dd .dep2>li{margin-bottom: 8px; line-height: 1.35em; font-size: 16px; list-style: auto;}
.sub0102 .dl_comm dd .dep2 .box{margin: 10px 0 20px; padding: 20px; background: #f5f5f5; border: 1px solid #ddd;}
.sub0102 .dl_comm dd .dep2 .box li{line-height: 1.7em;}
.sub0102 .dl_comm dd .dep2 li .p1{margin-top: 8px; color: var(--main-color);}

/*sub0103*/
.sub0103 .special{}
.sub0103 .special li{margin-bottom: 100px; display: flex; justify-content: space-between; align-items: flex-start;}
.sub0103 .special li .txt{width: 20%;}
.sub0103 .special li .txt .num{margin-bottom: 12px; color: #a89179; font-size: 26px; font-weight: 600; font-family: 'Noto Serif KR';}
.sub0103 .special li .txt h4{font-size: 26px; font-weight: 600; color: #333; line-height: 1.3em;}

.sub0103 .special li .info{width: 67%;}
.sub0103 .special li .info figure{}
.sub0103 .special li .info p{margin-top: 25px; line-height: 1.5em; font-size: 16px;}
.sub0103 .special li .info .p1{color: #888;}
.sub0103 .special li .info p span{font-weight: 600;}


/*sub0201*/
#contents.sub.sub02{padding: 0; width: 100%;}

.sub02 section{margin: 0 auto; width: 1300px; padding: 120px 0; display: flex; justify-content: flex-start; align-items: center;}
.sub02 section .text_wrap {position: relative; margin-left: 50px; width: 65%;}
.sub02 section .text_wrap h4{position: relative; margin-bottom: 30px; font-size: 26px; font-weight: 600; color: #333;}
.sub02 section .text_wrap h4:after{content: '01'; position: absolute; bottom: -5px; left: 150px; font-size: 100px; font-weight: 300; color: var(--main-color); opacity: 0.1;}
.sub02 section .text_wrap p{font-size: 16px; line-height: 1.55em;}
.sub02 section .text_wrap .time{position: absolute; left: 0; bottom: -95px; margin-top: 50px; display: flex; justify-content: center; align-items: center; width: 150px; height: 50px; border: 1px solid var(--main-color); color: var(--main-color); border-radius: 50%;}

.sub02 div:nth-child(even) section{flex-direction: row-reverse;}
.sub02 div:nth-child(even) section .text_wrap{margin-left: 0; margin-right: 60px; text-align: right;}
.sub02 div:nth-child(even) section .text_wrap .time{left: auto; right: 0}
.sub02 div:nth-child(even) section .text_wrap h4:after{content: '02'; left: auto; right: 150px;}


.sub0201 .befo{}
.sub0201 .befo:nth-child(odd){background: url(../images/sub0201_bg1.jpg) 50% no-repeat; background-size: cover;}
.sub0201 .befo:nth-child(even){background: url(../images/sub0201_bg2.jpg) 50% no-repeat; background-size: cover;}
/* .sub0201 .befo section{margin: 0 auto; padding: 120px 0;  width: 1300px;} */
.sub0201 .befo section figure{position: relative; border-radius: 230px 230px 0 0; }
.sub0201 .befo section figure:after{content: ''; position: absolute; right: 30px; bottom: 30px; width: 100%; height: 100%; border: 1px solid var(--main-color); border-radius: inherit;}
.sub0201 .befo section figure img{border-radius: inherit;}


.sub0202 .after section{}
.sub0202 .after section .text_wrap{margin-left: 100px;}
.sub0202 .after:nth-child(odd){background: url(../images/sub0202_bg1.png) no-repeat; background-position: right bottom;}
.sub0202 .after:nth-child(even){background: url(../images/sub0202_bg2.png) no-repeat; background-position: left bottom; background-color: #efe8d8;}
.sub0202 .after:nth-child(odd) section .text_wrap h4:after{left: -60px;}
.sub0202 .after:nth-child(3) section .text_wrap h4:after{content: '03'; }
.sub0202 .after:nth-child(4) section .text_wrap h4:after{content: '04'; }
.sub0202 .after:nth-child(odd) section figure{position: relative;}
.sub0202 .after:nth-child(odd) section figure:after{content: ''; position: absolute; right: 30px; bottom: 30px; width: 100%; height: 100%; border: 1px solid var(--main-color);}
.sub0202 .after:nth-child(even) section{padding: 0; width: 100%;}
.sub0202 .after:nth-child(even) section .text_wrap{margin-left: 0; margin-right: 100px; text-align: right;}
.sub0202 .after .box {margin-top: 20px; padding: 20px; border: 1px solid #ddd; width: 80%; }
.sub0202 .after .box h6{font-weight: bold; margin-bottom: 20px; }
.sub0202 .after .box ul li{position: relative; margin-bottom: 14px; padding-left: 15px;}
.sub0202 .after .box ul li:after{content: ''; position: absolute; top: 6px; left: 0; width: 3px; height: 3px; background: #aaa; border-radius: 400px; }
.sub0202 .after .box ul li:last-child{margin-bottom: 0; }


.sub0203 .family {background: url(../images/sub0203_bg.png) no-repeat; background-position: left bottom;}
.sub0203 .family section .text_wrap{margin-left: 0; margin-right: 80px;}
.sub0203 .family section .text_wrap h4{line-height: 1.5em;}
.sub0203 .family section .text_wrap h4 span{color: var(--main-color);}
.sub0203 .family section .text_wrap h4:after{display: none;}

.sub0203 .family section .icon{margin-top: 50px; display: flex; justify-content: flex-start; align-items: center;}
.sub0203 .family section .icon li{padding: 24px 30px; display: flex; justify-content: center; flex-direction: column; align-items: center; border: 1px solid var(--main-color);}
.sub0203 .family section .icon li p{margin-top: 6px;}

/*sub0204*/
.sub0204 .moyu{}
.sub0204 .moyu:nth-child(odd){background: url(../images/sub0201_bg1.jpg) 50% no-repeat; background-size: cover;}
.sub0204 .moyu:nth-child(even){background: url(../images/sub0201_bg2.jpg) 50% no-repeat; background-size: cover;}
/* .sub0201 .befo section{margin: 0 auto; padding: 120px 0;  width: 1300px;} */
.sub0204 .moyu section figure{position: relative; border-radius: 230px 230px 0 0; }
.sub0204 .moyu section figure:after{content: ''; position: absolute; right: 30px; bottom: 30px; width: 100%; height: 100%; border: 1px solid var(--main-color); border-radius: inherit;}
.sub0204 .moyu section figure img{border-radius: inherit;}
.sub0204 .moyu section .text_wrap h4:after{display: none;}
.sub0204 .moyu p span{color: #888;}

/*sub0205*/
.sub0205 .yusan{background: url(../images/sub0203_bg.png) no-repeat; background-position: left bottom;}
.sub0205 .yusan section .text_wrap{margin-left: 0; margin-right: 50px; }
.sub0205 .yusan section .text_wrap h4:after{display: none;}
.sub0205 .yusan .cont{padding: 20px; border: 1px solid #ddd; }
.sub0205 .yusan .cont h6{font-weight: bold; margin-bottom: 12px; }
.sub0205 .yusan .cont p{font-size: 15px; line-height: 1.5; }

.sub0301{}
.sub0301 .page_title{margin: 110px 0 45px; padding: 0;}
.sub0301 .tit{display: flex; justify-content: flex-start; align-items: center;}
.sub0301 .tit h4{}
.sub0301 .tit h4 .beige{color: var(--main-color);}
.sub0301 .tit .time{margin-left: 18px; display: flex; justify-content: center; align-items: center; width: 120px; height: 40px; background: rgba(168, 145, 121, 0.1); color: var(--main-color);}
.sub0301 .price p{margin-top: 10px; font-size: 16px; line-height: 1.5;}
.sub0301 .tbl_pri{margin: 30px 0 75px;}
.sub0301 .tbl_pri .beige td{color: var(--main-color);}
.sub0301 .box{margin-top: 20px; padding: 30px; background: #f5f5f5; border: 1px solid #ddd; }
.sub0301 .box li{font-size: 16px; margin-bottom: 8px; line-height: 1.4em; }

/*sub0302*/
.sub0302 section{margin-bottom: 100px;}
.sub0302 h4{margin-bottom: 22px;}
.sub0302 .service_chart{margin: -1.2% 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.sub0302 .service_chart li{margin: 1.2% 0; width: 49%;}
.sub0302 .service_chart li .txt{margin-top: 12px;}
.sub0302 .service_chart li .txt h5{line-height: 2em;}
.sub0302 .service_chart li .txt h5 span{font-size: 22px; margin-right: 10px;}
.sub0302 .service_chart li .txt p{font-size: 16px; line-height: 1.5em;}

.sub0302 .use li{margin: 1.5% 0; display: flex; justify-content: flex-start; align-items: center;}
.sub0302 .use li .txt{margin-left: 50px;}
.sub0302 .use li .txt h5{margin: 18px 0 16px;}






.sub0503 form{}
.sub0503 form .line{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.sub0503 form .line.w100 .ip_wrap{width: 100%;}
.sub0503 form .line .ip_wrap{width: 49.5%;}
.sub0503 form .ip_wrap label{font-size: 16px; font-weight: 600; color: #333;}
.sub0503 form .ip_wrap .ip_comm{margin: 10px 0 20px; border: 1px solid #ddd; height: 60px;}
.sub0503 form .ip_wrap textarea.ip_comm{border: 1px solid #ddd; height: 180px;}
.sub0503 form .ip_wrap.set_agree{display: flex; justify-content: center; align-items: center; margin: 25px auto; text-align: center;}
.sub0503 form .ip_wrap.set_agree label{font-weight: normal; color: #555;}





/*sub0601*/
.ul_sido{margin-bottom: 15px; padding: 12px 16px; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; background: var(--main-color); }
.ul_sido li{}
.ul_sido li a{display: block; padding: 10px 16px; width: 100%; height: 100%; color: #fff;}
.ul_sido li a:hover{opacity: 0.6;}
.ul_sido li a.on{background: #fff; color: var(--main-color);}
.ul_sido li a.on:hover{opacity: 1;}


.view_store{margin-bottom: 30px;}
.view_store h3{margin-bottom: 15px; font-size: 16px; font-weight: 600; color: var(--main-color);}

.list_btn{margin-top: 50px; display: flex; justify-content: flex-end; align-items: center;}
.list_btn a{padding: 12px 16px; background: #333; color: #fff; }

/*sub view 0601*/
.sub0601 .sns_wrap{ display: flex; justify-content: center; align-items: center;}
.sub0601 .sns_wrap div{margin: 0 10px;}
.sub0601 .sns_wrap a{display: flex; justify-content: center; align-items: center; flex-direction: column;}
.sub0601 .sns_wrap a p{margin-top: 10px;}

.sub0602_img{margin-top: 50px;}
.sub0602>.center{padding: 0;}
.sub0602 .page_title{margin-top: 20px; margin-bottom: 45px;}
.sub0602 .str_edu{position: relative; overflow: hidden;}
.sub0602 .str_edu ul li{display: flex; justify-content: flex-start; align-items: center;}
.sub0602 .str_edu ul li .txt{margin-left: 50px; margin-bottom: 30px;}
.sub0602 .str_edu ul li .txt p{margin-top: 20px; font-size: 16px;}
.sub0602 .str_edu .swiper-pagination{left: 94px;  bottom: 75px;}
.sub0602 .str_edu .swiper-pagination-bullet{width: 3px; height: 3px; background: #aaa; border-radius: 25px; opacity: 1; }
.sub0602 .str_edu .swiper-pagination-bullet-active{width: 40px; background: #a89179;}
.sub0602 .condition{display: flex; justify-content: space-between;  align-items: center;}
.sub0602 .condition li{display: flex; flex-direction: column; justify-content: flex-start; align-items: center; padding: 80px 20px; width: 18.5%; height: 280px; border-radius: 121px 121px 0 0; background: #fff; border: 1px solid #ddd; transition: all 200ms linear;}
.sub0602 .condition li:hover{border: 1px solid var(--main-color);}
.sub0602 .condition li:hover p{color: var(--main-color);}
.sub0602 .condition li p{margin-top: 20px; line-height: 1.5em; text-align: center; font-size: 16px; transition: all 200ms linear;}

.sub0602 .process{display: flex; justify-content: space-between; align-items: center;}
.sub0602 .process li{width: 19%; }
.sub0602 .process li p{margin-top: 12px; font-family: 'Noto Serif KR'; font-size: 17px; font-weight: 500;}
.sub0602 .process li p span{margin-right: 6px; }

.sub0602 .tbl th{width: 200px; font-weight: 500;}
.sub0602 .tbl td{text-align: left;}


/*지점안내 리뉴*/
.jijum .board_list .thead{display: flex; align-items: center;  height: 50px; line-height: 50px; padding: 0 20px; background: #f5f5f5; border: 1px solid #ddd; text-align: center;}
.jijum .board_list .thead li{font-weight: 600;}
.jijum .board_list .b_sido{width: 5%;}
.jijum .board_list .b_store{width: 20%;}
.jijum .board_list .b_addr{width: 65%;}
.jijum .board_list .b_mb{width: 10%;}

.jijum .board_list .tbody li{display: block;  text-align: center; border-bottom: 1px solid #ddd;}
.jijum .board_list .tbody li:hover{background: #f8f8f8; transition: all 300ms linear;}
.jijum .board_list .tbody li a{display: flex; align-items: center; height: 60px; padding: 0 20px; }
.jijum .board_list .tbody li a dd{text-align: center;}

.jijum .board_list .tbody .set_icon{display: none;}

/*지점안내 뷰 리뉴*/
.board_view{padding-top: 50px; border-top: 1px solid #eee;}
.board_view .view_wrap{display: flex; justify-content: space-between; align-items: center; padding-bottom: 50px; border-bottom: 1px solid #eee;}
.board_view .view_wrap figure img{}

.board_view .view_wrap .txt{margin-left: 50px; width: calc(100% - 40%);}
.board_view .view_wrap h5{font-size: 18px; color: var(--main-color);}
.board_view .view_wrap h2{margin: 20px 0; font-size: 30px; color: #222; font-family: 'noto serif kr';}
.board_view .view_wrap h4{margin-bottom: 50px; font-size: 15px; color: #888; font-family: 'noto sans kr'; font-weight: normal;}
.board_view .view_wrap dl{margin-top: 28px; display: flex; justify-content: flex-start; align-items: center;}
.board_view .view_wrap dl dt{font-weight: bold; width: calc(150px - 50px);}
.board_view .view_wrap .view_sns{margin-top: 50px; display: flex; justify-content: flex-start; align-items: center;}
.board_view .view_wrap .view_sns a{display: flex; justify-content: center; align-items: center; margin-right: 4px; width: 140px; padding: 10px 16px; background: #fff; border-radius: 5px; border: 1px solid #ddd;}
.board_view .view_wrap .view_sns img{display: block; height: 25px;}
.board_view .view_wrap .view_sns a p{font-size: 14px; margin-left: 12px;}
.board_view .view_wrap .view_sns .tel a p{margin-left: 7px;}

.board_view>p{margin-top: 50px; line-height: 1.5;}

/*sub0701*/
.detail_pg {width: 100%; max-width: 800px; margin: 0 auto; }
.detail_pg img{display: block; width: 100%; }



.tbl {border-top:2px solid var(--main-color); border-left: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.tbl.sty2{border-top: 1px solid #ddd;}

.tbl th,
.tbl td {font-size: 16px; padding:20px;  text-align: center;}
.tbl.store_tbl th,
.tbl.store_tbl td{line-height: 1.2em;}

.tbl th {background-color: #f5f5f5; border-bottom:1px solid #ddd; border-right: 1px solid #eee; text-align: center; font-weight: 600;}
.tbl td {border-right: 1px solid #eee; border-bottom: 1px solid #eee; }
.tbl tr:last-child td{border-bottom: 1px solid #ddd;}
.tbl td:last-child,
.tbl th:last-child{border-right: 1px solid #ddd;}
.tbl td dl dt,
.tbl td dl dd {display: inline-block;}
.tbl td dl dt {}
.tbl td dl dd {margin-right: 15px;}


.tbl_paper th,
.tbl_paper td {border:1px solid #ddd; text-align: center;}
.tbl_paper tbody th {background-color: #fff;}

.tbl_form th,
.tbl_form td {padding:10px;}


.form_01{margin: 0 auto; width: 800px;}
.form_01 h2{margin-bottom: 10px; font-size: 20px; font-weight: 600;}
.store_ip{position: relative; }

.form_01 .frm_label{margin-top: 10px; margin-bottom: 14px;}
#fregisterform .frm_info{margin-top: 3px;}
.store_ip li:first-child{margin-bottom: -1%;}
.store_ip li .ip_chk{position: absolute; left: -999%; top: 0; width: 0; height: 0; border: 0;}
.store_ip li .ip_chk + label{float: left; margin-bottom: 1%; margin-right: 1%; margin-left: 0; width: 49%; height: 55px;  font-size: 14px; background-color: #f8f8f8; border: 1px solid #eee; cursor: pointer; line-height: 55px; box-sizing: border-box; text-align: center; color: #888;}
.store_ip li .ip_chk:checked + label{background-color: var(--main-color); color: #fff; border: 0;}
.sns_ip input{width: 100%;}

.personal_set li .personal_label{margin-top: 0; margin-bottom: 0; margin: 5px 0;}
.personal_set .is_captcha_use{margin-top: 15px;}

.sub_list {display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; margin: -1.6% -0.5%; overflow: hidden; }
.sub_list li {margin: 1.6% 0.5%; width:24%;}
.sub_list li a { display:block; width:100%;}
.sub_list li a p {margin-top: 15px; line-height: 1.4; width: 100%; overflow: hidden; }
.sub_list li a img {width:100%; border: 1px solid #ddd;}


#bo_cate{margin-bottom: 15px; padding: 12px 16px;  background: var(--main-color); border: 0; }
#bo_cate ul{display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#bo_cate a{display: block; padding: 10px 16px; width: 100%; height: 100%; color: #fff; border: 0; line-height: 1; box-shadow: 0 0 0; border-radius: 0; }
#bo_cate a:hover{opacity: 0.6;}
#bo_cate #bo_cate_on{background: #fff; color: var(--main-color); border: 0; line-height: 1; box-shadow: 0 0 0; }
#bo_cate #bo_cate_on:hover{opacity: 1;}

.sub0502 #bo_cate{margin-bottom: 24px;}


/* .sub_list  {width: 100%; overflow: hidden;}
.sub_list li {display: inline-block; width:23%;margin-right: 2.2%; margin-bottom:4%;  }
.sub_list li:nth-of-type(4n) { margin-right:0; }
.sub_list li a { display:block; width:100%;  }
.sub_list li a p {  margin-top: 10px; font-size: 16px; text-align: left;}
.sub_list li a img {width:100%; border: 1px solid #ddd;  } */



/* 모달팝업 */
#modal-content {display:none;width:600px;max-width:90%;height:500px;box-shadow:0 5px 15px rgba(0, 0, 0, 0.5);background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0;outline: 0 none}
#modal-content .modal-header {height:20px;border-bottom:1px solid #e5e5e5;padding:15px}
#modal-content .modal-header h4 {margin:0;font:bold 18px 'Malgun Gothic';color:#5d5d5d}
#modal-content .modal-body {padding:15px}
#modal-content .modal-body .b-iframe {width:570px;max-width:100%;height:430px}
#modal-content .b-close{float:right;font:bold 21px Arial;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content .b-close:hover, #modal-content .b-close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}
p.modal-frame-content{width:550px;max-width:100%;height:400px;padding-right:5px;overflow-x:hidden;overflow-y:auto;font:normal 12px 'Malgun Gothic';color:#555;line-height:1.65em}
/*.popbtn {text-decoration:none;cursor:pointer;margin:0 5px}*/
.b-modal __b-popup1__ {max-width:100%}
#modal-content .modal-header,#modal-content .modal-body{box-sizing:content-box !important}

#modal-content2 {display:none; width:400px; height:560px; background:rgba(54,54,54,0.9); border-radius:4px; border:0px;}
#modal-content2 .modal-header {position:relative; height:28px;}
#modal-content2 .modal-body2 {padding:0;}
#modal-content2 .b-close{position:absolute;top:0;right:16px;font-size:40px;font-weight:900;font-family:Tahoma;color:#fff;opacity:.5;filter:alpha(opacity=50);padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}
#modal-content2 .b-close:hover, #modal-content .b-close:focus{cursor:pointer;opacity:1;filter:alpha(opacity=100)}
#modal-content2 .modal-body2 .b-iframe {width:400px;height:560px;}