@charset "utf-8";


/* 기본 세팅*/

.tit_s001 {font-size:14px !important; font-weight:400 !important; }  

.tit_s002 {font-size:22px !important; font-weight:bold !important; word-break:keep-all;  letter-spacing:-1px;line-height:1.4 !important;;}  

::-webkit-scrollbar {

  -webkit-appearance: none;
  width: 10px;
  background-color: #e4e4f3;
}
::-webkit-scrollbar-thumb {
  background-color: #323276;
}



@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 100; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 300; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'), 
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 400; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 500; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 700; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype'); 
 } 
@font-face { 
  font-family: 'NotoSans'; 
  font-style: normal; 
  font-weight: 900; 
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'), 
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype'); 
 } 

			::selection {
				background-color: #333276;
				color: #fff;
			}


.eng{  font-family: 'Montserrat', 'NotoSans',sans-serif; }
/* 초기화 */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px; color:#000;font-family:'NotoSans', dotum, sans-serif;background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:'NotoSans', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
a {outline:0;}
ul, dl,dt,dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'NotoSans', dotum, sans-serif;font-size:14px;}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'NotoSans', dotum, sans-serif;font-size:14px;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

ul , li {  list-style-type: none;}


*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	letter-spacing:-1px;
	  margin: 0;
  padding: 0;
}

input[type=text],input[type=password], textarea {
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
outline: none;
}
.video-container {
   position: relative;
  width: 100%;
  height: 85vh; 
}

.video-container iframe {
  z-index: 1;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
}


.video-container2 {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  z-index: 0;
}

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



.placeholdersjs { color: #aaa !important; }

.btnarea{ text-align:center; padding:30px 0 0 ; }
 .view_more{  width:150px;height:50px; display:block; border:1px solid #000; font-size:14px; color:#000;  position:relative; margin:0 auto; background:#fff;  }


.pt0 {padding-top: 0 !important;}
.pt55 {padding-top: 55px !important;}
.pt60 {padding-top: 60px !important;}
.pt90 {padding-top: 90px !important;}
.pt100 {padding-top:100px !important;}
.pt140 {padding-top: 140px !important;}
.pt200 {padding-top: 200px !important;}

.pb0 {padding-bottom: 0 !important;}
.pb40 {padding-bottom: 40px !important;}
.pb60 {padding-bottom: 60px !important;}
.pb70 {padding-bottom: 70px !important;}
.pb80 {padding-bottom: 80px !important;}
.pb90 {padding-bottom: 90px !important;}

.mt0 {margin-top: 0 !important;}
.mt10 {margin-top: 10px !important;}
.mt100 {margin-top: 100px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mt60 {margin-top: 60px !important;}
.mt90 {margin-top: 90px !important;}
.mt120 {margin-top: 120px !important;}

.mr0 {margin-right: 0 !important;}
.mr20 {margin-right: 20px !important;}
.mr30 {margin-right: 30px !important;}
.mr40 {margin-right: 40px !important;}
.mr60 {margin-right: 60px !important;}
.mr80 {margin-right: 80px !important;}
.mr90 {margin-right: 90px !important;}


.mb0 {margin-bottom: 0px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb90 {margin-bottom: 90px !important;}



.w1200 {margin: auto; width: 1200px !important;}
.w100p {width: 100% !important;}
.w100x {width: 100%;}
.h100p {height: 100% !important;}


.fz16 {font-size: 16px !important;}
.fz18 {font-size: 18px !important;}
.fz20 {font-size: 20px !important;}
.fz30 {font-size: 30px !important;}
.fz40 {font-size: 40px !important;}
.fz50 {font-size: 50px !important;}
.clearfix{display:block}
.clear:after{clear:both;content:"";display:block; }




.fix{ overflow:hidden; }
button {outline:0; }
.w1200{ width:1200px; margin:auto; }

.input_type_03{ width:200px;}

.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.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;
}

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

.section.active .anime.faleft4 {
  -webkit-animation-name: fadeInLeft;
  -moz-animation-name: fadeInLeft;
  -o-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

.section.active .anime.f_size {
  -webkit-animation-name: bg_up;
  -moz-animation-name: bg_up;
  -o-animation-name: bg_up;
  animation-name: bg_up;  
 animation-duration: 3.6s;
}


@keyframes bg_up{
	0%{ transform: scale(1); opacity:0; }
	100%{ transform: scale(1.15);opacity:1; }
}





.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.1s;}
.section.active .anime.dur1{ animation-delay:0.5s;}
.section.active .anime.dur2{ animation-delay:1.0s;}
.section.active .anime.dur3{ animation-delay:1.5s;}
.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);
  }
}

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


.fixed{ overflow:hidden;}

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(4px) rotate(0);
    transform : translateY(4px) rotate(0);
  }
  100% {
    -webkit-transform : translateY(4px) rotate(45deg);
    transform : translateY(4px) 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: 2%;
  top: 1%;
  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: 1px;
  background-color: #fff;
}
.close_pop:before {
  transform: rotate(45deg);
}
.close_pop:after {
  transform: rotate(-45deg);
}

.close_pop2 { 

cursor:pointer;
display:block;
  position: absolute;
  right: 2%;
  top: 3%;
  width: 35px;
  height: 35px;
  opacity: 0.9;
}
.close_pop2:hover {
  opacity: 1;
}
.close_pop2:before, .close_pop2:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 35px;
  width: 1px;
  background-color: #000;
}
.close_pop2:before {
  transform: rotate(45deg);
}
.close_pop2: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-up2 {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-bottom: 5px solid white;
  display:inline-block; vertical-align:middle;
}

.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: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-top: 5px solid #d0d0d0;
}

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

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

.arw {
  border: solid #333276;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 4px;
}

.right_d {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left_d {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up_d {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

.down_d {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}

/* 하단 */
.family_site{ display:inline-block; margin-left: 0px; vertical-align:top; position: relative; width:230px; margin-top: 0px; }
.family_site button{ color:#c7c5c5;font-size: 14px;line-height:18px;display: block; cursor:pointer;width:100%;padding:10px 0;padding-left:10px;text-align:left;  background:transparent;border-radius: 0px; border:1px solid #22263e; }
 
.family_site ul{ position: absolute;left:0;right:0;bottom:40px;background:transparent;display: none; z-index:100;  overflow:hidden;  }
.family_site ul li{   }
.family_site ul li a{ display: block;color: #fefefe; padding:10px; border:0px solid #333;border-top:0; background:#010524; font-size:12px;}
.family_site ul li a:hover{ color: #464646;background:#fefefe;}


.family_site i{transition: all .3s ease;   float:right; margin-right:20px;}
.family_site button.on i{transform: rotate(-135deg);margin-top: 5px; }
.family_site:after{clear:both; content:"";display:block; }

.body_wrap{ position:relative; }


.body_wrap .subtab {  
border-top:1px solid rgba(255,255,255,0.05);
	width:100%; display:none; 
	background:#323276; 
	position:absolute;left:0;top:40px;z-index:3;
}

.body_wrap .subtab a{ padding:10px 35px ; text-align:left; font-size:14px; display:block; border-bottom:1px solid rgba(255,255,255,0.05);;color:#fff; font-weight:300;}

.wrap .head .cont .langbox{ position:absolute;left:-20px;top:30px; width:70px;   background-color:#fff;border:1px solid #aaa;  text-align:center;  padding:5px 0 ; border-radius:5px; }
.wrap .head .cont .langbox a.ln{ display:block; color:#333; font-size:15px; line-height:1.6; margin-left:0 ;}



/*content */
 
 .navi{ width:100%; min-width:100%;   background-color:#323276; text-align:left; line-height:40px;  margin:auto;  }
 .navi img{filter: invert(100%);}
 .navi .nv{ display:inline-block;line-height:40px; height:30px; padding-left:10px; position:relative;  vertical-align:top;color:#fff;  }
 .navi .nv .dot{ position:absolute;left:8px;top:20px; width:2px; height:2px;background:#d0d0d0;border-radius:50%;  }
 .navi .nv div{ display:inline-block; vertical-align:middle;}

.subtop{ width:100%; height:200px; background-size:cover; background-position:center; position:relative;  }
.subtop .tit{ width:100%;font-size:30px;font-weight:bold;color:#fff; position:relative;top:40%;transform:translateY(-50%);text-align:center;}
.subtop.s01{ background-image:url(/renewal/img/business/subtop_bu01.jpg);}
.subtop.s02{ background-image:url(/renewal/img/business/subtop_bu02.jpg);}
.subtop.s03{ background-image:url(/renewal/img/business/subtop_bu03.jpg);}
.subtop.s04{ background-image:url(/renewal/img/business/subtop_bu04.jpg);}
.subtop.s05{ background-image:url(/renewal/img/business/subtop_bu05.jpg);}


.subtop .stop_menu{ position:absolute;left:0;bottom:0px;text-align:center;  width:100%;}
.subtop .stop_menu .cont{ width:100%; margin:auto;  }
.subtop .stop_menu .cont .itm{ float:left; height:45px; line-height:45px; text-align:center;background:#fff; margin-left:-1px; }
.subtop .stop_menu .cont .itm a{ border:1px solid #ddd;display:block;width:100%;line-height:43px; text-align:center;font-weight:400; color:#000;font-size:14px;}
.subtop .stop_menu .cont .itm a:hover{ color:#fff;background:#323276; border:1px solid #323276; }
.subtop .stop_menu .cont .itm.on a{ color:#fff;background:#323276; border:1px solid #323276; }
.subtop .stop_menu .cont .itm.md1{width:100%;}
.subtop .stop_menu .cont .itm.md2{width:50%;}
.subtop .stop_menu .cont .itm.md3{ width:33.3%;}
.subtop .stop_menu .cont .itm.md4{ width:25%;}
.subtop .stop_menu .cont .itm.md5{ width:20%;}


.pc_list{padding-left: 0px; }
.pc_list .items{ margin-bottom: 40px;width:100%; background-color:#f0f0f0;   position:relative; }
.pc_list .items .imgs{  width:100%;height:0 ;padding-bottom:80%; background-size:cover; background-position:center; }
.pc_list .items .desc{  padding-top:30px; padding-right:20px; padding-left:30px ; padding-bottom:25px; position:relative;}
.pc_list .items .desc .tx01{font-size:22px;color:#000;line-height:1.2; padding-bottom:10px; }
.pc_list .items .desc .tx02{font-size:16px;color:#000;line-height:1.2; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid #ddd;  }
.pc_list .items .desc .tx03{margin-bottom:20px; width:100%;}
.pc_list .items .desc .tx03 .p1{display:inline-block;vertical-align:top ;width:15%; font-size:14px; color:#000;line-height:1.4;font-weight:500; }
.pc_list .items .desc .tx03 .p2{display:inline-block;vertical-align:top ;width:82%; font-size:14px; color:#000;line-height:1.4; word-break:keep-all; font-weight:300;}
.pc_list .items .desc .tx04 .p1{display:inline-block;vertical-align:top ;width:15%; font-size:14px; color:#000;line-height:1.4; font-weight:500;}
.pc_list .items .desc .tx04 .p2{display:inline-block;vertical-align:top ;width:82%; font-size:14px; color:#000;line-height:1.4; word-break:keep-all; font-weight:300; white-space:normal; }
.pc_list .items .desc .tx05{}


.pc_list .items .desc .msds{position:absolute;right: 5px; top:10px;  }



.tabs_menu{width:100%;margin:80px auto  0px;   }
.tabs_menu .tab_item{ float:left;  margin-left:-1px;  }
.tabs_menu .tab_item a{display:inline-block;  height:50px;line-height:50px; font-size:20px;color:#adadad; text-align:left;    }
.tabs_menu .tab_item:after{ content:"|";display:inline-block; color:#eee; font-weight:300;  font-size:16px;padding:0 30px;}
.tabs_menu .tab_item:last-child:after{ content:""; }

.tabs_menu .tab_item.on a{display:inline-block;  height:50px;line-height:50px; font-size:20px;color:#000; text-align:left;  border-bottom:2px solid #000; }
.tabs_menu.t4 .tab_item{  }
.tabs_menu.t5 .tab_item{  ;}






nav.lnb .btn_req{ transition:all .5s ease;position:relative; width:150px;height:40px; border-radius:50px; background:#a21f1e;border:1px solid #a21f1e;  color:#fff;  font-size:14px;   z-index:10; padding-left:30px; background-image:url(/theme/ihwa/img/common/icn_bott.png);background-repeat:no-repeat; background-position:20px center; background-size:20px auto;    z-index:2; margin:30px auto;display:block;}
nav.lnb .btn_req a{  color:#fff;  font-size:14px;   display:block; width:100%;}



nav.lnb {visibility:hidden; overflow:auto; position:fixed; top:0; z-index:20; width:90%; height:100%; transition:all 0.3s ease-in-out; -webkit-overflow-scrolling:touch; background-color:#323276;}

nav.lnb {left:-100%; background: #323276;  }
nav.lnb .icn{ padding:10px 0;}
nav.lnb .icn a{ margin:0 10px;}
nav .ln_top{ padding: 25px 0 25px; border-bottom:1px solid rgba(255,255,255,0.05); position:relative; }
nav .ln_top .berger { position:absolute;right:0px;top:0px; margin-top: 30px;}
nav .ln_top img{ max-width:45%; margin-left:20px;}
nav .ln_top .icn{ position:absolute;left:10px;top:24px; }
nav .ln_top .icn a img{ width:auto; height:17px; } 

 nav .ln_cat{ padding: 25px 20px 25px; border-top:1px solid rgba(255,255,255,0.05); position:relative; } 
 nav .ln_cat img{ width:50% ;height:auto;}

nav.lnb .category {padding-top:50px;}
nav.lnb .category:after {display:block; width:20px; height:1px; margin:10px auto; background:#000; content:'';}
nav.lnb .category li a {display:block; padding:10px; color:#000; font-size:1.167rem;}
nav.lnb .category li.promotion:after {display:block; width:20px; height:1px; margin:10px auto; background:#000; content:'';}
nav.lnb .board li a {display:block; padding:10px; color:#000; font-size:1.167rem;}
nav.lnb .share {padding:40px 0;}
nav.lnb .share li {display:inline; padding:0 5px;}
nav.lnb .share li img {width:16px; height:16px;}
nav.lnb .close {display:inline-block; position:absolute; right:20px; top:27px; width:14px; height:14px; background:url('{{$이미지경로}}/button/close.png') no-repeat center; background-size:cover; text-indent:-9999px;}
nav.lnb.is_show {visibility:visible; left:0;}
nav.mypage {right:-427px; background: #323276;  ;}
nav.mypage .close {display:inline-block; position:absolute; right:20px; top:27px; width:14px; height:14px; background:url('{{$이미지경로}}/button/close.png') no-repeat center; background-size:cover; text-indent:-9999px;}
nav.mypage.is_show {visibility:visible; right:0;}
nav.mypage .login {padding-top:50px;}
nav.mypage .login:after {display:block; width:20px; height:1px; margin:10px auto; background:#000; content:'';}
nav.mypage .login li a {display:block; padding:10px; color:#000; font-size:1.167rem;}
nav.mypage .list li a {display:block; padding:10px; color:#000; font-size:1.167rem;}


nav.lnb .nmenu{ width:100%;  }
nav.lnb .nmenu li{ width:100% ; display:block;   position:relative; }
nav.lnb .nmenu li .arrow1{  position:absolute;right:10px;top:30px; z-index:100;}
nav.lnb .nmenu li .arrow1 span.ar1{transition:all 0.3s ease-in-out;width:16px; height:2px;  background-color:#999999;display:block;}
nav.lnb .nmenu li .arrow1 span.ar2{transition:all 0.3s ease-in-out;width:16px; height:2px;  background-color:#999999;  display:block;  transform :translateY(-2px)  rotate(-90deg); }
nav.lnb .nmenu li a.arr2 .arrow1 { }
nav.lnb .nmenu li a.arr2 .arrow1 span.ar1{transition:all 0.3s ease-in-out;width:12px; height:2px;  background-color:#323276;display:block; transform :translateY(-0px)  rotate(-45deg); }
nav.lnb .nmenu li a.arr2 .arrow1 span.ar2{transition:all 0.3s ease-in-out;width:12px; height:2px;  background-color:#323276;  display:block;  transform :translateY(-2px) translateX(-7px)   rotate(45deg); }


nav.lnb .nmenu li a{  display:block;line-height:60px; padding-left:20px; font-size:16px; color:#fff; border-bottom:0px solid #e0e0e0;  text-align:left; position:relative;  font-weight:bold; }
nav.lnb .nmenu li a.arr{background-color:#323276; }
nav.lnb .nmenu li a.arr2{ background-color:#323276; color:#fff;}
nav.lnb .nmenu li a.arr:after {transition:all .3s ease;content:"" ;top:15px; right:20px; position:absolute;width:30px; height:30px;  background-repeat:no-repeat; background-position:90%  15px; }
nav.lnb .nmenu li a span{ font-size:11px; color:#664f6c; margin-left:10px;}
nav.lnb .nmenu li a.arr_white{background-color:#fff !important; }

nav.lnb .nmenu li a.arr2:after{content:"" ;top:20px; right:20px; position:absolute;width:30px; height:30px;  background-repeat:no-repeat; background-position:90%  10px; transform: rotate( 180deg ); }

nav.lnb .nmenu li a.sublink{ opacity:0.64;line-height:40px;  padding-left:50px !important;font-size:14px;}
nav.lnb .nmenu li.pdt_view01{display:none;}
nav.lnb .nmenu li.pdt_view01 a{  padding-left:20px;   }

nav.lnb .nmenu li.pdt_view02{display:none;}
nav.lnb .nmenu li.pdt_view02 a{  padding-left:20px;   }

nav.lnb .nmenu li.pdt_view03{display:none;}
nav.lnb .nmenu li.pdt_view03 a{     padding-left:20px;  }
 
nav.lnb .nmenu li.pdt_view00{display:none;}
nav.lnb .nmenu li.pdt_view00 a{     padding-left:20px;  }
 
nav.lnb .nmenu li.pdt_view04{display:none;}
nav.lnb .nmenu li.pdt_view04 a{   padding-left:20px;    }
 
nav.lnb .nmenu li .sublink{ position:relative;  }




.private { display:none;width:100%; position:absolute;top:0; left:0;  ; z-index:555;}
.private .phead{ width:100%; height:45px;line-height:45px; font-size:20px; color:#fff; font-weight:300;  background-color:#27275a; text-align:center; }
.private .pcont{ background-color:#fff;  padding:25px ;}
.private .pcont .parea{border:1px solid #ddd;  height:500px;padding:25px;  line-height:1.8;}




 
.pdt_line { width:100%; margin:60px auto;  position:relative; padding:0 20px;   }
 

.pdt_line .itm{  width:100%;margin:auto;  margin-bottom:40px; position:relative;z-index:2; }
.pdt_line .itm .desc{   width:100%;height:auto;text-align:left;  }
.pdt_line .itm .desc .tit{font-size:28px;font-weight:bold;color:#000; line-height:1.2; margin-bottom:10px; }
.pdt_line .itm .desc .info{ font-size:14px;font-weight:300;color:#000; padding-right:0px; margin-bottom:20px; word-break:keep-all; }
.pdt_line .itm .desc .cont{position:relative; padding-bottom:20px; }
.pdt_line .itm .desc .bmore{  width:150px;height:50px; display:block; border:1px solid #000; font-size:14px; color:#000;  position:relative; margin:0; background:#fff;  }
.pdt_line .itm .desc .bmore .more{ width:20px; height:auto;  }

.pdt_line .itm .bimg{  width:100%;height:0; padding-bottom:50%; background-size:cover;background-position:center;  }
.pdt_line .itm.cl1 .bimg{  }
.pdt_line .itm.cl1 .desc{ padding-left: ;  }
.pdt_line .itm.cl1 .desc .info { padding-right:0;}


.tbl_row2 {border-collapse: collapse;table-layout:fixed; width:100%; border-top:1px solid #000;}
.tbl_row2 caption {padding-bottom:10px; font-weight:bold; text-align:left;}
.tbl_row2 th {padding: 5px 0 5px 5px; border-bottom:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle;}
.tbl_row2 td {padding:5px 5px 5px 5px;; border-bottom:1px solid #e0e0e0; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word; font-size:12px;}


 .btn_rec01{ height:30px; border:1px solid #1e2965;  background-color:#1e2965; color:#fff;font-size:12px; text-align:center;padding:0 10px;     	transition: all .3s ease-in-out;   }
.btn_rec01:hover{ border:1px solid #ddd; }
 .btn_rec02{ height:30px; border:0;  background-color:#e3e0e0; color:#757474;font-size:12px; text-align:center; padding:0 10px;  background-position:80% center; background-repeat:no-repeat; }




.chang_pop{display:none;width:96%; height:90%; position:absolute;left:2%; top:80px;   z-index:555;  overflow:auto;}
.chang_pop .close_chang{ z-index:10; }
.chang_pop .cont{ background:#fff; padding:10px 10px;height:100%; overflow-y:scroll; }
.chang_pop .tit{ font-size:20px;font-weight:bold; padding:30px 0 00px ;}
.chang_pop .cont .chang_table{border-collapse: collapse; width:100%;border-top:2px solid #000;border-bottom:2px solid #000; }
.chang_pop .cont .chang_table th{width: 80px; padding-left: 10px; text-align:left; height:50px; background:#f5f4f4; font-size:12px;font-weight:400; border:1px solid #ddd; }
.chang_pop .cont .chang_table td{padding:5px 10px;  border-bottom:1px solid #ddd;  }
.chang_pop .cont .chang_table td .input{ width:70%;min-height:40px; border:1px solid #ddd;  padding-left:20px; }
.chang_pop .cont .pobtn_area{ text-align:center; padding:30px 0 ;}
.chang_pop textarea{ height:120px;width:100% !important; padding:10px;font-size:12px;}
.chang_pop input[type='file'] { width:70%;font-size:12px;}
.input_submit{ width:145px; height:40px; background:#323276; font-size:14px;color:#fff ;border:1px solid #323276; }
.input_submit2{width:145px; height:40px; background:#fff; font-size:14px;color:#000 ;border:1px solid #ddd;  margin-left:10px;}

.tbl_row {border-collapse: collapse;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 5px; border:1px solid #e0e0e0; font-weight:normal; text-align:left; vertical-align:middle; font-size:12px;}
.tbl_row td {padding:15px  5px 15px 5px;; border:1px solid #e0e0e0; text-align:left; vertical-align:middle; word-break:break-all; word-wrap:break-word; font-size:12px;}

.step_info h5{ padding:20px 0 10px;text-align:left;font-size:12px;font-weight:400;}
.step_info{ text-align:right; border-top:1px solid #ddd;margin-top:10px;}
.step_info p{line-height:1; margin-top:10px; color:#333;}
.design_chk{ display: inline-block;position: relative;padding-left:22px; cursor:pointer;}
.design_chk:before{ content:"";display: block;width:15px;height:15px;background:url(/renewal/img/common/input_chk.png) 0 0 no-repeat;background-size:cover;position: absolute;left:0;top:1px; }
.design_chk input:checked + span{ background:url(/renewal/img/common/input_chk_on.png) 0 0 no-repeat; background-size:cover;position: absolute;left:0;top:0;width:15px;height:15px;position: absolute;left:0;top:1px;}
.design_chk input{ display: none; }
 


 .paging{text-align:center;  padding: 30px 0  60px ;}
 .paging span{ display:inline-block; vertical-align:middle;padding: 0 5px;}
 .paging a{ display:inline-block; vertical-align:middle; font-size:14px;padding: 0 10px; }
 .paging a.on{text-decoration:underline;font-weight:bold;}

 .btn_01{ color:#000; background:#fff; border:1px solid #000;; border-radius:0px; padding:10px 30px;font-size:16px; transition: all .3s ease;  }
 .btn_01:hover{color:#fff; background:#000; }
 .btn_02{ height:30px;padding:0 10px;}
 .btn_02 a{color:#000; display:block;width:100%;height:100%;line-height:30px;font-size:12px;}
 .btn_02:hover a{color:#fff; }
 .btn_03 {color:#000; display:inline-block;;width:auto;height:30px;padding:0 20px;line-height:30px;font-size:12px;background:#fff ; border:1px solid #ddd;} }
 .btn_03 a{color:#000; display:block;width:100%;height:100%;line-height:30px;font-size:12px;background:#fff}
 .btn_03:hover a{color:#fff; }



.hu_pop{display:none;width:100%; height:100%;   position:absolute ; top:0; left:0;  z-index:555;  overflow:auto;}
.hu_pop .close_chang{ z-index:10; }
.hu_pop .cont{ background:#fff; padding:10px 20px;height:100%; overflow-y:scroll; }
.hu_pop .tit{ font-size:28px;font-weight:bold; padding:30px 0 ;}
.hu_pop .cont .chang_table{border-collapse: collapse; width:100%;border-top:2px solid #000;border-bottom:2px solid #000; }
.hu_pop .cont .chang_table th{width:50px; padding-left:10px; text-align:left; height:60px; background:#f5f4f4; font-size:12px;font-weight:400; border:1px solid #ddd; }
.hu_pop .cont .chang_table td{padding:5px 10px;  border-bottom:1px solid #ddd;  }
.hu_pop .cont .chang_table td .input{ width:60%;min-height:40px; border:1px solid #ddd;  padding-left:10px; }
.hu_pop .cont .pobtn_area{ text-align:center; padding:10px 0 ;}
.hu_pop textarea{ height:300px;width:100% !important; padding:10px;}



.big_title{ font-size:26px; line-height:1.6; font-weight:700;color:#000 ;padding:15px 0 ; width:90%; margin:auto;}


 .normal_more{  width:160px;height:60px; display:block; border:2px solid #000; font-size:14px; color:#000;  position:relative; margin:0; background:#fff;padding-right:20px; }
.normal_more img{position:absolute;right:20px;top:25px;width:15px;height:auto;}



.p_info{width:90%; margin:auto;  background:#ddd;padding:30px 10px ; font-size:14px; font-weight:400; color:#000; word-break:keep-all; }
.p_info span{font-size:14px; font-weight:400; color:#323276; }


.tbl_row3 {border-collapse: collapse;table-layout:fixed; width:100%; border-top:1px solid #e0e0e0;}
.tbl_row3 caption {padding-bottom:10px; font-weight:bold; text-align:left;}
.tbl_row3 th {padding:5px 0 5px 5px; border:1px solid #e0e0e0; font-weight:normal; text-align:center; vertical-align:middle;background:#1e2965; color:#fff;font-size:12px; }
.tbl_row3 td {padding:5px 5px 5px 5px;; border:1px solid #e0e0e0; text-align:center; vertical-align:middle; word-break:break-all; word-wrap:break-word;font-size:12px;}



.subtitle{ font-size:20px;font-weight:bold ; padding-bottom:15px;}