@charset "UTF-8";
/* @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); */
:root {
--color-blue: #378598;
--color-blue-sub: #668d96;
--color-red: #b4002d;
--color-yellow: #ffe7cb;
--color-white: #fcf6ef;
--color-grey: #d9d9d9;

/* viewport */
--header-height: 96px;
/* --view-height: calc(var(--vh, 1vh) * 100); */
--side-padding: 60px;

/* appearance */
--appearance-padding: 1.6em;
--appearance-select: url(../img/icon/icon-drop-down.svg);
--appearance-date: url(../img/icon/icon-calendar.svg);

/*border*/
--border-color: #378598;
--border-solid: 3px solid var(--border-color);
--border-focus: 1px solid transparent;
/* --border-shdow: 0px 0px 1px 3px rgb(49 112 255 / 80%); */
--border-radius: 4px;

--color-primary: #378598;
--color-active: #b4002d;

/* placeholder*/
--placeholder-color: #ccc;
--placeholder-background: #fff;
--placeholder-gradient: linear-gradient(to right, rgba(248,248,248,1) 2%, rgba(238,238,238,1) 18%, rgba(248,248,248,1) 33%);


/* field*/
--field-padding-side: 12px;

/* inner */
--inner-width: 100%;

/* transition */
--transition-duration-300: 300ms;
--transition-duration-500: 500ms;
}
@media (max-width: 1640px){
  :root { --side-padding: 40px; }
}
@media (max-width: 768px){
  :root { --side-padding: 2.666rem;  }
}
body{background-color: #fcf6ef;}
#wrap{position: relative;margin: var(--side-padding); box-sizing: border-box;}
.sub_inner { max-width: 1400px; margin: 0 auto; position: relative;}
.clearfix::after,
.clearfix::before { content: ""; clear: both; display: block; } 
.t_left { text-align: left; } 
.t_right { text-align: right; } 
.rel { position: relative; } 
.abs { position: absolute; } 
.h100 { height: 100%; }
.f_right { float: right; } 
.f_left { float: left; } 
.fs_def { font-size: 0;}
.l50 {position: absolute; left: 50%;}
.t_center { text-align: center; } 
.fs_def > * { display: inline-block; } 
.blind { overflow: hidden; position: absolute; width: 0; height: 0; line-height: 0; text-indent: -9999px; } 
.ellipsis_1row { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; max-height: 1.7rem; } 
.ellipsis_2row { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; max-height: 5rem; } 
.mo { display: none !important; }
.tablet{display: none;}
.MBC1961 { font-family: "MBC1961_G_M";} 
.cont_tit { font-size: 40px; } 
.lbhidden { text-indent: -999em; overflow: hidden; position: absolute; } 
.txthidden { text-indent: -999em; overflow: hidden; font-size: 0; } 


@media all and (max-width: 1520px){
    #top_btn{ right: 2px;} 
 }
@media (max-width: 1500px){
  .sub_inner { width: 100%; padding: 0 3%; }
}
@media all and (max-width: 1024px){
  .tablet { display: block; }
  .pc { display: none; } 
  .f_pc{display: none;}
 }
@media all and (max-width: 768px){
 .cont_tit { font-size: 36px; } 
 .mo { display: block !important; } 
 .txts{font-size: 14px;}

 }
@media screen and (max-width: 480px) { } 

/********** 맨위로 이동 버튼 ***********/
#top_btn .go_top{ font-size: 18px; text-transform: uppercase; display: block; border-bottom: 3px solid #378598; color: #378598; margin-top: 10px;} 

@media all and (max-width: 980px){
 #top_btn{ display: none;} 
 }
 @media all and (max-width: 768px){
  }
  body { position: relative; }
	.f-mbc-g { font-family: var(--font-family-scd); letter-spacing: -.25px; }
	.large_txt { font-size: 62px; }
	.medium_txt { font-size: 24px; }

	.vh-container { height: var(--view-height); }

/************** header 헤더 **************/
	#header,
	#inquiry,
	.shrink-Z { flex-shrink: 0; }
	.vh-container { height: calc(var(--view-height) - var(--header-height)); }
	#header ~ .vh-container { flex-grow: 1; height: auto; }
	.container { border: 3px solid var(--color-primary); border-top: 0; border-bottom: 0; }

	/*header & footer*/
	#header { height: var(--header-height); }
	#header .header-wrap {  
		top: 0px;
		left: 0px;
		background-color: #fef6ef;
		height: var(--header-height); 
		border: 3px solid var(--border-color);
		transition-property: top, background-color, color, opacity;
		transition-duration: var(--transition-duration-300);
	}
	#header .header-wrap { 
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
		flex-direction: column;
		width: 100%;
		z-index: 8000;
	}
	#header.fixed-header .header-wrap {
		position: fixed;
		left: var(--sider-padding);
		width: calc(100% - 120px);
		opacity: 1;
	}
	#header.scrollUp .header-wrap,
	#header.scrollDown .header-wrap {
		position: fixed;
		left: var(--sider-padding);
		width: calc(100% - 120px);
		opacity: 1;
	}
	#header.scrollDown .header-wrap {
		top: calc(0px - var(--header-height));
		opacity: 0;
	}
	#header .header-wrap .inner{flex-grow: 1;}
  .inner {width: var(--inner-width);padding: var(--inner-padding);margin: 0 auto;}
  #header .inner {
		display: flex;
		justify-content: flex-start;
		align-items: stretch;
	}
	#header .logo {
		flex-shrink: 0;
		margin-left: 20px;
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	#header .tel { 
		flex-shrink: 0; 
		width: 280px;
		background-color: var(--color-primary);
		color: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	#header .tel span {  font-family: var(--font-family-scd); line-height: 1.2;}
	#header .tel span:first-child { font-size: 18px; }
	#header .tel span:last-child { font-size: 32px; color: #ffe7cb;}
	#header .header-nav-wrap { flex-grow: 1; }
	#header .nav { display: flex; justify-content: center; align-items: stretch; height: 100%; }
	#header .nav li { padding: 0 3%; }
	#header .nav a { 
		display: flex;
		justify-content: center;
		align-items: center;
		height: 100%;
	}
	#header .nav a span {  
		color: var(--color-primary);
		font-family: var(--font-family-scd);
		font-size: 20px; line-height: 1.2;
	}
	#header .nav a:hover span,
	#header .nav a[aria-current="page"] span { color: var(--color-active); }
	#header .nav a:active span { color: var(--color-active); opacity: 0.8; }

  @media(max-width: 1640px){
    body { /*min-width: 1260px;*/ }
    .topBtn { width: 40px; }
    #header.scrollUp .header-wrap, #header.scrollDown .header-wrap {width: calc(100% - 83px) !important;}
    /* #header .logo img { width: 234px; } */
    #header .tel { width: 220px; }
  
  
    .large_txt { font-size: 42px; }
    .section_001 .txt h1 { font-size: 76px; }
    .section_002 div[data-aos="fade-right"], .section_002 div[data-aos="fade-left"] { font-size: 52px; }
    .section_002 .symball .circle { width: 104px; }
    .section_002 .symball .logo img { width: 48px; }
    .section_slide .slide_content .slide_desc { padding: 84px 90px; }
    .slide_desc .imgbox img { width: 430px; }
    .slide_desc .top,
    .slide_desc .day span:nth-child(2), 
    .slide_desc .month span:nth-child(2) { font-size: 26px; }
    .section_004 .background { height: 794px; }
    .section_005 .section_item #swiper_sec05_img { border-width: 0.8rem; }
    .section_005 .section_item #swiper_sec05_img .title { font-size: 52px; margin-bottom: 43px; }
    .section_006 .over .title img { width: 420px; }
    #swiper_sec06_desc .head { font-size: 34px; }
    #swiper_sec06_desc .body .tit { font-size: 26px; }
    .section_007 .swiper-slide img { width: 230px; }
    .media_area .title { font-size: 24px; }
  }
  /* @media (max-width: 1024px){
    #header .tel{width: 130px;}
    #header .tel span:first-child{font-size: 18px;}
    #header .tel span:last-child{font-size: 18px;}
    #header .nav a span{font-size: 18px;}
    #header .logo img{width: 200px;}
  } */
  @media(max-width: 1080px){
    :root { 
      --side-padding: 2.666rem; 
      --header-height: 13rem;
    }
     html { font-size: 0.9940vmin; } 
    .topBtn { display: none; }
    /* html.open { overflow: hidden; } */
    body,
    #header, 
   .shrink-Z { min-width: calc(100% - 5.33rem);}
    #header .header-wrap{border: 0.4rem solid var(--border-color);}
    #header { z-index: 9000; }
    #header .tel { display: none; }
    #header .logo img { height: 4.4667rem; width: auto; }
    #header .header-nav-wrap { display: flex; justify-content: flex-end; z-index: 9001; }
    #header .nav {
      flex-direction: column;
      position: fixed;
      bottom: -100%;
      left: 2.66rem;
      width: calc(100% - 5.33rem);
      height: calc(100% - 15.66rem);
      background-color: #fef6ef;
      border: 0.4rem solid var(--color-primary);
      border-top: 0;
      -webkit-transition: opacity 300ms ease;
      transition: opacity 300ms ease;
      z-index: 9000;
    }
    #header .nav li + li { margin-top: 10.66rem; }
    #header .nav a span { font-size: 5.33rem; }
    #header .menuBtn { 
      height: 12.7rem; width: 12.7rem; margin-right: 0; 
      background-color: var(--color-primary);
      background-image: url('../STATIC/img/icon/bugger.png');
      background-repeat: no-repeat;
      background-size: 5.5rem;
      background-position: center;
    }
    html:not(.open) #header .nav {
      top: 100%;
      padding-top: 50rem;
      opacity: 0;
    }
    html.open #header .nav {
      bottom: 0;
      padding-top: 5rem;
      opacity: 1;
    }
    html.open #header .menuBtn { 
      background-image: url('../STATIC/img/icon/bugger_x.png');
    }
    html.open #header.scrollUp .nav {
      height: calc(100% - 12.7rem);
    }
  
  
    #header.scrollUp .header-wrap, 
    #header.scrollDown .header-wrap{
      min-width: calc(100% - 5.33rem);
    }
  
    .large_txt { font-size: 7.733rem; }
    .medium_txt { font-size: 2.933rem; }
  
    .container,
    .container { border-bottom: 0; border-top: 0; }
  
    #web_rolling01,
    #web_rolling02,
    #swiper_sec05_desc { display: none; }
  
    #web_rolling03 { display: flex; }
    .section_item { width: 100%; }
  }
  
  @media(max-width: 768px){
    html { height: var(--view-height); }

  }
  
  @media(max-width: 480px){
    .medium_txt {
      font-size: 3.6rem; 
    }
    #header, #header .header-wrap{height: 16rem;border: 0.4rem solid var(--border-color);}
    #header .logo img{height: 6.5667rem;}
    #header .menuBtn{height: 15.6rem; width: 15.6rem;}
    html.open #header .nav { bottom: -3.3rem; }
  }



/* footer */
.footer { clear: both; position: relative; overflow: hidden; width: 100%; background: #378598; } 
#footer .sub_inner { display: flex; position: relative; flex-wrap: wrap; justify-content: space-between; } 
#footer .sub_inner .util p{font-size: 16px;}
#footer .sub_inner .logo { width: 20%; } 
#footer .footer_wrap {padding: 45px 0; } 
#footer .sub_inner .sns { display: flex;justify-content: flex-end;} 
#footer .sub_inner .sns a { display: block; width: 38px; height: 38px; background: #8db3bc; opacity: 0.7; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: 0.3s ease; } 
#footer .sub_inner .sns a:hover { opacity: 1; } 
#footer .sub_inner .sns li + li { margin-left: 10px; } 
#footer .sub_inner .util { display: flex; align-items: center;} 
#footer .sub_inner .util a { color: #d6d6d6; text-align: center; } 
#footer .sub_inner .util b { font-weight: 600; color: #fff; } 
#footer .sub_inner .util span { padding: 0 8px; color: #a2c6cf; } 
#footer .desc { position: relative; overflow: hidden; color: #a2c6cf; font-size: 16px; line-height: 140%; } 
#footer .desc span { letter-spacing: 0; } 
#footer .desc span + span { margin-left: 6px; } 
#footer .desc p.wide { } 
#footer .desc p.mob { display: none; } 
#footer .desc .copyright { margin-top: 20px; } 

#footer .family_site { width: 173px; height: 50px; position: relative; cursor: pointer; } 
#footer .family_site > h5 { color: #86948c; z-index: 20; font-size: 0.9rem; display: flex; border: 1px solid #86948c; box-sizing: border-box; justify-content: center; align-items: center; line-height: 50px; } 
#footer .family_site > h5 i { margin-left: 10px; } 
#footer .family_site.active > h5 i { color: #86948c; } 
#footer .family_site.active > h5 i { transform: rotate(180deg); } 
#footer .family_site > ul { position: absolute; left: 0; bottom: 0; width: 170px; height: 0px; z-index: 10; background: #0d1d14; overflow: hidden; width: 100%; border-bottom: none; transition: 0.3s all ease; } 
#footer .family_site.active > h5 { background: #192b21; } 
#footer .family_site.active > ul { bottom: 50px; height: 49px; text-align: center; } 
#footer .family_site > ul > li { padding: 5px 20px; } 
#footer .family_site > ul > li > a { line-height: 40px; font-size: 0.9rem; color: #86948c; } 
#footer .family_site > ul > li:hover > a { color: #ff6432; } 

@media all and (max-width: 1280px) { /* #footer { height:auto !important; } */
 #footer .inner { /* height: auto; */
 width: 100%; padding: 0 20px; } 
 #footer .desc { height: auto; } 
 #footer .desc .copyright { margin-top: 20px; } 
 }

@media all and (max-width: 900px){
 #footer .desc { padding: 20px 0 0; } 
 #footer .desc p.wide { display: none; } 
 #footer .desc p.mob { display: block; } 
 #footer .desc .copyright { display: none; } 
 #footer .sub_inner ul li a { font-size: 14px; } 
 #footer .sub_inner .sns{justify-content: center;}
 #footer .sub_inner .sns a + a { margin-left: 10px; } 
 #footer .desc { padding: 0; } 
 #footer .sub_inner .util{margin: 20px 0 20px 0;}
 #footer .sub_inner { flex-direction: column-reverse; text-align: center; padding: 0; align-items: center; } 
 #footer .sub_inner .footer_wrap { flex-direction: column; align-items: center; } 
 }
@media all and (max-width: 768px){
  .footer_m { height: auto; } 
 #footer .sub_inner ul { justify-content: center; width: 100%; text-align: center; } 
 #footer .sub_inner .right .sns { float: none; width: 100%; margin-top: 0; text-align: center; } 
 #footer .desc { padding: 0 10px; font-size: 14px;} 
 #footer .desc .logo img { width: 50%; } 
 #footer .desc p { text-align: center; } 
 #footer .sub_inner .util p{font-size: 14px;}
 }
@media all and (max-width: 480px){
 #footer { height: auto; } 
 }
@media all and (max-width: 420px){
 #footer .desc p { font-size: 12px; } 
 }

/********** personal info privacy **********/

.privacy-policy { position: fixed; /* keeps the privacy-policywindow in the current viewport */
 top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000); text-align: center; z-index: 999999; } 

.privacy-policy .policy-wrapper { overflow: hidden; margin: 90px auto; position: relative; box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; -moz-box-shadow: 0 0 25px #111; width: 90%; background-color: #fff; border: 1px solid #999; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; max-width: 820px; border-radius: 10px; /* z-index: 99999; */}

.close-popup { position: absolute; top: 20px; right: 20px; background-color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 21px; font-weight: bold; line-height: 1; color: #ccc; text-shadow: 0 1px 0 #fff; border: none; } 

.privacy-policy .policy-wrapper h4 { padding: 15px; border-bottom: 1px solid #e5e5e5; font-size: 18px; } 

.privacy-policy .policy { overflow-y: auto !important; padding: 30px; text-align: left; line-height: 163%; font-size: 12px; } 

/***** email policy *****/
.email-policy { position: fixed; /* keeps the privacy-policywindow in the current viewport */
 top: 0; left: 0; display: none; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#A6000000, endColorstr=#A6000000); text-align: center; z-index: 999999; } 
.email-policy .email-wrapper { overflow: hidden; margin: 90px auto; position: relative; box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; -moz-box-shadow: 0 0 25px #111; width: 90%; background-color: #fff; border: 1px solid #999; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; max-width: 820px; border-radius: 10px; } 
.email-policy .email-wrapper h4 { padding: 15px; border-bottom: 1px solid #e5e5e5; font-size: 18px; font-weight: 500; } 

.email-policy .policy { overflow-y: auto; padding: 30px; text-align: left; line-height: 163%; font-size: 14px;} 

/* end of policy layer popup */

/* 가맹문의 버튼 */
.btn_pop_inq { position: fixed; right: 50px; bottom: 56px; cursor: pointer; z-index: 2000; display: none; } 
.btn_pop_inq .btn_pulse { width: 77px; height: 77px; border-radius: 50%; background-color: #00c8b9; animation: pulse 2s linear infinite; display: flex; justify-content: center; align-items: center; } 
.btn_pop_inq .btn_pulse span { text-align: center; font-weight: 500; color: #fff; } 

.btn_consl { position: fixed; right: 80px; bottom: 56px; width: 77px; height: 77px; cursor: pointer; z-index: 2000; } 
.btn_consl span { display: block; } 
.btn-opener { position: relative; } 
.btn-opener img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50%; background-repeat: no-repeat; -webkit-backface-visibility: hidden; backface-visibility: hidden; } 
.btn-opener img.front { -webkit-transform: rotateY(0); -ms-transform: rotateY(0); transform: rotateY(0); } 
.btn-opener img.back { -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); transform: rotateY(180deg); } 
.circle-shape .btn-close { background: url("/images/icon/icon_inquiry_close.png") no-repeat center center; opacity: 0; } 
.circle-shape .btn-close::before,
.circle-shape .btn-close::after { content: ""; position: absolute; left: 50%; top: 50%; background-color: #82061c; } 
.btn_consl.open .circle-shape .btn-opener { opacity: 0; } 
.btn_consl.open .circle-shape .btn-close { opacity: 1; z-index: 30000; } 

.circle-ripple { position: absolute; left: 50%; top: 50%; width: 8000%; height: 8000%; margin-left: -4000%; margin-top: -4000%; border-radius: 50%; background: #b80000; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); z-index: 2000; } 
.circle-shape > span { position: absolute; left: 0; top: 0; z-index: 20000; width: 100%; height: 100%; border-radius: 50%; transition: opacity 1s; } 
/* .circle-shape .btn-opener { -webkit-animation:btn-opener-ani 1.0s ease-in-out infinite alternate; animation:btn-opener-ani 1.0s ease-in-out infinite alternate; } */

#close { display: none; background: url("/images/icon/icon_inquiry_close.png") no-repeat center center; width: 50px; height: 50px; background-size: cover; position: absolute; right: 10px; bottom: 10px; z-index: 20001; } 
#close::before,
#close::after { content: ""; position: absolute; left: 50%; top: 50%; background-color: #82061c; } 

.btn_consl_m { display: none; position: fixed; right: 50px; bottom: 56px; width: 137px; height: 136px; z-index: 10000; } 

@keyframes pulse { 
 0% { box-shadow: 0 0 0 0 rgba(255, 0, 64, 0.7), 0 0 0 0 rgba(255, 0, 64, 0.7); } 
 40% { box-shadow: 0 0 0 50px rgba(255, 0, 64, 0), 0 0 0 0 rgba(255, 0, 64, 0.7); } 
 80% { box-shadow: 0 0 0 50px rgba(255, 0, 64, 0), 0 0 0 30px rgba(255, 0, 64, 0); } 
 100% { box-shadow: 0 0 0 0 rgba(255, 0, 64, 0), 0 0 0 30px rgba(255, 0, 64, 0); } 
 }
@-webkit-keyframes pulse { 
 0% { box-shadow: 0 0 0 0 rgba(255, 0, 64, 0.7), 0 0 0 0 rgba(255, 0, 64, 0.7); } 
 40% { box-shadow: 0 0 0 50px rgba(255, 0, 64, 0), 0 0 0 0 rgba(255, 0, 64, 0.7); } 
 80% { box-shadow: 0 0 0 50px rgba(255, 0, 64, 0), 0 0 0 30px rgba(255, 0, 64, 0); } 
 100% { box-shadow: 0 0 0 0 rgba(255, 0, 64, 0), 0 0 0 30px rgba(255, 0, 64, 0); } 
 }

@media screen and (max-width: 768px) { /* .btn_consl { display:none; } */
 .btn_consl { right: 10px; bottom: 10px; } 
 /* .btn_consl_m { display:block; right:0px; bottom:10px; width:85px; height:85px; } */
 .circle-shape .btn-close { display: none; } 
 .btn-close { display: none; } 
 #close { display: block; } 
 }

/* 가맹문의 팝업 */
.pop_inq { overflow: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #b80000; background-size: cover; z-index: 500; } 
.pop_inq_inner { position: absolute; left: 50%; top: 45%; width: 1000px; margin-left: -500px; -webkit-transform: translateY(-45%); -ms-transform: translateY(-45%); transform: translateY(-45%); } 
.pop_inq_title { padding: 0 0 80px; position: relative; font-size: 40px; letter-spacing: -0.05em; line-height: 150%; color: #fff; } 
.pop_inq_title span { color: #000; font-weight: 500; } 

.pop_inq .bot_inquiry input { width: 310px; height: 50px; padding: 0; box-sizing: border-box; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.6); background-color: transparent; color: #fff; box-sizing: border-box; font-size: 24px; } 
.pop_inq .bot_inquiry input:-ms-input-placeholder { color: #fff; } 
.pop_inq .bot_inquiry input::-webkit-input-placeholder { color: #fff; } 
.pop_inq .bot_inquiry input::-moz-placeholder { color: #fff; } 
.pop_inq .bot_inquiry select { margin-top: -1px; width: 310px; height: 50px; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.6); background-color: transparent; color: #fff; box-sizing: border-box; font-size: 24px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("/images/icon_inq_arrow.png") no-repeat 95% 50%; } 
.pop_inq .bot_inquiry select::-ms-expand { display: none; } 
.pop_inq .bot_inquiry option { color: #000; } 
.pop_inq .bot_inquiry input#iqr_hp { margin: 0 15px; } 
.pop_inq .bot_inquiry input#chk_sms_agree0 { width: 0; height: 0; outline: none; } 
.pop_inq .chk_label { font-size: 17px; letter-spacing: 0; color: #fff; } 
.pop_inq .bot_inquiry .b_btn { width: 100%; height: 55px; line-height: 55px; font-size: 20px; letter-spacing: -0.03em; color: #fff; background-color: #ceab75; text-align: center; } 
.pop_inq .check_ovh { padding-top: 40px; width: 100%; overflow: hidden; } 
.pop_inq .check_ovh .type_chk { padding-top: 19px; width: 60%; float: left; } 
.pop_inq .check_ovh .type_chk img { margin-left: 5px; } 
.pop_inq .check_ovh .submit_wrap { width: 39%; float: right; } 
.pop_inq .check_ovh .submit_wrap button { border: 0; width: 390px; height: 55px; line-height: 53px; background: #000; color: #fff; text-align: center; font-size: 22px; font-weight: 500; } 
.pop_inq_txt { position: fixed; bottom: 40px; left: 40px; font-size: 30px; color: #fff; font-weight: 500; } 
input[type="checkbox"].check { position: absolute; overflow: hidden; height: 0; width: 0; left: -999px; } 
input[type="checkbox"].check + label.chk_label { display: inline-block; width: auto; height: auto; position: relative; padding-left: 30px; cursor: pointer; } 
input[type="checkbox"].check + label.chk_label:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -10px; width: 20px; height: 20px; background: url(/images/icon/input_box.png) no-repeat 0 0; } 
input[type="checkbox"].check:checked + label.chk_label:before { background-position: -20px 0; } 

@media screen and (max-width: 1200px){
 .pop_inq_inner { left: 5%; top: 35%; width: 90%; margin-left: 0; -webkit-transform: translateY(-35%); -ms-transform: translateY(-35%); transform: translateY(-35%); } 
 .pop_inq .bot_inquiry input,
 .pop_inq .bot_inquiry select { width: 31%; } 
 .pop_inq .check_ovh .submit_wrap { width: 30%; } 
 .pop_inq .check_ovh .submit_wrap button { width: 92%; } 
 }
@media screen and (max-width: 768px){
 .pop_inq_inner { top: 30%; -webkit-transform: translateY(-30%); -ms-transform: translateY(-30%); transform: translateY(-30%); } 
 .pop_inq_title { padding: 0 0 40px; font-size: 28px; line-height: 140%; } 
 .pop_inq .bot_inquiry input#iqr_hp { margin: 0 0 10px; } 
 .pop_inq .bot_inquiry input,
 .pop_inq .bot_inquiry select { width: 100%; font-size: 16px; height: 40px; padding: 0 0 0 5px; margin-bottom: 10px; } 
 .pop_inq .chk_label { font-size: 14px; } 
 .pop_inq .check_ovh { padding-top: 20px; } 
 .pop_inq .check_ovh .type_chk { width: 100%; } 
 .pop_inq .check_ovh .submit_wrap { width: 100%; margin-top: 10px; } 
 .pop_inq .check_ovh .submit_wrap button { width: 100%; font-size: 16px; height: 45px; line-height: 43px; } 
 .pop_inq_txt { bottom: 10px; left: 10px; font-size: 18px; } 
 }