@charset "UTF-8";



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

:root {

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

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

html,body {width: 100%; font-size:10px; background-color:#ffffff;}

#top_button{ display: inline-block; background-color: #0a02f6; width: 50px; height: 50px;
  text-align: center; border-radius: 4px; position: fixed; bottom: 40px;right: 30px;
  transition: background-color .3s, opacity .5s, visibility .5s;
  opacity: 0; visibility: hidden; z-index: 1000; }
#top_button::after { content: "\f077"; font-family: FontAwesome; font-weight: normal; 
 font-style: normal; font-size: 2em; line-height: 50px; color: #fff; }
#top_button:hover {cursor: pointer; background-color: var(--blue);}
#top_button:active { background-color: var(--blue); }
#top_button.show { opacity: 1; visibility: visible; }



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



header nav.pc_navi{ width:100%; height: auto; position:fixed; top: 0; left: 0px; 
  margin:0 auto;  z-index:100; background-color: var(--blue);}

header nav.pc_navi .pc_navi_ms{ width:100%; margin:0 auto;}

header nav.pc_navi h1.top_logo{float:left; font:bold 3.6rem  "Black Han Sans", sans-serif;
z-index: 20; line-height: 80px; margin: 0 0 0 120px;}
header nav.pc_navi h1.top_logo a{ color: #fff !important; }
header nav.pc_navi h1.top_logo a:hover{ color: var(--yellow) !important; transition:all .5s;}


header nav.pc_navi ul.pcsub_n{ list-style:none; float:right; margin: 0 120px  0 0;}
header nav.pc_navi ul.pcsub_n li{float:left; display: inline;  margin: 26px 0 0 34px;
font:bold 1.8rem  "Pretendard Variable", Pretendard; letter-spacing: 2px;}

/*
header nav.pc_navi ul.pcsub_n li a{ color: #fff !important; }
header nav.pc_navi ul.pcsub_n li>a:hover{ color: var(--yellow) !important; transition:all .5s; cursor: pointer;}

*/



/* pc_navi 서브 네비게이션 */
header nav.pc_navi ul.pcsub_n li a{ color: var(--white); position: relative; text-decoration: none; cursor:pointer; }
header nav.pc_navi ul.pcsub_n li a::before{ content: ''; position: absolute; 
    width: 100%; height: 4px; border-radius: 4px; background-color: var(--white); top: 26px; bottom: 0; left: 0;
  transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out; }
header nav.pc_navi ul.pcsub_n li a:hover::before { transform-origin: left; transform: scaleX(1);}

header nav.pc_navi ul.pcsub_n li a:hover{  color: var(--white); transition:all .5s;}



/* 스크롤 내렸을때 CSS .active */
.pc_navi.active{ background:rgba(255,255,255,.8); transition:all .5s;}
.pc_navi.active .pc_navi_ms h1.top_logo a{ height:80px; color: var(--blue) !important; }
.pc_navi.active .pc_navi_ms h1.top_logo a:hover{ color: var(--blue) !important; transition:all .5s;}
.pc_navi.active .pc_navi_ms ul.pcsub_n{ height:80px; transition:.5s; }
/*
.pc_navi.active .pc_navi_ms ul.pcsub_n li a{ color: var(--black) !important;font-size:1.8rem; cursor: pointer;}
.pc_navi.active .pc_navi_ms ul.pcsub_n li>a:hover{ color: var(--blue) !important; transition:all .5s;}
*/


/* pc_navi 서브 네비게이션 - hover 애드클래스 */
.pc_navi.active .pc_navi_ms ul.pcsub_n li a{ color: var(--blue); position: relative; text-decoration: none;  }
.pc_navi.active .pc_navi_ms ul.pcsub_n li a::before{ content: ''; position: absolute; 
    width: 100%; height: 4px; border-radius: 4px; background-color: var(--blue); top: 26px; bottom: 0; left: 0;
  transform-origin: right; transform: scaleX(0); transition: transform .3s ease-in-out; }
.pc_navi.active .pc_navi_ms ul.pcsub_n li a:hover::before { transform-origin: left; transform: scaleX(1);}

.pc_navi.active .pc_navi_ms ul.pcsub_n li a:hover{  color: var(--blue); transition:all .5s;}


header.btday_hd nav.pc_navi::after { content: ""; display: block; clear: both; } 



header.btday_hd .vg_gallery_tx{ width: calc(100% - 40px); max-width:1200px; 
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

header.btday_hd .vg_gallery_tx ul.sub_ti{ float:right; }
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 50px 0 0; font-size:6rem; font-weight:bold;
color: var(--blue);}
header.btday_hd .vg_gallery_tx ul.sub_ti li:nth-child(2){ margin: 4px 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% + 5px); left: 50%; transform: translate(-50%,-50%); }



header.btday_hd .vg_gallery_tx::after { content: ""; display: block; clear: both; } 


header.btday_hd nav.m_navi{ display:none; }


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); 
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:1200px; margin:0 auto 0;
border-top: 1px solid #0a02f6;  padding: 100px 0 100px 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 30px;
font-weight:bold; font-size: 2.6rem; color: var(--black); margin: 0 0 50px 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 .bx01_website_title::after { content: ""; display: block; clear: both; } 



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: 3.2rem; 
    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.6rem; 
    color: var(--black); margin: 0 0 20px 14px;}

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: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.2rem; 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.6rem; 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.5rem; 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.5rem; 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.2rem; 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.6rem; 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.5rem; 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.5rem; 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.2rem; 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.6rem; 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.5rem; 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.5rem; 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.2rem; 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.6rem; 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.5rem; 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.5rem; 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:86%; margin: 0 7%; }
section.bx01_website .bx01_website_ms .web_pc_m .web_pc_m_title > h2{font-weight:bold; font-size: 3.2rem; 
    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.6rem; 
    color: var(--black); margin: 0 0 20px 14px;}

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: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.2rem; 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.6rem; 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.5rem; 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.5rem; 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.2rem; 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.6rem; 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.5rem; 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.5rem; 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.2rem; 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.6rem; 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.5rem; 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.5rem; 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.2rem; 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.6rem; 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.5rem; 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.5rem; 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.2rem; 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.6rem; 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.5rem; 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.5rem; 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.2rem; 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.6rem; 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.5rem; 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.5rem; 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.2rem; 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.6rem; 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.5rem; 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.5rem; 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.2rem; 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.6rem; 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.5rem; 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.5rem; 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{ 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;}




section.bx01_website .ft_height_line01{ position:absolute; top:97%; 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:1200px; border-bottom: 1px solid #fff; margin: 0 auto 45px; }
footer .ft_ms{width:1200px; 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:1200px; border-bottom: 1px solid #fff; margin: 45px auto 0;}
footer .ft_copyr{ width:1200px; margin:40px auto 0;  text-align: center; color: var(--white);}