@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.6/dist/web/static/pretendard.css");
@font-face {
  font-family: "Chosunilbo_myungjo";
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Chosunilbo_myungjo.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'MaruBuri-Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-10-21@1.0/MaruBuri-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {font-family: 'Pretendard-Thin'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff'); font-weight: 100; font-style: normal;}
@font-face {font-family: 'Pretendard-Light'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'); font-weight: 300; font-style: normal; }
@font-face {font-family: 'Pretendard-Regular'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal;}
@font-face { font-family: 'Pretendard-Medium'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'); font-weight: 500; font-style: normal; }
@font-face {font-family: 'Pretendard-SemiBold'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; }
@font-face {font-family: 'Pretendard-Bold'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; }
@font-face {font-family: 'Pretendard-ExtraBold'; src: url('//cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal;}


/* 
 font-family: "Pretendard";
font-family: 'Chosunilbo_myungjo';
 */
 * {font-family:'Pretendard-Light', sans-serif;}
 * p {font-family:'Pretendard-Regular', sans-serif;}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.bold {
  font-weight: bold;
}
.pc_none {display:none;}
.header {
  width: 100%;
  background-color: #fff;
  position: relative;
  font-family: "Pretendard";
  z-index: 9;
  border-bottom:1px solid #ccc;
}
.header .gnb-wrap {
  width: 100%;
  max-width: 1600px;
  height: 100px;
  background-color: #fff;
  display: flex;
  align-items: center;
  margin: 0 auto;
	position:relative;
	justify-content:space-between;
}
.header .gnb-wrap .logo {
}
.header .gnb-wrap .logo > a {
  display: inline-block;
}
.header .gnb-wrap .menu {
  width: 100%;
  display: flex;
  justify-content: end;
	gap:80px;

}
.header .gnb-wrap .menu > li {
  box-sizing: border-box;
  cursor: pointer;
}
.header .gnb-wrap .menu > li > a {
  color: #232323;
  font-weight: bold;
  font-size: 1.25rem;
}
.header .gnb-wrap .header__tel {
  position: absolute;
  right: 65px;
  top: 50%;
  transform: translateY(-50%);
}
.header__tel .header__tel-top {
  font-size: 1.2rem;
}
.header__tel .header__tel-top img {
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.header__tel-num {
  font-size: 2.25rem;
  font-weight: bold;
  color: #ecc346;
}
/*main */
.main {width:100%;margin:0 auto;}
.main_wrap {width:1600px; margin:0 auto;padding:80px 0; overflow:hidden; display:flex; flex-direction:row;justify-content:space-between;}
.main_wrap .box_L {width:38.75%;  cursor:pointer;}
.main_wrap .box_L .box_01{width:100%;padding-bottom:100%;background-color:#fff;position:relative;z-index:1; overflow:hidden;border:1px solid #818181;display:block;box-sizing:border-box;}
.box_deco .box1_p {width:0px;height:0px;border-left:500px solid #f6b2b2; border-top:280px solid transparent; border-bottom:280px solid transparent; position:absolute; bottom:-70px;}
.box_deco .box1_g {position:absolute;width:100%; height:100%;top:0;left:0;background:url('/images/box1_bg.png')no-repeat center center / cover;}


.main_wrap .box_L .box_txtwrap {width:100%; padding:30px; box-sizing:border-box;z-index:10; position:absolute;}
.main_wrap .box_L .box_txtwrap .box_ten {font-size:32px;font-family: 'Pretendard-Bold', sans-serif;}

.main_wrap .box_R .box_txtwrap {position:absolute;width:100%; padding:30px; box-sizing:border-box;}
.main_wrap .box_R .box_txtwrap .box_ten {font-size:26px;font-family: 'Pretendard-Bold', sans-serif;}

.main_wrap .box_L .box_txtwrap .box_tko, .main_wrap .box_R .box_txtwrap .box_tko {font-size:22px;font-family: 'Pretendard-medium', sans-serif;margin:8px auto;}
.main_wrap .box_L .box_txtwrap .box_sub, .main_wrap .box_R .box_txtwrap .box_sub {font-size:18px;font-family: 'Pretendard-Light', sans-serif;}
.main_wrap .box_L .box_txtwrap .box_slink, .main_wrap .box_R .box_txtwrap .box_slink {display:flex; flex-direction:row; justify-content:flex-start; gap:5px;}



.main_wrap .box_R {width:60%;display:flex; flex-flow:row wrap; justify-content:space-between;gap:20px 2%}

.main_wrap .box_R > div {box-sizing:border-box;border:1px solid #818181; cursor:pointer;}
.main_wrap .box_R .box_02 {width:66%; background-color:#c4c4c4;position:relative;}
.main_wrap .box_R .box_deco {position:absolute; top:0; left:0; width:100%; height:100%;z-index:0;}
.box_deco .box2_w {position:absolute;width:75%;height:68%;background-color:#fff;top:0;left:0;z-index:1;}
.box_deco .box2_g {position:absolute;width:37%;height:68%;background-color:#605b56;opacity:0.4;bottom:0;right:0;z-index:2;}
.box_deco .box2_p {position:absolute;width:44%;height:55%;background-color:#f76868;opacity:0.2;bottom:0;right:0;z-index:2;}

.main_wrap .box_R .box_03 {position:relative;width:32%; background-color:#f76868; border:none;}
.main_wrap .box_R .box_04 {position:relative;width:32%; background:url('/images/box4_bg_03.png')no-repeat center center / cover; border:none;}
.main_wrap .box_R .box_05 {position:relative;width:66%; background-color:#fff;overflow:hidden;position:relative;}
.box_deco .box5_g {position:absolute;border-radius:50%;width:110%;padding-bottom:110%;background-color:#f3f3f3;top:15%;right:-42%;z-index:2;}
.box_deco .box5_p{position: absolute; width: 55%; padding-bottom: 55%; border: 1px solid #ff6975; border-radius: 50%; opacity: 0.8; left: -10%; bottom: -57%; z-index: 3;}

.box_L {position:relative;transition: all 1.25s ease; opacity:0; top:50px;}
.box_R {position:relative;transition: all 1.25s ease; opacity:0;bottom:50px;}

body.on .box_L {top:0; opacity:1;}
body.on .box_R {bottom:0; opacity:1;}
/*footer*/
.footerNew {width:100%; padding:0 0 40px;border-top:1px solid #e1e1e1;}
.footerNew .foot_wrap {width:1600px;margin:0 auto; display:flex; flex-direction:row; justify-content:space-between;}
.footerNew .foot-util {display:flex; flex-direction:column; align-items:end; justify-content: flex-end;}
.footerNew .foot_t_inner a{font-family:'Pretendard-Bold', sans-serif; font-size:15px; color:#707070;}
.footerNew .foot_t_inner ul{display:flex;justify-content:end;align-items:flex-start;}
.footerNew .foot_t_inner ul li {margin-right:18px; font-family:"Pretendard"; color:#393939;}
.footerNew .foot_t_inner ul li:hover {color:#707070;}
.footerNew .foot_t_inner ul li:last-child {margin-right:initial;}

.footerNew .foot-info ul.foot-info_list {font-family:"Pretendard-Light", sans-serif; display:flex; flex-direction:row; font-size:15px; line-height:1.3;}
.foot-info > p {font-family:"Pretendard-Light", sans-serif; color:#a0a0a0; font-size:15px;}
/*±âÁ¸css¼öÁ¤*/
.footer-bottom__inner {color:#878787; padding:0;}
.family_btn {color:#878787; border:1px solid #d1d1d1;}
.family__wrap .flist {background:#fff; color:#393939; border:1px solid #d1d1d1;}

.foot_top {width:100%;margin-bottom:30px;}
.foot_top .foot_t_inner {width:1600px; margin:0 auto; padding:20px 0; text-align:right; color:#333; display:flex; justify-content:space-between;}