@charset "UTF-8";



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

:root {

    --blue: #0a02f6;
    --red: #e11200;
    --goldmund_yellow: #f9b420;
    --sim_title: #524941;
    --sim_blue: #04327f;
    --sim_skblue: #7cacfd;
    --hot_red :#fd1949;
    --grey: #f5f5f5;
    --white: #fff;
    --black: #1a1a1a;
    --cs_color: #c94e0b;
    --cfbgcolor: #f3f3f3;
    --qsk_pdth: #fdf9f5;
    --main_font: 'Pretendard Variable', sans-serif;
    --hot_font: "Black Han Sans", sans-serif;
    --wine_font: "Noto Sans KR", sans-serif;
    --queens_font: "Abril Fatface", serif;
    --main-a-color: #fff;
    --main-a-hover: #fd0c45;
    --boxhover-font-color: #fff;
}

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

/*
--main_font: 'Pretendard Variable', 'Noto Sans KR', 'AppleSDGothicNeo', 'Nanum Gothic', sans-serif;
*/

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

#box01{ position: relative;  width:100%; height:auto; background-color:#e5e4e4; margin:0 auto;
color:#fff; display:flex; justify-content: center; align-items: center;}


#box01 .bansi-video { position: relative; width:100%; height:100vh; overflow: hidden; }
#box01 .bg-video-content { height: 100%; width: 100%; object-fit: cover; }
#box01 .mv002{ display:none; }


/* 스크롤 내렸을때 애드클래스 추가 */
.hovp.active .tt01{ width:100%; background:rgba(255,255,255,0.6);}
.hovp.active .tt01 h1.fonti-logo{ color: #1a1a1a; }
.hovp.active .tt01 h1.fonti-logo a{ color: #1a1a1a !important;}
.hovp.active .tt01 ul.main li>a{ color: #1a1a1a;}
.hovp.active .tt01 ul.main li>a:hover{ color:var(--main-a-hover); transition:all .5s;}
.hovp.active ul.main li ul.sub01>li>a{ color: #1a1a1a !important; }
.hovp.active ul.main li ul.sub01>li>a:hover{ color:var(--main-a-hover) !important; transition:all .5s; }

#box01 .hovp { position:fixed; top:0; width:100%; height:auto;  z-index:100; left: 0px; 
border-bottom: 0.5px solid rgba(255,255,255,1); }

#box01 .hovp .tt01{ width: 100%; height:80px; margin:0 auto; text-align: center; 
   border-bottom:0.3px solid rgba(255,255,255,1); }
/* 로고파트 */
#box01 .hovp .tt01 h1.fonti-logo{float:left; display:inline; letter-spacing: 1px;
    font-weight:bold; font-size:3.6rem; font-family: var(--main-font-family);
     color:var(--white); margin: 19px 0 0 40px;}
#box01 .hovp .tt01 h1.fonti-logo a{ z-index: 100; color:var(--white);}
#box01 .hovp .tt01 h1.fonti-logo a:hover{ color:var(--main-a-hover); transition:all .5s;}


/* 2deps 네비파트 */
#box01 .hovp .tt01 .bx01-a{float:right; margin-right:20px;}
#box01 .hovp .tt01 .bx01-a ul{list-style:none; float:right; }
#box01 .hovp .bx01-a ul.main>li{display:inline; float:left;  position: relative; 
margin: 26px 10px 0 0;  line-height: 80px; width:150px;
font: 400 1.4rem "Pretendard Variable", Pretendard; 
color:#fff; line-height:25px;}
.main li>a{ color: var(--main-a-color); }
.main li>a:hover{ color:var(--main-a-hover); transition:all .5s;}

.main>li:hover .sub01{ display:inline; width:100%; height:120px;}
.main .sub01{ display:none; line-height:30px; width:100%; padding: 40px 0 30px 0;}
.main ul.sub01>li { display:block;  margin:0; padding-left:1px; 
    width:150px; height:30px; margin:0 auto; color: var(--main-a-color);}

.main .sub01 li>a{ color: #fff; }
.main .sub01 li>a:hover{ color:var(--main-a-hover); transition:all .5s; }



#box01 .visual-co{ position: absolute; }
#box01 .visual-co p.visual-tx { width:1200px; margin:0 auto 0; text-align: center;
font-weight::bold; font-size:7.6rem;  font-family: var(--queens_font); line-height: 1.3;
color: var(--galleryfont-main-color);}
#box01 .visual-co p.visual-tx span.sub-tx{line-height:4;
font-weight:100; font-size:2.6rem;  font-family: var(--point-font-family); 
color: var(--galleryfont-main-color);}


.hovp-ms{ display:none;}


section.qsk_part01{ width:1200px; margin:100px auto 100px; }
section.qsk_part01 .qsk_ms_gallery{ width:1200px; margin:0 auto 0;  }
section.qsk_part01 ul.qsk_gall_banner{ width:1200px; margin:0 auto 14px; 
    display: flex; justify-content: center; align-items: center; flex-flow: row wrap; 
    flex-shrink: 1; gap:14px;}
section.qsk_part01 ul.qsk_gall_banner li{  }
section.qsk_part01 ul.qsk_gall_banner li:nth-child(1){ width:63%; }
section.qsk_part01 ul.qsk_gall_banner li:nth-child(2){ width:30%; }

section.qsk_part01 ul.qsk_gall_banner li:nth-child(1) .qc_about_mov{ max-width:100%; }




section.qsk_part02{ width:100%;  padding: 0 0 90px; margin:44px auto 0; background-color: var(--grey);}
section.qsk_part02 h3.qsk_part02_title{ padding-top:90px; text-align: center; font-size:3.65rem; font-weight:bold; letter-spacing: 3px; font-family:var(--queens_font); }
section.qsk_part02 p.qsk_part02_cont{ margin:14px auto 50px; text-align: center; font-size:1.65rem; font-weight:300; font-family:var(--main_font); }

section.qsk_part02 ul.qsk_ms_btn{ width:860px; margin:0 auto; display: flex; justify-content: space-between; 
    align-items: center; flex-flow: row wrap;  gap:14px;}
section.qsk_part02 ul.qsk_ms_btn li{  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(1){  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(1) ul.hh01{ display: flex; justify-content: space-between; 
    align-items: center; flex-flow: column wrap; }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(1) ul.hh01 li{  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(1) ul.hh01 li:nth-child(1){  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(1) ul.hh01 li:nth-child(1) ul.hh01_01{ display: flex; 
    justify-content: space-between; align-items: center; flex-flow: row wrap;  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(1) ul.hh01 li:nth-child(1) ul.hh01_01 li{  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(1) ul.hh01 li:nth-child(1) ul.hh01_01 li:nth-child(1){  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(1) ul.hh01 li:nth-child(1) ul.hh01_01 li:nth-child(2){ margin-top:0; }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(1) ul.hh01 li:nth-child(1) ul.hh01_01 li:nth-child(2) ul.hh01_01_01{ display: flex; 
    justify-content: space-between; align-items:start; flex-flow: column wrap; margin-left:20px; }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(1) ul.hh01 li:nth-child(1) ul.hh01_01 li:nth-child(2) ul.hh01_01_01 li{  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(1) ul.hh01 li:nth-child(1) ul.hh01_01 li:nth-child(2) ul.hh01_01_01 li:nth-child(1){  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(1) ul.hh01 li:nth-child(1) ul.hh01_01 li:nth-child(2) ul.hh01_01_01 li:nth-child(2){ margin-top:20px;}

section.qsk_part02 ul.qsk_ms_btn li:nth-child(1) ul.hh01 li:nth-child(2){ margin-top:20px; }


section.qsk_part02 ul.qsk_ms_btn li:nth-child(2){  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(2) ul.hh02{ display: flex; justify-content: space-between; 
    align-items: center; flex-flow: column wrap; }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(2) ul.hh02 li{  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(2) ul.hh02 li:nth-child(1){  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(2) ul.hh02 li:nth-child(2){ margin-top:20px; }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(2) ul.hh02 li:nth-child(2) ul.hh02_02{ display: flex; 
    justify-content: space-between; align-items: center; flex-flow: row wrap;  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(2) ul.hh02 li:nth-child(2) ul.hh02_02 li{  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(2) ul.hh02 li:nth-child(2) ul.hh02_02 li:nth-child(1){  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(2) ul.hh02 li:nth-child(2) ul.hh02_02 li:nth-child(2){ margin-top:0; }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(2) ul.hh02 li:nth-child(2) ul.hh02_02 li:nth-child(2) ul.hh02_02_02{ display: flex; 
    justify-content: space-between; align-items:start; flex-flow: column wrap; margin-left:20px; }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(2) ul.hh02 li:nth-child(2) ul.hh02_02 li:nth-child(2) ul.hh02_02_02 li{  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(2) ul.hh02 li:nth-child(2) ul.hh02_02 li:nth-child(2) ul.hh02_02_02 li:nth-child(1){  }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(2) ul.hh02 li:nth-child(2) ul.hh02_02 li:nth-child(2) ul.hh02_02_02 li:nth-child(2){ margin-top:20px; }



section.qsk_part03{ width:1200px; margin: 100px auto 70px; }
section.qsk_part03 h3.qsk_part03_title{ text-align: center; font-size:3.65rem; font-weight:bold; letter-spacing: 3px; font-family:var(--queens_font);  }
section.qsk_part03 p.qsk_part03_cont{ margin:14px auto 50px; text-align: center; font-size:1.65rem; font-weight:300; font-family:var(--main_font);  }

section.qsk_part03 ul.qsk_part03_th03ms{ width:860px; margin:0 auto; 
display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap;}
section.qsk_part03 ul.qsk_part03_th03ms li{ width:31.3333%; position: relative;}

section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1){  }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_01{  }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_02{ position: absolute;  margin:0 auto 0; width:50px; height:50px; 
    border-radius: 50%; background-color: #47bdfa; bottom: 33%; left: 50%; transform: translate(-50%, -50%);}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_03{ margin-top:50px; text-align: center; font-size:2.2rem; 
    font-weight:bold; font-family:var(--main_font);  }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_04{ width:92%; margin:0 auto; margin-top:15px; text-align: center; font-size:1.4rem; 
    font-weight:300; font-family:var(--main_font);  line-height:1.2; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_05{ width:46%; padding: 11px 10px 10px; margin: 25px auto 40px; text-align: center;  
    font-size:1.6rem; font-weight:bold; font-family:var(--main_font); background-color: #47bdfa; color:#fff;}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_05 a:{ color:#fff; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_05 a:hover{ color:#fff; }


section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2){  }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_01{  }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_02{ position: absolute;  margin:0 auto 0; width:50px; height:50px; 
    border-radius: 50%; background-color: #fbeee3; bottom: 33%; left: 50%; transform: translate(-50%, -50%);}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_03{ margin-top:50px; text-align: center; font-size:2.2rem; 
    font-weight:bold; font-family:var(--main_font);  letter-spacing: -2px;}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_04{ width:92%; margin:0 auto; margin-top:15px; text-align: center; font-size:1.4rem; 
    font-weight:300; font-family:var(--main_font);  line-height:1.2; letter-spacing: -1px;}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_05{ width:46%; padding: 11px 10px 10px; margin: 25px auto 40px; text-align: center;  
    font-size:1.6rem; font-weight:bold; font-family:var(--main_font); background-color: #fbeee3; color:#1a1a1a;}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_05 a:{ color:#fff; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_05 a:hover{ color:#fff; }


section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3){  }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_01{  }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_02{ position: absolute;  margin:0 auto 0; width:50px; height:50px; 
    border-radius: 50%; background-color: #fa4760; bottom: 33%; left: 50%; transform: translate(-50%, -50%);}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_03{ margin-top:50px; text-align: center; font-size:2.2rem; 
    font-weight:bold; font-family:var(--main_font); letter-spacing: -1px; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_04{ width:92%; margin:0 auto; margin-top:15px; text-align: center; font-size:1.4rem; 
    font-weight:300; font-family:var(--main_font);  line-height:1.2;}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_05{ width:46%; padding: 11px 10px 10px; margin: 25px auto 40px; text-align: center;  
    font-size:1.6rem; font-weight:bold; font-family:var(--main_font); background-color: #fa4760; color:#fff;}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_05 a:{ color:#fff; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_05 a:hover{ color:#fff; }



footer{ width:100%; height:560px; margin:0 auto 0 ; background-image: url("../img/wbg01.jpg");   
      background-size: cover; background-position: center; }
footer .qsk_ft01{ width:1200px; margin:0 auto; }
footer .qsk_ft01 .qsk_ft01_title{ text-align: center; padding-top:60px; font-size:3.2rem; 
    font-weight:300; font-family:var(--main_font); color:var(--black); }
footer .qsk_ft01 .qsk_ft01_cont{ text-align: center; margin-top:20px; font-size:1.6rem; 
    font-weight:300; font-family:var(--main_font); color:var(--black); line-height:1.3; }
footer .qsk_ft01 ul.qsk_ft01_4th{ width:700px; margin:0 auto 0; display:flex; justify-content:space-between; align-items:center;
flex-flow: row wrap; flex-grow:1; flex-shrink:1; }
footer .qsk_ft01 ul.qsk_ft01_4th li{margin: 30px auto 0; width:140px; height:140px; border-radius: 50%; 
    background-color: var(--white);}

footer .qsk_ft01 ul.qsk_ft01_4th li:nth-child(1) p.qsk_ft01_4th_tt{ text-align: center; margin-top:26px; font-size:3.6rem; 
    font-weight:bold; font-family:var(--main_font); color:var(--black); line-height:1.3;  }
footer .qsk_ft01 ul.qsk_ft01_4th li:nth-child(1) p.qsk_ft01_4th_stt{ text-align: center; margin-top:6px; font-size:1.2rem; 
    font-weight:300; font-family:var(--main_font); color:var(--black); line-height:1.3;  }

footer .qsk_ft01 ul.qsk_ft01_4th li:nth-child(2) p.qsk_ft01_4th_tt{ text-align: center; margin-top:26px; font-size:3.6rem; 
    font-weight:bold; font-family:var(--main_font); color:var(--black); line-height:1.3;  }
footer .qsk_ft01 ul.qsk_ft01_4th li:nth-child(2) p.qsk_ft01_4th_stt{ text-align: center; margin-top:6px; font-size:1.2rem; 
    font-weight:300; font-family:var(--main_font); color:var(--black); line-height:1.3;  }

footer .qsk_ft01 ul.qsk_ft01_4th li:nth-child(3) p.qsk_ft01_4th_tt{ text-align: center; margin-top:26px; font-size:3.6rem; 
    font-weight:bold; font-family:var(--main_font); color:var(--black); line-height:1.3;  }
footer .qsk_ft01 ul.qsk_ft01_4th li:nth-child(3) p.qsk_ft01_4th_stt{ text-align: center; margin-top:6px; font-size:1.2rem; 
    font-weight:300; font-family:var(--main_font); color:var(--black); line-height:1.3;  }

footer .qsk_ft01 ul.qsk_ft01_4th li:nth-child(4) p.qsk_ft01_4th_tt{ text-align: center; margin-top:26px; font-size:3.6rem; 
    font-weight:bold; font-family:var(--main_font); color:var(--black); line-height:1.3;  }
footer .qsk_ft01 ul.qsk_ft01_4th li:nth-child(4) p.qsk_ft01_4th_stt{ text-align: center; margin-top:6px; font-size:1.2rem; 
    font-weight:300; font-family:var(--main_font); color:var(--black); line-height:1.3;  }




footer .qsk_ft02{ max-width:1352px; height:286px; margin:60px auto 0;  background-color: var(--white);}
footer .qsk_ft02 ul.qsk_ft02_2btn{ max-width:1200px; padding-top:60px; margin:0 auto 0; display:flex; justify-content:space-between; align-items:center;
flex-flow:row wrap; flex-grow:1; flex-shrink: 1;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01{ width:584px; height:188px; background-color:var(--grey);
display:flex; justify-content:center; align-items:center; flex-flow: row wrap; gap:0 30px; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(1){  }/* 좌측 이미지 */
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2){ width:30%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01{ display:flex; 
    justify-content:space-between; align-items:start; flex-flow:column wrap; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li{ margin-left:14px; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(1){ 
    font-size:1.2rem; font-weight:bold; font-family:var(--main_font); color:var(--black); width:70%;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(2){
  margin-top:14px; font-size:1.2rem; font-weight:300; font-family:var(--main_font); color:var(--black); width:70%; line-height: 1.4;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(3){
  margin-top:14px; font-size:1.2rem; font-weight:300; background-color:var(--black); padding: 4px 0; text-align: center;
  font-family:var(--main_font); color:var(--white); width:30%;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li a{ color:#fff; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li a:hover{ color:#fff; }



footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02{ width:584px; height:188px; background-color:var(--grey);
display:flex; justify-content:center; align-items:center; flex-flow: row wrap; gap:0 30px; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(1){  }/* 좌측 이미지 */
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2){ width:30%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01{ display:flex; 
    justify-content:space-between; align-items:start; flex-flow:column wrap; }
    footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li{ margin-left:14px; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(1){ 
    font-size:1.2rem; font-weight:bold; font-family:var(--main_font); color:var(--black); width:70%;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(2){
  margin-top:14px; font-size:1.2rem; font-weight:300; font-family:var(--main_font); color:var(--black); width:70%; line-height: 1.4;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(3){
  margin-top:14px; font-size:1.2rem; font-weight:300; background-color:var(--black); padding: 4px 0; text-align: center;
  font-family:var(--main_font); color:var(--white); width:30%;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li a{ color:#fff; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li a:hover{ color:#fff; }


footer .qsk_ft03{  width:1200px; margin:0 auto 0; }
footer .qsk_ft03 ul.qsk_ft03_pt01{ display:flex; justify-content:space-evenly; align-items:start;
flex-flow: row wrap; flex-grow:1; flex-shrink:1;}

footer .qsk_ft03 ul.qsk_ft03_pt01 li{ width:23%; line-height:1.4; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(1){  }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(1) ul.qsk_ft03_st01{ display:flex; justify-content:center; align-items:center;
flex-flow: column wrap;  margin-bottom:70px;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(1) ul.qsk_ft03_st01 li{ width:92%; line-height:1.4; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(1) ul.qsk_ft03_st01 li:nth-child(1){ font-size:2.6rem; font-weight:bold;
font-family:var(--main_font);  letter-spacing: -1px;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(1) ul.qsk_ft03_st01 li:nth-child(2){ margin: 20px 0 0 0; font-size:1.4rem; font-weight:300;
font-family:var(--main_font); text-align: justify; word-break: break-all; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(1) ul.qsk_ft03_st01 li:nth-child(3){ margin: 20px 0 0 0; font-size:1.4rem; font-weight:300;
font-family:var(--main_font) }


footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02{  display:flex; justify-content:center; align-items:center;
flex-flow: column wrap; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li{ width:92%; line-height:1.6;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(1){ font-size:2rem; font-weight:bold;
font-family:var(--main_font); }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(2){ margin: 20px 0 0 0; font-size:1.4rem; font-weight:300;
font-family:var(--main_font); }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(3){ font-size:1.4rem; font-weight:300;
font-family:var(--main_font); }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(4){ margin-top:30px; font-size:2rem; font-weight:bold;
font-family:var(--main_font);}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(5){ margin: 14px 0 0 0; font-size:1.4rem; font-weight:300;
font-family:var(--main_font); }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(6){ font-size:1.4rem; font-weight:300;
font-family:var(--main_font); }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(7){ font-size:1.4rem; font-weight:300;
font-family:var(--main_font); }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(8){ font-size:1.4rem; font-weight:300;
font-family:var(--main_font); }


footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03{ display:flex; justify-content:center; align-items:center;
flex-flow: column wrap; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li{ width:92%; line-height:1.6; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(1){ font-size:2rem; font-weight:bold;
font-family:var(--main_font); }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(2){margin: 20px 0 0 0; font-size:1.4rem; font-weight:300;
font-family:var(--main_font); }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(3){ font-size:1.4rem; font-weight:300;
font-family:var(--main_font); }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(4){ font-size:1.4rem; font-weight:300;
font-family:var(--main_font); }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(5){ font-size:1.4rem; font-weight:300;
font-family:var(--main_font); }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(6){ margin: 20px 0 0 0; font-size:2rem; font-weight:bold;
font-family:var(--main_font); }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(7){ margin: 10px 0 0 0; font-size:1.4rem; font-weight:300;
font-family:var(--main_font); }


footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04{ display:flex; justify-content:center; align-items:start;
flex-flow: column wrap; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li{ width:92%; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li:nth-child(1){ font-size:2rem; font-weight:bold;
font-family:var(--main_font); }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li:nth-child(2){ margin: 20px 0 0 0; font-size:1.4rem; font-weight:300;
font-family:var(--main_font); text-align: justify; word-break: break-all;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li:nth-child(3){ margin: 20px 0 0 0; font-size:1.2rem; font-weight:300;
font-family:var(--main_font);  background-color: #1a1a1a; padding:0 0 4px; text-align: center; width:20%; color:#fff;
}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li:nth-child(4){ margin: 30px 0 0 0; font-size:1.4rem; font-weight:300;
font-family:var(--main_font); }

footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li a{ color:#fff; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li a:hover{ color:#fff; }

footer .qsk_ft03 ul.qsk_ft03_pt02{ width:1200px; margin:40px auto 0; padding-bottom: 30px;
display: flex; justify-content:space-between; align-items: center; flex-flow: row wrap;
font-size: 1.4rem; font-weight: 400; font-family: var(--main_font); color: #adadad;}









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


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

header{ width:92%; }

section.qsk_part01{ width:100%;}
section.qsk_part01 .qsk_ms_gallery{ width:92%; }
section.qsk_part01 ul.qsk_gall_banner{ width:92%; flex-flow: row nowrap;}
section.qsk_part02{ width:100%;}
section.qsk_part02 ul.qsk_ms_btn{ width:100%; justify-content: center;}


section.qsk_part03{ width:100%; }


footer{ width:100%; }
footer .qsk_ft01{ width:100%;}
footer .qsk_ft01 ul.qsk_ft01_4th{ width:86%;}
footer .qsk_ft01 .qsk_ft01_cont{ width:92%; margin:14px auto 0; }


footer .qsk_ft02{ width:100%;}
footer .qsk_ft02 ul.qsk_ft02_2btn{ width:100%;}
footer .qsk_ft02 ul.qsk_ft02_2btn li{ width:48%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01{ width:100%; height:auto;  padding:10px 0; flex-wrap:nowrap; }

footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2){ width:45%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li{ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(1){ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(2){ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02{ height:auto;  width:100%; padding:10px 0; flex-wrap:nowrap; justify-content:space-between; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2){ width:45%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li{ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(1){ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(2){ width:86%; }


footer .qsk_ft03{ width:100%;}
footer .qsk_ft03 ul.qsk_ft03_pt02{ width:100%;}


}



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

#box01 .visual-co p.visual-tx{ width:100%; }
#box01{height:auto;} 

#box01 .hovp { position:fixed; top:0; width:100%;  
    height:auto;  z-index:100; left: 0px;}

#box01 .hovp .tt01{ width:100%; height:80px; margin:0 auto; text-align: center;}

/* 로고파트 */
#box01 .hovp .tt01 h1.fonti-logo{float:left; display:inline; 
    font:bold 3.6rem "Pretendard Variable", Pretendard; color:#fff; margin: 19px 0 0 40px;}
#box01 .hovp .tt01 h1.fonti-logo a:hover{ color: var(--main-a-hover); transition:all .5s;}

#box01 .hovp .bx01-a ul.main>li{ width:90px; }
.main ul.sub01>li { width:90px; }

#box01 .visual-co{ position: absolute;  display:flex; justify-content: center; align-items: center; }
#box01 .visual-co p.visual-tx {width:100%; margin:0 auto 0; text-align: center;
font:bold 5.6rem "Abril Fatface", serif; color:#fff;}
#box01 .visual-co p.visual-tx span.sub-tx{font:100 2.6rem "Abril Fatface", serif; 
    color:#fff; line-height:1.3; }


section.qsk_part01{ width:100%;}
section.qsk_part01 .qsk_ms_gallery{ width:92%; }
section.qsk_part01 ul.qsk_gall_banner{ width:92%; flex-flow: row nowrap;}


section.qsk_part02{ width:100%;}
section.qsk_part02 ul.qsk_ms_btn{ width:100%; justify-content: center;}

section.qsk_part03{ width:100%;}
section.qsk_part03 ul.qsk_part03_th03ms{ width:92%;}
section.qsk_part03 ul.qsk_part03_th03ms li{ width:31.3333%;}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_04{ width:82%;}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_05{ width:46%;}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_04{ width:82%;}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_05{ width:46%;}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_04{ width:82%;}
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_05{ width:46%;}

section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_02{ bottom:31.5%; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_02{ bottom:31.5%; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_02{ bottom:31.5%; }


footer .qsk_ft01 .qsk_ft01_cont{ width:92%; margin:14px auto 0; }
footer{ width:100%; }
footer .qsk_ft01{ width:100%;}
footer .qsk_ft01 ul.qsk_ft01_4th{ width:86%;}

footer .qsk_ft02{ width:100%;}
footer .qsk_ft02 ul.qsk_ft02_2btn{ width:100%;}
footer .qsk_ft02 ul.qsk_ft02_2btn li{ width:48%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01{ width:100%; height:auto;  padding:10px 0; flex-wrap:nowrap; }

footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2){ width:45%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li{ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(1){ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(2){ width:86%; }

footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02{ height:auto;  width:100%; padding:10px 0; flex-wrap:nowrap; justify-content:space-between; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2){ width:45%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li{ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(1){ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(2){ width:86%; }

footer .qsk_ft03{  width:100%;  }
footer .qsk_ft03 ul.qsk_ft03_pt01 li{ width:23%;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(1) ul.qsk_ft03_st01 li{ width:92%; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li{ width:92%; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li{ width:92%; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li{ width:92%; }

footer .qsk_ft03 ul.qsk_ft03_pt02{ width:100%;}


}





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


#box01{height:640px}

/* 텍스트, 박스의 중앙 정렬 */
#box01 .hovp {position: absolute; top:0; }

/* 로고파트 */
#box01 .hovp .tt01 h1.fonti-logo{display:none;}


/* 네비파트 */
#box01 .hovp .tt01 .bx01-a{display:none;}
#box01 .bx01-a ul li{display:inline; float:left; margin: 10px 10px 0 0; padding-left:30px;
font: 100 1.4rem  "Pretendard Variable", Pretendard; color:#fff; line-height:25px;}

/* 비쥬얼 텍스트 */
#box01 .visual-co p.visual-tx {margin:0 auto 0;  font:bold 5.6rem "Abril Fatface", serif; color:#fff;}
#box01 .visual-co p.visual-tx span.sub-tx{ font:100 1.6rem "Abril Fatface", serif; color:#fff; 
line-height:1.3; }



/* 반응형 모바일 네비 적용 (햄버거) */
/* 스크롤 내렸을때 CSS .active */
.hovp-ms.active{ background:rgba(255,255,255,0.8); }
.hovp-ms.active h1.fonti-logo{ color: #1a1a1a; }
.hovp-ms.active h1.fonti-logo a{ color: #1a1a1a !important; }
.hovp-ms.active .hambb span{ background: #1a1a1a;}
    
.hovp-ms.active .hambb.mmh span{ background: #1a1a1a;}
.hovp-ms.active input[id="hamburger"]:checked + label span {background: #1a1a1a;}

.hovp-ms{ display:inline; z-index:1001; top:0; left: 0; position:fixed; 
     width:100%; height:80px;}

.hovp-ms h1.fonti-logo{ float:left; font: bold 3.2rem "Pretendard Variable", Pretendard;
        margin:20px 0 0 24px; z-index:20; letter-spacing: 2px; color:var(--white); }

.hovp-ms h1.fonti-logo a{ color:var(--white); }


.hovp-ms .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: #1a1a1a;}
    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: white; /* opacity: 0.85; */ position:fixed; top: 0;
      /* 원본 left: -100%; */
      left:100%;z-index: 98;transition: all 0.35s; margin-left:390px; }
 
    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:1.6rem;  font-family: var(--main-font-family);
padding-top: 10px; padding-bottom: 10px; padding-left:50px; text-align: left; }
        

.bx-nav a {padding: 0;text-decoration:none; display: block;}
.bx-nav ul.nav_mss{ margin-top:70px }
.bx-nav li a{
display:block; color: #1a1a1a; 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(--main-a-hover);
 padding: 0;margin: 0; border: 0px;}

.bx-nav ul.sub li:hover a {text-decoration: none; color: var(--main-a-hover);
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;}


section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_03{ font-size:2rem; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_03{ font-size:2rem; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_03{ font-size:2rem; }

section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_05{ font-size:1.4rem; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_05{ font-size:1.4rem; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_05{ font-size:1.4rem; }

section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_02{ bottom:38%; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_02{ bottom:38%; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_02{ bottom:38%; }


footer .qsk_ft02 ul.qsk_ft02_2btn{ flex-direction:column; gap:20px; margin-bottom: 40px;}
footer .qsk_ft02 ul.qsk_ft02_2btn li{ width:100%; }

footer .qsk_ft01 .qsk_ft01_title{ font-size:2.6rem; width: 50%; margin: 0 auto; line-height: 1.4;}
footer .qsk_ft01 .qsk_ft01_cont{ font-size:1.4rem; }
footer .qsk_ft01 ul.qsk_ft01_4th{ width:70%; }
footer .qsk_ft01 ul.qsk_ft01_4th li{ width:100px; height:100px; }
footer .qsk_ft01 ul.qsk_ft01_4th li:nth-child(1) p.qsk_ft01_4th_tt{ font-size:2.4rem; margin-top:14px;}
footer .qsk_ft01 ul.qsk_ft01_4th li:nth-child(2) p.qsk_ft01_4th_tt{ font-size:2.4rem; margin-top:14px; }
footer .qsk_ft01 ul.qsk_ft01_4th li:nth-child(3) p.qsk_ft01_4th_tt{ font-size:2.4rem; margin-top:14px; }
footer .qsk_ft01 ul.qsk_ft01_4th li:nth-child(4) p.qsk_ft01_4th_tt{ font-size:2.4rem; margin-top:14px; }

footer .qsk_ft02{ height:auto; }

footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01{ height:auto; padding:0;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02{ height:auto; padding:0;}

footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2){ width:45%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li{ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(1){ width:86%; font-size: 1.4rem;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(2){ width:86%; }


footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2){ width:45%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li{ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(1){ width:86%; font-size: 1.4rem;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(2){ width:86%; }


footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01{ width:86%; margin:0 auto;  flex-flow: unset;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(1){ width:60%;  }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01{ justify-content:space-between; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02{ width:86%; margin:0 auto;  flex-flow: unset;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(1){ width:60%;  }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02{ justify-content:space-between; }

footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(1) ul.qsk_ft03_st01 li:nth-child(1){ font-size:2.4rem; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(1) ul.qsk_ft03_st01 li:nth-child(2){ font-size:1.4rem; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(1) ul.qsk_ft03_st01 li:nth-child(3){ font-size:1.4rem; }

footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(1){ font-size:1.7rem; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(2){ font-size:1.4rem; line-height: 2;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(3){ font-size:1.4rem; line-height: 2;}


footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(4){ font-size:1.7rem; line-height: 2;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(5){ font-size:1.4rem; line-height: 2;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(6){ font-size:1.4rem; line-height: 2;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(7){ font-size:1.4rem; line-height: 2;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(8){ font-size:1.4rem; line-height: 2;}

footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(1){ font-size:1.7rem; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(2){ font-size:1.4rem; line-height: 2;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(3){ font-size:1.4rem; line-height: 2;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(4){ font-size:1.4rem; line-height: 2;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(5){ font-size:1.7rem; line-height: 2;}
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(6){ font-size:1.4rem; line-height: 2;}



footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li:nth-child(1){ font-size:1.7rem; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li:nth-child(2){ font-size:1.4rem; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li:nth-child(4){ font-size:1.4rem; }
footer .qsk_ft03 ul.qsk_ft03_pt02{ width:92%; font-size:1.2rem; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li{ width:36%; }

footer .qsk_ft03 ul.qsk_ft03_pt02{ width: 92%; font-size: 1.2rem; margin-top: 50px; 
    justify-content: center;gap: 40px; }


footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04{ margin-top:20px; margin-left:14px; }


}


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

    #box01, #box02, #box03, #box04, #box05, #box06 { float:none; }

    #box01{height:640px}

        /* 텍스트, 박스의 중앙 정렬 */
    #box01 .hovp {position: absolute; top:0; }

    #box01 .hovp .bx01-a h1{float:left;font:bold 2.6rem "Abril Fatface", serif; color:#fff; 
    margin: 14px 30px 0 30px; letter-spacing: 4px;}
    #box01 .hovp .bx01-a ul li{display:none;}


    .hovp-ms{z-index:200;} 

    .hovp-ms h1.fonti-logo{float:left; font:bold 3.2rem "Pretendard Variable", Pretendard;
        margin:20px 0 0 24px; z-index:20; letter-spacing: 2px}

    #box01 .visual-co p.visual-tx {margin:0 auto 0;  font:bold 4.5rem "Abril Fatface", serif; color:#fff;}
    #box01 .visual-co p.visual-tx span.sub-tx{ font:100 1.4rem "Abril Fatface", serif;
        color:#fff;  line-height:1.3;}

    #box02 .main-md01{ display:none; }
    #box02 .main-md02{ display:inline; width:100%;}
    #box02 .main-md02 ul li{display:block; float:none; width:84%; margin: 30px auto 0;
    box-sizing: border-box;}



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

    .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:1.6rem;  font-family: var(--main-font-family);
        padding-top: 10px; padding-bottom: 10px; padding-left:50px; text-align: left; }
        

    .bx-nav a {padding: 0;text-decoration:none; display: block;}
    .bx-nav ul.nav_mss{ margin-top:70px }
    .bx-nav li a{
        display:block; color: #1a1a1a; 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(--main-a-hover);
     padding: 0;margin: 0; border: 0px;}

    .bx-nav ul.sub li:hover a {text-decoration: none; color: var(--main-a-hover);
     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;}


}




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


/*
section.qsk_part01 ul.qsk_gall_banner{ margin:0 auto 14px; 
    display: flex; justify-content: center; align-items: center; flex-flow: column wrap; 
    flex-shrink: 1; gap:14px;}

section.qsk_part01 ul.qsk_gall_banner li:nth-child(1){ width:86%; }
section.qsk_part01 ul.qsk_gall_banner li:nth-child(2){ width:86%; margin:0 auto 0; text-align: center;}
section.qsk_part01 ul.qsk_gall_banner li:nth-child(1) .qc_about_mov{ max-width:100%; }
*/


section.qsk_part01{ margin: 50px auto 50px; }

section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_02{ bottom: unset; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_02{ bottom: unset; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_02{ bottom: unset; }

section.qsk_part03 ul.qsk_part03_th03ms li{ width:48%; }

section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_04{ width:92%; letter-spacing: -1px; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_04{ width:92%; letter-spacing: -1px; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_04{ width:92%; letter-spacing: -1px; }



footer .qsk_ft01 .qsk_ft01_cont{ width:86%; line-height:1.65; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01{ height:auto; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02{ height:auto; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2){ width:45%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li{ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(1){ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(2){ width:86%; }

footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2){ width:45%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li{ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(1){ width:86%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(2){ width:86%; }


footer .qsk_ft03 ul.qsk_ft03_pt01 li{ width:86%; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(1) ul.qsk_ft03_st01{ margin-bottom:30px; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(3) ul.qsk_ft03_st03 li:nth-child(1){ margin-top:30px; }


footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04{ margin-top: 0; margin-left:0; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li:nth-child(1){ margin:30px auto 0; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li:nth-child(2){ margin:0 auto 0; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li:nth-child(3){ width:14%; padding-top:4px; margin-left:14px; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li:nth-child(4){ margin: 30px auto 0; }


footer .qsk_ft03 ul.qsk_ft03_pt02{ margin-top:30px;}




}



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


section.qsk_part01{ margin: 50px auto 50px; }
section.qsk_part01 ul.qsk_gall_banner{ margin:0 auto 14px; 
    display: flex; justify-content: center; align-items: center; flex-flow: column wrap; 
    flex-shrink: 1; gap:14px;}

section.qsk_part01 ul.qsk_gall_banner li:nth-child(1){ width:86%; }
section.qsk_part01 ul.qsk_gall_banner li:nth-child(2){ width:86%; margin:14px auto 0; text-align: center;}
section.qsk_part01 ul.qsk_gall_banner li:nth-child(1) .qc_about_mov{ max-width:100%; }




section.qsk_part02 h3.qsk_part02_title{ font-size:2.65rem; }
section.qsk_part02 p.qsk_part02_cont{ font-size:1.4rem; }

section.qsk_part01 ul.qsk_gall_banner{ flex-direction:column; }
footer .qsk_ft03 ul.qsk_ft03_pt02{ gap:14px; }

section.qsk_part03 p.qsk_part03_stitle{ font-size:1.4rem; line-height:1.65rem;}
section.qsk_part03 h3.qsk_part03_title{ font-size:2.65rem; }
section.qsk_part03 p.qsk_part03_cont{ font-size:1.4rem; line-height:1.65rem; }



footer{ height:670px; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01{ flex-direction:column;  padding:0;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(1){ width:100%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2){ width:92%; margin-top:20px; }

footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02{ flex-direction:column; padding:0;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(1){ width:100%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2){ width:92%; margin-top:20px; }


footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(3){ margin-bottom:20px; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(3){ margin-bottom:20px; }

footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(1) img{ width:100%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(1) img{ width:100%; }



}




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

#box01{ height:613px; }
#box01 video.pcv001{ display:none; }
#box01 video.mv002{ display:block; height:730px;}


.hovp-ms h1.fonti-logo{  font: bold 3.6rem "Pretendard Variable", Pretendard;
margin: 20px 0 0 24px;  letter-spacing: -1px;}

#box01 .visual-co{ display:none; }


section.qsk_part01{ margin-top:120px; margin-bottom: 60px;}
section.qsk_part01 ul.qsk_gall_banner li{ width:92%; }

section.qsk_part02 h3.qsk_part02_title{ font-size:2.65rem; }
section.qsk_part02 p.qsk_part02_cont{ font-size:1.4rem; }

section.qsk_part01 ul.qsk_gall_banner{ flex-direction:column; }
footer .qsk_ft03 ul.qsk_ft03_pt02{ gap:14px; }




section.qsk_part03 p.qsk_part03_stitle{ font-size:1.4rem; line-height:1.65rem;}
section.qsk_part03 h3.qsk_part03_title{ font-size:2.65rem; letter-spacing: -1px;}
section.qsk_part03 p.qsk_part03_cont{ font-size:1.4rem; line-height:1.65rem; }

section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_03{ font-size:1.8rem; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_03{ font-size:1.8rem; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_03{ font-size:1.8rem; }


section.qsk_part02 ul.qsk_ms_btn li:nth-child(1) ul.hh01 li:nth-child(1) ul.hh01_01{ flex-flow: unset; }
section.qsk_part02 ul.qsk_ms_btn li:nth-child(2) ul.hh02 li:nth-child(2) ul.hh02_02{ flex-flow: unset; }

section.qsk_part02{ padding-bottom:60px; }
section.qsk_part02 h3.qsk_part02_title{ padding-top:60px; letter-spacing: -1px;}
section.qsk_part02 ul.qsk_ms_btn{ width:92%; }

section.qsk_part03{ margin-top: 60px; margin-bottom:40px; }



footer .qsk_ft01 .qsk_ft01_cont{ line-height:1.5; }
footer .qsk_ft01 .qsk_ft01_title{ width:70%;  }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01{ flex-direction:column;  padding:0;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(1){ width:100%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2){ width:92%; margin-top:20px; }

footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02{ flex-direction:column; padding:0;}
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(1){ width:100%; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2){ width:92%; margin-top:20px; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(3){ width:16%; margin-bottom:20px; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(3){ width:16%; margin-bottom:20px; }


footer .qsk_ft03{ margin-top:60px; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(2){ font-size:1.4rem; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(4){ font-size:1.7rem; }
footer .qsk_ft03 ul.qsk_ft03_pt02{ font-weight:bold; }


}


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

    #box01{height:640px}
    #box01 .hovp {position: absolute;  top: 0; }
    #box01 .hovp .bx01-a{display:none;}

    .hovp-ms{z-index:200;} 

    .hovp-ms h1.fonti-logo{float:left; font:bold 3.2rem"Pretendard Variable", Pretendard;
        margin:20px 0 0 24px; z-index:20; letter-spacing: -2px;}

    /* 비쥬얼 텍스트 */
    #box01 .visual-co p.visual-tx {margin:0 auto 0;  font:bold 4.6rem "Abril Fatface", serif; color:#fff;}
    #box01 .visual-co p.visual-tx span.sub-tx{ font:100 1.4rem "Abril Fatface", serif; 
        color:#fff; line-height:50px;}
  
    div[class="bx-nav"] {
    width: 100%; height: 100%; background: white; /* opacity: 0.85; */ position:fixed; top: 0;
    /* 원본 left: -100%; */
    left:100%;z-index: 98;transition: all 0.35s; margin-left:120px; }


footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(2){ font-size:1.4rem; }    

}






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


.hovp-ms h1.fonti-logo{ font-size:2.8rem;  margin:23px 0 0 24px;}


section.qsk_part02 h3.qsk_part02_title{ font-size:2.35rem; }
section.qsk_part03 h3.qsk_part03_title{ font-size:2.35rem; }

section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_03{ font-size:1.4rem; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_03{ font-size:1.4rem; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_03{ font-size:1.4rem; }

section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_05{ font-size:1rem; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_05{ font-size:1rem; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_05{ font-size:1rem; }

section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(1) .th03ms_04{ font-size:1.2rem; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(2) .th03ms_04{ font-size:1.2rem; }
section.qsk_part03 ul.qsk_part03_th03ms li:nth-child(3) .th03ms_04{ font-size:1.2rem; }


footer .qsk_ft01 .qsk_ft01_title{ width:70%; }


}
        




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


.hovp-ms h1.fonti-logo{ font-size: 2.5rem; }
#box01 .visual-co p.visual-tx span.sub-tx{font-size: 1.6rem;}


footer{ height:930px; }
footer .qsk_ft01 .qsk_ft01_title{ width:80%; }

footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(1) ul.qsk_ft02_2btn_a01 li:nth-child(2) ul.qsk_ft02_2btn_a01_01 li:nth-child(1){ font-size:1.4rem; }
footer .qsk_ft02 ul.qsk_ft02_2btn li:nth-child(2) ul.qsk_ft02_2btn_a02 li:nth-child(2) ul.qsk_ft02_2btn_a02_01 li:nth-child(1){ font-size:1.4rem; }
footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(2) ul.qsk_ft03_st02 li:nth-child(2){ font-size:1.4rem; }

footer .qsk_ft03 ul.qsk_ft03_pt01 li:nth-child(4) ul.qsk_ft03_st04 li:nth-child(2){ margin:10px auto 0; line-height:1.6; }



}