@charset "utf-8";
/*@import url(https://cdn.rawgit.com/openhiun/hangul/14c0f6faa2941116bb53001d6a7dcd5e82300c3f/nanumbarungothic.css);*/

@font-face {
    font-family: Montserrat;
    src: url('../fonts/Montserrat/Montserrat-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Montserrat;
    src: url('../fonts/Montserrat/Montserrat-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Heebo;
    src: url('../fonts/Heebo/Heebo-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Heebo;
    src: url('../fonts/Heebo/Heebo-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Poppins;
    src: url('../fonts/Poppins/Poppins-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: NanumSquareOTF;
    src: url('../fonts/NanumFontSetup_OTF_SQUARE/NanumSquareOTF_acR.otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: NanumSquareOTF;
    src: url('../fonts/NanumFontSetup_OTF_SQUARE/NanumSquareOTF_acB.otf');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: LINESeedKR;
    src: url('../fonts/LINE_SeedKR/LINESeedKR-Bd.ttf');
    font-weight: bold;
    font-style: normal;

}
@font-face {
    font-family: LINESeedKR;
    src: url('../fonts/LINE_SeedKR/LINESeedKR-Rg.ttf');
    font-weight: normal;
    font-style: normal;
}

.Montserrat {font-family: Montserrat, serif;}
.Heebo {font-family: Heebo, serif;}
.Poppins {font-family: Poppins, serif;}
.NanumSquareOTF {font-family: NanumSquareOTF, serif;}

* {font-family: Montserrat, NanumSquareOTF, serif;}

html {margin:0 auto !important; padding:0; font-size: 18px; color:#333; max-width: 1920px; width: 100%; height: 100%; box-sizing: border-box; overflow-x: hidden !important;}
/* html * {color: #333;} */
body {position: relative; top: 0; left: 0; color: #333; line-height: 1.4;}
table {border-collapse: collapse; margin: 0; padding: 0;}
td {margin: 0; padding: 0;}
div, p, ul, ol, li {margin:0; padding:0; list-style:none; word-break: keep-all !important;}
a:link { color: #333; text-decoration: none;}
a:visited { color: #333; text-decoration: none;}
a:hover { color: #333; text-decoration:none;}
section {position: relative; top: 0; left: 0; max-width: 1920px; width: 100%;}
.bg_img {max-width: 1920px; width: 100%; height: auto;}
.container_1000 {margin: 0 auto; max-width: 1000px; width: 100%; padding: 0 3%;}
.container_1600 {margin: 0 auto; max-width: 1600px; width: 100%; padding: 0 3%;}
.rel {position: relative; top: 0; left: 0;}

.bold {font-weight: 900 !important;}
.fs_pt10 {font-size: 0.8rem !important;}
.fs_pt15 {font-size: 1rem !important;}
.fs_pt20 {font-size: 1.2rem !important;}
.fs_pt25 {font-size: 1.4rem !important;}

.mb_pt10 {margin-bottom: 0.8rem !important;}
.mb_pt15 {margin-bottom: 1rem !important;}
.mb_pt20 {margin-bottom: 1.2rem !important;}
.mb_pt25 {margin-bottom: 1.4rem !important;}

.head_font {font-weight: 900 !important; font-size: 36px !important; color: #333 !important;}
.cont_font {font-size: 20px !important; color: #333 !important;}
.subs_font {font-size: 20px !important; color: #333 !important;}
.subs1_font {font-size: 16px !important; color: #333 !important;}
.tabs_font {font-weight: 600 !important; font-size: 22px !important;}

.pb100 {padding-bottom: 100px !important;}
.ptb90 {padding: 90px 0 90px !important;}
.pb90 {padding-bottom: 90px !important;}
.pb42 {padding-bottom: 42px !important;}
.pb30 {padding-bottom: 30px !important;}
.pl20 {padding-left: 20px !important; padding-right: 20px !important;}

/* header start ========================================================================= */
/***  pages_top_img_start  ***/
.top_img_bg {width: 100%; overflow: hidden;}
.top_img_bg img {margin-left: 50%; transform: translateX(-50%); max-width: 1920px; width: 100%;}
.page_top_title {position: absolute; bottom: 0; left: 50%; font-weight: 500; font-size: 4.5rem; color: rgba(255, 255, 255, .8); line-height: 3.2rem; opacity: 0; transition: left 2s linear, opacity 2s linear;}
.slide_left {left: 0; opacity: 1;}
/***  pages_top_img_end  ***/
/* 바디에 스크롤 막는 방법 */
.not_scroll{
    position: fixed;
    overflow: hidden;
    width: 100%;
    height: 100%;
}



.fixed_top_nav {position: fixed; top: 0; left: 0; right: 0; z-index: 100; margin: 0 auto; width: 100%;}
.top_nav_wrap {padding: 1%; margin: 0 auto; max-width: 1600px; width: 100%; transition: background .5s;}
.top_logo img {position: relative; z-index: 100; width: 50%; max-width: 138px; filter: drop-shadow(0 0 5px rgba(0, 0, 0,)); -moz-box-filter: drop-shadow(0 0 5px rgba(0, 0, 0,)); -webkit-filter: drop-shadow(0 0 5px rgba(0, 0, 0,));}

.black_icon {display: none;}
.mob_menu_wrap {position: fixed; top: 0; left: 0; z-index: 20; color: #fff; padding-top: 15%; width: 100%; height: 100%; background: #8d072a; display: none;}
.mob_menu_card *, .menu_address_box *, .menu_contact_box *, .selected-value, .option {font-family: LINESeedKR !important;}
.contact_box a i {transform: rotate(-45deg);}

.mob_menu_open_icon {position: relative; z-index: 100; font-size: 1.5rem; cursor: pointer;}
.mob_menu_close_icon {position: relative; z-index: 100; display: none; font-size: 1.5rem; color: #fff; cursor: pointer;}

.mob_menu_card {font-weight: bold; font-size: 3rem; padding-left: 5%;}
.mob_menu_card a {color: #fff !important;}

.contact_box { padding-left: 5%;}
.contact_box > div {margin-bottom: 10%;}
.contact_box > div > p:nth-child(1) {font-weight: bold; margin-bottom: 2%;}
.contact_box > div > p:nth-child(2) {font-size: 0.9rem; line-height: 1rem; color: rgba(255, 255, 255, 0.7);}

.contact_box a {font-weight: bold; color: #fff !important; padding: 0.7rem 2rem; border-radius: 2rem; border: 1px solid #fff;}
.contact_box a:hover {color: #111 !important; background: #fff;}

/* select css start */

ul {
  list-style-type: none;
  padding-left: 0px;
}

.select {
  display: inline-block;  
  position: relative;
}

.select img {width: 100%;}

.select .selected {
  
  font-size: 0.9rem;
  display: flex;
  justify-content: center;
  padding: 0.3rem 0.5rem 0.2rem 0.3rem;
  text-align: center;
  border-radius: 2rem;
  background: rgba(253, 59, 59, 0.7);
  cursor: pointer;
}

.select .selected .selected-value {
  max-width: 90px;
}

.select .selected .arrow {
 width: 1.5rem; padding-right: 10%;
}

.select ul li,
.select .selected .selected-value {
  white-space: nowrap;
  /* 줄바꿈 안함 */
  overflow: hidden;
  /* text-overflow: ellipsis; */
  /* 말줄임 적용 */
}

.select ul {
  width: 100%;
  height: 0;
  /* border: 1px solid #999; */
  /* display: none; */
  position: absolute;
  left: 0;
  background: rgba(253, 59, 59, 0.7);
  border-radius: 0 0 1rem 1rem;
  border-top: none;
  /* margin: 1px 0 0 -1px; */
  cursor: pointer;
  overflow: hidden;
}

.select.active .selected {background: #fd3b3b; border-radius: 1rem 1rem 0 0;}

.select.active ul {
  /* display: initial; */
  height: 3.5rem;
}

.select ul li {

  padding: 0.2rem 0.7rem 0;
}

.select ul li:hover {
    border-radius: 2rem;
  background: rgba(0, 0, 0, 0.2);
}

/* select css end */

/* menu hover effect css start */

.SMN_effect-31 a {
	position: relative;
	overflow: hidden;
	display: block;
	text-align: left;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	padding: 0;
}

.SMN_effect-31 a span {
	display: block;
	-webkit-transition: -webkit-transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: -webkit-transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.SMN_effect-31 a:after {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	content: attr(data-hover);
	display: inline;
	text-align: left;
	-webkit-transition: top 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
	transition: top 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.SMN_effect-31 a:hover {
	color: #111 !important;
}

.SMN_effect-31 a:hover span {
	color: #111;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.SMN_effect-31 a:hover:after {
	top: 0;
}

.SMN_effect-31 a:active {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand;
}

/* menu hover effect css end */

/* header end ========================================================================= */



/***  footer_start  ***/

/* footer {position: relative; z-index: 30; font-size: .8rem; color: #b3b2b2; background: #1c1c1c; padding: 1.5% 0;}
footer * {font-family: NanumSquareOTF, serif;}
.footer_logo img {max-width: 263px; width: 100%;}
.copyright {font-size: .58rem; margin-top: 1.5%;} */

footer {bottom: 0; left: 0; font-size: 1rem; color: rgba(255, 255, 255, 0.7); background: #757575; width: 100%; max-width: 1920px; padding: 0;}
footer img {width: 20% !important; max-width: 138px !important;}
footer .container_1600 {justify-content: end;}
.texts_wrap {padding: 2% 0;}
.copyright {font-size: 0.8rem;}
.office_info {font-size: 0.9rem; padding-right: 3%; text-align: right;}
.office_address {margin-bottom: 1%;}
.office_email {font-size: 1rem;}
.top_btn {border-left: 1px solid rgba(255, 255, 255, 0.2);}
.top_btn a {font-weight: bold; font-size: 1.1rem; line-height: 1.1rem; color: #fff !important; padding-top: 20%; width: 100%; height: 100%; cursor: pointer; display: block;}

.top_btn_mob_wrap {clear: both; }
.top_btn_mob {display: none; border: none; padding: 2%; width: 10%; float: right;}
.top_btn_mob a {font-size: 1.5rem; padding-top: 10%; display: inline-block;}

/***  footer_end  ***/


@media (max-width: 1300px) {
    html {font-size: 14px;}
}

@media (min-width: 1200px) {
    /* .mob_menu_wrap {display: none !important;} */
}

@media (max-width: 1200px) {
    .top_logo {text-align: left !important;}
    .top_logo img {width: 25%;}
    .lang {text-align: right;}
}

@media (max-width: 1024px) {
    .top_nav_wrap {padding: 1% 5%;}
    .mob_menu_card {padding-left: 10%;}
    .mob_menu_open_icon {padding-top: 0;}

    .contact_box { padding-left: 10%; margin-top: 10%;}
    .contact_box > div {margin-bottom: 7%;}

    footer {font-size: 1.2rem;}
    footer img {width: 30%;}
    .texts_wrap {padding: 3% 0; border-top: 1px solid rgba(255, 255, 255, 0.2);}
    .copyright {font-size: 0.9rem;}
    .office_info {font-size: 1rem; padding-right: 3%;}
    .office_email {font-size: 1.1rem;}
}

@media (max-width: 992px) {
    /* .top_logo img {width: 50%;} */
    .texts_wrap > div:nth-child(2) * {text-align: left !important;}
}

@media (max-width: 768px) {
    .top_nav {align-items: center !important;}
    /* .top_logo img {width: 50%;} */
    .mob_menu_open_icon img {width: 50%;}
    /* .mob_menu_wrap {width: 50%;} */
    .mob_menu_head {background: #fd3b49;}
}

@media (max-width: 576px) {
    html {font-size: 14px;}
    .top_logo img {width: 50%;}
    /* .top_logo {width: 40%;} */
    .mob_menu_open_icon * {font-size: 1.5rem; width: 80%;}
    /* .mob_menu_wrap {width: 100%;}
    .mob_menu_head {padding: 20% 3% 20%; background: #8f1336;} */
    .mob_menu_card {font-size: 2.3rem; line-height: 4rem; padding: 10% 10% 0;}
    .contact_box {padding: 5% 3%;}
    .menu_contact_box {margin-bottom: 15% !important;}


    .page_top_title {font-size: 2.5rem; line-height: 1.7rem;}

    footer {font-size: 1.2rem;}
    footer .container_1600 {padding: 0; justify-content: center;}
    .top_btn {display: none; }
    .top_btn_mob {display: block;}
    .footer_logo img {width: 20%; margin-bottom: 2%;}
    .texts_wrap {padding: 3% 0; margin: 0; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2);}
    .texts_wrap > div:nth-child(2) * {text-align: left !important;}
    .copyright {font-size: 0.5rem; margin-bottom: 5%;}
    .office_info {font-size: 0.8rem; padding-right: 3%;}
    .office_email {font-size: 1rem;}
    .top_btn_mob {width: 20%;}
    .top_btn_mob a {font-size: 1.2rem;}
    
}