@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/static/pretendard.css");@import 175.126.82.77:900/url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900; 1,100..900&display=swap');
/* surround */
@font-face { font-family: 'surround'; font-style: normal; font-weight: normal; src: url('/font/Cafe24Ssurround.woff2') format('woff2'),
 url('/font/Cafe24Ssurround.woff') format('woff'),
 url('/font/Cafe24Ssurround.otf') format('opentype'); unicode-range: u+0020-u+007e, u+1100-u+11f9, u+3131-u+318e, u+327f-u+327f, u+ac00-u+d7a3, u+ff01-u+ff60}
.--font-surround { font-family: 'surround', sans-serif; } 



html,
body { height: 100%; } 
html { overflow-y: scroll}
body { margin: 0; padding: 0; font-size: 15px; word-break: keep-all; } 
html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img { margin: 0; padding: 0; border: 0; } 
h1,
h2,
h3,
h4,
h5,
h6,
p,
td { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; } 
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section { display: block}
ul,
ol,
li { margin: 0; padding: 0; list-style: none}
legend { position: absolute; margin: 0; padding: 0; font-size: 0; line-height: 0; text-indent: -9999em; overflow: hidden}
label,
input,
button,
select,
img { vertical-align: middle}
input,
button { margin: 0; padding: 0; font-family: dotum; font-size: 1em; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; } 
button { cursor: pointer}
textarea,
select { font-family: dotum; font-size: 1em}
select { margin: 0}
p { margin: 0; padding: 0; word-break: break-all}
hr { display: none}
pre { overflow-x: scroll; font-size: 1.1em}
a:link,
a:visited { color: #000; text-decoration: none; } 
a:hover,
a:focus,
a:active { color: #000; text-decoration: none; outline: none; transition: .2s}
* { margin: 0; padding: 0; } 
table { width: 100%; border-spacing: 0; border-collapse: collapse; display: table; } 
tbody { display: table-row-group; vertical-align: middle; border-color: inherit; } 
tr { display: table-row; vertical-align: inherit; border-color: inherit; } 
img { max-width: 100%; height: auto; width: auto; } 
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
body { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; color: #444444; } 
a { color: #3617ce; text-decoration: none; } 
a:hover { color: #3617ce; text-decoration: none; } 
h1,
h2,
h3,
h4,
h5,
h6 { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; } 
p { word-break: keep-all; } 
/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) { [data-aos-delay] { transition-delay: 0 !important; } 
 }
/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header { background: #fff; transition: all 0.2s; z-index: 997; padding: 0; display: flex; flex-direction: column; } 
/* #header:after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 160px; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(0, 0, 0, 0.27)), color-stop(39%, rgba(0, 0, 0, 0.27)), to(rgba(0, 0, 0, 0))); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.27) 0, rgba(0, 0, 0, 0.27) 39%, rgba(0, 0, 0, 0) 100%); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.27) 0, rgba(0, 0, 0, 0.27) 39%, rgba(0, 0, 0, 0) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.27) 0, rgba(0, 0, 0, 0.27) 39%, rgba(0, 0, 0, 0) 100%); background: url('/img/header-bg2.png'); } */
#header.header-scrolled { top: -91px !important; } 
#header.header-scrolled,
#header.header-inner-pages { color: #000; background: rgba(256, 256, 256, 1); padding: 0; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 1%), 0 2px 10px 0 rgb(0 0 0 / 3%)}
#header.header-scrolled:after { background: #fff; color: #000; height: auto; } 
#header.header-scrolled .navbar a:hover,
#header.header-scrolled .navbar .active,
#header.header-scrolled .navbar #header.header-scrolled .active:focus,
#header.header-scrolled .navbar li:hover>a { color: #000; } 
#header.header-scrolled .navbar a,
#header.header-scrolled .navbar a:focus { color: #000; } 
#header.header-scrolled .mobile-nav-toggle { color: #000; } 
#header.header-scrolled .nav_wrap { border-bottom: 1px solid #ddd; } 
#header.header-scrolled .logo a { color: #000}
#header.header-scrolled .bi-x { color: #fff; } 
#header.header-scrolled .t_menu a:hover { color: #fff; border:}
#header.header-scrolled .t_menu { top: 20px}
#header .logo { height: 33px; background: url('/img/logo.png') no-repeat; transition: 0.3s; width: 124px; z-index: 99; cursor: pointer;     position: absolute;top: 26px;
    left: 50%;
    margin-left: -60px;} 
#header .logo a { display: block; cursor: pointer; color: #fff; font-size: 1.1rem; height:33px; } 
#header .logo img { max-height: 40px; } 
#header .logo_m { display: none; } 
#header .qa_btn_wrap { display: none; } 
#header .top_menu { display: flex; align-items: center; padding: 20px 0; } 
#header .top_menu .name {font-size: 20px;font-family:"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}
#header .top_menu .name b {color: #3617ce;}
#header .top_menu .call_num_m {display: none;}
#header .top_menu .pc_login .call_num a{ font-family: "surround"; font-size: 24px; color: #3617ce; letter-spacing: -0.5px; } 
#header .top_menu .pc_login .call_num {margin-right: 10px;}
#header .top_menu .pc_login { display: flex; gap: 10px;align-items: center; } 
#header .top_menu .pc_login a { color: #999; font-size: 14px; } 
#header .nav_wrap { border-top: 1px solid #ddd; padding: 18px 0; border-bottom: 1px solid #ddd; } 
#header .nav_wrap>div { display: flex; justify-content: space-between; background: #fff; transition: 0.3s; align-items: center; } 
#header .t_menu {; transition: 0.3s;; z-index: 99; right: 0; } 
#header .t_menu .qa_btn a { border-radius: 30px; background: #3617ce; font-size: 15px; width: 100%; font-weight: 600; font-family: "surround", sans-serif; padding: 10px 16px; } 
#header .t_menu .qa_btn a:hover,
#header .t_menu .qa_btn a:focus { background: #2407b4; transition: .2s}
#header .t_menu a { color: #fff; display: block; } 
#header .t_menu>div { margin-left: 5px; } 
#header>div { display: flex; justify-content: space-between; } 
.nav_mb_wrap .mb_ico img { width: 20px; height: 20px; } 
.Icon__Wrap { position: absolute; left: 50%; bottom: 5%; transform: translate(-50%, 0); font-family: 'Exo', sans-serif; color: #fff; font-size: 10px; text-align: center; animation: upDown 3s linear infinite; } 
.animation-oh { overflow: hidden; } 
.animation-item { display: inline-block}
@media(min-width: 1025px){
 .animation-oh { display: block}
 span.animation-oh { display: inline-block; line-height: 1}
 .animation-item { display: inline-block} 
 }
@media(max-width: 1160px){
 #header { flex-direction: row; } 
 }
@media(max-width: 1160px){
 #header .top_menu .call_num_m {display: block;padding: 6px 0;}
 #header .top_menu .call_num_m a { width: 50px; height: 50px; text-align: center; display: block;        line-height: 48px; } 
 #header .top_menu .name {display: none;}
 #header .top_menu .pc_login { display: none; } 
 }
/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar { padding: 0; justify-content: flex-start; } 
.navbar ul { margin: 0; padding: 0; display: flex; list-style: none; align-items: center; gap: 20px; } 
.navbar li { position: relative; } 
.navbar>ul>li { white-space: nowrap; padding: 8px 16px; } 
.navbar a,
.navbar a:focus { display: flex; align-items: center; position: relative; justify-content: space-between; padding: 0 3px; font-size: 18px; color: #000; white-space: nowrap; transition: 0.3s; margin: 0 10px; font-family: "surround", sans-serif; justify-content: flex-start; gap: 20px; } 
.navbar a i,
.navbar a:focus i { font-size: 12px; line-height: 0; margin-left: 5px; } 
.navbar a:hover:before,
.navbar li:hover>a:before,
.navbar .active:before { visibility: visible; width: 100%; } 
.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a { color: #000; } 
.navbar .dropdown ul { display: block; position: absolute; left: 14px; top: calc(100% + 30px); margin: 0; padding: 10px 0; z-index: 99; opacity: 0; visibility: hidden; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); transition: 0.3s; border-radius: 6px; margin-top: 10px; } 
.navbar .dropdown ul li { min-width: 120px; } 
.navbar .dropdown ul a { margin: 0; padding: 10px 20px; font-size: 15px; text-transform: none; color: #15222b; font-weight: 600; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}
.navbar .dropdown ul a i { font-size: 12px; } 
.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a { color: #000; background: #dfddfa; } 
.navbar .dropdown:hover>ul { opacity: 1; top: 100%; visibility: visible; } 
.navbar .dropdown .dropdown ul { top: 0; left: calc(100% - 30px); visibility: hidden; } 
.navbar .dropdown .dropdown:hover>ul { opacity: 1; top: 0; left: 100%; visibility: visible; } 
@media (max-width: 1600px){
 .navbar>ul>li { padding: 8px; } 
 }
@media (max-width: 1366px){
 .navbar .dropdown .dropdown ul { left: -90%; } 
 .navbar .dropdown .dropdown:hover>ul { left: -100%; } 
 .navbar>ul>li { padding: 8px 0; border-bottom: 1px dashed #ddd; } 
 }


 
/**
* Mobile Navigation 
*/


.mobile-nav-toggle { color: #000; font-size: 28px; cursor: pointer; display: none; line-height: 50px; transition: 0.5s; width: 50px; text-align: center; height: 50px; } 
.navbar-mobile { position: fixed; overflow: hidden; top: 0; right: 0; left: 0; bottom: 0; /* background: rgba(4, 7, 9, 0.9); */
 transition: 0.3s; z-index: 9999999; } 
.navbar-mobile .nav_mb_wrap { display: inline-block; } 
.nav_mb_wrap .mb_ico { display: none; } 
.nav_mb_wrap .mobile_login { display: none; } 
.nav_mb_wrap .mobile_login a { font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}
#header .navbar-mobile .qa_btn_wrap { display: inline-block; position: absolute; right: 34px; top: 9px; } 
#header .navbar-mobile .qa_btn_wrap a { color: #fff; padding: 10px; font-size: 14px; padding: 10px; border-radius: 30px; background: #3617ce; text-align: center; display: block; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif !important}
#header .navbar-mobile .qa_btn_wrap a:hover { color: #fff; } 
#header .navbar-mobile .nav_mb_top { background: #efefef; width: 100%; line-height: 61px; padding: 0 0 0 20px; height: 61px; border-bottom: 1px solid #b6b6b6; } 
#header .navbar-mobile .logo_m>a { font-size: 1.1rem; padding: 0; margin: 0; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; } 
#header .navbar-mobile .mobile-nav-toggle { display: block; } 
#header .navbar-mobile .logo_m { display: block; color: #000; z-index: 999; width: 100px; } 
.btn_gray_line { border: 1px solid #ddd; border-radius: 60px; display: inline-block; } 
.navbar-mobile .btn_gray_line a,
.navbar-mobile .btn_gray_line a:focus { font-size: 15px; } 
#header .navbar-mobile .logo_m>a { background: url(/img/logo.png) no-repeat; background-size: contain; width: 80px; height: 25px; top: 20px}
.navbar-mobile .mobile-nav-toggle { position: absolute; top: 5px; right: 0; } 
.navbar-mobile .nav_mb_wrap { display: block; position: absolute; top: 0; right: 0px; bottom: 0px; left: 0px; padding: 0px 0 20px 0; border-radius: 0px; background-color: #fff; overflow-y: auto; } 
.navbar-mobile a,
.navbar-mobile a:focus { padding: 10px 20px; font-size: 17px; color: #15222b; font-weight: 600; } 
.navbar-mobile a i,
.navbar-mobile a:focus i { font-size: 16px; } 
.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a { color: #3617ce; } 
.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus { margin: 15px; } 
.navbar-mobile .dropdown ul { position: static; display: none; margin: 10px 20px; padding: 10px 0; z-index: 99; opacity: 1; visibility: visible; background: #fff; box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25); } 
.navbar-mobile .dropdown ul li { background: #efefef; min-width: 200px; } 
.navbar-mobile .dropdown ul a { padding: 10px 20px; font-size: 15px; } 
.navbar-mobile .dropdown ul a i { font-size: 12px; } 
.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a { color: #3617ce; } 
.navbar-mobile .dropdown>.dropdown-active { box-shadow: none; border-top: 0; /* margin: 0; */
 display: block; background: #efefef; } 
.bi-x { color: #000; } 
@media all and (min-width: 1161px) {
 .navbar.navbar-mobile .nav_mb_wrap>ul { display: block; background: #fff; } 
 .navbar.navbar-mobile .nav_mb_wrap>ul>li { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
 .navbar.navbar-mobile .nav_mb_wrap>ul>div { grid-column: 1/3}
 .navbar.navbar-mobile .nav_mb_wrap>ul>li.last { grid-column: 1/3 !important}
 .navbar.navbar-mobile .nav_mb_wrap>ul>li span { padding: 10px 0; } 
 .navbar.navbar-mobile .mobile_login { display: flex; margin-top: 10px; margin-left: 10px; gap: 6px; } 
 .navbar.navbar-mobile .mobile_login a { background: #fff; font-size: 14px; border-radius: 4px; margin: 0; } 
 .navbar.navbar-mobile .mb_ico { display: block !important; border-right: 1px solid #ddd; padding-right: 20px; } 
 .navbar.navbar-mobile a,
 .navbar-mobile a:focus { padding: 8px 20px; } 
 .navbar.navbar-mobile .nav_mb_wrap { display: block; background: #efefef; } 
 .navbar.navbar-mobile .nav_mb_wrap>ul>li.last i { position: absolute; right: 15px; } 
}
@media all and (max-width: 1160px){
 .navbar-mobile .nav_mb_wrap { display: block; } 
 #header.header-scrolled #header { display: flex; } 
 #header.header-scrolled { top: 0 !important}
 #header .logo { width: 90px; background-size: contain; transition: 0.3s;  position: absolute; top: 18px; left: 50%; margin-left: -45px; } 
 #header .top_menu { display: inline-block; padding: 0; border-bottom: 1px solid #ddd; } 
 #header .nav_wrap .w_1320 { padding: 0; } 
 #header .nav_wrap { border-top: 0; padding: 0; } 
 #header.header-scrolled,
 #header.header-inner-pages { padding: 0; } 
 #header .t_menu { display: none; } 
 .con-navbar { display: none; } 
 .navbar { justify-content: right; } 
 .mobile-nav-toggle { display: block; } 
 #header.header-scrolled,
 #header.header-inner-pages { } 
 #header.header-scrolled .logo { } 
 .navbar .nav_mb_wrap ul { display: none; } 
 .navbar-mobile .nav_mb_wrap { display: block; background: #efefef; } 
 .navbar-mobile .nav_mb_wrap>ul { background: #fff; display: block; } 
 .navbar-mobile .nav_mb_wrap>ul>div { grid-column: 1/3}
 .navbar-mobile .nav_mb_wrap>ul>li { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; } 
 .navbar-mobile .nav_mb_wrap>ul>li.last { grid-column: 1/3 !important}
 .navbar-mobile .nav_mb_wrap>ul>li span { padding: 10px 0; } 
 .navbar-mobile .mobile_login { display: flex; margin-top: 10px; margin-left: 10px; gap: 6px; } 
 .navbar-mobile .mobile_login a { background: #fff; font-size: 14px; border-radius: 4px; margin: 0; } 
 .nav_mb_wrap .mb_ico { display: block; border-right: 1px solid #ddd; padding-right: 20px; } 
 .navbar-mobile a,
 .navbar-mobile a:focus { padding: 8px 20px; } 
 }
.navbar-mobile .nav_mb_wrap>ul>li.last i { position: absolute; right: 15px; } 


/*--------------------------------------------------------------
# 버튼 스타일
--------------------------------------------------------------*/


a.btn_st01,
button.btn_st01 { border: 1px solid #3617ce; background: #3617ce; color: #fff; } 
button.btn_st01 { margin: 0; border-radius: 30px; font-size: 18px; font-weight: 500; letter-spacing: -0.075em; position: relative; text-align: center; height: 58px; line-height: 56px; display: block; width: 100%; } 
button:hover.btn_st01 { background: #2407b4; transition: .2s}
a.btn_st01:hover { background: #2407b4; border: 1px solid #2407b4; } 
a.btn_st01_line { border: 1px solid #3617ce; background: #fff; color: #3617ce; } 
a.btn_st02 { border: 1px solid #2b2b35; background: #2b2b35; color: #fff; } 
a.btn_st02:hover { background: #1d1d21; } 
a.btn_st02_line { border: 1px solid #2b2b35; background: #fff; color: #fff; } 
a.btn_st04 { border: 1px solid #939393; background: #939393; color: #fff; } 
a.btn_st04:hover { border: 1px solid #7c7c7c; background: #7c7c7c; } 
a.btn_st05 { border: 1px solid #f5f5f7; background: #f5f5f7; color: #000; } 
a.btn_st03_line { border: 1px solid #999; color: #999; } 
.btn_st03_line.pri { background: #191919; border: 1px solid #191919; color: #ffdd94; } 
a.btn_red { background: #e0012a; border: 1px solid #e0012a; color: #fff; } 
a:hover.btn_red { background: #c70025; border: 1px solid #c70025; color: #fff; } 
a.btn_pink { background: #eb118f; border: 1px solid #eb118f; color: #fff; } 
a:hover.btn_pink { background: #df0082; border: 1px solid #df0082; color: #fff; } 
.btn_wrap_half { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding-top: 50px; max-width: 500px; margin: 0 auto; } 
.btn_wrap_full { padding-top: 50px; max-width: 300px; margin: 0 auto; width: 100%; } 
a.s_btn { padding: 6px 10px; font-size: 14px; border-radius: 4px; } 
.btn_wrap_half .btn01 { padding: 0; } 
.btn_wrap_half a,
.btn_wrap_full a { width: 100%; padding: 0 !important; margin: 0; border-radius: 30px; font-size: 18px; font-weight: 500; letter-spacing: -0.075em; position: relative; text-align: center; height: 60px; line-height: 58px; display: block; width: 100%; } 
.btn1 span { margin-right: 8px; } 
.btn1 span i { font-size: 15px; } 
a:hover.btn_ok_line,
a:focus.btn_ok_line { background: #3617ce; transition: .2s; color: #fff; } 
a.s_black_btn { background: #000; color: #fff; font-size: 14px; border-radius: 4px; display: inline-block; height: 46px; line-height: 46px; padding: 0 20px; } 
a:hover.s_black_btn { color: #fff; } 
@media screen and (max-width: 640px){
 .btn_wrap_half { padding-top: 20px; gap: 6px; } 
 .btn_wrap_half a { font-size: 15px; height: 50px; line-height: 48px; } 
 .btn_wrap_half button { font-size: 15px; height: 50px; line-height: 48px; } 
 }


/*--------------------------------------------------------------
# 테이블 스타일
--------------------------------------------------------------*/


.table-highlighter { width: 100%; border-top: 2px solid #222}
.table-highlighter tr { height: 60px}
.table-highlighter th { color: #222; background-color: #f8f8f8; letter-spacing: -0.5px; } 
.table-highlighter td { color: #555}
.table-highlighter th,
.table-highlighter td { min-height: 125px; font-size: 16px; vertical-align: middle; text-align: center; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } 
.table-highlighter th:last-child,
.table-highlighter td:last-child { } 
.table-highlighter td.bdr_0 { border-right: 0 !important}
.table-highlighter th.bdr_0 { border-right: 0 !important}
.table-highlighter .w25 { width: 25%; } 
.table-highlighter__col { display: flex; justify-content: center; padding: 38px 0}
.table-highlighter__col.start { align-items: center; justify-content: flex-start; padding-left: 40px}
.table-highlighter p { padding: 20px 40px; } 
.table-sub { width: 50%}
.table-sub:nth-child(1) { padding-left: 40px}
.table-sub:nth-child(2) { padding-left: 13px}
.table-sub__item { position: relative; padding-bottom: 16px; font-size: 16px; text-align: left}
.table-sub__item::before { content: "-"; display: inline-block; margin-right: 5px}
.table-sub__item:last-child { padding-bottom: 0}
.table-yak { width: 100%; border-top: 2px solid #222; margin: 10px 0; } 
.table-yak tr { height: 48px}
.table-yak th { color: #222; background-color: #f8f8f8}
.table-yak td { color: #555}
.table-yak th,
.yakyak td { min-height: 125px; font-size: 16px; vertical-align: middle; text-align: center; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5}
.table-yak th,
.table-yak td { min-height: 65px; font-size: 16px; vertical-align: middle; text-align: center; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; padding: 10px; } 
.table-yak .point2 { color: #000; font-weight: 600; } 
@media screen and (max-width: 768px){
 .table-yak th { font-size: 14px; } 
 .table-yak td { font-size: 13px; } 
 .table-yak th,
 .table-yak td { padding: 6px; } 
 .table-highlighter tr { height: 45px}
 .table-highlighter th,
 .table-highlighter td { min-height: auto; } 
 .table-highlighter th { font-size: 14px; } 
 .table-highlighter td { font-size: 14px; } 
 .table-highlighter th,
 .table-highlighter td { padding: 6px; } 
 }
/* Scroll Table */
.scroll-table { position: relative; } 
.scroll-guide { position: absolute; top: 50%; left: 50%; display: none; width: 110px; height: 100px; border-radius: 7px; background: rgba(0, 0, 0, 0.67); padding-top: 10px; z-index: 10; text-align: center; transform: translate(-50%, -50%)}
.scroll-guide__img { width: 50%; height: auto}
.scroll-guide__text { margin-top: 4px; color: #fff; font-size: 13px; line-height: 16px}
.sub_container .scroll-guide__text { line-height: 1.3; } 
@media screen and (max-width: 970px){
 .common-title-wrap { margin-bottom: 30px}
 .sub_container h2 { font-size: 24px; padding-bottom: 30px; } 
 }
@media screen and (max-width: 768px){
 .scroll-table { position: relative; overflow-y: hidden; overflow-x: auto}
 .scroll-guide { display: block; /* top: 250px */}
 .table-highlighter p { padding: 10px; } 
 }


/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/


section { overflow: hidden; } 
.section-bg { background-color: #f0f4f8; } 
.section-title { padding-bottom: 40px; } 
.section-title h2 { font-size: 14px; font-weight: 500; padding: 0; line-height: 1px; margin: 0 0 5px 0; letter-spacing: 2px; text-transform: uppercase; color: #5c8eb0; font-family: "Poppins", sans-serif; } 
.section-title h2::after { content: ""; width: 120px; height: 1px; display: inline-block; background: #ff8664; margin: 4px 10px; } 
.section-title p { margin: 0; margin: 0; font-size: 36px; font-weight: 700; text-transform: uppercase; font-family: "Poppins", sans-serif; color: #263d4d; } 



/*--------------------------------------------------------------
# main
--------------------------------------------------------------*/


/* mian 공통 */


#main { font-size: 17px; color: #777; } 
.w_1320 { max-width: 1320px; width: 100%; position: relative; margin: 0 auto; } 
.mv_inner {text-align: center; padding: 80px 0 80px 0;}
.inner { text-align: center; padding: 120px 0 100px 0; } 
.white { color: #fff !important; } 
.red { color: #ff0000 !important; } 
.purple { color: #3617ce !important}
.purple_bg { background: #3617ce !important; } 
.yellow_bg { background: #ffdd94 !important; } 
.iconset { overflow: hidden; display: inline-block; padding: 0; font-size: 0; line-height: 0; vertical-align: middle; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; text-indent: -9999px}
.iconset.ico-charge { width: 38px; height: 36px; background: url("/img/ico_charge.png") no-repeat}
.iconset.ico-money { width: 38px; height: 36px; background: url("/img/ico_money.png") no-repeat}
.iconset.ico-call { width: 38px; height: 36px; background: url("/img/ico_call.png") no-repeat}
.notice_alert { position: relative; padding-left: 26px; font-size: 15px; line-height: 23px; padding-top: 10px; line-height: 1.4; } 
.notice_alert:before { content: '!'; color: #fff; font-weight: 700; background: #000; position: absolute; top: 12px; left: 0; padding: 0px 8px; font-size: 12px; line-height: 18px; border-radius: 2px; } 
.notice_alert_s { position: relative; padding-left: 19px; font-size: 15px; line-height: 23px; padding-top: 10px; } 
.notice_alert_s:before { content: '!'; color: #fff; font-weight: 700; background: var(--color-point); position: absolute; top: 12px; left: 0; padding: 0px 6px; font-size: 10px; line-height: 14px; border-radius: 2px; } 
/*우측 퀵메뉴*/
#quick-menu { width: 96px}
#quick-menu>ul { overflow: hidden; border-radius: 6px; background: var(--nhis-white); box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.06)}
#quick-menu li { border-bottom: 1px solid #eee; background: #fff; } 
#quick-menu li a { display: flex; padding: 16px 0 12px 0; flex-direction: column; justify-content: center; align-items: center; gap: 12px; align-self: stretch; color: var(--nhis-grayscale-80); font-size: 14px; font-style: normal; font-weight: 700; line-height: 20px; box-sizing: border-box; text-align: center; width: 100%}
#quick-menu { position: fixed; right: 40px; z-index: 9999999999; top: 300px; transition: .28s ease-in-out}
#quick-menu li button { width: 100%; background: #3617ce; color: #fff; border: 0; padding: 6px 0; } 
#quick-menu li a:hover { background-color: #dfddfa}
#quick-menu li:last-child { font-size: 13px; border: 0; background: #3617ce; color: #fff; } 
#quick-menu li:last-child a { padding: 8px 0 6px 0; } 
#quick-menu li:last-child a:hover { background: #3617ce; } 
@media all and (max-width: 1160px){
 #quick-menu { left: 0; bottom: 0; top: auto; width: 100%; } 
 #quick-menu>ul { display: grid; border: 0; grid-template-columns: repeat(3, 1fr); border-radius: 0; } 
 #quick-menu>ul li { background: #3617ce; } 
 #quick-menu>ul li:nth-child(2) { background: #000; } 
 #quick-menu>ul li:last-child { display: none; } 
 #quick-menu li a { flex-direction: row; line-height: 1.2; color: #fff; } 
 #quick-menu li a:hover { background-color: transparent} 
 }


/*main_form 빠른신청*/


.main_quick_form { background: #e9e5ff; padding: 56px 0; } 
.q_form_wrap { display: flex; flex-direction: row; gap: 18px; justify-content: center; align-items: flex-start; } 
.q_form_wrap .form_tit { display: flex; flex-direction: row; gap: 20px; align-items: center; margin-right: 30px; } 
.q_form_wrap .form_con { display: flex; gap: 10px; } 
.q_form_wrap .q_form { display: flex; flex-direction: column; gap: 5px; margin-top: 10px; } 
.q_form_wrap .q_form>div { display: flex; flex-direction: row; gap: 20px; align-items: center; } 
.q_form_wrap .q_form .agree { margin-top: 8px; gap: 6px; } 
.q_form_wrap .q_form>div:nth-child(1) label,
.q_form_wrap .q_form>div:nth-child(2) label { width: 90px; text-align: justify; line-height: 0; font-size: 20px; font-weight: 400; } 
.q_form_wrap .form_tit .tit { font-size: 40px; font-family: "surround", sans-serif; line-height: 1.1; color: #000; } 
.q_form_wrap .form_tit .tit span { display: block; color: #3617ce; } 
.q_form_wrap .btn_wrap { margin-top: 10px; text-align: center; } 
.q_form_wrap .btn_wrap a { display: block; font-size: 32px; font-family: "surround", sans-serif; padding: 23px 30px; border-radius: 6px; background: #191919; } 
.q_form_wrap .btn_wrap a:hover { background: #000; } 
.pri_pop { padding: 30px; } 
.pri_pop .title { font-size: 20px; text-align: center; font-weight: 600; margin-bottom: 10px; } 
.pri_pop .title span { font-size: 14px; color: #ff0000; } 
.main_wrap .con1 { background: url('/img/main_con1_bg.png') no-repeat #efefef; background-position: top center; } 
/*mian_bxslider*/
.main_wrap .con1 .bx-wrapper { box-shadow: none; border: 0; margin-bottom: 0; background: none; z-index: 99; } 
.main_wrap .con1 .bx-wrapper a { position: relative; } 
.slider3 { z-index: 1; } 
.main_wrap .con1 .bx-wrapper .bx-controls-direction a { position: absolute; top: 50%; outline: 0; text-indent: -9999px; z-index: 98; font-size: 0px; background: none; width: 40px; height: 40px; } 
.main_wrap .con1 .bx-wrapper .bx-pager { bottom: 30px; } 
.main_wrap .con1 .bx-wrapper .bx-controls-direction a.bx-prev { border-radius: 50%; background: #000; left: -5%}
.main_wrap .con1 .bx-wrapper .bx-controls-direction a.bx-prev::before { content: ""; display: block; width: 12px; height: 12px; border-top: 3px solid #fff; border-left: 3px solid #fff; transform: rotate(315deg); border-radius: 1px; margin: 12px 0 0 16px; } 
.main_wrap .con1 .bx-wrapper .bx-controls-direction a.bx-next { background: #000; border-radius: 50%; right: -5%}
.main_wrap .con1 .bx-wrapper .bx-controls-direction a.bx-next::before { content: ""; display: block; width: 12px; height: 12px; border-top: 3px solid #fff; border-left: 3px solid #fff; transform: rotate(135deg); border-radius: 1px; margin: 12px 0 0 12px; } 
.main_wrap .con1 .bx-wrapper .logo img { height: 40px; } 
.main_wrap { margin-top: 159px; } 
.main_visual { background: url('/img/mv_bg.jpg') no-repeat; background-size: cover; } 
.main_wrap .con1 .bx-wrapper ul li { background: #fff; color: #777; font-size: 15px; } 
.main_wrap .con1 .slider_wrap { margin-top: 50px; } 
.main_wrap .con1 .item_wrap { padding: 30px 20px; border: 1px solid #d1d1d1; border-radius: 6px; overflow: hidden; } 
.main_wrap .con1 .item_wrap .logo { height: 40px; } 
.main_wrap .con1 .item_wrap .tit { background: #f5f5f7; padding: 20px; border-radius: 6px; margin: 20px 0; font-size: 18px; color: #000; font-family: "surround", sans-serif; } 
.main_wrap .con1 .item_wrap .benefit { font-size: 26px; color: #8e8e8e; border-bottom: 1px solid #dddddd; margin-bottom: 10px; padding-bottom: 10px; font-family: "surround", sans-serif; } 
.main_wrap .con1 .item_wrap .benefit b { color: #e0012a; padding: 0 4px; } 
.main_wrap .con1 .item02 .item_wrap .benefit b,
.main_wrap .con1 .item05 .item_wrap .benefit b { color: #3617ce; } 
.main_wrap .con1 .item03 .item_wrap .benefit b,
.main_wrap .con1 .item06 .item_wrap .benefit b { color: #eb118f; } 
.main_wrap .con1 .item06 { } 
.main_wrap .con1 .item02 .logo img { height: 30px; } 
.main_wrap .con1 .item02 .item_wrap .logo { height: 30px; margin-top: 10px; } 
.main_wrap .con1 .item05 .item_wrap .logo { height: 30px; margin-top: 10px; } 
.main_wrap .con1 .item05 .logo img { height: 30px; } 
.main_wrap .con1 .item06 .item_wrap .logo { height: 34px; margin-top: 6px; } 
.main_wrap .con1 .item06 .logo img { height: 34px; } 
.main_wrap .con1 .item_wrap .pay { display: flex; gap: 14px; font-family: "surround", sans-serif; align-items: center; flex-direction: row; justify-content: center; padding: 10px 0; font-size: 20px; } 
.main_wrap .con1 .item_wrap .pay>div:nth-child(1) { text-decoration: line-through; } 
.main_wrap .con1 .item_wrap .pay .discount { font-size: 26px; color: #000; } 
.main_wrap .con1 .item_wrap .add { text-align: left; } 
.main_wrap .con1 .item_wrap .add.gary_dot_li { padding-left: 6px; } 
.main_wrap .con1 .item_wrap .add.gary_dot_li li::before { top: 10px; width: 2px; height: 2px; } 
.main_wrap .con1 .btn_wrap_half { padding-top: 20px; } 
.main_wrap .con1 .btn_wrap_half i { margin-left: 10px; } 
.main_wrap .con1 .btn_wrap_half a { border-radius: 4px; height: 48px; line-height: 46px; font-size: 15px}
.main_wrap .con2 { background: url('/img/main_con2_bg.gif') no-repeat; background-size: cover; } 
.main_wrap .con2 .c1 { margin-top: 80px; } 
.main_wrap .con2 .c1 { display: flex; flex-direction: row; justify-content: space-between; } 
.main_wrap .con2 .c1 .txt_box { text-align: left; font-size: 24px; background: url('/img/main_con2_obj.png') no-repeat; background-position: right bottom; width: 700px; } 
.main_wrap .con2 .c1 .txt_box .tit { font-size: 36px; font-family: "surround", sans-serif; color: #000; letter-spacing: -1px; } 
.main_wrap .con2 .c1 .txt_box ul { margin-top: 30px; } 
.main_wrap .con2 .c1 .txt_box ul li { position: relative; padding-left: 32px; font-weight: 600; color: #000; } 
.main_wrap .con2 .c1 .txt_box ul li::before { content: ''; position: absolute; top: 5px; left: 0; margin: auto; width: 26px; height: 26px; background: url('/img/main_li_point.png') no-repeat; } 
.main_wrap .con2 .c1 .txt_box ul li b { color: #3617ce; font-weight: 600; } 
.main_wrap .con2 .c1 .btn_wrap { margin-top: 50px; } 
.main_wrap .con2 .c1 .btn_wrap a { font-size: 18px; font-weight: 700; padding: 16px 20px; border-radius: 6px; display: inline-block; } 
.main_wrap .con2 .c1 .tb_wrap .list-rolling { overflow: hidden; background: #fff1d4; padding: 45px 28px; border-radius: 10px; width: 572px; font-size: 18px; } 
.main_wrap .con2 .c1 .tb_wrap .list_tit { background: #000; color: #fff; display: flex; padding: 10px; border-radius: 6px; } 
.main_wrap .con2 .c1 .tb_wrap .list_tit>div { width: 25%; } 
.main_wrap .con2 .c1 .tb_wrap ul { margin-top: 20px; display: flex; flex-direction: column; gap: 24px; height: 209px; } 
.main_wrap .con2 .c1 .tb_wrap ul li { display: flex; flex-direction: row; } 
.main_wrap .con2 .c1 .tb_wrap ul li>div:first-child { width: 30%; } 
.main_wrap .con2 .c1 .tb_wrap ul li>div:last-child { width: 30%; } 
.main_wrap .con2 .c1 .tb_wrap ul li>div { width: 20%; } 
.main_wrap .con2 .c1 .tb_wrap ul li .p-state a { font-size: 15px; padding: 4px 6px; border-radius: 4px; } 
.main_wrap .con3 { background: url('/img/main_con3_obj.png') no-repeat #2dc2f1; background-position: right 10% bottom; } 
.main_wrap .con3 .inner { position: relative; } 
.main_wrap .con3 .tit_wrap h2 { color: #fff; margin-bottom: 0; } 
.main_wrap .con3 .tit_wrap h2 b { color: #ffdd94; } 
.main_wrap .con3 h3 { font-size: 40px; font-family: "surround", sans-serif; color: #fff; } 
.main_wrap .con3 p { color: #fff; } 
.main_wrap .con4 { background: url('/img/main_con3_obj2.png') no-repeat #f5fcfe; background-position: top center; } 
.main_wrap .con4 ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 60px; } 
.main_wrap .con4 ul li { border: 1px solid #d1d1d1; border-radius: 6px; background: #fff; padding: 40px 36px; } 
.main_wrap .con4 ul li .tit { font-size: 32px; font-family: "surround", sans-serif; color: #000; border-bottom: 1px solid #d1d1d1; padding-bottom: 20px; margin-bottom: 30px; } 
.main_wrap .con4 ul li p { font-size: 18px; color: #777; } 
.main_wrap .con4 ul li .pic_wrap { margin-top: 20px; } 
.main_wrap .con5 {background: #f5f5f7;}
.main_wrap .con5 .inner {padding: 100px 0 110px 0 ;}
.main_wrap .con5 ul  {display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 50px; } 
.main_wrap .con5 ul li {}
.main_wrap .con5 ul li > div {display: flex;font-size: 24px;text-align: left;font-weight: 500;line-height: 1.3;gap:26px;  align-items: center;}
.main_wrap .con5 .btn_wrap {margin-top: 16px;width: 160px;}
.main_wrap .con5 a {    border-radius: 4px;height: 48px;line-height: 46px;font-size: 15px;display: block;width: 100%;text-align: center;margin: 0;}
.main_wrap .tit_wrap h2 { font-size: 52px; color: #000; letter-spacing: -1px; font-family: "surround", sans-serif; } 
.main_wrap .tit_wrap p { font-size: 20px; } 
.main_wrap h2 { margin-bottom: 20px; } 
.main_wrap h2 b { color: #3617ce; } 
.bg_gray { background: #f4f4f4; } 
@keyframes movLeft { 
 from { transform: translateX(0) rotate(.002deg); } 
 to { transform: translateX(5px) rotate(.002deg); } 
 }
@media screen and (max-width: 1320px){
 .main_wrap .con1 .bx-wrapper .bx-controls-direction a.bx-prev { left: -18px; } 
 .main_wrap .con1 .bx-wrapper .bx-controls-direction a.bx-next { right: -18px} 
 .main_wrap .con5 .inner {}
 }
@media screen and (max-width: 1160px){
 .main_wrap { margin-top: 64px; } 
 .main_wrap .con2 .c1 .txt_box { width: 100%; font-size: 20px; } 
 .main_wrap .con3 { background-position: right 0 bottom; } 
 .main_wrap .con2 .c1 { gap: 10px; } 
 .main_wrap .con2 .c1 .tb_wrap .list-rolling { width: 500px; font-size: 20px; } 
 .main_wrap .con5 ul li > div{font-size: 20px;}
 }
@media screen and (max-width: 970px){
 .t_menu_m { display: flex; } 
 .Icon__Wrap { display: none; } 
 .inner { padding: 80px 20px 80px 20px; } 
 .main_visual .w_1320 { padding-left: 0; padding-right: 0;padding-top: 50px; padding-bottom: 50px; } 
 .main_wrap .tit_wrap h2 { font-size: 36px; } 
 .main_wrap .tit_wrap h3 { font-size: 26px; } 
 .main_wrap .tit_wrap p { font-size: 16px; } 
 .q_form_wrap { flex-direction: column; align-items: center; } 
 .form_con { display: flex; gap: 10px; } 
 .q_form_wrap .form_tit { justify-content: center; } 
 .q_form_wrap .form_tit .tit { font-size: 30px; letter-spacing: -1px; } 
 .q_form_wrap .form_tit img { width: 80px; } 
 .q_form_wrap .form_tit .tit span { display: inline-block; margin-right: 5px; } 
 .q_form_wrap .btn_wrap a { font-size: 20px; padding: 32px; } 
 .main_quick_form { padding: 30px 0 50px 0; } 
 .q_form_wrap .form_tit { margin-right: 0; border-bottom: 1px dashed #ccc8e4; padding-bottom: 10px; width: 100%; } 
 .main_wrap .con1 .item_wrap .tit { padding: 16px 0; font-size: 18px; } 
 .main_wrap .con1 .item_wrap .benefit { font-size: 20px; } 
 .main_wrap .con1 .bx-wrapper .bx-controls-direction a.bx-prev { left: -3%; } 
 .main_wrap .con1 .bx-wrapper .bx-controls-direction a.bx-next { right: -3%}
 .main_wrap .con1 .item_wrap .pay { gap: 8px; } 
 .main_wrap .con1 .item_wrap .pay .discount { font-size: 20px; } 
 .main_wrap .con1 .item_wrap .pay { font-size: 14px; } 
 .main_wrap .con1 .bx-wrapper ul li { font-size: 14px; } 
 .main_wrap .con2 .c1 { flex-direction: column; margin-top: 50px; } 
 .main_wrap .con2 .c1 .txt_box { font-size: 20px; background-size: 220px; width: 90%; margin: 0 auto; } 
 .main_wrap .con2 .c1 .txt_box .tit { font-size: 26px;; } 
 .main_wrap .con2 .c1 .tb_wrap { margin-top: 30px; } 
 .main_wrap .con2 .c1 .tb_wrap .list-rolling { width: 100%; padding: 30px 20px; font-size: 15px; } 
 .main_wrap .con2 .c1 .tb_wrap ul { gap: 18px; height: 162px; } 
 .main_wrap .con2 .c1 .tb_wrap ul li .p-state a { font-size: 13px; } 
 .main_wrap .con2 .c1 .txt_box .obj { width: 300px; padding: 20px 0; } 
 .main_wrap .con3 { background-position: right 0 bottom; background-size: 200px; } 
 .main_wrap .con4 ul { gap: 12px; } 
 .main_wrap .con4 ul li { padding: 20px; } 
 .main_wrap .con4 ul li .tit { font-size: 22px; } 
 .main_wrap .con4 ul li p { font-size: 14px; height: 51px; } 
 .main_wrap .con4 ul li .pic_wrap { width: 140px; margin: 0 auto; padding-top: 20px; } 
 .main_wrap .con2 .c1 .txt_box ul li { margin-bottom: 4px; } 
 .main_wrap .con5 .inner {padding: 60px 20px 60px 20px}
  .main_wrap .con5 ul li > div {font-size: 18px;        flex-direction: column;    text-align: center;}
 }
@media screen and (max-width: 640px){
 .inner { padding: 60px 20px 60px 20px; } 
 .main_wrap .tit_wrap h2 { font-size: 26px; } 
 .main_wrap .tit_wrap h3 { font-size: 16px; } 
 .main_wrap .tit_wrap p { font-size: 14px; } 
 .form_con { flex-direction: column; } 
 .q_form_wrap .q_form>div:nth-child(1) label,
 .q_form_wrap .q_form>div:nth-child(2) label { font-size: 16px; } 
 .q_form_wrap .form_tit .tit { font-size: 26px; } 
 .q_form_wrap .form_tit img { width: 60px; } 
 .main_wrap .con1 { background-size: 100%; } 
 .main_wrap .con1 .slider_wrap { margin-top: 10px; } 
 .main_wrap .con1 .item_wrap .logo { display: inline-block; } 
 .main_wrap .con2 .c1 { margin-top: 30px; } 
 .main_wrap .con2 .c1 .txt_box { background-size: 150px; } 
 .main_wrap .con2 .c1 .txt_box ul { margin-top: 10px; } 
 .main_wrap .con2 .c1 .tb_wrap ul li { font-size: 14px; } 
 .main_wrap .con3 { background-position: -60px bottom; background-size: 170px; } 
 .main_wrap .con3 .tit_wrap p { margin-top: 20px; } 
 .main_wrap .con4 { background-size: 200px; } 
 .main_wrap .con4 ul { grid-template-columns: repeat(3, 1fr); margin-top: 30px; gap: 6px; } 
 .main_wrap .con4 ul li .tit { font-size: 15px; padding-bottom: 10px; margin-bottom: 0; } 
 .main_wrap .con4 ul li p { display: none; } 
 .main_wrap .con4 ul li .pic_wrap { max-width: 80px; } 
 .main_wrap .con4 .animation-oh { height: 46px; } 
 .main_wrap .con2 .c1 { margin-top: 10px; } 
 .main_wrap .con2 .c1 .txt_box { font-size: 16px; background-size: 140px; height: 260px; text-align: left; width: 100%; } 
 .main_wrap .con2 .c1 .txt_box ul { text-align: left; width: 100%; margin: 0 auto; font-size: 15px; letter-spacing: -0.5px; padding-top: 10px; margin-left: 10px; } 
 .main_wrap .con2 .c1 .txt_box ul li { padding-left: 22px; } 
 .main_wrap .con2 .c1 .txt_box ul li::before { width: 17px; height: 17px; background-size: cover; } 
 .main_wrap .con2 .c1 .btn_wrap { margin-top: 30px; } 
 .main_wrap .con2 .c1 .btn_wrap a { padding: 10px 16px; font-size: 15px; } 
 .main_wrap .con2 .c1 .txt_box .tit { font-size: 20px; margin-left: 10px; } 
 .main_wrap .con4 ul li { padding: 20px 10px; } 
 .q_form_wrap .form_tit>div img { display: none; } 
 .q_form_wrap .form_tit { gap: 0; padding-bottom: 16px; text-align: center;} 
 .q_form_wrap .q_form { margin-top: 0; } 
 .main_quick_form { border-right: 5px solid #3617ce; border-left: 5px solid #3617ce; border-bottom: 5px solid #3617ce; } 
 .q_form_wrap .btn_wrap a { padding: 16px; } 
 .main_wrap .con5 ul {    grid-template-columns: repeat(1, 1fr);        margin-top: 20px;justify-items: center;}
 .main_wrap .con5 ul li {border-bottom: 1px dashed #d1d1d1;padding-bottom: 20px;width: 100%;}
 .main_wrap .con5 ul li:last-child {border: 0;padding-bottom: 0;}
  .main_wrap .con5 ul li > div{font-size: 15px;        flex-direction: row;text-align: left;        justify-content:  flex-start;;}
  .main_wrap .con5 ul li .ico {width: 100px;        flex-shrink: 0;}
  .main_wrap .con5 a {height: 46px;line-height: 45px;}

 }



/*--------------------------------------------------------------
# footer
--------------------------------------------------------------*/


#footer { background: #2b2b35; color: #fff; font-size: 15px; border-top: 1px solid #e1e1e1; } 
#footer a { color: #fff; } 
#footer .ft_wrap { display: flex; justify-content: space-between; padding: 50px 0; } 
#footer .ft_info .info_item.name { display: block; width: 100%; } 
#footer .ft_info_wrap { width: 820px; } 
#footer .ft_info b { font-weight: normal; } 
.ft_nav { display: flex; justify-items: flex-start; gap: 6px; margin-bottom: 16px; } 
.ft_nav a { padding: 10px 16px; border-radius: 30px; display: block; } 
.footer__copyright { font-size: 12px; color: #b3b3b3; margin-top: 17px; line-height: 1.6; } 
#footer .ft_info { display: flex; flex-wrap: wrap; gap: 3px 16px; color: #fff; width: 500px; line-height: 1.4; } 
#footer .ft_info b { display: inline-block; font-weight: 200; } 
#footer .ft_info .copy { width: 100%; font-size: 14px; margin-top: 10px; color: #919191; } 
#footer .call_num { font-family: "surround", sans-serif; color: #fff; font-size: 26px; } 
#footer .call_num .num { font-optical-sizing: auto; font-weight: 700; font-style: normal; letter-spacing: -0.5px; line-height: 1; color: #ffdd94; font-size: 36px; } 
@media screen and (max-width: 1320px){
 #footer .ft_wrap { padding: 50px 20px; } 
 }
@media screen and (max-width: 1160px){
 #footer .ft_wrap { padding: 50px 20px 80px 20px; } 
 }
@media screen and (max-width: 970px){
 #footer { font-size: 14px; } 
 #footer .ft_wrap { flex-wrap: wrap; } 
 #footer .ft_wrap>div { align-items: center; } 
 #footer .ft_logo { width: 100%; } 
 #footer .ft_logo a { width: 130px; height: 40px; } 
 #footer .call_num { width: 100%; margin-bottom: 20px; } 
 #footer .ft_info { width: 100%; } 
 #footer .ft_info_wrap { width: auto; } 
 #footer .call_num { margin-top: 30px; } 
 #footer .call_num>div img { width: 26px; } 
 .ft_nav a { font-size: 13px; padding: 8px 12px; } 
 #footer .call_num { font-size: 18px; display: flex; gap: 10px; } 
 #footer .call_num .num { font-size: 24px; } 
 }


/*--------------------------------------------------------------
# sub
--------------------------------------------------------------*/


/*sub 공통*/


.sec { margin-bottom: 80px; } 
.sec-2 { margin-bottom: 60px; } 
.sub_sec { padding: 50px 0 120px 0; } 
.s_inner { width: 100%; padding: 120px 0 130px 0; } 
.gray_bg_box { background: #f6f6f6; padding: 40px; font-size: 16px; display: flex; } 
.gray_line_box { display: flex; padding: 30px; background: #fff; margin-bottom: 60px; border: 20px solid #efefef; align-items: center; border-radius: 10px; } 
.bg_gary { background: #f6f6f6; } 
.sub__visualTitle { line-height: 1.5; font-size: 40px; color: #000; font-weight: 700; font-family: "surround", sans-serif; } 
.sub__visualBg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-size: cover; } 
.sub__visual { position: relative; height: 223px; text-align: center; overflow: hidden; } 
.sub__visual .tit_wrap { display: flex; flex-direction: column; height: 223px; justify-content: center; } 
.sub__visual .tit_wrap img { /* width: 120px; */
 height: 30px; } 
.sub_tit { font-size: 62px; letter-spacing: -2px; line-height: 1.3; font-weight: bold; margin-top: 150px; color: #000; } 
.sub_bg { margin: -37px auto 0; margin-bottom: 100px; } 
.point { font-weight: 600; color: #3617ce; text-decoration: underline; text-underline-offset: 7px; margin-bottom: 7px; } 
.td_st_01 { background: #fffbf1; } 
.add_info { margin-top: 20px; } 
#container { transition: all 0.4s; word-break: keep-all; font-size: 17px; line-height: 1.8; color: #777; } 
/*#container h2 { transition: all 0.4s; font-size: 52px; letter-spacing: -1px; line-height: 1.5; font-weight: bold; margin-top: 50px; margin-bottom: 60px; } */
#container h3 { position: relative; font-size: 24px; color: #333; font-weight: 500; margin-bottom: 15px; letter-spacing: -0.5px; padding-left: 12px; margin-left: 10px; } 
#container h3:before { content: ''; position: absolute; top: 14px; left: 0; margin: auto; width: 6px; height: 6px; border-radius: 50%; background: #3617ce; } 
#container .sub_Title { font-size: 26px; font-weight: 200; color: #000; } 
#container .sub_Title .bold { font-weight: 700; } 
#container .sub_Title span { color: #c5c5c5; font-size: 16px; letter-spacing: 0; display: block; font-weight: 500; margin-bottom: 20px; } 
#container .sub_Title b { font-weight: 200; color: #3617ce; } 
@media(max-width: 970px){
 #container .sub_Title { font-size: 24px; } 
 .s_inner { width: 100%; padding: 80px 0 90px 0; } 
 .sub__visualTitle { font-size: 32px; } 
 .sec { margin-bottom: 60px; } 
 .sec-2 { margin-bottom: 30px; } 
 }
@media(max-width: 640px){
 .sec { margin-bottom: 50px; } 
 #container { font-size: 14px; } 
 #container .sub_Title { font-size: 18px; } 
 .s_inner { width: 100%; padding: 60px 0; } 
 .sub__visual { height: 160px; } 
 .sub__visualTitle { font-size: 24px; } 
 .notice_alert { font-size: 13px; } 
 .add_info { margin-top: 10px; } 
 a.btn_ok_line { height: 50px; line-height: 50px; font-size: 14px; } 
 a.btn_ok_line { min-width: 90%; } 
 .btn_box_wrap_2 { justify-content: center; } 
 .textarea_comm { font-size: 14px; } 
 .check_comm { font-size: 14px; } 
 .gray_bg_box { padding: 20px; font-size: 14px; line-height: 1.4; } 
 }
.gary_dot_li li { position: relative; padding-left: 10px; } 
.gary_dot_li li::before { content: ''; position: absolute; top: 14px; left: 0; margin: auto; width: 3px; height: 3px; background: #999; border-radius: 50%; } 
.dot-title { position: relative; margin-bottom: 20px; padding-left: 22px; font-size: 30px; font-weight: 700; color: #111; letter-spacing: -0.5px; display: inline-block; } 
.dot-title::before { content: ''; position: absolute; top: 21px; left: 0; margin: auto; width: 14px; height: 14px; border-radius: 50%; border: 4px solid #3617ce; } 
.dot_s_tit { font-size: 22px; color: #777; font-weight: normal; letter-spacing: -0.5px; display: inline-block; } 
.dot_s2_tit { position: relative; font-size: 24px; color: #333; font-weight: 400; letter-spacing: -0.5px; padding-left: 12px; margin-left: 10px; } 
.dot_s2_tit::before { content: ''; position: absolute; top: 20px; left: 0; margin: auto; width: 6px; height: 6px; border-radius: 50%; background: #3617ce; } 
.s_top { margin-top: 162px; } 
.sub_bg { margin: -37px auto 0; margin-bottom: 50px; } 
.hide-default { display: none !important; } 
.sub_tit { font-size: 56px; letter-spacing: -2px; line-height: 1.3; font-weight: bold; margin-top: 50px; color: #444; } 
@media screen and (max-width:1160px){
 .s_top { margin-top: 64px; } 
 }
@media screen and (max-width: 970px){
 #container h3 { font-size: 18px; } 
 .dot-title { font-size: 20px; padding-left: 22px; margin-bottom: 20px;; } 
 .dot_s_tit { font-size: 18px; } 
 .dot-title::before { top: 11px}
 .dot_s2_tit { font-size: 20px; } 
 .dot_s2_tit::before { top: 14px}
 .sub_sec { padding: 30px 0 80px 0; } 
 .sub__visual { height: 160px; } 
 .sub__visual .tit_wrap { height: 160px; } 
}
@media screen and (max-width: 640px){
 #container h3 { font-size: 15px; } 
 #container h3:before { top: 9px}
 .dot-title { font-size: 19px; padding-left: 15px; margin-bottom: 20px; line-height: 1.3; } 
 .dot-title::before { width: 10px; height: 10px; top: 9px; border: 3px solid #3617ce; } 
 .dot_s_tit { font-size: 15px; margin-left: 5px; line-height: 1.4; display: inline-block; } 
 .dot_s2_tit { position: relative; font-size: 16px; margin-left: 10px; padding-right: 50px; } 
 .dot_s2_tit::before { top: 12px}
 .sub_sec { padding: 10px 0 60px 0; } 
 .gary_dot_li li::before { top: 8px}
 .p1010 .c3 .gary_dot_li li { padding-left: 7px; } 
 .p1010 .c3 .gary_dot_li li::before { top: 11px}
}
/*sub_location*/


.location { overflow: hidden; } 
.location ul li { font-size: 15px}
.location ul li a { padding: 14px 0; display: inline-block; color: #999; } 
.location ul li.on a { display: inline-block; color: #325dda; border-bottom: 2px solid #325dda; } 
.location ul li:after.on { } 
.location ul li.on a:after { border-bottom: 2px solid #000; } 
.location .loc { display: flex; margin: auto; padding: 0; float: right; margin-top: 10px; align-items: cen}
.location .loc>li { position: relative; padding: 0px 0px 0px 15px; } 
.location .loc>li+li { margin-left: 10px; } 
.location .loc>li::before { position: absolute; left: -5px; top: 18px; width: 18px; height: 18px; background: url(/img/location_ar.png) no-repeat center; background-size: 18px auto; padding-right: 18px; color: transparent; font-size: 1rem; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: middle; content: ''; opacity: .4; margin: 0rem 0rem 0rem 0rem}
.location .loc>li:first-child { } 
.location .loc>li:first-child:before { display: none; } 
.location .loc>li.hm .tt { } 
@media all and (max-width: 1320px){
 .w_1320 { padding-left: 20px; padding-right: 20px; } 
 }
@media all and (max-width: 780px){
 #container h3 { font-size: 20px; margin-bottom: 20px; margin-left: 0; } 
 }
@media all and (max-width: 640px){
 #container h3 { font-size: 16px; margin-bottom: 10px; } 
 .location .loc { margin-top: 10px; } 
 .location ul li { font-size: 14px; } 
 .location img { width: 14px; } 
 .location .loc>li::before { background-size: 14px; } 
 }


/*sub 아코디언 내용*/


#Accordion_wrap h3 { margin-bottom: 0 !important; } 
.que:first-child { border-top: 1px solid black; } 
.que { position: relative; padding: 17px 0; cursor: pointer; font-size: 14px; border-bottom: 1px solid #dddddd; } 
.que.on>span { font-weight: bold; color: #3617ce; } 
.anw { display: none; overflow: hidden; background-color: #f4f4f2; padding: 50px; line-height: 1.4; font-size: 16px; color: #777; } 
.anw li { margin-bottom: 5px; } 
.arrow-wrap { position: absolute; top: 50%; right: 10px; transform: translate(0, -50%); } 
.que .arrow-top { display: none; } 
.que .arrow-bottom { display: block; font-size: 30px; color: #004aab; } 
.que.on .arrow-bottom { display: none; } 
.que.on .arrow-top { display: block; font-size: 30px; color: #004aab; } 
@media screen and (max-width: 970px){
 .anw { padding: 30px; } 
 .anw { font-size: 15px; } 
 .que .arrow-bottom { font-size: 22px} 
 }
@media screen and (max-width: 640px){
 .anw { padding: 20px; font-size: 14px; } 
 .anw li { padding-left: 6px; } 
 .que .arrow-bottom { font-size: 17px}
 .que.on .arrow-top { font-size: 17px}
}


/*sub_tabmenu*/


/* 전체 탭 컨테이너 */
.tabs { width: 100%; } 

/* 메인 탭과 서브 탭 내비게이션 바 */

.tab_nav,
.sub_tab_nav { display: flex; align-items: center; position: relative; background: #fff; padding: 10px 0; } 
.sub_tab_nav_wrap { padding: 0px 50px 50px 50px; background: #fafafa; } 
.sub_tab_nav::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: #d1d1d1; z-index: 1; } 
.sub_tab_nav::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 0.5px; background: #d1d1d1; z-index: 1; } 
.sub_tab_nav li { position: relative; } 
.sub_tab_nav li:last-child::after { content: none; } 
.sub_tab_nav li::after { content: ''; position: absolute; top: 14px; right: 0; width: 1px; height: 20px; background: #d1d1d1; z-index: 1; } 


/* 메인 및 서브 탭 */
.tab_nav li { padding: 0 10px; } 
.tab_nav li a,
.sub_tab_nav li a { display: block; position: relative; padding: 10px 15px; border-bottom: none; font-size: 18px; font-weight: 500; z-index: 0; } 
.tab_nav li a { font-size: 22px; } 
.sub_tab_nav li a { color: #999; padding: 10px 25px; } 
.tab_nav { background: #fafafa; padding: 50px 50px 0 50px; /* border-top: 3px solid; */
 border-radius: 50px 50px 0 0; } 


/* 활성화된 탭 */
.tab_nav li.active a,
.sub_tab_nav li.active a { z-index: 2; color: #3617ce; } 
.tab_nav li.active a { /* border-bottom: 3px solid #3617ce; */}
.tab_nav li.active a:after { content: ''; position: absolute; bottom: 0; left: 0; margin: auto; width: 100%; height: 3px; background: #3617ce; } 


/* 탭 컨텐츠 영역 */
.tab,
.sub_tab { display: none; padding: 0; background-color: white; } 


/* 활성화된 탭 컨텐츠 영역을 표시 */
.tab.active,
.sub_tab.active { display: block; } 

/* 기본값: 탭 메뉴 보이고, 셀렉트 숨김 */
.tab-select { display: none; } 
.third_tab_nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; width: 100%; padding: 20PX 0 10px 0; } 
.third_tab_nav li { display: inline-block; text-align: center; background-color: #b1b1b1; color: #fff; cursor: pointer; border-radius: 30px; } 
.third_tab_nav li.active { background-color: #ec2929; font-weight: 600; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.08); } 
.third_tab_nav li a { color: #fff; padding: 14px 0; } 
.tab_nav_select { display: none; } 
.stop_tab_menu li a { display: block; } 
.tab_content,
.sub_tab_content,
.third_tab_content { display: none; } 
.tab_content.active,
.sub_tab_content.active,
.third_tab_content.active { display: block; } 
.tab-select .select_comm { width: 100%; height: 48px; border: 1px solid #000; } 
.tab-select { margin-bottom: 20px; } 


@media screen and (max-width: 970px){
 .tab_menu { margin-top: 10px; } 
 .tab_nav { padding: 5px 5px 0 5px; } 
 .tab_nav li a { font-size: 15px; } 
 .sub_tab_nav li { box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.06); } 
 .tab_nav li a,
 .sub_tab_nav li a { font-size: 14px; } 
 .sub_tab_nav_wrap { padding: 0; margin-bottom: 16px; } 
 .tab_nav { display: none; } 
 .tab-select { display: block; } 
 .tab-select { margin-bottom: 0px; } 
 .sub_tab_nav::before { content: none}
 .sub_tab_nav::after { content: none}
 .sub_tab_nav li::after { content: none}
 .sub_tab_nav li a { border: 1px solid #d1d1d1; border-radius: 4px; text-align: center; padding: 10px 8px; } 
 .sub_tab_nav li.active a { border: 1px solid #3617ce; } 
 .sub_tab_nav.gird-3 { display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; gap: 6px; } 
 .tab_nav { display: none; } 
 .tab_nav_select { display: block; } 
 .third_tab_nav { padding: 10px 0 4px 0; gap: 4px; } 
 .third_tab_nav li a { padding: 10px 0; } 
 }
button.close_btn { font-size: 36px; background: none; border: 0; color: #fff; } 


/* 메인요금-레이어팝업 */


.modal-lg,
.modal-xl { max-width: 1100px !important}
body.modal-open header { padding-right: 0 !important; } 
.modal .bi-x { color: #fff !important; } 
.modal { padding-right: 0 !important; } 
.modal-header { background: #3617ce; text-align: center; } 
.modal-title { color: #fff; font-size: 26px; font-weight: 500; margin-left: 16px; font-family: "surround", sans-serif; } 
.modal-header .btn-close { color: #fff; } 
.calculator-pop .modal-box { position: fixed; position: relative; width: 1100px; box-sizing: border-box; background: #fff; box-shadow: 10px 10px 15px rgba(0, 0, 0, .3); -webkit-box-shadow: 10px 10px 15px rgba(0, 0, 0, .3); -ms-box-shadow: 10px 10px 15px rgba(0, 0, 0, .3); } 
.calculator-pop .modal-box h3 { padding: 20px; background: #333; font-size: 2.4rem; color: #fff; text-align: center; } 
.calculator-box { display: flex; flex-direction: row; gap: 20px; } 
.calculator-pop .modal-box .btn-close { position: absolute; top: 15px; right: 20px; } 
.calculator-pop .modal-box .btn-close i { font-size: 3rem; color: #fff; } 


/* 메인요금-레이어팝업-left */
.calcul-select-box { width: 70%; } 
.calcul-select-box .tit-tab { margin-bottom: 20px; overflow: hidden; background: #efefef; padding: 16px 10px; } 
.calcul-select-box .tit-tab ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px}
.calcul-select-box .tit-tab li { } 
.calcul-select-box .tit-tab li a { display: block; width: 100%; font-size: 18px; border-radius: 30px; line-height: 46px; background: #fff; border: solid 2px #fff; box-sizing: border-box; text-align: center; color: #1f2930; } 
.calcul-select-box .tit-tab li.on a { background: #fff; border: solid 2px #f48025; color: #f48025; } 
.tab2_ui .tab_nav1 { float: left; width: 30%; padding-right: 3%; box-sizing: border-box; display: flex; flex-direction: column; gap: 3px; } 
.tab2_ui .tab_nav1 button { width: 100%; line-height: 42px; font-size: 16px; background: #f7f7f7; box-sizing: border-box; border: 1px solid #ddd; color: #333; text-align: center; } 
.tab2_ui .tab_nav1>li.on button { background: #3617ce; color: #fff; border-color: #3617ce; border-radius: 4px; } 
.tab2_ui .tab_cont { float: left; width: 70%; } 
.tab2_ui .tab_cont .tab_nav2 { float: left; width: 50%; padding: 0 5%; box-sizing: border-box; border-left: 1px solid #efefef}
.tab2_ui .tab_cont .tab_cont_nav { display: grid; gap: 3px; grid-template-columns: repeat(1, 1fr); } 
.tab2_ui .tab_cont .tab_cont_nav li button { display: block; width: 100%; line-height: 42px; font-size: 16px; background: #f7f7f7; box-sizing: border-box; border: 1px solid #ddd; color: #333; text-align: center; border-radius: 4px; } 
.tab2_ui .tab_cont .tab_cont_nav .tab_nav1>li.on button { background: #3617ce; color: #fff; border-color: #3617ce; } 
.tab2_ui .tab_cont .tab_cont_nav2 { padding-top: 10px; } 
.tab2_ui .tab_cont .tab_cont_nav2 li button { float: left; display: block; width: 50%; padding: 5px; font-size: 14px; background: #888; box-sizing: border-box; border: 2px solid #fff; color: #fff; text-align: center; border-radius: 4px; } 
.tab2_ui .tab_cont .tab_cont_nav2 li.on button { background: #000; } 
.tab2_ui .tab_cont .tab_cont2 { float: left; width: 50%; max-height: 200px; overflow-y: scroll; padding-left: 5%; box-sizing: border-box; border-left: 1px solid #efefef}
.tab2_ui .tab_cont .tab_cont2>div { margin-bottom: 3px; } 
.tab2_ui .tab_cont .tab_nav2 .tab_cont_nav>li.on button { color: #ed3f38; } 


/* 메인요금-레이어팝업-right */
.total-box { width: 30%; } 
.total-box .btn_wrap_half { gap: 4px; padding-top: 20px; } 
.total-box .btn_wrap_half a { font-size: 15px; height: 54px; line-height: 52px; } 
.sum-box { width: 100%; background: #efefef; padding: 30px; box-sizing: border-box; } 
.sum-box .num-box li { border-bottom: solid 1px #aaa; font-size: 1.5rem; color: #777; padding-bottom: 7px; margin-bottom: 15px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } 
.sum-box .num-box li .txt { font-size: 14px; color: #222; width: 210px; } 
.sum-box .num-box li .num { width: 70%; float: right; font-size: 1.5rem; color: #777; border: 0; text-align: right; background: none; letter-spacing: -0.5px; } 
.sum-box .num-box li .big { width: 70%; float: right; font-size: 2rem; color: #ff0000; border: 0; text-align: right; background: none; letter-spacing: -1px; font-weight: 600; } 
.sum-box .num-box li span { margin-left: 3px; } 
.sum-box .num-box li .big_box { font-weight: 600; color: #FF0000; } 
.sum-box .num-box li>div { display: flex; justify-content: flex-end; align-items: center; } 
.sum-box p { font-size: 14px; color: #222; line-height: 1.4}
.total-box .btn-box { text-align: center; } 
.total-box .gary_dot_li { font-size: 14px; color: #555; line-height: 1.4; } 


@media all and (max-width:1160px){
 .calcul-select-box .tit-tab li a { font-size: 16px; } 
 .tab2_ui .tab_nav1 button { font-size: 14px; } 
 .tab2_ui .tab_cont .tab_cont_nav li button { font-size: 14px; } 
 .sum-box .num-box li { font-size: 15px; } 
 .sum-box .num-box li .num { font-size: 18px; } 
 .sum-box .num-box li .big { font-size: 20px; } 
}
@media all and (max-width:970px){
 .calculator-box { flex-direction: column; } 
 .calcul-select-box { width: 100%; } 
 .total-box { width: 100%; } 
 .calcul-select-box .tit-tab li a { font-size: 13px; line-height: 36px; letter-spacing: -0.5px; } 
 .tab2_ui .tab_nav1 { float: none; width: 100%; padding: 0 10px; display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px; } 
 .tab2_ui .tab_cont .tab_nav2 { padding: 0 10px; display: grid; width: 100%; float: none; margin-top: 10px; border-left: 0; border-top: 1px dashed #ddd; padding-top: 10px; } 
 .tab2_ui .tab_nav1 button { font-size: 13px; } 
 .tab2_ui .tab_cont { float: none; width: 100%; } 
 .tab2_ui .tab_cont .tab_cont2 { width: 100%; float: none; margin-top: 10px; border-left: 0; border-top: 1px dashed #ddd; padding-top: 10px; } 
 .modal { height: 90% !important; } 
 .form-check-input { font-size: 14px; } 
 .form-check-input:checked { background-color: #3617ce !important; border-color: #3617ce !important; } 
 .tab2_ui .tab_cont .tab_cont2>div { font-size: 14px; } 
 .tab2_ui .tab_cont .tab_cont_nav { grid-template-columns: repeat(3, 1fr); } 
 .tab2_ui .tab_cont .tab_cont_nav li button { font-size: 13px; } 
 .tab2_ui .tab_cont .tab_cont_nav2 { display: grid; grid-template-columns: repeat(3, 1fr); } 
 .tab2_ui .tab_cont .tab_cont_nav2 li button { width: 100%; } 
 .sum-box { padding: 24; } 
 .sum-box .num-box li { font-size: 14px; } 
 .modal-title { font-size: 20px; } 
 .modal-header { padding: 0.2rem 0.2rem; } 
 }
@media all and (max-width:640px) { } 


/*form*/

.sec_board_write { } 
.sec_board_write .head { border-top: 2px solid #000; border-bottom: 1px solid #d1d1d1; padding: 16px 0 24px 0; } 
.sec_board_write .head .date { margin-top: 0.3em; font-family: "Montserrat", sans-serif; margin-bottom: 6px; } 
.sec_board_write .head h3 { margin: 0 0 0px 0; font-size: 20px; color: #000; font-weight: 500; } 
.sec_board_write .cont { padding: 0; color: #000; } 
.w_container .tit { font-size: 28px; letter-spacing: -1px; color: black; font-weight: 500; margin-bottom: 14px; } 
.w_container .tit span { font-size: 1rem; font-weight: 400; } 
.w_container .table_comm+.tit { margin-top: 50px; } 
.w_container .agree { margin-bottom: 1em; padding: 1em; border: 1px solid #E4E4E4; border-top: 2px solid #000; border-radius: 0; font-size: 15px; resize: none; background: #f8f8f8; color: #000; } 
.w_container .table_comm .flex { display: flex; align-items: center; gap: 10px; } 
.w_container .table_comm .flex.date .input_comm { width: 100%; } 
.w_container .table_comm .time { display: flex; align-items: center; gap: 10px; } 
.w_container .table_comm .arr { padding: 0 4px; } 
.w_container .agree2 { margin-bottom: 1em; padding: 1em; border: 1px solid #E4E4E4; border-radius: 0; font-size: 15px; resize: none; color: #000; height: 200px; overflow-y: scroll; } 
.btn_box { text-align: center; width: 220px; margin: 30px auto; } 
a.btn_ok { display: inline-block; height: 60px; padding-left: 1em; padding-right: 1em; border-radius: 30px; vertical-align: top; font-size: 1.07rem; line-height: 60px; color: #fff; text-align: center; white-space: nowrap; min-width: 240px; background: #3617ce; cursor: pointer; } 
a:hover.btn_ok,
a:focus.btn_ok { background: #004aab; transition: .2s}
a.btn_ok_line { display: inline-block; height: 60px; padding-left: 1em; padding-right: 1em; border-radius: 30px; vertical-align: top; font-size: 1.07rem; line-height: 60px; color: #3617ce; text-align: center; white-space: nowrap; min-width: 240px; background: #fff; cursor: pointer; border: 1px solid #3617ce; } 
/*table*/
dl,
ul,
ol,
menu,
li { list-style: none; padding: 0; } 
dl,
ol,
ul { padding: 0; margin: 0; } 
#sub_con { margin-top: 120px; margin-bottom: 80px; } 
#sub_con .sub_wrap { position: relative; width: 100%; max-width: 1140px; margin: 0 auto; } 
#sub_con .sub_wrap h1 { color: #000; font-size: 44px; line-height: 1.25; font-weight: 700; letter-spacing: -.06em; } 
.table_head { display: flex; } 
.table_head li { padding: 1em 1em; border-bottom: 1px solid #333; font-weight: 500; text-align: center; position: relative; color: #000; } 
.table_head li+li::before { content: ''; display: block; position: absolute; top: 1em; bottom: 1em; left: 0; border-left: 1px solid #eee; } 
.table_respon .w15 { width: 15%; } 
.table_respon .w70 { width: 70%; } 
.table_respon_body.tc div { text-align: center; } 
.table_respon_body a { color: #000; } 
.table_respon_body li { display: flex; } 
.table_respon_body li .date { color: #898989; font-family: "Montserrat", sans-serif; } 
.table_respon_body li>a { /* display: flex; width: 100%; align-items: center; */}
.table_respon_body .tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 
.table_respon_body li>div,
.table_respon_body a li>div { padding: 1.6em 1.3em; color: #333; } 
.table_respon_body li { display: flex; align-items: center; border-bottom: 1px solid #ebebeb; } 
.table_respon_body div.left_tit { text-align: left; } 
.table_comm .w15 { width: 15%; } 
.table_comm { width: 100%; border-top: 2px solid; font-size: 16px}
.table_comm tbody th { padding: 0.7em 0.7em 0.7em 1em; border-bottom: 1px solid #ebebeb; color: #000; text-align: left; font-weight: 600; } 
.table_comm tbody td { color: #333; padding-top: 0.4em; padding-bottom: 0.4em; min-height: 47px; border-bottom: 1px solid #ebebeb; } 
.table_comm .required::after,
.w_container .tit .required::after { content: ''; display: inline-block; position: relative; top: -1px; width: 5px; height: 5px; margin-left: 5px; border-radius: 50%; background: #ff0000; vertical-align: middle; } 
.table_comm .w50 { width: 50%; display: flex; align-items: center; } 
.table_comm .w50 span { margin: 0 5px; } 
.table_comm .input_comm { width: 50%; } 
.table_comm .input_comm2 { width: 100%; } 
.table_comm .title .input_comm { width: 100%; } 
.table_comm .textarea_comm { width: 100%; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}
.textarea_comm::placeholder { color: 777; font-size: 16px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}
.input_comm { display: inline-block; box-sizing: border-box; height: 46px; padding-left: 1em !important; padding-right: 1em !important; border: 1px solid #d1d1d1; border-radius: 4px; font-size: 1rem; line-height: 46px; background-color: #fff !important; width: 100%; } 
.input_comm2 { display: inline-block; box-sizing: border-box; height: 46px; padding-left: 1em !important; padding-right: 1em !important; border: 1px solid #d1d1d1; border-radius: 4px; font-size: 1rem; line-height: 36px; background-color: #fff !important; width: 100%; } 
.select_comm { display: inline-block; position: relative; height: 46px; padding-left: 1em !important; padding-right: 2.5em !important; font-size: 1rem; border: 1px solid #d1d1d1; border-radius: 4px; -webkit-appearance: none; background: url(/img/select_arr.gif) calc(100% - 1em) center no-repeat; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}
.textarea_comm { display: inline-block; height: 46px; padding: 1em !important; border: 1px solid #d1d1d1; border-radius: 4px; font-size: 1rem; resize: none; max-height: 200px; overflow-y: scroll; } 
.table_comm .call_box { display: flex; width: 50%; } 
.table_comm .call_box>div { width: 32%; } 
.table_comm .call_box>span { width: 2%; text-align: center; line-height: 46px; } 
.table_comm2 { width: 100%; border-top: 2px solid; font-size: 16px; border-bottom: 1px solid #d1d1d1; } 
input.input_call { display: inline-block; box-sizing: border-box; height: 46px; padding-left: 1em !important; padding-right: 1em !important; border: 1px solid #d1d1d1; border-radius: 4px; font-size: 1rem; line-height: 46px; background-color: #fff; width: 100%; } 
input.input_bank { display: inline-block; box-sizing: border-box; height: 46px; padding-left: 1em !important; padding-right: 1em !important; border: 1px solid #d1d1d1; border-radius: 4px; font-size: 1rem; line-height: 46px; background-color: #fff; width: 100%; } 
.table_comm .call_box .input_bank { border: 2px solid #000; } 
.table_comm .bank_wrap { width: 50%; } 
.table_comm .bank { display: grid; gap: 5px; } 
.table_comm .bank>div:nth-child(3) { grid-column: 1/3; } 
input[type='text'],
input[type='file'],
input[type='password'],
input[type='number'],
input[type='tel'] { /* border:1px solid #e4e4e4; */
 background: transparent; padding: 0; -webkit-appearance: none; } 
textarea { padding: 5px; border: 1px solid #e4e4e4; background: transparent; } 
select { border: 1px solid #e4e4e4; border-radius: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; background: transparent; cursor: pointer; } 
.check_comm { display: inline-block; position: relative; line-height: 24px; padding-left: 28px; font-size: 15px}
.check_comm input { display: inline-block; position: absolute; left: 0; -webkit-appearance: none; } 
.check_comm input::before { content: ''; display: inline-block; position: absolute; top: 3px; left: 0; width: 20px; height: 20px; border-radius: 4px; vertical-align: middle; background: #d0d0d0; transition: .2s; } 
.check_comm input::after { content: ''; display: inline-block; position: absolute; top: 3px; left: 0; width: 20px; height: 20px; border-radius: 4px; vertical-align: middle; background: url(/img/ico_check.svg) center center no-repeat; } 
.check_comm input:checked::before { content: ''; display: inline-block; position: absolute; top: 3px; left: 0; width: 20px; height: 20px; border-radius: 4px; vertical-align: middle; background: #3617ce; } 
.radio_comm { display: inline-block; position: relative; line-height: 24px; padding-left: 32px; } 
.radio_comm input { display: inline-block; position: absolute; left: 0; -webkit-appearance: none; } 
.radio_comm input::before { content: ''; display: inline-block; position: absolute; top: 1px; left: 0; width: 24px; height: 24px; border: 2px solid #d6d9df; border-radius: 50%; vertical-align: middle; } 
.radio_comm input::after { content: ''; display: inline-block; position: absolute; top: 1px; left: 0; width: 24px; height: 24px; border-radius: 50%; vertical-align: middle; background: #d6d9df; transform: scale(0); transform-origin: center; transition: .2s; } 
.radio_comm input:not(:disabled):hover::after { transform: scale(.5); } 
.radio_comm input:checked::before { border-color: #788395; } 
.radio_comm input:checked::after { transform: scale(.5); background-color: #788395; } 
.radio_comm input:disabled::before { border-color: #efefef; background: #efefef; } 
.btn_comm { padding-top: 56px; text-align: center; } 
.mt20 { margin-top: 20px; } 
.show-640 { display: block; } 
.f-file input { width: 100%; height: 100%; opacity: 0.001; cursor: pointer; } 
.f-file { height: 50px; margin-left: -100%; background-image: url(/img/icon-file.png); background-position: 100% 50%; background-repeat: no-repeat; } 
.cs .w50 { width: 50%; } 
.cs .nice-select { border: 1px solid #e4e4e4; border-radius: 4px; font-size: 1rem; line-height: 46px; height: 46px; } 
.cs .nice-select .option { line-height: 44px; height: 44px; } 
.show-768 { display: none; } 
.show-1320 { display: none; } 
@media all and (max-width: 1320px){
 .con1_2 .show-pc { display: none; } 
 .show-1320 { display: block; } 
 }
@media all and (max-width: 768px){
 .table_comm { font-size: 14px; } 
 .table_comm tbody th { padding-right: 0.5em; font-size: 14px}
 .table_comm .input_comm { width: 100%; font-size: 14px}
 .table_comm .input_comm2 { font-size: 14px; height: 40px; line-height: 38px; } 
 .table_comm .select_comm { font-size: 14px}
 .table_comm input.input_call { font-size: 14px; height: 40px; line-height: 38px; } 
 .table_comm input.input_bank { font-size: 14px; height: 40px; line-height: 38px; } 
 a.s_black_btn { height: 40px; line-height: 38px; font-size: 14px; } 
 .table_comm .w50 { width: 100%; flex-wrap: wrap; gap: 5px; } 
 .select_comm { height: 40px; line-height: 38px; } 
 .input_comm { height: 40px; line-height: 38px; } 
 .table_comm .w15 { width: 20%; } 
 .w_container .agree { font-size: 14px}
 .check_comm { font-size: 14px}
 .table_comm .call_box { width: 100%; } 
 .table_comm .bank_wrap { width: 100%; } 
 .btn_box { margin-top: 20px; } 
 .file-st { position: relative; } 
 .f-file { position: absolute; right: 5px; width: 100%; } 
 .w_container .agree2 { font-size: 13px; height: 160px; } 
 .w_container .table_comm .flex { flex-direction: column; align-items: flex-start; } 
 .w_container .table_comm .arr { display: none}
 .textarea_comm::placeholder { font-size: 13px; } 
 .textarea_comm { max-height: 120px; } 
 .w_container .table_comm .time { display: flex; gap: 5px; align-items: center; } 
}

/*Inquiry*/


.Inquiry { margin-top: 140px; } 
.Inquiry .item_li { display: flex; flex-direction: row; gap: 6px 10px; flex-wrap: wrap; } 
.Inquiry .info_wrap { display: flex; gap: 10px; flex-direction: row; align-items: center; justify-content: center; margin-bottom: 26px; padding: 26px; border: 16px solid #efefef; } 
.Inquiry .info_wrap .ico { width: 30px; height: 30px; position: relative; } 
.Inquiry .info_wrap .txt { font-size: 24px; font-weight: 400; color: #333; display: flex; align-items: center; gap: 30px; } 
.Inquiry .s_info { font-size: 17px; color: #777; letter-spacing: 0; font-weight: 400; background: #fff; padding: 6px 20px; border-radius: 30px; background: #efefef; display: inline-block; } 
.Inquiry .s_info img { width: 12px; margin-right: 6px; } 
.Inquiry .s_info b { color: #3617ce; } 
.Inquiry .textarea_comm { height: 400px; line-height: 1.5; font-weight: 300; } 
.Inquiry .required { color: #000; margin-left: 4px; } 
.Inquiry .required:after { content: ''; display: inline-block; position: relative; top: -1px; width: 5px; height: 5px; margin-left: 5px; border-radius: 50%; background: #ff0000; vertical-align: middle; } 
.Inquiry h4 { font-size: 18px; color: #333; margin-bottom: 10px; } 
.Inquiry .agree .check_comm { font-size: 17px; color: #000; } 
@media all and (max-width: 1160px){
 .Inquiry { margin-top: 20px; } 
 }
@media all and (max-width: 960px){
 .Inquiry { margin-top: 70px; } 
 }
@media all and (max-width: 768px) {
 .Inquiry .info_wrap { margin-bottom: 16px; align-items: start; } 
 .Inquiry .info_wrap .txt { font-size: 16px; line-height: 1.4; } 
 .Inquiry .textarea_comm { font-size: 14px; line-height: 1.4; } 
 .table_comm .bank>div:nth-child(3) { grid-column: 1; } 
 .table_comm tbody th { padding: 0 5px 0 0; } 
 .Inquiry .agree .check_comm { font-size: 15px; } 
 .Inquiry h4 { font-size: 15px; } 
 }
#container .yak h2,
#container .ctt_privacy h2 { font-size: 30px; } 
.yak .dot-title::before,
.ctt_provision .dot-title::before { top: 7px}
@media all and (max-width: 960px) {
 #container .yak h2,
 #container .ctt_privacy h2 { margin-bottom: 20px; font-size: 18px; margin-top: 10px; } 
 }
@media all and (max-width: 640px) {
 #container .yak h2,
 #container .ctt_privacy h2 { } 
 #ctt { padding: 0 !important; } 
 }