@charset "UTF-8";

/* color ================================================ */

:root {

    --blue: #0a02f6;
    --red: #e11200;
    --yellow: #01b0ea;
    --hot_red :#fd1949;
    --grey: #f6f6f6;
    --white: #fff;
    --black: #1a1a1a;
}

/* ================================================ */




/* ================responsive web design area ==============
============================================================ */


@media screen and ( max-width:1440px ) {

header.btday_hd .vg_gallery_tx{ width: 100%; height:auto;  
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

}





@media screen and ( max-width:1200px ) {


header nav.pc_navi{ display: none; }


/* 반응형 모바일 네비 적용 (햄버거) */
/* 스크롤 내렸을때 CSS .active */
.m_navi.active{ background:rgba(255,255,255,0.8); }
.m_navi.active h1.m_top_logo a{ color: var(--blue) !important;}
.m_navi.active h1.m_top_logo a:hover{ color: var(--yellow); }
.m_navi.active .hambb span{ background: var(--blue);}
.m_navi.active .hambb.mmh span{ background: var(--blue);}
.m_navi.active input[id="hamburger"]:checked + label span {background: var(--white);} /* 호버시 햄버거 색상 변경 */


nav.m_navi{ display:inline !important; z-index:1001; top:0; left: 0; position:fixed; 
 width:100%; height:80px; background-color: var(--blue);}


nav.m_navi h1.m_top_logo{float:left; font:bold 3.2rem "Black Han Sans", sans-serif;
    margin:22px 0 0 24px; z-index:20; letter-spacing: -1px}
nav.m_navi h1.m_top_logo a{ color: var(--white);}
nav.m_navi h1.m_top_logo a:hover{ color: var(--yellow);}



nav.m_navi .hambb{ display:inline; top:0;right:30px; margin:28px 0 0 0; z-index:20;}

input[id="hamburger"] {display: none;}
input[id="hamburger"] + label {
  display: block; width: 24px; height: 16px;
  position:fixed; cursor: pointer; padding:4px; color:#000;
}
input[id="hamburger"] + label span {
  display: block; position: absolute; width: 100%;height: 3px;
  border-radius: 30px; background: var(--white); transition: all 0.35s;
}
input[id="hamburger"] + label span:nth-child(1) {
  top: 0;
}
input[id="hamburger"] + label span:nth-child(2) {
  top: 50%; transform: translateY(-50%);
}
input[id="hamburger"] + label span:nth-child(3) {
  bottom: 0;
}
input[id="hamburger"]:checked + label {z-index: 99;}
input[id="hamburger"]:checked + label span {background: var(--white);} /* 호버시 햄버거 색상 변경 */
input[id="hamburger"]:checked + label span:nth-child(1) {
  top: 50%; transform: translateY(-50%) rotate(45deg);}
input[id="hamburger"]:checked + label span:nth-child(2) {opacity: 0;}
input[id="hamburger"]:checked + label span:nth-child(3) {
  bottom: 50%;transform: translateY(50%) rotate(-45deg);}
div[class="bx-nav"] {
  width: 100%; height: 100%; background: var(--blue); /* opacity: 0.85; */ position:fixed; top: 0;
  /* 원본 left: -100%; */
  left:100%; z-index: 98; transition: all 0.35s; margin-left:620px; }

input[id="hamburger"]:checked + label + div {left: 0;}

.bx-nav {position: absolute; top:119px; width: 100%;}
.bx-nav .nav_mss li {
    color:#fff; position:relative; float:left; width:100%; list-style-type:none; 
     /* border-bottom:1px solid #fff; */
    font-weight:500; font-size:2.6rem;  font-family: var(--main-font-family);
    padding-top: 20px; padding-bottom: 10px; padding-left:100px; text-align: left; }
    

.bx-nav a {padding: 0;text-decoration:none; display: block;}
.bx-nav ul.nav_mss{ margin-top:120px; }
.bx-nav li a{
    display:block; color: var(--white); line-height:40px;
    margin:0px;padding:0;text-decoration:none; transition: all 0.4s; }
.bx-nav li a:hover{
text-decoration: none; color: var(--yellow); padding: 0;margin: 0;border: 0px;}
.bx-nav ul li:hover a {
text-decoration: none; color: #797979; padding: 0;margin: 0;border: 0px;}

/*2뎁스 적용 호버 색상*/
.bx-nav ul.nav_mss li a:hover{text-decoration: none; color: var(--yellow);
 padding: 0;margin: 0; border: 0px;}


.bx-nav ul.sub li:hover a {text-decoration: none; color: #fc2828;
 padding: 0; margin: 0; border: 0px; }

.bx-nav ul.nav_mss li ul.sub li{font-weight:300; font-size:1.4rem; 
  font-family: var(--main-font-family); color: #7d7d7d;
  padding-left:22px;}

.bx-nav ul.nav_mss li ul.sub li a { 
 float:left; margin: 0; padding:2px 0 10px 0; line-height:10px;}




header.btday_hd .hd_height_line01{ position: absolute; top:94%; left:49.7%; height:50px;  
    border-left:10px solid #0a02f6; }


section.bx01_website{ position: relative; width:100%; height:auto; background-color: var(--white); }

section.bx01_website .bx01_website_height_line01{ position: absolute; top:0; left:49.7%; height:50px;  
    border-left:10px solid #0a02f6; }

section.bx01_website .bx01_website_ms{position: relative; width:86%; margin:0 7%;
border-top: 1px solid #0a02f6;  padding: 100px 0 110px 0;}
section.bx01_website .bx01_website_ms .bx01_website_title{ font-weight:bold; 
    font-size: 3.2rem; color: var(--black); text-align: center;}
section.bx01_website .bx01_website_ms .bx01_website_title h2{ margin: 0 0 20px 0; }    
section.bx01_website .bx01_website_ms .bx01_website_title .bx_tt_impt{color: var(--blue);}

section.bx01_website .bx01_website_ms .bx01_title ul{ list-style:none; text-align: center; display:flex; justify-content: center;}
section.bx01_website .bx01_website_ms .bx01_title ul li{float:left; display: inline; padding: 0 16px;
font-weight:bold; font-size: 2.2rem; color: var(--black); margin: 0 0 30px 0; }



/* 중간 서브 네비게이션 */
section.bx01_website .bx01_website_ms .bx01_website_title ul li a{ color: var(--black); position: relative; text-decoration: none;  }
section.bx01_website .bx01_website_ms .bx01_website_title ul li a::before{ content: ''; position: absolute; 
    width: 100%; height: 4px; border-radius: 4px; background-color: var(--blue); top: 36px; bottom: 0; left: 0;
  transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out; }
section.bx01_website .bx01_website_ms .bx01_website_title ul li a:hover::before { transform-origin: left; transform: scaleX(1);}

section.bx01_website .bx01_website_ms .bx01_website_title ul li a:hover{  color: var(--blue); transition:all .5s;}




section.bx01_website .bx01_website_ms .web_respon{ width:100%; height:auto; margin:0 auto; }
section.bx01_website .bx01_website_ms .web_respon .web_respon_title{ width:96%; margin: 0 2%; }
section.bx01_website .bx01_website_ms .web_respon .web_respon_title > h2{font-weight:bold; font-size: 3vw; 
    color: var(--blue); margin: 0 0 0 14px;}
section.bx01_website .bx01_website_ms .web_respon .web_respon_title > p{font-weight:bold; font-size: 2.166vw; 
    color: var(--black); margin: 0 0 20px 14px;}

section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01{ width:96%; margin:0 2%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li{ float:left; display: inline;
 width:23%; margin:1%}



section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 .pt01_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 h3.pt01_sub_mtx{
    font-weight:bold; font-size:2.166vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt01_sub_tx_imp{ font-weight:bold; font-size: 1vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 .pt02_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 h3.pt02_sub_mtx{
    font-weight:bold; font-size:2.166vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt02_sub_tx_imp{ font-weight:bold; font-size: 1vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 .pt03_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 h3.pt03_sub_mtx{
    font-weight:bold; font-size:2.166vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt03_sub_tx_imp{ font-weight:bold; font-size: 1vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 .pt04_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 h3.pt04_sub_mtx{
    font-weight:bold; font-size:2.166vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt04_sub_tx_imp{ font-weight:bold; font-size: 1vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon::after { content: ""; display: block; clear: both; } 



section.bx01_website .bx01_website_ms .web_pc_m{ width:100%; height:auto; margin:100px auto 0; }
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title{ width:96%; margin: 0 2%; }
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title > h2{font-weight:bold; font-size: 3vw; 
    color: var(--blue); margin: 0 0 0 14px;}
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title > p{font-weight:bold; font-size: 2.166vw; 
    color: var(--black); margin: 0 0 20px 14px;}

section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01{ width:96%; margin:0 2%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li{ float:left; display: inline;
 width:23%; margin:1%}

section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 .pt01_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 h3.pt01_sub_mtx{
    font-weight:bold; font-size:2.166vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt05_sub_tx_imp{ font-weight:bold; font-size: 1vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 .pt02_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 h3.pt02_sub_mtx{
    font-weight:bold; font-size:2.166vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt06_sub_tx_imp{ font-weight:bold; font-size: 1vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 .pt03_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 h3.pt03_sub_mtx{
    font-weight:bold; font-size:2.166vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt07_sub_tx_imp{ font-weight:bold; font-size: 1vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 .pt04_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 h3.pt04_sub_mtx{
    font-weight:bold; font-size:2.166vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt08_sub_tx_imp{ font-weight:bold; font-size: 1vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 .pt05_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 h3.pt05_sub_mtx{
    font-weight:bold; font-size:2.166vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt09_sub_tx_imp{ font-weight:bold; font-size: 1vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 .pt06_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 h3.pt06_sub_mtx{
    font-weight:bold; font-size:2.166vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt10_sub_tx_imp{ font-weight:bold; font-size: 1vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 .pt07_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 h3.pt07_sub_mtx{
    font-weight:bold; font-size:2.166vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt11_sub_tx_imp{ font-weight:bold; font-size: 1vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 .pt08_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 h3.pt08_sub_mtx{
    font-weight:bold; font-size:2.166vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt12_sub_tx_imp{ font-weight:bold; font-size: 1vw; color: var(--white);}



section.bx01_website .bx01_website_ms .btday_ghost02{  display: flex; justify-content: center;}

.btday_ghost02{ margin:40px 0 0 0; display: flex; justify-content: center;  }

/* Common button styles */
.button {float: left; min-width: 12.5vw; max-width: 250px;
  display: block; margin: 1em;padding: 1em 2em; border: none; background: none;
  color: inherit; vertical-align: middle;position: relative; z-index: 1;
  -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.button:focus {outline: none;}
.button > span {vertical-align: middle;}

/* a text color 상단버튼 */
.btday_ghost .button {color: #0a02f6;}

/* a text color  하단버튼*/
.btday_ghost02 .button {color: #0a02f6;}

/* Sizes */
.button--size-s {font-size: 14px;}

/* Typography and Roundedness */
.button--text-upper {letter-spacing: 2px; text-transform: uppercase;}
.button--text-thin {font-weight: 300;}

/* Nina */
.button--nina { cursor: pointer; padding: 0 2em;  border:  4px solid #0a02f6;
   /* background: #1a1a1a; */ color: #fff;  overflow: hidden;
  -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}

.button--nina.button--inverted {
  background: #fff; color: #7986cb;}
.button--nina > span {
  display: inline-block; padding: 1em 0; opacity: 0; color: #fff;
  -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.button--nina::before {
  content: attr(data-text); position: absolute;
  top: 0;left: 0;width: 100%;height: 100%;padding: 1em 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

/* hover 색상변경 */
.button--nina:hover {background-color: #0a02f6;}

.button--nina:hover::before {
  opacity: 0; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--nina:hover > span {
  opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.button--nina:hover > span:nth-child(1) {-webkit-transition-delay: 0.045s; transition-delay: 0.045s;}
.button--nina:hover > span:nth-child(2) {-webkit-transition-delay: 0.09s;transition-delay: 0.09s;}
.button--nina:hover > span:nth-child(3) {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;}
.button--nina:hover > span:nth-child(4) {-webkit-transition-delay: 0.18s;transition-delay: 0.18s;}
.button--nina:hover > span:nth-child(5) {-webkit-transition-delay: 0.225s;transition-delay: 0.225s;}
.button--nina:hover > span:nth-child(6) {-webkit-transition-delay: 0.27s;transition-delay: 0.27s;}
.button--nina:hover > span:nth-child(7) {-webkit-transition-delay: 0.315s;transition-delay: 0.315s;}
.button--nina:hover > span:nth-child(8) {-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.button--nina:hover > span:nth-child(9) {-webkit-transition-delay: 0.405s;transition-delay: 0.405s;}
.button--nina:hover > span:nth-child(10) {-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}



section.bx01_website_website .ft_height_line01{ position:absolute; top:94%;  left:49.7%; height:50px;  
    border-left:10px solid #0a02f6; }



footer{ position: relative; width:100%; height:auto; margin:0 auto; padding:80px 0 40px;  background-color: var(--blue);}

footer .ft_height_line{ position:absolute; top:0; left:49.7%; height:50px;  border-left:10px solid #fff; }

footer .ft_line01{width:86%; border-bottom: 1px solid #fff; margin: 0 7% 45px; }
footer .ft_ms{width:100%; height:auto; margin: 0 auto 0; color: var(--white);
        display: flex; justify-content: center;  }

footer .ft_ms .ft_01{margin: 0 50px 0 0;}
footer .ft_ms .ft_01 .ft_01_title{font-weight:bold; font-size: 1.4rem; margin: 0 0 14px 0;}
footer .ft_ms .ft_01 ul.ft_01_cont_01{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_01 ul.ft_01_cont_02{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.4rem; }

footer .ft_line02{ border-left: 1px solid #fff; height:250px; margin: 0 50px 0 0; }

footer .ft_ms .ft_02{margin: 0 0 0 0;}
footer .ft_ms .ft_02 .ft_02_title{font-weight:bold; font-size: 1.4rem; margin: 0 0 14px 0;}
footer .ft_ms .ft_02 ul.ft_02_cont_01{list-style: none; float:left;}
footer .ft_ms .ft_02 ul.ft_02_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_02 ul.ft_02_cont_02{list-style: none; float:left;}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_02 ul.ft_02_cont_02 li a{color:var(--white);}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li a:hover{color:var(--white);}

footer .ft_line03{ width:86%; border-bottom: 1px solid #fff; margin: 45px 7% 0;}
footer .ft_copyr{ width:100%; margin:40px auto 0;  text-align: center; color: var(--white);}


}








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


header.btday_hd{ width:100%; height:520px; position: relative; 
 background:url(../top_bg/website_768x520.jpg) no-repeat center center; background-size: cover; }

header nav.pc_navi{ display: none; }


/* 반응형 모바일 네비 적용 (햄버거) */
/* 스크롤 내렸을때 CSS .active */
.m_navi.active{ background:rgba(255,255,255,0.8); }
.m_navi.active h1.m_top_logo a{ color: var(--blue) !important;}
.m_navi.active h1.m_top_logo a:hover{ color: var(--yellow); }
.m_navi.active .hambb span{ background: var(--blue);}
.m_navi.active .hambb.mmh span{ background: var(--blue);} /* 스크롤시 햄버거 3선 색상 */
.m_navi.active input[id="hamburger"]:checked + label span {background: var(--white);}


nav.m_navi{ display:inline !important; z-index:1001; top:0; left: 0; position:fixed; 
 width:100%; height:80px; background-color: var(--blue);}


nav.m_navi h1.m_top_logo{float:left; font:bold 3.2rem "Black Han Sans", sans-serif;
    margin:22px 0 0 24px; z-index:20; letter-spacing: -1px}
nav.m_navi h1.m_top_logo a{ color: var(--white);}
nav.m_navi h1.m_top_logo a:hover{ color: var(--yellow);}


nav.m_navi .hambb{ display:inline; top:0;right:30px; margin:28px 0 0 0; z-index:20;}

input[id="hamburger"] {display: none;}
input[id="hamburger"] + label {
  display: block; width: 24px; height: 16px;
  position:fixed; cursor: pointer; padding:4px; color:#000;
}
input[id="hamburger"] + label span {
  display: block; position: absolute; width: 100%;height: 3px;
  border-radius: 30px; background: #fff; transition: all 0.35s;
}
input[id="hamburger"] + label span:nth-child(1) {
  top: 0;
}
input[id="hamburger"] + label span:nth-child(2) {
  top: 50%; transform: translateY(-50%);
}
input[id="hamburger"] + label span:nth-child(3) {
  bottom: 0;
}
input[id="hamburger"]:checked + label {z-index: 99;}
input[id="hamburger"]:checked + label span {background: var(--white);}/* 호버시 햄버거 3선 색상 */
input[id="hamburger"]:checked + label span:nth-child(1) {
  top: 50%; transform: translateY(-50%) rotate(45deg);}
input[id="hamburger"]:checked + label span:nth-child(2) {opacity: 0;}
input[id="hamburger"]:checked + label span:nth-child(3) {
  bottom: 50%;transform: translateY(50%) rotate(-45deg);}
div[class="bx-nav"] {
  width: 100%; height: 100%; background: var(--blue); /* opacity: 0.85; */ position:fixed; top: 0;
  /* 원본 left: -100%; */
  left:100%;z-index: 98;transition: all 0.35s; margin-left:500px; }

input[id="hamburger"]:checked + label + div {left: 0;}

.bx-nav {position: absolute; top:119px; width: 100%;}
.bx-nav .nav_mss li {
    color:#fff; position:relative; float:left; width:100%; list-style-type:none; 
     /* border-bottom:1px solid #fff; */
    font-weight:500; font-size:2.6rem;  font-family: var(--main-font-family);
    padding-top: 20px; padding-bottom: 10px; padding-left:100px; text-align: left; }
    

.bx-nav a {padding: 0;text-decoration:none; display: block;}
.bx-nav ul.nav_mss{ margin-top:120px }
.bx-nav li a{
    display:block; color: #fff; line-height:40px;
    margin:0px;padding:0;text-decoration:none; transition: all 0.4s; }
.bx-nav li a:hover{
text-decoration: none; color: #f12614; padding: 0;margin: 0;border: 0px;}
.bx-nav ul li:hover a {
text-decoration: none; color: #797979; padding: 0;margin: 0;border: 0px;}

/*2뎁스 적용 호버 색상*/
.bx-nav ul.nav_mss li a:hover{text-decoration: none; color: #fc2828;
 padding: 0;margin: 0; border: 0px;}

.bx-nav ul.sub li:hover a {text-decoration: none; color: #fc2828;
 padding: 0; margin: 0; border: 0px; }

.bx-nav ul.nav_mss li ul.sub li{font-weight:300; font-size:1.4rem; 
  font-family: var(--main-font-family); color: #7d7d7d;
  padding-left:22px;}

.bx-nav ul.nav_mss li ul.sub li a { 
 float:left; margin: 0; padding:2px 0 10px 0; line-height:10px;}



header.btday_hd .vg_gallery_tx ul.sub_ti{ float:none; text-align: center;}
header.btday_hd .vg_gallery_tx ul.sub_ti li{ display:block; }
header.btday_hd .vg_gallery_tx ul.sub_ti li:nth-child(1){ margin: 0 0 30px 0; font-size:6rem; font-weight:bold;
color: var(--blue);}
header.btday_hd .vg_gallery_tx ul.sub_ti li:nth-child(2){ margin: 0 0 0 0; font-size:1rem; font-weight:200;
color: var(--blue); }

header.btday_hd .vg_gallery_tx::after{ content: ''; width: 30%; height: 1px; background: var(--blue);
    position: absolute; top: calc(50% + 24px); left: 50%; transform: translate(-50%,-50%); }




section.bx01_website{width:100%; height:auto; background-color: var(--white); padding: 0;}

section.bx01_website .bx01_website_height_line01{ position: absolute; top:0; left:49.7%; height:50px;  
    border-left:10px solid #0a02f6; }

section.bx01_website .bx01_website_ms{position: relative; width:86%; margin:0 7%;
border-top: 1px solid #0a02f6;  padding: 100px 0 110px 0;}
section.bx01_website .bx01_website_ms .bx01_website_title{ font-weight:bold; 
    font-size: 3.2rem; color: var(--black); text-align: center;}
section.bx01_website .bx01_website_ms .bx01_website_title h2{ margin: 0 0 20px 0; }    
section.bx01_website .bx01_website_ms .bx01_website_title .bx_tt_impt{color: var(--blue);}

section.bx01_website .bx01_website_ms .bx01_website_title ul{ list-style:none; text-align: center; display:flex; justify-content: center;}
section.bx01_website .bx01_website_ms .bx01_website_title ul li{float:left; display: inline; padding: 0 16px;
font-weight:bold; font-size: 2.2rem; color: var(--black); margin: 0 0 30px 0; }





section.bx01_website .bx01_website_ms .web_respon{ width:100%; height:auto; margin:0 auto; }
section.bx01_website .bx01_website_ms .web_respon .web_respon_title{ width:98%; margin: 0 1%; }
section.bx01_website .bx01_website_ms .web_respon .web_respon_title > h2{font-weight:bold; font-size: 3.125vw; 
    color: var(--blue); margin: 0 0 0 14px;}
section.bx01_website .bx01_website_ms .web_respon .web_respon_title > p{font-weight:bold; font-size: 2.539vw; 
    color: var(--black); margin: 0 0 20px 14px;}

section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01{ width:98%; margin:0 1%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li{ float:left; display: inline;
 width:23%; margin:1%}



section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 .pt01_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 h3.pt01_sub_mtx{
    font-weight:bold; font-size:2.539vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt01_sub_tx_imp{ font-weight:bold; font-size: 1.172vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 .pt02_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 h3.pt02_sub_mtx{
    font-weight:bold; font-size:2.539vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt02_sub_tx_imp{ font-weight:bold; font-size: 1.172vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 .pt03_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 h3.pt03_sub_mtx{
    font-weight:bold; font-size:2.539vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt03_sub_tx_imp{ font-weight:bold; font-size: 1.172vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 .pt04_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 h3.pt04_sub_mtx{
    font-weight:bold; font-size:2.539vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt04_sub_tx_imp{ font-weight:bold; font-size: 1.172vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon::after { content: ""; display: block; clear: both; } 



section.bx01_website .bx01_website_ms .web_pc_m{ width:100%; height:auto; margin:100px auto 0; }
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title{ width:98%; margin: 0 1%; }
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title > h2{font-weight:bold; font-size: 3.125vw; 
    color: var(--blue); margin: 0 0 0 14px;}
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title > p{font-weight:bold; font-size: 2.539vw; 
    color: var(--black); margin: 0 0 20px 14px;}

section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01{ width:98%; margin:0 1%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li{ float:left; display: inline;
 width:23%; margin:1%}

section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 .pt01_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 h3.pt01_sub_mtx{
    font-weight:bold; font-size:2.539vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt05_sub_tx_imp{ font-weight:bold; font-size: 1.172vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 .pt02_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 h3.pt02_sub_mtx{
    font-weight:bold; font-size:2.539vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt06_sub_tx_imp{ font-weight:bold; font-size: 1.172vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 .pt03_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 h3.pt03_sub_mtx{
    font-weight:bold; font-size:2.539vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt07_sub_tx_imp{ font-weight:bold; font-size: 1.172vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 .pt04_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 h3.pt04_sub_mtx{
    font-weight:bold; font-size:2.539vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt08_sub_tx_imp{ font-weight:bold; font-size: 1.172vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 .pt05_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 h3.pt05_sub_mtx{
    font-weight:bold; font-size:2.539vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt09_sub_tx_imp{ font-weight:bold; font-size: 1.172vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 .pt06_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 h3.pt06_sub_mtx{
    font-weight:bold; font-size:2.539vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt10_sub_tx_imp{ font-weight:bold; font-size: 1.172vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 .pt07_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 h3.pt07_sub_mtx{
    font-weight:bold; font-size:2.539vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt11_sub_tx_imp{ font-weight:bold; font-size: 1.172vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 .pt08_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 h3.pt08_sub_mtx{
    font-weight:bold; font-size:2.539vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.172vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt12_sub_tx_imp{ font-weight:bold; font-size: 1.172vw; color: var(--white);}



section.bx01_website .bx01_website_ms .web_pc_m::after { content: ""; display: block; clear: both; } 



section.bx01_website .bx01_website_ms .btday_ghost02{  display: flex; justify-content: center;}

/* Common button styles */
.button {float: left; min-width: 14.64vw; max-width: 250px;
  display: block; margin: 1em;padding: 1em 2em; border: none; background: none;
  color: inherit; vertical-align: middle;position: relative; z-index: 1;
  -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.button:focus {outline: none;}
.button > span {vertical-align: middle;}

/* a text color 상단버튼 */
.btday_ghost .button {color: #0a02f6;}

/* a text color  하단버튼*/
.btday_ghost02 .button {color: #0a02f6;}

/* Sizes */
.button--size-s {font-size: 14px;}

/* Typography and Roundedness */
.button--text-upper {letter-spacing: 2px; text-transform: uppercase;}
.button--text-thin {font-weight: 300;}

/* Nina */
.button--nina { cursor: pointer; padding: 0 2em;  border:  4px solid #0a02f6;
   /* background: #1a1a1a; */ color: #fff;  overflow: hidden;
  -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}

.button--nina.button--inverted {
  background: #fff; color: #7986cb;}
.button--nina > span {
  display: inline-block; padding: 1em 0; opacity: 0; color: #fff;
  -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.button--nina::before {
  content: attr(data-text); position: absolute;
  top: 0;left: 0;width: 100%;height: 100%;padding: 1em 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

/* hover 색상변경 */
.button--nina:hover {background-color: #0a02f6;}

.button--nina:hover::before {
  opacity: 0; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--nina:hover > span {
  opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.button--nina:hover > span:nth-child(1) {-webkit-transition-delay: 0.045s; transition-delay: 0.045s;}
.button--nina:hover > span:nth-child(2) {-webkit-transition-delay: 0.09s;transition-delay: 0.09s;}
.button--nina:hover > span:nth-child(3) {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;}
.button--nina:hover > span:nth-child(4) {-webkit-transition-delay: 0.18s;transition-delay: 0.18s;}
.button--nina:hover > span:nth-child(5) {-webkit-transition-delay: 0.225s;transition-delay: 0.225s;}
.button--nina:hover > span:nth-child(6) {-webkit-transition-delay: 0.27s;transition-delay: 0.27s;}
.button--nina:hover > span:nth-child(7) {-webkit-transition-delay: 0.315s;transition-delay: 0.315s;}
.button--nina:hover > span:nth-child(8) {-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.button--nina:hover > span:nth-child(9) {-webkit-transition-delay: 0.405s;transition-delay: 0.405s;}
.button--nina:hover > span:nth-child(10) {-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}



section.bx01_website .ft_height_line01{ position:absolute; top:96.7%;  left:49.7%; height:50px;  
    border-left:10px solid #0a02f6; }



footer{ position: relative; width:100%; height:auto; margin:0 auto; padding:80px 0 40px;  background-color: var(--blue);}

footer .ft_height_line{ position:absolute; top:0; left:49.7%; height:50px;  border-left:10px solid #fff; }

footer .ft_line01{width:86%; border-bottom: 1px solid #fff; margin: 0 7% 45px; }
footer .ft_ms{width:100%; height:auto; margin: 0 auto 0; color: var(--white);
        display: flex; justify-content: center;  }

footer .ft_ms .ft_01{margin: 0 50px 0 0;}
footer .ft_ms .ft_01 .ft_01_title{font-weight:bold; font-size: 1.4rem; margin: 0 0 14px 0;}
footer .ft_ms .ft_01 ul.ft_01_cont_01{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_01 ul.ft_01_cont_02{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.4rem; }

footer .ft_line02{ border-left: 1px solid #fff; height:250px; margin: 0 50px 0 0; }

footer .ft_ms .ft_02{margin: 0 0 0 0;}
footer .ft_ms .ft_02 .ft_02_title{font-weight:bold; font-size: 1.4rem; margin: 0 0 14px 0;}
footer .ft_ms .ft_02 ul.ft_02_cont_01{list-style: none; float:left;}
footer .ft_ms .ft_02 ul.ft_02_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_02 ul.ft_02_cont_02{list-style: none; float:left;}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_02 ul.ft_02_cont_02 li a{color:var(--white);}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li a:hover{color:var(--white);}

footer .ft_line03{ width:86%; border-bottom: 1px solid #fff; margin: 45px 7% 0;}
footer .ft_copyr{ width:100%; margin:40px auto 0;  text-align: center; color: var(--white);}




}









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



header nav.pc_navi{ display: none; }



/* 반응형 모바일 네비 적용 (햄버거) */
/* 스크롤 내렸을때 CSS .active */
.m_navi.active{ background:rgba(255,255,255,0.8); }
.m_navi.active h1.m_top_logo a{ color: var(--blue) !important;}
.m_navi.active h1.m_top_logo a:hover{ color: var(--yellow); }
.m_navi.active .hambb span{ background: var(--blue);}
.m_navi.active .hambb.mmh span{ background: var(--blue);}
.m_navi.active input[id="hamburger"]:checked + label span {background: var(--white);} /* 햄버거 호버시 3선색상 수정 */


nav.m_navi{ display:inline !important; z-index:1001; top:0; left: 0; position:fixed; 
 width:100%; height:80px; background-color: var(--blue);}


nav.m_navi h1.m_top_logo{float:left; font:bold 3rem "Black Han Sans", sans-serif;
    margin:23px 0 0 24px; z-index:20; letter-spacing: -1px}
nav.m_navi h1.m_top_logo a{ color: var(--white);}
nav.m_navi h1.m_top_logo a:hover{ color: var(--yellow);}


nav.m_navi .hambb{ display:inline; top:0;right:30px; margin:28px 0 0 0; z-index:20;}

input[id="hamburger"] {display: none;}
input[id="hamburger"] + label {
  display: block; width: 24px; height: 16px;
  position:fixed; cursor: pointer; padding:4px; color:#000;
}
input[id="hamburger"] + label span {
  display: block; position: absolute; width: 100%;height: 3px;
  border-radius: 30px; background: #fff; transition: all 0.35s;
}
input[id="hamburger"] + label span:nth-child(1) {
  top: 0;
}
input[id="hamburger"] + label span:nth-child(2) {
  top: 50%; transform: translateY(-50%);
}
input[id="hamburger"] + label span:nth-child(3) {
  bottom: 0;
}
input[id="hamburger"]:checked + label {z-index: 99;}
input[id="hamburger"]:checked + label span {background: var(--white);} /* 호버시 햄버거 색상 수정*/
input[id="hamburger"]:checked + label span:nth-child(1) {
  top: 50%; transform: translateY(-50%) rotate(45deg);}
input[id="hamburger"]:checked + label span:nth-child(2) {opacity: 0;}
input[id="hamburger"]:checked + label span:nth-child(3) {
  bottom: 50%;transform: translateY(50%) rotate(-45deg);}
div[class="bx-nav"] {
  width: 100%; height: 100%; background: var(--blue); /* opacity: 0.85; */ position:fixed; top: 0;
  /* 원본 left: -100%; */
  left:100%;z-index: 98;transition: all 0.35s; margin-left:380px; }

input[id="hamburger"]:checked + label + div {left: 0;}

.bx-nav {position: absolute; top:119px; width: 100%;}
.bx-nav .nav_mss li {
    color:#fff; position:relative; float:left; width:100%; list-style-type:none; 
     /* border-bottom:1px solid #fff; */ 
    font-weight:500; font-size:2.6rem;  font-family: var(--main-font-family);
    padding-top: 20px; padding-bottom: 10px; padding-left:80px; text-align: left; }
    

.bx-nav a {padding: 0;text-decoration:none; display: block;}

.bx-nav ul.nav_mss{ margin-top:120px }

.bx-nav li a{
    display:block; color: var(--white); line-height:40px;
    margin:0px;padding:0;text-decoration:none; transition: all 0.4s; }
.bx-nav li a:hover{
text-decoration: none; color: var(--yellow); padding: 0;margin: 0;border: 0px;}
.bx-nav ul li:hover a {
text-decoration: none; color: #797979; padding: 0;margin: 0;border: 0px;}

/*2뎁스 적용 호버 색상*/
.bx-nav ul.nav_mss li a:hover{text-decoration: none; color: var(--yellow);
 padding: 0;margin: 0; border: 0px;}

.bx-nav ul.sub li:hover a {text-decoration: none; color: #fc2828;
 padding: 0; margin: 0; border: 0px; }

.bx-nav ul.nav_mss li ul.sub li{font-weight:300; font-size:1.4rem; 
  font-family: var(--main-font-family); color: #7d7d7d;
  padding-left:22px;}

.bx-nav ul.nav_mss li ul.sub li a { 
 float:left; margin: 0; padding:2px 0 10px 0; line-height:10px;}



.btday_ghost02{ margin:40px 0 0 0; display: flex; justify-content: center;  }

/* Common button styles */
.button {float: left; min-width: 150px; max-width: 250px;
  display: block; margin: 1em;padding: 1em 2em; border: none; background: none;
  color: inherit; vertical-align: middle;position: relative; z-index: 1;
  -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.button:focus {outline: none;}
.button > span {vertical-align: middle;}

/* a text color 상단버튼 */
.btday_ghost .button {color: #0a02f6;}

/* a text color  하단버튼*/
.btday_ghost02 .button {color: #0a02f6;}

/* Sizes */
.button--size-s {font-size: 14px;}

/* Typography and Roundedness */
.button--text-upper {letter-spacing: 2px; text-transform: uppercase;}
.button--text-thin {font-weight: 300;}

/* Nina */
.button--nina { cursor: pointer; padding: 0 2em;  border:  4px solid #0a02f6;
   /* background: #1a1a1a; */ color: #fff;  overflow: hidden;
  -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}

.button--nina.button--inverted {
  background: #fff; color: #7986cb;}
.button--nina > span {
  display: inline-block; padding: 1em 0; opacity: 0; color: #fff;
  -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.button--nina::before {
  content: attr(data-text); position: absolute;
  top: 0;left: 0;width: 100%;height: 100%;padding: 1em 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

/* hover 색상변경 */
.button--nina:hover {background-color: #0a02f6;}

.button--nina:hover::before {
  opacity: 0; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--nina:hover > span {
  opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.button--nina:hover > span:nth-child(1) {-webkit-transition-delay: 0.045s; transition-delay: 0.045s;}
.button--nina:hover > span:nth-child(2) {-webkit-transition-delay: 0.09s;transition-delay: 0.09s;}
.button--nina:hover > span:nth-child(3) {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;}
.button--nina:hover > span:nth-child(4) {-webkit-transition-delay: 0.18s;transition-delay: 0.18s;}
.button--nina:hover > span:nth-child(5) {-webkit-transition-delay: 0.225s;transition-delay: 0.225s;}
.button--nina:hover > span:nth-child(6) {-webkit-transition-delay: 0.27s;transition-delay: 0.27s;}
.button--nina:hover > span:nth-child(7) {-webkit-transition-delay: 0.315s;transition-delay: 0.315s;}
.button--nina:hover > span:nth-child(8) {-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.button--nina:hover > span:nth-child(9) {-webkit-transition-delay: 0.405s;transition-delay: 0.405s;}
.button--nina:hover > span:nth-child(10) {-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}



header.btday_hd .hd_height_line01{ position: absolute; top:94%;  left:49.7%; height:50px;  
    border-left:10px solid #0a02f6; }



section.bx01_website{ width:100%; height:auto; background-color: var(--white); padding: 0;}

section.bx01_website .bx01_height_line01{ position: absolute; top:0; left:49.7%; height:50px;  
    border-left:10px solid #0a02f6; }

section.bx01_website .bx01_website_ms{position: relative; width:86%; margin:0 7%;
border-top: 1px solid #0a02f6;  padding: 100px 0 110px 0;}
section.bx01_website .bx01_website_ms .bx01_website_title{ font-weight:bold; 
    font-size: 3.2rem; color: var(--black); text-align: center;}
section.bx01_website .bx01_website_ms .bx01_website_title h2{ margin: 0 0 20px 0; }    
section.bx01_website .bx01_website_ms .bx01_website_title .bx_tt_impt{color: var(--blue);}

section.bx01_website .bx01_website_ms .bx01_website_title ul{ list-style:none; text-align: center; display:flex; justify-content: center;}
section.bx01_website .bx01_website_ms .bx01_website_title ul li{float:left; display: inline; padding: 0 16px;
font-weight:bold; font-size: 2.2rem; color: var(--black); margin: 0 0 30px 0; }


/* 중간 서브 네비게이션 */
section.bx01_website .bx01_website_ms .bx01_website_title ul li a{ color: var(--black); position: relative; text-decoration: none;  }
section.bx01_website .bx01_website_ms .bx01_website_title ul li a::before{ content: ''; position: absolute; 
    width: 100%; height: 4px; border-radius: 4px; background-color: var(--blue); top: 36px; bottom: 0; left: 0;
  transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out; }
section.bx01_website .bx01_website_ms .bx01_website_title ul li a:hover::before { transform-origin: left; transform: scaleX(1);}
section.bx01_website .bx01_website_ms .bx01_website_title ul li a:hover{  color: var(--blue); transition:all .5s;}



section.bx01_website .bx01_website_ms .web_respon{ width:100%; height:auto; margin:0 auto; }
section.bx01_website .bx01_website_ms .web_respon .web_respon_title{ width:86%; margin: 0 7%; }
section.bx01_website .bx01_website_ms .web_respon .web_respon_title > h2{font-weight:bold; font-size: 4.166vw; 
    color: var(--blue); margin: 20px 0 0 0; text-align: center;}
section.bx01_website .bx01_website_ms .web_respon .web_respon_title > p{font-weight:bold; font-size: 3.385vw; 
    color: var(--black); margin: 0 0 20px 0; text-align: center;}

section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01{ width:86%; margin:0 7%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li{ float:left; display: inline;
 width:44%; margin:3%}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 .web_cy{ position: absolute; 
    top:5%; left:68%; padding: 20px 14px; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 .pt01_top_img img{
border-radius: 30px 30px 0 0;}

/* vw  26 - 12 - 12  */
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 h3.pt01_sub_mtx{
    font-weight:bold; font-size:3.385vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt01_sub_tx_imp{ font-weight:bold; font-size: 1.562vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 .web_cy{ position: absolute; 
    top:5%; left:68%; padding: 20px 14px; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 .pt02_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 h3.pt02_sub_mtx{
    font-weight:bold; font-size:3.385vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt02_sub_tx_imp{ font-weight:bold; font-size: 1.562vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 .web_cy{ position: absolute; 
    top:5%; left:68%; padding: 20px 14px; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 .pt03_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 h3.pt03_sub_mtx{
    font-weight:bold; font-size:3.385vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt03_sub_tx_imp{ font-weight:bold; font-size: 1.562vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 .web_cy{ position: absolute; 
    top:5%; left:68%; padding: 20px 14px; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 .pt04_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 h3.pt04_sub_mtx{
    font-weight:bold; font-size:3.385vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt04_sub_tx_imp{ font-weight:bold; font-size: 1.562vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon::after { content: ""; display: block; clear: both; } 



section.bx01_website .bx01_website_ms .web_pc_m{ width:100%; height:auto; margin:40px auto 0; }
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title{ width:86%; margin: 0 7%; }
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title > h2{font-weight:bold; font-size: 4.166vw; 
    color: var(--blue); margin: 0 0 0 0; text-align: center;}
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title > p{font-weight:bold; font-size: 3.385vw; 
    color: var(--black); margin: 0 0 20px 0; text-align: center;}

section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01{ width:86%; margin:0 7%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li{ float:left; display: inline;
 width:44%; margin:3%}

section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 .pt01_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 h3.pt01_sub_mtx{
    font-weight:bold; font-size:3.385vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt05_sub_tx_imp{ font-weight:bold; font-size: 1.562vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 .pt02_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 h3.pt02_sub_mtx{
    font-weight:bold; font-size:3.385vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt06_sub_tx_imp{ font-weight:bold; font-size: 1.562vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 .pt03_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 h3.pt03_sub_mtx{
    font-weight:bold; font-size:3.385vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt07_sub_tx_imp{ font-weight:bold; font-size: 1.562vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 .pt04_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 h3.pt04_sub_mtx{
    font-weight:bold; font-size:3.385vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt08_sub_tx_imp{ font-weight:bold; font-size: 1.562vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 .pt05_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 h3.pt05_sub_mtx{
    font-weight:bold; font-size:3.385vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt09_sub_tx_imp{ font-weight:bold; font-size: 1.562vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 .pt06_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 h3.pt06_sub_mtx{
    font-weight:bold; font-size:3.385vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt10_sub_tx_imp{ font-weight:bold; font-size: 1.562vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 .pt07_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 h3.pt07_sub_mtx{
    font-weight:bold; font-size:3.385vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt11_sub_tx_imp{ font-weight:bold; font-size: 1.562vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 .pt08_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 h3.pt08_sub_mtx{
    font-weight:bold; font-size:3.385vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 1.562vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt12_sub_tx_imp{ font-weight:bold; font-size: 1.562vw; color: var(--white);}



section.bx01_website .bx01_website_ms .web_pc_m::after { content: ""; display: block; clear: both; } 


section.bx01_website .bx01_website_ms .btday_ghost02{  display: flex; justify-content: center;}



section.bx01 .ft_height_line01{ position:absolute; top:98% !important;  left:49.7%; height:50px;  
    border-left:10px solid #0a02f6; }


footer{ position: relative; width:100%; height:auto; margin:0 auto; padding:80px 0 40px;  background-color: var(--blue);}

footer .ft_height_line{ position:absolute; top:0; left:49.7%; height:50px;  border-left:10px solid #fff; }

footer .ft_line01{width:86%; border-bottom: 1px solid #fff; margin: 0 7% 45px; }
footer .ft_ms{width:100%; height:auto; margin: 0 auto 0; color: var(--white);
        display: flex; justify-content: center;  }

footer .ft_ms .ft_01{margin: 0 50px 0 0;}
footer .ft_ms .ft_01 .ft_01_title{font-weight:bold; font-size: 1.4rem; margin: 0 0 14px 0;}
footer .ft_ms .ft_01 ul.ft_01_cont_01{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_01 ul.ft_01_cont_02{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.4rem; }

footer .ft_line02{ border-left: 1px solid #fff; height:250px; margin: 0 50px 0 0; }

footer .ft_ms .ft_02{margin: 0 0 0 0;}
footer .ft_ms .ft_02 .ft_02_title{font-weight:bold; font-size: 1.4rem; margin: 0 0 14px 0;}
footer .ft_ms .ft_02 ul.ft_02_cont_01{list-style: none; float:left;}
footer .ft_ms .ft_02 ul.ft_02_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_02 ul.ft_02_cont_02{list-style: none; float:left;}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_02 ul.ft_02_cont_02 li a{color:var(--white);}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li a:hover{color:var(--white);}

footer .ft_line03{ width:86%; border-bottom: 1px solid #fff; margin: 45px 7% 0;}
footer .ft_copyr{ width:100%; margin:40px auto 0;  text-align: center; color: var(--white);}




 }






@media screen and ( max-width:700px ) {


header nav.pc_navi{ display: none; }


/* 반응형 모바일 네비 적용 (햄버거) */
/* 스크롤 내렸을때 CSS .active */
.m_navi.active{ background:rgba(255,255,255,0.8); }
.m_navi.active h1.m_top_logo a{ color: var(--blue) !important;}
.m_navi.active h1.m_top_logo a:hover{ color: var(--yellow); }
.m_navi.active .hambb span{ background: var(--blue);}
.m_navi.active .hambb.mmh span{ background: var(--blue);}
.m_navi.active input[id="hamburger"]:checked + label span {background: var(--white) ;}

nav.m_navi{ display:inline !important; z-index:1001; top:0; left: 0; position:fixed; 
 width:100%; height:80px; background-color: var(--blue);}




nav.m_navi .hambb{ display:inline; top:0;right:30px; margin:28px 0 0 0; z-index:20;}

input[id="hamburger"] {display: none;}
input[id="hamburger"] + label {
  display: block; width: 24px; height: 16px;
  position:fixed; cursor: pointer; padding:4px; color:#000;
}
input[id="hamburger"] + label span {
  display: block; position: absolute; width: 100%;height: 3px;
  border-radius: 30px; background: var(--white); transition: all 0.35s;
}
input[id="hamburger"] + label span:nth-child(1) {
  top: 0;
}
input[id="hamburger"] + label span:nth-child(2) {
  top: 50%; transform: translateY(-50%);
}
input[id="hamburger"] + label span:nth-child(3) {
  bottom: 0;
}
input[id="hamburger"]:checked + label {z-index: 99;}
input[id="hamburger"]:checked + label span {background: var(--white);} /* 햄버거 호버시 3선 색상조정 */
input[id="hamburger"]:checked + label span:nth-child(1) {
  top: 50%; transform: translateY(-50%) rotate(45deg);}
input[id="hamburger"]:checked + label span:nth-child(2) {opacity: 0;}
input[id="hamburger"]:checked + label span:nth-child(3) {
  bottom: 50%;transform: translateY(50%) rotate(-45deg);}
div[class="bx-nav"] {
  width: 100%; height: 100%; background: var(--blue); /* opacity: 0.85; */ position:fixed; top: 0;
  /* 원본 left: -100%; */
  left:100%; z-index: 98; transition: all 0.35s; margin-left:320px; }

input[id="hamburger"]:checked + label + div {left: 0;}

.bx-nav {position: absolute; top:119px; width: 100%;}
.bx-nav .nav_mss li {
    color:#fff; position:relative; float:left; width:100%; list-style-type:none; 
     /* border-bottom:1px solid #fff; */
    font-weight:500; font-size:2.6rem;  font-family: var(--main-font-family);
    padding-top: 20px; padding-bottom: 10px; padding-left:80px; text-align: left; }
    

.bx-nav a {padding: 0;text-decoration:none; display: block;}
.bx-nav ul.nav_mss{ margin-top:120px }
.bx-nav li a{
    display:block; color: var(--white); line-height:40px;
    margin:0px;padding:0;text-decoration:none; transition: all 0.4s; }
.bx-nav li a:hover{
text-decoration: none; color: #f12614; padding: 0;margin: 0;border: 0px;}
.bx-nav ul li:hover a {
text-decoration: none; color: #797979; padding: 0;margin: 0;border: 0px;}

/*2뎁스 적용 호버 색상*/
.bx-nav ul.nav_mss li a:hover{text-decoration: none; color: var(--yellow);
 padding: 0;margin: 0; border: 0px;}

.bx-nav ul.sub li:hover a {text-decoration: none; color: #fc2828;
 padding: 0; margin: 0; border: 0px; }

.bx-nav ul.nav_mss li ul.sub li{font-weight:300; font-size:1.4rem; 
  font-family: var(--main-font-family); color: #7d7d7d;
  padding-left:22px;}

.bx-nav ul.nav_mss li ul.sub li a { 
 float:left; margin: 0; padding:2px 0 10px 0; line-height:10px;}



.btday_ghost02{ margin:40px 0 0 0; display: flex; justify-content: center;  }

/* Common button styles */
.button {float: left; min-width: 21.428vw; max-width: 250px;
  display: block; margin: 1em;padding: 1em 2em; border: none; background: none;
  color: inherit; vertical-align: middle;position: relative; z-index: 1;
  -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.button:focus {outline: none;}
.button > span {vertical-align: middle;}

/* a text color 상단버튼 */
.btday_ghost .button {color: #0a02f6;}

/* a text color  하단버튼*/
.btday_ghost02 .button {color: #0a02f6;}

/* Sizes */
.button--size-s {font-size: 14px;}

/* Typography and Roundedness */
.button--text-upper {letter-spacing: 2px; text-transform: uppercase;}
.button--text-thin {font-weight: 300;}

/* Nina */
.button--nina { cursor: pointer; padding: 0 2em;  border:  4px solid #0a02f6;
   /* background: #1a1a1a; */ color: #fff;  overflow: hidden;
  -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}

.button--nina.button--inverted {
  background: #fff; color: #7986cb;}
.button--nina > span {
  display: inline-block; padding: 1em 0; opacity: 0; color: #fff;
  -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.button--nina::before {
  content: attr(data-text); position: absolute;
  top: 0;left: 0;width: 100%;height: 100%;padding: 1em 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

/* hover 색상변경 */
.button--nina:hover {background-color: #0a02f6;}

.button--nina:hover::before {
  opacity: 0; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--nina:hover > span {
  opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.button--nina:hover > span:nth-child(1) {-webkit-transition-delay: 0.045s; transition-delay: 0.045s;}
.button--nina:hover > span:nth-child(2) {-webkit-transition-delay: 0.09s;transition-delay: 0.09s;}
.button--nina:hover > span:nth-child(3) {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;}
.button--nina:hover > span:nth-child(4) {-webkit-transition-delay: 0.18s;transition-delay: 0.18s;}
.button--nina:hover > span:nth-child(5) {-webkit-transition-delay: 0.225s;transition-delay: 0.225s;}
.button--nina:hover > span:nth-child(6) {-webkit-transition-delay: 0.27s;transition-delay: 0.27s;}
.button--nina:hover > span:nth-child(7) {-webkit-transition-delay: 0.315s;transition-delay: 0.315s;}
.button--nina:hover > span:nth-child(8) {-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.button--nina:hover > span:nth-child(9) {-webkit-transition-delay: 0.405s;transition-delay: 0.405s;}
.button--nina:hover > span:nth-child(10) {-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}



section.bx01_website{ position: relative; width:100%; height:auto; background-color: var(--white); 
  padding: 0 0 0;}

section.bx01_website .bx01_website_height_line01{ position: absolute; top:0; left:49.7%; height:50px;  
    border-left:10px solid #0a02f6; }

section.bx01_website .bx01_website_ms{position: relative; width:86%; margin:0 7%;
border-top: 1px solid #0a02f6;  padding: 100px 0 110px 0;}

section.bx01_website .bx01_website_ms .bx01_website_title{ font-weight:bold; 
    font-size: 5.428vw; color: var(--black); text-align: center;}
section.bx01_website .bx01_website_ms .bx01_website_title h2{ margin: 0 0 20px 0; }    
section.bx01_website .bx01_website_ms .bx01_website_title .bx_tt_impt{color: var(--blue);}

section.bx01_website .bx01_website_ms .bx01_website_title ul{ list-style:none; text-align: center; 
  display:flex; justify-content:center; }
section.bx01_website .bx01_website_ms .bx01_website_title ul li{float:left; display:inline; padding: 0 16px;
font-weight:bold; font-size: 4vw; color: var(--black); margin: 0 0 30px 0; }



/* 중간 서브 네비게이션 */
section.bx01_website .bx01_website_ms .bx01_website_title ul li a{ color: var(--black); position: relative; text-decoration: none;  }
section.bx01_website .bx01_website_ms .bx01_website_title ul li a::before{ content: ''; position: absolute; 
    width: 100%; height: 4px; border-radius: 4px; background-color: var(--blue); top: 36px; bottom: 0; left: 0;
  transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out; }
section.bx01_website .bx01_website_ms .bx01_website_title ul li a:hover::before { transform-origin: left; transform: scaleX(1);}

section.bx01_website .bx01_website_ms .bx01_website_title ul li a:hover{  color: var(--blue); transition:all .5s;}




section.bx01_website .bx01_website_ms .web_respon{ width:100%; height:auto; margin:0 auto; }
section.bx01_website .bx01_website_ms .web_respon .web_respon_title{ width:98%; margin: 0 1%; }
section.bx01_website .bx01_website_ms .web_respon .web_respon_title > h2{font-weight:bold; font-size: 4.857vw; 
    color: var(--blue); margin: 20px 0 0 0; text-align: center;}
section.bx01_website .bx01_website_ms .web_respon .web_respon_title > p{font-weight:bold; font-size: 3.428vw; 
    color: var(--black); margin: 0 0 20px 0; text-align: center;}

section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01{ width:100%; margin:0 auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li{ float:left; display: inline;
 width:46%; margin:2%}



section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 .web_cy{ position: absolute; 
    top:6%; left:68%; padding: 8% 4.5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 .pt01_top_img img{
border-radius: 30px 30px 0 0;}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 h3.pt01_sub_mtx{
    font-weight:bold; font-size:4.857vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt01_sub_tx_imp{ font-weight:bold; font-size: 2.571vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 .web_cy{ position: absolute; 
    top:6%; left:68%; padding: 8% 4.5%;  border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 .pt02_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 h3.pt02_sub_mtx{
    font-weight:bold; font-size:4.857vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt02_sub_tx_imp{ font-weight:bold; font-size: 2.571vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 .web_cy{ position: absolute; 
    top:6%; left:68%; padding: 8% 4.5%;  border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 .pt03_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 h3.pt03_sub_mtx{
    font-weight:bold; font-size:4.857vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt03_sub_tx_imp{ font-weight:bold; font-size: 2.571vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 .web_cy{ position: absolute; 
    top:6%; left:68%; padding: 8% 4.5%;  border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 .pt04_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 h3.pt04_sub_mtx{
    font-weight:bold; font-size:4.857vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt04_sub_tx_imp{ font-weight:bold; font-size: 2.571vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon::after { content: ""; display: block; clear: both; } 



section.bx01_website .bx01_website_ms .web_pc_m{ width:100%; height:auto; margin:40px auto 0; }
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title{ width:98%; margin: 0 1%; }
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title > h2{font-weight:bold; font-size: 4.857vw; 
    color: var(--blue); margin: 0 0 0 0; text-align: center;}
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title > p{font-weight:bold; font-size: 3.428vw; 
    color: var(--black); margin: 0 0 20px 0; text-align: center;}

section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01{ width:100%; margin:0 auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li{ float:left; display: inline;
 width:46%; margin:2%}

section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 .web_cy{ position: absolute; 
    top:6%; left:68%; padding: 8% 4.5%;  border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 .pt01_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 h3.pt01_sub_mtx{
    font-weight:bold; font-size:4.857vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt05_sub_tx_imp{ font-weight:bold; font-size: 2.571vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 .web_cy{ position: absolute; 
    top:6%; left:68%; padding: 8% 4.5%;  border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 .pt02_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 h3.pt02_sub_mtx{
    font-weight:bold; font-size:4.857vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt06_sub_tx_imp{ font-weight:bold; font-size: 2.571vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 .web_cy{ position: absolute; 
    top:6%; left:68%; padding: 8% 4.5%;  border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 .pt03_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 h3.pt03_sub_mtx{
    font-weight:bold; font-size:4.857vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt07_sub_tx_imp{ font-weight:bold; font-size: 2.571vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 .web_cy{ position: absolute; 
    top:6%; left:68%; padding: 8% 4.5%;  border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 .pt04_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 h3.pt04_sub_mtx{
    font-weight:bold; font-size:4.857vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt08_sub_tx_imp{ font-weight:bold; font-size: 2.571vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 .web_cy{ position: absolute; 
    top:6%; left:68%; padding: 8% 4.5%;  border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 .pt05_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 h3.pt05_sub_mtx{
    font-weight:bold; font-size:4.857vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt09_sub_tx_imp{ font-weight:bold; font-size: 2.571vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 .web_cy{ position: absolute; 
    top:6%; left:68%; padding: 8% 4.5%;  border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 .pt06_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 h3.pt06_sub_mtx{
    font-weight:bold; font-size:4.857vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt10_sub_tx_imp{ font-weight:bold; font-size: 2.571vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 .web_cy{ position: absolute; 
    top:6%; left:68%; padding: 8% 4.5%;  border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 .pt07_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 h3.pt07_sub_mtx{
    font-weight:bold; font-size:4.857vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt11_sub_tx_imp{ font-weight:bold; font-size: 2.571vw; color: var(--white);}



section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 .web_cy{ position: absolute; 
    top:6%; left:68%; padding: 8% 4.5%;  border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 .pt08_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 h3.pt08_sub_mtx{
    font-weight:bold; font-size:4.857vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 2.571vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt12_sub_tx_imp{ font-weight:bold; font-size: 2.571vw; color: var(--white);}




section.bx01_website .bx01_website_ms .web_pc_m::after { content: ""; display: block; clear: both; } 


section.bx01_website .ft_height_line01{ position:absolute; top:98%;  left:49.7%; height:50px;  
    border-left:10px solid #0a02f6; }



footer{ position: relative; width:100%; height:auto; margin:0 auto; padding:80px 0 40px;  
  background-color: var(--blue); overflow: hidden;}

footer .ft_height_line{ position:absolute; top:0; left:49.7%; height:50px;  border-left:10px solid #fff; }
footer .ft_line01{width:86%; border-bottom: 1px solid #fff; margin: 0 7% 40px; }

footer .ft_ms{ width: 86%;  margin: 0 7%; height:auto; color: var(--white); display: block;  }

footer .ft_ms .ft_01{display: block; margin: 0 50px 0 0; width:100%;}
footer .ft_ms .ft_01 .ft_01_title{font-weight:bold; font-size: 1.4rem; margin: 0 0 14px 0;}
footer .ft_ms .ft_01 ul.ft_01_cont_01{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_01 ul.ft_01_cont_02{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.4rem; }


footer .ft_line02{ border-left: none;  height:0;
  border-bottom: 1px solid #fff; width:100%; margin: 100px 0 0 0; }


footer .ft_ms .ft_02{display: inline; margin: 30px 0 0 0; width:100%;}
footer .ft_ms .ft_02 .ft_02_title{font-weight:bold; font-size: 1.4rem; margin: 40px 0 14px 0;}
footer .ft_ms .ft_02 ul.ft_02_cont_01{display: inline; float:left; width:35%; box-sizing: border-box;}
footer .ft_ms .ft_02 ul.ft_02_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.4rem; }


footer .ft_ms .ft_02 ul.ft_02_cont_02{display: inline; float:left; width:65%; box-sizing: border-box;}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_02 ul.ft_02_cont_02 li a{color:var(--white);}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li a:hover{color:var(--white);}

footer .ft_line03{ width:86%; border-bottom: 1px solid #fff; margin: 250px 7% 0;}

footer .ft_copyr{ width:100%; margin:40px auto 0;  text-align: center; color: var(--white);}


}



@media screen and ( max-width:630px ) {


div[class="bx-nav"] {
  width: 100%; height: 100%; background: var(--blue); /* opacity: 0.85; */ position:fixed; top: 0;
  /* 원본 left: -100%; */
  left:100%; z-index: 98; transition: all 0.35s; margin-left:140px; }

}






@media screen and ( max-width:430px ) {


header.btday_hd{ width:100%; height:520px; position: relative;
background:url(../top_bg/website_430x520.jpg) no-repeat center center; background-size: cover; }


header nav.pc_navi{ display: none; }


.btday_ghost02{ margin:40px 0 0 0; display: flex; justify-content: center;  }

/* Common button styles */
.button {float: left; min-width: 150px; max-width: 250px;
  display: block; margin: 1em;padding: 1em 2em; border: none; background: none;
  color: inherit; vertical-align: middle;position: relative; z-index: 1;
  -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}


/* 반응형 모바일 네비 적용 (햄버거) */
/* 스크롤 내렸을때 CSS .active */
.m_navi.active{ background:rgba(255,255,255,0.8); }
.m_navi.active h1.m_top_logo a{ color: var(--blue) !important;}
.m_navi.active h1.m_top_logo a:hover{ color: var(--yellow); }
.m_navi.active .hambb span{ background: var(--blue);}
.m_navi.active .hambb.mmh span{ background: var(--blue);}
.m_navi.active input[id="hamburger"]:checked + label span {background: var(--white) ;}

nav.m_navi{ display:inline !important; z-index:1001; top:0; left: 0; position:fixed; 
 width:100%; height:80px; background-color: var(--blue);}



nav.m_navi .hambb{ display:inline; top:0;right:30px; margin:28px 0 0 0; z-index:20;}

input[id="hamburger"] {display: none;}
input[id="hamburger"] + label {
  display: block; width: 24px; height: 16px;
  position:fixed; cursor: pointer; padding:4px; color:#000;
}
input[id="hamburger"] + label span {
  display: block; position: absolute; width: 100%;height: 3px;
  border-radius: 30px; background: var(--white); transition: all 0.35s;
}
input[id="hamburger"] + label span:nth-child(1) {
  top: 0;
}
input[id="hamburger"] + label span:nth-child(2) {
  top: 50%; transform: translateY(-50%);
}
input[id="hamburger"] + label span:nth-child(3) {
  bottom: 0;
}
input[id="hamburger"]:checked + label {z-index: 99;}
input[id="hamburger"]:checked + label span {background: var(--white);} /* 햄버거 호버시 3선 색상조정 */
input[id="hamburger"]:checked + label span:nth-child(1) {
  top: 50%; transform: translateY(-50%) rotate(45deg);}
input[id="hamburger"]:checked + label span:nth-child(2) {opacity: 0;}
input[id="hamburger"]:checked + label span:nth-child(3) {
  bottom: 50%;transform: translateY(50%) rotate(-45deg);}
div[class="bx-nav"] {
  width: 100%; height: 100%; background: var(--blue); /* opacity: 0.85; */ position:fixed; top: 0;
  /* 원본 left: -100%; */
  left:100%; z-index: 98; transition: all 0.35s; margin-left:160px; }

input[id="hamburger"]:checked + label + div {left: 0;}

.bx-nav {position: absolute; top:119px; width: 100%;}
.bx-nav .nav_mss li {
    color:#fff; position:relative; float:left; width:100%; list-style-type:none; 
     /* border-bottom:1px solid #fff; */
    font-weight:500; font-size:2.2rem;  font-family: var(--main-font-family);
    padding-top: 10px; padding-bottom: 10px; padding-left:60px; text-align: left; }
    

.bx-nav a {padding: 0;text-decoration:none; display: block;}
.bx-nav ul.nav_mss{ margin-top:100px }
.bx-nav li a{
    display:block; color: var(--white); line-height:40px;
    margin:0px;padding:0;text-decoration:none; transition: all 0.4s; }
.bx-nav li a:hover{
text-decoration: none; color: #f12614; padding: 0;margin: 0;border: 0px;}
.bx-nav ul li:hover a {
text-decoration: none; color: #797979; padding: 0;margin: 0;border: 0px;}

/*2뎁스 적용 호버 색상*/
.bx-nav ul.nav_mss li a:hover{text-decoration: none; color: var(--yellow);
 padding: 0;margin: 0; border: 0px;}

.bx-nav ul.sub li:hover a {text-decoration: none; color: #fc2828;
 padding: 0; margin: 0; border: 0px; }

.bx-nav ul.nav_mss li ul.sub li{font-weight:300; font-size:1.4rem; 
  font-family: var(--main-font-family); color: #7d7d7d;
  padding-left:22px;}

.bx-nav ul.nav_mss li ul.sub li a { 
 float:left; margin: 0; padding:2px 0 10px 0; line-height:10px;}




header.btday_hd .vg_gallery_tx ul.sub_ti li:nth-child(2){ margin: 0 0 0 0; 
    font-size:1rem; font-weight:200; color: var(--blue); }




header.btday_hd .hd_height_line01{ position: absolute; top:91%;  left:49.7%; height:50px;  
    border-left:10px solid #0a02f6; }


section.bx01_website{ position: relative; width:100%; height:auto; background-color: var(--white); }

section.bx01_website .bx01_website_height_line01{ position: absolute; top:0; left:49.7%; height:50px;  
    border-left:10px solid #0a02f6; }

section.bx01_website .bx01_website_ms{position: relative; width:86%; margin:0 7%;
border-top: 1px solid #0a02f6;  padding: 100px 0 140px 0;}


/* 중간 서브 네비게이션 */
section.bx01_website .bx01_website_ms .bx01_website_title ul{ list-style:none; text-align: center; 
  display:flex; justify-content: center;}
section.bx01_website .bx01_website_ms .bx01_website_title ul li{float:left; display:inline; padding: 0 13px; 
font-weight:bold; font-size: 2.2rem; color: var(--black); }

section.bx01_website .bx01_website_ms .bx01_website_title ul li a{ color: var(--black); position: relative; text-decoration: none;  }
section.bx01_website .bx01_website_ms .bx01_website_title ul li a::before{ content: ''; position: absolute; 
    width: 100%; height: 4px; border-radius: 4px; background-color: var(--blue); top: 36px; bottom: 0; left: 0;
  transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out; }
section.bx01_website .bx01_website_ms .bx01_website_title ul li a:hover::before { transform-origin: left; transform: scaleX(1);}

section.bx01_website .bx01_website_ms .bx01_website_title ul li a:hover{  color: var(--blue); transition:all .5s;}



/* Common button styles */
.button {float: left; min-width: 150px; max-width: 250px;
  display: block; margin: 1em;padding: 1em 2em; border: none; background: none;
  color: inherit; vertical-align: middle;position: relative; z-index: 1;
  -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.button:focus {outline: none;}
.button > span {vertical-align: middle;}

/* a text color 상단버튼 */
.btday_ghost .button {color: #0a02f6;}

/* a text color  하단버튼*/
.btday_ghost02 .button {color: #0a02f6;}

/* Sizes */
.button--size-s {font-size: 14px;}

/* Typography and Roundedness */
.button--text-upper {letter-spacing: 2px; text-transform: uppercase;}
.button--text-thin {font-weight: 300;}

/* Nina */
.button--nina { cursor: pointer; padding: 0 2em;  border:  4px solid #0a02f6;
   /* background: #1a1a1a; */ color: #fff;  overflow: hidden;
  -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}

.button--nina.button--inverted {
  background: #fff; color: #7986cb;}
.button--nina > span {
  display: inline-block; padding: 1em 0; opacity: 0; color: #fff;
  -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.button--nina::before {
  content: attr(data-text); position: absolute;
  top: 0;left: 0;width: 100%;height: 100%;padding: 1em 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

/* hover 색상변경 */
.button--nina:hover {background-color: #0a02f6;}

.button--nina:hover::before {
  opacity: 0; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--nina:hover > span {
  opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.button--nina:hover > span:nth-child(1) {-webkit-transition-delay: 0.045s; transition-delay: 0.045s;}
.button--nina:hover > span:nth-child(2) {-webkit-transition-delay: 0.09s;transition-delay: 0.09s;}
.button--nina:hover > span:nth-child(3) {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;}
.button--nina:hover > span:nth-child(4) {-webkit-transition-delay: 0.18s;transition-delay: 0.18s;}
.button--nina:hover > span:nth-child(5) {-webkit-transition-delay: 0.225s;transition-delay: 0.225s;}
.button--nina:hover > span:nth-child(6) {-webkit-transition-delay: 0.27s;transition-delay: 0.27s;}
.button--nina:hover > span:nth-child(7) {-webkit-transition-delay: 0.315s;transition-delay: 0.315s;}
.button--nina:hover > span:nth-child(8) {-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.button--nina:hover > span:nth-child(9) {-webkit-transition-delay: 0.405s;transition-delay: 0.405s;}
.button--nina:hover > span:nth-child(10) {-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}



section.bx01_website{ width:100%; height:auto; background-color: var(--white); padding: 0 0 0;}


section.bx01_website .bx01_website_ms .web_respon{ width:100%; height:auto; margin:0 auto; }
section.bx01_website .bx01_website_ms .web_respon .web_respon_title{ width:100%; margin: 0 auto; }
section.bx01_website .bx01_website_ms .web_respon .web_respon_title > h2{font-weight:bold; font-size: 8.372vw; 
    color: var(--blue); margin: 20px 0 0 0; text-align: center; }
section.bx01_website .bx01_website_ms .web_respon .web_respon_title > p{font-weight:bold; font-size: 6.046vw; 
    color: var(--black); margin: 0 0 20px 0; text-align: center; }

section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01{ width:100%; margin:0 auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li{ float:left; display: inline;
 width:46%; margin:2%}



section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01{
background:var(--blue); padding: 0 0 14px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 .web_cy{ position: absolute; 
    top:6%; left:67%; padding: 8% 4.5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.325vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 .pt01_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 h3.pt01_sub_mtx{
    font-weight:bold; font-size:5.348vw; color: var(--white); margin: 10px 12% 0; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li{ 
  float:none; display: block; font-weight:300; font-size: 2.790vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li:nth-child(1){
 float:none; margin: 0 12% 0 ; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li:nth-child(2){
 float:none; margin: 0 12% 0; width:auto; }
.pt01_sub_tx_imp{ font-weight:bold; font-size: 2.790vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02{
background:var(--blue); padding: 0 0 14px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 .web_cy{ position: absolute; 
    top:6%; left:67%; padding: 8% 4.5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.325vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 .pt02_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 h3.pt02_sub_mtx{
    font-weight:bold; font-size:5.348vw; color: var(--white); margin: 10px 12% 0; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li{ 
  float:none; display: block; font-weight:300; font-size: 2.790vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li:nth-child(1){
 float:none; margin: 0 12% 0; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li:nth-child(2){
 float:none; margin: 0 12% 0; width:auto; }
.pt02_sub_tx_imp{ font-weight:bold; font-size: 2.790vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03{ 
background:var(--blue); padding: 0 0 14px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 .web_cy{ position: absolute; 
    top:6%; left:64%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.325vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 .pt03_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 h3.pt03_sub_mtx{
    font-weight:bold; font-size:5.348vw; color: var(--white); margin: 10px 12% 0; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li{ 
  float:none; display: block; font-weight:300; font-size: 2.790vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li:nth-child(1){
 float:none; margin: 0 12% 0; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li:nth-child(2){
 float:none; margin: 0 12% 0; width:auto; }
.pt03_sub_tx_imp{ font-weight:bold; font-size: 2.790vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04{ 
background:var(--blue); padding: 0 0 14px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 .web_cy{ position: absolute; 
    top:6%; left:64%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.325vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 .pt04_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 h3.pt04_sub_mtx{
    font-weight:bold; font-size:5.348vw; color: var(--white); margin: 10px 12% 0; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li{ 
  float:none; display: block; font-weight:300; font-size: 2.790vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li:nth-child(1){
 float:none; margin: 0 12% 0; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li:nth-child(2){
 float:none; margin: 0 12% 0; width:auto; }
.pt04_sub_tx_imp{ font-weight:bold; font-size: 2.790vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon::after { content: ""; display: block; clear: both; } 



section.bx01_website .bx01_website_ms .web_pc_m{ width:100%; height:auto; margin:40px auto 0; }
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title{ width:96%; margin: 0 2%; }
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title > h2{font-weight:bold; font-size: 8.372vw; 
    color: var(--blue); margin: 0 0 0; text-align: center;}
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title > p{font-weight:bold; font-size: 6.046vw; 
    color: var(--black); margin: 0 0 20px; text-align: center; }

section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01{ width:96%; margin:0 2%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li{ float:left; display: inline;
 width:46%; margin:2%}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01{ 
background:var(--blue); padding: 0 0 14px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 .web_cy{ position: absolute; 
    top:6%; left:64%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.325vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 .pt01_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 h3.pt01_sub_mtx{
    font-weight:bold; font-size:5.348vw; color: var(--white); margin: 10px 12% 0; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li{ 
  float:nnone; display: block; font-weight:300; font-size: 2.790vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li:nth-child(1){
 float:none; margin: 0 12% 0; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li:nth-child(2){
 float:none; margin: 0 12% 0; width:auto; }
.pt05_sub_tx_imp{ font-weight:bold; font-size: 2.790vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02{ 
background:var(--blue); padding: 0 0 14px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 .web_cy{ position: absolute; 
    top:6%; left:64%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.325vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 .pt02_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 h3.pt02_sub_mtx{
    font-weight:bold; font-size:5.348vw; color: var(--white); margin: 10px 12% 0; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li{ 
  float:nnone; display: block; font-weight:300; font-size: 2.790vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li:nth-child(1){
 float:none; margin: 0 12% 0; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li:nth-child(2){
 float:none; margin: 0 12% 0; width:auto; }
.pt06_sub_tx_imp{ font-weight:bold; font-size: 2.790vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03{ 
background:var(--blue); padding: 0 0 14px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 .web_cy{ position: absolute; 
    top:6%; left:64%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.325vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 .pt03_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 h3.pt03_sub_mtx{
    font-weight:bold; font-size:5.348vw; color: var(--white); margin: 10px 12% 0; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li{ 
  float:nnone; display: block; font-weight:300; font-size: 2.790vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li:nth-child(1){
 float:none; margin: 0 12% 0; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li:nth-child(2){
 float:none; margin: 0 12% 0; width:auto; }
.pt07_sub_tx_imp{ font-weight:bold; font-size: 2.790vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04{
background:var(--blue); padding: 0 0 14px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 .web_cy{ position: absolute; 
    top:6%; left:64%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.325vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 .pt04_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 h3.pt04_sub_mtx{
    font-weight:bold; font-size:5.348vw; color: var(--white); margin: 10px 12% 0; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li{ 
  float:nnone; display: block; font-weight:300; font-size: 2.790vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li:nth-child(1){
 float:none; margin: 0 12% 0; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li:nth-child(2){
 float:none; margin: 0 12% 0; width:auto; }
.pt08_sub_tx_imp{ font-weight:bold; font-size: 2.790vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05{ 
background:var(--blue); padding: 0 0 14px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 .web_cy{ position: absolute; 
    top:6%; left:64%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.325vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 .pt05_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 h3.pt05_sub_mtx{
    font-weight:bold; font-size:5.348vw; color: var(--white); margin: 10px 12% 0; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li{ 
  float:nnone; display: block; font-weight:300; font-size: 2.790vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li:nth-child(1){
 float:none; margin: 0 12% 0; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li:nth-child(2){
 float:none; margin: 0 12% 0; width:auto; }
.pt09_sub_tx_imp{ font-weight:bold; font-size: 2.790vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06{ 
background:var(--blue); padding: 0 0 14px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 .web_cy{ position: absolute; 
    top:6%; left:64%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.325vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 .pt06_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 h3.pt06_sub_mtx{
    font-weight:bold; font-size:5.348vw; color: var(--white); margin: 10px 12% 0; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li{ 
  float:nnone; display: block; font-weight:300; font-size: 2.790vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li:nth-child(1){
 float:none; margin: 0 12% 0; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li:nth-child(2){
 float:none; margin: 0 12% 0; width:auto; }
.pt10_sub_tx_imp{ font-weight:bold; font-size: 2.790vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07{ 
background:var(--blue); padding: 0 0 14px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 .web_cy{ position: absolute; 
    top:6%; left:64%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.325vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 .pt07_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 h3.pt07_sub_mtx{
    font-weight:bold; font-size:5.348vw; color: var(--white); margin: 10px 12% 0; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li{ 
  float:nnone; display: block; font-weight:300; font-size: 2.790vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li:nth-child(1){
 float:none; margin: 0 12% 0; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li:nth-child(2){
 float:none; margin: 0 12% 0; width:auto; }
.pt11_sub_tx_imp{ font-weight:bold; font-size: 2.790vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08{ 
background:var(--blue); padding: 0 0 14px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 .web_cy{ position: absolute; 
    top:6%; left:64%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:2.325vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 .pt08_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 h3.pt08_sub_mtx{
    font-weight:bold; font-size:5.348vw; color: var(--white); margin: 10px 12% 0; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li{ 
  float:nnone; display: block; font-weight:300; font-size: 2.790vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li:nth-child(1){
 float:none; margin: 0 12% 0; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li:nth-child(2){
 float:none; margin: 0 12% 0; width:auto; }
.pt12_sub_tx_imp{ font-weight:bold; font-size: 2.790vw; color: var(--white);}





section.bx01_website .bx01_website_ms .web_pc_m::after { content: ""; display: block; clear: both; } 


section.bx01_website .bx01_website_ms .btday_ghost02{  display: flex; justify-content: center;}



section.bx01_website .ft_height_line01{ position:absolute; top:97.4%;  left:48.7%; height:50px;  
    border-left:10px solid #0a02f6; }




footer{ position: relative; width:100%; height:auto; margin:0 auto; 
  padding:80px 0 40px;  background-color: var(--blue); overflow: hidden;}

footer .ft_height_line{ position:absolute; top:0; left:48.7%; height:50px;  border-left:10px solid #fff; }
footer .ft_line01{width:86%; border-bottom: 1px solid #fff; margin: 0 7% 40px; }


footer .ft_ms{ width: 86%;  margin: 0 7%; height:auto; color: var(--white);
        display: block;  }

footer .ft_ms .ft_01{display: block; margin: 0 50px 0 0; width:100%;}
footer .ft_ms .ft_01 .ft_01_title{font-weight:bold; font-size: 1.4rem; margin: 0 0 14px 0;}
footer .ft_ms .ft_01 ul.ft_01_cont_01{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_01 ul.ft_01_cont_02{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.4rem; }


footer .ft_line02{ border-left: none;  height:0;
  border-bottom: 1px solid #fff; width:100%; margin: 100px 0 0 0; }


footer .ft_ms .ft_02{display: inline; margin: 30px 0 0 0; width:100%;}
footer .ft_ms .ft_02 .ft_02_title{font-weight:bold; font-size: 1.4rem; margin: 40px 0 14px 0;}
footer .ft_ms .ft_02 ul.ft_02_cont_01{display: inline; float:left; width:35%; box-sizing: border-box;}
footer .ft_ms .ft_02 ul.ft_02_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.2rem; }


footer .ft_ms .ft_02 ul.ft_02_cont_02{display: inline; float:left; width:65%; box-sizing: border-box;}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.2rem; }

footer .ft_ms .ft_02 ul.ft_02_cont_02 li a{color:var(--white);}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li a:hover{color:var(--white);}

footer .ft_line03{ width:86%; border-bottom: 1px solid #fff; margin: 230px 7% 0;}

footer .ft_copyr{ width:100%; margin:40px auto 0;  text-align: center; color: var(--white);}



}







@media screen and ( max-width:390px ) {


 
header nav.pc_navi{ display: none; }



/* 반응형 모바일 네비 적용 (햄버거) */
/* 스크롤 내렸을때 CSS .active */
.m_navi.active{ background:rgba(255,255,255,0.8); }
.m_navi.active h1.m_top_logo a{ color: var(--blue) !important;}
.m_navi.active h1.m_top_logo a:hover{ color: var(--yellow); }
.m_navi.active .hambb span{ background: var(--blue);}
.m_navi.active .hambb.mmh span{ background: var(--blue);}
.m_navi.active input[id="hamburger"]:checked + label span {background: var(--white) ;}

nav.m_navi{ display:inline !important; z-index:1001; top:0; left: 0; position:fixed; 
 width:100%; height:80px; background-color: var(--blue);}



nav.m_navi .hambb{ display:inline; top:0;right:30px; margin:28px 0 0 0; z-index:20;}

input[id="hamburger"] {display: none;}
input[id="hamburger"] + label {
  display: block; width: 24px; height: 16px;
  position:fixed; cursor: pointer; padding:4px; color:#000;
}
input[id="hamburger"] + label span {
  display: block; position: absolute; width: 100%;height: 3px;
  border-radius: 30px; background: var(--white); transition: all 0.35s;
}
input[id="hamburger"] + label span:nth-child(1) {
  top: 0;
}
input[id="hamburger"] + label span:nth-child(2) {
  top: 50%; transform: translateY(-50%);
}
input[id="hamburger"] + label span:nth-child(3) {
  bottom: 0;
}
input[id="hamburger"]:checked + label {z-index: 99;}
input[id="hamburger"]:checked + label span {background: var(--white);} /* 햄버거 호버시 3선 색상조정 */
input[id="hamburger"]:checked + label span:nth-child(1) {
  top: 50%; transform: translateY(-50%) rotate(45deg);}
input[id="hamburger"]:checked + label span:nth-child(2) {opacity: 0;}
input[id="hamburger"]:checked + label span:nth-child(3) {
  bottom: 50%;transform: translateY(50%) rotate(-45deg);}
div[class="bx-nav"] {
  width: 100%; height: 100%; background: var(--blue); /* opacity: 0.85; */ position:fixed; top: 0;
  /* 원본 left: -100%; */
  left:100%; z-index: 98; transition: all 0.35s; margin-left:140px; }

input[id="hamburger"]:checked + label + div {left: 0;}

.bx-nav {position: absolute; top:119px; width: 100%;}
.bx-nav .nav_mss li {
    color:#fff; position:relative; float:left; width:100%; list-style-type:none; 
     /* border-bottom:1px solid #fff; */
    font-weight:500; font-size:2.2rem;  font-family: var(--main-font-family);
    padding-top: 10px; padding-bottom: 10px; padding-left:60px; text-align: left; }
    

.bx-nav a {padding: 0;text-decoration:none; display: block;}
.bx-nav ul.nav_mss{ margin-top:100px }
.bx-nav li a{
    display:block; color: var(--white); line-height:40px;
    margin:0px;padding:0;text-decoration:none; transition: all 0.4s; }
.bx-nav li a:hover{
text-decoration: none; color: #f12614; padding: 0;margin: 0;border: 0px;}
.bx-nav ul li:hover a {
text-decoration: none; color: #797979; padding: 0;margin: 0;border: 0px;}

/*2뎁스 적용 호버 색상*/
.bx-nav ul.nav_mss li a:hover{text-decoration: none; color: var(--yellow);
 padding: 0;margin: 0; border: 0px;}

.bx-nav ul.sub li:hover a {text-decoration: none; color: #fc2828;
 padding: 0; margin: 0; border: 0px; }

.bx-nav ul.nav_mss li ul.sub li{font-weight:300; font-size:1.4rem; 
  font-family: var(--main-font-family); color: #7d7d7d;
  padding-left:22px;}

.bx-nav ul.nav_mss li ul.sub li a { 
 float:left; margin: 0; padding:2px 0 10px 0; line-height:10px;}




header.btday_hd .vg_gallery_tx ul.sub_ti li:nth-child(1){ margin: 0 0 40px 0; 
  font-size:13.2vw; font-weight:bold; color: var(--blue);}
header.btday_hd .vg_gallery_tx ul.sub_ti li:nth-child(2){ margin: 0 0 0 0; 
  font-size:3.076vw; font-weight:200; color: var(--blue); width:86%; margin: 0 7%;}

header.btday_hd .vg_gallery_tx::after{ content: ''; width: 30%; height: 1px; background: var(--blue);
    position: absolute; top: calc(50% + 10px); left: 50%; transform: translate(-50%,-50%); }



header.btday_hd .hd_height_line01{ position: absolute; top:91%;  left:48.4%; height:50px;  
    border-left:10px solid #0a02f6; }


section.bx01_website{ position: relative; width:100%; height:auto; background-color: var(--white); 
padding: 0 0 0;}

section.bx01_website .bx01_website_height_line01{ position: absolute; top:0; left:48.4%; height:50px;  
    border-left:10px solid #0a02f6; }
section.bx01_website .bx01_website_ms{position: relative; width:86%; margin:0 7%;
border-top: 1px solid #0a02f6;  padding: 100px 0 140px 0;}
section.bx01_website .bx01_website_ms .bx01_website_title{ font-weight:bold; font-size: 7.692vw; 
  color: var(--black); text-align: center;} 
section.bx01_website .bx01_website_ms .bx01_website_title h2{ margin: 0 0 20px 0; }    
section.bx01_website .bx01_website_ms .bx01_website_title .bx_tt_impt{color: var(--blue);}


/* 중간 서브 네비게이션 */
section.bx01_website .bx01_website_ms .bx01_website_title ul{ list-style:none; text-align: center; 
  display:flex; justify-content: center;}
section.bx01_website .bx01_website_ms .bx01_website_title ul li{float:left; display: inline-block; padding: 0 13px; 
 font-weight:bold; font-size: 5.128vw; color: var(--black); }


section.bx01_website .bx01_website_ms .bx01_website_title ul li a{ color: var(--black); position: relative; text-decoration: none;  }
section.bx01_website .bx01_website_ms .bx01_website_title ul li a::before{ content: ''; position: absolute; 
    width: 100%; height: 4px; border-radius: 4px; background-color: var(--blue); top: 36px; bottom: 0; left: 0;
  transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out; }
section.bx01_website .bx01_website_ms .bx01_website_title ul li a:hover::before { transform-origin: left; transform: scaleX(1);}

section.bx01_website .bx01_website_ms .bx01_website_title ul li a:hover{  color: var(--blue); transition:all .5s;}



section.bx01_website .bx01_website_ms .web_respon{ width:100%; height:auto; margin:0 auto; }
section.bx01_website .bx01_website_ms .web_respon .web_respon_title{ width:86%; margin: 0 7%; }
section.bx01_website .bx01_website_ms .web_respon .web_respon_title > h2{font-weight:bold; font-size: 9.230vw; 
    color: var(--blue); margin: 0 auto; text-align: center;}
section.bx01_website .bx01_website_ms .web_respon .web_respon_title > p{font-weight:bold; font-size: 6.666vw; 
    color: var(--black); margin: 0 auto 20px; text-align: center; }

section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01{ width:100%; margin:0 auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li{ float:left; display: inline;
 width:86%; margin:7%}



section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 .web_cy{ position: absolute; 
    top:6%; left:68%; padding:8% 4.5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 .pt01_top_img img{
border-radius: 30px 30px 0 0;}

section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 h3.pt01_sub_mtx{
    font-weight:bold; font-size:7.17vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web01 ul.pt01_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt01_sub_tx_imp{ font-weight:bold; font-size: 4.615vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 .web_cy{ position: absolute; 
   top:6%; left:68%; padding:8% 4.5% border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 .pt02_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 h3.pt02_sub_mtx{
    font-weight:bold; font-size:7.17vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web02 ul.pt02_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt02_sub_tx_imp{ font-weight:bold; font-size: 4.615vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 .web_cy{ position: absolute; 
    top:6%; left:68%; padding:8% 4.5% border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 .pt03_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 h3.pt03_sub_mtx{
    font-weight:bold; font-size:7.17vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web03 ul.pt03_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt03_sub_tx_imp{ font-weight:bold; font-size: 4.615vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 .web_cy{ position: absolute; 
    top:6%; left:68%; padding:8% 4.5% border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 .pt04_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 h3.pt04_sub_mtx{
    font-weight:bold; font-size:7.17vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_respon ul.web_respon_pt01 li.web04 ul.pt04_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt04_sub_tx_imp{ font-weight:bold; font-size: 4.615vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_respon::after { content: ""; display: block; clear: both; } 



section.bx01_website .bx01_website_ms .web_pc_m{ width:100%; height:auto; margin:40px auto 0; }
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title{ width:86%; margin: 0 7%; }
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title > h2{font-weight:bold; font-size: 9.230vw; 
    color: var(--blue); margin: 0 auto; text-align: center;}
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title > p{font-weight:bold; font-size: 6.666vw; 
    color: var(--black); margin: 0 auto 20px; text-align: center;}

section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01{ width:100%; margin:0 auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li{ float:left; display: inline;
 width:86%; margin:7%}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 .pt01_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 h3.pt01_sub_mtx{
    font-weight:bold; font-size:7.17vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m01 ul.pt01_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt05_sub_tx_imp{ font-weight:bold; font-size: 4.615vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 .pt02_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 h3.pt02_sub_mtx{
    font-weight:bold; font-size:7.17vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m02 ul.pt02_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt06_sub_tx_imp{ font-weight:bold; font-size: 4.615vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 .pt03_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 h3.pt03_sub_mtx{
    font-weight:bold; font-size:7.17vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m03 ul.pt03_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt07_sub_tx_imp{ font-weight:bold; font-size: 4.615vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 .pt04_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 h3.pt04_sub_mtx{
    font-weight:bold; font-size:7.17vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m04 ul.pt04_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt08_sub_tx_imp{ font-weight:bold; font-size: 4.615vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:3.076vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 .pt05_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 h3.pt05_sub_mtx{
    font-weight:bold; font-size:7.17vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m05 ul.pt05_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt09_sub_tx_imp{ font-weight:bold; font-size: 4.615vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06{ 
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 .pt06_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 h3.pt06_sub_mtx{
    font-weight:bold; font-size:7.17vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m06 ul.pt06_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt10_sub_tx_imp{ font-weight:bold; font-size: 4.615vw; color: var(--white);}


section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 .pt07_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 h3.pt07_sub_mtx{
    font-weight:bold; font-size:7.17vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m07 ul.pt07_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt11_sub_tx_imp{ font-weight:bold; font-size: 4.615vw; color: var(--white);}



section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08{
background:var(--blue); padding: 0 0 30px; position: relative; border-radius: 40px 40px 30px 30px;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 .web_cy{ position: absolute; 
    top:6%; left:70%; padding: 8% 5%; border-radius:50%; background: var(--blue); 
    font-weight:bold; font-size:4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 .pt08_top_img img{
border-radius: 30px 30px 0 0;}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 h3.pt08_sub_mtx{
    font-weight:bold; font-size:7.17vw; color: var(--white); margin: 20px 0 6px 16px; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx{ width:100%; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li{ 
  float:left; display: inline; font-weight:300; font-size: 4.615vw; color: var(--white);}
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li:nth-child(1){
 float:left; margin: 0 0 0 16px; width:auto; }
section.bx01_website .bx01_website_ms .web_pc_m ul.web_pc_m_pt01 li.pc_m08 ul.pt08_sub_tx li:nth-child(2){
 float:right; margin: 0 16px 0 0; width:auto; }
.pt12_sub_tx_imp{ font-weight:bold; font-size: 4.615vw; color: var(--white);}





section.bx01_website .bx01_website_ms .web_pc_m::after { content: ""; display: block; clear: both; } 



section.bx01_website .ft_height_line01{ position:absolute; top:99%;  left:48.4%; height:50px;  
    border-left:10px solid #0a02f6; }


.btday_ghost{ margin:20px 0 0 -14px;  }
.btday_ghost02{ margin:40px 0 0 0; display: flex; justify-content: center;  }

/* Common button styles */
.button {float: left; min-width: 33.333vw; max-width: 250px;
  display: block; margin: 1em; padding: 1em 2em; border: none; background: none;
  color: inherit; vertical-align: middle;position: relative; z-index: 1;
  -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.button:focus {outline: none;}
.button > span {vertical-align: middle;}

/* a text color 상단버튼 */
.btday_ghost .button {color: #0a02f6;}

/* a text color  하단버튼*/
.btday_ghost02 .button {color: #0a02f6;}

/* Sizes */
.button--size-s {font-size: 1.4rem;}

/* Typography and Roundedness */
.button--text-upper {letter-spacing: 2px; text-transform: uppercase;}
.button--text-thin {font-weight: 300;}

/* Nina */
.button--nina { cursor: pointer; padding: 0 2em;  border:  4px solid #0a02f6;
   /* background: #1a1a1a; */ color: #fff;  overflow: hidden;
  -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}

.button--nina.button--inverted {
  background: #fff; color: #7986cb;}
.button--nina > span {
  display: inline-block; padding: 1em 0; opacity: 0; color: #fff;
  -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.button--nina::before {
  content: attr(data-text); position: absolute;
  top: 0;left: 0;width: 100%;height: 100%;padding: 1em 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

/* hover 색상변경 */
.button--nina:hover {background-color: #0a02f6;}

.button--nina:hover::before {
  opacity: 0; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--nina:hover > span {
  opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.button--nina:hover > span:nth-child(1) {-webkit-transition-delay: 0.045s; transition-delay: 0.045s;}
.button--nina:hover > span:nth-child(2) {-webkit-transition-delay: 0.09s;transition-delay: 0.09s;}
.button--nina:hover > span:nth-child(3) {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;}
.button--nina:hover > span:nth-child(4) {-webkit-transition-delay: 0.18s;transition-delay: 0.18s;}
.button--nina:hover > span:nth-child(5) {-webkit-transition-delay: 0.225s;transition-delay: 0.225s;}
.button--nina:hover > span:nth-child(6) {-webkit-transition-delay: 0.27s;transition-delay: 0.27s;}
.button--nina:hover > span:nth-child(7) {-webkit-transition-delay: 0.315s;transition-delay: 0.315s;}
.button--nina:hover > span:nth-child(8) {-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.button--nina:hover > span:nth-child(9) {-webkit-transition-delay: 0.405s;transition-delay: 0.405s;}
.button--nina:hover > span:nth-child(10) {-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}



footer{ position: relative; width:100%; height:auto; margin:0 auto; 
  padding:80px 0 40px;  background-color: var(--blue); overflow: hidden;}

footer .ft_height_line{ position:absolute; top:0;  left:48.4%; height:50px;  border-left:10px solid #fff; }
footer .ft_line01{width:86%; border-bottom: 1px solid #fff; margin: 0 7% 40px; }


footer .ft_ms{ width: 86%;  margin: 0 7%; height:auto; color: var(--white);
        display: block;  }

footer .ft_ms .ft_01{display: block; margin: 0 50px 0 0; width:100%;}
footer .ft_ms .ft_01 .ft_01_title{font-weight:bold; font-size: 1.4rem; margin: 0 0 14px 0;}
footer .ft_ms .ft_01 ul.ft_01_cont_01{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_01 ul.ft_01_cont_02{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.4rem; }


footer .ft_line02{ border-left: none;  height:0;
  border-bottom: 1px solid #fff; width:100%; margin: 100px 0 0 0; }


footer .ft_ms .ft_02{display: inline; margin: 30px 0 0 0; width:100%;}
footer .ft_ms .ft_02 .ft_02_title{font-weight:bold; font-size: 1.4rem; margin: 40px 0 14px 0;}
footer .ft_ms .ft_02 ul.ft_02_cont_01{display: inline; float:left; width:35%; box-sizing: border-box;}
footer .ft_ms .ft_02 ul.ft_02_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.2rem; }


footer .ft_ms .ft_02 ul.ft_02_cont_02{display: inline; float:left; width:65%; box-sizing: border-box;}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.2rem; }

footer .ft_ms .ft_02 ul.ft_02_cont_02 li a{color:var(--white);}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li a:hover{color:var(--white);}

footer .ft_line03{ width:86%; border-bottom: 1px solid #fff; margin: 250px 7% 0;}

footer .ft_copyr{ width:100%; margin:40px auto 0;  text-align: center; color: var(--white);}




 }






@media screen and ( max-width:375px ) {


section.bx01_website .bx01_website_ms .web_respon .web_respon_title > h2{font-weight:bold; font-size: 9.230vw; 
    color: var(--blue); margin: 20px auto 0; text-align: center;}
section.bx01_website .bx01_website_ms .web_respon .web_respon_title > p{font-weight:bold; font-size: 6.666vw; 
    color: var(--black); margin: 0 auto 20px; text-align: center; }


section.bx01_website .ft_height_line01{ position:absolute; top:99%;  left:48.4%; height:50px;  
    border-left:10px solid #0a02f6; }

footer .ft_height_line{ position:absolute; top:0;  left:48.4%; height:50px;  border-left:10px solid #fff; }



 }







@media screen and ( max-width:320px ) {



.btday_ghost{ margin:20px 0 0 -14px;  }
.btday_ghost02{ margin:40px 0 0 0; display: flex; justify-content: center;  }

/* Common button styles */
.button {float: left; min-width: 40.625vw; max-width: 250px;
  display: block; margin: 1em;padding: 1em 2em; border: none; background: none;
  color: inherit; vertical-align: middle;position: relative; z-index: 1;
  -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.button:focus {outline: none;}
.button > span {vertical-align: middle;}

/* a text color 상단버튼 */
.btday_ghost .button {color: #0a02f6;}

/* a text color  하단버튼*/
.btday_ghost02 .button {color: #0a02f6;}

/* Sizes */
.button--size-s {font-size: 14px;}

/* Typography and Roundedness */
.button--text-upper {letter-spacing: 2px; text-transform: uppercase;}
.button--text-thin {font-weight: 300;}

/* Nina */
.button--nina { cursor: pointer; padding: 0 2em;  border:  4px solid #0a02f6;
   /* background: #1a1a1a; */ color: #fff;  overflow: hidden;
  -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}

.button--nina.button--inverted {
  background: #fff; color: #7986cb;}
.button--nina > span {
  display: inline-block; padding: 1em 0; opacity: 0; color: #fff;
  -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.button--nina::before {
  content: attr(data-text); position: absolute;
  top: 0;left: 0;width: 100%;height: 100%;padding: 1em 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

/* hover 색상변경 */
.button--nina:hover {background-color: #0a02f6;}

.button--nina:hover::before {
  opacity: 0; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--nina:hover > span {
  opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.button--nina:hover > span:nth-child(1) {-webkit-transition-delay: 0.045s; transition-delay: 0.045s;}
.button--nina:hover > span:nth-child(2) {-webkit-transition-delay: 0.09s;transition-delay: 0.09s;}
.button--nina:hover > span:nth-child(3) {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;}
.button--nina:hover > span:nth-child(4) {-webkit-transition-delay: 0.18s;transition-delay: 0.18s;}
.button--nina:hover > span:nth-child(5) {-webkit-transition-delay: 0.225s;transition-delay: 0.225s;}
.button--nina:hover > span:nth-child(6) {-webkit-transition-delay: 0.27s;transition-delay: 0.27s;}
.button--nina:hover > span:nth-child(7) {-webkit-transition-delay: 0.315s;transition-delay: 0.315s;}
.button--nina:hover > span:nth-child(8) {-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.button--nina:hover > span:nth-child(9) {-webkit-transition-delay: 0.405s;transition-delay: 0.405s;}
.button--nina:hover > span:nth-child(10) {-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}



div[class="bx-nav"] {
  width: 100%; height: 100%; background: var(--blue); /* opacity: 0.85; */ position:fixed; top: 0;
  /* 원본 left: -100%; */
  left:100%; z-index: 98; transition: all 0.35s; margin-left:80px; }


}







@media screen and ( max-width:280px ) {


header nav.pc_navi{ display: none; }


/* 반응형 모바일 네비 적용 (햄버거) */
/* 스크롤 내렸을때 CSS .active */
.m_navi.active{ background:rgba(255,255,255,0.8); }
.m_navi.active h1.m_top_logo a{ color: var(--blue) !important;}
.m_navi.active h1.m_top_logo a:hover{ color: var(--yellow); }
.m_navi.active .hambb span{ background: var(--blue);}
.m_navi.active .hambb.mmh span{ background: var(--blue);}
.m_navi.active input[id="hamburger"]:checked + label span {background: var(--white) ;}

nav.m_navi{ display:inline !important; z-index:1001; top:0; left: 0; position:fixed; 
 width:100%; height:80px; background-color: var(--blue);}

nav.m_navi h1.m_top_logo{float:left; font:bold 10.714vw "Black Han Sans", sans-serif;
    margin:23px 0 0 24px; z-index:20; letter-spacing: -1px}
nav.m_navi h1.m_top_logo a{ color: var(--white);}
nav.m_navi h1.m_top_logo a:hover{ color: var(--yellow);}


nav.m_navi .hambb{ display:inline; top:0;right:30px; margin:28px 0 0 0; z-index:20;}

input[id="hamburger"] {display: none;}
input[id="hamburger"] + label {
  display: block; width: 24px; height: 16px;
  position:fixed; cursor: pointer; padding:4px; color:#000;
}
input[id="hamburger"] + label span {
  display: block; position: absolute; width: 100%;height: 3px;
  border-radius: 30px; background: var(--white); transition: all 0.35s;
}
input[id="hamburger"] + label span:nth-child(1) {
  top: 0;
}
input[id="hamburger"] + label span:nth-child(2) {
  top: 50%; transform: translateY(-50%);
}
input[id="hamburger"] + label span:nth-child(3) {
  bottom: 0;
}
input[id="hamburger"]:checked + label {z-index: 99;}
input[id="hamburger"]:checked + label span {background: var(--white);} /* 햄버거 호버시 3선 색상조정 */
input[id="hamburger"]:checked + label span:nth-child(1) {
  top: 50%; transform: translateY(-50%) rotate(45deg);}
input[id="hamburger"]:checked + label span:nth-child(2) {opacity: 0;}
input[id="hamburger"]:checked + label span:nth-child(3) {
  bottom: 50%;transform: translateY(50%) rotate(-45deg);}
div[class="bx-nav"] {
  width: 100%; height: 100%; background: var(--blue); /* opacity: 0.85; */ position:fixed; top: 0;
  /* 원본 left: -100%; */
  left:100%; z-index: 98; transition: all 0.35s; margin-left:80px; }

input[id="hamburger"]:checked + label + div {left: 0;}

.bx-nav {position: absolute; top:119px; width: 100%;}
.bx-nav .nav_mss li {
    color:#fff; position:relative; float:left; width:100%; list-style-type:none; 
     /* border-bottom:1px solid #fff; */
    font-weight:500; font-size:2.2rem;  font-family: var(--main-font-family);
    padding-top: 10px; padding-bottom: 10px; padding-left:40px; text-align: left; }
    

.bx-nav a {padding: 0;text-decoration:none; display: block;}
.bx-nav ul.nav_mss{ margin-top:100px }
.bx-nav li a{
    display:block; color: var(--white); line-height:40px;
    margin:0px;padding:0;text-decoration:none; transition: all 0.4s; }
.bx-nav li a:hover{
text-decoration: none; color: #f12614; padding: 0;margin: 0;border: 0px;}
.bx-nav ul li:hover a {
text-decoration: none; color: #797979; padding: 0;margin: 0;border: 0px;}

/*2뎁스 적용 호버 색상*/
.bx-nav ul.nav_mss li a:hover{text-decoration: none; color: var(--yellow);
 padding: 0;margin: 0; border: 0px;}

.bx-nav ul.sub li:hover a {text-decoration: none; color: #fc2828;
 padding: 0; margin: 0; border: 0px; }

.bx-nav ul.nav_mss li ul.sub li{font-weight:300; font-size:1.4rem; 
  font-family: var(--main-font-family); color: #7d7d7d;
  padding-left:22px;}

.bx-nav ul.nav_mss li ul.sub li a { 
 float:left; margin: 0; padding:2px 0 10px 0; line-height:10px;}



.btday_ghost{ margin:20px 0 0 -14px;  }
.btday_ghost02{ margin:40px 0 0 0; display: flex; justify-content: center;  }

/* Common button styles */
.button {float: left; min-width: 42.8571vw; max-width: 250px;
  display: block; margin: 1em;padding: 1em 2em; border: none; background: none;
  color: inherit; vertical-align: middle;position: relative; z-index: 1;
  -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.button:focus {outline: none;}
.button > span {vertical-align: middle;}

/* a text color 상단버튼 */
.btday_ghost .button {color: #0a02f6;}

/* a text color  하단버튼*/
.btday_ghost02 .button {color: #0a02f6;}

/* Sizes */
.button--size-s {font-size: 14px;}

/* Typography and Roundedness */
.button--text-upper {letter-spacing: 2px; text-transform: uppercase;}
.button--text-thin {font-weight: 300;}

/* Nina */
.button--nina { cursor: pointer; padding: 0 2em;  border:  4px solid #0a02f6;
   /* background: #1a1a1a; */ color: #fff;  overflow: hidden;
  -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}

.button--nina.button--inverted {
  background: #fff; color: #7986cb;}
.button--nina > span {
  display: inline-block; padding: 1em 0; opacity: 0; color: #fff;
  -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.button--nina::before {
  content: attr(data-text); position: absolute;
  top: 0;left: 0;width: 100%;height: 100%;padding: 1em 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

/* hover 색상변경 */
.button--nina:hover {background-color: #0a02f6;}

.button--nina:hover::before {
  opacity: 0; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--nina:hover > span {
  opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.button--nina:hover > span:nth-child(1) {-webkit-transition-delay: 0.045s; transition-delay: 0.045s;}
.button--nina:hover > span:nth-child(2) {-webkit-transition-delay: 0.09s;transition-delay: 0.09s;}
.button--nina:hover > span:nth-child(3) {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;}
.button--nina:hover > span:nth-child(4) {-webkit-transition-delay: 0.18s;transition-delay: 0.18s;}
.button--nina:hover > span:nth-child(5) {-webkit-transition-delay: 0.225s;transition-delay: 0.225s;}
.button--nina:hover > span:nth-child(6) {-webkit-transition-delay: 0.27s;transition-delay: 0.27s;}
.button--nina:hover > span:nth-child(7) {-webkit-transition-delay: 0.315s;transition-delay: 0.315s;}
.button--nina:hover > span:nth-child(8) {-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.button--nina:hover > span:nth-child(9) {-webkit-transition-delay: 0.405s;transition-delay: 0.405s;}
.button--nina:hover > span:nth-child(10) {-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}




header.btday_hd .hd_height_line01{ position: absolute; top:94%;  left:48.4%; height:50px;  
    border-left:10px solid #0a02f6; }



section.bx01_website{ position: relative; width:100%; height:auto; background-color: var(--white); }

section.bx01_website .bx01_height_line01{ position: absolute; top:0; left:48.4%; height:50px;  
    border-left:10px solid #0a02f6; }

section.bx01_website .bx01_website_ms{position: relative; width:86%; margin:0 7%;
border-top: 1px solid #0a02f6;  padding: 100px 0 140px 0;}

section.bx01_website .bx01_website_ms .bx01_website_title{ font-weight:bold; 
    font-size: 8.571vw; color: var(--black); text-align: center;}
section.bx01_website .bx01_website_ms .bx01_website_title h2{ margin: 0 0 20px 0; }    
section.bx01_website .bx01_website_ms .bx01_website_title .bx_tt_impt{color: var(--blue);}


/* 중간 서브 네비게이션 */
section.bx01_website .bx01_website_ms .bx01_website_title ul{ list-style:none; text-align: center; 
  display:block;}
section.bx01_website .bx01_website_ms .bx01_website_title ul li{ display: block; padding: 0; width:86%; margin: 10px 7% 18px;
font-weight:bold; font-size: 6.428vw; color: var(--black); }

section.bx01_website .bx01_website_ms .bx01_website_title ul li a{ color: var(--black); position: relative; text-decoration: none;  }
section.bx01_website .bx01_website_ms .bx01_website_title ul li a::before{ content: ''; position: absolute; 
    width: 100%; height: 4px; border-radius: 4px; background-color: var(--blue); top: 36px; bottom: 0; left: 0;
  transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out; }
section.bx01_website .bx01_website_ms .bx01_website_title ul li a:hover::before { transform-origin: left; transform: scaleX(1);}

section.bx01_website .bx01_website_ms .bx01_website_title ul li a:hover{  color: var(--blue); transition:all .5s;}



.btday_ghost{ margin:20px 0 0 -14px;  }
.btday_ghost02{ margin:40px 0 0 0; display: flex; justify-content: center;  }

/* Common button styles */
.button {float: left; min-width: 130px; max-width: 250px;
  display: block; margin: 1em;padding: 1em 2em; border: none; background: none;
  color: inherit; vertical-align: middle;position: relative; z-index: 1;
  -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale;}
.button:focus {outline: none;}
.button > span {vertical-align: middle;}

/* a text color 상단버튼 */
.btday_ghost .button {color: #0a02f6;}

/* a text color  하단버튼*/
.btday_ghost02 .button {color: #0a02f6;}

/* Sizes */
.button--size-s {font-size: 14px;}

/* Typography and Roundedness */
.button--text-upper {letter-spacing: 2px; text-transform: uppercase;}
.button--text-thin {font-weight: 300;}

/* Nina */
.button--nina { cursor: pointer; padding: 0 2em;  border:  4px solid #0a02f6;
   /* background: #1a1a1a; */ color: #fff;  overflow: hidden;
  -webkit-transition: background-color 0.3s; transition: background-color 0.3s;}

.button--nina.button--inverted {
  background: #fff; color: #7986cb;}
.button--nina > span {
  display: inline-block; padding: 1em 0; opacity: 0; color: #fff;
  -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }
.button--nina::before {
  content: attr(data-text); position: absolute;
  top: 0;left: 0;width: 100%;height: 100%;padding: 1em 0;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
  transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); }

/* hover 색상변경 */
.button--nina:hover {background-color: #0a02f6;}

.button--nina:hover::before {
  opacity: 0; -webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.button--nina:hover > span {
  opacity: 1; -webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.button--nina:hover > span:nth-child(1) {-webkit-transition-delay: 0.045s; transition-delay: 0.045s;}
.button--nina:hover > span:nth-child(2) {-webkit-transition-delay: 0.09s;transition-delay: 0.09s;}
.button--nina:hover > span:nth-child(3) {-webkit-transition-delay: 0.135s;transition-delay: 0.135s;}
.button--nina:hover > span:nth-child(4) {-webkit-transition-delay: 0.18s;transition-delay: 0.18s;}
.button--nina:hover > span:nth-child(5) {-webkit-transition-delay: 0.225s;transition-delay: 0.225s;}
.button--nina:hover > span:nth-child(6) {-webkit-transition-delay: 0.27s;transition-delay: 0.27s;}
.button--nina:hover > span:nth-child(7) {-webkit-transition-delay: 0.315s;transition-delay: 0.315s;}
.button--nina:hover > span:nth-child(8) {-webkit-transition-delay: 0.36s;transition-delay: 0.36s;}
.button--nina:hover > span:nth-child(9) {-webkit-transition-delay: 0.405s;transition-delay: 0.405s;}
.button--nina:hover > span:nth-child(10) {-webkit-transition-delay: 0.45s;transition-delay: 0.45s;}




section.bx01_website .ft_height_line01{ position:absolute; top:98.7%;  left:48.4%; height:50px;  
    border-left:10px solid #0a02f6; }


footer{ position: relative; width:100%; height:auto; margin:0 auto; 
  padding:80px 0 40px;  background-color: var(--blue); overflow: hidden;}

footer .ft_height_line{ position:absolute; top:0; left:48.4%; height:50px;  border-left:10px solid #fff; }
footer .ft_line01{width:86%; border-bottom: 1px solid #fff; margin: 0 7% 40px; }


footer .ft_ms{ width: 86%;  margin: 0 7%; height:auto; color: var(--white);
        display: block;  }

footer .ft_ms .ft_01{display: block; margin: 0 50px 0 0; width:100%;}
footer .ft_ms .ft_01 .ft_01_title{font-weight:bold; font-size: 1.4rem; margin: 0 0 14px 0;}
footer .ft_ms .ft_01 ul.ft_01_cont_01{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.4rem; }

footer .ft_ms .ft_01 ul.ft_01_cont_02{list-style: none; float:left;}
footer .ft_ms .ft_01 ul.ft_01_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.4rem; }


footer .ft_line02{ border-left: none;  height:0;
  border-bottom: 1px solid #fff; width:100%; margin: 100px 0 0 0; }


footer .ft_ms .ft_02{display: inline; margin: 30px 0 0 0; width:100%;}
footer .ft_ms .ft_02 .ft_02_title{font-weight:bold; font-size: 1.4rem; margin: 40px 0 14px 0;}
footer .ft_ms .ft_02 ul.ft_02_cont_01{display: inline; float:left; width:35%; box-sizing: border-box;}
footer .ft_ms .ft_02 ul.ft_02_cont_01 li{ display:block; margin: 0 40px 12px 0;
font-weight:200; font-size: 1.2rem; }


footer .ft_ms .ft_02 ul.ft_02_cont_02{display: inline; float:left; width:65%; box-sizing: border-box;}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li{ display:block; margin: 0 0 12px 0; 
font-weight:200; font-size: 1.2rem; }

footer .ft_ms .ft_02 ul.ft_02_cont_02 li a{color:var(--white);}
footer .ft_ms .ft_02 ul.ft_02_cont_02 li a:hover{color:var(--white);}

footer .ft_line03{ width:86%; border-bottom: 1px solid #fff; margin: 270px 7% 0;}

footer .ft_copyr{ width:100%; margin:40px auto 0;  text-align: center; color: var(--white);}




}