@charset "utf-8";
/* LicenseNumber:ekdrh2026 */

/* color/button */
	body{
		--c_iden:#0061C7;
	}
	.c_iden {color:#0061C7;}
	.btn {font-weight:600; line-height:60px; height:60px; width:240px; border-radius:30px; text-align:center;}
	.btn_wbb {color:#fff !important; background:#0061C7 !important; border-color:#0061C7 !important;}
	.btn_kgg {color:#191F28 !important; background:#E5E8EB !important; border-color:#E5E8EB !important;}
	.btn_kwg {color:#333D4B !important; background:#fff !important; border-color:#E5E8EB !important;}
	.btn_wkk {color:#fff !important; background:#191F28 !important; border-color:#191F28 !important;}

	.btn_link {position:absolute; top:0; right:0; font-weight:600; line-height:56px; height:58px; padding:0 32px; display:flex; justify-content:center; align-items:center; gap:40px; border-radius:30px; border:1px solid; z-index:1;}
	.btn_link:after {content:""; display:block; width:20px; height:20px; background:#26282B; mask:url('/images/arrow_more.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/images/arrow_more.svg') no-repeat 50% 50% / contain; transition:.2s linear;}
	.btn_bg_gra:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:inherit; z-index:-1; background:linear-gradient(90deg, #0040A7 0%, #0354A4 25%, #0B7496 50%, #108C85 75%, #50B548 100%); opacity:0; transition:.2s linear;}
	.btn_bg_gra_i i,
	.btn_bg_gra_i i:before,
	.btn_bg_gra_i i:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:inherit; z-index:-1; transition:.2s linear;}
	.btn_bg_gra_i i:before {background:#0061C7; opacity:1;}
	.btn_bg_gra_i i:after {background:linear-gradient(96deg,#0061C7 0%,#72D3AE 100%); opacity:0;}
	.btn_download {display:flex !important; align-items:center; gap:40px; padding:14px 32px; color:#fff; font-weight:600; line-height:30px; background:#0061C7; border-radius:30px;}
	.btn_download:after {content:""; display:block; width:20px; aspect-ratio:1/1; background:url('/images/btn_download.svg') no-repeat 50% 50%;}

	.btns_btm {gap:16px; margin-top:120px;}
	.btns_btm.mt80 {margin-top:80px;}
	.btns_btm .btn {border:1px solid;}
/* 노치처리 */
	body.ios_safe {--safe-top:constant(safe-area-inset-top); --safe-bottom:constant(safe-area-inset-bottom); --safe-top:env(safe-area-inset-top); --safe-bottom:env(safe-area-inset-bottom);}

/* 전체공통 */
	* {letter-spacing:-.01em;}
	.wbox {background:#fff; padding:48px 60px; border-radius:16px;}
/* header */
	.header {position:fixed; top:0; left:0; width:100%; height:90px; border-bottom:1px solid rgba(255, 255, 255, 0.12); background:#fff; backdrop-filter:blur(12px); z-index:100; transition:.2s linear;}
	.header .inner {display:flex; justify-content:space-between; height:inherit;}
	.header .logo,
	.header .logo a {height:inherit;}
	.header .logo {position:relative; z-index:1;}
	.header .logo a {width:206px; transition:none;}
	.header .menus {display:flex; transform:translateX(40px);}
	.header .menus > li {position:relative;}
	.header .menus > li > a {display:block; font-size:18px; color:#333D4B; font-weight:500; line-height:90px; padding:0 40px;}
	.header .menus > li.on > a {color:#0061C7;}
	.header .menus .snb {position:absolute; top:100%; left:50%; width:240px; padding:15px 0; background:#fff; box-shadow:#0000001a 0 0 10px; visibility:hidden; opacity:0; transform:translate(-50%,-20px); transition:.2s linear;}
	.header .menus .snb a {display:block; font-size:17px; color:#333D4B; line-height:40px; padding:0 20px;}
	.header .menus .snb .on a {color:#0061C7;}
	.header.main {background:rgba(255, 255, 255, 0.06);}
	.header.main .menus > li > a {color:#fff;}
	.header.fixed {background:#fff; box-shadow:#0000001a 0 0 10px;}
	.header.fixed .logo a {background:url('/images/logo.svg') no-repeat 50% 50% / contain;}
	.header.fixed .logo a img {opacity:0;}
	.header.fixed .menus > li > a {color:#26282B;}
	.header.fixed .menus > li.on > a,
	.header.fixed .menus > li:hover > a {color:#0061C7;}
/* footer */
	.footer {padding:48px 0; border-top:#E5E8EB 1px solid; background:linear-gradient(0deg, rgba(0, 0, 0, 0.40) 0%, rgba(0, 0, 0, 0.40) 100%), url('/images/bg_footer.avif') lightgray 50% / cover no-repeat;}
	.footer .inner {gap:40px; justify-content:space-between;}
	.footer .info {color:#fff;}
	.footer .info strong {font-size:28px; line-height:1.5;}
	.footer .info .copy {font-size:14px; line-height:1.7;}
	.footer .links {gap:14px;}
	.footer .links button,
	.footer .links a {display:block; font-size:16px; color:#fff; line-height:50px; height:50px; padding:0 24px; background:#ffffff1a; border-radius:4px; backdrop-filter:blur(10px);}
	.quick_menu {position:fixed; top:50%; right:16px; width:90px; transform:translateY(-50%); z-index:20;}
	.quick_menu ul {background:#0061C7; padding:32px 12px; display:flex; flex-direction:column; justify-content:center; align-items:center; border-radius:45px;}
	.quick_menu li + li {border-top:#fff3 1px solid;}
	.quick_menu a {display:block; padding:16px 0; font-size:14px; color:#fff; font-weight:600; line-height:1.7; text-align:center;}
	.quick_menu a:before {content:""; display:block; width:100%; height:20px; background:no-repeat 50% 50% / contain;}
	.quick_menu .i1 a:before {background-image:url('/images/icon_quick01.svg');}
	.quick_menu .i2 a:before {background-image:url('/images/icon_quick02.svg');}
	.quick_menu .i3 a:before {background-image:url('/images/icon_quick03.svg');}
	.quick_menu .i4 a:before {background-image:url('/images/icon_quick04.svg');}
	.quick_menu .gotop {position:relative; display:block; width:48px; height:48px; background:#fff url('/images/arrow_gotop.svg') no-repeat 50% 50%; border-radius:50%; margin:-24px auto 0; z-index:1; font-size:0; box-shadow:#0003 0 4px 20px;}
/* sub */
	.container_wrap {min-height:calc(100vh - 163px);}
	.sub_wrap .container {padding:120px 0 200px; font-size:18px; color:#333D4B; line-height:1.5;}
	.svisual {position:relative; padding-top:180px; height:580px; background:linear-gradient(90deg, #0040A7 0%, #0354A4 25%, #0B7496 50%, #108C85 75%, #50B548 100%); overflow:hidden; z-index:20;}
	.svisual:before {content:""; position:absolute; bottom:0; right:0; width:55.1%; aspect-ratio:1058/574; background:url('/images/bg_svisual.avif') no-repeat 50% 50% / contain;}
	.svisual .inner {position:relative; z-index:1;}
	.svisual * {letter-spacing:-.024em;}
	.svisual .breadcrumb {display:flex; align-items:center; gap:30px; margin-bottom:32px;}
	.svisual .breadcrumb .home {width:22px; aspect-ratio:1/1; background:url('/images/icon_home.svg') no-repeat 50% 50% / contain;}
	.svisual .breadcrumb span {position:relative; font-size:15px; color:#B0B8C1; font-weight:500; line-height:1.45;}
	.svisual .breadcrumb span:before {content:""; position:absolute; top:0; left:-24px; width:20px; height:100%; background:url('/images/arrow_breadcrumb.svg') no-repeat 50% 50% / contain;}
	.svisual .breadcrumb span:last-child {color:#E5E8EB;}
	.svisual .tit_pagename {font-size:64px; color:#fff; font-weight:700; line-height:1; margin-bottom:24px;}
	.svisual p {font-size:22px; color:#F2F4F6; font-weight:500; line-height:1.25;}
	.svisual .svisual_subtitle {font-size:22px; color:#F2F4F6; font-weight:500; line-height:1.25;}
	.svisual .svisual_subtitle * {font:inherit !important; color:inherit !important;}
	.svisual .location {display:none;}
	.svisual .aside {position:absolute; bottom:0; left:0; width:100%; height:80px; background:url('/images/bg_aside.avif') no-repeat 50% 50% / cover;}
	.svisual .aside .inner {display:flex; height:100%;}
	.svisual .aside .g,
	.svisual .aside .s .btn {display:none;}
	.svisual .aside .list {display:flex; height:inherit;}
	.svisual .aside li {position:relative; height:100%; flex:1;}
	.svisual .aside a {position:absolute; bottom:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center; font-size:20px; color:#fff; font-weight:600; line-height:80px; text-align:center; z-index:1;}
	.svisual .aside a:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:100%; border-radius:4px 4px 0 0; background:linear-gradient(96deg, #0061C7 0%, #72D3AE 100%); opacity:0; z-index:-1; transition:.2s linear;}
	.svisual .aside .on a {height:96px;}
	.svisual .aside .on a:before {opacity:1;}
	.stit {position:relative; font-size:50px; color:#191F28; font-weight:700; line-height:1; margin-bottom:60px; padding-bottom:11px;}
	.stit:after {content:""; position:absolute; bottom:0; left:0; width:62px; height:3px; background:linear-gradient(96deg, #0061C7 0%, #72D3AE 100%);}
	.btit {position:relative; font-size:32px; color:#191F28; padding-left:22px; margin-bottom:20px;}
	.btit:before {content:""; position:absolute; top:50%; left:0; width:6px; transform:translateY(-50%); border-top:#72D3AE 8px solid; border-bottom:#0061C7 20px solid;}
	.btit.mt {margin-top:60px;}
	.ctit {font-size:42px; color:#191F28; font-weight:700; line-height:1.5; text-align:center; margin-bottom:24px;}
	.rtit {font-size:24px; color:#191F28; font-weight:600; margin:48px 0 16px;}
	.scon + .scon {margin-top:120px;}
	.empty_data {display:flex; align-items:center; justify-content:center; min-height:240px; padding:40px 20px; border-top:#0061C7 2px solid; border-bottom:#E5E8EB 1px solid; color:#6B7684; text-align:center;}
	.empty_data p {font-size:18px; line-height:1.5;}
/* 팝업 */
	.popup,
	.popup .dm {position:fixed; top:0; left:0; width:100%; height:100%;}
	.popup {z-index:101; visibility:hidden; opacity:0; transition:.3s;}
	.popup.is-active {visibility:visible; opacity:1;}
	.popup .dm {background:#0009;}
	.popup .inbox {position:absolute; top:50%; left:50%; width:1080px; max-width:calc(100vw - 40px); max-height:calc(100vh - 40px); background:#fff; border-radius:16px; padding:40px; transform:translate(-50%,-50%);}
	.popup .btn_close {position:absolute; top:40px; right:40px; width:36px; height:36px; background:url('/images/btn_close.svg') no-repeat 50% 50%; font-size:0;}

	.popup .arrow {position:absolute; top:50%; width:56px; height:56px; margin-top:-28px; border-radius:50%; background:#0006 url('/images/arrow_popup.svg') no-repeat 50% 50%; backdrop-filter:blur(10px); font-size:0;}
	.popup .arrow.showPrev {left:50%; margin-left:-636px;}
	.popup .arrow.showNext {right:50%; margin-right:-636px; transform:scaleX(-1);}

	.popup .tit {font-size:24px; font-weight:700; text-align:center; margin-bottom:24px;}
	.popup .terms_text {border:#ddd 1px solid; background:#F9FAFB; border-radius:16px; padding:32px; font-size:18px; color:#333D4B; line-height:1.5; max-height:calc(100vh - 180px); overflow:auto;}

	.popup .scroll {overflow:auto; max-height:calc(100vh - 120px);}
/* 갤러리 팝업 */
	.popup_pop_image .inbox {width:998px; padding:0 !important;}
	.popup_pop_image .btn_close {top:0; right:-140px; background:#fff; mask:url('/images/btn_close.svg') no-repeat 50% 50%; -webkit-mask:url('/images/btn_close.svg') no-repeat 50% 50%;}
	.popup_pop_image .imgfit {width:100%; aspect-ratio:998/718;}
/* 탭 */
	.tabs {display:flex; background:#F9FAFB; padding:8px 16px; border-radius:35px; margin-bottom:60px;}
	.tabs li {flex:1;}
	.tabs button {display:block; color:#6B7684; font-weight:500; line-height:54px; border-radius:27px; width:100%;}
	.tabs button[aria-selected="true"] {color:#fff; background:#0061C7;}
/* 유튜브 */
	.youtube_area iframe {max-width:100%; height:auto; border-radius:12px; overflow:hidden; aspect-ratio:1280/670;}
/* radio */
	.radio_group {gap:24px;}
	.radio {position:relative; display:block; padding-left:28px; color:#6B7684; line-height:56px;}
	.radio i {position:absolute; top:50%; left:0; width:22px; aspect-ratio:1/1; border-radius:50%; border:#ddd 1px solid; transform:translateY(-50%); transition:.2s linear;}
	.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; aspect-ratio:1/1; background:#0061C7; border-radius:50%; transform:translate(-50%,-50%); transition:.2s linear;}
	.radio input:checked + i {border-color:#0061C7;}
	.radio input:checked + i:before {width:14px;}
/* check */
	.check {position:relative; display:block; padding-left:30px; color:#6B7684; line-height:24px;}
	.check i {position:absolute; top:0; left:0; width:22px; aspect-ratio:1/1; background:#fff; border-radius:2px; border:#ddd 1px solid; transition:.2s linear;}
	.check i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; background:#666; mask:url('/images/icon_check.svg') no-repeat 50% 50%; -webkit-mask:url('/images/icon_check.svg') no-repeat 50% 50%; transition:.2s linear;}
	.check input:checked + i {background:#0061C7; border-color:#0061C7;}
	.check input:checked + i:before {background:#fff;}
/* check_round */
	.chk_group {gap:8px; flex-wrap:wrap; align-items:center;}
	.chk_round {position:relative;}
	.chk_round span {display:block; font-size:16px; color:#6B7684; line-height:48px; padding:0 24px; border:#E5E8EB 1px solid; border-radius:25px;}
	.chk_round input:checked + span {color:#fff; background:#0061C7;}
	.chk_group p {font-size:16px; color:#6B7684;}
/* CAPTCHA */
	.captcha_area {border-top:#E5E8EB 1px solid; margin-top:24px; padding-top:24px;}
	.captcha_area .tit {font-size:20px; color:#333D4B; font-weight:600; line-height:1.3; margin-bottom:8px;}
	.captcha_area .flex {gap:8px;}
	.captcha_area .img {width:160px; border:#ddd 1px solid; border-radius:8px;}
	.captcha_area .text {width:160px; padding:0 24px;}
	.captcha_area .btn {width:56px; aspect-ratio:1/1; border-radius:8px; background:#E5E8EB no-repeat 50% 50%;}
	.captcha_area .btn_sound {background-image:url('/images/btn_sound.svg');}
	.captcha_area .btn_reset {background-image:url('/images/btn_reset.svg');}
	.captcha_area .input_excl {position:relative;}
	.captcha_area .input_excl:before {content:"*"; position:absolute; top:0; right:4px; font-size:24px; color:#0061C7; font-weight:600;}

/* ------------------------------ PC Guide ------------------------------ */
@media screen and (max-width:1439px){
/* 전체공통 */
	.wbox {padding:36px 40px;}
/* header */
	.header .logo a {width:190px;}
	.header .menus {transform:translateX(20px);}
	.header .menus > li > a {font-size:16px; padding:0 20px;}
	.header .menus .snb {padding:12px 0;}
	.header .menus .snb a {font-size:16px; line-height:38px;}
/* footer */
	.footer {padding:40px 0;}
	.footer .inner {gap:20px;}
	.footer .info strong {font-size:24px;}
	.footer .info .copy {font-size:13px;}
	.footer .links {gap:10px;}
	.footer .links button,
	.footer .links a {font-size:15px; line-height:46px; height:46px; padding:0 20px;}
	.quick_menu {right:12px; width:80px;}
	.quick_menu ul {padding:28px 12px;}
	.quick_menu a {padding:12px 0; font-size:13px;}
	.quick_menu a:before {height:18px;}
/* sub */
	.sub_wrap .container {padding:120px 0 180px; font-size:16px;}
	.svisual {padding-top:160px; height:540px;}
	.svisual:before {width:70%; right:-20vw;}
	.svisual .aside {height:70px;}
	.svisual .aside a {font-size:18px; line-height:70px;}
	.svisual .aside .on a {height:84px;}
	.stit {font-size:44px; margin-bottom:40px; padding-bottom:10px;}
	.stit:after {width:56px;}
	.btit {font-size:28px; padding-left:20px; margin-bottom:18px;}
	.btit:before {width:5px;}
	.btit.mt {margin-top:50px;}
	.ctit {font-size:36px; margin-bottom:20px;}
	.rtit {font-size:22px; margin:40px 0 12px;}
	.scon + .scon {margin-top:100px;}
	.empty_data {min-height:200px;}
/* 팝업 */
	.popup .inbox {padding:36px;}
	.popup .btn_close {top:36px; right:36px; width:34px; height:34px;}

	.popup .arrow {width:52px; height:52px; margin-top:-26px;}
	.popup .arrow.showPrev {left:20px; margin-left:0;}
	.popup .arrow.showNext {right:20px; margin-right:0;}
/* 갤러리 팝업 */
	.popup_pop_image .btn_close {right:20px;}
}

/* ------------------------------ Hover ------------------------------ */
@media screen and (min-width:1024px){
/* color/button */
	.btn_bg_gra:hover {color:#fff;}
	.btn_bg_gra:hover:before {opacity:1;}
	.btn_bg_gra:hover:after {background:#fff;}
	.btn_bg_gra_i:hover i:after {opacity:1;}
	.btn_wbb:hover {color:#fff !important; background:#172664 !important; border-color:#1D2F7D !important;}
	.btn_kgg:hover {color:var(--c_iden) !important; background:#E5E8EB !important; border-color:var(--c_iden) !important;}
	.btn_kwg:hover {color:var(--c_iden) !important; background:#fff !important; border-color:var(--c_iden) !important;}
	.btn_wkk:hover {color:#fff !important; background:#333 !important; border-color:#333 !important;}
/* header */
	.header .menus > li:hover > a {color:#0061C7; font-weight:600;}
	.header .menus .snb li:hover a {color:#0061C7; font-weight:500;}
	.header .menus > li:hover .snb {visibility:visible; opacity:1; transform:translate(-50%,0);}
	.header.hover {background:#fff;}
	.header.hover .logo a {background:url('/images/logo.svg') no-repeat 50% 50% / contain;}
	.header.hover .logo a img {opacity:0;}
	.header.hover .menus > li > a {color:#26282B;}
	.header.hover .menus > li:hover > a {color:#0061C7;}
/* sub */
	.svisual .aside .list li:hover > a {height:96px;}
	.svisual .aside .list li:hover > a:before {opacity:1;}
}

/* ------------------------------ Tablet PC ------------------------------ */
@media screen and (max-width:1023px){
/* color/button */
	.btn {line-height:50px; height:50px; width:220px;}

	.btn_link {line-height:52px; height:54px; padding:0 28px; gap:30px;}
	.btn_download {gap:30px; padding:10px 28px; line-height:26px;}
	.btn_download:after {width:18px;}

	.btns_btm {gap:12px; margin-top:80px;}
	.btns_btm.mt80 {margin-top:60px;}

/* 전체공통 */
	.wbox {padding:30px;}
	input[type="text"], input[type="password"], input[type="date"], input[type="tel"], input[type="email"], select, input.text {height:50px; padding:0 16px;}
	br.pc_vw {display:none;}
/* header */
	.header {height:70px;}
	.header .logo a {width:170px;}
	.header .btn_menu {position:absolute; top:0; right:0; width:70px; height:100%; display:block !important; font-size:0; z-index:10;}
	.header .btn_menu span {position:absolute; top:50%; left:50%; width:30px; height:3px; background:#26282B; border-radius:2px; margin-left:-15px; transition:.2s linear;}
	.header .btn_menu .t {margin-top:-10px;}
	.header .btn_menu .m {margin-top:-1px;}
	.header .btn_menu .b {margin-top:8px;}
	.header .menus {position:fixed; top:0; right:-100%; width:100%; height:100vh; padding-top:70px; flex-direction:column; transform:translateX(0); background:#fff; transition:.2s linear;}
	.header .menus > li {width:100%; border-bottom:#ddd 1px solid;}
	.header .menus > li:first-child {border-top:#ddd 1px solid;}
	.header .menus > li > a {position:relative; font-size:16px; color:#26282B; line-height:60px;}
	.header .menus > li > a:after {content:""; position:absolute; top:0; right:20px; width:20px; height:100%; background:url('/images/arrow_prevnext.svg') no-repeat 50% 50% / contain; transform:rotate(180deg); transition:.2s linear;}
	.header .menus > li.nosnb > a:after {display:none;}
	.header .menus .snb {position:relative; top:0; left:0; width:100%; padding:12px 0; visibility:visible; opacity:1; display:none; box-shadow:none; overflow:hidden; transform:none; transition:none; background:#f5f5f5;}
	.header .menus .snb a {font-size:16px; color:#26282B; line-height:38px; /* padding:0 20px; */}
	.header .menus .on .snb,
	.header .menus .open .snb {display:block;}
	.header .menus .on.open .snb {display:none;}
	.header .menus .on > a:after,
	.header .menus .open > a:after {transform:rotate(0deg);}
	.header.main .menus > li > a {color:#26282B;}
	.header.main .btn_menu span {background:#fff;}
	.header.on .logo {pointer-events:none; user-select:none; background:url('/images/logo.svg') no-repeat 50% 50% / contain;}
	.header.on .logo img {opacity:0;}
	.header.on .menus {right:0;}
	.header.fixed .btn_menu span,
	.header.on .btn_menu span {background:#26282B;}
	.header.on .btn_menu .t {margin-top:-1px; transform:rotate(225deg);}
	.header.on .btn_menu .m {width:0;}
	.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-225deg);}
/* footer */
	.footer {padding:30px 0;}
	.footer .inner {gap:16px; flex-direction:column;}
	.footer .info strong {font-size:20px;}
	.footer .info .copy {font-size:12px;}
	.footer .links {gap:8px;}
	.footer .links button,
	.footer .links a {font-size:14px; line-height:42px; height:42px; padding:0 16px;}
/* sub */
	.sub_wrap .container {padding:100px 0 160px; font-size:15px;}
	.svisual {padding-top:120px; height:500px;}
	.svisual:before {width:80%; right:-15vw;}
	.svisual .breadcrumb {gap:20px; margin-bottom:22px;}
	.svisual .breadcrumb .home {width:20px;}
	.svisual .breadcrumb span {font-size:14px;}
	.svisual .breadcrumb span:before {left:-18px; width:16px;}
	.svisual .tit_pagename {font-size:52px; margin-bottom:20px;}
	.svisual p,
	.svisual .svisual_subtitle {font-size:18px;}
	.svisual .aside {height:60px;}
	.svisual .aside a {font-size:16px; line-height:60px;}
	.svisual .aside .on a {height:76px;}
	.stit {font-size:38px; margin-bottom:30px; padding-bottom:8px;}
	.stit:after {width:50px; /* height:3px; */}
	.btit {font-size:24px; padding-left:16px; margin-bottom:16px;}
	.btit:before {width:4px;}
	.btit.mt {margin-top:44px;}
	.ctit {font-size:32px; margin-bottom:16px;}
	.rtit {font-size:20px; margin:36px 0 10px;}
	.scon + .scon {margin-top:80px;}
	.empty_data {min-height:180px;}
	.empty_data p {font-size:16px;}
/* 팝업 */
	.popup .inbox {padding:32px;}
	.popup .btn_close {top:32px; right:32px; width:30px; height:30px;}

	.popup .arrow {width:48px; height:48px; margin-top:-24px;}
	.popup .arrow.showPrev {left:16px;}
	.popup .arrow.showNext {right:16px;}

	.popup .tit {font-size:22px; margin-bottom:20px;}
	.popup .terms_text {padding:24px; font-size:16px; max-height:calc(100vh - 180px);}
/* 갤러리 팝업 */
	.popup_pop_image .btn_close {top:20px; right:20px;}
/* 탭 */
	.tabs {padding:6px 12px; margin-bottom:40px;}
	.tabs button {line-height:50px;}
/* CAPTCHA */
	.captcha_area .btn {width:50px;}
}

/* ------------------------------ Mobile ------------------------------ */
@media screen and (max-width:767px){
/* color/button */
	.btn {line-height:40px; height:40px; width:200px;}

	.btn_link {line-height:38px; height:40px; padding:0 18px; gap:20px;}
	.btn_link:after {width:18px; height:18px;}
	.btn_download {gap:20px; padding:10px 24px; line-height:24px;}
	.btn_download:after {width:16px;}

	.btns_btm {gap:10px; margin-top:60px;}
	.btns_btm.mt80 {margin-top:40px;}

	.btns_btm {gap:8px; margin-top:60px;}
	.btns_btm.mt80 {margin-top:40px;}

/* 전체공통 */
	.wbox {padding:20px;}
	input[type="text"], input[type="password"], input[type="date"], input[type="tel"], input[type="email"], select, input.text {height:40px; padding:0 12px;}
	select {background-position:right 12px center; background-size:20px;}
/* header */
	.header {height:60px;}
	.header .logo a {width:150px;}
	.header .btn_menu {width:60px;}
	.header .btn_menu span {width:20px; height:2px; margin-left:-10px;}
	.header .btn_menu .t {margin-top:-8px;}
	.header .btn_menu .b {margin-top:6px;}
	.header .menus {padding-top:60px;}
	.header .menus > li > a {font-size:15px; line-height:50px;}
	.header .menus .snb {padding:10px 0;}
	.header .menus .snb a {font-size:14px; line-height:34px;}
/* footer */
	.footer {padding:20px 0;}
	.footer .inner {gap:12px;}
	.footer .info strong {font-size:18px;}
	.footer .links {gap:6px; flex-direction:column;}
	.footer .links li {width:100%;}
	.footer .links button,
	.footer .links a {font-size:13px; line-height:40px; height:40px; width:100%; padding:0 12px;}
	.quick_menu {right:10px; top:auto; bottom:50px; transform:none; width:60px;}
	.quick_menu ul {padding:20px 8px;}
	.quick_menu a {padding:10px 0; font-size:11px;}
	.quick_menu a:before {height:16px;}
	.quick_menu .gotop {width:40px; height:40px; margin-top:-16px;}
/* sub */
	.sub_wrap .container {padding:60px 0 100px; font-size:14px;}
	.svisual {padding-top:100px; height:360px; overflow:visible;}
	.svisual:before {right:0;}
	.svisual .breadcrumb {margin-bottom:18px;}
	.svisual .breadcrumb .home {width:14px;}
	.svisual .breadcrumb span {font-size:12px;}
	.svisual .tit_pagename {font-size:30px; margin-bottom:16px;}
	.svisual p,
	.svisual .svisual_subtitle {font-size:14px;}
	.svisual .aside {height:50px;}
	.svisual .aside .inner {padding:0;}
	.svisual .aside .g,
	.svisual .aside .s .btn {display:block;}
	.svisual .aside .inner > li {position:relative; width:50%;}
	.svisual .aside .s {border-left:#ffffff1a 1px solid;}
	.svisual .aside .btn {position:relative; font-size:14px; color:#fff; line-height:50px; height:50px; text-align:left; padding:0 20px; width:100%; border-radius:0;}
	.svisual .aside .btn:after {content:""; position:absolute; top:0; right:20px; width:20px; height:100%; background:#fff; mask:url('/images/arrow_prevnext.svg') no-repeat 50% 50% / contain; -webkit-mask:url('/images/arrow_prevnext.svg') no-repeat 50% 50% / contain; transform:rotate(180deg); transition:.2s linear;}
	.svisual .aside .on .btn:after {transform:rotate(0deg);}
	.svisual .aside .list {position:absolute; top:100%; left:0; width:100%; height:auto; background:#fff; flex-direction:column; transform:translateY(-20px); visibility:hidden; opacity:0; transition:.2s linear;}
	.svisual .aside a {position:relative; font-size:14px; color:#26282B; line-height:40px; justify-content:flex-start; padding:0 20px;}
	.svisual .aside a:before {display:none;}
	.svisual .aside .on a {height:50px; color:#0061C7;}
	.svisual .aside .active .list {visibility:visible; opacity:1; transform:translateY(0); box-shadow:#0000001a 0 10px 10px;}
	.stit {font-size:24px; margin-bottom:24px; padding-bottom:8px;}
	.stit:after {width:40px; height:2px;}
	.btit {font-size:18px; padding-left:12px; margin-bottom:12px;}
	.btit:before {width:3px;}
	.btit.mt {margin-top:30px;}
	.ctit {font-size:24px; margin-bottom:12px;}
	.rtit {font-size:18px; margin:24px 0 8px;}
	.scon + .scon {margin-top:60px;}
	.empty_data {min-height:140px; padding:30px 15px;}
	.empty_data p {font-size:14px;}
/* 팝업 */
	.popup {font-size:13px;}
	.popup .inbox {padding:20px;}
	.popup .btn_close {top:0; right:0; width:70px; height:70px;}
	.popup .arrow {width:32px; height:32px; margin-top:-16px; background-size:50%;}
	.popup .arrow.showPrev {left:-16px;}
	.popup .arrow.showNext {right:-16px;}
	.popup .tit {font-size:20px; line-height:30px; margin-bottom:16px;}
	.popup .terms_text {padding:20px; font-size:14px; max-height:calc(60vh - 180px);}
/* 갤러리 팝업 */
	.popup_pop_image .btn_close {top:-70px; right:-20px;}
/* check_round */
	.chk_group {gap:4px; flex-direction:column; align-items:flex-start;}
	.chk_group p {font-size:14px;}
	.chk_round span {font-size:14px; line-height:38px; padding:0 12px;}
/* CAPTCHA */
	.captcha_area {margin-top:16px; padding-top:16px;}
	.captcha_area .tit {font-size:15px; margin-bottom:4px;}
	.captcha_area .flex {gap:4px;}
	.captcha_area .img {width:100px;}
	.captcha_area .text {width:100px; padding:0 12px;}
	.captcha_area .btn {width:40px; background-size:50% 50%;}
	.captcha_area .input_excl:before {font-size:16px;}
}