@charset "utf-8";


:root {     
	--black-color:#1e1e1e;
    --base-color: #2e2e2e;
    --dark-gray: #4a4a4a;
    --medium-gray: #7e7e7e;
    --light-gray: #ffece7;
    --light-medium-gray: #9b8c6c;
	--light-gray-2:#cecece;
	--dark-gray-2:#404040;
	--beige-color:#9b8c6c;
	--beige-color-2:#ce9b5a;
	--beige-dark-color:#4e4e4e;
	--brown-color:#9b8c6c;
	--orange-color:#e0a54c;
	--orange-color-2:#dda154;
	--light-pink:#fff9f8;
	--blue-color:#0b318f;
	--green-color:#5eaf00;
    --alt-font: 'Noto Serif KR', 'Marcellus', serif;
    --base-font: 'NanumSquareNeo','Pretendard', 'Urbanist', sans-serif;

	--main-color: #010101;
	--sub-color:#10121e;
	--white-color: #fff;
	--placeholder-color:#a1a1a1;
	--border-base-color:#d4d3d5;
	--bg-point-color:#c34848;
	--bg-beige-color:#f3b100;
	--bg-white-color:#fff;
	--bg-bright-gray-color:#f6f6f7;
	--bg-base-color:#3f4355;
	--table-th-border:#65697b;
	--table-td-border:#d8dae1;
	--box-shadow-btn: 0 10px 20px rgba(0,0,0,0.1);
	--border-bottom-gray:#e6e8ed;
	--bg-body-color:#f4f5fa;
}




.altFont {
  font-family: var(--alt-font) !important;
}
.baseFont {
	font-family: var(--base-font) !important;
  }

html.overflow_on,body.overflow_on { overflow: hidden;}

.header { 
	height:102px; position: absolute; left:0; top:0; z-index:100;
	width:100%;
}
.header > div {
	width:100%;
	margin: 0 auto; 
	display: flex; justify-content: space-between; align-items: center; 
	position: relative; z-index:10;
	padding:25px 40px;
	padding:25px 20px 25px 40px;
	height:100%;
}
.logo { width:217px; height:56px; margin-top:-5px;}
.logo a { 
	display:block; text-indent:-99999px; overflow:hidden; width:100%; height:100%; 
	background:url(../images/logo.png) no-repeat center / 100%;
}

.nav { position: absolute; left:50%; top:10px; transform: translateX(-50%); }
.nav > ul { display: flex; }
.nav > ul > li { cursor: pointer; flex:0 0 140px; transition:all 0.3s ease-out; position:relative; z-index:10;}
.nav > ul > li > a { display: block; font-size:18px; font-weight:bold; color:#000; padding:32px 22px 30px; }
.nav > ul > li > a:hover { color:#0b318f; font-weight:800; }
.nav > ul > li > a.on { color:#0b318f; font-weight:800; }
.submenu { 
	position:absolute; top:50px; width:auto; overflow: hidden; height:0; transition: all 0.3s ease-in; opacity: 0; padding:0 0 0;
	width:100%; z-index:1; 
	margin-left:-15px;
}
.submenu.on { height:auto; opacity: 1; padding:30px 0 0; transition:all 0.3s; }
.submenu li:nth-child(1) { padding-top:25px; } 
.submenu li {width:100%; margin-bottom:4px; text-align:center;}
.submenu li a { display:inline-block; padding-top:10px; padding-bottom:4px; font-weight:400; white-space: nowrap; position: relative; color:#000; font-size:16px;}
.submenu li a:hover { color:#000; }
.submenu li a::before { content:""; position: absolute;left: 0; bottom: 0; width:0; height:1px; background:#000;  transition: all 0.3s;}
.submenu li a:hover::before { width:100%; }

.promotion a { 
	border-radius:5px; padding:11px 23px; border:1px solid #fff; background: rgba(255,255,255,0.08); display: block;
	font-weight: bold; font-size:14px; line-height: 1; letter-spacing: -0.0px; color: #fff;
}

.subNav .submenu.on { position:relative; top:0; padding:0 0 25px; }
.subNav .submenu.on li a { color:#000; }
.subNav .submenu.on li a:hover { color:#000; }
.subNav .submenu li a::before { background:#000; }



.submenuBg { position:absolute; left:0; top:0; height:0; background:rgba(0,0,0,0.5); width:100%; transition:all 0.3s ease-out; z-index:10;}
.submenuBg.on { top:0; height:300px; }

.submenuBg_sub { position:absolute; left:0; top:0; height:0; background:rgba(255,255,255,1); width:100%; transition:all 0.3s ease-out; z-index:1000; box-shadow:0 10px 20px rgba(0,0,0,0.05);}
.submenuBg_sub.on { top:0; height:270px; }



.util { display: flex; align-items: center; justify-content:flex-end;}
.util a { display:flex; justify-content: center; align-items: center; height: 46px; margin-left:6px; border:1px solid rgba(0,0,0,0.4); border-radius:5px; padding-left:12px; padding-right:12px; background:#fff; transition: all 0.5s ease-out;}
.util a img { width:100%;}

.util a:hover { background:#ebebeb; }

.util a.btnTopLogin i { display: block; overflow: hidden; text-indent: -9999px; width:20px; height:22px; background:url(../images/i-member.png) no-repeat center / 100%;}
.util a.btnTopTel i { display: block; overflow: hidden; text-indent: -9999px; width:20px; height:20px; background:url(../images/i-tel.png) no-repeat center / 100%;}
.util a.btnPharmacy i { display: block; overflow: hidden; text-indent: -9999px; width:22px; height:22px; background:url(../images/i-pharmacy.png) no-repeat center / 100%;}
.util a.btnPharmacy span { margin-left:7px; font-size:18px; font-weight:600; color:#0b318f;}



.submenuBg { position:fixed; left:0; top:0; height:0; background:rgba(0,0,0,0.8); width:100%; transition:all 0.3s ease-out; z-index:99;}
.submenuBg.on { top:0; height:300px; }

.submenuBg_sub { position:fixed; left:0; top:0; height:0; background:rgba(255,255,255,1); width:100%; transition:all 0.3s ease-out; z-index:1000; box-shadow:0 10px 20px rgba(0,0,0,0.05);}
.submenuBg_sub.on { top:0; height:300px; }


.subHeader { 
	background:#fff;
	border-bottom:1px solid #eeeeee;
	z-index:9999; 
	box-shadow: 5px 10px 25px rgba(0,0,0,0.1);
	position: fixed;
}
.subHeader.noneShadow { box-shadow:none; }


.subHeader .promotion a { 
	 border:1px solid #898989; 
	 background: rgba(0,0,0,0.05); 
	 background:none;
	 color: #898989;
}


.mobileGnb { position:absolute; right:0px; top:0; width:54px; height:60px; display: none; }
.mobileGnb a { 
	width:100%; height:100%; 
	position:relative; 
	text-indent: -99999px;
	display: flex;
	justify-content: center;
	align-items: center;
}	
.mobileGnb a i { width: 24px; height: 24px; display: block;
	background:url(../images/i-allmenu.svg) no-repeat center / 100%; 
}

.allMenuPc { display: none;}
.allMenuPc.show { display: none;}



.menuBg { position:absolute; left:0; top:134px; height:0; background: #fff;; width:100%; z-index:1; overflow: hidden;transition: all 0.2s ease;}
.menuBg.on { height:150px;}





#main { position:relative; height:calc(100vh); overflow:hidden; }
#main #mainVisual { height:100%; height:100%; position: relative;}

#main #mainVisual .item {
  position: relative;
  overflow: hidden;
}

#main #mainVisual .item > div {
  height: 100%;
}

#main #mainVisual .item.active-item .bg {
  -webkit-transform: scale(1);
          transform: scale(1);
}


#main #mainVisual .item .txtBox .mta {
	transform: translateY(80px);
	opacity: 0;
	transition: all 1.5s ease-out 0.8s;
}

#main #mainVisual .item.active-item .txtBox .mta {
  transform: translateY(0);
  opacity: 1;
  color:#fff;
}


#main #mainVisual .bg {
  background-size: cover !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: all 8s ease-in-out;
  transition: all 8s ease-in-out;
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

#main #mainVisual .slick-list,
#main #mainVisual .slick-track,
#main #mainVisual .visu {
  height: 100%;
}

#main #mainVisual .txtBox {
  position: absolute;
  width: 1140px;
  text-align: left;
  color: #fff;
  top:50%;
  left: 50%;
  transform: translate(-60%,-50%);
  
}

#main #mainVisual .txtBox p {
  opacity: 0;
  text-transform: uppercase;
  font-weight:bold;
  font-size: 60px;
  display: inline-block;
  transition: all 1s ease-out;
  transform: translateY(50px);
  transition-delay: 0.8s;
  line-height:1.2;
  font-family:'Pretendard';
  color:#fff;
}
#main #mainVisual .txtBox p span { display:block; color:#fff;}
#main #mainVisual .txtBox p span em { color:#fff;}

#main #mainVisual .courseSlide {
  max-width: 300px;
}

#main #mainVisual .courseSlide a {
  color: #fff;
}

#main #mainVisual .courseSlide dl dt {
  font-size: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: 500;
  margin-bottom: 14px;
}

#main #mainVisual .courseSlide dl dt span {
  font-family: "Roboto", sans-serif;
  margin-left: 10px;
}

#main #mainVisual .courseSlide dl dt i {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 15px;
  font-size: 12px;
  font-weight: 300;
}

#main #mainVisual .courseSlide dl dd {
  line-height: 1.75;
  font-weight: 300;
}

#main #mainVisual .controls > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0;
}

#main #mainVisual .controls > div:not(:last-child) {
  margin-right: 28px;
}

#main #mainVisual .controls .arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

#main #mainVisual .controls .slidePage {
  font-size: 0.9375rem;
}

#main #mainVisual .controls .slidePage .total {
  opacity: 1;
}

#main #mainVisual .controls .bar {
  width: 86px;
  height: 4px;
  background: rgba(255,255,255,0.35);
  position: relative;
}

#main #mainVisual .controls .bar p {
  height: 100%;
  background: rgba(255,255,255,1);
  -webkit-transition: all 0.8s;
  transition: all 0.8s;
}

#main #mainVisual .controls .play-stop {
  margin-top: 4px;
  margin: 0 8px;
}

#main #mainVisual .scrollBtn {
  text-align: center;
  position: absolute;
  bottom: 80px;
  width: 100%;
  -webkit-animation: scrollBtn 1.5s infinite ease-in-out;
          animation: scrollBtn 1.5s infinite ease-in-out;
}

.arrows button { background: transparent !important;}

.mv-left{ background: url(../images/main_prev.svg) no-repeat center / 100% !important; width:24px; height:24px; display:inline-flex; border:none; }
.mv-right { background: url(../images/main_next.svg) no-repeat center / 100% !important ; width:24px; height:24px; display:inline-flex; }
.mv-pause { background:url(/images/g-pause.png) no-repeat center ; width:30px; height:30px; display:inline-flex; display: none;}
.mv-play { background:url(/images/g-play.png) no-repeat center ; width:30px; height:30px; display:inline-flex; display: none; }


.fxRight { 
	display:flex; justify-content:flex-start; 
	position: absolute !important; left: 50% !important; bottom:72px !important;  
	transform: translateX(-50%);
	width:1140px;
}
.pgNum { width:auto; }
.conList { display:flex; display:flex; justify-content:space-between; }
.spArea { display:flex; align-items:center; }
.spArea .current { font-size:18px; color:#fff; font-weight:700; margin-right:10px; font-family: Montserrat;}
.spArea .current:before { content:"0"; display:inline-block; }
.spArea .total { font-size:18px; color:#fff; font-weight:700; margin-left:10px; font-family: Montserrat;}
.spArea .total:before { content:"0"; display:inline-block; }


.item1 .txtBox { align-items: center;}
.item1 .mta { display: flex;}
.item1 .mta .mainTextArea { padding-left:10px; margin-top:-13px;}
.item1 .mta .mainTextArea div:nth-child(1) { display: flex; align-items: center;}
.item1 .mta .mainTextArea div:nth-child(1) span { 
	font-size:47px; font-weight:700; color:#000;
	letter-spacing: -1px; margin:-10px 0 0 -10px;
}
.item1 .mta .mainTextArea div:nth-child(2) span {
	display: block;
	font-size:62px; font-weight:900; 
	color:#000;
	letter-spacing: -2px;
	line-height:1.1;
}
.item1 .mta .mainTextArea div:nth-child(3) {
	margin:40px 0 50px;
}
.item1 .mta .mainTextArea div:nth-child(3) span {
	display: block;
	font-size:27px; font-weight:500; 
	color:#616161;
	letter-spacing: -2px;
}
a.btnMainConsult {
	display: inline-flex;
	border:3px solid #0b318f;
	justify-content: center;
	align-items: center;
	font-size:22px;
	font-weight:800; 
	color:#0b318f;
	width:240px;
	height:70px;
	border-radius:6px;
	transition: all 0.3s ease-out;
}
a.btnMainConsult:hover {
	background:#0b318f;
	color:#fff;
}


.visualWrap { height:calc(100vh); position: relative; }
.gallerWrap { background:#ccc; height:calc(100vh);  overflow: hidden; }

.gaThumDiv { display:flex; height:calc(100vh); }
.gaThumDiv .gaThum { 
	width:100%; height:100%; position:relative; z-index:10;
}
.gaThumDiv section { 
	position: absolute; left: 0; top: 0; 
	z-index:1; width: 100%; height: 100%; transition: all 2s; transform: scale(1); opacity: 0;
}

.gaThumDiv1 section { background: url(../images/mv1.jpg) no-repeat center / cover; }
.gaThumDiv2 section { background: url(../images/mv1.jpg) no-repeat center / cover; }

.gaThumDiv .gaThum1 article { 
	position:absolute; left:50%; top:0; z-index:10; 
	transform:translateX(-50%);
	width:1150px; height:100%; 
	display:flex; 
	justify-content:flex-start; 
	align-items:center;  
	padding:0 0;
}

.gaThumDiv .gaThum1 h2 { 
	font-size:60px; font-weight:700; color:#fff; display:inline-block; position: relative; letter-spacing: -1px; 
	transition: all 1s ease 1s; position: relative; opacity: 0;
	line-height:76px;
	top:30px;
	margin-bottom:10px;
}


.gallerySlider .gaThumDiv.swiper-slide-active section { opacity:1; transform: scale(1);}
.gallerySlider .gaThumDiv.swiper-slide-active .gaThum em { opacity:1;}
.gallerySlider .gaThumDiv.swiper-slide-active .gaThum h2 { opacity:1;}
.gallerySlider .gaThumDiv.swiper-slide-active .gaThum span { opacity:1;}

.swiper-button-prev.gaPrev::before,
.swiper-button-prev.gaPrev::after,
.swiper-button-next.gaNext::before,
.swiper-button-next.gaNext::after { display:none; }

.swiper-button-prev.gaPrev, .swiper-container-rtl .swiper-button-next.gaNext,
.swiper-button-next.gaNext, .swiper-container-rtl .swiper-button-prev.gaPrev { background:none; }

.swiper-pagination.gaPaging { position:absolute; left:0; top:auto; bottom:0; width:100%; height:26px; }
.swiper-pagination.gaPaging .swiper-pagination-bullet { display:inline-block; height:5px; width:26px; background:rgba(255,255,255,0.3);  border-radius:0; transition:all 0.5s; opacity:1; margin:0 5px;}
.swiper-pagination.gaPaging .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#fff; transform:rotate(-45deg); }



/* main */
.baseWidth { width:1272px; margin:0 auto; }

.section1 {  background:url(../images/mbg-1.jpg) no-repeat center top / cover; display: block; padding-bottom:165px; }
.specialBox { display: block; text-align: center; padding:170px 0 0; max-width:1300px; margin:0 auto; }
.specialBox h2 { display: flex; justify-content: center; align-items: flex-end; margin-bottom:80px; position:relative; padding-top:75px;}
.specialBox h2 i { display: block; }
.specialBox h2 div { position: relative; top:-25px; left:-20px; }
.specialBox h2 div > span { display: block; letter-spacing: -2px; font-size:56px; font-weight:800; padding-bottom:10px;}
.specialBox h2 div > span em { font-size:70px; color:#558935; font-weight:900;}
.specialBox h2 > span { 
	display: block; letter-spacing: -2px; font-size:65px; color:#434343;
	position:absolute; left:0; top:0; text-align:center; width:100%; 
	font-weight:400; padding-left:10px;
}

.logotype-2 { width: 350px; height:120px; background:url(../images/logotype-2.png) no-repeat center / 100% auto; display: block;}


.spwTop { display: flex; justify-content: space-between; width:1272px;}
.spLeft { display: flex; justify-content: space-between; flex: 0 0 626px; flex-wrap:wrap; width:100%;}
.spBox article { display: block; width: 303px; height:312px;  overflow: hidden; box-shadow: 5px 10px 20px rgba(0,0,0,0.15); border-radius:17px;}
.spBox article div:nth-child(1) { display: flex; justify-content: center; align-items: center; flex-direction: column; background:#0b318f; height:252px; }
.spBox article div:nth-child(1) h3 { font-size:34px; font-weight:800; color:#fff; line-height:1.1; letter-spacing: -2px;  text-align: center;}
.spBox article div:nth-child(1) p { padding-top:25px; text-align: center; }
.spBox article div:nth-child(1) p span { display: block;font-size:15px; color:#fff; font-weight:400; letter-spacing: -0.5px; line-height:1.4;}
.spBox article div:nth-child(1) p span strong {  font-weight:700; }


.spLeft .spBox { flex:0 0 303px; }

.colorGreen { color:#80db6b; }
.colorYellow { color:#ffe613; }
.colorBlue {color:#3ffbf9;}
.bgGray { background:#f4f4f4 !important; }
.underline { text-decoration: underline ;}

.spBox article div:nth-child(2) { height:60px; background:#fff; display: flex; justify-content: center; align-items: center; border-radius:0 0 15px 15px;}

.spLeft .spBox { flex:0 0 100%; display: flex; justify-content: space-between;}
.spLeft .spBox.spLeftUnderBox { width:626px; flex:0 0 626px; margin-top:20px;}
.spLeft .spBox.spLeftUnderBox article { width:100%; }


.spRight { flex:0 0 626px; height:644px; }
.spRight .spBox.mbcBox { width:100%; height:644px; }
.spRight .spBox.mbcBox article { width:100%; height:100%; }
.spRight .spBox.mbcBox article div:nth-child(1) { height:584px;}
.spRight .spBox.mbcBox article div:nth-child(1) p strong.str { color:#fff; font-weight:700; display: block; font-size:16px;}
.spRight .spBox.mbcBox article div:nth-child(1) p { text-align: left; width:calc(100% - 80px);  margin:0 40px; padding:15px 35px; border-radius:15px; background:#082264; margin-top:20px; position: relative; line-height:1.5;}

.spRight .spBox.mbcBox article div:nth-child(1) p::before { content:"";display:block; width:8px; height:50px; background:#ff9053; position: absolute; left:0; top:15px;}
.spRight .spBox.mbcBox article div:nth-child(1) p.reverse { text-align: right; }
.spRight .spBox.mbcBox article div:nth-child(1) p.reverse::before { content:"";display:block; width:8px; height:50px; background:#53f1ff; position: absolute; left:auto; right:0; top:15px;}
.spRight .spBox.mbcBox article div:nth-child(1) p { text-align: left; }

.spwBottom { margin-top:20px; width:100%; position: relative;  }
.spwBottom .spBox.spBoxAnother { display: flex !important; justify-content: space-between;  width:100% !important; }
.spwBottom .spBox.spBoxAnother article { display: block; flex:0 0 410.66667px !important; width:410.66667px !important;}
.spwBottom .spBox.spBoxAnother article div:nth-child(1) { width:100%; border-radius:15px 15px 0 0;}
.spwBottom .spBox.spBoxAnother article:nth-child(1) { margin-right:20px; }
.spwBottom .spBox.spBoxAnother article:nth-child(2) { margin-right:20px; }

.spBox article div:nth-child(1) h3.sub_title_3 { font-size:47px; }
.spBox article div:nth-child(1) h3.sub_title_4 { font-size:49px; }
.spBox article div:nth-child(1) h3.sub_title_6 { font-size:40px; }
.spBox article div:nth-child(1) h3.sub_title_7 { font-size:47px; }


.section2 {  background:url(../images/mbg-2.jpg) no-repeat center top / 100%; display: block; }

.s2_box { padding:108px 0;}
.textCenter { text-align: center;}
.textLeft { text-align: left;}
.baseColorGradient { 
	font-size:14px; text-align: center; display: inline-block; text-align: center; padding-bottom:32px;  
	font-weight:900; letter-spacing: 4px;
	background-image: linear-gradient(to right, #123c84 , #69b900 );
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-transform: uppercase;
}

.s2_title.s2_why { 
	display: flex; justify-content: center; align-items: center;
	padding:5px 0 45px 0;
}
.s2_title.s2_why i.i_why {
	width:100px; height:106px;
	background:url(../images/t-why.png) no-repeat center / 100%; display: block;
}
.s2_title.s2_why i.i_logotype2 {
	width: 393px; height:140px; background:url(../images/logotype-2.png) no-repeat center / 100%; display: block;
}
.s2_title.s2_why span {
	color:#000000; font-size:60px; font-weight:900; 	
	margin-left:-15px;
	line-height:1;
	display: block;
	margin-top:-10px;
}

.base_p1 { text-align: center; font-size:18px; font-weight:700; color:#000000; line-height: 1.7; letter-spacing: -1px;}
.base_p1 span { display: block;}
.line_v1 { width:1px; height:78px; margin:50px auto 55px; display: block; background:rgba(0,0,0,0.3);}

.s2_title_h3 {text-align: center; }
.s2_title_h3 span { display: block; line-height:1.4; color:#0b318f; font-size:40px; font-weight:700; letter-spacing: -2px;} 
.s2_title_h3 span strong { color:#558935;}

.base_p2 { text-align: center; font-size:26px; font-weight:700; color:#921a1f; line-height: 1; letter-spacing: -1px; padding-top:20px;}

.s2_thumnail { display: flex; justify-content: center;}
.s2_thumnail article { width:347px; margin:0 20px; }
.s2_thumnail article div:nth-child(1) { border-radius:17px; overflow: hidden; }
.s2_thumnail article div:nth-child(1) img { width:100%; }

.s2_thumnail article div:nth-child(2) { padding-bottom:40px;}
.s2_thumnail article div:nth-child(2) h3 { text-align: center; padding:40px 0 25px; font-size:22px; font-weight:800; color:#000; line-height:1; }
.s2_thumnail article div:nth-child(2) p { text-align: center; padding:0 0 30px 0; font-size:16px; font-weight:400; color:#000; line-height:1.7;}

.section3 { padding:180px 0 140px; }
.s3_titleArea { padding-bottom:50px;}
.s3_titleArea .s3_title { display:flex; align-items: center; justify-content:center; }
.s3_titleArea .s3_title span { display: block;}
.s3_titleArea .s3_title span:nth-child(1) { font-size:54px; font-weight:700; letter-spacing: -2px; color:#0b318f; }
.s3_titleArea .s3_title span:nth-child(2) { display: flex; align-items: center;}
.s3_titleArea .s3_title span:nth-child(2) i { 
	width: 393px; height:140px; background:url(../images/logotype-2.png) no-repeat center / 100%; display: block;
}
.s3_titleArea .s3_title span:nth-child(2) em { font-size:54px; font-weight:400; letter-spacing: -2px; color:#0b318f; margin-left:-15px;}

.s3_titleArea p { padding-left:0; padding-top:40px; text-align:center; }
.s3_titleArea p span { color:#0b318f; font-size:32px; font-weight:700; letter-spacing: -2px; line-height:1.4;}
.s3_titleArea p span strong { color:#558935;}


.caseList { padding-left:15%; margin-top:20px;}
.maThum2 { width:486px; height:627px; display: block; position: relative; }


.swiper-button-prev.maPrev2::before,
.swiper-button-prev.maPrev2::after,
.swiper-button-next.maNext2::before,
.swiper-button-next.maNext2::after { display:none; }

/*
.swiper-button-prev.maPrev2 { transform: translateY(-95px);}
.swiper-button-next.maNext2 { transform: translateY(-95px);}
*/
.swiper-button-prev.maPrev2, .swiper-container-rtl .swiper-button-next.maNext2 { 
	background:url(../images/buy_prev.png) no-repeat center / 100%;
	width:48px; height:48px; 

}
.swiper-button-next.maNext2, .swiper-container-rtl .swiper-button-prev.maPrev2 { 
	background:url(../images/buy_next.png) no-repeat center / 100%;
	width:48px; height:48px;

}

.swiper-pagination.maPaging2 { position:absolute; left:0; top:auto; bottom:50px; width:100%; height:26px; display:none;}
.swiper-pagination.maPaging2 .swiper-pagination-bullet { display:inline-block; height:3px; width:20px; background:rgba(0,0,0,0.2);  border-radius:0; transition:all 0.5s; opacity:1; margin:0 5px;}
.swiper-pagination.maPaging2 .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#000; transform:rotate(-45deg); }





.mat { width: 100%; height: 100%; overflow: hidden; border-radius:17px; position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-end; padding: 0 47px 80px 47px;}
.good { position: absolute; left: 47px; top: 45px; border:1px solid rgba(255,255,255,1); border-radius:5px; padding:10px 12px; font-size:13px; color:#fff; letter-spacing: 2px;}

.ma_div .ma_title3 {
	color:#fff; font-size:28px; font-weight:700; letter-spacing: -1px; 
	line-height:1.2;
}
.ma_div { width:100%; }
.ma_div ul { margin-bottom:30px;}
.ma_div ul li { 
	border-radius:30px; border:1px solid rgba(255,255,255,0.5); display: flex; justify-content: center; align-items: center; 
	font-size:18px; letter-spacing: -2px; color:#fff; padding:20px 0; margin-top:5px; width:100%;
	font-weight:600;
	letter-spacing:-0.5px;
}
.con_foot { position: absolute; left: 47px; bottom: 50px; color:#69b900; font-size:20px; font-weight:400; letter-spacing: 5px;  }
.mat1 { background:url(../images/ms-img101.jpg) no-repeat center / cover; }
.mat2 { background:url(../images/ms-img102.jpg) no-repeat center / cover; }
.mat3 { background:url(../images/ms-img103.jpg) no-repeat center / cover; }
.mat4 { background:url(../images/ms-img104.jpg) no-repeat center / cover; }
.mat5 { background:url(../images/ms-img105.jpg) no-repeat center / cover; }
.mat6 { background:url(../images/ms-img106.jpg) no-repeat center / cover; }

.section4 { padding:160px 0; position: relative; }
.section4::before { content:"";display:block; width:70%; left:0; top:560px; background:#e4e4e4; height:1px; position: absolute; }
.s4_wrap { display: flex; justify-content: space-between; }
.s4_textArea { flex:0 0 520px; }
.s4_textArea h2 { padding:25px 0 130px;}
.s4_textArea h2 i.t-shit-4{ 
	display: block;
	width:387px; height: 235px;
	background:url(../images/title-yogi1.png) no-repeat center / 100%; 
}
.s4_con { padding:35px 0;}
.s4_con p:nth-child(1) span { color:#0b318f; font-size:40px; font-weight:700; letter-spacing: -2px; line-height:1.2; display: block;}
.s4_con p:nth-child(1) span strong { font-size:50px; color:#558935;}
.s4_con p:nth-child(2) { font-size:20px; font-weight:500; letter-spacing: -1px; line-height:1.2; margin-top:30px;}
.s4_con p:nth-child(2) strong{ font-weight:700;}

.s4_imgArea {position: relative; margin-top:50px;}
.s4_imgArea div { width:842px; height:539px; border-radius:268px 0 268px 268px; background:#e4e4e4; position: relative;}
.s4_imgArea .s4_img_yogi { 
	display: block;
	width:816px; height:789px;
	position: absolute;
	left:-20px; top:-80px;	
	background:url(../images/m-img1.png) no-repeat center / 100%; 
}

.section5 { max-width:1560px; margin:0 auto; border:1px solid #e5e5e5; background:#f0f3f9; padding:140px 120px;}
.s5_layout { display: flex; justify-content: space-between;}
.s5_tabcon { flex:0 0 928px;}
.s5_tabcon article { margin:2px 0; }
.s5_tabcon article .tabName { height:110px; display: flex; justify-content: space-between; align-items: center; padding:0 50px; background:#000; border-radius:5px; cursor: pointer; transition: 0.5s ease-out; opacity: 1;}
.s5_tabcon article .tabName:hover { background:#0b318f;}
.s5_tabcon article .tabName h2 { font-size:22px; color:#fff; font-weight:500; display: block;}
.s5_tabcon article .tabName i.i-plus { 
	display:block;
	width:22px; height:22px;
	background:url(../images/i-plus.png) no-repeat right center / cover;
	display: block;
}

.s5_tabcon article .tabCon { border-radius: 5px; overflow: hidden; height:0; transition: 0.5s ease-out; }
.s5_tabcon article .tabCon > div h4 { font-size:45px; transition: 0.2s ease-out;  display: none; }
.s5_tabcon article .tabCon > div p { font-size:22px; transition: 0.2s ease-out;  display: none;}


.s5_tabcon article.on .tabCon{
	display:block;
	width:100%; height:375px;
}

.s5_tabcon article.on .tabName {display: none; opacity: 0; }
.s5_tabcon article.on .tabName h2 { display: none;;}
.s5_tabcon article.on .tabName i.i-plus { display: none;}
.s5_tabcon article.on .tabCon { display: block; height: 100%; transition: 0.5s ease-out;}
.s5_tabcon article.on .tabCon > div { 
	display: flex; flex-direction: column; justify-content: center; padding-left:50px; height: 100%; 
	overflow: hidden;
}
.s5_tabcon article.tabc501.on .tabCon {
	border-radius:5px;
	overflow: hidden;
	height:375px;
	background:url(../images/mt-img101.jpg) no-repeat right center / 100%; 
}
.s5_tabcon article.tabc502.on .tabCon {
	border-radius:5px;
	overflow: hidden;
	height:375px;
	background:url(../images/mt-img102.jpg) no-repeat right center / 100%; 
}
.s5_tabcon article.tabc503.on .tabCon {
	border-radius:5px;
	overflow: hidden;
	height:375px;
	background:url(../images/mt-img103.jpg) no-repeat right center / 100%; 
}

.s5_tabcon article.on .tabCon > div h4 { font-size:45px; font-weight:700; color:#fff; padding:10px 0 25px; display: block; }
.s5_tabcon article.on .tabCon > div p { font-size:22px; font-weight:300; color:#fff; line-height:1.6;  display: block; }


.s5_textArea h2 { padding:0 0 20px;}
.s5_textArea h2 i.t-shit-5{ 
	display: block;
	width:293px; height: 149px;
	background:url(../images/title-yogi2.png) no-repeat center / 100%; 
}
.s5_textArea .s5_con h3 { font-size:28px; font-weight:700; color:#000;}
.s5_textArea .s5_con p { margin:15px 0 40px; font-size:20px; font-weight:500; text-align: center; }
.s5_textArea .s5_con p strong { font-weight:700;}
.s5_textArea i.i-s5-img {
	display: block;
	width:312px; height: 330px;
	background:url(../images/m-img2.png) no-repeat center / 100%; 
}


.section6 { padding:210px 0 60px;}
.s6_top { display: flex; justify-content: center; align-items: flex-start;}
.s6_top .s6_textArea {
	flex:0 0 436px; height:318px;
}
.s6_top .s6_textArea h2 i.t-shit-6 { 
	display: block;
	width:293px; height: 149px;
	background:url(../images/title-yogi3.png) no-repeat center / 100%; 
	margin:0px 0 30px;
}

.s6_top .s6_textArea p span,
.s6_top .s6_textArea p span em { font-size:20px; line-height:1.3; letter-spacing: -1px; font-weight:500;}
.s6_top .s6_textArea p span em { margin-left:5px;}
.s6_top .s6_textArea p span:nth-child(2) { display: flex; align-items: center; margin-top:4px;}
.logotype-6 { 
	display: inline-block;
	width:115px; height:29px;
	background:url(../images/logotype-4.png) no-repeat center / 100%; 
}

.s6_top .s6_yogi {
	position: relative;
	flex:0 0 436px; height:300px;
	border-radius:10px; 
	overflow: hidden;
	padding:48px 44px;
}
.s6_top .s6_yogi em { font-size:16px; font-weight:500; color:#fff; margin-bottom:15px; display: block;}	
.s6_top .s6_yogi h2 { font-size:45px; font-weight:800; color:#fff;  display: block;}
.s6_top .s6_yogi a {
	position: absolute;
	left:44px; bottom:48px; 
	border-radius:5px; 
	border:1px solid rgba(255,255,255,0.7);
	display: flex;
	justify-content: center;
	align-items: center;
	width: 128px;
	height: 48px;
	font-size:20px;
	font-weight:700; 
	letter-spacing: -1px;
	color:#fff;
	transition: 0.3s ease-out;
}
.s6_top .s6_yangsu a:hover { background:#fff; border:none; color:#0b318f;	font-weight:800;  }
.s6_top .s6_yangdo a:hover { background:#fff; border:none; color:#69b900;	font-weight:800;  }
.s6_top .s6_yogi i {
	position: absolute;
	right: 30px;
	bottom:37px;
}

.s6_top .s6_yangsu {
	background:#0b318f;	
}
.s6_top .s6_yangdo {
	background:#69b900;
	margin-left:20px;
}

.i-yangsu {
	display: block;
	width:162px;
	height:173px;
	background:url(../images/img-yangsu.png) no-repeat right center / 100%; 
}
.i-yangdo {
	display: block;
	width:186px;
	height:159px;
	background:url(../images/img-yangdo.png) no-repeat right center / 100%; 
}

.s6_content { padding:150px 0 180px;}

.s6_title { display: flex; justify-content: center; align-items: center; margin-bottom:60px;}
.s6_title i {
	display: inline-block;
	width:270px;
	height:97px;
	background:url(../images/logotype-2.png) no-repeat right center / 100%; 
}
.s6_title span { font-size:42px; font-weight:800; color:#0b318f; letter-spacing: -1px;  margin-top:-20px; margin-left:-12px;}
.s6_title span em { font-size:42px; font-weight:800; color:#0b318f; letter-spacing: -1px; }
.s6_title span strong { font-size:52px; font-weight:800; color:#558935; letter-spacing: -1px; margin-left:10px;}


.s6_process {
	display: flex; justify-content: center; 
}
.s6_process article { flex:0 0 210px; height:360px; background:#0b318f; border-radius:5px; overflow: hidden; margin:0 5px;}
.s6_process article div img { width:100%;}
.s6_process article div p { height:150px; display: flex; justify-content: center; align-items: center; font-size:17px; color:rgba(255,255,255,0.8); font-weight:500; letter-spacing: -0.5px; line-height:1.4; text-align: center;}


.s6_process span { display: flex; align-items: center; position: relative; }
.s6_process span::after { 
	content:"";
	display:inline-block;
	width:22px;
	height:23px;
	background:url(../images/arrow-p.png) no-repeat right center / 100%; 
	position: absolute;
	left:-17px; top:270px;
}

.section7 {
	padding:170px 0 150px;
	background:url(../images/mbg-3.jpg) no-repeat center / cover; 
}
.s7_textArea .s7_title span { display: flex; justify-content: center; align-items: center; font-size:42px; color:#0b318f; font-weight:700;}
.s7_textArea .s7_title span i {
	display:inline-block;
	width:270px;
	height:97px;
	background:url(../images/logotype-2.png) no-repeat right center / 100%; 
 }
.s7_textArea .s7_title span em { 
	font-size:42px; color:#0b318f; font-weight:700;
	margin:-10px 0 0 -10px;
 }
 .s7_textArea .s7_title span strong { 
	font-size:52px; color:#558935; font-weight:800;
	margin-left:10px;
 }

 .s7_list { padding:100px 0 0;}
 .s7_list ul { display: flex; align-items: center; flex-wrap:wrap;}
 .s7_list ul li { position: relative; padding-left:50px; font-size:22px; font-weight:700; margin-bottom:50px; flex:0 0 50%; }
 .s7_list ul li::before { content:"";
	 display:block; width:37px; height:37px; 
	 background:url(../images/i-chk-m.png) no-repeat center / 100%; 
	position: absolute;
	left:0; top:50%; transform: translateY(-50%);
}

.section8 { padding:150px 0; }
.s8_textArea { margin-bottom:100px;}
.s8_flex { display: flex; justify-content: center; align-items: center; }
.s8_textArea .s8_title i.logotype-8 {
	display:inline-block;
	width:270px;
	height:97px;
	background:url(../images/logotype-2.png) no-repeat right center / 100%; 
	margin-left:15px;
}
.s8_textArea .s8_title span { font-size:42px; color:#0b318f; font-weight:700; letter-spacing: -2px; margin:-10px 0 0 -10px;}
.s8_textArea .s8_title span strong { color:#558935;}
.s8_textArea .s8_title .s8_text { margin-top:20px; }


.spaceWrap { position:relative; padding:0 0; }
.spaceSlider { padding:0 0 60px; }
.spaceThum a { display: block; width:394px; }
.spaceThum a div { 
	border-radius:5px; overflow: hidden; width:394px; height:234px;
	/*추가*/
    display: flex;
    justify-content: center;
    align-items: center;
	/*border:solid 1px #ddd;*/
}
.spaceThum a img{ width:100%; transition: all 0.3s ease-out; 
	/*추가*/
    top: 50%;
    left: 50%;	
}
.spaceThum a h3 { display: flex; align-items: center; justify-content: space-between; padding:15px 0 0; }
.spaceThum a h3 strong { font-size:24px; font-weight:700; color:#000; padding:20px 0 0; letter-spacing:-1px;}
.spaceThum a h3 em { display: inline-flex; justify-content: center; align-items: center; padding:7px 15px; color:#fff; font-size:14px; font-weight:600; letter-spacing: -0.5px;  border-radius:20px; position: relative; top:7px;}
.spaceThum a h3 em.success { background:#7ab64a; }
.spaceThum a p { font-size:16px; font-weight:400; color:#000; padding:20px 0 40px; line-height:1.8; }
.spaceThum a span { 
	display: flex; justify-content: center; align-items: center; font-size:12px; font-weight:500; padding:12px 20px; border:1px solid #d2d2d2; color:#6b6b6b; letter-spacing: 1px; border-radius:5px; transition: all 0.3s ease-out; margin:0 auto;
	width:145px;
}

.spaceThum a:hover div img { transform: scale(1.15); }
.spaceThum a:hover span { background:#6b6b6b; color:#fff;}


.swiper-button-prev.spacePrev::before,
.swiper-button-prev.spacePrev::after,
.swiper-button-next.spaceNext::before,
.swiper-button-next.spaceNext::after { display:none; }

.swiper-button-prev.spacePrev { transform: translateY(-95px);}
.swiper-button-next.spaceNext { transform: translateY(-95px);}

.swiper-button-prev.spacePrev, .swiper-container-rtl .swiper-button-next.spaceNext { 
	background:url(../images/buy_prev.png) no-repeat center / 100%;
	width:48px; height:48px; 

}
.swiper-button-next.spaceNext, .swiper-container-rtl .swiper-button-prev.spacePrev { 
	background:url(../images/buy_next.png) no-repeat center / 100%;
	width:48px; height:48px;

}

.swiper-pagination.spacePaging { position:absolute; left:0; top:auto; bottom:0; width:100%; height:26px; }
.swiper-pagination.spacePaging .swiper-pagination-bullet { display:inline-block; height:3px; width:20px; background:rgba(0,0,0,0.2);  border-radius:0; transition:all 0.5s; opacity:1; margin:0 5px;}
.swiper-pagination.spacePaging .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#0b318f; transform:rotate(-45deg); }




.footer { background:#2e2e2e; }
.footerTop { padding:32px 0; display: flex; justify-content: center; align-items: center; border-bottom:1px solid #434343;}
.footerTop i.i-pharmacy-2 {
	display:inline-block;
	width:35px;
	height:35px;
	background:url(../images/i-pharmacy-home2.png) no-repeat center / 100%; 
}
.footerTop span { font-size:20px; font-weight:300; color:#fff; letter-spacing: -0.2px; margin-left:12px;}

.footerBottom { padding:32px 0; display: flex; justify-content: space-between; align-items: center; border-top:1px solid #434343; width:100%;}
.fbList {display: flex; align-items: space-between; }
.fbList ul { display: flex; align-items: center; flex:1;}
.fbList ul li { padding-right:24px; margin-right:24px; position: relative;}
.fbList ul li::after { content:"";display:block; width:1px; height: 9px; background:#3e3e3e; position: absolute; right:0; top:50%; transform: translateY(-50%);}
.fbList ul li a { font-size:14px; color:#7e7e7e; }
.fbList ul li:nth-child(5)::after { display: none;}

.fbList > div p { font-size:14px; color:#7e7e7e;}


.footerMiddle { padding:65px 0 70px;}
.fmList { display: flex; }
.fmList h2 { flex:0 0 292px;}
.fmList h2 i {
	display: block;
	width:181px; height:46px;
	background:url(../images/logo-b.png) no-repeat center / 100%; 
}
.fmList article {
	flex:0 0 270px;
}
.fmList article dl dt {
	font-size:15px; color:#449287; 
	margin:0 0 18px; 
	font-family: 'ONE-Mobile-Title';
	letter-spacing: 1px;
}
.fmList article dl dd {
	font-size:14px; font-weight:700;
	color:rgba(255,255,255,0.8);
	line-height:1.7;
}
.fmList article dl dd span {
	font-size:14px; font-weight:700;
	color:rgba(255,255,255,0.8);
}
.fmList article dl dd strong { font-size:24px; font-weight:900; color:rgba(255,255,255,0.8);margin-left:5px;}
.fmList article a {
	font-size:14px; font-weight:700;
	color:rgba(255,255,255,0.8);
	display: inline-flex;
	align-items: center;
}
.fmList article a i.i-go-s {
	display: block;
	width:8px; height:9px;
	background:url(../images/i-contact-a.png) no-repeat center / 100%; 
	margin-left:10px;
	margin-top:-5px;
}
.fmList ul {
	align-self: flex-start;
	text-align: right;
	justify-content: flex-start;
}
.fmList ul li { margin-bottom:15px;}
.fmList ul li a { font-size:14px; color:#fff; }


/* sub */
.subContainer { background:#f4f5fa;}
.sv {
	padding:200px 0 50px;
	position: relative;
}
.sv h2 { font-size:60px; color:#000; text-align: center; letter-spacing: -2px; font-weight:700; }
.topSubMenu { display: flex; justify-content: space-between;}
.topSubMenu li { flex:0 0 49.5%;}
.topSubMenu li a { 
	display: flex; align-items: center; border-radius:10px; background:#ffffff; box-shadow: 5px 10px 20px rgba(0,0,0,0.05); position: relative; height:80px; justify-content: center; 
}
.topSubMenu li a strong {
	color:#8f8f8f; font-size:24px; font-weight:700
}
.topSubMenu li a i { 
	position: absolute;
	left:16px; top:50%; 
	transform: translateY(-50%);
	width:42px; height:42px;
	background:#fff;
	border:1px solid #dadada;
	border-radius:21px;
}
.topSubMenu li a i::after { 
	content:"";display:block;width:24px; height:24px;
	position: absolute;
	left:50%; top:50%; 
	transform: translate(-50%,-50%);
	background:#dadada;
	border-radius:12px;
}
.topSubMenu li a.buy.on,
.topSubMenu li a.buy.on i::after { background:#0b318f;}

.topSubMenu li a.sell.on,
.topSubMenu li a.sell.on i::after { background:#5eaf00;}

.topSubMenu li a.buy.on strong,
.topSubMenu li a.sell.on strong { color:#fff;}


.subContent { background:#fff; padding:60px 0; margin-top:40px; position: relative; z-index:10;}
.subContent2 { padding:60px 0 120px; margin-top:40px; position: relative; z-index:10;}
.subContent3 { background:#fff; padding:60px 0; margin-top:0; position: relative; z-index:10;}

.subConArea { padding:30px 0 160px;}
.subConArea h3 { display: flex; align-items: center; margin-bottom:50px;}
.subConArea h3 strong { font-size:40px; font-weight:800; color:#000; letter-spacing: -2px;}
.subConArea h3 em { margin-left:10px; font-size:40px; font-weight:800; letter-spacing: -2px;}
.subConArea h3 em.buy { color:#0b318f; }
.subConArea h3 em.sell { color:#5eaf00; }

.subConArea2 { padding:30px 0 40px;}

.consultFormList { display: flex; flex-wrap:wrap;}
.consultFormList article { margin-bottom:40px; flex:0 0 50%;}
.consultFormList article.fx_full { flex:0 0 100%;}
.consultFormList article div { position:relative; }
.consultFormList article div:nth-child(1) span.circleBlack {
	border-radius:20px; width:40px; height:40px; background:#000; display: inline-flex;justify-content: center; align-items: center;
	font-weight:700; color:#fff; font-size:18px;
	position:absolute; left:0; top:0;
}

.consultFormList.cBuy article div:nth-child(1) span.circleBlack { background:var(--blue-color);}
.consultFormList.cSell article div:nth-child(1) span.circleBlack { background:var(--green-color); }


.consultFormList article div.question { margin-bottom:10px; }

.consultFormList article div.question strong {
	font-weight:800; color:#000; font-size:22px;
	margin-left:8px;
	letter-spacing: -0.5px;
	padding-left:40px;
	padding-top:10px;
	display:inline-block;
}
.consultFormList article div.answer { padding:17px 0 0 50px;}

/* .consultFormList article.another { flex:0 0 100%; padding-left:0;} */
.consultFormList article.another div.agBox { padding:17px 0 0 0; margin:5px 0 10px;}

.inpx { height:45px; padding:12px 13px; background:#fff; border-radius:5px; border:1px solid #d4d3d5; color:#000; font-size:16px; font-weight:400;}
.texta { height:180px; padding:12px 13px; background:#fff; border-radius:5px; border:1px solid #d4d3d5; color:#000; font-size:16px; font-weight:400;}

.texta:focus { outline: none;}
.height1 { min-height:200px;}
.height2 { min-height:400px;}

.selectBox { height:45px; border-radius:5px; border:1px solid #d4d3d5; background:#fff url(../images/select_arrow.png) no-repeat right 14px center}
.selectBox select { width:100%; color:#000; font-size:16px; font-weight:400;height:100%; background: transparent; padding-left:13px; outline: none; appearance: none;}

.wd-505px { width:505px !important; }
.wd-500px { width:500px !important; }
.wd-450px { width:450px !important; }
.wd-400px { width:400px !important; }
.wd-350px { width:350px !important; }
.wd-300px { width:300px !important; }
.wd-250px { width:250px !important; }
.wd-220px { width:220px !important; }
.wd-150px { width:150px !important; }
.wd-140px { width:140px !important; }
.wd-100px { width:100px !important; }
.wd-100 { width:100%; }
.w100per { width:100% !important; }
.mr-5px { margin-right:5px; }
.mt-5px { margin-top:5px; }
.mtb-5px { margin:5px 0 5px; }

.fx-250px { flex:0 0 250px !important; border:1px solid #000; }

.agree-box { display:block; margin:0px auto; text-align: center; width:100%;}
.agree-box ul li {font-size:16px;}
.agree-box p {text-align:right; font-size:15px; line-height:20px; font-weight:700;}

.privacy-box { position:relative; text-align:left; border:1px solid #e6e9ef; padding:20px 20px; height:200px; overflow-y:scroll; line-height:1.4; margin-top:0}
.privacy-box .intt0 { position:relative;  text-align:left; font-size:1.0em; color:#333; font-weight:600;}
.privacy-box .intt1 { position:relative;  text-align:left; font-size:1.0em; color:#333; font-weight:bold; margin-top:20px;}
.privacy-box .intt2 { position:relative;  text-align:left; font-size:1.0em; color:#666; font-weight:400; margin-top:10px; }
.privacy-box .intt3 { position:relative;  text-align:left; font-size:1.0em; color:#777; font-weight:200; margin-top:6px; }


.fxBox { display: flex; align-items: center; flex-wrap:wrap;}


.comFormChkMain label { height: 24px; cursor: pointer; display: inline-flex; align-items: center; }
.comFormChkMain label input[type="checkbox"] {display: none; }
.comFormChkMain label input[type="checkbox"] + i { 
	display: flex; 
	width:22px; height: 22px; 
	cursor: pointer;
	background-image: url(../images/i-ag-check-off.png);
	background-image: url(../images/i-ag-check-on1.png);
	background-image: url(../images/i-ag-check-off2.png);
	background-repeat:  no-repeat;
	background-size:100%;
}
.comFormChkMain label input[type="checkbox"]:checked + i { 
	background-image: url(../images/i-ag-check-on2.png);
	background-repeat:  no-repeat;
	background-size:100%;
}

.comFormChk label { height: 24px; cursor: pointer; display: inline-flex; align-items: center; }
.comFormChk label input[type="checkbox"] {display: none; }
.comFormChk label input[type="checkbox"] + i { 
	display: flex; 
	width:30px; height: 24px; 
	cursor: pointer;
	background-image: url(../images/checkbox_off.png);
	background-repeat:  no-repeat;
	background-size:100%;
}
.comFormChk label input[type="checkbox"]:checked + i { 
	background-image: url(../images/checkbox_on_buy.png);
	background-repeat:  no-repeat;
	background-size:100%;
}
.comFormChk label span { margin-left:10px; font-weight:700; font-size:18px; color:#393939;}

.comFormRadio label { height: 18px; cursor: pointer; display: flex; align-items: center; }
.comFormRadio label input[type="radio"] {display: none; }
.comFormRadio label input[type="radio"] + i { 
	display: flex; 
	width:28px; height: 28px; 
	cursor: pointer;
	background: #fff;
	border:1px solid #d3d3d3;
	border-radius:14px;
	position: relative;
}
.comFormRadio label input[type="radio"] + i::after { 
	content:"";display: block;
	width:16px; height:16px;
	border-radius:8px;
	background:#e5e5e5;
	position: absolute;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
}

.comFormRadio label input[type="radio"]:checked + i { 
	border:1px solid #0b318f;
}
.comFormRadio label input[type="radio"]:checked + i::after { 
	background:#0b318f;
}


.cBuy .comFormRadio label input[type="radio"]:checked + i { 
	border:1px solid #0b318f;
}
.cBuy .comFormRadio label input[type="radio"]:checked + i::after { 
	background:#0b318f;
}

.cSell .comFormRadio label input[type="radio"]:checked + i { 
	border:1px solid #5dae00;
}
.cSell .comFormRadio label input[type="radio"]:checked + i::after { 
	background:#5dae00;
}


.comFormRadio label span { margin-left:10px; font-weight:700; font-size:18px; color:#393939;}

.chkRadioBox > div { margin-right:30px; margin-bottom:20px;}
.chkType1 > div { flex:0 0 125px;}


.a_title { margin-right:10px; font-size:18px; color:#6e6f71; font-weight:700;}
.won { margin-left:10px; font-size:18px; color:#9b9c9f;}
.fxHorCenter { display: flex; justify-content: center;}

.btns { 
	height:74px; display: flex; justify-content: center; align-items: center; font-size:22px; font-weight:800; color:#fff; letter-spacing: -0.5px;
	box-shadow: 5px 15px 20px rgba(0,0,0,0.1); border-radius:5px; transition: all 0.35s ease-out; 
}
.btns._buy { border:2px solid var(--blue-color); }
.btns._sell { border:2px solid  var(--green-color); }
.btns._buy:hover { border:2px solid var(--blue-color); background:#fff; color:var(--blue-color); }
.btns._sell:hover { border:2px solid var(--green-color); background:#fff; color:var(--green-color); }

.bgBlueColor { background:var(--blue-color) !important; }
.bgGreenColor { background:var(--green-color) !important; }
.bgGrayColor { background:#606060; }
.bgBlackColor { background:#000; }
.bgWhiteColor { background:#fff; color:#000;}


/* ----------------------------- sub ----------------------------- */

/* login */
.loginWrap {
	height:100%; display: flex; justify-content: center;
	align-items: center;
	background:#f4f5fa;
}
.loginBox {
    border-radius:10px; 
    background:#fff;
    padding:50px 50px 50px;
    text-align:center;
    width:612px; 
    margin:0 auto;
	box-shadow: 0 15px 40px rgba(0,0,0,0.07);
}

.loginBox article { text-align: left;}
.loginBox article h2 { text-align: center; padding-bottom:30px;}
.loginBox article p { font-size:18px; font-weight:600; padding:10px 0 20px; display: none;}
.lgDiv { margin-top:20px; width:100%; position: relative;}
.autoSave { padding:10px 0 10px; display: flex; justify-content: space-between; align-items: center;}

.inpLoginTxt { width:452px; }
.checkingLogin strong {
    padding-left:10px;
}
.checkingLogin input[type="checkbox"]:checked + i + strong { 
    color:#0b318f;
}

.subBtn.custom-btn1 { background:#b2b2b2 !important; font-size:20px; font-weight:800}
.subBtn.custom-btn2 { background:#0b318f !important; font-size:20px; font-weight:800}

.btnLoginB { border-radius:0;}
.btnLoginBox { margin-top:20px;}
.btnLoginBox a { 
    height:64px; width:100%; display: flex; justify-content: center; align-items: center; font-size:18px; font-weight:700; 
    border-radius:5px; 
}
.btnLoginBox a span { color:#fff !important; }

.btnLoginBox .submit { 
    height:64px; width:100%; display: flex; justify-content: center; align-items: center; font-size:20px; font-weight:700; 
    border-radius:5px; color:#fff !important; outline:none; 
}

.inpi { 
    border:1px solid #d9d9d9; height:60px; padding:0 15px; font-size:20px; color:var(--title-color); 
    background:var(--white-color); border-radius: 5px;
}
::placeholder { color:#cecece; }

.titleLabel { display: flex; margin-bottom: 12px; font-size:18px; font-weight:700; color:#3e3e3e; align-items: flex-end;}
.titleLabel em { color:var(--red-color); font-style: normal; margin-left:3px;}
.titleLabel strong { font-weight:800; margin-left:6px; margin-bottom:2px; }

.i_id {
	display: inline-block;
	width:22px; height:26px;
	background:url(../images/i_id.png) no-repeat center / 100%;
	
}
.i_pw {
	display: inline-block;
	width:21px; height:27px;
	background:url(../images/i_pw.png) no-repeat center / 100%;
	
}
.i_email {
	display: inline-block;
	width:24px; height:24px;
	background:url(../images/i_email.png) no-repeat center / 100%;
	
}


.spaceB1 { justify-content: space-between;}
.spaceB1 > div:nth-child(1) { flex:0 0 40%;}
.spaceB1 > div:nth-child(2) { flex:0 0 30%;}
.spaceB1 > div:nth-child(3) { flex:0 0 65px; }

input:focus { outline: none;}

.fsbDiv { display: flex; margin-bottom:5px; position: relative; }
.fsbDiv input[type="text"]:focus { 
    border:1px solid #000; color:#000;
 }
.fsbDiv input[type="password"]:focus { 
    border:1px solid #000; color:#000;
}

.logA { 
    position:absolute; right:0; top:0; width:50px; height:70px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.logA svg path { fill:#CECECE; }
.logA svg path { fill:#CECECE; }

.fsbDiv input[type="text"]:focus + .logA svg path { fill: #000;}
.fsbDiv input[type="password"]:focus + .logA svg path { fill: #000;}

.etcLogin { display: flex; justify-content: space-between; align-items: center;}
.etcLogin li { margin:10px 0 0; flex:0 0 49%; } 
.etcLogin li a { display: flex; align-items: center; height:56px; border-radius:5px;  justify-content: center;}
.etcLogin li a span { color:#fff; font-size:16px; font-weight:800; margin-left:10px;}

.etcLogin li a.btnNaver { background:#26c826; }
.etcLogin li a.btnKakao { background:#ffeb00; }
.etcLogin li a.btnKakao span { color:#422525;}

.i_naver { 
	display: flex; 
	width:29px; height: 23px; 
	background-image: url(../images/i_naver.png);
	background-repeat:  no-repeat;
	background-size:100%;
}

.i_kakao { 
	display: flex; 
	width:29px; height: 27px; 
	background-image: url(../images/i_kakao.png);
	background-repeat:  no-repeat;
	background-size:100%;
}

.fsbDiv,
.inpxDiv { width:100%; }

.loginAutoSave label { height: 24px; cursor: pointer; display: inline-flex; align-items: center; }
.loginAutoSave label input[type="checkbox"] {display: none; }
.loginAutoSave label input[type="checkbox"] + i { 
	display: flex; 
	width:30px; height: 24px; 
	cursor: pointer;
	background-image: url(../images/checkbox_off.png);
	background-repeat:  no-repeat;
	background-size:100%;
}
.loginAutoSave label input[type="checkbox"]:checked + i { 
	background-image: url(../images/checkbox_on_buy.png);
	background-repeat:  no-repeat;
	background-size:100%;
}
.loginAutoSave label span { margin-left:10px; font-weight:700; font-size:18px; color:#393939;}

.lgDivEtc { 
	/* border:1px solid #dcdcdc; border-radius:5px; padding:20px 20px 20px;  */
	margin-top:50px
}
.lgDivEtc div { text-align: center; font-size:16px; line-height:1.6; font-weight:400; margin-bottom:20px;}

.lgDivEtc a.btnJoin { 
    height:60px;
	width:100%;
	display: flex; align-items: center;
	justify-content: center;
	border:1px solid #0b318f;
	border-radius:5px;
}
.lgDivEtc a.btnJoin i { 
	display: inline-block;
	width:27px; height:25px;
	background:url(../images/i_join.png) no-repeat center / 100%;
}
.lgDivEtc a.btnJoin strong { 
	font-size:18px; color:#0b318f; 
    font-weight:700; margin-left:10px;
}








/* 회원가입 */
.agreeChkList { padding:10px 0; border-top:1px solid #d4d3d5; border-bottom:1px solid #d4d3d5; margin-top:15px;}
.agreeChkList ul li { display:flex; justify-content:space-between; margin:20px 0; }

.joinLayout { padding-top:40px; }
.joinContent { padding:0 0 100px; }
.joinTitleArea { display:flex; justify-content:space-between; padding:55px 0 30px; }
.joinTitleArea h3 { font-size:32px; font-weight:800; color:#101010; letter-spacing:-1px; line-height:1; }
.joinTitleArea .neceText { display:flex; align-items:center; }
.joinTitleArea .neceText em { font-size:20px; font-weight:700; color:#ff7200; }
.joinTitleArea .neceText span { font-size:16px; font-weight:400; color:#5b5b5b; margin-left:3px;}

.joinBoxWrap { border-top:1px solid #eceef4; margin-bottom:30px;}
.joinBoxWrap article { display:flex; width:100%; border-bottom:1px solid #eceef4; }
.joinBoxWrap article > div { display:flex; align-items:center;}
.joinBoxWrap article > div label { flex:0 0 170px; }
.joinBoxWrap article > div label strong { font-weight:800 !important; }
.joinBoxWrap article > div label em { color:#ff7200; margin-left:5px; font-weight:700; }

.joinBoxWrap article > div .fxb { flex:1; display:flex; align-items:center; padding:15px 0;}
.joinBoxWrap article > div .fxb.fxbWrap { flex-wrap:wrap; display:flex; }
.joinBoxWrap article > div .fxb.fxbWrap .fxInp { flex: 0 0 100%; display:flex; align-items:center; }
.joinBoxWrap article > div .fxb em { margin-left:10px; font-size:14px; }

.fxInp { flex: 0 0 100%; display:flex; align-items:center; }

.joinBoxWrap article > div .fxb.fxbEmail span { font-size:16px; margin:0 10px;  }
.joinBoxWrap article > div .fxb .chkRadioBox { display:flex; align-items:center; }
.joinBoxWrap article > div .fxb .chkRadioBox .comFormRadio { margin-bottom:0; }
.joinBoxWrap article.fxFull > div { flex:0 0 100%; }
.joinBoxWrap article.fxHalf > div { flex:0 0 50%; }




.yesRadio { padding:14px 0; }

.btnGray { background:#3f3f3f; width:100px; height:45px; border-radius:5px; display:inline-flex; justify-content:center; align-items:center; color:#fff; font-size:16px; }
a.btnGray { background:#3f3f3f; width:100px; height:45px; border-radius:5px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:16px; }
a.btnGray2 { background:#3f3f3f; padding-left:12px; padding-right:12px; height:30px; border-radius:5px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:16px; }
.ml-5px { margin-left:5px; }

/* layer */
.agLayer { position: fixed; left:0; top:0; z-index: 9999; width: 100%; height: 100%; background:rgba(0,0,0,0.5); display:none;}
.agLayout {  display:flex; justify-content:center; align-items:center; width:100%; height:100%; position:relative; z-index:10;}
.agLayer .agLayout .layerBox  { 
	width: 700px; 
	padding:45px 30px;
	position: relative;
	background:#fff;
}
.agLayer .agLayout .layerBox h2 { font-size:28px; font-weight:800; padding-bottom:25px; }

.textOverflow1 { height:400px; overflow:hidden; overflow-y:auto; background:#efefef; padding:25px; }

a.close_x { display: flex; width:45px; height:45px; position: absolute; right:13px; top:13px; z-index:10; justify-content: center; align-items: center;}
a.close_x i {
	display: block; 
	width:23px; height:23px; 
	background:url(../images/x.png) no-repeat center / 100%;
}

.agLineTxt { line-height:1.8; font-size:14px;  }

.board_top {
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 30px;
}  
.board_search {
    display: flex;
    align-items: center;
    gap: 0.4rem 0.8rem;
}

.select-style {
    position: relative;
}

.select-style::before {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top:-4px;
	content: "";
	background:url(../images/select_arrow.png) no-repeat;
	display: block;
	width:16px; height:11px; 
	z-index:2;
}

.select-style select {
    width: 100%;
    height: 45px;
    padding: 0 10px;
    padding-right: 5rem;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #fff;
    font-size: 1.6rem;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.btnNavy { background:#0b318f; width:100px; height:45px; border-radius:5px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:16px; }

.tit_svp { display: flex; justify-content: center; align-items: center; padding:40px 0 0;}
.tit_svp i.i_faq { 
	display: inline-block;
	width:14px; height: 18px;
	background:url(../images/i_faq.png) no-repeat center / 100%;
}
.tit_svp span { font-size:16px; margin-left:10px; color:#676767; font-weight:400; }

.newBoard_list { border-top:1px solid #000000;}

.board-item { display: flex; align-items: center; border-bottom:1px solid #d4d3d5; padding:30px 0;  }
.board-item.question .num { flex:0 0 80px; display: inline-flex; align-items: center; justify-content: center; font-size:18px; font-weight:800; color:#0b318f;  line-height:1.7;}
.board-item.question a.title { font-size:18px; padding-left:0; padding-right:30px; color:#000; flex:1; font-weight:800;  line-height:1.7;}

.board-item.answer { background:#f9fafc; }
.board-item.answer .num { flex:0 0 80px; display: inline-flex; align-items: center; justify-content: center; font-size:18px; font-weight:800; color:#32bb12;  line-height:1.7;}
.board-item.answer a.title { flex:1; display: inline-flex;  padding-left:0; padding-right:30px; align-items: center; font-size:18px; color:#797979; line-height:1.7;}

.bottomBtnArea { margin:50px 0 0; display:flex; align-items: center; justify-content: space-between; position:relative; }
.justify-content-center { justify-content:center !important; }
.justify-content-end { justify-content:flex-end !important; }

.position-absolute-left { position:absolute; left:0; top:0; }
.position-absolute-right { position:absolute; right:0; top:0; }


/* paginate */
.pgAnother { padding:0 0 0;}
.paginate {text-align:center;display: flex; justify-content: center;}
.paginate a {display:inline-block;width:46px;height:46px;text-align:center;color:#000;font-size:16px;line-height:2.7em; border-radius:23px; }
.paginate a span {display:inline-block;padding:0 2px;line-height:1em;}
.paginate a:hover  {background:#c5c5c5; color:#fff;}
.paginate a.active  {background:#0090df; background:#0b318f; color:#fff;}
.paginate a.active:hover { background:#0b318f; }
.paginate a.active span { color:#fff;}
.paginate a:hover span {border-bottom:1px solid #fff;color:#fff;}
.paginate a.prev {margin:0 15px 0 2px;text-indent:-9999px;border:1px solid #dadada;;background:url(../images/pg_prev.jpg) no-repeat 50%;}
.paginate a.first {margin:0 2px 0 2px;text-indent:-9999px;border:1px solid #dadada;background:url(../images/pg_first.jpg) no-repeat 50%;}
.paginate a.next {margin:0 2px 0 15px;text-indent:-9999px;border:1px solid #dadada;background:url(../images/pg_next.jpg) no-repeat 50%;}
.paginate a.last {margin:0 2px 0 2px;text-indent:-9999px;border:1px solid #dadada;background:url(../images/pg_last.jpg) no-repeat 50%;}




/* 일정관리 */
.conTabBox { position: relative; z-index:10; }
.mthTitle { display: flex; justify-content: center; padding:35px 0;}
.mthTitle strong {
	padding:0 40px;
	display:inline-flex;
	font-size:40px; font-weight: 800;
	color:#000;
}
a.btnMthPrev,
a.btnMthNext  {
	border:1px solid #dbdbdb; 
	width:41px; height:41px;
	background:#fff;
	border-radius:3px;
	display: flex;
	justify-content: center;
	align-items: center;
}
a.btnMthPrev:hover,
a.btnMthNext:hover {
	background:#f3f3f3;
}
a.btnMthPrev i ,
a.btnMthNext i {
	width:10px; height:16px;
	display: block;
	background-image:url(../images/i_sh_prev.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
a.btnMthNext i {
	background-image:url(../images/i_sh_next.png);
}
.calrenderWrap {
	padding: 0 40px 40px; 
}
.monthTable {
	border-left:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
	border-bottom:1px solid #dcdcdc;
}
.monthTable thead tr th { height:70px; text-align: center; font-size:20px; font-weight:800; background:#ededed;}
.monthTable thead tr th.sunday { color:#e33535; }
.monthTable thead tr th.saturday { color:#358be3; }

.monthTable tbody tr td {
	position: relative;
	border-right:1px solid #dcdcdc;
	border-top:1px solid #dcdcdc;
}

.day {
	font-size:16px; 
	color:#000;
	font-weight:500;
	position:absolute;
	left:0; top:0;
	padding:15px;
}
.sat { color:#358be3;}
.sun { color:#e33535 }


.shBox {
	padding:10px;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	min-height:150px;
}

.scheduleList { text-align: right; 	}
.scheduleList article {padding:0 0 0; display: flex; flex-wrap: wrap; }
.scheduleList article a { margin-left:5px; margin-top:5px; }
.scheduleList article a strong {
	font-size:16px; line-height:1.3; padding:5px; display: inline-block; border:1px solid #333; border-radius:3px;
	background:#f6f7f8; background:#fff;
}
.scheduleList article a.mainColor strong {
	background:#0b318f; border:1px solid #0b318f; color:#fff;
}
.scheduleList article span { font-size:12px; line-height:1.3;margin-top:10px;}


.listHeader {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:20px;
}

.listHeader p { flex:1;}
.listHeader .fxHorEnd { width:auto;}

.lectureTotal {
	padding:0 0 0 0;
	display: flex;
	align-items: center;
}
.lectureTotal i {
	display: block;
	width:26px;
	height:22px;
	background:url(../images/i-lecture.png) no-repeat center / 100%; 
}
.lectureTotal span { font-size:16px; margin-left:10px;}
.lectureTotal span strong { font-weight:700;}


.boardTable { border-bottom: 1px solid #d4d3d5;}
.boardTable thead tr th { 
	border-top:1px solid #000; 
	border-bottom:1px solid #d4d3d5; text-align: center; padding:23px 0; 
	background: #f9fafc; 
	font-size:18px; font-weight:800;
	color:#000;	
}
.boardTable tbody tr th { 
	border-top:1px solid #d4d3d5;
	text-align: left;
	padding:20px 20px;
	font-size:18px;
	color:#010101;
	transition: all 0.3s ease-out;
	font-weight:700;
}
.boardTable tbody tr td { 
	border-top:1px solid #d4d3d5; 
	text-align: center; padding:20px 0; 
	font-size:18px;
	color:#010101;
	transition: all 0.3s ease-out;
	font-weight:400;
}
.boardTable tbody tr th a { 
	line-height:24px;
}
.boardTable tbody tr:hover th,
.boardTable tbody tr:hover td { background:#f4f5fa; }

.buyBtn { display: flex; justify-content: center;}
.buyBtn a.btnDetailView { 
	width:40px; height:40px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius:5px;
	border:1px solid #d4d3d5;
	background:#fff;
}
.buyBtn a.btnDetailView i { 
	display: block;
	width:17px; height:17px;
	background:url(../images/i_expand.png) no-repeat center / 100%; 
}
.buyBtn a.btnSale {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	font-size:16px;
	height:40px; 
	border-radius:5px;
	border:1px solid #d4d3d5;
	background:#f4f5fa;
	font-weight:700;
	color:#000;
	margin-left:5px;
	padding-left:20px; padding-right:20px;
}

.svAnother { padding-bottom:80px; }
.buyArea {
	position: absolute; left:50%; bottom:-40px; transform: translateX(-50%);
	width:1272px;
	display: flex; justify-content: space-between;
}
.buyArea .buyTab { display: flex; width:100%;}
.buyArea .buyTab li { margin-right:5px; height:54px; }
.buyArea .buyTab li a { 
	border-radius:10px 10px 0 0; background:rgba(255,255,255,0.5); 
	display: flex; justify-content: center; align-items: center; width:90px; color:#8f8f8f;
	height:100%;
	font-size:16px;
	font-weight:600;
	transition: all 0.35s ;
}
.buyArea .buyTab li:hover a{ background:rgba(255,255,255,1); color:#0b318f; font-weight:800;}
.buyArea .buyTab li.on a { background:rgba(255,255,255,1); color:#0b318f; font-weight:800;}
.buyArea a.btnMore { 
	display: flex; justify-content: center; align-items: center; width:50px; color:#8f8f8f;
	height:54px;
	background:#fff;
	border-radius:10px 10px 0 0;
}
.buyArea a.btnMore i { 
	display: block;
	width:10px; height:14px;
	background:url(../images/i_more.png) no-repeat center / 100%; 
}

.buyArea .buyTab._Three li { margin-right:5px; height:54px; flex:0 0 calc(33.333333% - 5px); }
.buyArea .buyTab._Three li a { width:100% }


.subConSlide { padding:30px 0 50px;}

.buySlider { padding-left:50px; padding-right:50px; }
.buyThum a { display: block; }
.buyThum a div { border-radius:5px; overflow: hidden; height:300px; display:flex; align-items:center; border:1px solid #ccc; }
.buyThum a div img{ width:100%; height:100%; transition: all 0.3s ease-out; object-fit:cover; }
.buyThum a h3 { 
	font-size:20px; font-weight:700; color:#000; padding:30px 0 0; letter-spacing:-1px;
	text-align: center;
}
.buyThum a p { font-size:16px; font-weight:400; color:#000; padding:5px 0 40px; line-height:1.8; text-align: center;}


.buyThum a:hover div img { transform: scale(1.05); }
.buyThum a:hover span { background:#6b6b6b; color:#fff;}


.buySlider { padding-bottom:80px }


.swiper-button-prev.buyPrev::before,
.swiper-button-prev.buyPrev::after,
.swiper-button-next.buyNext::before,
.swiper-button-next.buyNext::after { display:none; }

.swiper-button-prev.buyPrev { transform: translateY(-95px);}
.swiper-button-next.buyNext { transform: translateY(-95px);}

.swiper-button-prev.buyPrev, .swiper-container-rtl .swiper-button-next.buyNext { 
	background:url(../images/buy_prev.png) no-repeat center / 100%;
	width:48px; height:48px; 

}
.swiper-button-next.buyNext, .swiper-container-rtl .swiper-button-prev.buyPrev { 
	background:url(../images/buy_next.png) no-repeat center / 100%;
	width:48px; height:48px;

}

.swiper-pagination.buyPaging { position:absolute; left:0; top:auto; bottom:50px; width:100%; height:26px; }
.swiper-pagination.buyPaging .swiper-pagination-bullet { display:inline-block; height:3px; width:20px; background:rgba(0,0,0,0.2);  border-radius:0; transition:all 0.5s; opacity:1; margin:0 5px;}
.swiper-pagination.buyPaging .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#0b318f; transform:rotate(-45deg); }


.useBox2 { background:#f4f5fa; padding:80px 0 95px; }
.useCommDiv h3 { display: flex; padding-bottom:40px;}
.useCommDiv h3 strong { font-size:40px; font-weight:800; }
.useCommDiv h3 em { color:#000000; font-size:40px; font-weight:800; }

.useCommDiv.useSellDiv h3 strong { color:#0b318f }
.useCommDiv.useBuyDiv h3 strong { color:#5fb000 }

.useSellList { display: flex; justify-content: space-between;}	
.useSellList article { flex:0 0 32%; border:1px solid #d4d3d5; border-radius:5px; overflow: hidden; background:#fff;}	
.useSellList article h4 { color:#fff; font-size:24px; font-weight:800;background:#0b318f; padding:30px 0; text-align: center; }
.useSellList article div { background:#fff; padding:40px 50px 40px 30px; }

.utList > li { font-size:18px; line-height:1.5; font-weight:400; color:#454545; margin-top:20px; position: relative; padding-left:12px}
.utList > li::before { content: ""; width:4px; height:4px; background:#0b318f; display: block; position: absolute; left:0; top:10px }
.utList > li:nth-child(1) { margin-top:0; }
.utList > li strong { font-weight:700; }

.utList > li h5 { font-size:18px; line-height:1.5; font-weight:700; color:#454545; position: relative; margin-bottom:10px; }

.utList > li .yuroList { display: flex; justify-content:space-between; }
.utList > li .yuroList li { 
	background:#f4f5fa; border-radius:3px; padding:8px 2px; display: flex; justify-content: center; align-items: center; text-align: center; 
	font-size:16px !important; color:#818181; letter-spacing: -0.3px;
	flex:0 0 30%; line-height: 1.3;
}
.utList > li .yuroList li:nth-child(even) { background:none; flex:0 0 5%; }

.utList > li p { padding:15px 0; text-align: center; background:#f4f5fa; font-weight:600;}
.utList > li span { text-align: center; font-weight:400; color:#818181; line-height:1.5; font-size:16px; display: block; padding:15px 30px 0;}

.useBox3 { padding:80px 0 95px; }

.useBuyArticle { display: flex; flex-wrap: wrap; justify-content: space-between;}
.useBuyArticle article { flex:0 0 49%;  border:1px solid #d4d3d5; border-radius:5px; overflow: hidden; background:#fff; margin-bottom:25px;}
.useBuyArticle article h4 { color:#fff; font-size:24px; font-weight:800;background:#5fb000; padding:30px 0; text-align: center; }
.useBuyArticle article div { background:#fff; padding:40px 50px 40px 30px;  }
.useBuyArticle article div > ul > li { font-size:18px; line-height:1.5; font-weight:400; color:#454545; margin-top:20px; position: relative; padding-left:12px }
.useBuyArticle article div > ul > li::before { content: ""; width:4px; height:4px; background:#5fb000; display: block; position: absolute; left:0; top:10px }
.useBuyArticle article div > ul > li:nth-child(1) { margin-top:0; }
.useBuyArticle article div > ul > li h5 { font-size:18px; line-height:1.5; font-weight:700; color:#454545; position: relative; margin-bottom:10px;  }
.useBuyArticle article div > ul > li ul li { position: relative; font-size:18px; line-height:1.5; font-weight:400; color:#454545; position: relative; margin-bottom:10px; padding-left:12px;}
.useBuyArticle article div > ul > li ul li::before { content: ""; width:5px; height:2px; background:#454545; display: block; position: absolute; left:0; top:13px }

.useBuyArticle article div > ul > li ul li span { color:#818181; font-weight:400; display: block;}


.useBuyArticleBottom { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top:60px;}
.useBuyArticleBottom article { flex:0 0 49%;  border:1px solid #d4d3d5; border-radius:10px; overflow: hidden; background:#fff; margin-bottom:25px;}
.useBuyArticleBottom article ul { padding:0 45px 50px;  }

.useBuyArticleBottom article:nth-child(1) { background:#47484d; }
.useBuyArticleBottom article:nth-child(1) h4 { color:#fff; font-size:24px; font-weight:800; text-align: center;padding:55px 0 30px; }
.useBuyArticleBottom article:nth-child(1) ul li { 
	color:#fff;  margin-top:5px; padding:20px 10px 20px 28px; font-size:18px; line-height:1.3; font-weight:400; position: relative; background:#57575b; 
	border-radius:5px;
}
.useBuyArticleBottom article:nth-child(1) ul li::before {
	content: ""; width:4px; height:4px; background:#fff; display: block; position: absolute; left:16px; top:29px
}
.useBuyArticleBottom article:nth-child(1) ul li:nth-child(1) { margin-top:0; }


.useBuyArticleBottom article:nth-child(2) { background:#f4f5fa; border:1px solid #d4d3d5; }
.useBuyArticleBottom article:nth-child(2) h4 { color:#000000; font-size:24px; font-weight:800; text-align: center;padding:55px 0 30px; }
.useBuyArticleBottom article:nth-child(2) ul li { 
	color:#353535;  margin-top:5px; 
	padding:31px 20px; font-size:18px; line-height:1.3; font-weight:400; position: relative; 
	background:#fff; 
	text-align: center;
	border-radius:5px;
	border:1px solid #d4d3d5;
}
.useBuyArticleBottom article:nth-child(2) ul li:nth-child(1) { margin-top:0; }


.findWrap {
    width:600px; 
    margin:0 auto;
    position: relative;
 }
 
.findBox {
    border-radius:0 0 10px 10px; 
    background:#fff;
    padding:30px 50px 50px;
    text-align:center;
    width:100%; 
    margin:0 auto;
	box-shadow: 0 15px 40px rgba(0,0,0,0.07);
}
.borederRadius10 { border-radius:10px 10px 10px 10px;  }

.findNav { display: flex; position: relative; justify-content: space-between; }
.findNav li { flex:0 0 49.5%; position: relative;}
.findNav li a { 
    display: flex; height:60px; width:100%;
    justify-content: center;
    align-items: center;
    font-size:20px;
    font-weight:700;
    color:#9E9E9E;
    position: relative;
    z-index:1;
	border-radius:10px 10px 0 0 ;
	background:#fafafd;
    
}
.findNav li.on a { 
    color:#0b318f;
    font-weight: 600; 
	background:#fff;
}

.tipTxt { font-size:14px; color:#787878; font-weight:400; padding:5px 0 10px 5px; text-align: left;}
.posA2 { position: absolute; right:0; top:5px; font-size:14px; color:#787878; font-weight:400;}

.flexHalf2 { display: flex; justify-content: space-between;}
.flexHalf2 a { flex:0 0 49.5%;}
.h60 { height:60px; }
.h200 { height:200px; }



/* board */
.boardConLayout { padding:40px 0 100px; }
/*
.boardListWrap { max-width:1200px; margin:0 auto; }
.boardViewWrap  { max-width:1200px; margin:0 auto; }
*/
.baseTableWrap { padding:0 0 50px;}
.boardTitleArea { padding-bottom:50px; }

.totalPost { padding:0 0 20px; }
.totalPost strong { color:#0090df; }

.baseListType1 { border-top:2px solid #333; padding-bottom:50px;}
.listThum1 a { display:flex; border-bottom:1px solid #e2e2e2; justify-content: flex-start;  padding:20px 0; align-items:flex-start; }
.listThum1 a .listThumImg { flex:0 0 375px; }
.listThum1 a .listThumImg > div { border-radius:10px; overflow: hidden;}
.listThum1 a .listThumImg > div img { width:100%; }
.listThum1 a .listThumCon { padding:10px 0 0 40px; position: relative; display: flex; flex-direction: column; justify-content: center;}
.listThum1 a .listThumCon > strong { 
	display:block; font-size:20px; font-weight:700; line-height:1.3; color:#000; padding:0 60px 0 0; letter-spacing: -0.5px;
}
.listThum1 a .listThumCon > span { 
	display:block; font-size:18px; font-weight:400; line-height:1.6; color:#333; padding-right:60px; letter-spacing: -0.5px;
	padding:18px 0 36px;
}
.listThum1 a .listThumCon > i { display: inline-block; font-size:16px; color:#757575; font-style: normal; font-weight:300;}

.listThum1 a:hover .listThumCon > strong { text-decoration: underline;}


.comEm { display: block; margin-bottom:10px;}
.comEm span { display: inline-flex; font-size:18px; color:#000; position: relative; font-family: 'ONE-Mobile-Title'; }
.comEm span::after { content:""; position: absolute; left: 0; bottom:-2px; height:7px; background:#ffea5d; display: block; width: 100%;   }
.comEm span strong { position:relative; z-index:1;}


.baseTable thead tr th {
	font-size:16px; padding:18px 0;
	font-weight:600;
	text-align:center;
	color:#000;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
}
.baseTable tbody tr td {
	font-size:16px; padding:22px 0;
	font-weight:500;
	text-align:center;
	border-bottom:1px solid #d2d7e6;
	color:#666;
	line-height:1.2;
}
.baseTable tbody tr td.al_left { 
	text-align: left;
	padding-left:20px;
}
a.btnBoardListTitle { font-size:16px; }
a.btnBoardListTitle:hover { color:#0090df; }
a.btnFileDownload { 
	width:30px; margin:0 auto; display: flex;
	justify-content: center;
	align-items: center; 
	position:relative; overflow: hidden;
}
a.btnFileDownload i { 
	width:18px; height:16px; display: block; 
	background:url(../images/i-file-down.png) no-repeat center / 100% auto; 
}
a.btnFileDownload span { 
	display: block; 
	position: absolute;
	left:-100%; top:0; 
	overflow: hidden;
	width: 0; height: 0;
	text-indent:-999999px;
}

.board__top {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin-bottom: 1.6rem;
}  
.board__search {
    display: flex;
    align-items: center;
    gap: 0.4rem 0.8rem;
}

.board__search-input[type="text"],.board__search-input[type="password"] {
    width: 26rem;
    height: 45px;
    padding: 0 10px;
    margin: 0;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    background-color: #fff;
    font-size: 1.6rem;
}

.board__search-input[type="text"]::placeholder,.board__search-input[type="password"]::placeholder {
    color: #9e9e9e;
}



.input-style input {
    width: 100%;
    height: 4.8rem;
    padding: 0 1.6rem;
    border: 1px solid #e0e0e0;
    border-radius: 3px;
    font-size: 1.8rem;
    transition: 0.14s;
}

.input-style input::placeholder {
    color: #888;
}

.input-style input:focus {
    border: 1px solid #4d4d4d;
    outline: none;
}

.input-style input:disabled {
    background-color: #f5f5f5;
}

.btn-style, .pi-btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 4.8rem;
    padding: 0 2.2rem;
    border: 1px solid #00a287;
    border-radius: 3px;
    background-color: #00a287;
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
    gap: 0 0.6rem;
}

.btn-style.btn-gray {
    border: 1px solid #4d4d4d;
    background-color: #4d4d4d;
	padding:0 14px;
}

.btn-style > span {
    padding: 0;
}
.pi-btn > span {
    position: relative;
	color:#fff;
}



.board__view {
    margin-bottom: 4rem;
    border-top: 2px solid #222;
}

.board__view-top {
    text-align: left;
}

.board__view-title {
    padding: 4rem 2.4rem;
    font-size: 2.2rem;
    font-weight: 700;
    color: #222;
    line-height: 1.4;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
.board__view-title p { font-size:1.4rem; color:#666; }
.board__view-info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 2rem 2.4rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
    background-color: #f4f6f9;
    gap: 1rem 6rem;
}

.board__view-info > p {
    font-size: 1.7rem;
}

.board__view-info > p > span {
    margin-right: 0.8rem;
    font-weight: 700;
}

.detail_info_list { display:flex; align-items:center; flex-wrap:wrap; }
.detail_info_list li { font-size:16px; }
.detail_info_list .addr { margin-right:20px; padding:4px 0; }
.detail_info_list .addr::before { 
	content:"위치";display:inline-flex; align-items:center; border-radius:5px; padding:4px 5px; background:#26ba3d; margin-right:7px;
	font-size:16px; font-weight:700; color:#fff;
}
.detail_info_list .type { margin-right:20px; padding:4px 0; }
.detail_info_list .type::before { 
	content:"구분";display:inline-flex; align-items:center; border-radius:5px; padding:4px 5px; background:#666; margin-right:7px;
	font-size:16px; font-weight:700; color:#fff;
}
.detail_info_list .floor { margin-right:20px; padding:4px 0; }
.detail_info_list .floor::before { 
	content:"층";display:inline-flex; align-items:center; border-radius:5px; padding:4px 5px; background:#fff; margin-right:7px;
	font-size:16px; font-weight:700; color:#333; border:1px solid #333;
}
.detail_info_list .pyeong { margin-right:20px; padding:4px 0; }
.detail_info_list .pyeong::before { 
	content:"평수";display:inline-flex; align-items:center; border-radius:5px; padding:4px 5px; background:#fff; margin-right:7px;
	font-size:16px; font-weight:700; color:#333; border:1px solid #333;
}

.board__view-con {
    min-height: 40rem;
    padding: 4rem;
    padding-bottom: 10rem;
    font-size: 1.8rem;
    line-height: 1.6;
}

.board__view-file {
    display: flex;
    padding: 3rem 4rem;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #4d4d4d;
}

.board__view-file-title {
    display: block;
    flex-shrink: 0;
    margin-right: 2rem;
    font-size: 1.8rem;
    font-weight: 700;
}

.board__view-file-item {
    margin-bottom: 1.2rem;
}

.board__view-file-item:last-child {
    margin-bottom: 0;
}

.board__view-file-item > a {
    display: inline-flex;
    flex-wrap: wrap;
    position: relative;
    font-size: 1.6rem;
    color: #4d4d4d;
    line-height: 2rem;
    transition: 0.24s;
    gap: 0.4rem;
}

.board__view-file-item > a:hover > p {
    text-decoration: underline;
    text-underline-position: under;
}

.board__view-file-size {
    display: inline-block;
    flex-shrink: 0;
    font-size: 1.6rem;
    color: #888;
}

.board__view-list {
    margin-top: 2rem;
    border-top: 1px solid #e0e0e0;
}

.board__view-list-item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 2rem 4rem;
    padding-right: 8rem;
    border-bottom: 1px solid #dadce1;
    color: #595959;
    line-height: 2.2rem;
}

.board__view-list-item::before {
    position: absolute;
    top: 50%;
    right: 4rem;
    transform: translateY(-50%);
    /* font-family: "remixicon";
    font-size: 2rem;
    color: #888; */
	display: block;
	width:18px; height:14px;
	content: "";
}

.board__view-list-item--prev::before {
    /* content: "\ea78"; */
	background:url(../images/pg_i_prev.jpg) no-repeat;
}

.board__view-list-item--next::before {
    /* content: "\ea4e"; */
	background:url(../images/pg_i_next.jpg) no-repeat;
}

.board__view-list-item > span {
    display: inline-block;
    flex-shrink: 0;
    margin-right: 3.4rem;
    font-size: 1.7rem;
    font-weight: 700;
}

.board__view-list-item > a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.6rem;
    color: #4d4d4d;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.board__view-list-item > a:hover {
    text-decoration: underline;
    text-underline-position: under;
}

.btn-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
}

.btn-wrap.center {
    justify-content: center;
}



/* notice */

.bViewHeader { 
	border-top:1px solid #333; border-bottom:1px solid #dfdfdf; 
	padding:35px 0; text-align: center;
}
.bViewHeader h4 { 
	font-size:30px; font-weight:700; color:#000; line-height: 1.3; 
	padding:0 35px 15px; letter-spacing: -1px;
}
.bViewHeader span { font-size:16px; font-weight:400; color:#666; line-height: 1.4; }

.bViewCon { padding:50px 40px; border-bottom:1px solid #dfdfdf;  }
.bViewCon p { font-size:18px; color:#000; font-weight:400; line-height:1.8; }

.boardPrevNext {
    display: table;
    width: 100%;
	margin-top:30px;
    margin-bottom: 80px;
    padding: 0 20px;
    box-sizing: border-box;
    table-layout: fixed;
}

.boardPrevNext p {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.boardPrevNext p a {
    display: inline-block;
    height: 100%;
    line-height: 30px;
    padding: 0px 0 0 45px;
    font-size: 16px;
    color: #444;
    font-weight: 500;
    background: url(../images/board-con-prev.jpg) no-repeat 0 0;
    box-sizing: border-box;
}
.boardPrevNext .before_view a span {
    margin: 0 0 0 20px;
    padding-left: 20px;
    background: url(../images/v_line1.jpg) no-repeat 0 0;
}

.boardPrevNext .next_view {
    text-align: right;
}
.boardPrevNext .next_view a {
    text-align: right;
    padding-right: 45px;
    background: url(../images/board-con-next.jpg) no-repeat 100% 0;
}
.boardPrevNext .next_view a span {
    display: inline-block;
    margin: 0 20px 0 0;
    padding-right: 20px;
	background: url(../images/v_line1.jpg) no-repeat 100% 0;
}

.boardBtnArea { padding:0 0 50px; text-align:center; }
a.btnBoardList { 
	background:#0090df; width:200px; height:60px;
	color:#fff; font-weight:600; display: inline-flex;
	justify-content: center; align-items: center;
	font-size:18px;
}



.repFirst { display: flex; justify-content: space-between; }
.repFirst .scImg { flex:0 0 900px; }
.repFirst .scImg img { width:100%; }
.repFirst .scCon { flex:0 0 370px; background:#f7f7f7; padding:50px 40px; border-radius:10px;}
.repFirst .scCon a { display:block;}
.repFirst .scCon a .boTitle_h4 { font-size:24px; font-weight:600; line-height:1.3; padding-bottom:15px; display:block;}
.repFirst .scCon a .boTxt { font-size:15px; font-weight:400; line-height:1.7; padding-bottom:50px; display:block;}
.repFirst .scCon .boDate { font-size:12px; color:#666666; display: block;}

.repFirst .scCon a:hover .boTitle_h4,
.repFirst .scCon a:hover .boTxt { color:#0090df; }

.repSecond { padding:60px 0 ; display: flex; justify-content: space-between;}
.repSecond li { flex:0 0 410px; }
.repSecond li .in_imgBox { overflow: hidden; width:100%; }
.repSecond li .in_imgBox img { width:100%;}
.repSecond li .in_txtBox { padding:30px 25px; border:1px solid #ececec; border-top:none; }
.repSecond li .in_txtBox a { display:block; }
.repSecond li .in_txtBox a strong { font-size:18px; font-weight:600; line-height:1.3; padding-bottom:15px; display:block;}
.repSecond li .in_txtBox a span { font-size:14px; font-weight:400; line-height:1.5; padding-bottom:30px; display:block;}
.repSecond li .in_txtBox .boDate2 { font-size:12px; color:#666666; display: block; }

.repSecond li .in_txtBox a:hover strong,
.repSecond li .in_txtBox a:hover span { color:#0090df;}



.baseThumType1 { display:flex; flex-wrap:wrap; justify-content:space-between; padding-bottom:25px; }
.baseThumType1 article { flex:0 0 32%; margin-bottom:20px; }
.baseThumType1 .spaceThum a h3 { padding:10px 0 0; }
.baseThumType1 .spaceThum a p { padding:0 0 40px;}


.fxRow { display: flex; align-items: center; margin-bottom:10px; width:100%;}
.fxRow label { flex:0 0 140px;}
.fxRow label strong { 
	display: inline-block; position: relative; padding-right:5px; 
	font-size:18px; font-weight:800;
}
.fxRow label strong .nece { 
	position: absolute;
	right:-5px;
	top:0;
	display: block;
	width:6px; height: 6px;
	border-radius:3px;
	background:#d32f2f;
}
.fxRow .inBox { margin-right:5px; }
.inBoxFlex {
	display: flex; align-items: center;
}
.dateDiv { position: relative;}

.i_txt_p { font-size:16px; font-weight:700; margin-right:12px; }
.period_txt { margin:0 10px; font-size:14px; font-weight:500;}

.btnBottomArea { margin:50px 0;}
.btnBottomArea button { margin:0 5px;}

.btLine { border-top:1px solid #ccc;}


.fxHorCenter {
	display: flex; justify-content: center; align-items: center;
	width:100%;
}
.fxHorEnd {
	display: flex; justify-content: flex-end; align-items: center;
	width:100%;
}
.mainColor {  color:var(--main-color) !important;}
.placeholderColor {color:var(--placeholder-color) !important;}
.whiteColor { color:var(--white-color) !important;}
.baseBorder { border:1px solid var(--table-td-border); }

.bgBaseColor { background:var(--bg-base-color) !important; }
.bgWhiteColor { background:var(--bg-white-color) !important; }
.bgPointColor { background:var(--bg-point-color) !important; }
.bgBeigeColor { background:var(--bg-beige-color) !important;  }

.btn {
	display: flex; 
	justify-content: center; align-items: center; 
	font-size:16px; 
	font-weight:500; 
	height:46px;
	border-radius:5px;
}

.sel { height:44px; background: none !important; border: none !important; width:100%; appearance: none !important; -webkit-appearance: none !important; font-size:16px; padding-left:10px;}
.selectbox { 
	border-radius: 5px; border:1px solid #d4d3d5; height:46px; 
	position: relative;
}
.selectbox::after { 
	content:"";display:block; position: absolute; right:15px; top:50%; transform: translateY(-50%); 
	background:url(../images/i-select-arrow.png) no-repeat;
	width:10px; height:6px;
}

.joinTitleArea2 { display:flex; justify-content:space-between; padding:55px 0 30px; }
.joinTitleArea2 h3 { font-size:24px; font-weight:800; color:#101010; letter-spacing:-1px; line-height:1; }

.saleTitleArea { display:flex; justify-content:space-between; padding:20px 0 0px; }
.saleTitleArea h3 { font-size:20px; font-weight:800; color:#101010; letter-spacing:-1px; line-height:1; }

.detailWrap { border-top:1px solid #333; margin-bottom:0;}
.detailWrap article { display:flex; width:100%; border-bottom:1px solid #eceef4; }
.detailWrap article > div { display:flex; align-items:center; padding:5px 0;}
.detailWrap article > div label { flex:0 0 170px; }
.detailWrap article > div label strong { font-weight:800 !important; }
.detailWrap article > div label em { color:#ff7200; margin-left:5px; font-weight:700; }

.detailWrap article > div .fxb { flex:1; display:flex; align-items:center; padding:15px 0;}
.detailWrap article > div .fxb.fxbWrap { flex-wrap:wrap; display:flex; }
.detailWrap article > div .fxb.fxbWrap .fxInp { flex: 0 0 100%; display:flex; align-items:center; }

.detailWrap article > div .fxb.fxbEmail span { font-size:16px; margin:0 10px;  }
.detailWrap article > div .fxb em { margin-left:0; }
.detailWrap article > div .fxb .chkRadioBox { display:flex; align-items:center; }
.detailWrap article > div .fxb .chkRadioBox .comFormRadio { margin-bottom:0; }
.detailWrap article.fxFull > div { flex:0 0 100%; }
.detailWrap article.fxHalf > div { flex:0 0 50%; }


.baseP1 { display: block; line-height:1.5; }
.baseP2 { display: block; line-height:1.5; margin-bottom:10px; }
.smallBox { display: inline-block; padding:10px 15px; border-radius:8px; font-size:16px;}
.smallBox2 { display: inline-block; padding:4px 0; font-size:16px;}
.smallBox3 { display: inline-block; padding:5px 10px; border-radius:8px; }
.smallBox4 { display: inline-block; padding:10px 0; font-size:16px; line-height:28px;}

.bgBlue { background:#0066cc; }
.bgBlack { background:#000; }
.bgYellow { background:#ffe100; }
.bgGray { background:#dddddd; }
.colorWhite { color:#fff; }
.blackColor { color:#000;}
.fs14 { font-size:14px; }

.mt0 { margin-top:0; }
.mt10 { margin-top:10px; }
.mt50 { margin-top:50px; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }


.selDivBase { 
	border:1px solid #e3e3e3; height:45px; font-size:18px;
	padding-left:10px; padding-right:10px;
	color:#999999;
	box-sizing:border-box;
	border-radius:5px;
}
.selDivBase1 {
	width:300px !important;
}

.btnc { 
	height:45px; 
	display: flex; justify-content: center; align-items: center; 
	font-size:16px; 
	font-weight:800; 
	color:#fff; 
	letter-spacing: -0.5px;
	/* box-shadow: 5px 15px 20px rgba(0,0,0,0.1);  */
	border-radius:5px; transition: all 0.35s ease-out; 
}

.bgWhiteColor { background:#fff; border:1px solid #333; color:#3e3e3e; }

.fxDivBox { display:block; flex:1; }
.fxfileWrap .fileDiv { margin-bottom:10px; }
.fxDiv { display:flex; flex:1; }
.fxRight { justify-content:flex-end; }
.inpTitle { width:600px; height:50px; border:1px solid #dfdfdf; font-size:22px; padding-left:36px; }

.textaBox { width:100%; }
.textaBox textarea { border:1px solid #dfdfdf; padding:26px 36px; width:100%; min-height:400px; line-height:1.4; font-size:22px; font-weight:400; letter-spacing:-0.25px; color:#3c3c3b; }
.txtLength { text-align:right; padding:13px 0; }
.txtLength em { color:#4c4c4c; font-size:18px; font-weight:500;}
.txtLength span { color:#999; font-size:18px; font-weight:500; }

.addrDetail { display:flex; align-items:center; }
.addrDetail strong { font-weight:400; }

/* 실시간 상담 */
#consultFixed {}
.consultFixed { position:fixed; left:0; bottom:0; width:100%; z-index:9999; display:none; }
.consult { display: flex; padding:14px 0; justify-content: center; background: #0b318f; background:#5eaf00; background:#79a649; align-items:center; }
.consult h2 { font-size:20px; font-weight:800; color:#fff; flex:0 0 120px; padding:0 0 0;}
.consult div { flex:0 0 auto; }
.consForm { display: flex; align-items: center; }
.consForm li { margin-right:4px;}
.consForm li input[type="text"]{ 
	width:219px; height:36px; border:1px solid rgba(255,255,255,0.5); border-radius:5px;
	font-size:16px; color:#fff; font-weight:500; 
	display:inline-flex; align-items: center; padding-left:10px;
	background:#0b318f;
	background:transparent;
}
.consForm li input[type="text"].cf_name { width:120px; }
.consForm li select { 
	width:160px; height:36px; border:1px solid rgba(255,255,255,0.5); border-radius:5px;
	font-size:16px; color:#fff; font-weight:700; 
	display:inline-flex; align-items: center; padding-left:10px;
	background:#0b318f;
	background:transparent;
}
.consForm li select option { color:#000; }
.consForm li input[type="text"]::placeholder { color:#fff; }
.consForm li a.submit {  
	width:120px; height:36px; border:1px solid #5eaf00; border-radius:5px;
	font-size:16px; background:#5eaf00; background:#0b318f; background:#fff;
	font-weight:800 !important; 
	display:inline-flex; align-items: center; justify-content: center;
	color:#fff; color:#5eaf00; color:#79a649;
	margin-left:20px;
}
.consult div span { 
	font-size:14px; color:#fff; font-weight:400; padding:10px 7px 10px; display:block;
}
.consult article { display: flex; align-items: center; margin:0 5px;}
.consult article label { font-size:14px; color:#fff; font-weight:500;}
.consult article label input[type="checkbox"] { margin-right: 5px; }
.consult article a.btn_white { color:#fff; font-size:14px; margin-left:0; }
.consult article a.btn_white:hover { text-decoration:underline;}

.closeBtnConsult {
	position: absolute;
	right:20px;
	top:16px;
	z-index:9999;
	cursor:pointer;
	width:35px;
	height:35px;
	background:url(/images/qm_close.png) no-repeat;
}

.qmMenu { 
	position: fixed;
	right:18px;
	bottom:80px;
	z-index:9999;
}
.qmMenu article { 
	margin-top:10px;
}
.qmMenu a { width:124px; display:block; }
.qmMenu a img { width:100%; }
.goTop { 
	position: fixed;
	right:18px;
	bottom:13px;
	z-index:9999;
}

@media (max-width:1100px){
	.consult { display: block; padding:12px 20px 15px; background: #0b318f; }
	.consult h2 { flex:0 0 100%; padding:10px 0 15px; text-align:center;}
	.consult div { flex:0 0 auto; padding:0 0;}
	.consForm { flex-wrap:wrap; width:100%; }
	.consForm li { margin:0 2px; flex:0 0 calc(50% - 4px); margin-bottom:4px; }
	.consForm li.li_agree { margin:0 0; flex:0 0 calc(100%); margin-bottom:4px; }
	.consForm li.li_last { margin:0 0; flex:0 0 calc(100%); margin-bottom:0; }
	.consForm li input[type="text"]{ 
		width:100%; height:36px; 
		font-size:14px; 
	}
	.consForm li input[type="text"].cf_name { width:100%; }
	.consForm li select { 
		width:100%; height:36px; 
		font-size:14px; 
		padding-left:8px;
		font-weight:500;
	}
	.consForm li a.submit {  
		width:100%; 
		font-size:14px; 
	}
	.consult div span { 
		font-size:14px; padding:5px 0 8px; line-height:1.2; letter-spacing: -1px;
	}

	.consult article { display: flex; justify-content:center; }
	.consult article .comFormChkMain { flex:0 0 auto; }
	.consult div span { 
		font-size:12px; padding:10px 7px 10px; 
	}
	.consult article label { font-size:12px; }
	.consult article a.btn_white { font-size:12px; }

	.closeBtnConsult { right:7px; top:7px; }


}