*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
a, button {outline:none; }
a:link, a:visited {color:#000;text-decoration:none; border:0px;outline:none; }
a:hover, a:focus, a:active {color:#000;text-decoration:none; border:0px; }
button:hover, button:focus, button:active{outline:none; }

legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}


::-webkit-scrollbar { width: 15px; }/* 스크롤바의 width */
::-webkit-scrollbar-track { background-color: #e5e5e5; }/* 스크롤바의 전체 배경색 */
::-webkit-scrollbar-thumb {   background:#c1c1c1; }/* 스크롤바 색 */
::-webkit-scrollbar-button { display: none; }
html {scrollbar-width: thin;scrollbar-3dLight-Color: #e5e5e5; scrollbar-arrow-color: #c1c1c1; scrollbar-base-color: #e5e5e5; scrollbar-Face-Color: #c1c1c1; scrollbar-Track-Color: #e5e5e5; scrollbar-DarkShadow-Color: #e5e5e5; scrollbar-Highlight-Color: #e5e5e5; scrollbar-Shadow-Color: #e5e5e5}

html,body{  margin:0px; padding:0px;position: relative;	height: 100%;} 
 

  
.footer {padding:65px 0; background:#000; font-size:14px; color:#868e96; line-height:220%;}
.footer div {color:#868e96; letter-spacing:-0.5px;}
.footer .customer {line-height:170%; margin-bottom:30px; font-size:15px; font-weight:500;}
.footer .customer .tel {font-size:28px;  font-family: 'S-CoreDream-9Black'; margin-bottom:20px; -webkit-font-smoothing: antialiased;}
.footer .company {margin-bottom:30px; }
.footer .company span{display:inline-block;  margin-right:20px;}

.footer .consult .title {font-size:24px; font-weight:700; -webkit-font-smoothing: antialiased;}
.footer .consult ul li {padding:6px 0; display:flex;  flex-wrap: wrap; -webkit-box-pack: justify;  justify-content: space-between;  align-items: flex-start;}
.footer .consult ul li:after, .footer .consult ul li .txt:after  {display:block;visibility:hidden;clear:both;content:""}
.footer .consult ul li .tt {width:150px; line-height:40px;  font-weight:500; font-size:15px;}
.footer .consult ul li .txt {width:calc(100% - 150px); height:auto; line-height:0;}
.footer .consult ul li .frm_input {border:1px solid #2f3337; width:60%; height:40px; line-height:38px; padding:0px 8px; color:#fff; background:transparent;}
.footer .consult ul li .frm_tel1 {width:14%;}
.footer .consult ul li .frm_tel2 {width:18%;}
.footer .consult ul li .frm_tel3 {width:18%;}
.footer .consult ul li span.unit { line-height:40px;  font-size:15px;display:inline-block; text-align:center; width:5%;}
.footer .consult ul li .frm_texta {border:1px solid #2f3337; width:100%; height:110px; line-height:160%; padding:5px 8px; color:#fff; background:transparent; margin:2px 0;}
.footer .consult .chk_box {position:relative; float:left;}
.footer .consult .chk_box input[type="checkbox"] + label {position:relative;color:#676e70}
.footer .consult .chk_box input[type="checkbox"] + label:hover {color:#2172f8}
.footer .consult .chk_box input[type="checkbox"] + label span {float:left;width:26px;height:26px;display:block;background:transparent;border:1px solid #2f3337; cursor:pointer; }
.footer .consult .chk_box input[type="checkbox"]:checked + label {color:#000}
.footer .consult .chk_box input[type="checkbox"]:checked + label span {background:url(/img/chk.png) no-repeat 50% 50% #868e96;border-color:#868e96; }
.footer .consult .selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.footer .consult ul li.bot .tt  {line-height:26px;}
.footer .consult ul li.bot .btn_agreeview { float:left; margin-left:5px; display:inline-block; font-size:13px; font-weight:600;border:none; border-bottom:1px solid #2f3337;background:transparent; width:auto; height:26px; line-height:25px; color:#868e96;border-radius:0px; }
.footer .consult ul li.bot .btn_submit { float:right;  display:inline-block; font-size:15px; font-weight:500;border:none; border-bottom:1px solid #2f3337;background:#2f3337; width:auto; height:40px; line-height:40px; padding:0px 25px; color:#bec2c7; border-radius:0px; }
.footer .consult ul li.bot .btn_submit span{display:inline-block; margin-left:10px;}
.footer .consult ul li.bot .btn_submit:hover {background:#cb1d45; border-color:#cb1d45; color:#fff;}

.cons_guide {background:url(../../img/guidebook_top.jpg) center top no-repeat; background-size:100% auto;  padding-top:230px;}
.pgheader_exp {text-align:center; font-weight:700; word-break:keep-all;}
.pgheader_exp strong{font-size:1.2em; display:block; font-weight:700; margin-bottom:10px;}
.pgheader_exp span {color:#01c73c;}

.footer .admbtn {padding-left:15px;}
.footer .admbtn a{display: inline-block;  font-size: 13px;  font-weight: 500;  border: none;  border-bottom: 1px solid #2f3337;  background: #2f3337;  width: auto;  height: 30px;  line-height: 30px;  padding: 0px 25px;  color: #bec2c7;  border-radius: 0px; }





 #sidebar  .btn-group-justified.youtube {margin-top:10px;}
#sidebar   .btn-group-justified.youtube a {display:flex; justify-content: center;  align-items: center; gap:10px; width:100%;     background-color: transparent;    border: 1px solid;    border-color: rgba(255, 255, 255, 0.5);  }
#sidebar   .btn-group-justified.youtube a .txt {  color: #fff;    font-size: 13px;    font-weight: 100;    border-radius: 0;    font-family: 'Open Sans', sans-serif; }
#sidebar .btn-group-justified .btn.btn-pack {width:100% !important;  }

 
#ctt_con {width:100%;display:flex; justify-content: center;  align-items: center; flex-direction:column; }
.pagewr {width:100%; max-width:900px;display:flex; justify-content: center;  align-items: flex-start; flex-direction:column; }
.pagewr .page-title {width:100%;display:flex; justify-content: flex-start;  align-items: center; margin:50px 0;  font-size:1.2em; gap:10px; }
.pagewr .page-title span {font-size:0.95em; color:#707e60;}
.pagewr .page-cont {width:100%;display:flex; justify-content: flex-start;  align-items: flex-start;  flex-direction:column;}
.pagewr.aboutwr .page-cont { 	font-family:"NanumMyeongjo"; font-weight:300; font-size:1.1em; line-height:1.8; }
.pagewr.aboutwr .page-cont .ceo { font-weight:300;  display:flex; justify-content: flex-start;  align-items: flex-end;  gap:14px; }
.pagewr.aboutwr .page-cont .ceo strong {font-weight:500;font-size:1.3em;  }


.pagewr.aboutwr  {max-width:1100px;}
.introcontmap { margin:70px auto 30px; width:100%;  display: grid;     grid-auto-flow: row;    grid-template-columns:  1fr 640px; gap:20px;    align-items: flex-end;  }
.introcontmap .continfo {width:100%; }
.introcontmap .continfo ul {width:100%;; display: flex;   justify-content: flex-start;  align-items: center; flex-direction:column;  gap:10px; }
.introcontmap .continfo li {width:100%;  display: flex;  justify-content: flex-start;  align-items: flex-start;   }
.introcontmap .continfo li .tt {width:68px;  display: flex;    justify-content: flex-start;  align-items: center; color:#707e60;   font-size:0.9em; letter-spacing:-0.5px;}
.introcontmap .continfo li  .txt  {width:calc(100% - 68px);  display: flex; justify-content: flex-start;  align-items: center;   font-weight:normal;  font-size:0.95em;  word-break:keep-all; }
 
 .pagewr.aboutwr .page-cont .aboutimg{width:100%; margin-bottom:28px;}
 .pagewr.aboutwr .page-cont .aboutimg img {width:90px; height:auto; }
.introcontmap .mapwr { width:100%; aspect-ratio: 5 / 3; display: flex;  justify-content: center;  align-items:flex-start; border:1px solid rgba(0,0,0,0.1);  }
 
form {width:100%;}

@media(max-width:1800px) {
.index-content .mvisintrowr {gap:100px;}
.contentwr {padding-left:300px  !important;}
}

@media(max-width:1600px) {
.index-content .mvisintrowr {gap:80px;}
.contentwr {padding-left:240px  !important;}
#header_wrap {left:40px;}
.index-content .mvisintrowr {grid-template-columns: 1fr 640px;  gap:40px;}
}
@media(max-width:1380px) {
	.introcontmap {   grid-template-columns:  1fr 62%; }
}
@media(max-width:1359px) {
.scale img {max-width:100% !important; width:100%; height: 100%;     object-fit: cover;     }
 .cons_guide {padding-top:160px;}
  .top_right_fixed {right:15px;}
 .top_right_fixed ul li a { width:74px; height:64px; }
}

@media(max-width:1280px) {
  .index-content { align-items:flex-start;  }
 .index-content .mvisintrowr {height:auto;  gap:30px;     aspect-ratio: 1 / 1;display: flex;  justify-content: center;  align-items:flex-start; flex-direction: column-reverse; }
  .mvisintrowr .mvintro-right {width:100%;}
 .mvisintrowr .mvintro-left {width:100%;height:auto; font-size:1.1em; }
  .introcontmap .continfo {gap:14px;}
 .introcontmap .continfo li {flex-direction:column; line-height:1.5; }
 .introcontmap .continfo li  .tt,  .introcontmap .continfo li  .txt {width:100%; }
 	.introcontmap {   grid-template-columns:  1fr 58%; }
}
@media(max-width:1090px) {
  .top_right_fixed {right:10px;}
 .top_right_fixed ul li a { width:64px; height:64px; font-size:12px;}
 #sub_content {margin-top:80px;}
}
@media(max-width:997px) {
  .top_right_fixed {display:none;}
   #sub_content {margin-top:20px;}

  }
@media(max-width:992px) {
  .index-content { padding:0px 20px 20px; }
  .top_right_fixed {display:none;}

.footer .consult  {margin-top:60px; padding-top:60px; padding-bottom:20px;border-top:1px solid rgba(255,255,255,0.1); }
.footer .consult ul li .frm_input {width:100%;}
.footer .consult ul li .frm_tel1 {width:22%;}
.footer .consult ul li .frm_tel2 {width:34%;}
.footer .consult ul li .frm_tel3 {width:33%;}
	body {padding-top: 70px; }
 	#header_wrap {width:100%; height:70px; left:0px;justify-content:center; background:#fff;}
	#header_wrap.top_menu h1 {  margin:5px 0 0 0; padding:0px 60px 0 0px ;}
 

	#header_wrap.top_menu .menu_wrap{border:none; display:none;}
	#header_wrap.top_menu .snswr {display:none;}
	.footer .customer .tel {font-size:2rem;}
	.footer .customer {font-size:14px;}
	.footer .company {font-size:14px; line-height:150%;}
	.footer .copy {font-size:12px; line-height:140%;}
	#header_wrap .js-offcanvas-btn {top:0px; margin:10px 10px 0px; height:50px;display: flex;  justify-content: center;  align-items: center;}
	.hiraku-open-btn-line.black {width:30px; height:3px;}
	.hiraku-open-btn-line.black:before, .hiraku-open-btn-line.black:after {height:3px;}
	.review-wrap .col-md-4{padding:0px;}
 	#header_wrap .logo{display:none;}
 	#header_wrap .logo-mob{display:block;}
 	#header_wrap.top_menu h1 a {height:40px;  justify-content:flex-start; padding-left:20px; padding-bottom:5px;}
	#header_wrap.top_menu h1 a img{width:auto; height:100%;}
 
 .contentwr {padding:0px  !important; display:block; }



 .js-hiraku-offcanvas-body-right {left:0px !important;;}
 .js-hiraku-offcanvas-active {background:rgba(255,255,255,0.7) !important;}
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar {background:#fff !important; width:64% !important; max-width:400px !important;}
.js-hiraku-offcanvas-active .slidebarmenuwr {width:100%; padding: 120px 20px 20px !important; }
.js-hiraku-offcanvas-active .sidebar-menu {background:#fff !important; padding: 20px 0px  !important; border-top: 1px solid #222;    border-bottom: 1px solid #222;   }
.sidebar-menu > li > a {font-weight: 700 !important;    color: #333 !important;    letter-spacing: 2px; padding:12px 10px !important;}
#sidebar .title_wrap { background:#fff !important;  padding:10px 20px !important;}
#sidebar .title_wrap h3 { width:100%;  font-weight: 700 !important;    color: #333 !important;    font-size:1em !important; padding-top:40px;  }
#sidebar .title_wrap h3 img{width:auto; height:40px;}
#sidebar p.close-btn {top:0px; right:6px;width:50px; height:50px; font-size:1em; color:#000;  display: flex;  justify-content: center;  align-items: center;}
#sidebar p.close-btn span{position:relative;  width: 36px;      height: 2px; margin:  0; display:block;transition: .1s all;}
#sidebar p.close-btn span:before{position: absolute; top:50%;   left:50%; display: block;    width: 100%;     content: '';    transition: .3s all;    border-radius: 1em;    background-color: #000;  height:2px; transform:translate(-50%, -50%) rotate(45deg); }
#sidebar p.close-btn span:after {position: absolute;   top:50%;   left:50%;   display: block;    width: 100%;     content: '';    transition: .3s all;    border-radius: 1em;    background-color: #000;     height:2px; transform:translate(-50%, -50%) rotate(-45deg);  }


.js-hiraku-offcanvas-active .sidebar-snswr {width:100%; display:grid;  grid-auto-flow: row;   grid-template-columns:repeat(4, 1fr);  align-items: center;gap:14px;  margin:30px 0; padding:0px 10px;}
.js-hiraku-offcanvas-active .sidebar-snswr li, .js-hiraku-offcanvas-active .sidebar-snswr li a{width:100%;display: flex;  justify-content: center;  align-items: center;}
.js-hiraku-offcanvas-active .sidebar-snswr img{width:100%; height:auto;}
 
.js-hiraku-offcanvas-active .sidebar-tel {width:100%; padding:14px; background:#707e60;}
.js-hiraku-offcanvas-active .sidebar-tel   a {display:grid;  grid-auto-flow: row;   grid-template-columns:44px 1fr;  align-items: center;gap:10px; line-height:1.1;  }
.js-hiraku-offcanvas-active .sidebar-tel   a .ic {width:44px; height:44px; border-radius:30px; background:#fff; padding:8px;  }
.js-hiraku-offcanvas-active .sidebar-tel   a .ic  img {width:100%; height:auto;display: flex;  justify-content: center;  align-items: center;filter: invert(50%) sepia(15%) saturate(523%) hue-rotate(46deg) brightness(91%) contrast(92%);} 
.js-hiraku-offcanvas-active .sidebar-tel   a .txt { display: flex;  justify-content: flex-start;  align-items: flex-start; flex-direction:column; font-weight:400; gap:5px; padding-top:2px; color:#fff;}
.js-hiraku-offcanvas-active .sidebar-tel  a .txt span{font-size:1em; }
.js-hiraku-offcanvas-active .sidebar-tel   a .txt strong {font-size:1.3em;}

#sub_content.cons_apply {padding:30px 0px; margin:0px auto;}
.introcontmap {   display: flex;  justify-content: flex-start;  align-items: flex-start; flex-direction:column; gap:40px;}
 .introcontmap .continfo  ul{gap:25px;}
  .introcontmap .continfo li {gap:3px;}
 .introcontmap .continfo li  .tt,  .introcontmap .continfo li  .txt {font-size:1em; }
    .js-hiraku-offcanvas-active .sidebar-snswr li a{ background-color:#bfbfbf; width:100%; height:100%; border-radius:50%;overflow:hidden; -webkit-transition: .2s ease-out;    transition: .2s ease-out;}
  .js-hiraku-offcanvas-active .sidebar-snswr li a img{width:100%; height:auto;  aspect-ratio: 1 / 1; }
 
  .js-hiraku-offcanvas-active .sidebar-snswr li a:hover { background-color:#ff0033;}
  .js-hiraku-offcanvas-active .sidebar-snswr li.kakao a:hover { background-color:#fae100;}
  .js-hiraku-offcanvas-active .sidebar-snswr li.kakao a:hover  img {filter: invert(100%) ;}
  .js-hiraku-offcanvas-active .sidebar-snswr li.blog a:hover { background-color:#00c73c;}
  .js-hiraku-offcanvas-active .sidebar-snswr li.insta a:hover { background: #FFDD55;background: linear-gradient(0deg, rgba(255, 221, 85, 1) 0%, rgba(255, 84, 62, 1) 50%, rgba(200, 55, 171, 1) 100%);}

  
  
}	

@media(max-width:759px) {
 .cons_guide {padding-top:100px;}
 .mvisintrowr .mvintro-left .introtxt {font-size:1.35em;}

  .pagewr .page-title {margin:30px 0;}
  #bo_w .rowwr {grid-template-columns:1fr; gap:10px;} 
  #bo_w .write_div {width:100%; display: flex;  justify-content: center;  align-items: center; gap:10px; }
  #bo_w .write_div .wr_content  {width:100%; }
  #bo_w .write_div .smarteditor2 {overflow-x:auto;}
    #bo_w .write_div button,     #bo_w .write_div a {height:50px; line-height:48px;}
	#bo_w button.btn_submit {padding:0px 30px;}
	#sub_content {padding-bottom:50px !important;}
.js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar { width:100% !important; max-width:100% !important;}	
 .js-hiraku-offcanvas-active .sidebar-snswr { padding:0px;display: flex;  justify-content: center;  center: flex-start; gap:14px;}
   .js-hiraku-offcanvas-active .sidebar-snswr li {width:auto;}
  .js-hiraku-offcanvas-active .sidebar-snswr li a{max-width:50px; height:50px; }
   .js-hiraku-offcanvas-active .sidebar-snswr li a{max-width:50px; height:50px; }
  .js-hiraku-offcanvas-active .sidebar-snswr li a img{width:100%; height:auto;  aspect-ratio: 1 / 1; }
 }

  
  
}
@media(max-width:520px) {
 .cons_guide {padding-top:80px; }
 .cons_guide .pgheader_exp {font-size:0.85em; }
 .mvisintrowr .mvintro-left .introtxt {font-size:1.2em;}
 
  #top_btn {width:42px; height:42px; line-height:38px;}
  .pagetitle-top {align-items: flex-start; text-align:left; }
    .pagetitle-top p{word-break:keep-all; font-size:0.95em;}
}