@charset "utf-8";

@font-face {
  font-family: 'NanumSquareNeoLight';
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
  font-family: 'NanumSquareNeo';
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
  font-family: 'NanumSquareNeoBold';
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
  font-family: 'NanumSquareNeoExtraBold';
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
  font-family: 'NanumSquareNeoHeavy';
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
  src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}


/* 공통 */
body { padding-top:100px;}
@media screen and (max-width:1024px){
  body { padding-top:75px;}
}
#wrapper, #container_wr{min-width:100%}
#container{ max-width:2560px; min-height:500px; position:relative; float:none; margin:0 auto; font-size: inherit; width:100%; zoom:normal}

/* 기본버튼 */
a.tbbtn{text-decoration: none;}
.tbbtn{ padding:0 1.7em; height:50px; line-height:48px; }
.tbbtn.small{ padding:0 1.2em; height:36px; line-height:34px; }
.tbbtn.big{ padding:0 2.2em; min-width:90px; height:60px; line-height:58px; }
.tbbtn.bgfull{ border:1px solid #167058; background:#167058; color:#fff;}
.tbbtn.bgfull:hover{ border-color:#002947; background:#002947;}
.tbbtn.bgfull2{ border:1px solid #002947; background:#002947; color:#fff;}
.tbbtn.bgfull2:hover{ border-color:#003e94; background:#003e94;}
.tbbtn.line {border:1px solid #167058; color:#167058; }
.tbbtn.line:hover { background:#167058; color:#fff; }

.tbbtn.btnSize {min-width:180px; text-align:center; margin:0 7px;}

.tbbtn.lineGray{border:1px solid #d5d5d5; color:#555555;  }
.tbbtn.lineGray:hover{ background-color:#555555; color:#fff;}

.tbbtn.radius{padding:0 2.5em; border-radius: 50px;}
.tbbtn.big.radius{border-radius: 60px;}

/* 그라데이션 버튼 */
.tbbtn.bgGradient { background-image: linear-gradient(to right, #24C6DC 0%, #4b6dd4  38%, #0143E2  95%); text-align: center; transition: 0.5s; background-size: 200% auto; color: #fff; }   
.tbbtn.bgGradient:hover { background-position:top  right ; }
.tbbtn.bgGradient2 { background-image: linear-gradient(to bottom right, #e58753 0%, #cc2553  70%, #970a40  100%); text-align: center; transition: 0.5s; background-size: 200% auto; color: #fff;} 
.tbbtn.bgGradient3 { color: #fff; background-image: linear-gradient(to bottom right, #e58753 0%, #cc2553  70%, #a01c4f  100%); background-size: 200% auto; transition: 0.5s; }

/* 스르륵 progressBtn */
.tbbtn.progressBtn { border:1px solid #222; color:#222;}
.tbbtn.progressBtn span{ }
.tbbtn.progressBtn::before { background-color:#F57D3D; } 
.tbbtn.progressBtn:hover::before {  }
.tbbtn.progressBtn:hover {border:1px solid #F57D3D; color:#fff; }

@media screen and (max-width:768px){
  .tbbtn {padding:0 1.3em; height:40px; line-height:38px;}
  .tbbtn.small{ }
  .tbbtn.big{ }
}



/* 포인트 백그라운드 (대체로 버튼에 쓰입니다.) */
.pointBgColor{border:1px solid #03549e; background-color:#03549e;}
.pointBgColor2{background-color:#002947; border:1px solid #002947;}



/* 전체패딩 */
.tbinner{ max-width:1560px; }
.tbinner_wide {max-width:1760px;}
.tbinner_narrow {max-width:1400px;}
.tbinner_thin{max-width:1260px;}
@media screen and (max-width: 1790px){
  .tbinner_wide {padding:0 35px;}
}
@media screen and (max-width: 1630px){ /* 1630px : max-width + 35px + 35px  */
  .tbinner {padding:0 35px;}
}
@media screen and (max-width: 1500px){
  .tbinner_narrow { padding:0 50px; }
}
@media screen and (max-width: 1360px){
  .tbinner_thin { padding:0 50px; }
}
@media screen and (max-width: 1024px){
  .tbinner,
  .tbinner_wide{ padding:0 25px; }
}
@media screen and (max-width: 768px){
  .tbinner,
  .tbinner_wide{ padding:0 20px; }
  .tbinner_narrow,
  .tbinner_thin{ padding:0 20px; }
}


.pddgtop{ padding-top:150px; }
.pddgbttm{ padding-bottom:150px; }
@media screen and (max-width:1400px) {
  .pddgtop{ padding-top:120px; }
  .pddgbttm{ padding-bottom:120px; }
}
@media screen and (max-width:1024px) {
  .pddgtop{ padding-top:100px; }
  .pddgbttm{ padding-bottom:100px; }
}
@media screen and (max-width:560px) {
  .pddgtop{ padding-top:70px; }
  .pddgbttm{ padding-bottom:70px; }
}

.menuHvEff{position:absolute; width:0; height:1px; bottom:-0.4em; left:0; background:#fff; transition:width .3s ease-out}

/* 타이틀 */
.titleArea { }
.titleArea .left{text-align:left;} .titleArea .center{text-align:center;} .titleArea .right{text-align:right;}

.titleArea h1{ }
.titleArea h2{ }
.titleArea h3{ }
.titleArea h4{ }
.titleArea h5{ }
.titleArea p{}
.titleArea p.pBig{  }

  @media screen and (max-width:1024px){
    
  }
  @media screen and (max-width:768px){

  }
  
/* 버튼 */
.btn_submit {border:1px solid #3a8afd;background:#3a8afd;color:#fff;}
.btn_submit:hover {border:1px solid #3a8afd;background:#3a8afd}
.tbbtn.lineColor{border:1px solid #167058; color:#167058;  }
.tbbtn.lineColor:hover{ background-color:#167058; color:#fff;}

/*타이틀 공통 부분*/
.titleSec {position:relative;}
.titleSec::after {content:""; position:absolute; bottom:0; left:0; width:70px; height:2px; background-color:#167058; }

/*제품 페이지 공통 레이아웃*/
.product {position:relative;}

/*배너와 겹치는 이미지*/
.prod_img {text-align:center; margin-top:-200px;}
.prod_img img {width:100%; max-width:800px;}

/*타이틀 아래 선*/
.bttmLine {position:relative;}
.bttmLine::after {content:""; position:absolute; bottom:0; left:50%; transform:translateX(-50%); width:300px; height:1px; background-color:#b7b7b7;}
.bttmLine.short::after {width:100px;}
.bttmLine.lineFull::after {width:100%;}
.icontxt .titIcon {margin:0 auto;}
.icontxt .titIcon img {height:120px;}

/*탑아이콘*/
.topIconWrap {display:flex; justify-content: space-around;}
.topIconWrap .topIcon {text-align:center;}
.topIconWrap .topIcon img {height:80px;}
.topIconWrap .topIcon img.bigIcon {height:200px;}

.topIconWrap .topIcon img.bigIcon {height:200px;}
/*가운데 큰 이미지*/
.imgCenter {width:100%; height:auto;}
.imgCenter img {width:100%; }


.nbgall.grid3{grid-template-columns: repeat(3, 1fr); column-gap: 30px; row-gap: 70px;}
.nbgall.grid2{grid-template-columns: repeat(2, 1fr); column-gap: 20px; row-gap: 20px;}

/*테이블 기본 레이아웃*/
table { width:100%; border-bottom: 1px solid #b7b7b7; border-collapse: collapse; margin-bottom:30px;}
  table caption { width:0; height:0; font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
  table th { padding:26px 15px 22px; background-color:#e5e5e5; border-right:1px solid #b7b7b7; border-bottom:1px solid #b7b7b7;  font-weight:500; font-size:2rem; color:#111; line-height:1.2em; }
  table td {padding: 20px 20px 16px;  border-top:1px solid #b7b7b7; border-right:1px solid #b7b7b7; font-weight:400; font-size:1.7rem; color:#222;  line-height:1.2em; text-align:center; }
  table td:last-child { border-right:none; }
  table td.last_border {border-right:1px solid #b7b7b7;}
  
  table tr.leftTit td.topLine {border-top:1px solid #b7b7b7;}
  table td.tdTit {background-color:#e5e5e5;}
  table td img {max-width:100%;}

.bgGreenGra {background: linear-gradient(90deg, rgba(21,109,85,1) 1%, rgba(123,173,134,1) 100%); color:#fff}

.bulletIcon {}
.bulletIcon .liBorder {border:2px solid #006ca8; border-radius: 20px; padding:20px 30px; }
.bulletIcon .iconTit {display:flex; align-items:center;}
.bulletIcon .iconTit img {height:50px; }
.bulletIcon .iconTit .tit {padding-left:20px; }

.nbgall .rate140{padding-bottom:140%;}
@media(max-width: 1024px){
  .nbgall.grid3 {column-gap: 20px; row-gap: 30px;}
  .topIconWrap {flex-wrap:wrap;}
  .topIconWrap .topIcon {width:25%; padding:15px 0;}
  .icontxt .titIcon img {height:100px;}
  table th { padding:20px 10px 16px; font-size:1.8rem; }
  table td { padding:16px 10px 12px; font-size:1.5rem; }
  .topIconWrap .topIcon img.bigIcon {height:160px;}
}
@media screen and (max-width:768px){
  .nbgall.grid2{grid-template-columns: repeat(1, 1fr); column-gap: 0; row-gap: 15px;}
  .nbgall.grid3{grid-template-columns: repeat(2, 1fr); }
  .topIconWrap .topIcon {width:33.333%;}
  .icontxt .titIcon img {height:80px;}
}

@media(max-width: 560px){
  .topIconWrap .topIcon {width:50%;}
  .prod_img { margin-top:-110px;}
  .topIconWrap .topIcon img.bigIcon {height:120px;}
}

@media(max-width: 480px){
  .nbgall.grid3{grid-template-columns: repeat(1, 1fr); }
}

.fontNeo300 {font-family: 'NanumSquareNeoLight';}
.fontNeo400 {font-family: 'NanumSquareNeo';}
.fontNeo500 {font-family: 'NanumSquareNeoBold';}
.fontNeo600 {font-family: 'NanumSquareNeoExtraBold';}
.fontNeo700 {font-family: 'NanumSquareNeoHeavy';}
.wordBreak {word-break: keep-all;}
.font16 {font-size:1.6rem;}

.aiclass {}
.aiclass .lineTxt {display:flex; width:100%; align-items: center; }
.aiclass .lineTxt .front {width:600px;}
.aiclass .lineTxt .front img {width:100%;}
.aiclass .lineTxt .back {width:100%; border-bottom:1px solid #ddd; margin-left:70px; padding:60px 0 ;}


@media(max-width: 768px){
  .aiclass .lineTxt {flex-wrap:wrap; padding:30px 0;}
  .aiclass .lineTxt .front {width:100%; padding-bottom:15px;}
  .aiclass .lineTxt .back {margin-left:0; padding:40px 0 ;}
}

.bullet {position:relative; padding:3px 0 3px 12px;}
.bullet::before {content:""; position:absolute; top:13px; left:0; width:5px; height:5px; background-color:#a5a5a5; }

.aiclass .imgLine .thumLink{border:1px solid #9b9b9b;}
.pdbttm10 {padding-bottom:10px;}