@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Pretendard';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}


/* ===== 팝업영상 ===== */
.popup_wrap_mov { width: 100px;}
._mov_popup {display:none; position: fixed; top:0%; left:0%; height:100%; width:100%; padding:0; z-index:9999; }
._mov_popup .lecinfo_pl_bg {position:fixed; top:0; left:0; height:100%; width:100%; z-index:2; background:#000; opacity:.5; filter:alpha(opacity=50)} /*영상마스트 bg*/
._mov_popup .lecinfo_pl_con {position:relative; overflow:hidden; z-index:11; padding:0;  top:50%; left:50%;  transform: translate(-50%, -50%); width:100%; max-width:800px; background:#000; }
._mov_popup .lecinfo_pl_con > #viewSampleIframe {position: relative; width: 100%; height: 0; padding-bottom: 56.25%;}
._mov_popup .lecinfo_pl_con > #viewSampleIframe iframe { position: absolute; width:100%; height:100%; left: 0; top:0;}
._mov_popup .pop_tit {height:45px; padding-left:20px; padding-right:60px;
    box-sizing: border-box; font-family:'dotum'; font-size:16px; line-height:43px; color:#fff; text-align:left; background:#222222 ;
    display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
._mov_popup .pl_btn {display:block; position:absolute; top:0; right:0; }

@media screen and (min-width:640px) {
    ._mov_popup .lecinfo_pl_con {top:100px; left:50%; transform: translateX(-50%); width: 100%; max-width:900px; background:#000;} /*가로비율이 넓을때 임시*/
}

/* ===== 영상 ===== */
.wel_wrap .mov_area { position: relative; height: 0; padding-bottom: 56.25%;  background: #000;}
.wel_wrap .mov_area iframe {position: absolute; width:100%; height:100%; left: 0; top: 0;}
.wel_wrap .mov_area iframe.on-tab-pause {display:none;}
.wel_wrap .mov_area img { width: 100%;}
.wel_wrap .ico_play a { position: relative; display: block;}
.wel_wrap .ico_play a::before {content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10vw; height: 10vw; max-width: 60px; max-height: 60px; background: url(https://eduon.com/images/brand/yst/pc_2019/event/231019_jane/ico_play.png) ; background-size: cover; z-index: 0;}
.wel_wrap .ico_play a img { width: 100%;}
.wel_wrap .col.interview { position: relative;}
.wel_wrap .mov_list_inner  {  margin: 0 auto;}
.wel_wrap .mov_list_inner .video-container { border-radius: 0px; overflow: hidden; }
.wel_wrap .mov_list_inner .video-container > a {display: block; position: relative; }
.wel_wrap .mov_list_inner .video-container > a.hide {display: none;}
.wel_wrap .mov_list_inner .video-container > a::after { content: ""; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10vw; height: 10vw; max-width: 60px; max-height: 60px; background: url(https://eduon.com/images/brand/yst/pc_2019/event/231019_jane/ico_play.png) ; background-size: cover; z-index: 0;}
.wel_wrap .mov_list_inner .video-container > a img { width: 100%; margin: 0; padding: 0; border: 0;}
.wel_wrap .col_mov { width: 100%;}
.wel_wrap .area_mov { position: relative; height: 0; padding-bottom: 56.25%; }
.wel_wrap .area_mov iframe {position: absolute; width:100%; height:100%; left: 0; top: 0;}
.wel_wrap .area_mov iframe.on-tab-pause {display:none;}
.wel_wrap .area_mov img { width: 100%;}

/* 슬라이드 */
.wel_wrap .bx-controls-direction { }
.wel_wrap .bx-controls-direction a { position:absolute; top:50%; transform:translateY(-50%); z-index:100; display: block; width: 70px ;  height: 100px; text-align: center; z-index: 1;  }
.wel_wrap .bx-controls-direction a::before {display: block; font-size: 2em; line-height: 100px; color:rgba(0, 0, 0, 0.2); font-family: 'xeicon'; text-indent: 0;}
.wel_wrap .bx-controls-direction a:hover::before { color:rgba(0, 0, 0, 0.5); }
.wel_wrap .bx-controls-direction a.prev_btn { left:-10px; }
.wel_wrap .bx-controls-direction a.next_btn { right:-10px; }
.wel_wrap .bx-controls-direction a.prev_btn::before { content: "\e93b"; }
.wel_wrap .bx-controls-direction a.next_btn::before { content: "\e93e"; }
@-webkit-keyframes fade-out-half { 0% { opacity: 1; } 100% { opacity: 0.5; } }
@keyframes fade-out-half { 0% { opacity: 1; } 100% { opacity: 0.5; } }
@-webkit-keyframes fade-in-half { 0% { opacity: 0.5; } 100% { opacity: 1; } }
@keyframes fade-in-half { 0% { opacity: 0.5; } 100% { opacity: 1; } }
.wel_wrap .bx-wrapper .bx-pager.bx-default-pager { bottom: -30px;}
.wel_wrap .bx-wrapper .bx-pager.bx-default-pager a {background:#000; opacity: 0.1; border:none;}
.wel_wrap .bx-wrapper .bx-pager.bx-default-pager a.active,
.wel_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover { opacity: 0.5; }
.wel_wrap .bx-wrapper { width: 100%; margin: 0 auto; }
.wel_wrap .bx-wrapper .bx-viewport { /*overflow:inherit !important;*/ }

/* ===== 레이아웃 ===== */
.wel_wrap { width: 100%; font-size: 18px; line-height: 160%; word-break: keep-all; font-family:'Pretendard'; font-weight: 400; color: #111; /*min-width: 1200px; */ word-break: keep-all; }
.wel_wrap img {width: 100%;  vertical-align: top; margin: 0 auto; padding: 0; text-align: center;}
.wel_wrap a, .wel_wrap a:hover { text-decoration: none; color: #111;}
.wel_wrap div { box-sizing: border-box;}
.wel_wrap .inner {position: relative; margin: 0 auto; /*min-width: 1200px; */ }
.wel_wrap .header { overflow: hidden; position: relative; background: url(https://eduon.com/images/brand/yst/pc_2019/event/2025/250923_wel/top_bg.jpg) center top no-repeat #bdd5fb; line-height: 150%;  }
.wel_wrap .header > .inner { display: flex; flex-direction: column ; margin: 0 auto; padding: 100px 0; align-items: center;}
.wel_wrap .sub { width: 100%; padding-bottom: 100px; min-height: 800px; box-sizing: border-box;}
.wel_wrap .sub > .inner { max-width: 1080px; margin: 0 auto; padding: 80px 0;}

/* ===== 헤더 ===== */
.header h1 { position: absolute; left: 30px; top: 30px; z-index: 1;}
.header h1 a { display: block;} 
.header h1 a img { max-width:123px ; }
.header .col.no01 { text-align: center; color: #101d41; font-size:28px ; line-height: 150%; font-weight: 600;}
.header .col.no02 {position: relative; display: flex; align-items: center; justify-content: center;}
.header .col.no02 > div:nth-child(1) .img_pc{ max-width:725px ; }
.header .col.no02 > div:nth-child(1) .img_m { display: none; max-width:600px ; padding:5.6vw 0;}g_
.header .col.no02 > div:nth-child(2) { max-width:278px ;}
.header .col.no03 {text-align: center; font-size:21px ; line-height: 150%;}
.header .col.no03 br:nth-child(1) { display: none;}
.header .col.no04 {margin-top: 35px; }
.header .col.no04 ul { display: flex; max-width:1150px; flex-wrap: wrap; align-items: center; justify-content: center}
.header .col.no04 ul li { margin: 5px 2px; }
.header .col.no04 ul li a {  display: inline-block;  padding: 8px 20px ; line-height: 150%; font-size: 21px;  color: #1f77f3 ;  
    background: rgba(255, 255, 255, 0.8); border-radius: 26px ; border:1px solid rgba(31, 119, 243, 0.6); letter-spacing: -1px;}
.header .col.no04 ul li a:hover { color:#ff3232;  border:1px solid #ff3232; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1);}
.header .col.no04 ul li.on {color:#ff3232;  border:1px solid #ff3232; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); }

/* ===== 네비 ===== */
.box_tab {position: static;  background:#e7f0ff ; overflow: hidden; width: 100%;}
.box_tab.fixed { position:fixed; z-index: 1; left: 0 ; top:0;}
.box_tab .inner {max-width: 1150px; overflow-x: auto; }
.box_tab ul { display: flex; align-items: center; justify-content: center; min-width: 480px;}
.box_tab ul li { flex-grow: 1;}
.box_tab ul li a { display: block; background:#e7f0ff ; padding: 20px 5px ; font-size: 21px;  color: #7b879d; font-weight: 600; text-align: center; box-sizing: border-box;}
.box_tab ul li a:hover {   color: #000; background: #d8e7ff; border-radius: 10px 10px 0 0 ;}
.box_tab ul li.on a, .box_tab ul li.on a:hover {  background: #101d41; color: #fff;  border-radius: 10px 10px 0 0 ;}

/* ===== 서브 공통 ===== */
.sub h3 { text-align: center; font-size: 36px; font-weight: 800; }
.sub h3 i { vertical-align: -2px;}
.sub .btn_s { margin: 30px 0;}
.sub .btn_s a { color: #111; font-size: 16px; padding: 10px 20px; border:1px solid #888; margin:30px 0; border-radius: 2px;}
.sub .btn_s a:after { display: inline-block ; content: "\e93f"; font-family: 'xeicon'; color: #111; vertical-align: -1px;}
.sub .btn_s a:hover {  border:1px solid #000;}
.sub .ico_mark {  position: relative;  padding-left: 15px;/* 별표 들어갈 공간 확보 */ text-indent: -15px;/* 첫 줄 들여쓰기 조정 */}
.sub .ico_mark::before { content: "* ";}
.sub .img_area { border: 1px solid #f0f0f0; overflow-x: auto; margin: 20px 0; text-align: center; padding: 10px;}
.sub .img_area img { width: 100%; max-width: 920px; min-width: 600px; }
.sub .tb_basic {width: 100%;  overflow-x: auto; margin-bottom: 30px;}
.sub  table { width: 100%; }
.sub  table tr th { text-align: center; font-weight: 600; background: #f9f9f9;  border: 1px solid #e5e5e5 ; margin: 0;  padding: 15px 5px ; line-height: 150%;}
.sub  table tr td { text-align: center; border: 1px solid #e5e5e5 ; padding:10px 15px ; line-height: 150%;}

/* 질문대답 */
.sub .faq-controls { text-align: right; margin: 0 40px 30px 0;}
.sub .faq-controls #toggleAll { color: #111; font-size: 16px;  color: #111; }
.sub .faq-controls #toggleAll::after { content: "열기 \e943"; /* 기본: 닫힌 상태 */ font-family: 'xeicon'; display: inline-block;}
.sub .faq-controls #toggleAll.on::after {content: "닫기 \e944";  /* 열린 상태 */  font-family: 'xeicon'; display: inline-block; }
.sub dl.faq > dt            { display: block; position: relative; padding: 20px 40px 20px 90px; font-size: 21px; background: #fafafc; font-weight: 600; margin-bottom: 2px; line-height: 150%;}
.sub dl.faq > dt:hover      { cursor: pointer; background: #f5f5f8; }
.sub dl.faq > dt.on         { background: #eef3fb}
.sub dl.faq > dt.on::before { background:#ff8564 } 
.sub dl.faq > dt::before    { position: absolute; left: 40px; top:15px; display: block; content: "Q"; font-size:21px ; width: 36px; height: 36px; line-height: 36px;  min-width: 36px; border-radius: 18px; color: #fff; overflow: hidden ; background:#c9cdd6 ; text-align: center;  font-weight: 600;}
.sub dl.faq > dt::after     { content: "\e943";  /* 기본: 닫힌 상태 */  position: absolute; right: 40px; top: 50%; transform: translateY(-50%);font-size: 14px; color: #666; transition: transform 0.3s, content 0.3s; font-family: 'xeicon';}
.sub dl.faq > dt.on::after  { content: "\e944";  /* 열린 상태 */ color: #000; font-family: 'xeicon';}
.sub dl.faq > dd            { display: none;  position: relative; padding: 40px 40px 100px 90px; font-size: 18px; background: #ffffff; line-height: 150%;}
.sub dl.faq > dd::before    { position: absolute; left: 40px; top:35px; display: block; content: "A"; font-size:21px ; width: 36px; height: 36px; line-height: 36px;  min-width: 36px; border-radius: 18px; color: #fff; overflow: hidden ;  background: #1f77f3; text-align: center;  font-weight: 600;}
.sub dl.faq dd .col_tit {display: block; margin-bottom: 15px; font-size: 21px; line-height: 150%; word-break: keep-all; }
.sub dl.faq dd .col_titm { margin-top: 20px; display: block;}
.sub dl.faq dd b { font-weight: 600;}
.sub dl.faq ul {}
.sub dl.faq ul > li {position: relative; padding-left: 12px; margin:2px 0;}
.sub dl.faq ul > li::before {position: absolute; left: 0; top: 11px; content:""; display: block;width: 3px; height: 3px ; background: #000; border-radius: 2px; overflow: hidden;}
.sub dl.faq ol > li { position: relative; padding-left: 30px; margin:2px 0;}
.sub dl.faq ol > li span {display: block; position: absolute; left: 0; top: 0; font-weight:600 ; color: #4da3ff; } 

/* ===== 서브_01시험관련 ===== */
.faq_con .tb_basic tr td { font-size: 16px; padding: 8px 15px;}
.sub dl.faq .col_linebox {margin: 30px 0; border: 1px solid #e5e5e5; padding: 30px; background: #f7f8f9; font-size: 16px;}
.sub dl.faq ul.ico_num li {position: relative;  padding-left: 14px;/* 아이콘 영역 확보 */ text-indent: -14px;/* 첫 줄 당겨오기 */ margin-left: 8px;}
.sub dl.faq ul.ico_num li span { display: inline-block; width: 14px;/* 고정 폭으로 숫자 자리 확보 */ text-align: center;    /* 숫자 가운데 정렬 */}
.sub dl.faq ul.ico_num > li::before { display: none; }
.sub dl.faq ul.ico_num + ul { padding-left: 10px;}
.sub dl.faq ul.mjl li {margin-left: 10px;}

/* 차트 */
.sub dl.faq .chart_col {position: relative;  margin-bottom: 80px; }
.sub dl.faq .chart_col > div { overflow-x: auto; width: 100%; }
.sub dl.faq .chart_col > div .chart_area { min-width: 480px; }
.sub dl.faq ul.chart_legend {display: flex; align-items: center; vertical-align: middle; justify-content: flex-end; flex-wrap: wrap;  }
.sub dl.faq ul.chart_legend > li {display: flex; align-items: center; vertical-align: middle; margin:0 20px 0 0; font-size: 14px; padding-left: 0;}
.sub dl.faq ul.chart_legend > li:last-child { margin-right: 0px;}
.sub dl.faq ul.chart_legend > li::before { position: static; display: block; content: "" ; width: 10px; height: 10px ; vertical-align: middle; margin-right: 8px;}
.sub dl.faq ul.chart_legend > li:nth-child(1)::before { background:#ff7979; width: 10px; height: 10px ; }
.sub dl.faq ul.chart_legend > li:nth-child(2)::before { background:#2d62be; width: 10px; height: 10px ;}
.sub dl.faq ul.chart_legend > li:nth-child(3)::before { background:#87cfdf;width: 10px; height: 10px ;}

/* 커트라인*/
.box_search { display: flex;align-items: center; margin-bottom: 30px;}
.box_search .total_num { font-weight: 600; padding-right: 10px; font-size: 21px;}
.box_search select.select {
    width: fit-content;
    min-width: 100px;
    font-weight: 600;
    box-sizing: border-box;
    font-size: 18px;
    color: #333;
    background: url(https://eduon.com//images/brand/army/pc_2019/common/select.png) no-repeat calc(100% - 10px) center;
    border: 1px solid #000000;}
.faq_con > div { display: none;}  
.faq_con > div.ov { display: block;}  

/* ===== 서브_02강좌수강 ===== */
.sub dl.faq .pro_intro { margin-top: 30px; overflow-x: auto; padding-bottom: 10px;}
.sub dl.faq .pro_intro ul { display: flex; justify-content: space-between;}
.sub dl.faq .pro_intro ul li::before { display: none;}
.sub dl.faq .pro_intro ul li { flex-grow:1 ; box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.1); border-radius: 10px; overflow: hidden; min-width: 250px ; padding: 0; margin: 0 10px 0;}
.sub dl.faq .pro_intro ul li img { width: 100%; }
.sub dl.faq .pro_intro ul li > div:nth-child(1) { display: flex; justify-content: center; align-items: center; padding: 20px 10px; background: #f5f5f5; }
.sub dl.faq .pro_intro ul li > div:nth-child(1) > .box_img {position: relative; width: 80px; height: 80px; border-radius: 40px; overflow: hidden;  background: #919498; margin-right: 10px;} /*선생님이미지*/
.sub dl.faq .pro_intro ul li > div:nth-child(1) > .box_img img { position: absolute; left: 50%; top: 1%; transform: translateX(-50%); width: 170%; }
.sub dl.faq .pro_intro ul li > div:nth-child(1) .pro_name { font-size:24px; font-weight: 600; color: #111;}
.sub dl.faq .pro_intro ul li > div:nth-child(1) a { color: #666; margin-left: 10px; background: #fff; width: 40px; height: 40px; border-radius: 20px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.sub dl.faq .pro_intro ul li > div:nth-child(2) { padding: 30px ; text-align: center;}
.sub dl.faq .pro_intro ul li > div:nth-child(2) p { font-size: 20px; font-weight: 700;}
.sub dl.faq .pro_intro ul li > div:nth-child(2) span {  display: inline-block; background: #f5f5f5; padding: 5px 10px ;border-radius: 10px; font-size: 14px; margin: 10px 0}
.sub dl.faq .pro_intro ul li > div:nth-child(2) em { display: block; margin-bottom: 20px;}
.sub dl.faq .pro_intro ul li > div:nth-child(2) > div { display: flex; justify-content: center;}
.sub dl.faq .pro_intro ul li > div:nth-child(2) a { display: block; font-size: 16px; margin: 0 10px; color: #1f77f3;}
.sub dl.faq .pro_intro ul li > div:nth-child(2) a::after { content: "\e93f"; font-family: 'xeicon'; vertical-align: -1px;}
.sub dl.faq .pro_intro ul li > div:nth-child(2) a:hover { text-decoration: underline;}
.sub dl.faq .pro_intro ul li > div:nth-child(2) a:nth-child(4) { color: #1f77f3; }
.sub dl.faq .list_pro > ul { display: flex; list-style-type:none; flex-wrap: wrap;}
.sub dl.faq .list_pro > ul > li {list-style-type: none; min-width: 23%;  margin:0 1% 20px 0; padding: 0;}
.sub dl.faq .list_pro > ul > li::before { display: none;}
.sub dl.faq .list_pro > ul > li > a { position: relative; display: block; padding: 20px 40px 20px 20px; color: #111; box-sizing: border-box; border-radius: 10px; overflow: hidden;}
.sub dl.faq .list_pro > ul > li > a::after {  position: absolute; right: 15px; top: 50% ;  transform: translateY(-50%); content: "\e93e";  color: #999; font-family: 'xeicon';}
.sub dl.faq .list_pro > ul > li > a { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);}
.sub dl.faq .list_pro > ul > li > a:hover { color: #1f77f3; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);}
.sub dl.faq .list_pro > ul > li > a:hover::after { color:#1f77f3; } 

/* ===== 서브_04학습방법 ===== */
.sub dl.faq .list_mov { overflow-x: scroll; margin-top: 20px;}
.sub dl.faq .list_mov > ul {width: fit-content; padding-left: 0; display: flex; min-width: calc( 300px * 5); padding-bottom: 10px;}
.sub dl.faq .list_mov > ul li { padding-left: 0; margin-right: 10px;}
.sub dl.faq .list_mov > ul li::before { display: none;}
.sub dl.faq .list_mov > ul li a { display: block;}
.sub dl.faq .list_mov > ul li a img {width: 100%; }

/* ===== 아웃트로 ===== */
.box.end {padding: 80px 0 0 0 ; max-height: 550px; background: url(https://eduon.com/images/brand/yst/pc_2019/event/2025/250923_wel/end_bg.jpg) repeat-x center top #2e5087; background-size: cover; font-size: 26px; color: #fff; text-align: center; line-height: 150% ; word-break: keep-all; overflow: hidden; font-weight: 300;}
.box.end .inner span {  }
.box.end .inner p {font-size: 30px; font-weight: 800; padding: 20px 10px; margin: 0; letter-spacing: -0.5px;}
.box.end .col.no01 > .img_pc img { width: 100%; max-width: 770px;}
.box.end .col.no01 > .img_m { display: none;}
.box.end .col.no01 > .img_m img { width: 90%; max-width: 560px;}

/* ===== 하단 푸터 영역 ===== */
.footer_wrap .top_anchor{position: fixed; right:50%; bottom:32px;z-index: 9999; margin-right: -20px;}
.footer_wrap .top_anchor > a{display: block; width:40px; height:40px; line-height: 40px; background: #fff; border-radius: 100%; text-align: center;box-shadow: 0.3em 0.3em 0.5em 0px rgba(0, 0, 0, 0.3);}
.footer_wrap .top_anchor > a i { color: #666;}
.footer_wrap .hidden { display: none !important;}
.footer_wrap .main_customer{  width: 100%;  margin: 0 auto; padding:3em 4.17vw; background: #fff; font-size:1em; border-top: 1px solid #e5e5e5;}
.footer_wrap .main_customer > a.customer_nubmer{ cursor: default; display: block; text-align: center; color:#5e5e5e; line-height: 1; margin-bottom: 2em;}
.footer_wrap .main_customer > a.customer_nubmer > b{display: block; font-size:1.5em; color:#000; margin-bottom: 0.7em;}
.footer_wrap .main_customer > a.customer_nubmer > span { font-size:1em;}
.footer_wrap .main_customer > a.customer_nubmer:hover span { color:#5e5e5e;;}
.footer_wrap .customer_link {display: flex; max-width: 1080px; margin: 0 auto;}
.footer_wrap .customer_link > a { display: block; color: #666; border: 1px solid #e5e5e5; border-right: 0;  font-size: 18px; font-weight: 600; flex: 1; text-align: center; padding: 10px 0;}
.footer_wrap .customer_link > a:hover { color: #111;}
.footer_wrap .customer_link > a:last-child {border: 1px solid #e5e5e5;}
.footer_wrap .customer_link > a:first-child {margin-right: 0px;}
.footer_wrap .copyright { padding: 20px ; background: #f5f6f7; font-size: 14px; color: #888; text-align: center;} 

@media screen and (max-width: 1080px) {
    .box.end {  padding: 11.11vw 4.17vw 0 4.17vw ; max-height: fit-content; }
}

@media screen and (max-width: 768px) {
    .wel_wrap .header > .inner { padding: 15.3vw 0;}
    .header h1 { left: 4.17vw; top:  4.17vw; }
    .header h1 a img { max-width:70px; }
    .header .col.no01 { font-size: 24px;}
    .header .col.no04 ul li a  { font-size: 17px;}
    .header .col.no02 > div:nth-child(1) .img_pc{ display: none; }
    .header .col.no02 > div:nth-child(1) .img_m { display: block; width: 80%;}
    .header .col.no02 > div:nth-child(2) {position: absolute; left: 50% ; top: 0; z-index: -1; transform: translateX(30%);}
    .header .col.no02 > div:nth-child(2) img { width: 80%;}
    .box_tab ul li a { font-size: 18px; padding: 20px 0;}
    .wel_wrap .sub { padding-bottom: 6.94vw;    min-height: auto;}
    .wel_wrap .sub > .inner { padding:16.67vw 0; }
    .wel_wrap .sub h3 { font-size: 30px;}
    .sub dl.faq > dt { padding: 20px 35px 20px 65px;}
    .sub dl.faq > dt::before { left: 15px; }
    .sub dl.faq > dt::after { right: 15px;}
    .sub dl.faq > dd {padding: 40px 15px 6.94vw 65px; }
    .sub dl.faq > dd::before  { left: 15px; }
    .sub dl.faq dd .col_tit {font-size: 20px;}
    .sub dl.faq .list_pro > ul > li { min-width: 48%;}

    .box.end {font-size: 21px;}
    .box.end .inner p {font-size: 24px;} 
    .box.end .col.no01 > .img_pc img { display: none;  width: 100%; max-width: 770px;}
    .box.end .col.no01 > .img_m { display: block;}
    .box.end .col.no01 > .img_m img { max-width: 560px;}
    .sub .faq-controls { text-align: right; margin: 0 15px 20px 0;}
    .sub dl.faq .col_linebox { padding: 4.17vw;}
    .sub .tb_basic table tr th { font-size: 15px;}
    .sub .tb_basic table tr td { font-size: 15px;}
    .sub .tb_basic table { min-width:700px;}

}
@media screen and (max-width: 640px) {
    .header .col.no01 { font-size: 20px;}
    .header .col.no03 { font-size: 18px;}
    .header .col.no03 br:nth-child(1) { display: block;}
    .header .col.no04 { margin-top: 4.17vw;} 

    .sub dl.faq > dt { padding: 15px 35px 15px 52px; font-size: 17px;}
    .sub dl.faq > dt::before { font-size:16px ; width: 26px; height: 26px; line-height: 26px;  min-width: 26px; border-radius: 13px ; }
    .sub dl.faq > dd { font-size: 16px;  padding: 30px 15px 6.94vw 52px;}
    .sub dl.faq > dd::before{top: 28px; font-size:16px ; width: 26px; height: 26px; line-height: 26px;  min-width: 26px; border-radius: 13px; }
    .sub dl.faq dd .col_tit {font-size: 17px;}
    .box_search .total_num {font-size: 17px;}
    .box.end {font-size: 18px;}
    .box.end .inner p {font-size: 20px;} 
}
@media screen and (max-width: 480px) {
    .header .col.no04 ul li a { font-size: 16px;}
    .box_tab ul li a { font-size: 14px; padding: 10px 0;}
    .sub .btn_s { margin: 20px 0;}
    .sub .btn_s a { font-size: 14px; padding: 8px 15px;}

    .footer_wrap .customer_link > a { font-size: 15px; padding: 0; letter-spacing: -1px;}


}
@media screen and (max-width: 420px) {
    .header .col.no01 { font-size: 18px;}
    .header .col.no03 { font-size: 16px;}
    .header .col.no04 ul li a  { font-size: 13px;  padding: 8px 10px; }
    .sub dl.faq .list_pro > ul > li {    margin: 0 1% 10px 0; }
    .sub dl.faq .list_pro > ul > li > a { font-size: 14px; padding: 15px 15px 15px 10px; letter-spacing: -1px;}
    .sub dl.faq .list_pro > ul > li > a::after { right: 5px;}
    .box.end {font-size: 16px;}
    .box.end .inner p {font-size: 18px;} 
    .footer_wrap .main_customer > a.customer_nubmer > b { font-size: 1.25em;}
    .footer_wrap .main_customer > a.customer_nubmer > span { font-size: 15px}
}
@media screen and (max-width: 360px) {
    .header .col.no01 { font-size: 16px;}
    .header .col.no03 { font-size: 15px;}
    .sub dl.faq .pro_intro ul li { min-width: 210px;}
    .sub dl.faq .pro_intro ul li > div:nth-child(1) > .box_img { width: 50px; height: 50px;}
    .sub dl.faq .pro_intro ul li > div:nth-child(2) { padding:20px 15px;}
    .sub dl.faq .pro_intro ul li > div:nth-child(2) a { font-size: 15px; letter-spacing: -1px;}

    .box.end {font-size: 15px;}
    .box.end .inner p {font-size: 16px;} 
}