@charset "utf-8";
*{font-family:Roboto,Noto Sans KR,Nanum Gothic,나눔손글씨펜,Dotum,돋움,Tahoma,Geneva,sans-serif; }

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@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;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, p, dl, dt, dd, ol, ul, li, fieldset, form, label, legend
{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; margin: 0; padding: 0; border: 0; vertical-align: baseline; word-wrap:break-word;word-break:keep-all;/* background: transparent; */}
html {-webkit-text-size-adjust: 100%;}
html, body {width:100%; -word-break:break-all;-ms-word-break:break-all; /* text-align:center; */ margin:0 auto; font-weight:300}
body, div {color:#292929;font-size:15px;line-height:160%;font-weight:400;letter-spacing:-0.06em;}
select, input, textarea, {font-size:15px; vertical-align: middle; color:rgba(0, 0, 0, 0.64);}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a{color:#242424;text-decoration:none;word-break:break-all; transition:all ease 0.3s;}
a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;}
input {padding: 0;margin: 0;}
table {border-collapse: collapse;border-spacing: 0;vertical-align: top;}
table th { font-size:15px;}
img,fieldset {border:0px;}
ul {list-style: none;}
li {list-style: none;}
legend, caption {width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}
em {font-style:normal;}
img {max-width:100%;}
font{
    display: block;
}
body {
  position: relative;
  width: 100%;
  height: 100vh;
  z-index: 1;
}
body::after {
  content: "";
  position: absolute;
  left: 0;
  /*top: 0;*/
  right: 0;
  bottom: 0;
}
.logo{position: absolute; top:5%; left:50%; transform:translate(-50%, -50%);}
.mainvissual{margin:0 auto; padding:0; width:100%; clear:both; position:relative; overflow:hidden;}
.mainV{margin:0; padding:0; width:100%; clear:both; overflow:hidden; position:relative; height:303px;}




#vissual{width:100%;z-index:-999; top:70px;}
.title-zone{padding:0;text-align:center;position:relative;}
.mainV .title-zone{width:100%; padding:0; height:303px;}
.mainV .title-zone .visual{width:100%;height:303px;display:table;}
.mainV .title-zone .visual .inner{display:table-cell;vertical-align:middle; text-align:center; padding-top:10px;}
.mainV .bg-img{display:none; }

.visual-section{width:100%;position:absolute;top:0;left:0;}
.visual h1.tit{width:100%; font-family: 'GmarketSansBold'; font-weight:600; max-width:80%; margin:0 auto ; text-align:left; text-underline-position: under; text-decoration:none; font-size:45px;color:#fff; line-height:60px; font-weight:400; display:none;-webkit-animation:move 3.8s ease;-moz-animation:move 3.8s ease;-o-animation:move 3.8s ease;-ms-animation:move 3.8s ease;animation:move 3.8s ease;}
.visual h1.tit span{font-family: 'GmarketSansBold'; color:#ff0000; }

.visual h2.tit{width:100%; font-family: 'GmarketSansBold'; font-weight:600; margin:0 auto 0 auto; max-width:80%; text-align:left; font-size:18px; line-height:24px; font-weight:500; color:#fff; display:none; -webkit-animation:move 6.4s ease;-moz-animation:move 6.4s ease;-o-animation:move 6.4s ease;-ms-animation:move 6.4s ease;animation:move 6.4s ease;}
.visual h2.tit strong{color:#fff;}
.visual h4.tit{width:100%; margin:0 auto; max-width:80%; text-align:left; font-size:16px; line-height:24px; font-weight:100; color:#fff; display:none; -webkit-animation:move 9.4s ease;-moz-animation:move 9.4s ease;-o-animation:move 9.4s ease;-ms-animation:move 9.4s ease;animation:move 9.4s ease;}
.view .visual .tit{display:block;}


@-webkit-keyframes zoom-b {
  0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
  100% {
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08) translateZ(1px);
  }
}
@-moz-keyframes zoom-b {
  0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
  100% {
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08) translateZ(1px);
  }
}
@-o-keyframes zoom-b {
  0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
  100% {
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08) translateZ(1px);
  }
}
@keyframes zoom-b {
  0% {
    -ms-transform: scale(1, 1);
    transform: scale(1, 1) translateZ(1px);
  }
  100% {
    -ms-transform: scale(1.08, 1.08);
    transform: scale(1.08, 1.08) translateZ(1px);
  }
}

.type-b {
  -webkit-animation: zoom-b 10s linear infinite alternate; /* Safari 4+ */
  -moz-animation:    zoom-b 10s linear infinite alternate; /* Fx 5+ */
  -o-animation:      zoom-b 10s linear infinite alternate; /* Opera 12+ */
  animation:         zoom-b 10s linear infinite alternate; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1; }
}
@-moz-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-o-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@-ms-keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}
@keyframes move {
	0% {transform:translateY(100px);opacity:0;}
	100% {transform:translateY(0);opacity:1;}
}



.indicator{width:100%;position:absolute; bottom:3%;left:0%; display:inline-block; text-align:center; z-index:10;}
.btngroup{display:inline-block;vertical-align:top;font-size:0;}
.btngroup li{display:none;font-size:0; margin:-4px 0 0 0}
.btngroup li.on{display:block;}
.btngroup .btn button{background:url(/img/vis_bt.png) no-repeat 0 0; }
.btngroup .play button{width:8px;height:16px;background-position:-53px 0; font-size:0px; text-indent:-9999px; border:none; display:none}
.btngroup input[type='button']{font-size:0px;}
.btngroup .stop button{width:17px;height:16px;background-position:-73px 0; font-size:0px; text-indent:-9999px; border:none; display:none}
.btngroup-num{display:inline-block;vertical-align:top;font-size:0;}
.btngroup-num:after{display:block;clear:both;content:""}

.btngroup-num li{margin:0;font-size:0;float:left; width:36px; text-align:center; vertical-align:middle}
.btngroup-num li a{width: 13px;  height: 13px;  border: solid 2px #fff;  border-radius: 50%;   cursor: pointer;  box-sizing: border-box;  display: block;}

.btngroup-num li.on a{ width: 13px;  height: 13px;  border: solid 2px #fff;  border-radius: 50%;   cursor: pointer;  box-sizing: border-box;  display: block;background: #fff;}



.mainV .scroll-icon{position:absolute; bottom:32px; left:50%; width:250px; margin-left:470px; z-index:999;}
.mainV .scroll-icon p{ font-size:20px; font-weight:bold; color:#fff; text-transform:uppercase; line-height:26px; text-align:left;}
.mainV .scroll-icon p img{ margin-top:-8px;}


nav {
  --transition-time: 500ms;
  position: absolute;
  width: 270px;
  height: 100%;
  display: flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(20px);
  transform: translateX(-100%);
  transition: all 800ms cubic-bezier(0.8, 0, 0.33, 1);
  z-index: 999999;
}
nav a {

  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: -0.4px;
  text-decoration: none;
  user-select: none;
  color: #fff;
}
nav .nav-links {
  --link-height: 60px;
  position: relative;
  width: 100%;
}
nav .nav-links li {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 100%;
  height: var(--link-height);
  list-style: none;
  opacity: 0;
  transform: translateX(-50%);
  transition: all var(--transition-time) cubic-bezier(0.8, 0, 0.33, 0.9);
  transition-delay: calc(30ms + var(--delay));
  cursor: pointer;
  z-index: 8;
}
nav .nav-links li:hover {
  color: rgba(255, 255, 255, 0.85);
}
nav .nav-links li a {
  pointer-events: none;
}
nav .nav-links li ol {
  display: none;
}
nav .nav-links .hover-el {
  position: absolute;
  width: 100%;
  height: var(--link-height);
  top: var(--y);
  left: var(--x);
  opacity: 0;
  background: radial-gradient(circle at var(--mousex) var(--mousey), rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.45) 100%);
  transition: all 200ms cubic-bezier(0.215, 0.61, 0.355, 1);
  pointer-events: none;
  z-index: 5;
}
nav .sub-menu {
  --link-height: 60px;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}
nav .sub-menu ol {
  list-style: none;
}
nav .sub-menu ol li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: var(--link-height);
  transition: all var(--transition-time) ease;
  transition-delay: calc(30ms + var(--delay));
  cursor: pointer;
}
nav .sub-menu ol li:hover {
  background: rgba(0, 0, 0, 0.25);
}
nav .sub-menu ol li.off-menu {
  opacity: 0;
  transform: translateY(30%);
}
nav .sub-menu ol li.on-menu {
  opacity: 1;
  transform: translateY(0%);
}
nav .sub-menu ol li a {
  font-size: 1.4rem;
  font-weight: normal;
}
nav .sub-menu-btn {
  --icon-width: 40px;
  position: absolute;
  top: 2%;
  left: 10%;
  width: var(--icon-width);
  height: var(--icon-width);
  background: rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  opacity: 0;
  transform: translateX(-100%);
  transition: all var(--transition-time) cubic-bezier(0.8, 0, 0.33, 1.25);
  cursor: pointer;
  z-index: 8;
  pointer-events: none;
}
nav .sub-menu-btn .line {
  width: calc(var(--icon-width) - 28px);
  height: 2px;
  background: #fff;
  display: flex;
  flex-direction: column;
  margin: 12px 10px;
}
nav .sub-menu-btn .line__1 {
  transform-origin: left;
  transform: rotate(-35deg) translate(-1px, 8px);
}
nav .sub-menu-btn .line__2 {
  transform-origin: left;
  transform: rotate(35deg) translate(-1px, -8px);
}
nav .menu-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  --icon-width: 25px;
  position: absolute;
  top: 1.5%;
  right: -18%;
  width: calc(var(--icon-width) + 25px);
  height: calc(var(--icon-width) + 25px);
  flex-direction: column;
  transition: all calc(100ms + var(--transition-time)) cubic-bezier(0.8, 0, 0.33, 1.25);
  cursor: pointer;
  z-index: 10;
}
nav .menu-btn.close .line__1 {
  transform: rotate(45deg) translate(2px, -3px);
}
nav .menu-btn.close .line__2 {
  transform: rotate(-45deg);
}
nav .menu-btn.close .line__3 {
  transform: rotate(45deg) translate(-2px, 3px);
}
nav .menu-btn .line {
  width: var(--icon-width);
  background: #000;
  height: 2px;
  margin: 3px 0;
  transition: all calc(var(--transition-time) + 100ms) cubic-bezier(0.9, 0, 0.33, 1);
}
nav .close .line__1{
	background: #fff !important;
}
nav .close .line__2{
	background: #fff !important;
}

nav .close .line__3{
	background: #fff !important;
}


nav .menu-btn .line__1 {
  width: var(--icon-width);
  transform-origin: left;
}
nav .menu-btn .line__2 {
  width: var(--icon-width);
  transform-origin: center;
}
nav .menu-btn .line__3 {
  width: var(--icon-width);
  transform-origin: right;
}
nav.nav-open {
  transform: translateX(0%);
}
nav.nav-open .menu-btn {
  right: 10%;
}
nav.nav-open .nav-links li {
  transform: translateX(0);
  opacity: 1;
}
nav.sub-menu-open .sub-menu-btn {
  opacity: 1;
  transform: translateX(0);
  pointer-events: all;
}
nav.sub-menu-open .nav-links li {
  pointer-events: none;
  opacity: 0;
  transform: translateY(-10%);
}
nav.sub-menu-open .nav-links .hover-el {
  opacity: 0;
}



.omtBox a i{width:90px;height:90px;margin:0 auto;border-radius:50%;border: solid 1px #d5d5d5; opacity:0.8; display:flex;align-items:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.omtBox a:hover i{background:#1d2d60; border: solid 0px #d5d5d5; opacity:1; -webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease; }
.omtBox a i figure{width:59px;height:59px;overflow:hidden;display:block;}
.omtBox a i figure img{width:100%;transform:translateY(0);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;display:block;}
.omtBox a:hover i figure img{transform:translateY(-50%);-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
/*	                                    foot
 ================================================================================================ */
 
select{background: url(/img/arr.gif) no-repeat 95% 50%; -webkit-appearance: none;-moz-appearance: none;appearance: none;}
select::-ms-expand {display: none;}


.footer{margin:0 auto; padding:32px 0; width:100%; clear:both; overflow:hidden; background:#fff; border-top:1px solid  #dbdbdb; }

.footer .Add{margin:0 auto; padding:0; width:100%; max-width:1200px; clear:both; overflow:hidden;}
.footer .Add h1{margin:47px 50px 0 0; padding:0; font-size:0px; line-height:100%;}
.footer .Add .copy{margin:28px 0 0 0; padding:0;}
.footer .Add .copy li{float:none; margin:0; padding:0; font-size:14px; font-weight:300; color:#474747; line-height:24px; letter-spacing:-0.1px; }
.footer .Add .copy li:nth-child(1) p{ display:inline-block; font-size:16px; color:#474747; padding:0; margin:0 15px 20px 15px;}
.footer .Add .copy li:nth-child(1) p a{ color:#474747; font-weight:500;}
.footer .Add .copy li span{margin:0 5px;}
.footer .Add .copy li:nth-child(4){font-size:13px;}

.footer .tel{margin:0; padding:0; width:24%;}
.footer .tel li{float:none; margin:0; padding:0; font-weight:300; letter-spacing:-0.4px; line-height:100%;}
.footer .tel li:nth-child(1){font-size:20px; color:#474747; padding-bottom:5px; }
.footer .tel li:nth-child(2){font-size:40px; color:#ed1b23; font-weight:bold; padding-bottom:2px;}
.footer .tel li:nth-child(3){font-size:34px; color:#ed1b23; font-weight:bold; padding-bottom:10px;}
.footer .tel li:nth-child(4){font-size:14px; color:#474747; padding-bottom:5px;}
.footer .tel li:nth-child(5){font-size:14px; color:#474747;}
.footer .tel li:nth-child(2) a, .footer .tel li:nth-child(3) a{color:#474747;}

@media all and (max-width:756px) {
.footer .Add h1{margin:0 auto; width:100%; text-align: center;}
.footer .Add .copy{margin:20px 0 0 0; width: 100%;}
.footer .Add .copy li{font-size:14px; line-height:18px; text-align: center;}
.footer .Add .copy li b{display:none;}

}




.wrap {
    max-width: 1180px;
    margin: 0 auto;
    position: relative;
}
.disF {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.CLEAR{zoom:1;}
.CLEAR:after{content:"";clear:both;display:block;}
.CLEARb{clear: both;  display: block;}

.cld5d5d5{color:#d5d5d5;}
.cl959595{color:#959595;}
.cl133c8e{color:#133c8e;}

.clfff{color:#fff;}
.FL{float:left;}
.FR{float:right;}
.LEFT{zoom:1;clear:both;overflow:hidden;}
.LEFT:after{content:"";clear:both;display:block;}
.LEFT>li{float:left;}
.tc{text-align:center;}
.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w57{width:57%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}

.he80{height:80px;}
.he50{height:50px;}

.fw500{font-weight:500 !important;}
.fw600{font-weight:600 !important;}

.lh180{line-height:180%  !important;}
.lh170{line-height:170%  !important;}
.lh160{line-height:160%  !important;}
.lh150{line-height:150%  !important;}
.lh140{line-height:140%  !important;}
.lh130{line-height:130%  !important;}
.lh120{line-height:120%  !important;}
.lh110{line-height:110%  !important;}
.lh100{line-height:100%  !important;}
.lh90{line-height:90%  !important;}
.lh80{line-height:80%  !important;}
.lh70{line-height:70%  !important;}
.lh60{line-height:60%  !important;}
.lh50{line-height:50%  !important;}
.lh40{line-height:40%  !important;}
.lh30{line-height:30%  !important;}
.lh20{line-height:20%  !important;}
.lh10{line-height:10%  !important;}

.txt{font-weight:300;line-height:160%;}
.txt1{font-weight:500;line-height:120%;}
.txt1.type35{font-size:35px;}
.txt.type56{font-size:56px;}
.txt.type35{font-size:35px;}
.txt.type30{font-size:30px;}
.txt.type29{font-size:29px;}
.txt.type28{font-size:28px;}
.txt.type27{font-size:27px;}
.txt.type26{font-size:26px;}
.txt.type25{font-size:25px;}
.txt.type24{font-size:24px;}
.txt.type23{font-size:23px;}
.txt.type22{font-size:22px;}
.txt.type21{font-size:21px;}
.txt.type20{font-size:20px;}
.txt.type19{font-size:19px;}
.txt.type18{font-size:18px;}
.txt.type17{font-size:17px;}
.txt.type16{font-size:16px;font-weight:400;}
.txt.type15{font-size:15px;font-weight:400;}
.txt.type14{font-size:14px;font-weight:400;}
.txt.type13{font-size:13px;font-weight:400;}
.txt.type12{font-size:12px;font-weight:400;}
.txt.type11{font-size:11px;font-weight:400;}
.txt.type10{font-size:10px;font-weight:300;}

.lh65{line-height:65px;}

.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w57{width:57%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}

.uli1 li{width:100%;}
.uli2 li{width:50%;}
.uli3 li{width:33.33%;}
.uli4 li{width:25%;}
.uli5 li{width:20%;}
.uli6 li{width:16.6666%;}
.uli7 li{width:14.2857%;}
.uli8 li{width:12.5%;}

.mt10{margin-top:10px !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;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mt110{margin-top:110px !important;}
.mt120{margin-top:120px !important;}
.mt140{margin-top:140px !important;}
.mt160{margin-top:160px !important;}

.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}

.ml50{margin-left:50px !important;}
.pd10{padding:10px !important;}
.pd20{padding:20px !important;}
.pd30{padding:30px !important;}
.pd40{padding:40px !important;}
.pd50{padding:50px !important;}

.pt20{padding-top:30px;}
.mb40{margin-bottom:40px !important;}
.Left{float:left;}
.Right{float:right;}
.Center{margin:0 auto;}
.TC {text-align: center !important;}
.TL {text-align: left !important;}

.TJ{text-align: justify;}
.TJnone {
  text-justify: none;
}
.TJauto {
  text-justify: auto;
}
.TJdist {
  text-justify: distribute;
}
.TJword {
  text-justify: inter-word;
}
.TJchar {
  text-justify: inter-character;
}
.bd01{border: 1px #bababa solid;}

/*	                                  인사말
 ================================================================================================ */
.sub-content .sub01{margin:0 auto; padding:0; clear:both; overflow:hidden; width:100%; }
.sub-content .sub01 h2{ font-size:26px; color:#3f3f3f; font-weight:600; line-height:100%; margin:0 auto; padding:0 0 3px 0; font-weight:600; letter-spacing:-1px; text-align:center}
.sub-content .sub01 h2 strong{ color:#ed1b23;}
.sub-content .sub01 h3{ font-size:14px; color:#909090; line-height:160%; margin:0 auto; padding:0 0 10px 0; margin-bottom:35px; font-weight:500; text-align:center; border-bottom: 1px solid #ccc;}
.sub-content .sub01 h3 strong{ font-weight:bold}

.sub-content .wrap_basic {position: relative; }
.sub-content .wrap_basic .sub_title { margin-bottom: 15px;}
.sub-content .wrap_basic .sub_title { font-size: 12px; color: #222; text-align: left;}
.sub-content .wrap_basic .sub_desc1 { font-size: 21px; color: #333;  line-height: 28px; letter-spacing: -1.5px; margin-bottom: 30px;}
.sub-content .wrap_basic .sub_desc3 { font-size: 17px; color: #6e6e6e;  line-height: 26px; font-weight:400; letter-spacing: -0.6px; margin-bottom: 30px;text-align: justify; text-justify:inter-cluster;}

.sub-content .wrap_basic .img {position: absolute; right: 0px; top: 0;}
.sub-content .wrap_basic .sub_desc2 {  font-size: 15px; color: #2f2f2f; line-height: 26px; letter-spacing: -0.4px; font-weight:400; /*text-align: justify; text-justify:inter-cluster;*/}
.sub-content .wrap_basic .sub_desc2 span{font-family: 'SangSangRock';  font-size: 26px; color: #2f2f2f; line-height: 29px; }

/*	                                  연혁
 ================================================================================================ */
 
.wrap_basic1 .tab{
width:100%;
height:auto;
overflow:hidden;
}

.wrap_basic1 .tab ul{
padding:0;
margin:0;
list-style:none;
width:100%:
height:auto;
overflow:hidden;
}

.wrap_basic1 .tab ul li{
display:inline-block;
width:25%;
float:left;
line-height:60px;
text-align:center;
cursor:pointer;
border: solid 1px #d3d3d3;
margin-left:-1px;
}
.wrap_basic1 .tab ul li:nth-child(1){margin-left:0px;
}
.wrap_basic1 .tab ul li:hover,
.wrap_basic1 .tab ul li.on{
background:#cc0000;
color:#fff;
font-weight: 600;
}

.wrap_basic1 .tab .conBox{
width:100%;
height:auto;
overflow:hidden;
min-height:200px;
background:#f3f3f3;
display:none;
text-align:center;
}

.wrap_basic1 .tab .conBox.on{
display:block;
}
.wrap_basic1 .tab .month dl {
    overflow: hidden;
    width: 100%;
    margin-bottom: 12px;
}
/*	                                  입사
 ================================================================================================ */
.sub-content .wrap_basic1 .jobBox{width:100%;}
.sub-content .wrap_basic1 .jobBox a i{width:80px;height:80px;margin:0 auto;border-radius:50%; background:#ebebeb; opacity:0.8; display:flex;align-items:center;justify-content:center;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.sub-content .wrap_basic1 .jobBox a:hover i{background:#e1e1e1; border: solid 0px #d5d5d5; opacity:1; -webkit-transition:all 0.2s ease;transition:all 0.2s ease;-moz-transition:all 0.2s ease; }

.sub-content .wrap_basic1 .jobBox a i figure{width:40px;height:42px;overflow:hidden;display:block;}
.sub-content .wrap_basic1 .jobBox a i figure img{width:40px;height:42px;}
.sub-content .wrap_basic1 .jobBox a{position:relative;}


.table{width:100%;border-top:solid 1px #111;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
.table tr th,.table tr td{padding:12px 0;text-align:center;color:#292929;font-size:15px;line-height:160%;font-weight:400;letter-spacing:-0.06em;vertical-align:middle;border-bottom:solid 1px #dedede;border-right:solid 1px #dedede;}
.table tr th:last-child,.table tr td:last-child{border-right:none;}
.table tr th{background:#f8f8f8;}

.table.type1 tbody tr td{}
.table.type1 th.point{border:solid 4px #ff0000;border-bottom:solid 1px #dedede;background:#000;color:#fff;}
.table.type1 td.point{border-left:solid 4px #ff0000;border-right:solid 4px #ff0000;}
.table.type1 tr:last-child td.point{border-bottom:solid 4px #ff0000;}
.table.type1 td.point img{width:80px;}
.table.type1 .head-cell {background-color: #f8f8f8;}
.table.type2 tbody tr:hover{background:#f8f8f8;}
@media screen and (max-width:1100px){
.table tr th,.table tr td{padding:12px 0;font-size:16px;font-weight:400;}
}
@media screen and (max-width:767px){
.table tr th,.table tr td{font-size:14px;}
}
/*	                                  오시는길
 ================================================================================================ */

#tabMenu {width: 100%;}
#tabMenu ul {width: 100%;  display: flex;  justify-content: center;}
#tabMenu li {width: 50%;}
#tabMenu li a.active, #tabMenu li a:hover {
	font-size:16px;
    color: #2557d6;
    border: solid 1px #bababa;
    border-bottom-color: #fff;
	font-weight:500;
}
#tabMenu li a {
    padding: 16px 0;
    font-size: 16px;
    color: #838383;
    font-weight: 400;
    text-align: center;
    border: solid 1px #d3d3d3;
    border-bottom-color: #696969;
    border-left: none;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.map {
    display: flex;
    flex-wrap: wrap;
margin-bottom: 30px;
}
.map li {
    margin-right: 80px;
    font-size: 16px;
    text-align: left;
}
.map li>div {
    font-size: 18px;
    color: #59534a;
    font-weight: 300;
    line-height: 50px;
    font-family: 'GmarketSansMedium';
}
.map li>div>h1 {
    padding-left: 40px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
}
.location {
    background: url(/base/img/img/t1.jpg) no-repeat 0 8px;
}
.tel {
    background: url(/base/img/img/t2.jpg) no-repeat 0 8px;
}
.fax {
    background: url(/base/img/img/t3.jpg) no-repeat 0 4px;
}

/*	                                 제품소개
 ================================================================================================ */

.col-2-rec {
    width: 98%;
    height: auto;
    float: left;
    margin: 0 auto;
    box-size: border-box;
}
.col-2-rec .prod-header {
    display: block;
    color: #ffffff;
    background: linear-gradient(to bottom left, rgba(42,82,151, 1), rgba(16,100,178, 1));
    height: 46px;
}
 .col-2-rec .prod-header h2 {
    text-align: center;
	font-size:19px;
    line-height: 46px;
    color: #ffffff;
}

.col-2-rec .prod-box {
    width: 100%;
    height: auto;
    border: 1px solid #e5e5e5;
    display: block;
    position: relative;
    min-height: 270px;
    font-family: 'NotoSans-Light';
}
 .col-2-rec .prod-img {
    display: inline-block;
    width: 170px;
    height: 150px;
    float: left;
}
.col-2-rec .prod-img img {
    display: inline-block;
    width: 142px;
    height: 142px;
    float: left;
    margin: 16px 0 0 16px;
}
 .col-2-rec .prod-info-box {
    display: inline-block;
    width: calc(100% - 170px);
    min-width: 110px;
    float: right;
}
 .col-2-rec .prod-info {
    padding: 0;
    margin: 16px 12px 16px 36px;
}
 .cta-link {
    padding-left: 35px;
}
.uix-button.sub-view {
    height: 44px;
    border-radius: 22px;
    border: 1px solid #e4e4e8;
    font-size: 14px;
    font-weight: 400;
    background-color: #133f8c;
    line-height: 40px;
    letter-spacing: -0.8px;
    text-align: center;
    color: #fff;
    padding: 0 25px 0 25px;
    margin: 2px 0 0;
}
.uix-button {
    position: relative;
    display: inline-block;
    padding: 0 14px;
    white-space: nowrap;
    cursor: pointer;
    vertical-align: middle;
    margin-bottom: 0;
    text-align: center;
    outline: 0;
    font-weight: 400;
    color: #fff;
    border: 1px solid #b6b6b6;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}
 .fixg li {
   margin-bottom: 3px;
    line-height: 1.6;
    padding-left: 10px;
    background: url(/base/img/m/bullet_sm.png) no-repeat left 8px;
}
 .title04 {
    border: 1px solid #8d8d8d; background-color:#f2f2f2;
}
 .title05 {
    border-bottom: 4px #133f8c solid;
}
.table{width:100%;border-top:solid 1px #111;border-collapse:collapse;border-spacing:0;empty-cells:show;word-wrap:break-word;}
.table tr th,.table tr td{padding:12px 0;text-align:center;color:#292929;font-size:15px;line-height:160%;font-weight:400;letter-spacing:-0.06em;vertical-align:middle;border-bottom:solid 1px #dedede;border-right:solid 1px #dedede;}
.table tr th:last-child,.table tr td:last-child{border-right:none;}
.table tr th{background:#f8f8f8;}

.table.type1 tbody tr td{}
.table.type1 th.point{border:solid 4px #ff0000;border-bottom:solid 1px #dedede;background:#000;color:#fff;}
.table.type1 td.point{border-left:solid 4px #ff0000;border-right:solid 4px #ff0000;}
.table.type1 tr:last-child td.point{border-bottom:solid 4px #ff0000;}
.table.type1 td.point img{width:80px;}
.table.type1 .head-cell {background-color: #f8f8f8;}
.table.type2 tbody tr:hover{background:#f8f8f8;}

.pro1 a {
    margin: 0 auto;
    width: 210px;
    padding: 12px 20px;
    color: #fff;
    font-weight: 600;
    background: #215ea7;
    border-radius: 60px;
    display: block;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    box-shadow: 8px 8px 10px rgb(0 0 0 / 20%);
}

.sub-content .inq{width:100%; padding:50px 0; background: url(/base/img/img/inq_bg_03.jpg) center no-repeat; background-size:cover;}

.teachpress_publication_list th, td {
    border: 1px solid #bababa;
    padding: 10px;
}

.teachpress_publication_list {
    width: 95%;
    border: none;
    border-spacing: 0;
	background-color: transparent;
    width: 100%;
    margin-bottom: 15px;
    font-size: 0.9em ! important;
    border-spacing: 0;
    border-collapse: collapse;
}
.tp_tr{background-color: hsla(0,0%,50.2%,.07058823529411765);}
.tp_pub_author, #content p.tp_pub_author {
    font-size: 0.9rem ! important;
    margin-bottom: 1px;
    margin-top: 1px;
}
.tp_pub_title, #content p.tp_pub_title {
    font-size: 0.9rem! important;
    font-weight: 800 ! important;
    margin-top: 1px;
    margin-bottom: 1px;
}
.tp_pub_title a {
    color: #FF8C00;
}
.tp_pub_title a:hover {
    color: black;
}
.teachpress_publication_list p{
    padding-top: 5px ! important; 
    padding-bottom: 5px ! important;
}
.tp_pub_additional, #content p.tp_pub_additional {
    font-size: 0.9rem! important;
    margin-top: 1px;
    margin-bottom: 1px;
}
.tp_pub_type1 {
    background-color: #FF8C00;
    color: #fff;
    display: inline-block;
    padding: 3px 4px;
    margin-left: 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 12%);
}
.tp_pub_type {
    background-color: #008bd2;
    color: #fff;
    display: inline-block;
    padding: 3px 4px;
    margin-left: 5px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    border-radius: 2px;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 12%);
}