:root{
  /* point color */
  --color-gr:#22AC39;
  --color-yg:#CBDA00;
  --color-bl:#01A1BE;
  --color-bl02:#1F2B60;
  --color-navy:#0C213D;
  --color-red:#E12723;
  --color-red02:#F34161;
  /* light color */
  --color-l-bl:#F4F8FC;
  --color-l-gr:#F4FFF6;
  /* 그라디언트 */
  --bg-gra: linear-gradient(90deg, #CBDA00 5.8%, #CBDA00 9.96%, #22AC39 45.2%, #00A0C1 94.47%, #00A0C1 94.53%);
  --bg-gra02: linear-gradient(90deg, #CBDA00 5.8%, #00A0C1 94.53%);
  /* shadow */
  --shadow:2.63px 2.63px 15px 0px #00000026;
  --shadow02: 0px 2px 24px 0px #0000001A;
}

@keyframes flootUp{
  0%{
    opacity: 0;
    transform: translateY(100%);
  }
  100%{
    opacity: 1;
    transform: translateY(0%);
  }
}

html{
  font-size: 10px;
  font-family: 'Pretendard';
}
.frame-1600{
  max-width: 170rem;
  width: 100%;
  padding: 0 5rem;
  margin: auto;
}


/*border*/
bd0 { border:0 !important;}


/*margin*/
.m0  { margin: 0 !important}
.mb0 { margin-bottom: 0 !important}
.mb5 { margin-bottom: 5px !important}
.mb10 { margin-bottom: 10px !important}
.mb15 { margin-bottom: 15px !important}
.mb20 { margin-bottom: 20px !important}
.mb25 { margin-bottom: 25px !important}
.mb30 { margin-bottom: 30px !important}
.mb35 { margin-bottom: 35px !important}
.mb40 { margin-bottom: 40px !important}
.mb45 { margin-bottom: 45px !important}
.mb50 { margin-bottom: 50px !important}

.ml0 { margin-left: 0 !important}
.ml5 { margin-left: 5px !important}
.ml10 { margin-left: 10px !important}
.ml15 { margin-left: 15px !important}
.ml20 { margin-left: 20px !important}
.ml25 { margin-left: 25px !important}
.ml30 { margin-left: 30px !important}
.ml35 { margin-left: 35px !important}
.ml40 { margin-left: 40px !important}
.ml45 { margin-left: 45px !important}
.ml50 { margin-left: 50px !important}

.mt0 {margin-top:0 !important}
.mt5 {margin-top:5px !important}
.mt10 {margin-top:10px !important}
.mt15 {margin-top:15px !important}
.mt20 {margin-top:20px !important}
.mt25 {margin-top:25px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.mt45 {margin-top:45px !important}
.mt50 {margin-top:50px !important}


.mr0 {margin-right:0 !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}
.mr20 {margin-right:20px !important}
.mr25 {margin-right:25px !important}
.mr30 {margin-right:30px !important}
.mr35 {margin-right:35px !important}
.mr40 {margin-right:40px !important}
.mr45 {margin-right:45px !important}
.mr50 {margin-right:50px !important}

.p0 {padding:0px !important}
.p5 {padding:5px !important}
.p10 {padding:10px !important}
.p15 {padding:15px !important}
.p20 {padding:20px !important}
.p25 {padding:25px !important}
.p30 {padding:30px !important}
.p35 {padding:25px !important}
.p40 {padding:40px !important}
.p45 {padding:45px !important}
.p50 {padding:50px !important}

.pl0 {padding-left:0px !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}

.pr0 {padding-right:0px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}

.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}


/* width pixel size  */

.wth0 {width:0px !important}
.wth1 {width:1px !important}
.wth2 {width:2px !important}
.wth3 {width:3px !important}
.wth4 {width:4px !important}
.wth5 {width:5px !important}
.wth6 {width:6px !important}
.wth7 {width:7px !important}
.wth8 {width:8px !important}
.wth9 {width:9px !important}
.wth10 {width:10px !important}
.wth11 {width:11px !important}
.wth12 {width:12px !important}
.wth13 {width:13px !important}
.wth14 {width:14px !important}
.wth15 {width:15px !important}
.wth16 {width:16px !important}
.wth17 {width:17px !important}
.wth18 {width:18px !important}
.wth19 {width:19px !important}
.wth20 {width:20px !important}
.wth25 {width:25px !important}
.wth30 {width:30px !important}
.wth35 {width:35px !important}
.wth40 {width:40px !important}
.wth45 {width:45px !important}
.wth50 {width:50px !important}
.wth60 {width:60px !important}
.wth70 {width:70px !important}
.wth80 {width:80px !important}
.wth90 {width:90px !important}
.wth100 {width:100px !important}
.wth110 {width:110px !important}
.wth120 {width:120px !important}
.wth130 {width:130px !important}
.wth140 {width:140px !important}
.wth150 {width:150px !important}
.wth160 {width:160px !important}
.wth170 {width:170px !important}
.wth180 {width:180px !important}
.wth190 {width:190px !important}
.wth200 {width:200px !important}
.wth250 {width:250px !important}
.wth300 {width:300px !important}
.wth350 {width:350px !important}
.wth400 {width:400px !important}
.wth450 {width:450px !important}
.wth500 {width:500px !important}
.wth550 {width:550px !important}
.wth600 {width:600px !important}

/* blind */
.blind, .skip {
  position: absolute;
  top: -1000px;
  left: -10000px;
  overflow: hidden;
  font-size: 1px;
  text-indent: -9999px;
  line-height: 0;
}

/* font */
.font-en{
  font-family: 'outfit';
}
.cor-bl{
  color: #222!important;
}
/* text */
.tit-lg{
  color:#222;
  font-size: 4rem;
  font-weight: 600;
  line-height: 5.2rem;
}
.tit-md01{
  color:#222;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 33.8px;
}
.tit-md02{
  color:#222;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 31.2px;
}
.tit-sm01{
  color:#222;
  font-size: 2rem;
  font-weight: 500;
  line-height: 3rem;
}
.tit-sm02{
  color:#222;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.7rem;
}
.txt-style{
  color:#55585E;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 23.4px;
}
.txt-style02{
  color:#222;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4rem;
}
.font-en.tit-md01,.font-en.tit-md02m,.font-en.tit-sm01{
  font-weight: 600;
}
/* button */
.btn{
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 23.4px;
}
/* top 버튼 */
.wrap-btn-top{
  position: fixed;
  right: 5rem;
  bottom: 5rem;
  z-index: 5;
  animation: flootUp 1s 0s forwards;
}
.wrap-btn-top button{
  width: 7rem;
  height: 7rem;
}
.wrap-btn-top .btn-Inquiry{
  display: none;
}
/* flowai Chatbot 버튼 */
.wrap-btn-chatbot{
  position: fixed;
  right: 5rem;
  bottom: 14rem;
  z-index: 4;
  animation: flootUp 1s 0s forwards;
}
.wrap-btn-chatbot>img{
  width: 200px;
  margin: 0 0 1rem 0;
}
.wrap-btn-chatbot button{
  width: 7rem;
  height: 7rem;
  float: right;
}
.wrap-btn-chatbot button:hover{
  width: 8rem;
  height: 8rem;
  margin-right: -0.5rem;
}
.wrap-btn-chatbot button:hover img{
  width: 100%;
}
.chatbot {
    /* 제공받은 챗봇 CSS 스타일 */
    height: 560px;
    width: 400px;
    border-radius: 8px 8px 0px 0px;
    border: 1px solid #dcdce0;
    background: rgb(255, 255, 255);
    overflow: hidden;
    
    /* 기본 위치 및 애니메이션 스타일 (수정하지 마세요) */
    position: fixed;
    bottom: 100px;
    right: 0;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    z-index: 999;
    display: none;
    animation: slideUp 0.3s ease-out;
}
.chatbot iframe {
    width: 100%;
    height: 100%;
    border: none;
}
/* header */
.header{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 10rem;
  border-bottom: 1px solid #FFFFFF4D;
  z-index: 10;
  color:#fff;
}
.header > div{
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
}
.h-logo{
  width: 18.4rem;
  object-fit: contain;
}
.h-gnb{
  display: flex;
  align-items: center;
  height: 10rem;
}
.h-gnb > li{
  position: relative;
  width: 14rem;
  height: 100%;
}
.h-gnb > li::before{
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom:0;
  width: 100%;
  height: 0.2rem;
  background: var(--color-gr);
  opacity: 0;
  transition: .3s ease 0s;
}
.h-gnb > li:hover::before{
  opacity: 1;
}
.h-gnb > li > a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 2rem;
  font-weight: 500;
  line-height: 3rem;
  color: #fff;
  opacity: 0.6;
  transition: .3s ease 0s;
}
.h-gnb > li:hover > a{
  opacity: 1;
}
.h-gnb ul{
  display: none;
}
.h-nav{
  display: flex;
  align-items: center;
  gap:3rem;
}
.h-nav .h-Inquiry{
  display: flex;
  align-items: center;
  gap:2rem;
  margin-right: 2rem;
  padding: 1.4rem 3rem;
  border: 2px solid var(--color-gr);
  border-radius: 5rem;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 21.48px;
}
.h-nav .h-Inquiry img{
  width: 2.4rem;;
}
.h-nav .btn-h-search,.h-lag{
  width: 2.4rem;
  height: 2.4rem;
}
.h-lag{
  position: relative;
  height: 5.8rem;
}
.h-lag > a{
  display: block;
  height: 100%;
}
.h-lag > a img{
  height: 100%;
  object-fit: contain;
  object-position: 50% 50%;
}
.h-lag > div{
  display: none;
  position: absolute;
  top: 5.8rem;
  left: 50%;
  padding: 1.5rem 2rem;
  transform: translateX(-50%);
  background: #FFFFFF01;
  backdrop-filter: blur(10px);
  border: 2px solid #FFFFFF4D;
  border-radius: 1.5rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.4rem;
  text-transform: uppercase;
}
.h-lag:hover > div{
  display: block;
}
.h-lag > div a{
  opacity: 0.5;
}
.h-lag > div a.on{
  opacity: 1;
}
.btn-all-menu{
  position: relative;
  width: 3rem;
  height: 2.4rem;
}
.btn-all-menu > span{
  position: absolute;
  lefT:0;
  width: 100%;
  height: 0.24rem;
  background: #fff;
}
.btn-all-menu > span:nth-of-type(1){
  top:0;
}
.btn-all-menu > span:nth-of-type(2){
  top:50%;
  transform: translateY(-50%);
}
.btn-all-menu > span:nth-of-type(3){
  bottom:0;
}
/* footer */
.footer{
  position: relative;
  padding: 5rem 0;
  background: #222;;
  z-index: 2;
}
.footer > div{
  display: flex;
  align-items: center;
  gap:10rem;
}
.f-logo{
  width:39rem;
}
.wrap-f-cont{
  flex: 1;
}
.footer-t{
  display: flex;
  gap:2.5rem;
  margin-bottom: 3rem;
  padding-bottom: 3rem;
  border-bottom: 1px solid #888888;
}
.footer-t a{
  color:#BDBDBD;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 23.4px;
}
.footer-t a:first-of-type{
  color:#fff;
  font-weight: 500;
}
.footer-b{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap:2rem;
}
.cont-footer{
  flex:1;
  max-width: 65rem;
}
.tit-footer{
  margin-bottom: 2rem;
  color:#BDBDBD;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 23.4px;
}
.footer-b ul{
  display: flex;
  flex-wrap: wrap;
  column-gap: 2.5rem;
  row-gap: 0.8rem;
}
.footer-b li{
  display: flex;
  gap:1rem;
  color:#BDBDBD;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 20.8px;
}
.footer-b li span{
  color:#DBDBDB;
  font-weight: 600;
}
.footer-b .copy{
  margin-top: 0.8rem;
  color:#DBDBDB;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 20.8px;
}
.footer-sns{
  display: flex;
  gap:1.5rem
}
.footer-sns > a{
  display: block;
  width: 4.5rem;
  border-radius: 50%;
}
/* sub layout*/


/* sub layout- visual intro images */
.sub-visual{
  /* position: relative; */
  height: 30rem;
  margin-bottom: 10rem;
}

.sub-visual2{
  /* position: relative; */
  height: 20rem;
  margin-bottom: 6rem;
  background:url(/resources/common/images/bg-sub-visual2.png) 0px -200px;
}


.visual-intro1 {background:url(/resources/common/images/bg-sub-visual2.png) 0px -200px;}
.visual-intro2 {background:url(/resources/common/images/intro_business.jpg) 0px -200px;}
.visual-intro3 {background:url(/resources/common/images/intro_board.jpg) 0px -800px;}
.visual-intro4 {background:url(/resources/common/images/intro_company.jpg) 0px -200px;}

.tit-sub-visu2{
  position: absolute;
  top:13rem;
  left: 50%;
  transform: translate(-50%,-50%);
  color:#fff;
  font-size: 5rem;
  font-weight: 600;
  line-height: 52px;
}

@media (max-width:1024px){

  .visual-intro1 {background-size: 130%; background-position: center -100px;}
  .visual-intro2 {background-size: 130%; background-position: center 0px;}
  .visual-intro3 {background-size: 100%; background-position: center -100px;}
  .visual-intro4 {background-size: 130%;}


}

.tit-sub-visu{
  position: absolute;
    top: 15rem;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 4rem;
    font-weight: 600;
    line-height: 52px;
}
.nav-sub-visu{
  position:absolute;
  top:25rem;
  left: 0;
  bottom:0;
  width: 100%;
  height: 8.3rem;

}
.nav-sub-visu ul{
  display: flex;
  height: 9.3rem;
  background: #00A0C1;
  box-shadow: 0 1px 2px rgba(0,0,0,0.07), 
  0 2px 4px rgba(0,0,0,0.07), 
  0 4px 8px rgba(0,0,0,0.07), 
  0 8px 16px rgba(0,0,0,0.07),
  0 16px 32px rgba(0,0,0,0.07), 
  0 32px 64px rgba(0,0,0,0.07);
}
.nav-sub-visu ul li{
  position: relative;
  height: 100%;
  color: #333;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 2.2rem;
  opacity: 1;
  background:#fff;
  border-right:1px solid #ccc;
}
.nav-sub-visu ul li.on{
  opacity: 1;
  background-color: #0C213C;
  color:#fff;
} 

nav-sub-visu ul > li:last-child{
  border-right:0px;
}

.nav-sub-visu ul a{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 3rem;
}
.sus-content{
  padding: 8rem 0;
}

@media (max-width:1200px){
  /* header */
  .h-gnb{
    display: none;
  }
  /* footer */
  .f-logo{
    width: 18.4rem;
  }
}
@media (max-width: 980px){
  .footer > div{
    flex-direction: column;
    align-items: flex-start;
    gap:3rem;
  }
  .footer-b{
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 768px){
  .frame-1600{
    padding: 0 2rem;
  }
  /* txt */
  .tit-lg{
    font-size: 2.8rem;
    line-height: 4.2rem;
  }
  .tit-md01,.tit-md02{
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
  }
  .tit-sm01,.tit-sm02{
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.7rem;
  } 
  .txt-style{
    font-size: 1.6rem;
    line-height: 20.8px;
  }
  .txt-style02{
    font-size: 1.1rem;
    line-height: 1.1rem;
    letter-spacing: -0.36px;
    
  }
  .font-en.tit-md01,.font-en.tit-md02m,.font-en.tit-sm01{
    font-weight: 600;
  }
  /* top 버튼 */
  .wrap-btn-top{
    right: 2rem;
    bottom: 2.2rem;
  }
  .wrap-btn-top .btn-Inquiry{
    display: block;
    margin-bottom: 1.5rem;
    display: none;
  }
  /* chatbot 버튼 */
  .wrap-btn-chatbot{
  	right: 2rem;
  	bottom: 10rem;
  }
  .wrap-btn-chatbot>img{
    width: 150px;
    margin: 0 0 1rem 0;
  }
  .wrap-btn-chatbot button:hover{
	width: 8rem;
	height: 8rem;
  }
  /* header */
  .header{
    height: 6.5rem;;
  }
  .h-logo{
    width: 12.9rem;
  }
  .h-nav .h-Inquiry{
    display: none;
  }
  /* footer */
  .footer{
    padding: 4rem 0;
  }
  .footer-t{
    margin-bottom: 2rem;
    padding-bottom: 2rem;
  }
  .footer-t a{
    font-size: 16px;
    line-height: 20.8px;
  }
  .tit-footer{
    margin-bottom: 1rem;
    font-size: 16px;
    line-height: 20.8px;
  }
  .footer-b ul{
    row-gap: 0.5rem;
  }
  .footer-b li{
    font-size: 12px;
    line-height: 15.6px;
  }
  .footer-b .copy{
    margin-top: 0.5rem;
    font-size: 12px;
    line-height: 15.6px;
  }
  /* sub layout*/
  .sub-visual{
    height: 24rem;
  }
  .tit-sub-visu{
    margin-top: -20px;
    font-size: 4rem;
    font-weight: 600;
    line-height: 3rem;
  }
  .nav-sub-visu{
    display: block;
    margin-top: -130px;
    height: auto;
    overflow-x: auto;
  }

  .nav-sub-visu .frame-1600 {
    padding: 0;

  }

  .nav-sub-visu ul{
    position: relative;
    height: 40px;
    top: 100px;
  }

  .nav-sub-visu ul li{
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 2.7rem;
  }
  .nav-sub-visu ul a{
    padding: 0 ;
  }
  .sus-content{
    padding: 5rem 0;
  }
}
@media (max-width: 430px){
	.chatbot{
	  width: 345px;
	  height: 470px;
	  bottom: 70px;
	}
}

.fl {float: left;}
.fr {float: right;}
.clfix:after {content: ""; display: block; height: 0px; clear: both; visibility: hidden}
* html .clfix {height: 1%} /* Hides from IE-mac */
#clear {clear: both;}
section.normal_contents {margin: 0px 0px 30px 0px}

.w1440 { width: 100%; max-width: 1440px; margin: 0 auto; position: relative; }

/* sub product common */

.subCon { position: relative; overflow: hidden; }
.subCon.headerfix { padding-top: 100px; }
.subCon input[type="text"], .subCon input[type="number"], .subCon input[type="password"], .subCon input[type="email"], .subCon input[type="file"] { height: 50px; padding: 0 20px; font-size: 16px; font-weight: 500; color: #222; border: 1px solid #ddd; background: #fff; }
.subCon input[type="text"]::-webkit-input-placeholder, .subCon input[type="number"]::-webkit-input-placeholder, .subCon input[type="password"]::-webkit-input-placeholder, .subCon input[type="email"]::-webkit-input-placeholder, .subCon input[type="file"]::-webkit-input-placeholder { color: #999; font-weight: 400; }
.subCon input[type="text"]::-moz-placeholder, .subCon input[type="number"]::-moz-placeholder, .subCon input[type="password"]::-moz-placeholder, .subCon input[type="email"]::-moz-placeholder, .subCon input[type="file"]::-moz-placeholder { color: #999; font-weight: 400; }
.subCon input[type="text"]:-ms-input-placeholder, .subCon input[type="number"]:-ms-input-placeholder, .subCon input[type="password"]:-ms-input-placeholder, .subCon input[type="email"]:-ms-input-placeholder, .subCon input[type="file"]:-ms-input-placeholder { color: #999; font-weight: 400; }
.subCon input[type="text"]::-ms-input-placeholder, .subCon input[type="number"]::-ms-input-placeholder, .subCon input[type="password"]::-ms-input-placeholder, .subCon input[type="email"]::-ms-input-placeholder, .subCon input[type="file"]::-ms-input-placeholder { color: #999; font-weight: 400; }
.subCon input[type="text"]::placeholder, .subCon input[type="number"]::placeholder, .subCon input[type="password"]::placeholder, .subCon input[type="email"]::placeholder, .subCon input[type="file"]::placeholder { color: #999; font-weight: 400; }
.subCon input[type="text"]:-ms-input-placeholder, .subCon input[type="number"]:-ms-input-placeholder, .subCon input[type="password"]:-ms-input-placeholder, .subCon input[type="email"]:-ms-input-placeholder, .subCon input[type="file"]:-ms-input-placeholder { color: #999; font-weight: 400; }
.subCon input[type="text"]::-ms-input-placeholder, .subCon input[type="number"]::-ms-input-placeholder, .subCon input[type="password"]::-ms-input-placeholder, .subCon input[type="email"]::-ms-input-placeholder, .subCon input[type="file"]::-ms-input-placeholder { color: #999; font-weight: 400; }
.subCon input[type="number"]::-webkit-outer-spin-button, .subCon input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.subCon textarea { padding: 20px; width: 100%; font-size: 16px; font-weight: 500; color: #222; border: 1px solid #ddd; background: #fff; }
.subCon select { height: 50px; padding: 0 50px 0 20px; font-size: 16px; font-weight: 500; color: #222; border: 1px solid #ddd; background: #fff url("/resources/common/images/moMenu_arrow_d.png") center right 20px no-repeat; background-size: 15px auto; }


input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }
.checkbox input[type="checkbox"] { width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: 0; }
.checkbox input[type="checkbox"] + label { display: inline-block; line-height: 1.3; padding-left: 30px; font-size: 16px; color: #666; background: url("/resources/common/images/check_off_white.png") top left no-repeat; background-size: auto 20px; position: relative; z-index: 1; }
.checkbox input[type="checkbox"]:checked + label { background-image: url("/resources/common/images/check_on.png"); }

.btn_wrap { margin-top: 40px; text-align: center; font-size: 0; }
.btn_wrap a { display: inline-block; margin-right: 14px; }
.btn_wrap a:last-of-type { margin-right: 0; }
.roundBtn { display: inline-block; width: 180px; height: 48px; line-height: 48px; font-size: 16px; font-weight: 600; border-radius: 6px; text-align: center; }
.roundBtn.big { width: 300px; height: 60px; line-height: 60px; font-size: 18px; }
.roundBtn.green { background: #00b118; color: #fff; }


.subProd_con > div h3 { font-size: 40px; font-weight: 600; }
.subProd_con > .subProd01 { padding-top: 110px; padding-bottom: 80px; text-align: center; }
.subProd_con > .subProd01 h3 { font-size: 48px; font-weight: 500; line-height: 1.5; }


.privacyCheck_wrap { margin-bottom: 60px; }
.privacyCheck_wrap h4 { margin-bottom: 30px; font-size: 24px; font-weight: 600; }
.privacyCheck_wrap .privacyTxt { height: 200px; border: 1px solid #eee; overflow-y: auto;  background:#f1f1f1  }
.privacyCheck_wrap .privacyTxt > div { height: 100%; padding: 20px 30px 0; font-size: 16px; line-height: 2;}
.privacyCheck_wrap .privacyTxt > div p { line-height: 2; }
.privacyCheck_wrap .privacyTxt > div dl { margin-top: 0px; }
.privacyCheck_wrap .privacyTxt > div dl dt { font-weight: 600; font-size: 20px; text-align: left; line-height: 2; }
.privacyCheck_wrap .privacyTxt > div dl dd { margin-bottom: 20px; line-height: 2; }
.privacyCheck_wrap .privacyTxt > div dl dd ul { counter-reset: chapter 0; }
.privacyCheck_wrap .privacyTxt > div dl dd ul li { line-height: 2; }
.privacyCheck_wrap .privacyTxt > div dl dd ul li span { display: block; line-height: 2; }
.privacyCheck_wrap .privacyTxt .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 10px; }
.privacyCheck_wrap .privacyTxt .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #999; }
.privacyCheck_wrap .privacy_table { margin: 10px 0; width: 100%; }
.privacyCheck_wrap .privacy_table th, .privacyCheck_wrap .privacy_table td { padding: 10px 7px; border: 1px solid #bdbdbd; line-height: 1.5; }
.privacyCheck_wrap .privacy_table th { padding-left: 0; text-align: center; background-color: #f9f9f9; }
.privacyCheck_wrap .privacy_table td { background-color: #fff; }
.privacyCheck_wrap .privacy_table .tableCenter td { padding: 10px 0; text-align: center; }
.privacyCheck_wrap .privacy_sub { position: relative; padding-left: 22px; }
.privacyCheck_wrap .privacy_sub::before { content: "-"; position: absolute; left: 3px; top: 0; }
.privacyCheck_wrap .checkWrap { margin-top: 20px; }


.prodContact .topTxt { margin-bottom: 60px; padding: 45px 30px; font-size: 18px; color: #666; line-height: 1.6; background: #f8f8f8; text-align: center; }


@media all and (max-width: 1520px) { .w1440 { max-width: 100%; padding: 0 60px; } }

@media all and (max-width: 1080px) { /* tablet */
   .w1440 { width: 100%; padding: 0 40px; margin: 0; }
   .btn_wrap a { margin-right: 20px; }
   
   .roundBtn { width: calc((100% - 20px) / 2); height: 70px; line-height: 70px; font-size: 26px; font-weight: 500; }
   .roundBtn.big { width: 100%; height: 90px; line-height: 90px; font-size: 28px; }

   .prodContact .topTxt { padding: 70px 80px; font-size: 28px; line-height: 1.5; }
   .prodContact .topTxt br { display: none; }
}

@media all and (max-width: 770px) { /* mobile */
	.w1440 { padding: 0 5.56vw; } 
    .btn_wrap { margin-top: 5.56vw; }
	.btn_wrap a { margin-right: 2.78vw; }
    .roundBtn { width: calc((100% - 2.78vw) / 2); height: 9.72vw; line-height: 9.72vw; font-size: 3.61vw; border-radius: 0.83vw; }
	.roundBtn.big { height: 12.50vw; line-height: 12.50vw; font-size: 3.89vw; }

    .prodContact .topTxt { margin-bottom: 8.33vw; padding: 9.72vw 6.94vw; font-size: 3.89vw; }


   .privacyCheck_wrap h4 {
      margin-bottom: 10px;
      font-size: 2.4rem;
      font-weight: 600;
  }


.privacyCheck_wrap .privacyTxt > div { height: 100%; padding: 10px 10px 0; font-size: 2.2rem}
.privacyCheck_wrap .privacyTxt > div dl dt {  font-size: 2.2rem; text-align: left; line-height: 2.6rem; }
.privacyCheck_wrap .privacyTxt > div dl dd { margin-bottom: 10px; line-height: 2; }
.privacyCheck_wrap .privacyTxt > div dl dd ul li { line-height: 2;  font-size: 2.0rem; }
.privacyCheck_wrap .privacyTxt > div dl dd ul li span { display: block; line-height: 2; }
.privacyCheck_wrap .privacyTxt .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical { right: 10px; }
.privacyCheck_wrap .privacyTxt .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #999; }


    }


/* 게시판 페이징 */
.paging {padding:35px 0; text-align:center;}
.paging a, .paging button, .paging .on {display:inline-block; width:42px; height:42px; margin-bottom:4px; margin-left:2px; border:1px solid #cccccc; color:#676767; line-height:41px; font-size:16px}
.paging .first_prev, .paging .prev, .paging .next, .paging .last_next {display:inline-block; background:center center no-repeat;}
.paging .first_prev span, .paging .prev span, .paging .next span, .paging .last_next span {display:inline-block; text-indent:-9999px;}
.paging .first_prev {margin-left:0; background-image:url('/resources/common/images/paging_prev2.svg');}
.paging .prev {background-image:url('/resources/common/images/paging_prev.svg');}
.paging .next {background-image:url('/resources/common/images/paging_next.svg');}
.paging .last_next {background-image:url('/resources/common/images/paging_next2.svg');}
.paging .on {border:1px solid #0053a5; background:#0053a5; color:#fff; cursor:default;}
.paging a:hover, .paging a:focus, .paging button:hover, .paging button:focus {border:1px solid #0053a5; text-decoration:none;}

@media screen and (max-width:1024px) {
	.paging a, .paging button, .paging .on {font-size:14px}

}
@media screen and (max-width:620px) {
	/* 페이징 */
    .paging {padding:20px 0;}
    .paging a, .paging button, .paging .on {display:none; width:36px; height:36px; line-height:35px; font-size:13.5px;}
	.paging .first_prev, .paging .last_next, .paging .prev,  .paging .next {background-size:auto 12px}
    .paging .prev {width:auto; padding-right:10px; padding-left:20px; background-position:left 5px top 50%; }
    .paging .next {width:auto; padding-right:20px; padding-left:10px; background-position:right 5px top 50%;}
    .paging .prev span,.paging .next span {text-indent:0; }
}



/* 게시판 검색 */
.basic_box {margin-bottom:20px;}
.basic_box:after {display:block; clear:both; content:'';}
.basic_box .basic_search {float:right;}
.basic_box .basic_search .select {width:150px; height:45px;}
.basic_box .basic_search .searchinput {position:relative; }
.basic_box .basic_search .searchinput .text {width:400px; height:45px; padding-right:55px;}
.basic_box .basic_search .searchinput .btn {position:absolute; top:0; right:0; width:45px; height:45px; background:#0053a5 url('/resources/common/images/ico_search.svg') no-repeat 50% 50%/21px; }
.basic_search .grap, .basic_box .basic_search .searchinput, .basic_search .text, .basic_search .select {display:inline-block; vertical-align:top;}

.basic_box .total_area {float:left; padding-top:10px;}
.basic_box .total_area > p {display:inline-block; color:#555}
.basic_box .total_area > p strong {position:relative; color:#0053a5}
.basic_box .total_area > span {font-size:15px}
.basic_box .total_area > span span {font-weight:bold; color:#000}

@media screen and (max-width:1024px) {
	.basic_box {padding:20px; margin-bottom:20px;}
}
@media screen and (max-width:800px) {
	.basic_box {padding:15px; margin-bottom:15px;}
	.basic_box .basic_search .select {width:100px; height:40px;}
	.basic_box .basic_search .searchinput {position:relative; }
	.basic_box .basic_search .searchinput .text {width:200px; height:40px; padding-right:55px;}
	.basic_box .basic_search .searchinput .btn {width:40px; height:40px;}
}
@media screen and (max-width:620px) {
	.basic_box .total_area {display:block; float:none; padding-top:0; padding-bottom:10px;}
	.basic_box .basic_search {overflow:hidden; float:none; width:100%; padding:0;}
	.basic_box .basic_search .grap {width:100%;}
	.basic_box .basic_search .grap .select {float:left; width:88px;}
	.basic_box .basic_search .grap .searchinput {float:right; width:100%;}
	.basic_box .basic_search .grap .select + .searchinput {width:calc(100% - 90px );}
	.basic_box .basic_search .searchinput .text {width:100%;}
}
@media screen and (max-width:480px) {
	.basic_box .basic_tab li:after {top:13px}
	.basic_box .basic_tab li a {line-height:36px; font-size:14px}
}