@charset "utf-8";

#pageCont{padding-bottom: 160px;}

.s_visual { position:relative;width:100%; margin: 0 auto; height:100vh; background:no-repeat center center; background-size:cover; }
.s_visual .inner{height: 100%;}
.s_visual .inner .sv_box{max-width: 460px; text-align: right; position: absolute; top: 60%; transform: translateY(-50%); color: #6454aa; padding-left: 50px;}
.s_visual .inner .sv_tit{}
.s_visual .inner .sv_tit::after{content: ''; width: 1px; height: 76px; background-color: rgba(100, 84, 170,0.53); display: block; margin-left: auto; margin-top: 30px; margin-bottom: 30px;}
.s_visual .inner .sv_tit h4{font-family: 'Poppins', sans-serif; font-weight: 600; font-size: 16px; opacity: 0.5;}
.s_visual .inner .sv_tit h2{font-family: 'Smooch', cursive;font-size: 100px; font-weight: 400; line-height: 1.2em;}
.s_visual .inner .sv_tit h3{font-family: 'OneMobileTitle'; font-weight: 400; font-size: 40px;}
.s_visual .inner .sv_txt{}
.s_visual .inner .sv_txt p{font-size: 18px; font-weight: 600; line-height: 1.6em;}

@media all and (max-width:1280px){
	.s_visual .inner .sv_box{padding-left: 0;}
	.s_visual .inner .sv_tit h4{font-size: 15px;}
	.s_visual .inner .sv_tit h2{font-size: 72px;}
	.s_visual .inner .sv_tit h3{font-size: 36px;}
	.s_visual .inner .sv_txt p{font-size: 17px;}
	.s_visual .inner .sv_tit::after{height: 56px; margin-top: 25px; margin-bottom: 25px;}
	#pageCont{padding-bottom: 120px;}
}
@media all and (max-width:976px){
	.s_visual .inner .sv_box{text-align: left;}
	.s_visual .inner .sv_tit h4{font-size: 15px;}
	.s_visual .inner .sv_tit h2{font-size: 56px;}
	.s_visual .inner .sv_tit h3{font-size: 32px;}
	.s_visual .inner .sv_txt p{font-size: 16px;}
	.s_visual .inner .sv_tit::after{height: 44px; margin-top: 20px; margin-bottom: 20px;}
	.s_visual .inner .sv_tit::after{margin-right: auto; margin-left: 0;}
	#pageCont{padding-bottom: 90px;}
}
@media all and (max-width:640px){
	.s_visual .inner .sv_box{top:70%;}
	.s_visual .inner .sv_tit h4{font-size: 15px;}
	.s_visual .inner .sv_tit h2{font-size: 48px;}
	.s_visual .inner .sv_tit h3{font-size: 30px;}
	.s_visual .inner .sv_txt p{font-size: 15px;}
	.s_visual .inner .sv_tit::after{height: 38px; margin-top: 17px; margin-bottom: 17px;}
	#pageCont{padding-bottom: 60px;}
}

@keyframes sca {
	0%{width: 170%; height: 170%;}
	100%{width: 100%; height: 100%;}
}

.b_visual{width: 100%; height: 100vh; position: relative; overflow: hidden;}
.b_visual .bg{ background: url(/images/sub/breast_visual.webp) no-repeat center center / cover; position: relative; width: 100%; height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); animation: sca 1.5s ease-in-out; animation-fill-mode: forwards;}
.b_visual .txt{ text-align: center; color: #fff; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding-bottom: 200px; mix-blend-mode: overlay;}
.b_visual .txt2{ text-align: center; color: #fff; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding-bottom: 200px; mix-blend-mode: overlay;}
.b_visual .txt p{font-size: 24px; font-weight: 100; letter-spacing: 1em;}
.b_visual .txt2 p{font-size: 20px; font-weight: 100; letter-spacing: 1em; margin-bottom: 10px;}
.b_visual .txt p b{font-weight: 600;}
.b_visual .txt2 p span{letter-spacing: 0;}
.b_visual .txt h3{font-family: 'Marcellus', serif; font-size: 120px; font-weight: 400;}
.b_visual .txt2 h3{font-size: 90px;}
.b_visual .scroll{text-align: center; position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%);}
.b_visual .scroll img{max-width: 36px; margin-bottom: 3px;}
.b_visual .scroll p{font-family: 'Marcellus', serif; font-size: 13px; color: #fff;}

@media all and (max-width:1280px){
	.b_visual .txt{padding-bottom: 160px;}
	.b_visual .txt2{padding-bottom: 160px;}
	.b_visual .txt p{font-size: 21px;}
	.b_visual .txt2 p{font-size: 19px;}
	.b_visual .txt h3{font-size: 96px;}
	.b_visual .txt2 h3{font-size: 72px;}
}
@media all and (max-width:976px){
	.b_visual .txt{padding-bottom: 150px;}
	.b_visual .txt2{padding-bottom: 150px;}
	.b_visual .txt p{font-size: 20px; letter-spacing: 0.8em;}
	.b_visual .txt2 p{font-size: 18px; letter-spacing: 0.8em;}
	.b_visual .txt h3{font-size: 78px;}
	.b_visual .txt2 h3{font-size: 60px;}
}
@media all and (max-width:640px){
	.b_visual .txt{padding-bottom: 140px;}
	.b_visual .txt2{padding-bottom: 140px;}
	.b_visual .txt p{font-size: 19px; letter-spacing: 0.7em;}
	.b_visual .txt2 p{font-size: 17px; letter-spacing: 0.7em;}
	.b_visual .txt h3{font-size: 62px;}
	.b_visual .txt2 h3{font-size: 52px;}
}
@media all and (max-width:480px){
	.b_visual .txt{padding-bottom: 120px;}
	.b_visual .txt2{padding-bottom: 120px;}
	.b_visual .txt p{font-size: 18px; letter-spacing: 0.65em;}
	.b_visual .txt2 p{font-size: 16px; letter-spacing: 0.65em;}
	.b_visual .txt h3{font-size: 44px;}
	.b_visual .txt2 h3{font-size: 40px;}
}


/* Sub-Menu */
.sub_menu_wrap { position:relative; width: 50%; font-size: 0; z-index: 2; background-color: rgba(100, 84, 170,0.96);  margin-top: -80px; margin-left: auto; padding: 0 40px; min-width: 960px;}
.sub_menu_wrap .m_2dep_box {text-align:center; width: calc(100% ); }
.sub_menu_wrap .m_2dep_box .smenu{ display:flex; gap:0 30px;}
.sub_menu_wrap .m_2dep_box li { position:relative; display:inline-block; font-size: 1.6rem; font-weight: 400;line-height: 20px;}
.sub_menu_wrap .m_2dep_box li a {font-family: 'OneMobileTitle'; color: #fff; font-size: 15px; line-height: 80px; opacity: 0.5; transition: .4s;}
.sub_menu_wrap .m_2dep_box li.s_on a{opacity: 1;}
.sub_menu_wrap .m_2dep_box li a:hover{opacity: 1;}
.sub_menu_wrap .m_2dep_box li:last-child a{border-right: 0;}
.sub_menu_wrap .m_2dep_box li:first-child a { border-left-width: 1px; }


@media all and (max-width:1600px){
}

@media all and (max-width:1280px) {
	

	.sub_menu_wrap{ width:100%;  height:60px;  line-height:60px; margin:0px auto 0; padding:0; background: #fff; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; display: none; }
  .sub_menu_wrap::before  { display: none;}
  .sub_menu_wrap .inner{width:100%;}
/*	.sub_menu_wrap .m_home{width:60px; height:60px; display: block; }*/
	.sub_menu_wrap .m_dep_box{display:block; width:100%; float:left; border-right:1px solid #f1ece0; text-align:left; cursor:pointer;height:60px; line-height:60px; font-size: 1.6rem;  }
    .sub_menu_wrap .m_2dep_box{display: none;}
	.sub_menu_wrap .m_dep_tit {display:block; background:url('/images/sub/arrow_down.png') no-repeat 95% center; height:60px; line-height:60px; color:#333; box-sizing:border-box; padding:0 15px; cursor:pointer; }
	.sub_menu_wrap .m_dep_box .smenu{ display:none; width:calc(100% + 2px); margin-left:-1px; background:#f9f9f9; box-sizing:Border-box; border:1px solid #ddd; border-top:0; position: relative; transform: skew(0.1deg);}
	.sub_menu_wrap .m_dep_box .smenu li {margin:0; width:100% !important; max-width: 100%; display:block; box-sizing:border-box;  border:0; border-top:1px dotted #ddd; padding:0; font-weight: 400;}
	.sub_menu_wrap .m_dep_box .smenu li:hover{background:#ccc;}
	.sub_menu_wrap .m_dep_box .smenu li:hover a{padding:10px 15px; border:0;}
	.sub_menu_wrap .m_dep_box .smenu li a.on{background:#e73817; color:#FFF; border:0; padding:10px 15px;}
	.sub_menu_wrap .m_dep_box .smenu li:first-child{border-top:0;}
	.sub_menu_wrap .m_dep_box .smenu a{ color:#333; display:block; width:100%;  padding:10px 15px; box-sizing:border-box; line-height:normal; font-size: 1.4rem;font-weight: 400;}
	.sub_menu_wrap .m_2dep_box li:before{display:none;}
	.sub_menu_wrap .m_home{display: none;}
}

@media all and (max-width:767px) {
/*
	.sub_menu_wrap{ height:50px;  line-height:50px; }
	.sub_menu_wrap .m_home{width:50px;  height:50px;}
	.sub_menu_wrap .m_dep_tit{height:50px; line-height:50px;}
*/
	.sub_menu_wrap .m_dep_box{width:calc(100%); transform: skew(0.1deg)}
	.sub_menu_wrap .m_2dep_box{border-right:0;}
}

@media all and (max-width:568px) {
/*  .sub_menu_wrap { margin-top: 10%; }*/
}

@media all and (max-width:480px) {
/*  .sub_menu_wrap{ height:40px;  line-height:40px; }*/
/*	.sub_menu_wrap .m_home{width:40px;  height:40px;}*/
/*	.sub_menu_wrap .m_dep_tit{height:40px; line-height:40px;}*/
}


#subTitle{text-align: center; font-size: 4.8rem; font-weight: 800; color: #222; padding: 100px 0 75px;}
#subTitle p{color: #666; font-weight: 400; font-size: 1.7rem; margin-top: 15px; font-weight: 300;}

@media all and (max-width:976px){
	#subTitle{font-size: 4rem; padding: 75px 0 60px;}
	#subTitle p{font-size: 1.5rem; margin-top: 6px;}
}
@media all and (max-width:768px){
	#subTitle{font-size: 3.6rem; padding: 65px 0 55px;}
}



.tb-style1 { position: relative; width: 100%; border-top: 2px solid #52419d; margin-top: 50px; text-align: center;}
.tb-style1 thead tr th {background: #52419d; padding: 1em; border-bottom: 1px solid #d7dee7; font-size: 18px; color: #fff; border-right: 1px solid #c7bbff;}
.tb-style1 thead tr th:last-child {border-right: 0;}
.tb-style1 tr th { width: 40%; background: #f7f4fd; font-weight: 600; color:#52419d; padding: 1em; border-bottom: 1px solid #d7dee7; font-size: 18px;}
.tb-style1 tr td { padding: 1em; border-bottom: 1px solid #ddd7e7; border-left: 1px solid #ddd7e7; font-size: 16px;}
.tb-style1 tr td.th { width: 20%;  font-weight: 600; color:#212121; text-align: center; border-left: 1px solid #dae8ee; border-right: 1px solid #d7dee7; background: #f9fafc; }

.tb-style1.wide tr th { width: 25%; }

.tb-style1.col3 tr th { width: 15%; }
.tb-style1.col4 tr th { width: 12.5%; }

.tb-style1.tb-tel { font-size: 0.95em; }
.tb-style1.tb-tel tr th { width: 14%;  padding: 1em 0.5em; }
.tb-style1.tb-tel tr td { padding: 1em 0.5em; }

.tb-style1 + .tb-style1 { margin-top: 2em; }

.tb-style1.tb-tel { min-width: 800px; }

@media all and (max-width:767px) {
  .tb-style1 tr th { width: 30%; font-size: 16px;}
  .tb-style1 tr td {font-size: 14px;}
}

@media all and (max-width:480px) {
    .tb-style1 tr{display: flex; flex-wrap: wrap;}
    .tb-style1 tr th{width: 100%;}
    .tb-style1 tr th br{display: none;}
    .tb-style1 tr td{width: 100%;}
}

@media all and (max-width:320px) {
  .tb-style1 { border-left: 1px solid #d7dee7; border-right: 1px solid #d7dee7; }
  .tb-style1 tr th { display: block; width: 100%; }
  .tb-style1 tr td { display: block; width: 100%; border-left:0; text-align: center;}
  .tb-style1.wide tr th { width: 100%; }
  .tb-style1 tr td.th { width: 100%; border-left:0; border-right:0;  }

  .tb-scroll .tb-style1 tr th { display: table-cell; width: auto;  }
  .tb-scroll .tb-style1 tr td { display: table-cell; width: auto; }
}





.tabmenu { text-align: center; width: 92%; max-width: 1600px; margin: 0 auto 3%; overflow: hidden; font-size:0; padding-top:1px; }
.tabmenu li { position: relative; display: inline-block; width:calc(100% / 6); max-width: 280px; margin-top: -1px;
                    border: 1px solid #dedede; border-left:0; text-align: center; }
.tabmenu li:nth-child(6n+1) { border-left:1px solid #dedede; }
.tabmenu li a { text-decoration: none; width:100%; height:70px; line-height: 70px; display: block; background:#fff;
                      color:#525252; font-size:1.7rem;  font-weight: 600;
                      box-sizing: border-box; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.tabmenu li a:hover { color:#52419d; }

.tabmenu.col7 li { width:calc(100% / 7); float: left; }
.tabmenu.col7 li:nth-child(6n+1) { border-left:0; }
.tabmenu.col7 li:nth-child(7n+1) { border-left:1px solid #dedede; }

/* 페이지 인식을 위한 부분 */
.tab01 .tabmenu  a.menu1,
.tab02 .tabmenu  a.menu2,
.tab03 .tabmenu  a.menu3,
.tab04 .tabmenu  a.menu4,
.tab05 .tabmenu  a.menu5,
.tab06 .tabmenu  a.menu6,
.tab07 .tabmenu  a.menu7,
.tab08 .tabmenu  a.menu8,
.tab09 .tabmenu  a.menu9,
.tab10 .tabmenu  a.menu10,
.tab11 .tabmenu  a.menu11,
.tab12 .tabmenu  a.menu12 { color:#fff; background:#52419d; font-weight:600; border-color: #52419d !important; z-index:98; }

@media all and (max-width:1080px) {
  .tabmenu { margin-bottom: 5%; }
  .tabmenu li a { height:60px; line-height: 60px; }
}


@media all and (max-width:976px) {
  .tabmenu li { width:calc(100% / 5);  float: left; }
  .tabmenu li:nth-child(6n+1)  { border-left:0; }
  .tabmenu li:nth-child(5n+1) { border-left:1px solid #dedede; }
  .tabmenu li a { font-size: 1.6rem;  }

  .tabmenu.col3 li { width:calc(100% / 3);  float: inherit; }
  .tabmenu.col2 li { width:calc(100% / 4);  float: inherit; }
}

@media all and (max-width:767px) {
  .tabmenu li { width:calc(100% / 4); }
  .tabmenu li:nth-child(5n+1)  { border-left:0; }
  .tabmenu li:nth-child(4n+1) { border-left:1px solid #dedede; }

  .tabmenu.col5 li { width:calc(100% / 3); }
  .tabmenu.col5 li:nth-child(4n+1)  { border-left:0; }
  .tabmenu.col5 li:nth-child(3n+1) { border-left:1px solid #dedede; }
}

@media all and (max-width:640px) {
  .tabmenu li a { height:50px; line-height: 50px;  }

  .tabmenu.col2 li { width:calc(100% / 2); }
}

@media all and (max-width:568px) {
  .tabmenu li { width:calc(100% / 3); }
  .tabmenu li:nth-child(4n+1)  { border-left:0; }
  .tabmenu li:nth-child(3n+1) { border-left:1px solid #dedede; }
  .tabmenu li a { height:40px; line-height: 40px;  }
}

@media all and (max-width:350px) {
  .tabmenu li { width:calc(100% / 2); }
  .tabmenu li:nth-child(3n+1)  { border-left:0; }
  .tabmenu li:nth-child(2n+1) { border-left:1px solid #dedede; }
}



.memberWrap{padding:50px  50px; border:1px solid #ddd}
.memberWrap .mem_tit { font-size:2.3rem; font-weight:700; margin:0 0 30px; color:#222}
.memberWrap p {padding-bottom:3%; font-size: 1.6rem; line-height: 22px;  color:#454545; line-height:1.9em} 
.memberWrap .pro_tit { font-size:1.8rem; font-weight:700; color:#222; padding-bottom:0;}

@media screen and (max-width:976px){
	.memberWrap {padding:3%}
}