#subWrap .subVisual{ }
#subWrap .subVisual{ width: 100%; height:  600px; position: relative; }
#sv .bg {  z-index: -2; width: 100%;  height: 100%; background-size: cover; background-repeat: no-repeat;  background-position: center center; position: absolute;  top: 50%;  left: 50%;  transform: translate(-50%, -50%) scale(1.1);  transform-origin: bottom;  transition: all 0.7s linear; z-index: 1;}
#sv.sv00 .bg{ background-image: url("/img/sub/sub_bg01.jpg");}
#sv.sv01 .bg { background-image: url("/img/sub/sub_bg01.jpg"); }
#sv.sv02 .bg { background-image: url("/img/sub/sub_bg02.jpg"); }
#sv.sv03 .bg { background-image: url("/img/sub/sub_bg03.jpg"); }
#sv.sv04 .bg { background-image: url("/img/sub/sub_bg04.jpg"); }
#sv.sv05 .bg { background-image: url("/img/sub/sub_bg05.jpg"); }
#sv.sv06 .bg { background-image: url("/img/sub/sub_bg06.jpg"); }

#sv.on .bg{ transform: translate(-50%, -50%); }

#sv .txtBox{ position: absolute; transform:translate(-50%,-50%); top:50%; left: 50%; animation: blur_txt 1s 0.3s both; z-index: 5;}
#sv .txtBox h2{ font-size:80px; color:#fff; font-weight: 300;}
#sv .txtBox h2 span{ font-family: 'Lora', serif; font-weight: 400;}
#sv #lnb{ position: absolute; transform:translate(-50%,-50%); top:64%; left: 50%; display:flex; align-items: center; animation: blur_txt 1s 0.3s both; z-index: 5;}
#sv #lnb li{ font-size:16px; color:#fff; font-weight: 200;}
#sv #lnb li img{ vertical-align:middle; }
#sv #lnb li:not(:last-child):after { content:"·"; margin: 0 13px;}

#subContents{ padding: 165px 0 205px; position: relative; }
.font100.big{ font-family: 'Lora', serif; color:rgba(196,154,108,0.1); white-space:nowrap; }
#circleImg{ animation: c_rotate 3s linear infinite; z-index: -1;}

#philosophy .founding{ position: relative;}
#philosophy .founding > div{ display:flex; justify-content: space-between; margin:  0 0 0 auto;}
#philosophy .founding .txtBox{ margin-right: 180px;}
#philosophy .founding .txtBox,#philosophy .founding > div > figure{ flex-shrink:0; }
#philosophy .founding .txtBox h3{ font-family: 'Nanum Myeongjo', serif; color:#111; font-weight: bold ;}
#philosophy .founding .txtBox p.font35{ color:#111; font-weight: 300; line-height: 1.5; margin: 70px 0 40px;}
#philosophy .founding .txtBox p.font35 span{ font-family: 'Nanum Myeongjo', serif; font-weight: bold;}
#philosophy .founding .txtBox p.font21{ line-height: 1.7; color:#333; }
#philosophy .founding p.big{ position: absolute; bottom: -10px; left: 0;}
#philosophy .circleBox{ margin-top: 130px; display:flex; align-items:center; justify-content: space-between; gap:40px; }
#philosophy .circleBox .itemBox{ position: relative; width: calc(100% / 4); }
#philosophy .circleBox .itemBox .m_circle{ animation: c_rotate 3s linear infinite; }
#philosophy .circleBox .itemBox:first-child .m_circle{animation: c_rotate 2.5s 0.5s linear infinite; }
#philosophy .circleBox .itemBox:nth-child(2n) .m_circle{ animation: c_rotate 3s 0.5s linear infinite; }
#philosophy .circleBox .itemBox .txtBox{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 49%; text-align: center;  width: 100% ;}
#philosophy .circleBox .itemBox .txtBox p{ font-weight: 300; color:#555; margin-top: 30px; line-height: 1.8;}
#philosophy .circleBox .itemBox .txtBox p span{ color:#333; font-weight: 600; }
#philosophy .thank { position: relative; margin-bottom: 170px;}
#philosophy .thank > div{ margin-top: 140px; display:flex; }
#philosophy .thank figure{ margin-right: 115px; flex-shrink:0; }
#philosophy .thank .txtBox{ margin-top: 65px;}
#philosophy .thank .txtBox p.font21{ font-weight: 300; line-height: 1.8; color:#333; }
#philosophy .thank p.font100{ position: absolute; bottom: -30px; right: 0;}
#f_process{ text-align: center; background:url("/img/sub/philosophy_img03.png") no-repeat 50% 50%; background-size:cover; padding: 206px 0;} 
#f_process p.title{ color:#fff; font-weight: 600; font-family: 'Nanum Myeongjo', serif; }
#f_process .txtBox{ display:flex; justify-content: center; margin-top: 50px;} 
#f_process .txtBox a{ color:#fff; display:block; font-weight: 300;}
#f_process .txtBox a img{ margin-right: 7px; }
#f_process .txtBox p:not(:last-child){ margin-right: 45px; }

.title.font65{ font-family: 'Nanum Myeongjo', serif; color:#111; font-weight: bold ; }
#history #circleImg{ position: absolute; top: -180px; right: -40px; }
#history .title.font65{ margin-bottom: 70px;}
#history .wrapBox{ position: relative; display:flex; justify-content: flex-end; max-width:1685px; margin: 0 0 0 auto;}
/*#history .wrapBox .yearList{ position: absolute; top: 20px; }*/
#history .wrapBox .titleBox{ margin-right: 230px; z-index: 5;}
#history .wrapBox .yearList li:not(:last-child){ margin-bottom: 25px;}
#history .wrapBox .yearList li{font-size:23px; color:#B9B9B9; font-family: 'Lora', serif; cursor:pointer; }
#history .wrapBox .yearList li span{ font-family: 'Pretendard', sans-serif; }
#history .wrapBox .yearList li.on{ font-size:25px; color:#D1A473; font-weight: 600;}
#history .wrapBox .yearList li.on:before{ content:'-'; margin-right: 5px; }
#history .wrapBox .yearList li.on span{ display:none; }
/*#history .wrapBox .ctnBox{ max-width:1400px; margin: 0 0 0 auto;}*/
#history .wrapBox .ctnBox h3.title{ color:#D1A473; font-family: 'Lora', serif; margin-top: -20px;}
#history .wrapBox .ctnBox h3.title span{ display:block; margin-left: 180px;}
#history .wrapBox .ctnBox .yearBox{ background: #F9F9F9; margin-top: -50px; padding: 220px 180px 250px;}
#history .wrapBox .ctnBox .yearBox .itemBox{ display:flex; }
#history .wrapBox .ctnBox .yearBox .itemBox:not(:last-child){ margin-bottom: 150px;}
#history .wrapBox .ctnBox .yearBox .itemBox p.year{ color:#111; font-family: 'Lora', serif; letter-spacing: -1px; width: 170px; margin-right: 180px; flex-shrink:0; }
#history .wrapBox .ctnBox .yearBox .itemBox p.year span{ font-family: 'Pretendard', sans-serif;  }
#history .wrapBox .ctnBox .yearBox .itemBox ul li{ color:#333; font-weight: 300;  }
#history .wrapBox .ctnBox .yearBox .itemBox ul li span{ font-weight: 500;}
#history .wrapBox .ctnBox .yearBox .itemBox ul li:before{ content:'·'; color:#D1A473; margin-right: 7px;}
#history .wrapBox .ctnBox .yearBox .itemBox ul li figure{ margin: 25px 0 10px 15px;}
#history .wrapBox .ctnBox .yearBox .itemBox ul li:not(:last-child){ margin-bottom: 35px;}
#history .circleBox{ position: relative; position: absolute; bottom: -210px; left: -130px; z-index: -1;}
#history .circleBox .circle{ width: 632px; height: 632px; border-radius:50%; background: rgba(209,164,115,0.2);}
#history .circleBox #circleImg{ top: -100px;  right: auto;}

#people h3.title{ margin-bottom: 60px;}
#people .ctnBox .itemBox{ display:flex; border-bottom: 1px solid rgba(0,0,0,0.15); padding-bottom: 100px;}
#people .ctnBox .itemBox:not(:last-child){ margin-bottom: 100px; }
#people .ctnBox .itemBox .imgBox{ background: #EFEFEF; width: 570px; height: 640px; position: relative;  }
#people .ctnBox .itemBox .imgBox img{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; min-height: 100%; min-width: 100%; object-fit: cover;}
#people .ctnBox .itemBox .txtBox{ width: calc(100% - 570px); padding-left: 105px; }
#people .ctnBox .itemBox .txtBox .name{ color:#111; font-weight: bold; margin-bottom: 50px;}
#people .ctnBox .itemBox .txtBox .name span{ color:#333; font-weight: 400; display:inline-block; margin-left: 15px; }
#people .ctnBox .itemBox .txtBox .list{}
#people .ctnBox .itemBox .txtBox .list .title{ font-family: 'Nanum Myeongjo', serif;  color:#D1A473; font-weight: 800; margin-bottom: 20px;}
#people .ctnBox .itemBox .txtBox .list > li{ margin-bottom: 40px;}
#people .ctnBox .itemBox .txtBox .list .innerList li{ line-height: 1.6; font-weight: 300; color:#333;  text-indent:-13px; margin-left: 13px;}
#people .ctnBox .itemBox .txtBox .list .innerList li:before{ content:'·'; color:#D1A473; margin-right: 7px;}

#award { position: relative; }
#award .ctnBox .itemBox{ display:flex;}
#award .ctnBox .itemBox:not(:last-child){ margin-bottom: 250px;}
#award .ctnBox .itemBox > div{ width: 50%; flex-shrink:0; }
#award .ctnBox .itemBox .txtBox{}
#award .ctnBox .itemBox .txtBox .year{ color:#111; font-family: 'Lora', serif; letter-spacing: -1px; padding-top: 100px;}
#award .ctnBox .itemBox .txtBox .year span{ font-family: 'Pretendard', sans-serif;  }
#award .ctnBox .itemBox .txtBox ul{ margin-top: 40px;}
#award .ctnBox .itemBox .txtBox ul li{ color:#333; font-weight: 300; line-height: 2.2;}
#award .ctnBox .itemBox .txtBox ul li:before{ content:'·'; color:#D1A473; font-weight: 500; margin-right: 7px; }
#award .ctnBox .itemBox .imgBox .m-img{ position: absolute; }
#award .ctnBox .itemBox1{ padding-bottom: 220px;}
#award .ctnBox .itemBox1 .imgBox{ position: absolute; top: 0; right: 0; width: 100%;  display: flex; justify-content: flex-end;}
#award .ctnBox .itemBox2 .imgBox .m-img{ left: 0;}
#award .ctnBox .itemBox2 .txtBox{ position: relative; }
#award .ctnBox .itemBox2 .txtBox > figure{ position: absolute; right: -32%; transform: translateY(-50%); top: 55%}
#award .ctnBox .itemBox3 .txtBox{ padding-bottom: 170px;}
#award .ctnBox .itemBox3 .imgBox{ position: absolute; right: 80px; }
#award .ctnBox .itemBox4 .imgBox .m-img{ left: 0;}
#award .ctnBox .itemBox4 .txtBox{ position: relative; padding-bottom: 350px;}

#location h3.title{ margin-bottom: 60px; }
#location .ctnBox .mapBox .root_daum_roughmap{ width: 100%; margin-bottom: 65px;}
#location .ctnBox .txtBox{ display:flex; }
#location .ctnBox .txtBox p.title{ color:#111;  font-family: 'Nanum Myeongjo', serif;  font-weight: 800; margin-right: 105px; flex-shrink:0; }
#location .ctnBox .txtBox ul.listBox{ width: 100%; }
#location .ctnBox .txtBox ul.listBox li { color:#333; font-weight: 300;}
#location .ctnBox .txtBox ul.listBox > li:first-child{ margin-top: 10px;}
#location .ctnBox .txtBox ul.listBox li img{ margin-right: 10px;}
#location .ctnBox .txtBox ul.listBox li span{ font-family: 'Lora', serif; display:inline-block; margin-right: 15px; }
#location .ctnBox .txtBox ul.innerList{ display:flex; gap:0 50px; margin-top: 30px;}

.business #title{ color:#111; font-weight: 800; font-family: 'Nanum Myeongjo', serif; margin-bottom: 40px;}
.business #title:before{ content:'·'; color:#D1A473; margin-right: 7px;}
.business > .titleBox{ margin-bottom: 110px;}
.business > .titleBox .w1685{ margin: 0 0 0 auto; display:flex; justify-content: space-between; }
.business > .titleBox .w1685 .txtBox .txt{ font-family: 'Nanum Myeongjo', serif;  color:#111; margin: 70px 0 45px; line-height: 1.6;}
.business > .titleBox .w1685 .txtBox .txt span{ font-weight: 800;}
.business > .titleBox .w1685 .txtBox .big{ margin-right: 180px; line-height: 1.1;}
.business > .titleBox .w1685 figure{ flex-shrink:0; }
.business .question .imgBox{ position: relative; margin-bottom: 160px; background-size:cover; padding: 100px 80px 135px;}
.business .question .imgBox .txtBox{ color:#fff; display:flex; justify-content:center; flex-direction: column; }
.business .question .imgBox .txtBox .small{ font-family: 'Lora', serif; }
.business .question .imgBox .txtBox .title{ font-weight: 500; margin: 12px 0 28px; }
.business .question .imgBox .txtBox .txt{ font-weight: 300; line-height: 1.6;}
.business .apply { margin-bottom: 170px;}
.business .apply .ctnBox .itemBox{ display:flex; align-items: center;}
.business .apply .ctnBox .itemBox:not(:last-child){ margin-bottom: 70px;}
.business .apply .ctnBox .itemBox > figure{ flex-shrink:0; } 
.business .apply .ctnBox .itemBox > figure,.business .apply .ctnBox .itemBox .txtBox{ width: 50%; }
.business .apply .ctnBox .itemBox:nth-child(2n-1) .txtBox{ margin-left: 50px;}
.business .apply .ctnBox .itemBox .txtBox .num{ font-family: 'Nanum Myeongjo', serif;  color:#D1A473; font-weight: 800;}
.business .apply .ctnBox .itemBox .txtBox .title{ margin: 55px 0 30px; font-family: 'Nanum Myeongjo', serif; font-weight: 800; color:#111; letter-spacing:-0.8px; line-height: 1.6;}
.business .apply .ctnBox .itemBox .txtBox .txt{ font-weight: 300; color:#333; line-height: 1.7; letter-spacing:-0.5px;}
.business .process .mobile{ display:none; }
.business .suggest { margin-bottom: 170px;}
.business .suggest .ctnBox{ background:url("/img/sub/trp_img06.png") no-repeat 50% 50%; background-size:cover; display:flex; flex-wrap:wrap; }
.business .suggest .ctnBox .itemBox{ width: calc(100% / 3); height: 275px; display:flex; flex-direction: column; justify-content:center; align-items:center;  border-bottom:1px solid rgba(255,255,255,0.2); padding: 0 40px;text-align: center; transition: box-shadow 0.3s; }
.business .suggest .ctnBox .itemBox:not(:nth-child(3n)){  border-right:1px solid rgba(255,255,255,0.2); }
.business .suggest .ctnBox .itemBox p:not(.txt2){ color:#fff; margin-top: 33px;}
.business .suggest .ctnBox .itemBox p.txt2{ color:rgba(255,255,255,0.9); font-weight: 200; margin-top: 7px; opacity: 0; height: 0; overflow: hidden; transition:all 1.5s; line-height: 1.5;  transform:translateY(30px);}
.business .suggest .ctnBox .itemBox:hover p.txt2{ height: auto; opacity: 1; transform:translateY(0);}
#family .suggest .ctnBox .itemBox{ height: 300px;}
#nti .question .imgBox{ background:url("/img/sub/nti_img02.png") no-repeat 50% 50%;  }
#nti .research{ margin-bottom: 390px;}
#nti .research .ctnBox{ display:flex; }
#nti .research .ctnBox .itemBox{ width: 20%; position: relative; }
#nti .research .ctnBox .itemBox .circleBox{ position: relative; }
#nti .research .ctnBox .itemBox .circleBox .circle{ position: relative; width: 100%; height: 290px; background: transparent; border-radius:50%;  border: 1px dashed #D1A473;}
#nti .research .ctnBox .itemBox .circleBox .circle:before{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; content:''; display:block; width: 243px; height: 243px; 
border-radius:50%; background:#D1A473; z-index: -1;}
#nti .research .ctnBox .itemBox:not(:last-child) .circleBox .circle:after{ position: absolute; transform:translateY(-50%); top: 50%; right: -5px; content:''; display:block; width: 8px; height: 8px; border-radius:50%; background: #D1A473; z-index: 5;}
#nti .research .ctnBox .itemBox .circleBox .txtBox{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; text-align: center; color:#fff;}
#nti .research .ctnBox .itemBox .circleBox .txtBox .txt{ letter-spacing: -0.8px; white-space:nowrap; margin-top: 20px; font-weight: 600;} 
#nti .research .ctnBox .itemBox:nth-child(2n) .circleBox .circle{ border: 1px dashed #3C3B3C;}
#nti .research .ctnBox .itemBox:nth-child(2n) .circleBox .circle:before{ background: #3C3B3C;}
#nti .research .ctnBox .itemBox .listBox{ margin-top: 40px;color:#333; font-weight: 300;  position: absolute; transform: translateX(-50%);  left: 50%; white-space: nowrap;}
#nti .research .ctnBox .itemBox .listBox li{ line-height: 1.6;}
#nti .research .ctnBox .itemBox .listBox li:before{ content:'·'; color:#d1a473; font-weight: 500; margin-right: 7px;}
#nti .process #title{ margin-bottom: 80px;}
#nti .process figure.img01{ margin-bottom: 60px;}
#linkBox{ display:flex; flex-direction: column; justify-content:center; align-items:center; padding: 230px 0; background:	url("/img/sub/nti_img08.png") no-repeat 50% 50%; background-size:cover; 
margin-top: 280px;}
#linkBox p.title{ color:#fff; font-family: 'Nanum Myeongjo', serif; font-weight: 800; margin-bottom: 50px;}
#linkBox ul{ display:flex; }
#linkBox ul li:not(:last-child){ margin-right: 45px;}
#linkBox ul li a{ color:#fff; }
#linkBox ul li a img{ margin-right: 10px; vertical-align: middle;  }

#enti .question .imgBox{ background:url("/img/sub/enti_img02.png") no-repeat 50% 50%;  }
#enti .process{ margin-bottom: 150px;}
#enti .process .mobile .img01{ width: 300px; margin: 0 auto 60px;}
#enti .process .mobile .ctnBox{ display:flex; flex-wrap:wrap; gap:40px 20px; }
#enti .process .mobile .ctnBox .itemBox{ width: calc((100% - 40px) / 3); text-align: center; }
#enti .process .mobile .ctnBox .itemBox .txtBox{ margin-top: 40px;}
#enti .process .mobile .ctnBox .itemBox .txtBox .title{ color:#111; font-weight: 600; margin-bottom: 15px; line-height: 1.5;}
#enti .process .mobile .ctnBox .itemBox .txtBox .txt{ color:#333;}
#enti .effect{ background: #F8F8F8; padding: 120px 0 130px;}
#enti .effect .ctnBox{ display:flex; flex-wrap:wrap; gap:30px; position: relative;}
#enti .effect .ctnBox .itemBox{ width: calc((100% - 30px) / 2); background: #fff; padding: 50px 20px; text-align: center; border:1px solid #D1A473; }
#enti .effect .ctnBox .itemBox ul{ margin-top: 55px;}
#enti .effect .ctnBox .itemBox ul li{ color:#333; font-weight: 500; line-height: 1.6;}
#enti .effect .ctnBox .itemBox ul li:before{ content:'·'; margin-right: 5px; }
#enti .effect #title{ margin-bottom: 60px;}
#enti .effect .ctnBox .circleBox{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; width: 260px; height: 260px; display:block; border-radius:50%; background: #d1a473; color:#fff;
display:flex; justify-content:center; align-items:center;  text-align: center; font-weight: bold;  z-index: 5;}

#trp .question .imgBox{ background:url("/img/sub/trp_img02.png") no-repeat 50% 50%;  }
#trp .process > div{ margin-top: 100px;}
#trp .process .pc figure{ text-align: right;}
#trp .process .mobile .ctnBox{ position: relative; display:flex; gap:60px 20px; flex-wrap:wrap; }
#trp .process .mobile .ctnBox:after{ content:''; position: absolute; top: 0; left: 0; display:block; width: 100%; height: 100%; background:url("/img/sub/trp_bg.png") no-repeat 50% 50%;  background-size:contain; opacity: 0.3; z-index: -1;}
#trp .process .mobile .ctnBox .itemBox{ width: calc((100% - 20px) / 2); text-align: center; }
#trp .process .mobile .ctnBox .itemBox > figure{ height: 80px;}
#trp .process .mobile .ctnBox .itemBox p{ color:#111; font-weight: 600; margin: 20px 0 15px;}
#trp .process .mobile .ctnBox .itemBox p span{ display:inline-block; width: 30px; height: 30px; border-radius:50%; background: #d1a473; color:#fff; line-height: 30px; text-align: center; font-size:14px;
margin-right: 10px; }
#trp .process .mobile .ctnBox .itemBox ul li{ font-weight: 300; color:#333; letter-spacing: -0.8px; line-height: 1.8; }
#trp .process .mobile .ctnBox .itemBox ul li:before{ content:'·'; margin-right: 5px; color:#d1a473; font-weight: 500;}

#taxcare .question .imgBox{ background:url("/img/sub/taxcare_img02.png") no-repeat 50% 50%;  }
#taxcare .award{ margin-bottom: 145px;}
#taxcare .award .slideBox .swiper-slide{ border:1px solid #DADADA; padding: 45px 35px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; height: initial;}
#taxcare .award .slideBox .swiper-slide > .title{ color:#111; font-family: 'Nanum Myeongjo', serif; font-weight: 800; text-align: center; margin-bottom: 10px;}
#taxcare .award .slideBox .swiper-slide > .txt{ color:#333; font-weight: 300; text-align: center; }
#taxcare .award .slideBox .swiper-slide .imgBox{ display:flex; align-items:center; margin: 35px 0 40px; }
#taxcare .award .slideBox .swiper-slide .imgBox figure{ position: relative; overflow: hidden; width: 225px; height: 270px; background: #d9d9d9; margin-right: 30px;flex-shrink:0;}
#taxcare .award .slideBox .swiper-slide .imgBox figure img{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-height: 100%; min-width: 100%; object-fit:cover;	}
#taxcare .award .slideBox .swiper-slide .imgBox .txtBox{}
#taxcare .award .slideBox .swiper-slide .imgBox .txtBox p{ color:#333; font-weight: 300; }
#taxcare .award .slideBox .swiper-slide .imgBox .txtBox p span{ color:#111; font-weight: bold;}
#taxcare .award .slideBox .swiper-slide .imgBox .txtBox .blow{ margin-bottom: 60px;}
#taxcare .award .slideBox .swiper-slide .imgBox .txtBox .info{ line-height: 1.7;}
#taxcare .award .slideBox .swiper-slide .imgBox .txtBox .info span{ display:block; margin-bottom: 13px;}
#taxcare .award .slideBox .swiper-slide .infoBox{ background: #efefef; padding: 20px 18px; }
#taxcare .award .slideBox .swiper-slide .infoBox .title{ color:#333; font-weight: 600;}
#taxcare .award .slideBox .swiper-slide .infoBox .txt{ color:#333; font-weight: 300; line-height: 1.5; margin-top: 13px;}
#taxcare .award .slideBox .pagination_progress{ max-width: 1435px; margin: 0 auto; width: 100%; height: 2px; background: #E0E0E0; position: relative; margin-top: 40px;}
#taxcare .award .slideBox .pagination_progress span{ background: #D1A473;}
#taxcare .process .ctnBox{ display:flex; gap: 57px; }
#taxcare .process .ctnBox .itemBox1 .bg{ background: #BBBBBB;}
#taxcare .process .ctnBox .itemBox1 i{ color:#D9D9D9; }
#taxcare .process .ctnBox .itemBox2 .bg{ background: #8C8C8C;}
#taxcare .process .ctnBox .itemBox2 i{ color:#8C8C8C; }
#taxcare .process .ctnBox .itemBox3 .bg{ background: #575757;}
#taxcare .process .ctnBox .itemBox3 i{ color:#575757; }
#taxcare .process .ctnBox .itemBox4 .bg{ background: #D1A473;}
#taxcare .process .ctnBox .itemBox4 i{ color:#D1A473; }
#taxcare .process .ctnBox .itemBox{ width: calc((100% - 171px) / 4);}
#taxcare .process .ctnBox .itemBox .imgBox{ padding: 30px 25px 45px; border-radius:20px; display: flex; flex-direction: column; align-items: center; margin-bottom: 30px;}
#taxcare .process .ctnBox .itemBox .imgBox .circleBox{ width: 270px; height: 270px; border-radius:50%; background: #fff; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align: center; margin-bottom: 25px;}
#taxcare .process .ctnBox .itemBox .imgBox .circleBox img{ margin-bottom: 20px;}
#taxcare .process .ctnBox .itemBox .imgBox .circleBox p{ color:#111; font-weight: 600;}
#taxcare .process .ctnBox .itemBox .imgBox ul li{ color:#fff; font-weight: 200; line-height: 1.6; letter-spacing: -0.5px;}
#taxcare .process .ctnBox .itemBox .imgBox ul li:before{ content:'·'; font-weight: 500; color:#D1A473; margin-right: 7px;}
#taxcare .process .ctnBox .itemBox .txtBox{ text-align: center; }
#taxcare .process .ctnBox .itemBox .txtBox .title{ border-radius:100px; color:#fff; line-height: 1.4; padding: 30px 0;}
#taxcare .process .ctnBox .itemBox .txtBox .txt{ width: 100%; height: 260px; border-radius:20px; border:1px solid #d2d2d2; margin-top: -80px; z-index: -1; position: relative; color:#333; padding-top: 90px; 
line-height: 1.6;}
#taxcare .process .ctnBox .itemBox .txtBox .txt span{ display:block; height: 30px;}
#taxcare .process .ctnBox .itemBox:not(.itemBox4) .txtBox .txt:after{ position: absolute; transform: translateY(-50%); top: 30%; right: -51px; content:''; width: 51px; height: 127.5px; background: url("/img/sub/taxcare_icon05.png") no-repeat 50% 50%; background-size:contain; }

#family .question{ margin-bottom: 160px;}
#family .question .itemBox1{ background: url("/img/sub/family_img02.png") no-repeat 50% 50%; }
#family .question .itemBox2{ background: url("/img/sub/family_img03.png") no-repeat 50% 50%; }
#family .question .itemBox3{ background: url("/img/sub/family_img04.png") no-repeat 50% 50%; }
#family .question .itemBox4{ background: url("/img/sub/family_img05.png") no-repeat 50% 50%; }
#family .question .itemBox5{ background: url("/img/sub/family_img06.png") no-repeat 50% 50%; }
#family .question .ctnBox{ display:flex; }
#family .question .ctnBox .itemBox{ position: relative; background-size:cover; width: calc(28% / 4); height: 560px; transition:all 0.5s; cursor:pointer; }
#family .question .ctnBox .itemBox .txtBox{ color:#fff; }
#family .question .ctnBox .itemBox .txtBox figure{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; }
#family .question .ctnBox .itemBox .txtBox .small{ font-family: 'Lora', serif; }
#family .question .ctnBox .itemBox .txtBox .title{ font-weight: 500; margin: 10px 0 33px;}
#family .question .ctnBox .itemBox .txtBox .txt{ font-weight: 300; line-height: 1.7; white-space:nowrap; }
#family .question .ctnBox .itemBox .txtBox.off{ display:none; transition:all 1s;  }
#family .question .ctnBox .itemBox.on{ width: 72%;}
#family .question .ctnBox .itemBox.on .txtBox.off{ display:block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  padding: 135px 0 0 100px;}
#family .question .ctnBox .itemBox.on .txtBox.on{ display:none; }
#family .process{ margin-bottom: 160px;}
#family .apply .ctnBox .itemBox{ align-items:flex-start;}
#family .apply .ctnBox .itemBox .txtBox{  margin-top: 30px;}
#family .apply .ctnBox .itemBox .txtBox > p:not(:last-child){ margin-bottom: 20px;}
#family .apply .ctnBox .itemBox .txtBox .innerBox p.txt{ color:#111; font-weight: 600; margin-bottom: 5px;}
#family .apply .ctnBox .itemBox .txtBox .innerBox p.txt2{ line-height: 1.7; margin-bottom: 20px; color:#333; font-weight: 300;}
#family .apply .ctnBox .itemBox .txtBox .innerBox > ul > li{ line-height: 1.7; color:#333; font-weight: 300;}
#family .apply .ctnBox .itemBox .txtBox .innerBox:not(.innerBox2) > ul > li:before{ content:'·'; color:#D1A473; font-weight: 500; margin-right: 7px;}
#family .apply .ctnBox .itemBox .txtBox .innerBox.innerBox2 p{ margin-bottom: 25px;}
#family .apply .ctnBox .itemBox .txtBox .innerBox.innerBox2 > ul > li{ display:flex; }
#family .apply .ctnBox .itemBox .txtBox .innerBox.innerBox2 > ul > li:not(:last-child){ margin-bottom: 18px;}
#family .apply .ctnBox .itemBox .txtBox .innerBox ul li span.circle{ display:inline-block; width: 30px; height: 30px; border-radius:50%; color:#fff; background: #d1a473; line-height: 30px; text-align: center; margin-right: 15px; }
#family .apply .ctnBox .itemBox .txtBox .innerBox li p{ text-indent:-13px; margin-left: 13px; color:#333; }
#family .apply .ctnBox .itemBox .txtBox .innerBox.innerBox2 > ul > li .font18 li{ text-indent:-10px; margin-left: 10px;}
#family .apply .ctnBox .itemBox .txtBox .innerBox3{ padding-top: 15px;}
#family .apply .ctnBox .itemBox .txtBox .innerBox3 p{ line-height: 1.7; color:#333; display:flex; }
#family .apply .ctnBox .itemBox .txtBox .innerBox3 p span.b{ font-weight: 600;}
#family .apply .ctnBox .itemBox .txtBox .innerBox3 p span:not(.b){ text-indent:-10px; margin-left: 15px;}
#family .apply .ctnBox .itemBox .btnList{ padding-top: 20px;}
#family .apply .ctnBox .itemBox .btnList .Box:not(:last-child){ margin-bottom: 10px;}
#family .apply .ctnBox .itemBox .btnList p.txt{ background: #ECECEC; padding: 23px 30px; width: 570px; display:flex; align-items: center; justify-content: space-between; cursor:pointer; transition:background 0.5s; }
#family .apply .ctnBox .itemBox .btnList p.txt:hover{ background: #D1A473; color:#fff; }
#family .apply .ctnBox .itemBox .btnList .pop-box{ position: relative; position: fixed; transform:translate(-50%,-50%); top: 50%; left: 50%; width: 60.5%; z-index: 1003; display:none; }
#family .apply .ctnBox .itemBox .btnList .pop-box .close{ position: absolute; top: 0; right: -30px; font-size:25px; color:#fff; cursor:pointer; }
#family .apply .ctnBox .itemBox .btnList .pop-box .title{ height: 80px; background: #D1A473; color:#fff; font-weight: 500; padding: 0 20px; display:flex; justify-content:center; align-items:center; font-family: 'Pretendard', sans-serif; margin: 0;}
#family .apply .ctnBox .itemBox .btnList .pop-box .tableBox{ background: #fff; }
#family .apply .ctnBox .itemBox .btnList .pop-box .tableBox .scrollBox{ height: 620px; overflow-y: scroll;}
#family .apply .ctnBox .itemBox .btnList .pop-box .tableBox .scrollBox::-webkit-scrollbar{ width: 8px;}
#family .apply .ctnBox .itemBox .btnList .pop-box .tableBox .scrollBox::-webkit-scrollbar-thumb{ background: #aaa; border-radius:30px; }
#family .apply .ctnBox .itemBox .btnList .pop-box .tableBox .scrollBox::-webkit-scrollbar-track{ background: #eee;}
#family .apply .ctnBox .itemBox .btnList .pop-box .tableBox td{ color:#333; font-weight: 300; height: 80px; border-bottom:1px solid #E2E2E2; }
#family .apply .ctnBox .itemBox .btnList .pop-box .tableBox tbody tr:not(:last-child){ border-bottom:1px solid #E2E2E2; }
#family .apply .ctnBox .itemBox .btnList .pop-box .tableBox td:first-child{ padding: 0 30px; border-right:1px solid #E2E2E2;; }
#family .apply .ctnBox .itemBox .btnList .pop-box .tableBox td:last-child{ padding: 0 20px;}
#family .suggest .ctnBox{ background: url(/img/sub/family_img18.png) no-repeat 50% 50%;  background-size: cover;} 
#family .consulting{ margin-bottom: 160px;}
#family .consulting .tabBox{ display:flex; margin-bottom: 40px; z-index: 10; position: relative;}
#family .consulting .tabBox li:not(:last-child){ margin-right: 20px;}
#family .consulting .tabBox li button{ color:#aaa; font-weight: 300;}
#family .consulting .tabBox li.on button{ color:#C49A6C; font-weight: 500; text-decoration:underline; text-underline-offset:5px;}
#family .consulting .ctnBox section{ display:none; }
#family .consulting .ctnBox section .wrapBox .imgBox.mobile{ display:none; }
#family .consulting .ctnBox section.on{ display:block; }
#family .consulting .ctnBox section.on .wrapBox{ display:flex;  align-items: flex-end; gap:40px; }
#family .consulting .ctnBox section .itemBox{ padding: 0 55px;  border-radius:10px;}
#family .consulting .ctnBox section .itemBox .txtBox{ color:#333; line-height: 1.8; font-weight: 300; text-indent: -10px; margin-left: 10px; padding: 25px 0; }
#family .consulting .ctnBox section .itemBox .txtBox:not(:last-child){ border-bottom: 1px solid #E0E0E0;}
#family .consulting .ctnBox section .itemBox .txtBox span{ display:block; color:#111; font-weight: 600;}
#family .consulting .ctnBox section .itemBox .txtBox span:before{ content:'·'; color:#D1A473; margin-right: 10px; font-weight: 800; display:inline-block; }
#family .consulting .ctnBox section.normal .itemBox{ background: rgba(196,154,108,0.05); margin-bottom: 35px;}
#family .consulting .ctnBox section.standard .itemBox{ background: rgba(170,170,170,0.05);}
#family .consulting .ctnBox section.standard .itemBox .txtBox span:before{ color:#aaa; }
#family .consulting .ctnBox section.premier{ margin-top: -70px;}
#family .consulting .ctnBox section.premier .itemBox{ background: rgba(221,221,221,0.1);}
#family .consulting .ctnBox section.premier .itemBox .txtBox span:before{ color:#ddd; }
#family .consulting .ctnBox section.fit .wrapBox{ display:flex; gap:36px; }
#family .consulting .ctnBox section.fit .itemBox{ width: calc((100% - 36px) / 2); height: 280px;  text-align: center; background: rgba(196,154,108,0.05); padding: 40px 20px 50px; border-radius:10px; }
#family .consulting .ctnBox section.fit .itemBox figure{ height: 55px; display: flex; align-items: center; justify-content: center;}
#family .consulting .ctnBox section.fit .itemBox .title{ color:#111; font-weight: 600; margin: 17px 0 20px ;}
#family .consulting .ctnBox section.fit .itemBox .txt{ color:#333; font-weight: 300; line-height: 1.6;}
#family .suggest .ctnBox{ overflow: hidden;}
#family .suggest .ctnBox .itemBox:hover{ box-shadow:0 0 40px rgba(0,0,0,0.7);}

#searchBox{ margin: 60px 0 100px; background: #F8F8F8; border:1px solid #EAEAEA; padding: 58px 50px;}
#searchBox > div{ display:flex; align-items:center; }
#searchBox .title{ color:#333; font-weight: bold; margin-right: 30px; flex-shrink:0; width: 145px; }
#searchBox .title i{ margin-left: 5px; transition:all 0.5s; }
#searchBox .selectBox{ height: 70px; margin-right: 12px; }
#searchBox .selectBox select{ width: 330px; height: 100%; padding: 0 30px; color:#a1a1a1; font-weight: 300;  background: url("/img/sub/example_icon02.png") no-repeat 90% 50%; 
background-color:#fff; }
#searchBox .inputBox{ height: 70px; width: 100%; display:flex; }
#searchBox .inputBox input{ width: 100%; padding: 0 30px;}
#searchBox .inputBox input::placeholder{ color:#a1a1a1; font-weight: 300;}
#searchBox .inputBox button{ width: 225px; height: 100%; background: #D1A473; color:#fff; }
#searchBox .inputBox button img{ vertical-align:middle; margin-right: 8px;}
#searchBox .secondBox{ margin-top: 40px; align-items:flex-start; height: auto; overflow: hidden;}
#searchBox .secondBox .title{ cursor:pointer; }
#searchBox .secondBox ul{ display:flex; flex-wrap:wrap; gap: 15px; }
#searchBox .secondBox ul li button{ padding: 10px 20px; border-radius:50px; background: #fff; border:1px solid #EAEAEA; }
#searchBox .secondBox.off{ height: 50px;}
#searchBox .secondBox.off .title i{ transform:rotate(-180deg) }

#example .ctnBox{ display:flex; flex-wrap:wrap; gap:16px; }
#example .ctnBox .itemBox{ width: calc((100% - 48px) / 4); background: #F8F8F8; padding: 60px 30px 60px 50px;}
#example .ctnBox .itemBox .circleBox{ position: relative; width: 240px; height: 240px; flex-shrink:0; transition:auto; margin: 0 auto; }
#example .ctnBox .itemBox .circleBox .in{ width: 100%; height: 100%; position: absolute; background: #fff; overflow: hidden; border-radius: 50%;}
#example .ctnBox .itemBox .circleBox .out_img{ display:none; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#example .ctnBox .itemBox .circleBox .out{ width: 100%; height: 100%; position: absolute; }
#example .ctnBox .itemBox .circleBox svg.out{ width: 240px; height: 240px;}
#example .ctnBox .itemBox .circleBox svg circle{ fill: transparent; stroke:#C49A6C; stroke-width:28;  stroke-dasharray: 655;  stroke-dashoffset: 655; /*animation:c_line 2s forwards;*/ 
transform: rotate(-90deg); transform-origin:50% 50%; stroke-linecap:round; }
#example .ctnBox .itemBox .circleBox .ctxt{ position: absolute;  transform: translate(-50%,-50%); top: 50%; left: 50%;  color:#D1A473; text-align: center;}
#example .ctnBox .itemBox .circleBox .ctxt p.num{ font-weight: bold; display: inline-block; font-family: 'Nanum Myeongjo', serif; }
#example .ctnBox .itemBox .circleBox .ctxt .per{  font-family: 'Nanum Myeongjo', serif; font-weight: bold;}
#example .ctnBox .itemBox .title{ color:#111; font-weight: bold; margin: 40px 0 20px; text-align: center; letter-spacing:-1.5px; }
#example .ctnBox .itemBox ul.txtBox{ display:flex; gap:5px; flex-wrap:wrap; }
#example .ctnBox .itemBox ul.txtBox li{ background: #E8E8E8; border-radius:30px; color:#aaa; font-weight: 600; padding: 6px 15px;}

.view .titleBox{ margin-bottom: 75px;}
.view .titleBox h3{ color:#333; margin-bottom: 30px;}
.view .titleBox p.day{ color:#666; }
.view .titleBox p.day img{ margin-right: 5px; vertical-align: text-top;}
.view .topBox .infoBox{ background: #f8f8f8; padding: 50px 60px;}
.view .topBox .infoBox .itemBox{ display:flex; align-items:center; }
.view .topBox .infoBox .itemBox figure{ background: #fff; border-radius:50%; display:flex; justify-content:center; align-items:center; width: 90px; height: 90px; margin-right: 37px; flex-shrink:0; }
.view .topBox .infoBox .itemBox .txtBox{ padding: 40px 0 ; display:flex; width: 100%; }
.view .topBox .infoBox .itemBox .txtBox .title{ color:#111; font-weight: bold; margin-right: 35px; width: 120px;}
.view .topBox .infoBox .itemBox .txtBox .txt{ color:#333; font-weight: 300;}
.view .topBox .infoBox .itemBox:not(:last-child) .txtBox{ border-bottom:1px solid #DEDEDE; }
#example_view .ctnBox .topBox { display:flex; align-items:center; border:1px solid #F2F2F2; margin-bottom: 110px;}
#example_view .ctnBox .topBox > div{ width: 50%; }
#example_view .ctnBox .topBox .circleBox{ position: relative; width: 380px; height: 380px; flex-shrink:0; transition:auto; margin: 0 auto; }
#example_view .ctnBox .topBox .circleBox .in{ width: 100%; height: 100%; position: absolute; background: #fff; overflow: hidden; border-radius: 50%;}
#example_view .ctnBox .topBox .circleBox .out_img{ display:none; width: 100%; height: 100%; position: absolute; top: 0; left: 0;}
#example_view .ctnBox .topBox .circleBox .out{ width: 100%; height: 100%; position: absolute; }
#example_view .ctnBox .topBox .circleBox svg.out{ width: 380px; height: 380px}
/* stroke-dasharray: 850;  stroke-dashoffset: 850; */
#example_view .ctnBox .topBox .circleBox svg circle{ fill: transparent; stroke:#C49A6C; stroke-width:44;  stroke-dasharray: 1048.76;  stroke-dashoffset: 1048.76; /*animation:c_line 2s forwards;*/ 
transform: rotate(-90deg); transform-origin:50% 50%; stroke-linecap:round; }
#example_view .ctnBox .topBox .circleBox .ctxt{ position: absolute;  transform: translate(-50%,-50%); top: 50%; left: 50%;  color:#D1A473; text-align: center;}
#example_view .ctnBox .topBox .circleBox .ctxt p.num{ font-weight: bold; display: inline-block; font-family: 'Nanum Myeongjo', serif; }
#example_view .ctnBox .topBox .circleBox .ctxt .per{  font-family: 'Nanum Myeongjo', serif; font-weight: bold;}

.view_txtBox .txtBox{}
.view_txtBox .txtBox .title{ color:#111; font-weight: 500; }
.view_txtBox .txtBox .line{ width: 100%; height: 1px; display:block; background: #DDD; position: relative;margin: 40px 0 60px;} 
.view_txtBox .txtBox .line:after{ content:''; position: absolute; top: -1px; left: 0; display:block; width: 100px; height: 3px; background:#D1A473; }
.view_txtBox .txtBox .txt{ color:#555; line-height: 1.7; font-weight: 300;}
.view_txtBox .txtBox .txt li:before{ content:'·'; font-weight: 800; margin-right: 5px;}
.view_txtBox .txtBox:not(:last-child){ margin-bottom: 85px;}

#audit .ctnBox{ display:flex; flex-wrap:wrap; gap:50px 17px; margin-top: 60px;}
#audit .ctnBox .itemBox{ width: calc((100% - 51px) / 4); background: #F8F8F8; text-align: center; padding: 60px 30px 60px 50px;}
#audit .ctnBox .itemBox figure{ background: #fff; width: 226px; height: 226px; border-radius:50%; margin: 0 auto; display:flex; align-items:center; justify-content:center; } 
#audit .ctnBox .itemBox .title{ color:#111; font-weight: bold; line-height: 1.5; margin: 25px 0;}
#audit .ctnBox .itemBox ul{ display:flex; flex-wrap:wrap; gap:5px;}
#audit .ctnBox .itemBox ul li{ background: #E8E8E8; border-radius:30px; color:#aaa; font-weight: 600; padding: 6px 15px;}
#audit .topBox .infoBox{ display:flex; flex-wrap:wrap; gap: 0 50px; padding: 10px 50px;}
#audit .topBox .infoBox .itemBox{ width: calc((100% - 50px) / 2); padding: 30px 20px; }
#audit .topBox .infoBox .itemBox .txtBox{ padding: 0;}
#audit .topBox .infoBox .itemBox:first-child,#audit .topBox .infoBox .itemBox:nth-child(2){  border-bottom:1px solid #DEDEDE; }
#audit .topBox .infoBox .itemBox:not(:last-child) .txtBox{ border:none; }

.video_s .ctnBox{ display:flex; flex-wrap:wrap;  gap:65px 35px; margin: 50px auto 90px; }
.video_s .ctnBox .itemBox{ width: calc((100% - 70px) / 3); overflow: hidden;  cursor:pointer;}
.video_s .ctnBox .itemBox figure{ width: 100%; padding: 31% 0; position: relative; }
.video_s .ctnBox .itemBox figure .img{ position: absolute; top: 50%;  left: 50%; transform: translate(-50%, -50%); min-height: 100%;  min-width: 100%;  object-fit: cover;}
.video_s .ctnBox .itemBox figure .play{ position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; z-index: 5;}
.video_s .ctnBox .itemBox .title{ margin: 25px 0 10px; color:#111; font-weight: 600;}
.video_s .ctnBox .itemBox .day{ color:#999; font-weight: 300;}
.video_s .ctnBox .itemBox .pop-box{ position: relative; position: fixed; transform:translate(-50%,-50%); top: 55%; left: 50%; z-index: 1002; display:none; }
.video_s .ctnBox .itemBox .pop-box .closeBtn{ position: absolute; transform:translateX(-50%);	 left: 50%; top: -40px; display:block; width: 80px; height: 80px; font-size:30px; color:#fff; background: #D1A473;
display:flex; justify-content:center; align-items:center; border-radius:50%; }

#review .ctnBox .itemBox .day span{ background: #D1A473; width: 60px; height: 30px; line-height: 30px; border-radius:50px; color:#fff; font-weight: 300; display:inline-block; text-align: center; margin-right: 13px;}

#review_view .ctnBox{ margin: 60px 0 0;}
#review_view .ctnBox .titleBox{ text-align: center; padding: 80px 0 90px; background: #F8F8F8; border-top:2px solid #D1A473;}
#review_view .ctnBox .titleBox .title{ color:#111; font-weight: bold; margin-bottom: 20px;}
#review_view .ctnBox .titleBox .listBox{ display:flex; justify-content:center; }
#review_view .ctnBox .titleBox .listBox li{ color:#333; font-weight: 300;}
#review_view .ctnBox .titleBox .listBox li:not(:first-child):before{ content:'|'; color:#C1C1C1; font-weight: 300; margin: 0 10px; }
#review_view .ctnBox .txtBox{ text-align: center; padding: 100px 20px ;}
#review_view .ctnBox .arrowBox{}
#review_view .ctnBox .arrowBox .arrow{ display:flex; height: 80px; border-top:1px solid #D7D7D7;}
#review_view .ctnBox .arrowBox .arrow .title{ background: #F8F8F8; height: 100%; color:#333; font-weight: 300; width: 180px; display: flex; align-items:center; justify-content:center; } 
#review_view .ctnBox .arrowBox .arrow .txt{ height: 100%; color:#333; font-weight: 300; width: 100%; display: flex; align-items:center;  padding: 0 40px;}
#review_view .ctnBox .arrowBox .arrow.next{ border-bottom:1px solid #D7D7D7;}
#review_view .ctnBox .listBtn{ width: 225px; height: 75px; background: #D1A473; color:#fff; font-weight: 600; margin: 85px auto 0; display: flex; align-items: center; justify-content: center;}

.online .ctnBox{ margin: 60px 0; border-top:1px solid #1E1E1E;}
.online .ctnBox .itemBox{ display:flex; border-bottom:1px solid #E0E0E0;}
.online .ctnBox .itemBox .title{ width: 260px; background: #f5f5f5; color:#333; flex-shrink:0;  display: flex; align-items:center; justify-content:center; }
.online .ctnBox .itemBox.type2 .title{ align-items:flex-start; padding-top: 15px;}
.online .ctnBox .itemBox.type2 .privacy{ padding: 30px 0;}
.online .ctnBox .itemBox .inputBox{ width: 100%;  padding: 15px; }
.online .ctnBox .itemBox .inputBox input[type="text"],.online .ctnBox .itemBox.email .inputBox .selectBox select,.online .ctnBox .itemBox .inputBox label .txt,.online .ctnBox .itemBox .txtBox{ height: 50px; border:1px solid #e0e0e0; padding: 0 20px;}
.online .ctnBox .itemBox p.inputBox input{ width: 100%; }
.online .ctnBox .itemBox div.inputBox{ display:flex; align-items:center;}
.online .ctnBox .itemBox div.inputBox input{ width: 36.3%; flex-shrink:0;  }
.online .ctnBox .itemBox div.inputBox input.inputtxt{ width: 60%; }
.online .ctnBox .itemBox div.inputBox .txt{ margin: 0 17px;}
.online .ctnBox .itemBox div.inputBox .selectBox{ width: 100%; display:flex;  justify-content: space-between; gap:10px; }
.online .ctnBox .itemBox div.inputBox .selectBox select{ width: 62%; color:#8b8b8b; background:url("/img/sub/example_icon02.png") no-repeat 95% 50%; cursor:pointer;  font-weight: 300;}
.online .ctnBox .itemBox .inputBox .areaBox{ height: 230px; border:1px solid #e0e0e0; padding: 20px; width: 100%;}
.online .ctnBox .itemBox .inputBox input[type="file"]{ display:none; }
.online .ctnBox .itemBox .inputBox label{ display:flex; width: 100%; }
.online .ctnBox .itemBox .inputBox label .btn{ background: #676767; color:#fff; width: 197px; height: 50px; flex-shrink:0;  display: flex; align-items:center; justify-content:center; cursor:pointer; }
.online .ctnBox .itemBox .inputBox label .txt{ width: 100%; margin: 0 0 0 10px;  display: flex; align-items:center; }
.online .ctnBox .itemBox .inputBox .txtBox{ width: 100%; height: 230px; overflow-y:scroll;}
.online .ctnBox .itemBox .dayBox{ display:flex; }
.online .ctnBox .itemBox .dayBox .inputBox{ display:flex;  align-items:center; width: 24.5%;}
.online .ctnBox .itemBox .dayBox .inputBox span{ margin-left: 18px;}
.online .ctnBox .itemBox .dayBox .inputBox input::placeholder{ color: #8B8B8B; font-weight: 300;}
.online .agreeBox{ display:flex; align-items:center; justify-content:center; margin-bottom: 112px;}
.online .agreeBox input{ display:none; }
.online .agreeBox label p{ color:#111; cursor:pointer; display: flex; align-items: center; }
.online .agreeBox label p span{ position: relative; display:inline-block; border:1px solid #cdcdcd; border-radius:50%; width: 20px; height: 20px; margin-right: 10px; }
.online .agreeBox label p span:after{ content:''; display:block; position: absolute; transform:translate(-50%,-50%); top: 50%; left: 50%; width: 10px; height: 10px; border-radius:50%; background: #C49A6C;
opacity: 0;}
.online .agreeBox input[type="checkbox"]:checked + label span:after{ opacity: 1;}
.online .btnBox{ display:flex; justify-content:center; }
.online .btnBox button{ width: 270px; height: 75px; background: #ececec; color:rgba(51,51,51,0.9); }
.online .btnBox button.go{ background: #D1A473; color:#fff; font-weight: 600; margin-left: 10px; }

#social .titleBox{ margin-bottom: 80px;}
#social .titleBox p.txt{ color:#111; font-family: 'Nanum Myeongjo', serif; font-weight: bold; margin-top: 30px;}
#social .titleBox p.txt:before{ content:'·'; color:#D1A473; font-weight: 600; margin-right: 5px;}
#social .ctnBox .itemBox figure{ margin-bottom: 100px;}
#social .ctnBox .itemBox .view_txtBox .title span{ display:inline-block; color:#D1A473; font-family: 'Nanum Myeongjo', serif;  font-weight: 800; margin-right: 7px; }
#social .ctnBox .itemBox:not(:last-child) .view_txtBox{ margin-bottom: 155px; }

#Listback{ width: 225px;  height: 75px;  background: #D1A473; color: #fff; font-weight: 600; margin: 85px auto 0;  display: flex; align-items: center; justify-content: center; font-size:22px; }