@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.fix{ overflow:hidden; }

.w1200{ width:1200px; margin:auto; }

.section  .anime {
  -webkit-animation-duration: 3.2s;
     -moz-animation-duration: 3.2s;
       -o-animation-duration: 3.2s;
          animation-duration: 3.2s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}

.section.active .anime {
  -webkit-animation-duration: 3.2s;
     -moz-animation-duration: 3.2s;
       -o-animation-duration: 3.2s;
          animation-duration: 3.2s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
}

.section.active .anime.faleft2 {
  -webkit-animation-name: fadeInRight;
  -moz-animation-name: fadeInRight;
  -o-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.section.active .anime.faleft {
  -webkit-animation-name: fadeInDown;
  -moz-animation-name: fadeInDown;
  -o-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.swiper-slide-active .anime { 
  -webkit-animation-duration: 1.5s;
     -moz-animation-duration: 1.5s;
       -o-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
     -moz-animation-fill-mode: both;
       -o-animation-fill-mode: both;
          animation-fill-mode: both;
		  animation-name: fadeInDown;
}



.anim1{
animation:mainItemx 2.5s ease-in-out infinite alternate;
}

.anim2{  animation:mainItemx 2.5s ease-in-out infinite alternate;}
.anim3{ animation:mainItemx 3.5s ease-in-out infinite alternate;}
.anim4{  animation:mainItemx 3s ease-in-out infinite alternate;}
.anim5{ animation:mainItemx 3s ease-in-out infinite alternate; }
.anim6{  animation:mainItemx 2s ease-in-out infinite alternate;}

.mainani{ animation:mainItemx 2.5s ease-in-out infinite alternate; }

@keyframes mainItemx{
	0%{transform:translateY( 5%);}
	100%{transform:translate( -5%);}
}



.swiper-slide-active .anime.du1{ animation-delay: 0.2s;}
.swiper-slide-active .anime.du2{ animation-delay: 0.6s;}
.swiper-slide-active .anime.du3{ animation-delay: 1.0s;}
.swiper-slide-active .anime.du5{ animation-delay: 1.4s;}
.swiper-slide-active .anime.du6{ animation-delay: 1.8s;}
.swiper-slide-active .anime.du7{ animation-delay: 2.2s;}
.swiper-slide-active .anime.du8{ animation-delay: 2.4s;}



 .section.active .anime.dur0{ animation-delay:0.7s;}
.section.active .anime.dur1{ animation-delay:1.0s;}
.section.active .anime.dur2{ animation-delay:1.9s;}
.section.active .anime.dur3{ animation-delay:2.2s;}
.section.active .anime.dur4{ animation-delay:2.5s;}

.section.active .anime.dur5{ animation-delay:2.8s;}
.section.active .anime.dur6{ animation-delay:2.5s;}
.section.active .anime.dur7{ animation-delay:3.5s;}

.section.active .anime.dur8{ animation-delay:4.5s;}



@-webkit-keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}
@keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}


.eng{  font-family: 'Oswald', 'NotoSans',sans-serif; }
.eng2{ font-family: 'GmarketSansMedium';}
.video-container {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: 0;
}

.video-container iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  min-height: 66%;
  min-width: 66%;
}

.video-container2 {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container2 iframe,
.video-container2 object,
.video-container2 embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#dimmed {display:none; position:fixed; left:0; top:0; z-index:255; width:100%; height:100%; background:rgba(29,33,42,0.95);min-width:1400px;}


button.berger:active,button.berger:focus{ outline:0;}


.header.on button.berger span{background:#222 !important; }
.header.on2 button.berger span{background:#fff !important; }

button.berger{background:none;z-index: 70;width:40px;height:40px;cursor:pointer;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 
}

#tocplusWindow{display: ;}
button.berger{ border:0;}
button.berger.on{  }
button.berger span{display: block;vertical-align:top;
  -moz-transition: all .3s ease-in-out;margin:0;
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;opacity:1;position: relative;
  width:25px;height:2px;background:#fff;margin-top:6px
}
button.berger span:first-child{  margin-top:0;}

button.berger span.berger1{
  -webkit-animation : menu-bar01_1 1s forwards;
  -moz-animation : menu-bar01_1 1s forwards;
  animation : menu-bar01_1 1s forwards;
}
button.berger span.berger2{ opacity:1;
  transform:translateY(0px) rotate(0);
}
button.berger span.berger3{
  -webkit-animation : menu-bar02_1 1s forwards;
  -moz-animation : menu-bar02_1 1s forwards;
  animation : menu-bar02_1 1s forwards;margin-left:0;
}

button.berger.on span.berger1{ width:27px;
  -webkit-animation : menu-bar01 1s forwards;
  -moa-animation : menu-bar01 1s forwards;
  animation : menu-bar01 1s forwards;
}
button.berger.on span.berger2{ opacity:0;
width:0;
}
button.berger.on span.berger3{ width:27px;
    -webkit-animation : menu-bar02 1s forwards;
    -moz-animation : menu-bar02 1s forwards;
    animation : menu-bar02 1s forwards;
}
.all_menu button.berger{ right:50%;top:80px;margin-right:-640px;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
.all_menu button.berger span{ background:#fff; }

body.on button.berger,
#wrap.on + .all_menu button.berger,
.header.on button.berger{ top : 60px }

@keyframes menu-bar01 {
  0% {
    -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);

  }
  50% {
    -webkit-transform : translateY(6px) rotate(0);
    transform : translateY(6px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(6px) rotate(45deg);
    transform : translateY(6px) rotate(45deg);
  }
}

@keyframes menu-bar02 {
  0% {
    -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);
  }
  50% {
    -webkit-transform : translateY(-12px) rotate(0);
    transform : translateY(-12px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(-12px) rotate(-45deg);
    transform : translateY(-12px) rotate(-45deg);
  }
}


@keyframes menu-bar01_1 {
  0% {
    -webkit-transform : translateY(6px) rotate(45deg);
    transform : translateY(6px) rotate(45deg);
  }
  50% {
    -webkit-transform : translateY(6px) rotate(0);
    transform : translateY(6px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);
  }
}
@keyframes menu-bar02_1 {
  0% {
    -webkit-transform : translateY(-6px) rotate(-45deg);
    transform : translateY(-6px) rotate(-45deg);
  }
  50% {
    -webkit-transform : translateY(-6px) rotate(0);
    transform : translateY(-6px) rotate(0);
  }
  100% {
  -webkit-transform : translateY(0px) rotate(0);
    transform : translateY(0px) rotate(0);
  }
}


.close_pop { 

cursor:pointer;
display:block;
  position: absolute;
  right: 5%;
  top: 5%;
  width: 35px;
  height: 35px;
  opacity: 0.9;
}
.close_pop:hover {
  opacity: 1;
}
.close_pop:before, .close_pop:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 35px;
  width: 3px;
  background-color: #000;
}
.close_pop:before {
  transform: rotate(45deg);
}
.close_pop:after {
  transform: rotate(-45deg);
}


.close2 { 

cursor:pointer;
display:block;
  position: absolute;
  right: 5%;
  top: 5%;
  width: 35px;
  height: 35px;
  opacity: 0.9;
}
.close2:hover {
  opacity: 1;
}
.close2:before, .close2:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 35px;
  width: 3px;
  background-color: #fff;
}
.close2:before {
  transform: rotate(45deg);
}
.close2:after {
  transform: rotate(-45deg);
}


.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid black;
}

.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #f00;
}

.arrow-right {
  width: 0; 
  height: 0; 
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  
  border-left: 5px solid #fff;
}

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent; 
  
  border-right:10px solid blue; 
}


.design_chk{ display: inline-block;position: relative;padding-left:32px; cursor:pointer;}
.design_chk:before{ content:"";display: block;width:27px;height:27px;background:url(/theme/ihwa/img/common/input_chk.png) 0 0 no-repeat;position: absolute;left:0;top:1px; }
.design_chk input:checked + span{ background:url(/theme/ihwa/img/common/input_chk_on.png) 0 0 no-repeat; position: absolute;left:0;top:0;width:27px;height:27px;position: absolute;left:0;top:1px;}
.design_chk input{ display: none; }
 
.subtop { width:100%;height:440px; background-repeat:no-repeat; background-position:top center; background-attachment: fixed;  }
.subtop.ihwa1{ background-image:url(/theme/ihwa/img/sub/subtop_ihwa.jpg); }
.subtop.ihwa2{ background-image:url(/theme/ihwa/img/sub/subtop_ihwa02.jpg); }
.subtop.ihwa3{ background-image:url(/theme/ihwa/img/sub/subtop_ihwa03.jpg); }
.subtop.ihwa4{ background-image:url(/theme/ihwa/img/sub/subtop_ihwa04.jpg); }
.subtop.ihwa6{ background-image:url(/theme/ihwa/img/sub/subtop_ihwa06.jpg); }
.subtop .title{ width:100%;text-align:center; position:relative; top:50%; transform:translateY(-50%); color:#fff;font-weight:bold; font-size:45px; }

.tbl_row {table-layout:fixed; width:100%; border-top:1px solid #e0e0e0;}
.tbl_row caption {padding-bottom:20px; font-weight:bold; text-align:left;}
.tbl_row th {padding:15px 0 15px 30px; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_row td {padding:15px 10px; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word;}



.submenu{ border-bottom:1px solid #dddddd; height:60px;  width:100%;background:#fff;  }
.submenu .cont{width:1200px; margin:auto; }
.submenu .smenu1{ width:60px;height:60px; background-image:url(/theme/ihwa/img/sub/icn_home.png);background-position:center; background-repeat:no-repeat; background-color:#a21f1e; float:left;  }
.submenu .smenu1 a{ display:block; width:100%;height:100%; }
.submenu .smenu2{width:230px; height:60px;float:left; border-right:1px solid #ddd;  position:relative;  }
.submenu .smenu3{width:230px; height:60px;float:left; border-right:1px solid #ddd;  position:relative;  }
.submenu i{ position:absolute;right:10px;top:25px; }
.submenu a.link{ display:block; width:100%;height:100%;line-height:60px;font-size:16px; color:#666; padding-left:20px; }
.submenu .sub_view{ position:absolute;left:-1px;top:60px; background:#fff; display:none; width:calc(100% + 2px);;z-index:222;border:1px solid #eee;}
.submenu .sub_view a.link2{display:block; width:100%;height:100%;line-height:45px;font-size:16px; color:#666; padding-left:20px; }
.submenu .sub_view a.link2:hover{ color:#a21f1e;}

.submenu.fixed{ position:fixed; left:0px;top:80px; z-index:5; }

.ihwa { }
.ihwa .cont{width:100%; margin:auto; padding:50px 0 0 ;text-align:center;  }
.ihwa .cont .ih_line{ width:1px; height:40px; margin:0 auto 30px; background:#000; }
.ihwa .cont .ih_tx01{font-size:40px;line-height:40px;  font-weight:bold; color:#000; margin-bottom:50px;  }


.ihwa .cont .ih_title1{font-size:40px;line-height:45px;  font-weight:300; color:#000; margin-bottom:0px;  }
.ihwa .cont .ih_title2{font-size:40px;line-height:45px;  font-weight:bold; color:#000; margin-bottom:50px;  }


.bo_title_area{ padding:80px 0  0;}
.board_wrap {width:1200px; margin:auto ;padding:80px 0;}
.bo_title{font-size:40px;line-height:40px;  font-weight:bold; color:#000; margin-bottom:50px;text-align:center; }
.titleline{width:1px; height:40px; margin:0 auto 30px; background:#000;}


.contribution{ margin-bottom:40px; margin-top:40px; }
.contribution .its{   }
.contribution .its .tx01{ margin-bottom:30px;font-size:45px; color:#a21f1e; line-height:1.6;  font-weight:700;}
.contribution .its .tx01 span{font-size:45px; color:#a21f1e; line-height:1.6;  font-weight:700;font-style:italic;  }
.contribution .its .tx02{font-size:24px; line-height:40px; color:#000; margin-bottom:15px; font-weight:600;}
.contribution .its .tx03{font-size:18px; line-height:30px; font-weight:300;  color:#000; letter-spacing:-1px;}


.contribution2{ width:100%;text-align:center; margin-bottom:80px;  background:#1d212a; border-radius:40px;overflow:hidden; padding:50px 0 ;;height:278px;;}
.contribution2 .items{ width:50%; ; height:100%; ; background-color:#1d212a;text-align:center;  float:left;margin:0  0px; background-repeat:no-repeat;  background-position:50px  30px; padding-top:30px;}
.contribution2 .items:nth-child(1){ border-right:1px solid #5d6168;}
.contribution2 .items .tx01{font-size:20px; color:#fff; line-height:24px;margin-bottom:10px;text-align:left; padding-left:200px ; margin-bottom:15px;}
.contribution2 .items .tx02{font-size:70px; color:#fff; line-height:55px;font-weight:bold; text-align:left; padding-left:200px; }
.contribution2 .items .tx02 span{ font-size:20px; font-weight:300; color:#fff; line-height:55px; margin-left:10px;}
.con_info{  margin-bottom:00px;}
.con_info .tx01{  font-size:24px; line-height:1.4; color:#000; font-weight:bold; margin-bottom:15px }
.con_info .tx02{ font-size:18px; color:#000; font-weight:300;}


.wrap .it_menu{ text-align:center; margin:00px auto 50px;}
.wrap .it_menu .it_m{width:160px;height:40px;  color:#000; border:0; background:#e0e0e0;  display:inline-block; margin:0 5px;border-radius:50px; outline:0; }
.wrap .it_menu .it_m.on{width:160px;height:40px;  color:#fff; border:0; background:#a21f1e; display:inline-block;  margin:0 5px;}

.no_image{ background-image:url(/theme/ihwa/img/common/no-img2.png);background-size:cover;background-position:center;}
 
/* quick */
.quick{right:110px; bottom:65px; width:150px; height:150px; animation: bounce 0.6s linear infinite alternate; transition:all 0.6s; z-index:9 ;  position:fixed; border-radius:50%;text-align:center;  }
.quick.hide{right:-250px; animation-play-state:paused}
.quick a{width:150px; height:150px;    border-radius:50% ; background:#a21f1e;  padding-top:17px ;color:#fff;text-align:center; font-size:20px;font-weight:bold;  line-height:1.4;  position:relative;z-index:11; display:block; }
.quick a span{ color:#fff;text-align:center; font-size:20px;font-weight:300;  }
.quick .mouse{ margin-bottom:5px;}
.quick:hover .mouse{animation: bounce2 0.6s linear infinite alternate; }
.quick a:hover .bg{animation:rotate 0.6s ease}
.quick .shadow{top:0; right:0; width:100%; height:100%; border-radius:50%; background:#c21c1c; animation:pulse 2s ease infinite ; position:absolute;z-index:1;}
.quick .sh2{animation-delay:1s}
@keyframes bounce{
	0% { }
	100%{transform: translate(0px,16px) ;  }
}

@keyframes bounce2{
	0% {transform: translateX(-5px) ;  }
	100%{transform: translateX(5px) ;  }
}

@keyframes pulse{
	0%{opacity: 0.5; transform: scale(0.8)}
	35%{opacity: 0.3}
	70%{transform: scale(1.15)}
	100%{opacity: 0; transform: scale(1.22)}
}
@keyframes rotate{
	to{transform:rotate(1turn)}
}

  .btn_area{  margin:50px auto 0; text-align:center; }
  .btn_area button{border:1px solid #a21f1e; border-radius:50px; font-size:18px; color:#a21f1e;  background:#fff;transition:all .3s ease; padding:10px 40px;  }
  .btn_area:hover{ margin:50px auto 0;  }
.btn_area:hover button{border:1px solid #a21f1e; border-radius:50px; font-size:18px; color:#fff;  background:#a21f1e; }


  .btn_area2{  margin:50px auto 0; text-align:center; }
  .btn_area2 button{border:1px solid #fff; border-radius:50px; font-size:18px; color:#fff;  background:#a21f1e; ;transition:all .3s ease; padding:10px 40px;  }
  .btn_area2:hover{ margin:50px auto 0;  }
.btn_area2:hover button{border:1px solid #a21f1e; border-radius:50px; font-size:18px; color:#a21f1e;  background:#fff; }



.contribution3{ width:100%;text-align:left;  padding:100px 0 ; background:#f6f4f4;   ;}
.contribution3 .cont{ width:1200px; margin:auto;  }
.contribution3 .tit1{ font-size:40px; margin-bottom:20px; font-weight:500;}
.contribution3 .tit2{font-size:18px;line-height:30px;  margin-bottom:20px;  font-weight:300; color:#000;}


 .fxpop{ z-index:100; position:fixed;left:0; top:0; width:100%; height:100%; z-index:1000 ;display:none;  }
.int_pop .popview{ width:100%;height:100%; position:relative;}
.int_pop .popview img{max-width:100%;height:auto;}
.int_pop{width:1400px;;height:90%;position:relative; margin:2% auto;z-index:1010;}
.fxpop .dim{ position:fixed; left:0;top:0;z-index:2; width:100%;height:100%; background:rgba(0,0,0,0.7);}
 .int_pop .closebox{ position:absolute;right:10px;top:10px; z-index:5; width:90px; height:90px;   cursor:pointer;}
.int_pop .closebox p{ width:100%;height:100%; position:relative; }
.int_pop .closebox .close_pop{left:35px;top:25px;right:auto; }
.int_pop .bg1{position:absolute;left:0px;top:0px; width:50%;height:100%; z-index:-1; background:#262a32; }
.int_pop .bg2{position:absolute;right:0px;top:0px; width:50%;height:100%; z-index:-1;background:rgba(215,204,182,0.95);  }
.int_pop .con_pop{width:1400px; height:100%; margin:auto; }
.int_pop .con_pop .items{width:50%; height:100%;position:relative;float:left; overflow-y:auto; }
.int_pop .con_pop .items .in_vi .pop_img{ width:100%; height:0; padding-bottom:90%; background-size:cover;background-position:center; margin-top:40px;}

.int_pop .con_pop .items .in_vi { padding-top:40px;  padding-left:30px;padding-right:30px; }
.int_pop .con_pop .items .in_vi .tx01{ font-size:30px; color:#fff; line-height:45px; text-align:left; margin-bottom:10px; font-weight:700;}
.int_pop .con_pop .items .in_vi .tx02{margin-bottom:10px; }
.int_pop .con_pop .items .in_vi .tx02 p{display:inline-block; font-size:23px; color:#fff; line-height:35px;font-weight:bold; text-align:left;  padding-bottom:10px; border-bottom:1px solid #fff;  }
.int_pop .con_pop .items .in_qa { position:relative; padding-left:40px; padding-top:20px;}
.int_pop .con_pop .items .in_qa .qalist{    display:table; ;  }

.int_pop .con_pop .items .in_qa .qa1{  color:#000; font-size:28px; line-height:32px;  display:table-row; font-weight:600; }

.int_pop .con_pop .items .in_qa .qa2{ color:#000; font-size:16px; line-height:26px;  display:table-row; padding-bottom:40px; }

.int_pop .con_pop .items .in_qa .qat1{display:table-cell;;font-size:40px;color:#000;line-height:30px; vertical-align:top; width:50px; padding-bottom:20px; word-break:keep-all; }
.int_pop .con_pop .items .in_qa .qat2{display:table-cell;  vertical-align:top; padding-bottom:20px;  word-break:keep-all;  padding-right:30px; }
 
 .int_pop .con_pop .items .in_qa .qa2 span{ padding-bottom:40px;}
.int_pop .con_pop .items .com_name{margin-bottom:10px; padding-top:50px; margin-left:40px;}
.int_pop .con_pop .items .com_name p{display:inline-block; font-size:12px; color:#000; line-height:25px;font-weight:bold; text-align:left;  padding-bottom:5px; border-bottom:1px solid #000;  }

.int_pop .con_pop .items .keyword{font-size:40px; line-height:50px; margin-bottom:20px; margin-top:40px;margin-left:40px; font-family: 'GmarketSansMedium';font-weight:bold; color:#000;}

.fs_def > *{display:inline-block;font-size:16px;vertical-align:top}
.time_wrap{overflow:hidden;padding-top:20px;width:100%}
.time_wrap::after{content:'';display:block;clear:both}
.time_wrap .key_word{float:left;width:50%;min-width:290px}
.time_wrap .key_word img{width:100%}
.time_wrap .time_search{float:right;width:62%;box-sizing:border-box}
.time_wrap .time_search li{margin-bottom:22px;cursor:pointer}
.time_wrap .time_search li:last-child{margin-bottom:0}
.time_wrap .time_search .time_ttl{width:270px; font-size:18px;letter-spacing:-0.05em;color:#fff}
.time_wrap .time_search .time_clock{ font-size:18px;letter-spacing:-0.05em;color:#ccc}
/* @media screen and (max-width: 1500px) {
	.time_wrap .key_word{width:300px;margin-right:5px}
	.time_wrap .time_search{width:330px;box-sizing:border-box}
} */




.family_site{ display:inline-block; margin-left:40px; vertical-align:top; position: relative; width:200px; margin-top:20px; }
.family_site button{ color:#666666;font-size: 14px;line-height:18px;display: block; cursor:pointer;width:100%;padding:10px 0;padding-left:10px;text-align:left;  background:#fff;border-radius:10px; border:1px solid #ddd; }
.family_site button:before{ content:"";display: block;border-bottom:10px solid #fefefe;border-left:10px solid transparent;border-right:10px solid transparent;width:0;position: absolute;right:10px;top:50%;transform:translateY(-50%); }
.family_site button:after{ content:"";display: block;border-bottom:10px solid #464646;border-left:10px solid transparent;border-right:10px solid transparent;width:0;position: absolute;right:10px;top:50%;transform:translateY(-50%);margin-top:2px;}

.family_site button.on:before{ content:"";display: block;border-top:10px solid #fefefe;border-left:10px solid transparent;border-right:10px solid transparent;width:0;border-bottom:0;position: absolute;right:10px; }
.family_site button.on:after{ content:"";display: block;border-top:10px solid #464646;border-left:10px solid transparent;border-right:10px solid transparent;width:0;border-bottom:0;position: absolute;right:10px;top:50%;transform:translateY(-50%);margin-top:-2px;}



.family_site ul{ position: absolute;left:0;right:0;bottom:40px;background:#464646;display: none; z-index:100;  overflow:hidden; border-radius:5px 5px 0 0  ;}
.family_site ul li{   }
.family_site ul li a{ display: block;color: #fefefe; padding:10px; border:1px solid #464646;}
.family_site ul li a:hover{ color: #464646;background:#fefefe;}




/* 개인정보 취급방침 */
.ihs_policy { width:90%; margin:auto;}
.ihs_policy .desc{font-size: 14px; color: #000; word-break: keep-all;}
.ihs_policy .guide{margin: 19px 0 0;}
.ihs_policy .d1_tit{margin: 19px 0 0;}
.ihs_policy .txt_area .depth1 > li{ margin: 0; padding: 35px 0 0;}
.ihs_policy .d1_tit{
	color: #33180a;
	font-size: 18px;
	margin-bottom: 15px; 
	line-height: 26px;
	letter-spacing: -1px;
}
.ihs_policy .txt_area .depth1 > li > .desc {
    margin: 25px 0 18px;
    font-size: 16px;
    line-height: 30px;

}
.ihs_policy .txt_area .depth2 .d2_tit {
    margin: 10px 0 10px;
    font-weight: 400;
    font-size: 16px;
}
.ihs_policy .txt_area .depth3 > li {
    padding: 0 0 0 20px;
    color: #222222;
    text-indent: 0;
}
.ihs_policy .tbl_wrap{margin-top: 10px}
.ihs_policy .tbl_wrap table{border-top: 2px solid #33180a; border-left: 0; border-right: 0;}
.ihs_policy .tbl_wrap table tr th {
  font-weight: normal;
  font-size: 14px;
	background-color: #fef7e4;
	padding: 11px 10px;
	border-bottom: 1px solid #ccc;
	text-align: center;
	color: #33180a;
}

.ihs_policy .tbl_wrap table tr td {
	padding: 11px 10px;
  border-bottom: 1px solid #dfdfdf;
  font-size: 14px;
  color: #222222;
  text-align: center;
}
.ihs_policy .txt_area .depth3.type2 > li > .desc {
    padding: 0 0 0 20px;
    color: #666666;
		margin-top: 0;
}