@charset "utf-8";

@import url('//fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('//cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');
@import url('//fonts.googleapis.com/css2?family=Goldman:wght@400;700&display=swap');
@import url('//webfontworld.github.io/SCoreDream/SCoreDream.css');

@font-face {
	font-family: 'Pretendard';
	font-weight: 900;
	font-display: swap;
	src: local('Pretendard Black'), 
          url('fonts/Pretendard-Black.subset.woff2') format('woff2'), 
          url('fonts/Pretendard-Black.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 800;
	font-display: swap;
	src: local('Pretendard ExtraBold'),     
          url('fonts/Pretendard-ExtraBold.subset.woff2') format('woff2'), 
          url('fonts/Pretendard-ExtraBold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 700;
	font-display: swap;
	src: local('Pretendard Bold'), 
          url('fonts/Pretendard-Bold.subset.woff2') format('woff2'), 
          url('fonts/Pretendard-Bold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 600;
	font-display: swap;
	src: local('Pretendard SemiBold'), 
          url('fonts/Pretendard-SemiBold.subset.woff2') format('woff2'), 
          url('fonts/Pretendard-SemiBold.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 500;
	font-display: swap;
	src: local('Pretendard Medium'), 
          url('fonts/Pretendard-Medium.subset.woff2') format('woff2'), 
          url('fonts/Pretendard-Medium.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 400;
	font-display: swap;
	src: local('Pretendard Regular'), 
          url('fonts/Pretendard-Regular.subset.woff2') format('woff2'), 
          url('fonts/Pretendard-Regular.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 300;
	font-display: swap;
	src: local('Pretendard Light'), 
          url('fonts/Pretendard-Light.subset.woff2') format('woff2'), 
          url('fonts/Pretendard-Light.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 200;
	font-display: swap;
	src: local('Pretendard ExtraLight'), 
          url('fonts/Pretendard-ExtraLight.subset.woff2') format('woff2'), 
          url('fonts/Pretendard-ExtraLight.subset.woff') format('woff');
}

@font-face {
	font-family: 'Pretendard';
	font-weight: 100;
	font-display: swap;
	src: local('Pretendard Thin'), 
          url('fonts/Pretendard-Thin.subset.woff2') format('woff2'), 
          url('fonts/Pretendard-Thin.subset.woff') format('woff');
}

body {font-family: 'Pretendard', sans-serif !important; width:100%; overflow-x:hidden; letter-spacing:-1px; font-size:14px; font-weight:400;}

/* skip navi */
#skipNavi {position:absolute; top:0; left:0; width:100%; height:0; text-indent:-9999px; z-index:10000;}
#skipNavi li {width:0px; height:0px;}
#skipNavi a {display:inline-block; width:0; height:auto; font-weight:bold; text-align:center;}
#skipNavi a:hover, #skipNavi a:focus, #skipNavi a:active {display:block; position:absolute; top:0; left:0; width:100%; padding:10px 0 10px 0; background:#000000; font-size:12px; color:#FFFFFF; text-indent:0;}

table {border-collapse:collapse;border-spacing:0;}
caption {padding:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}

input::placeholder {font-weight:300 !important; font-family: 'SCoreDream' !important; color:#ccc !important; letter-spacing:-1px; font-size:0.825rem;}
input:-ms-input-placeholder {font-weight:300 !important;}
input:focus, select:focus, textarea:focus {border:1px solid #008c35 !important;}

.select2-container--default .select2-results__option--highlighted[aria-selected] {background:#008c35;}
.select2-container--open .select2-dropdown--below {border:1px solid #008c35 !important;}

.ft-score {font-family: 'SCoreDream' !important;}
.font_sq {font-family: 'NanumSquare', sans-serif !important;}
.font_noto {font-family: 'Noto Sans KR', sans-serif !important;}
.font_gold {font-family: 'Goldman', cursive !important;}

.text-center {text-align:center;}
.text-right {text-align:right;}
.font-900 {font-weight:900;}
.font-700 {font-weight:700;}
.font-lt-1 {letter-spacing:-1px;}
.ft-lt-0 {letter-spacing:0;}


a {color:#222;}
a:hover {color:#222 !important;}

p {margin-bottom:0; word-break: keep-all;}

.form-group {margin-bottom:0.5rem;}
.frame-wrap {margin-bottom:1.5rem !important;}

ul, ol, li {list-style: none;margin: 0; padding: 0;}

/* margin */
.mg0 {margin:0 !important;}
.mgt0 {margin-top:0 !important;}
.mgl0 {margin-left:0 !important;}
.mgb0 {margin-bottom:0 !important;}
.mgr0 {margin-right:0 !important;}

.mgb5 {margin-bottom:5px !important;}
.mgb20 {margin-bottom:20px !important;}

.mgt5 {margin-top:5px !important;}
.mgt10 {margin-top:10px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt40 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgt70 {margin-top:70px !important;}
.mgt75 {margin-top:75px !important;}

.mgl3 {margin-left:3px !important;}
.mgl5 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl20 {margin-left:20px !important;}

.mgr10 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}

.pd0 {padding:0px !important;}
.pd10 {padding:10px !important;}
.pd20 {padding:20px !important;}
.pd30 {padding:30px !important;}

.pdt0 {padding-top:0px !important;}

.pdg0 {padding-left:0px !important;}
.pdg10 {padding-left:10px !important;}
.pdg20 {padding-left:20px !important;}
.pdg30 {padding-left:30px !important;} 

.pdr0 {padding-right:0px !important;}
.pdr10 {padding-right:10px !important;}
.pdr20 {padding-right:20px !important;}

.pdb0 {padding-bottom:0px !important;}
.pdb10 {padding-bottom:10px !important;}
.pdb20 {padding-bottom:20px !important;}

.pt10 {padding:0 10px 0 10px !important;}

.pt05 {padding:0.2rem !important;}



.bg-black {background-color:#000 !important;}
.bg-primary {background-color:#195487 !important;}
.bg-light {background:#f8f9fa !important;}
.bg-danger {background-color:#008c35 !important;}
.bg-danger-500 {background:#ad3b0a !important;}
.bg-info-500 {background:#00549c !important;}

.text-primary {color:#195487 !important;}
.text-warning {color:#e70101 !important;}
a.text-danger:hover, a.text-danger:focus {color:#00549c !important;}

.none {display:none;}

.page-logo{background:#FFF;width:15rem; z-index:999999;}
.page-sidebar {background:#214666;}

.inlineB {display:inline-block;}

.page-header {position: fixed !important; border-bottom:1px solid #cdcdcd; height:100px !important;}
.page-logo-text {font-family: 'Goldman', cursive; font-weight:400; font-size:24px; padding: 5px 0 0 40px;}

.gnb {position: absolute; top:0; left:0; margin:20px auto 0; width:100%; text-align:center; background:url('../images/layout/head_bg.png')repeat-x 0 -10px;}
.gnb > ul {display:inline-block;overflow:hidden}
.gnb .menu {float:left;margin-left:60px; padding:20px 0; }
.gnb .menu:first-child{margin:0}
.gnb .depth1 {padding:0 20px; font-size:18px; font-weight:600;}
.gnb .depth1 a:hover {color:#009984 !important;}
.gnb .depth1 a.on {color:#009984 !important;}
.gnb .depth2 {height:0;overflow:hidden;}
.gnb .depth2 ul {overflow:hidden}
.gnb .depth2 ul > li {margin-top:12px;}
.gnb .depth2 ul > li a {font-weight:500; color:#FFF;}
.gnb .depth2 ul > li a:hover {color:#ffeb08 !important;}
.gnb .depth2 ul > li:first-child {margin-top:50px}

.member-btn {display:inline-block; margin:0 15px 0 15px; z-index:999999;}
.mbn {display:block; width:40px; height:40px; background:#008c35; line-height:40px; border-radius:20px; color:#FFF; text-align:center; font-size:18px;}
.mbn a {color:#FFF;}
.mbn a:hover {display:block; width:40px; height:40px; border:1px solid #008c35; background:#FFF; line-height:40px; border-radius:20px; color:#008c35; text-align:center; font-size:18px; transition-duration: 0.3s;}
.mbn a:hover i {color:#008c35;}

.nav-function-top .page-content-wrapper {margin-top: 100px !important;}
.nav-function-top .join-content-wrapper {margin-top: 30px !important;}

.nav-function-top .page-header .header-icon:not(.btn) > [class*='fa-']:first-child, .nav-function-top .page-header .header-icon:not(.btn) > .ni:first-child {color:#fd3995;}

/* ���� */
.headCopy-area { background:transparent; height:800px; position: relative;}
.headCopy-area.visual1 { background: url('../images/main/main_visual01.jpg') 50% center / cover, 50% center; }
.headCopy-area.visual2 { background: url('../images/main/main_visual02.jpg') 50% center / cover, 50% center; }
.headCopy-area.visual3 { background: url('../images/main/main_visual03.jpg') 50% center / cover, 50% center; }
.headcopy {max-width:1400px; width:100%;  margin: 0 auto; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.headcopy p {font-size:28px; font-weight:500; letter-spacing:-1px;}
.head-search {position:relative; top:20px; right:0; width:100%;}
.headCopy-area .jb-box {text-align: center;}

.page-content {margin:0 auto; width:100%; max-width:1400px; margin-top:50px;}
.page-content-wrapper {background:transparent;}

.main_start {width:400px; border-radius:26px;font-size:18px;background:#000;opacity:0.7}

.main_sbArea {position: relative;}
.main_sbArea .eventArea {background:#008c35; height:200px;}
.main_sbArea .eventArea .contArea {float:right; position: relative; width:700px;}
.main_sbArea .eventArea .contArea .iconArea {position: absolute; left:20px; top:-50px;}
.main_sbArea .eventArea .contArea .contentArea {padding:30px 120px; color:#FFF;}
.main_sbArea .eventArea .contArea .contentArea .title {font-size:36px; letter-spacing:-1px;}

.main_sbArea .noticeArea {background:#00549c; height:200px;}
.main_sbArea .noticeArea .contArea {float:left; position: relative; width:700px;}
.main_sbArea .noticeArea .contArea .iconArea {position: absolute; left:20px; top:-50px;}
.main_sbArea .noticeArea .contArea .contentArea {padding:30px 120px; color:#FFF;}
.main_sbArea .noticeArea .contArea .contentArea a {color:#FFF !important;}
.main_sbArea .noticeArea .contArea .contentArea a:hover {color:#f6ff00 !important; text-decoration:underline !important;}
.main_sbArea .noticeArea .contArea .contentArea .title {font-size:18px; letter-spacing:-1px;}
.main_sbArea .noticeArea .contArea .contentArea .memo {opacity:0.7;}

section.main {height:auto; padding-bottom:80px;}
section.main.bg {height:auto; padding-bottom:80px; background:#efefef;}
section.main .titleArea {width:100%; max-width:1400px; margin:0 auto; padding:20px;}
section.main .titleArea h5 {text-align:center;font-size:18px; /*color:#008c35;*/}
section.main .titleArea p {font-size:24px; text-align:center;  letter-spacing:-1px; word-break: keep-all;}

.mainCounter {position:relative; max-width:1400px; width:100%; margin:20px auto;}
.mainCounter .area{position:absolute; top:-80px; left:20px; z-index:99; width:100%;}
.mainCounter .count{max-width:1400px; width:100%; margin:0 auto;}
.mainCounter .count .headhunter {background:#008c35; border-radius:5px 0 0 5px; padding-left:50px;}
.mainCounter .count .company {background:#FF6600; border-radius:0 5px 5px 0; padding-left:50px;}
.display-4 {line-height:100%;}

.gubun {border-bottom:1px solid #eee; margin-bottom:20px;}
h3.mainCont {color:#222; font-size:48px; font-weight:900; letter-spacing:-1px; display:inline-block;}
h3.mainCont small {color:#787777; font-size:14px; letter-spacing:normal; display:inline-block;}
.serviceInfo-area {background:url('../images/layout/line_service.png')no-repeat 0 20px; padding:20px 20px 20px 40px;}
h4.service {color:#008c35; font-size:24px; font-weight:900;}
.serviceInfo-area p {font-size:14px; margin-bottom:30px; font-weight:300; line-height:160%;}
.job-box a {border:1px solid #dbdbdb !important; display:block;}
.job-box a:hover {border:1px solid #FF6600 !important; background:#fffbf4;}
.job-box {margin-bottom:10px;}
.job-box p {font-size:13px; font-weight:300;}
.job-box p span.title {font-size:18px; color:#008c35; font-weight:500; display: inline-block; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.subheader {margin-bottom:20px;}
.subheader-title {font-size:2.5rem; font-family: 'NanumSquare', sans-serif; letter-spacing:-1px;}
.subheader-title small {display:inline-block; font-family: 'Noto Sans KR', sans-serif; letter-spacing:normal; font-weight:300;}

.nav {height:50px;}
.nav .nav-link:not([class^="btn-"]):not([class*=" btn-"]) {font-size:1rem; color:#999;}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {background: #008c35 url('../images/layout/tab_bg.png')repeat-x 50% 50%; border: 1px solid #c13b11;color: #FFF !important; box-sizing: border-box; height:50px; box-shadow: 0 0.25rem 0.25rem rgb(0 0 0 / 10%) !important;}
.nav-pills .nav-link.active::before, .nav-pills .show > .nav-link {content: "\f00c";font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 10px;}
.nav-justified .nav-item {background:#EEE;}
.nav-link {padding:0.75rem 1.125rem; }
.nav-link a:hover {color:#333 !important;}

.panel {border:1px solid #ddd !important;}

h3.jobs {display: inline-block; width: 100%;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical;}
.Tb01 {border-top:2px solid #989898 !important; border-bottom:1px solid #989898;}
.Tb01 thead tr th {border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd;  text-align:center; position: relative;}
.Tb01 thead tr th:first-child {border-left:0;}
.Tb01 thead tr th.cl {border-left:1px solid #cdcdcd;}
.Tb01 thead tr th span.new {position:absolute; top:1px; right:1px;}
.Tb01 tbody tr th {position: relative; text-align:right; height:62px; background:#f7f9fa; vertical-align: middle;border-right:1px solid #cdcdcd;}
.Tb01 tbody tr th.type01 {position: relative; text-align:center; height: auto;  background:#fff; vertical-align: middle;border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.Tb01 tbody tr th.type02 {position: relative; text-align:center; height: auto;  background:#f7f9fa; vertical-align: middle;border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.Tb01 tbody tr.total {border: 2px solid #FF6600; background: #fff2e2; font-weight: 700;}
.Tb01 tbody tr td {position: relative; vertical-align:middle; border-right:1px solid #cdcdcd; border-bottom:1px solid #cdcdcd;}
.Tb01 tbody tr td:last-child {border-right:0;}
.Tb01 tbody tr td.cl {border-left:1px solid #cdcdcd;}
.Tb01 tbody tr td.TXL {text-align: left;}
.Tb01 tbody tr td.point1 {background:#e5fffd;}
.Tb01 tbody tr td.point2 {background:#e3ffda;}
.Tb01 tbody tr td.point3 {background:#f9ffd4;}
.Tb01 tbody tr td.point4 {background:#dbe3a8;}
.Tb01 tbody tr td a {font-weight:500;}
.Tb01 tbody tr td a span.title {display:block; width:280px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

.Tb02 {border-top:2px solid #989898 !important; border-bottom:1px solid #989898;}
.Tb02 thead tr th {border-bottom:1px solid #cdcdcd; text-align:center;}
.Tb02 tbody tr th {text-align:right; background:#f7f9fa; vertical-align: middle; word-break:keep-all;}
.Tb02 tbody tr td {position: relative; vertical-align:middle; font-weight:300; word-break:keep-all;}

input.join {width:300px !important; flex:none !important;}

.accordion {/*border-top:2px solid #989898 !important; border-bottom:1px solid #989898;*/}
.accordion .card {border-left:0; border-right:0;}
.accordion.accordion-hover .card-title:not(.collapsed) {background:#008c35;}
.accordion.accordion-hover .card-header:hover .card-title.collapsed {background:#008c35;}

.menu-item, label.menu-open-button {background:#008c35;}
.menu-item:hover, label.menu-open-button:hover {background:#00549c; color:#FFF !important;}

/* ���� ���� */
section.sub_visual {background:#EEE url('../images/backgrounds/bg-2.png'); height:133px;}
section.sub_visual .titleArea {width:1400px; margin:0 auto;  position: relative;}
section.sub_visual .titleArea .visual_left {position: absolute; top: -2rem; left:0;}
section.sub_visual .titleArea .visual_right {position: absolute; top: -2rem; right:0;}

.sub_nav { position: sticky; top:99px; width:100%; background: #FFFFFF; display: flex; justify-content: space-between; align-items: center; border-bottom:1px solid #cdcdcd; border-top:1px solid #cdcdcd; z-index:999; box-shadow: 0px 0px 14px 0px rgb(86 61 124 / 13%);}
.sub_nav.banner {top:139px;}
.sub_navfixed { position: fixed; top:80px; }
.sub_nav .sub {position: relative;width:1400px; margin:0 auto; border-left:1px solid #cdcdcd; /*border-right:1px solid #cdcdcd;*/}
/*.sub_nav .sub ul > li {padding:12px 20px; border-right:1px solid #cdcdcd; display:block;}
.sub_nav .sub ul > li a:hover {color:#fd3995 !important;}*/

.sideMenu {/*width:1200px;*/min-width:320px; height:40px; margin:0 0 0 0; z-index:10000;}
.Cont_depth0 {float: left;}
.Cont_depth0 a.home { float: left; width: 40px; height: 40px; overflow: hidden; line-height: 40px; text-align:center; border-right:1px solid #e5e5e5;}
.Cont_depth1 {float: left; background:#FFF url(../images/layout/ico_dep.png)no-repeat 95% 50%; border-right:1px solid #e5e5e5;}
.Cont_depth1 a {display: block; width: 139px; line-height:40px; padding: 0 0 0 12px; color: #222; font-size: 14px; font-weight: 500; text-decoration:none;}
.Cont_depth2 {float: left; background:#FFF url(../images/layout/ico_dep.png)no-repeat 95% 50%; border-right:1px solid #e5e5e5;}
.Cont_depth2 a {display: block; width: 170px; line-height:40px;padding: 0 0 0 12px; color: #222; font-size: 14px; font-weight: 500; text-decoration:none;}

.iconWrap {float:right; margin:-40px 0 0 0; overflow:hidden;}
.iconWrap a {float:left; padding:11px 15px 0 15px; border-right:1px solid #e5e5e5; height:40px;}
.iconWrap a:first-child {margin-left:0; border-left:1px solid #e5e5e5;}

.sideMenu .subDep {z-index:20; display: none; position:absolute; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;margin:0 0 0 -1px;}
.sideMenu .subDep a {background:#fafafa; border-top:1px solid #e5e5e5; font-size:13px; padding:0 14px;}
.sideMenu .subDep a:hover {background:#f4f4f4;}

.card {border:1px solid #dbdbdb;}
.card-body {font-weight:400; padding:30px;}
h4.sub-title {border-left: 3px solid #008c35; padding-left: 10px; line-height: 100%; color:#222; font-weight:500;}
.tooltip-inner {max-width:800px !important; width:100% !important; padding:10px 20px; letter-spacing:-1px;}
h5.card-title {font-size:20px; display: inline-block; width: 100%; color:#222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;/*background:url('../images/layout/h5_bg.png')no-repeat 0 100%; padding-bottom:15px;*/}
h5.card-title a {color:#008c35; font-weight:700;}
h5.card-title span {margin-bottom:5px;}
.card-text {word-break:keep-all; font-size:13px;}

.page-footer {border-top:0px solid #cdcdcd; height:auto; background:#222222;}
.page-footer .footer {max-width:1760px; width:100%;}
.page-footer .footer .fmenu {color:#FFF; font-size:16px;}
.page-footer .footer .fmenu a {color:#FFF;}
.page-footer .footer .fmenu a:hover {color:#008c35 !important;}
.page-footer .footer p {font-size:13px; font-weight:300; line-height:180%; color:#ccc;}
.foot_logo {}
.foot_sns {margin-top:20px;}
.foot-logo-area {text-align:right;}

/* ���� */
.searchArea {background: #f7f9fa; border:1px solid #cdcdcd; padding:20px; border-radius:5px;}
.posting-cont span {padding-left:15px; margin-right:15px; border-left:1px solid #ddd; line-height:100%; font-weight:300; color:#333;}
.posting-cont span.start {border-left:0; padding-left:0;}
.hover:hover {background:#fbf8f4;}
.posting-pd {padding:20px;}
.posting-pd h5 {line-height:36px;}

.postingToparea {border-bottom:1px solid #cdcdcd; border-top:1px solid #cdcdcd; background:#f7f9fa; padding:5px 20px 20px 20px; margin-bottom:30px;}

/* ȸ������ */
.member-top {margin-top:50px;}
.mailok {word-break:keep-all; font-size:16px; color:#333; font-weight:500;}
.mailok p.title{font-size:36px; word-break:keep-all;}
.mailInfo {margin-top:30px; background:#f8f8f8; border:1px solid #e3e3e3; border-radius:3px; padding:20px;}
.mailInfo h5 {color:#222;}
.mailInfo p {line-height:160%;}

/* �Է� ���� */
.inputArea {border-top:2px solid #989898 !important; border-bottom:1px solid #989898; margin-bottom:20px; padding:0 10px;}
.inputArea .form-group {margin-bottom:0; border-bottom:1px solid #e9e9e9;}
.bg-input {background:#f7f9fa; text-align:right; margin-bottom:0; padding:20px;}
.input-group {display: -webkit-box; -webkit-box-align: center; align-items: baseline;}
.input-file {-webkit-box-align:start !important;}
.help-block {margin-top:5px; display:block;}
.input-img-view {display:inline-block; border:1px solid #E5E5E5; border-radius:4px; max-width:400px; width:100%; min-height:200px; text-align:Center; background:#f7f7f7;}
.label-info {display:block; font-size:12px; font-weight:300;}
.label-left {float:left; text-align:right;}
/*.inputArea .form-group {margin-bottom:0; border-bottom:1px solid #e9e9e9;}
.inputArea .form-group .form-label {background:#f7f9fa; padding:20px 10px; margin-bottom:0;}
.inputArea .form-group .form-control {margin:10px 0 10px 0;}*/

/*��� */
.findArea {text-align:right;}

/* sweet alert �ϴ� ��ư */
.swal2-icon.swal2-success .swal2-success-ring {border: 0.25em solid #008c3580;}
.swal2-icon.swal2-success [class^='swal2-success-line'] {background:#008c35;}
.swal2-icon.swal2-success {color:#008c35; border-color:#008c35;}
.swal2-styled.swal2-confirm {background:#008c35;}

.progress {background-color:#d8d8d8;}

/* paging */
.pagination {margin:0 auto !important;}
.pagination .page-link {width:32px; height:32px; border-radius:16px; border:1px solid #EEE; background:#FFF !important; color:#333; box-sizing:border-box; text-align:center; line-height:32px; padding:0;}
.pagination .page-link:hover {border:1px solid #008c35; background:#FFF !important; color:#008c35; box-sizing:border-box;}
.page-item.active .page-link {border:1px solid #008c35; background:#008c35 !important; color:#FFF; box-sizing:border-box; text-align:center;}
.page-item:first-child .page-link, .page-item:last-child .page-link {border-radius:16px !important;}

.modal-footer {justify-content:center;}
h5.modal-title {font-size:18px;}

.swal2-container {z-index:2051;}
.swal2-title {color:#008c35;}


/* FAQ */
.accordion.accordion-outline .card {border:1px solid #cdcdcd !important; border-radius:5px !important;}
.accordion .card .card-header {background-color:#FFF;}
.accordion .card .card-header .card-title.collapsed {color:#222;}
.accordion .card .card-header .card-title {font-size:1rem; color:#008c35;}
.card-Tline {border-top:1px solid #EEE; background-color:#f7f9fa;}

.pdfArea {border:1px solid #e9e9e9; border-radius:5px; min-height:600px; text-align:center;}

.dropdown-toggle:after, .dropleft .dropdown-toggle:before {content:none !important;}
.dropdown-menu {box-shadow:0px 0px 0px 0px; -webkit-box-shadow:0px 0px 0px 0px; border:1px solid #cdcdcd; border-radius:0px; top:41px;}

.page-footer a {text-decoration:none !important;}
.page-footer a.email {font-size:13px;font-weight:300;line-height:180%;color: #ccc !important;}
.shortcut-menu {bottom:1.5rem;}

.custom-control-input:checked ~ .custom-control-label::before {border-color: #008c35; background-color: #008c35;}

/* ���Ϲ��� */
.infoLeft {background:#008c35;}
.infoLeft .icnArea {position: absolute; left:20px; top:-30px;}
.infoLeft .txtArea {padding:30px 0 30px 130px; color:#FFF;}
.infoLeft .txtArea .title {font-size:24px; letter-spacing:-1px;}

.infoRight {background:#00549c;}
.infoRight .icnArea {position: absolute; left:20px; top:-30px;}
.infoRight .txtArea {padding:30px 0 30px 130px; color:#FFF;}
.infoRight .txtArea .title {font-size:24px; letter-spacing:-1px;}


/* ���� ���� ��� */
.service-area {position: relative; display:inline-block; width:calc(100% - 160px); vertical-align:middle; }
.tb-service {width:1000%;}
.tb-service tbody tr td {padding:10px 20px; background:url('../images/layout/service-line.png')no-repeat 0 50%;}
.tb-service tbody tr td:first-child {border-left:0; background:none;}
.tb-service tbody tr td:last-child {border-left:0; background:none;}
.tb-service-hover tbody tr:hover {background:#EEE;}


/* ��û�ϱ� */
.appArea {max-width:1200px; width:100%; margin:0 auto;}


.mobile_menu {display:none}
.pc_only {display:block;}
.mo_only {display:none;}



/* �̵�� ���� ���� */
@media only screen and (max-width: 1640px) {
.page-header .page-logo {display:block; padding:0 2rem 0 0; -webkit-box-shadow:none; box-shadow:none;}
.page-header .page-logo-text {padding-left:0px;}
.nav-function-top .page-content-wrapper {margin-top:0 !important;}
.topMenu {display:none;}
.member-btn {display:none;}

.mobile_menu {display:inline-block; margin:0;}

.mmenu {padding:20px 0;}
.mmenu ul {border-top:1px solid #EEE;}
.mmenu ul li {display:block; font-size:16px; border-bottom:1px solid #EEE;}
.mmenu ul li.on {background:#008c35; color:#FFF !important;}
.mmenu ul li.on a {color:#FFF;}
.mmenu ul li a {display:block; color:#333; padding:10px;}
.mmenu ul li a:hover {display:block; background:#008c35; color:#FFF !important;}
.mmenu ul li a span {float:right;}

.headcopy {margin-top:60px;}
.headcopy p {font-size:2rem;}
/* .jumbotron {height:150px; margin-top:80px} */
.jb-box {height:auto;}
.jb-text {top:48%;}
.subTitle {word-break:keep-all;}

.hg0 {padding:0; height:auto;}
.label-info {display:inline-block; text-align:left;}
.label-left {text-align:left;}

.pc_only {display:none;}
.mo_only {display:block;}
}

@media only screen and (max-width: 768px) {
.page-header .page-logo {display:block; padding:10px 2rem 0 0; -webkit-box-shadow:none; box-shadow:none; width:80%;}

.page-header .page-logo-text {padding-left:0px;}
.subTitle {font-size:1.4rem; word-break:keep-all;}

.headcopy {margin-top:60px;}

.mainCounter .area {position:relative; top:0;}
.sub_nav {top:99px; z-index:1000;}
.sub_nav.banner {top:49px; z-index:1000;}
.iconWrap {display:none;}
.sub-cont {margin-top:0px !important;}
.page-wrapper .page-content .subheader .subheader-title small {font-size:14px; margin-top:10px;}

}

@media only screen and (max-width: 425px) {
.headcopy p {font-size:1.5rem;}
.page-header .page-logo img {width:100%;}
.foot-logo-area {margin-top:20px; text-align:center;}
.nav {display:block; height:auto;}
.nav-justified .nav-item {display:block; width:100%; margin-bottom:5px; border: 1px solid #e0e0e0; border-radius: 5px;}

.inputArea .form-group {margin-bottom:0; padding:0 0 10px 0;}
.bg-input {text-align:left !important; margin-bottom:0; padding:10px;}
.hg0 {padding:0; height:0;}
.label-info {display:inline-block; text-align:left;}
.label-left {text-align:left;}


h3.jobs {display: inline-block; width: 100%;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.member-top {margin-top:10px;}
.sub_nav .sub {border-left:0; border-right:0;}

.findArea {text-align:center; margin-top:20px;}

.posting-pd {padding:10px;}
.member-logo {text-align:center; width:100%;}
.posting-cont span {display:block; line-height:160%; border-left:0; padding-left:0;}

.pc-label {text-align:left !important;}

.main_start {width:80%;}
.main_sbArea .eventArea {height:160px;}
.main_sbArea .eventArea .contArea {width:100%;}
.main_sbArea .eventArea .contArea .iconArea {top:10px; left:20px;}
.main_sbArea .eventArea .contArea .contentArea {padding:30px;}
.main_sbArea .eventArea .contArea .contentArea h5 {padding-left:90px;}
.main_sbArea .eventArea .contArea .contentArea p {padding-left:90px; word-break:keep-all;}
.main_sbArea .eventArea .contArea .contentArea .title {font-size:22px;}

.main_sbArea .noticeArea {height:160px;}
.main_sbArea .noticeArea .contArea {width:100%;}
.main_sbArea .noticeArea .contArea .iconArea {top:20px; left:10px;}
.main_sbArea .noticeArea .contArea .contentArea {padding:30px;}
.main_sbArea .noticeArea .contArea .contentArea h5 {padding-left:90px;}
.main_sbArea .noticeArea .contArea .contentArea p {padding-left:90px; word-break:keep-all; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.main_sbArea .noticeArea .contArea .contentArea .title {font-size:18px;}

.appArea {width:100%; margin:0 auto; padding-top:50px;}
.title-info {display:block; padding:10px 0 0 0 !important; word-break: keep-all;}
.login_top {margin-top:10px !important;}

.infoLeft .icnArea, .infoRight .icnArea {position: absolute; left:10px; top:15px;}

.mmt-2 {margin-top:1rem; }
.mmt-1 {margin-top:0.5rem; }
.mtitle {text-align:left !important;}
.border-top {border-top:0;}


}

.faq_stat {position: absolute; right:10px; top: 20px; text-align: right;}
.chart_stat {position: absolute;top: 48%; left: 50%;transform: translate(-50%, -50%); z-index:999;}


.main_st01 {max-width:1400px; margin:0 auto; text-align:center;}
.main_stBox {border:5px solid #ececec; box-sizing: border-box; border-radius:10px;}
.main_stBox p {font-size:18px;}
.main_stBox p.point {font-size:28px;}

.nav-function-top .page-content-wrapper.banner {
	margin-top:140px !important;
}

.top-banner {
	height: 40px;
	background-color: #222;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
	display: none;
}
.top-banner a {
	width: 100%;
	height: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
.top-banner .txt {
	position: relative;
	font-size: 14px;
	color:#fff;
}
.top-banner .txt::after {
	content:'>';
	display: inline-block;
	width:14px;
	height: 14px;
	border-radius: 50%;
	background-color: #4c4c4c;
	color:rgba(255,255,255,0.5);
	font-size: 10px;
	margin-left: 10px;
	text-align: center;
	line-height: 12px;
	vertical-align: middle;
}
.top-banner .txt .bold {
	display: inline-block;
	color: #17e490;
	font-weight: 500;
	margin-right: 5px;
}


.nav-function-top .page-content-wrapper.banner .top-banner {
	display: block;
}
.nav-function-top .page-content-wrapper.banner .page-header {
	top:40px;
}

.analysis-btn-line {
	margin-right:30px;
	display: flex;
	align-items: center;
	margin-top:6px;
	z-index:1;
}
.analysis-btn-line button {
	position: relative;
	padding:5px 25px;
	border:0;
	background-color: #f5f5f5;
	color:#fff;
	font-size:16px;
	font-weight: 600;
	border-radius: 5em;
	margin:0 6px;
}
/* 버튼 2개 > 1개로 변경됨에 따라 css 변경 - 20250728 추가 */
.analysis-btn-line .btn-style-1 { /* button:nth-child(1) > .btn-style-1 */
	background-color: #009984;
}
.analysis-btn-line .btn-style-2 { /* button:nth-child(2) > .btn-style-2 */
	background-color: #162855;
	display: flex;
	align-items: center;
	padding-right:5px 25px;
	color: #eeee22;
}
.analysis-btn-line .btn-style-2.free-on { /* button:nth-child(2) > .btn-style-2 */
	background-color: #162855;
	display: flex;
	align-items: center;
	padding-right:5px;
}
.analysis-btn-line .btn-style-2 .free { /* button:nth-child(2) > .btn-style-2 */
	background-color: #F9F871;
	border-radius: 5em;
	padding:0px 10px 2px;
	white-space: nowrap;
	margin-left:5px;
}
.analysis-btn-line .btn-style-2 .free .txt { /* button:nth-child(2) > .btn-style-2 */
	display: inline-block;
	font-size:12px;
	line-height: 1;
	color:#162855;
	font-weight:700;
}
/* END // 버튼 2개 > 1개로 변경됨에 따라 css 변경 - 20250728 추가 */
@media only screen and (max-width: 1640px) {
	.analysis-btn-line {
		display: none;
	}
}
@media only screen and (max-width: 1024px) {
	.analysis-btn-line {
		display: none;
	}
}

.mb-analysis-btn button {
    padding: 12px 25px;
    border: 0;
    background-color: #f5f5f5;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5em;
}
.mb-analysis-btn button:nth-child(odd){
	width:calc(50% - 5px);
	margin-right:5px;
	background-color: #009984;
}
.mb-analysis-btn button:nth-child(even){
	width:calc(50% - 5px);
	margin-left:5px;
	background-color: #162855;
}
.mb-analysis-btn button:nth-child(2).free-on {
	background-color: #162855;
	align-items: center;
	padding-right:5px;
}
.mb-analysis-btn button:nth-child(2) .free {
	position: absolute;
	right: 22px;
	margin-top: -26px;
	background-color: #F9F871;
	border: 1px solid #162855;
	border-radius: 5em;
	padding:0px 10px 2px;
	white-space: nowrap;
	margin-left:5px;
}
.mb-analysis-btn button:nth-child(2) .free .txt {
	display: inline-block;
	font-size:12px;
	line-height: 1;
	color:#162855;
	font-weight:700;
}
/* 버튼 2개 > 1개로 변경됨에 따라 css 변경 - 20250728 추가 */
.mb-analysis-btn .btn-style-2 {
	width:100% !important;
	margin: 0 !important;
	background-color: #162855 !important;
}

@media only screen and (max-width: 768px) {
	.nav-function-top .page-content-wrapper.banner .sub_nav {
		top: 140px;
	}
}

.h3{
	font-size: 34px;
	color:#222;
	font-weight: 600;
}
.h3 .small{
	display: inline-block;
	margin-left:6px;
	font-size: 16px;
	font-weight: 500;
}

/*lanywork 상품가격 안내 상품가격 리스트*/
.price-list-wrap{
	display: flex;
	align-items: center;
	height: 420px;
	margin-top:20px;
}
@media only screen and (max-width: 680px) {
	.price-list-wrap{
		flex-direction: column;
		height: auto;
	}
}
.price-list-wrap .free-list {
	height: 420px;
	width:310px;
	border:1px solid #e6e6eb;
	border-radius: 6px;
	padding:40px 30px;
	margin-right:12px;
	flex-shrink: 0;
}
@media only screen and (max-width: 680px) {
	.price-list-wrap .free-list {
		margin-right:0px;
	}
}
.price-list-wrap .free-list > .tit {
	color:#213a79;
	font-size:24px;
	font-weight: 600;
}
.price-list-wrap .free-list .money-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:10px;
	line-height: 1;
}
.price-list-wrap .free-list .money-line .money {
	display: inline-flex;
	align-items: center;
	font-size:30px;
	color:#222222;
	font-weight: 700;
}
.price-list-wrap .free-list .money-line .money .free {
	display: inline-block;
	font-size:14px;
	color:#03bf68;
	font-weight: 600;
	background-color: #e5f8f0;
	border-radius: 4px;
	padding:2px 10px;
	margin-left:10px;
}
.price-list-wrap .free-list .money-line .discount {
	color:#c8c8cd;
	font-size:16px;
	text-decoration: line-through;
}
.price-list-wrap .free-list .btn-order {
	background-color: #213a79;
	border-radius: 6px;
	color:#fff;
	height: 44px;
	width: 100%;
	font-size:16px;
	font-weight: 600;
	margin-top:20px;
	border:0;
}
.price-list-wrap .free-list .cont-list {
	margin-top:30px;
	padding-top:20px;
	border-top:1px solid #e6e6eb;
}
.price-list-wrap .free-list .cont-list > li {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin:10px 0;
}
.price-list-wrap .free-list .cont-list .tit {
	display: inline-flex;
	align-items: center;
	font-size:14px;
	color:#666666;
	font-weight: 400;
}
.price-list-wrap .free-list .cont-list .tit i::before {
	color:#b7b7bb;
	font-size:12px;
	display: inline-block;
	margin-right: 6px;
}
.price-list-wrap .free-list .cont-list .tit .info {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size:10px;
	width:14px;
	height: 14px;
	border:1px solid #c9c9c9;
	border-radius: 50%;
	color:#c9c9c9;
	margin-left:6px;
}
.price-list-wrap .free-list .cont-list .txt {
	font-size:14px;
	color:#222;
	text-align: right;
}

.price-list-wrap .pay-list-wrap {
	height: 455px;
	flex-grow: 1;
	display: flex;
	align-items: center;
}
.price-list-wrap .pay-list-wrap .pay-list {
	height: 420px;
	width:310px;
	border:1px solid #e6e6eb;
	border-radius: 6px;
	padding:40px 30px;
	flex-shrink: 0;
	
}
.price-list-wrap .pay-list-wrap .pay-list > .tit {
	color:#213a79;
	font-size:24px;
	font-weight: 600;
}
.price-list-wrap .pay-list-wrap .pay-list.one > .tit {
	color:#009984;
}
.price-list-wrap .pay-list-wrap .pay-list.five > .tit {
	color:#03bf68;
}
.price-list-wrap .pay-list-wrap .pay-list .money-line {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top:10px;
}
.price-list-wrap .pay-list-wrap .pay-list .money-line .money {
	display: inline-flex;
	align-items: center;
	font-size:30px;
	color:#222222;
	font-weight: 700;
	line-height: 1;
}
.price-list-wrap .pay-list-wrap .pay-list .money-line .money .free {
	display: inline-block;
	font-size:14px;
	color:#03bf68;
	font-weight: 600;
	background-color: #e5f8f0;
	border-radius: 4px;
	padding:2px 10px;
	margin-left:10px;
}
.price-list-wrap .pay-list-wrap .pay-list .money-line .money .small {
	display: inline-block;
	font-size:18px;
	color:#222;
	font-weight: 400;
	margin-left:10px;
}
.price-list-wrap .pay-list-wrap .pay-list .money-line .discount {
	color:#c8c8cd;
	font-size:16px;
	text-decoration: line-through;
}
.price-list-wrap .pay-list-wrap .pay-list .first-year {
	border-top:1px dashed #ccc;
	margin-top:10px;
	padding-top:10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.price-list-wrap .pay-list-wrap .pay-list .first-year .left {
	position: relative;
	display: flex;
	align-items: center;
}
.price-list-wrap .pay-list-wrap .pay-list .first-year .left .badge {
	font-size: 12px;
    color: #fff;
    padding: 4px 6px;
    border-radius: 4px;
    display: inline-block;
    background-color: #213a79;
}
.price-list-wrap .pay-list-wrap .pay-list .first-year .left .discount {
	display: inline-block;
	font-size: 18px;
    color: #222;
    font-weight: 700;
	margin-left:5px;
}
.price-list-wrap .pay-list-wrap .pay-list .first-year .left .discount .small {
	display: inline-block;	
	margin-left:3px;
}

.price-list-wrap .pay-list-wrap .pay-list .btn-order {
	background-color: #213a79;
	border-radius: 6px;
	color:#fff;
	height: 44px;
	width: 100%;
	font-size:16px;
	font-weight: 600;
	margin-top:20px;
	border:0;
}
.price-list-wrap .pay-list-wrap .pay-list.one .btn-order {
	background-color: #009984;
}
.price-list-wrap .pay-list-wrap .pay-list.five .btn-order {
	background-color: #03bf68;
}
.price-list-wrap .pay-list-wrap .pay-list .cont-list {
	margin-top:30px;
	padding-top:20px;
	border-top:1px solid #e6e6eb;
}
.price-list-wrap .pay-list-wrap .pay-list .cont-list li {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin:10px 0;
}
.price-list-wrap .pay-list-wrap .pay-list .cont-list .tit {
	display: inline-flex;
	align-items: center;
	font-size:14px;
	color:#666666;
	font-weight: 400;
}
.price-list-wrap .pay-list-wrap .pay-list .cont-list .tit i::before {
	color:#b7b7bb;
	font-size:12px;
	display: inline-block;
	margin-right: 6px;
}
.price-list-wrap .pay-list-wrap .pay-list .cont-list .tit .info {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size:10px;
	width:14px;
	height: 14px;
	border:1px solid #c9c9c9;
	border-radius: 50%;
	color:#c9c9c9;
	margin-left:6px;
}
.price-list-wrap .pay-list-wrap .pay-list .cont-list .txt {
	font-size:14px;
	color:#222;
	text-align: right;
}
.price-list-wrap .pay-list-wrap .pay-list.one .cont-list li:nth-child(1) .txt,
.price-list-wrap .pay-list-wrap .pay-list.one .cont-list li:nth-child(2) .txt {
	color:#009984;
}
.price-list-wrap .pay-list-wrap .pay-list.five .cont-list li:nth-child(1) .txt,
.price-list-wrap .pay-list-wrap .pay-list.five .cont-list li:nth-child(2) .txt {
	color:#03bf68;
}

.caution-txt {
	margin-top:20px;
}
.caution-txt li {
	position: relative;
	font: size 14px;
	color:#999;
	margin:5px 0;
	padding-left:10px;
}
.caution-txt li::before {
	position:absolute;
	content:'';
	left:0;
	top:8px;
	width:3px;
	height: 3px;
	background-color: #999;
}

.btn-detail {
	height:65px;
	padding:0 80px;
	border:1px solid #009984;
	border-radius: 8px;
	background-color: #fff;
}
.btn-detail span {
	position: relative;
	font-size:18px;
	color:#009984;
	font-weight: 600;
	padding-right: 20px;
}
.btn-detail span::after {
	position: absolute;
	top:4px;
	right: 0;
	content: '';
	width:8px;
	height: 8px;
	border-top:1px solid #009984;
	border-right: 1px solid #009984;
	transform: rotate(135deg);
}
.btn-detail span.show::after {
	position: absolute;
	top:8px;
	right: 0;
	content: '';
	width:8px;
	height: 8px;
	border-top:1px solid #009984;
	border-right: 1px solid #009984;
	transform: rotate(-45deg);
}

/*무료서비스*/
.free-service-wrap {
	margin-top:40px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.free-service-wrap li {
	width:25%;
	border-left:1px solid #e6e6eb;
	text-align: center;
	min-height: 180px;
}
@media only screen and (max-width: 768px) {
	.free-service-wrap li {
		width:50%;
	}
	.free-service-wrap li:nth-child(3),
	.free-service-wrap li:nth-child(4)
	 {
		margin-top:30px;
	}
	.free-service-wrap li:nth-child(3)
	 {
		border-left:0;
	}
}
@media only screen and (max-width: 580px) {
	.free-service-wrap li {
		width:100%;
	}
	.free-service-wrap li:nth-child(2),
	.free-service-wrap li:nth-child(3),
	.free-service-wrap li:nth-child(4)
	 {
		margin-top:50px;
		border-left:0;
	}
}
.free-service-wrap li:first-child {
	border-left:0;
}
.free-service-wrap li .tit {
	display: block;
	padding-top:80px;
	text-align: center;
	font-size:18px;
	color:#222;
	font-weight: 600;
}
.free-service-wrap li:nth-child(1) .tit {
	background-image: url(../images/content/product_info_icon01.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.free-service-wrap li:nth-child(2) .tit {
	background-image: url(../images/content/product_info_icon02.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.free-service-wrap li:nth-child(3) .tit {
	background-image: url(../images/content/product_info_icon03.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.free-service-wrap li:nth-child(4) .tit {
	background-image: url(../images/content/product_info_icon04.png);
	background-repeat: no-repeat;
	background-position: center top;
}
.free-service-wrap li .txt {
	display: inline-block;
	margin-top:10px;
	text-align: center;
	font-size:14px;
	color:#666;
	font-weight: 400;
	line-height: 1.4em;
}

/*상품별 기능 비교 테이블 타입*/
.table-wrap {
	position: relative;
}
@media only screen and (max-width: 1024px) {
	.table-wrap {
		overflow-x: auto;
	}
}
.table-type01 {
	width:100%; 
	background:#FFF;  
	border-bottom:1px solid #e6e6eb; 
	border-collapse:collapse; 
	border-spacing:0; 
	table-layout:fixed; 
  }
@media only screen and (max-width: 1024px) {
	.table-type01 {
		width:1200px; 
	}
}
.table-type01 thead tr th {
	padding:16px 0 14px; 
	font-weight:700; 
	color:#222; 
	text-align:center; 
	vertical-align:middle; 
	border-bottom:1px solid #222; 
	background:#FFF; 
	font-size:16px;
} 
.table-type01 tbody tr.point td {
	border-top:2px solid #03bf68;
	border-bottom:2px solid #03bf68;
}
.table-type01 tbody tr.point td:first-child {
	border-left:2px solid #03bf68;
}
.table-type01 tbody tr.point td:last-child {
	border-right:2px solid #03bf68;
}
.table-type01 tbody tr td {
	padding:24px 16px 22px; 
	color:#3e3e3e; 
	vertical-align:middle; 
	border-top:1px solid #e6e6eb;
	font-size:14px;
	text-align: center/*left*/;
	font-weight: 500;
	background-color: #fff;
}
.table-type01 tbody tr td.lb {
	border-left:1px solid #e6e6eb;
}
.table-type01 tbody tr td .small {
	font-size:12px;
	color:#999;
	display: block;
}
.table-type01 tbody tr td .side {
	display: inline-block;
	font-size:12px;
	color:#222;
	margin-left:5px;
}
.table-type01 tbody tr td .big {
	font-size:18px;
	color:#222;
	font-weight: 700;
}
.table-type01 tbody tr td .trough {
	font-size:14px;
	color:#999;
	display: block;
	text-decoration: line-through;
}
.table-type01 tbody tr td .badge {
	font-size:12px;
	color:#fff;
	padding:4px 6px;
	border-radius: 4px;
	display: inline-block;
	background-color: #213a79;
}
.table-type01 tbody tr td .badge.green {
	background-color: #009984;
}
.table-type01 tbody tr td.txc {
	text-align: center;
}
.table-type01 tbody tr td.bg {
	background:#fafafa; 
}
  @media only screen and (max-width: 1024px) {
	.table-type01 thead tr th:first-child {
		position:sticky; 
		left:0;
	}
	.table-type01 tbody tr td:first-child {
		position:sticky; 
		left:0;
	}
	.table-type01 tbody tr td.col {
		position:sticky; 
		left:80px;
	}
}

.table-type02 {
	width:100%; 
	background:#FFF;  
	border-top:1px solid #222; 
	border-bottom:1px solid #e6e6eb; 
	border-collapse:collapse; 
	border-spacing:0; 
	table-layout:fixed; 
}

.table-type02 thead tr th {
	padding:16px 0 14px; 
	font-weight:400; 
	color:#222; 
	text-align:center; 
	vertical-align:middle; 
	border-bottom:1px solid #e6e6eb; 
	background:#FFF; 
	font-size:14px;
} 
.table-type02 tbody tr td {
	padding:16px 8px 14px; 
	color:#666666; 
	vertical-align:middle; 
	border-top:1px solid #e6e6eb;
	font-size:14px;
	text-align: center;
	font-weight: 400;
	background-color: #fff;
}
.table-type02 tbody tr:first-child td {
	border-top:0px;
}
.table-type02 tbody tr td:nth-child(odd) {
	background-color: #fafafa;
}
.table-type02 tbody tr th {
	padding:16px 8px 14px; 
	color:#222222; 
	vertical-align:middle; 
	border-top:1px solid #e6e6eb;
	font-size:14px;
	text-align: center;
	font-weight: 500;
	background-color: #fafafa;
}
.table-type02 tbody tr:first-child th {
	border-top:0px;
}

  .money-info-txt {
	background-color: #f2fbf7;
	padding:20px;
	text-align: center;
	font-size:14px;
	font-weight: 600;
	color:#009984;
  }
  .money-info-txt span {
	display: inline-block;
	padding-left:30px;
	background-image: url(../images/content/icon_money.png);
	background-repeat: no-repeat;
	background-position: left center;
	height: 26px;
	line-height: 26px;
  }

  .landy-dropdown {
	border-radius: 6px;
  }
  .landy-dropdown .title {
	font-size:14px;
	color:#fff;
	font-weight: 600;
  }
  .landy-dropdown ul {
	margin-top:10px;
  }
  .landy-dropdown ul li {
	position: relative;
	padding-left:10px;
	color:#fff;
	margin:5px 0;
  }
  .landy-dropdown ul li::before {
	position:absolute;
	content: '';
	left:0;
	top:10px;
	width:2px;
	height: 2px;
	background-color: #fff;
  }

  /*상품가격 슬라이더*/
.pay-list-slide-outer {
	position: relative;
	height: 420px;
    flex-grow: 1;
    display: flex;
    align-items: center;
	width:calc(100% - 437px);
}
@media only screen and (max-width: 680px) {
	.pay-list-slide-outer {
		width:310px;
		margin-top:20px;
	}
}
.pay-list-slide-outer .swiper-button-next,
.pay-list-slide-outer .swiper-button-prev {
     width:40px;
     height: 40px;
     background-color: #fff;
     border-radius: 50%;
     border:1px solid #e6e6eb;
     box-shadow: 0 2px 6px 0 rgba(33, 70, 102, 0.2);
}
.pay-list-slide-outer .swiper-button-next {
     right: -20px;
}
.pay-list-slide-outer .swiper-button-prev {
     left: -20px;
}
.pay-list-slide-outer .swiper-button-next::after,
.pay-list-slide-outer .swiper-button-prev::after {     
     font-size:14px;
     color:#c8c8cd;
     font-weight: 900;
}
.pay-list-slide-outer .swiper-button-disabled {
     display: none;
}

/*신청하기*/
.page-wrapper.gray {
	background-color: #fafafa;
}
.page-wrapper.gray .page-content-wrapper {
	background-color: #fafafa;
}
.order-step-wrap {
	position: relative;
	display: flex;
	align-items: center;
}
.order-step-wrap .step {
	position: relative;
	padding-left:80px;
	font-size:18px;
	color:#999999;
	font-weight: 600;
}
@media only screen and (max-width: 580px) {
	.order-step-wrap .step {
		position: relative;
		padding-left:40px;
		font-size:18px;
		color:#999999;
		font-weight: 600;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}
.order-step-wrap .step.active {
	color:#009984;
}
.order-step-wrap .step::before {
	position:absolute;
	left:20%;
	top:50%;
	transform: translate(-50%, -50%);	
	content:'';
	width:45px;
	height: 1px;
	background-color: #d2d2d7;
}
@media only screen and (max-width: 580px) {
	.order-step-wrap .step::before {
		position:absolute;
		left:13%;
		top:50%;
		transform: translate(-50%, -50%);	
		content:'';
		width:20px;
		height: 1px;
		background-color: #d2d2d7;
	}
}
.order-step-wrap .step:first-child {	
	padding-left:0px;
}
.order-step-wrap .step:first-child::before {	
	display: none;
}
.order-step-wrap .step .num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width:38px;
	height: 38px;
	background-color: #d2d2d7;
	border-radius: 50%;
	margin-right: 20px;
	color:#fff;
	font-size:18px;
	font-weight: 600;
}
@media only screen and (max-width: 580px) {
	.order-step-wrap .step .num {
		margin-right: 0px;
		margin-bottom: 10px;
	}
}
.order-step-wrap .step.active .num {
	background-color: #009984;
}

.order-form {
	position: relative;
}
.order-form .form-control[readonly] {
	background-color: #fafafa;
	border:1px solid #e6e6eb;
}
.order-form .form-control {
	font-family: 'Pretendard';
}
.order-form .form-label {
	font-size:14px;
	color:#222;
	font-weight: 600;
}
.order-form .frame-wrap {
	background-color: transparent;
}

.filebox {
	display: flex;
	align-items: center;
}
.filebox .upload-name {
    display: inline-block;
    vertical-align: middle;
	border: 1px solid #E5E5E5;
    flex-grow: 1;
    color: #999999;
	border-radius: 4px;
	height: calc(1.5em + 1.5rem + 2px);
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    border-radius: 4px;
	width: 100%;
}
.filebox label {
    display: inline-block;
    height: calc(1.5em + 1.5rem + 2px);
    padding: 0.75rem 0.8rem;
    color: #009984;
    vertical-align: middle;
    background-color: transparent;
    cursor: pointer;
    margin-left: 10px;
	margin-bottom: 0;
	width:80px;
	flex-shrink: 0;
	border: 1px solid #009984;
	border-radius: 4px;
	font-size: 15px;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}

.order-form .custom-control-input:checked ~ .custom-control-label::before {
    border-color: #009984;
    background-color: #009984;
}

.order-form .btn-green {
	background-color: #009984;
	color:#fff;
	font-size:15px;
}
.order-btn-line .btn-green2 {
	background-color: #009984;
	color:#fff;
	font-size:16px;
	font-weight: 600;
}
.order-btn-line .btn-gray {
	background-color: #d2d2d7;
	color:#666666;
	font-size:15px;
	font-weight: 600;
}

.agreement-wrap {
	border-top:1px solid #e6e6eb;
}
.agreement-wrap .point-txt {
	color:#009984;
	font-size:14px;
}
.agreement-wrap .point-txt2 {
	color:#666;
	font-size:14px;
}
.agreement-wrap .bold {
	color:#222;
	font-size:14px;
	font-weight: 600;
}
.agreement-wrap label {
	color:#666;
}

/*신청하기 신청서비스 설명*/
.order-form .info-txt-box {
	background-color: #edf5f4;
	border-radius: 6px;
	padding: 15px 15px;
}
.order-form .info-txt-box ul li {
	margin:5px 0;
	font-size:14px;
	color:#666;
}
.order-form .info-txt-box ul li i::before {
    color: #b7b7bb;
    font-size: 12px;
    display: inline-block;
    margin-right: 6px;
}
.order-form .info-txt-box ul li .bold {	
	font-size:14px;
	color:#222;
	font-weight: 600;
}
.order-form .info-txt-list {
	position: relative;
	font-size:13px;
	color:#666;
	font-weight: 600;
	padding-left: 10px;
}
.order-form .info-txt-list li {
	position: relative;
	font-size:13px;
	color:#666;
	font-weight: 600;
	padding-left: 10px;
	margin:5px 0;
}
.order-form .info-txt-list li::before {
	position: absolute;
	content: '';
	left:0;
	top:8px;
	width:2px;
	height: 2px;
	background-color: #666;
}

.price-table-box {
	background-color: #fff;
	border-radius: 6px;
	border:1px solid #e6e6eb;
	padding:25px 15px;
}
.price-table-box .top-price-line,
.price-table-box .bot-price-line {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.price-table-box .top-price-line .title {
	font-size: 14px;
	color:#222;
}
.price-table-box .top-price-line .title2 {
	font-size: 16px;
	color:#222;
	font-weight:600;
}
.price-table-box .top-price-line .price {
	font-size: 14px;
	color:#222;
	font-weight: 600;
}
.price-table-box .bot-price-line .title {
	font-size: 14px;
	color:#162855;
}
.price-table-box .bot-price-line .title2 {
	font-size: 14px;
	color:#009984;
}
.price-table-box .bot-price-line .price {
	font-size: 22px;
	color:#162855;
	font-weight: 600;
}
.price-table-box .bot-price-line .price2 {
	font-size: 22px;
	color:#009984;
	font-weight: 600;
}

.h4 {
	color:#222;
	font-weight:600;
	font-size:24px;
}
.h4.top-line {
	margin-top:40px;
	padding-top:30px;
	border-top:1px solid #e6e6eb;
}

/*신청하기 3단계*/
.order-form .product-info-box {
	background-color: #fff;
    border-radius: 6px;
    border: 1px solid #e6e6eb;
    padding: 35px 15px;
}
.order-form .product-info-box .product {
	color:#222;
	font-weight: 600;
	font-size: 16px;
}

/*회원가입2*/
.contact-list-tit {
	font-weight: 500;
}
.contact-list li {
	position:relative;	
	margin-top:5px;
}
.contact-list li::before {
	content: '-';
	font-size:14px;
	margin-right: 5px;
}


/*메인 비주얼 수정*/
.headcopy .visual-logo {
	display: inline-block;
	width:347px;
	height: 75px;
	background-image: url(../images/main/visual_logo.png);
	background-repeat: no-repeat;
	background-size: contain;
}
@media only screen and (max-width: 768px){
	.headcopy {
		margin-top: 0px;
		padding:0 20px;
	}
}
.headcopy .visual-txt {
	font-size:22px;
	font-weight: 600;
	color:#fff;
	margin-top:30px;
	line-height: 1.6em;
}
@media only screen and (max-width: 768px){
	.headcopy .visual-txt br {
		display: none;
	}
}
.headcopy .btn-visual {
	height: 56px;
	padding:0 40px;
	border-radius: 5em;
	margin:4px;
	max-width: 230px;
	min-width: 230px;
	font-size: 20px;
	font-weight: 600;
}
@media only screen and (max-width: 400px){
	.headcopy .visual-logo {
		width: 100% !important;
	}
}
.headcopy .btn-visual.btn-black {
	background-color: #000;
	color:#fff;
}
.headcopy .btn-visual.btn-green {
	background-color: #009984;
	color:#fff;
}

.main_sbArea .eventArea {
    background: #33497f;
    height: 80px;
}
.main_sbArea .eventArea .contArea {
    width: 620px;
	display: flex;
	align-items: center;
}
@media only screen and (max-width: 991px){
	.main_sbArea .eventArea .contArea {
		width: 100%;
	}
}
.main_sbArea .eventArea .contArea .contentArea {
	width: 100%;
    padding:30px 40px;
	display: flex;
	align-items: center;
}
@media only screen and (max-width: 991px){
	.main_sbArea .eventArea .contArea .contentArea {
		padding:30px 20px;
	}
}
.main_sbArea .noticeArea {
    background: #162855;
    height: 80px;
}
.main_sbArea .noticeArea .contArea {
    width: 620px;
}
@media only screen and (max-width: 991px){
	.main_sbArea .noticeArea .contArea {
		width: 100%;
	}
}
.main_sbArea .noticeArea .contArea .contentArea {
	width: 100%;
    padding: 30px 40px;	
	display: flex;
	align-items: center;
}
@media only screen and (max-width: 991px){
	.main_sbArea .noticeArea .contArea .contentArea {
		padding: 30px 20px;	
	}
}
.main_sbArea .eventArea .contArea .contentArea h5,
.main_sbArea .noticeArea .contArea .contentArea h5 {
	position: relative;
    font-size:18px;
	padding-right:30px;
	flex-shrink: 0;
	margin-bottom: 0;
}
@media only screen and (max-width: 991px){
	.main_sbArea .eventArea .contArea .contentArea h5,
	.main_sbArea .noticeArea .contArea .contentArea h5 {
		padding-left:0;
	}
}
.main_sbArea .eventArea .contArea .contentArea h5::after,
.main_sbArea .noticeArea .contArea .contentArea h5::after {
	position:absolute;
	right:0;
	top:2px;
	content:'';
	width:1px;
	height: 20px;
	background-color: rgba(255,255,255,0.1);
}
.main_sbArea .eventArea .contArea .contentArea .title,
.main_sbArea .noticeArea .contArea .contentArea .title{
    font-size:16px;
	font-weight:300;
	padding:0 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	flex-grow: 1;
}
.main_sbArea .eventArea .contArea .contentArea .btn-more,
.main_sbArea .noticeArea .contArea .contentArea .btn-more{ 
	position: relative;   
	flex-shrink: 0;
	border:0;
	background-color: transparent;
	width:18px;
	height: 18px;
}
.main_sbArea .eventArea .contArea .contentArea .btn-more::before,
.main_sbArea .noticeArea .contArea .contentArea .btn-more::before{ 
	position: absolute;   
	top:0;
	left:50%;
	transform: translateX(-50%);
	content: '';
	width:2px;
	height: 18px;
	background-color: #15254e;
}
.main_sbArea .eventArea .contArea .contentArea .btn-more::after,
.main_sbArea .noticeArea .contArea .contentArea .btn-more::after{ 
	position: absolute;   
	top:0;
	left:50%;
	transform: translateX(-50%);
	content: '';
	width:2px;
	height: 18px;
	background-color: #15254e;
	transform: rotate(90deg);
}
.main_sbArea .noticeArea .contArea .contentArea .btn-more::before{
	background-color: #46629f;
}
.main_sbArea .noticeArea .contArea .contentArea .btn-more::after{
	background-color: #46629f;
}

section.main .titleArea h5 {
	margin-top:150px;
    text-align: center;
    font-size: 40px;
	font-weight: 700;
	padding-bottom:30px;
	background-image: url(../images/main/title_line.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	line-height: 1.4em;
}
section.main .titleArea h5 .font_gold {
	display: inline-block;
	margin-right: 5px;
    font-size: 54px;
	font-weight: 700;
}
.main_st01 {
	max-width: 1240px;
}
.main_stBox {
	border:0;
}
.main_stBox p {
	font-size: 20px;
	color:#666;
	font-weight: 600;
	padding-top:160px;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 134px;
}
.main_stBox.type01 p {
	background-image: url(../images/main/info_icon01.png);
}
.main_stBox.type02 p {
	background-image: url(../images/main/info_icon02.png);
}
.main_stBox.type03 p {
	background-image: url(../images/main/info_icon03.png);
}
.main_stBox.type04 p {
	background-image: url(../images/main/info_icon04.png);
}
.main_stBox p.point {
    font-size: 26px;
	color:#162855;
	font-weight: 700;
	background-image: none;
	padding-top:0px;
}

.main_st01.service .service-list {
	position: relative;
	text-align: left;
	padding-left:80px;
}

.main_st01.service .service-list li .tit {
	font-size:28px;
	font-weight: 900;
	color:#162855;
	padding-left:40px;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 32px;
}
.main_st01.service .service-list li:nth-child(1) .tit {
	background-image: url(../images/main/service_icon01.png);
}
.main_st01.service .service-list li:nth-child(2) .tit {
	background-image: url(../images/main/service_icon02.png);
}
.main_st01.service .service-list li:nth-child(3) .tit {
	background-image: url(../images/main/service_icon03.png);
}
.main_st01.service .service-list li .txt {
	font-size:20px;
	font-weight: 400;
	color:#666666;
	line-height: 1.4em;
	margin-top:10px;
}
@media only screen and (max-width: 768px){
	.main_st01.service img {
		width:100%;
	}
	.main_st01.service .service-list {
		margin-top:30px;
		padding:0 20px;
	}
}

.main.experience {
	height: 328px;
	background-image: url(../images/main/experience_bg.jpg);
	background-repeat: no-repeat;
	padding-bottom: 0;
	background-position: center top;
	background-size: cover;
	order:4;
}
.main.experience .main_st01,
.main.experience .main_st01 .row {
	height: 100%;
}
.main.experience .txt {
	font-size:30px;
	color:#fff;
	text-align: left;
	font-weight: 700;
}
.main.experience .txt .font_gold {
	font-size:32px;
	font-weight: 500;
	margin-right:10px;
}
.main.experience .btn-experience {
    height: 56px;
    padding: 0 40px;
    border-radius: 5em;
    margin: 4px;
    max-width: 330px;
    min-width: 330px;
    font-size: 20px;
    font-weight: 600;
}
.main.experience .btn-experience.btn-white {
    background-color: #fff;
}
.main.experience .btn-experience.btn-green {
    background-color: #009984;
	color:#fff;
}
@media only screen and (max-width: 991px){
	.main.experience .row .col-md-12 {
		justify-content: center;
	}
	.main.experience .row .col-md-12:nth-child(2) {
		align-items: center !important;
	}
}
@media only screen and (max-width: 580px) {
	.main.experience {
		background-size: cover;
		height: auto;
		padding:50px 20px;
	}
	.main.experience .row .col-md-12:nth-child(2) {
		margin-top:30px;
	}
	.main.experience .row .col-md-12 .txt br {
		display: none;
	}
	.main.experience .row .col-md-12 .txt {
		font-size:24px;
	}
}

/*landywork 소개*/
.main_st01 {
	width:1240px;
}
@media only screen and (max-width: 1240px) {
	.main_st01 {
		width:100%;
	}
}

.landywork-info-wrap {
    display: flex;
    gap: 2rem;
    align-items: center;
    background-repeat: no-repeat;
    background-position: right center;
}
/* PC iframe 크기 (16:9) */
.landywork-info-wrap iframe {
    width: 30vw;
    height: 16.875vw;
    flex-shrink: 0;
}
@media only screen and (max-width: 1024px) {
    .landywork-info-wrap {
        display: block;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: 100%;
        padding-bottom: 10px;
    }
    /* 모바일 iframe 사이즈: 화면 100%에 맞게 */
    .landywork-info-wrap iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 16/9;
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 580px) {
    .landywork-info-wrap {
        padding-bottom: 10px;
    }
}
.landywork-info-wrap .inner {
	width:50%;
}
@media only screen and (max-width: 1024px) {
	.landywork-info-wrap .inner {
		width:100%;
	}
}
.landywork-info-wrap .title {
	font-size:34px;
	color:#222;
	font-weight: 700;
	line-height: 1.4em;
	text-align: left;
	padding-top:40px;
	background-image: url(../images/main/title_line.png);
	background-repeat: no-repeat;
}
.landywork-info-wrap .title .point {
	color:#009984;
}
.landywork-info-wrap .info-txt {
	font-size:16px;
	color:#222;
	line-height: 1.6em;
	text-align: left;
	margin-top:30px;
}

.system-wrap {
	padding:60px;
}
@media only screen and (max-width: 1024px) {
	.system-wrap {
		padding:60px 0;
	}
}
.system-wrap .inner-box {
	padding:50px 60px;
	border:1px solid #f1f1f1;
	border-radius: 20px;
	background-color: #fafafa;
}
@media only screen and (max-width: 1024px) {
	.system-wrap .inner-box {
		padding:30px 20px;
	}
}
.system-wrap .inner-box .tit {
	font-size:22px;
	color:#666;
	font-weight: 700;
	line-height: 1.4em;
}
.system-wrap .inner-box .txt {
	font-size:14px;
	color:#999;
	font-weight: 400;
	line-height: 1.4em;
	margin-top:10px;
}
.system-wrap .inner-box .image {
	display: inline-block;
	margin-top:30px;
}
@media only screen and (max-width: 1024px) {
	.system-wrap .inner-box .image img {
		width: 100%;
	}
}

.nav.info-tab {
	height:auto;
	border-bottom:2px solid #162855;
}
.nav.info-tab .nav-link {
	height: 100%;
	line-height: 2em;
	font-size:20px !important;
	color:#999;
	font-weight: 500;
	padding: 0.55rem 1.125rem;
	border-bottom:1px solid #162855;
	background-color: #ececec;
	border-radius: 0;
}
.nav.info-tab .nav-link:hover {
	border:1px solid #ececec;
	border-bottom:1px solid #162855;
	padding: 0.55rem 1.125rem;
	font-weight: 500;
}
.nav.info-tab .nav-link.active {
	height: 100%;
	line-height: 2em;
	font-size:20px !important;
	color:#fff !important;
	font-weight: 500;
	background-color: #162855;
}
.nav.info-tab .nav-link.active:hover {
	border:1px solid #162855;
}
.nav.info-tab .nav-item:nth-child(odd) .nav-link {
	margin-right:2px;
}
.nav.info-tab .nav-item:nth-child(even) .nav-link {
	margin-left:2px;
}

@media only screen and (max-width: 1024px) {
	.info-tab-content .tab-content .image img {
		width: 100%;
	}
}

/*주요서비스 swiper*/
.service-swiper {
	padding-left:60px;
	padding-right:20px;
	padding-top:10px;
	z-index: 10;
	height: 550px;
}
@media only screen and (max-width: 768px) {
	.service-swiper {
		padding: 0 20px;
		height: auto;
	}
}
.service-swiper .service-list {
	display: flex;
	flex-direction: column;
	padding-left:0 !important;
}
.service-swiper .service-list .swiper-slide {
	position: relative;
	height: auto;
	width:100% !important;
	cursor: pointer;
	padding:20px 10px 20px 20px;
}
.service-swiper .swiper-slide-thumb-active {
	position: relative;
	border:1px solid #e2dddd;
	border-radius:12px;
	background-color: #fff;
	box-shadow: 4px 4px 14px 1px rgba(0, 0, 0, .1);
}
.service-swiper .swiper-slide-thumb-active::before {
	position:absolute;
	content:'';
	left:-18px;
	top:50%;
	transform: rotate(45deg) translateY(-50%);
	width:20px;
	height: 20px;
	border: 1px solid #e2dddd;
	background-color: #fff;
	border-top:0;
	border-right:0;
}
@media only screen and (max-width: 768px) {
	.service-swiper .swiper-slide-thumb-active::before {
			display: none;
		}
}
.service-swiper2 {
	width:770px;
	height: 488px;
}
@media only screen and (max-width: 768px) {
	.service-swiper2 {
		width:100%;
		height: calc(100vw - 35vw);
	}
}
.main_st01.service .swiper-outer {
	position: relative;
}
.main_st01.service .swiper-outer .swiper-button-next, 
.main_st01.service .swiper-outer .swiper-rtl .swiper-button-prev {
    right: -30px;
    left: auto;
}
.main_st01.service .swiper-outer .swiper-button-prev, 
.main_st01.service .swiper-outer .swiper-rtl .swiper-button-next {
    left: -30px;
    right: auto;
}
@media only screen and (max-width: 1360px) {
	.main_st01.service .swiper-outer .swiper-button-next, 
	.main_st01.service .swiper-outer .swiper-rtl .swiper-button-prev {
		display: none;
	}
	.main_st01.service .swiper-outer .swiper-button-prev, 
	.main_st01.service .swiper-outer .swiper-rtl .swiper-button-next {
		display: none;
	}
}
.main_st01.service .swiper-outer .swiper-button-next:after, 
.main_st01.service .swiper-outer .swiper-button-prev:after {
    color:#aeaeae;
	font-weight: 700;
	font-size:60px;
}

/*메인 비주얼 슬라이드*/
.mainSwiper {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	max-width: 1400px;
	margin:0 auto;
}
@media only screen and (max-width: 1400px) {
	.mainSwiper {
		max-width: 100%;
	}
}
.mainSwiper .headcopy {
	position: relative;
	top:auto;
	left:auto;
	margin:0;
	padding-bottom:60px;
}
.mainSwiper .headcopy .visual-logo {
    display: inline-block;
    width: 347px;
    height: 75px;
    background-image: url(../images/main/visual_logo.png);
    background-repeat: no-repeat;
    background-size: contain;
}
.mainSwiper .headcopy .visual-txt {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    margin-top: 30px;
    line-height: 1.6em;
}

.mainSwiper .headcopy .btn-visual {
    height: 56px;
    padding: 0 40px;
    border-radius: 5em;
    margin: 4px;
    max-width: 230px;
    min-width: 230px;
    font-size: 20px;
    font-weight: 600;
}

.mainSwiper .headcopy .btn-visual.btn-black {
    background-color: #000;
    color: #fff;
}
.mainSwiper .headcopy .btn-visual.btn-green {
    background-color: #009984;
    color: #fff;
}

.btn-youtube {
	background: #ff0033; 
	color: #FFF;
}

@media screen and (max-width: 425px){
	.mainSwiper .headcopy .btn-visual, .btn-youtube {
	    min-width: 100%;
	}
}

@media screen and (min-width: 426px){
	.btn-youtube {
	    min-width: 460px !important;
	}
}

.mainSwiper .swiper-button-next, 
.mainSwiper .swiper-button-prev {
	color:#fff;
}
@media only screen and (max-width: 1400px) {
	.mainSwiper .swiper-button-next, 
	.mainSwiper .swiper-button-prev {
		display: none;
	}
}
.mainSwiper .swiper-pagination-bullet {
	background:#fff;
}

/*온라인 도움말*/
.page-content.help {
	width:1240px;
	padding:0;
	margin-bottom: 50px;
}
@media only screen and (max-width: 1640px) {
	.page-content.help {
		margin-top:150px;
	}
}
@media only screen and (max-width: 1240px) {
	.page-content.help {
		width:100%;
	}
}
.online-help-wrap {
	border:1px solid #e8e8e8;
	border-radius: 4px;
	padding:54px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.online-help-wrap .menu-line {
	position:relative;
	width:320px;
	flex-shrink: 0;
	border:1px solid #e8e8e8;
	padding:10px;
	background-color: #fff;
}
.online-help-wrap .dark {
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	z-index: 10;
	display: none;
}

@media only screen and (max-width: 1240px) {
	.online-help-wrap {
		padding:54px 20px; 
	}
	.online-help-wrap .menu-line {
		position:absolute;
		left:-320px;
		z-index: 10;
	}
	.online-help-wrap .menu-line.on {
		position:absolute;
		left:0px;
		z-index: 10;
	}
	.online-help-wrap .dark.on {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height: 100%;
		background-color: rgba(0,0,0,0.5);
		z-index: 10;
		display: block;
	}
}
.online-help-wrap .menu-line .mobile-btn {
	position:absolute;
	top:-1px;
	width:40px;
	height: 40px;
	right:-40px;
	background-color: #e8e8e8;
	border:0;
	display: none;
}
@media only screen and (max-width: 1240px) {
	.online-help-wrap .menu-line .mobile-btn {		
		display: block;
	}
}
.online-help-wrap .menu-line .mobile-btn::before {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%) rotate(45deg);
	content:'';
	width:10px;
	height: 10px;
	border-top:1px solid #333;
	border-right: 1px solid #333;
}
.online-help-wrap .menu-line .mobile-btn.btnClose::before {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%) rotate(-135deg);
	content:'';
	width:10px;
	height: 10px;
	border-top:1px solid #333;
	border-right: 1px solid #333;
}
.online-help-wrap .menu-line .depth01 {
	position: relative;
}
.online-help-wrap .menu-line .depth01 > li {
	padding:2px 0;
}
.online-help-wrap .menu-line .depth01 > li > a {
	color:#333 !important;
}
.online-help-wrap .menu-line .depth01 > li > a,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > a,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03 > li > a,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03 > li > .depth04 > li > a{
	position: relative;
	padding:8px 20px;
	border-radius: 4px;
	background-color: #fff;
	color:#666;
	font-weight: 700;
	display: block;
	font-size:16px;
}
.online-help-wrap .menu-line .depth01 > li > a:hover,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > a:hover,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03 > li > a:hover, 
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03 > li > .depth04 > li > a:hover{
	background-color: #f7f7f7;
} 
.online-help-wrap .menu-line .depth01 > li.on > a,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li.on > a,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03 > li.on > a,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03 > li > .depth04 > li.on > a{
	background-color: #009984;
	color:#fff !important;
}
.online-help-wrap .menu-line .depth01 > li.active > a,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li.active > a,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03 > li.active > a,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03 > li > .depth04 > li.active > a{
	background-color: #009984;
	color:#fff !important;
}
.online-help-wrap li.active a::after {content: "\f105";font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 10px; float:right;}
.online-help-wrap .menu-line .depth01 > li.child > a,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li.child > a,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03 > li.child > a,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03 > li > .depth04 > li.child > a{
	color:#333;
}
.online-help-wrap .menu-line .depth01 > li.child > a::after,
.online-help-wrap .menu-line .depth01 > li.child > .depth02 > li.child > a::after,
.online-help-wrap .menu-line .depth01 > li.child > .depth02 > li > .depth03 > li.child > a::after,
.online-help-wrap .menu-line .depth01 > li.child > .depth02 > li > .depth03 > li > .depth04 > li.child > a::after{
	content:'';
	position:absolute;
	top:10px;
	right:20px;
	width:10px;
	height: 10px;
	border-top:1px solid #929292;
	border-right:1px solid #929292;
	transform: rotate(135deg);
}
.online-help-wrap .menu-line .depth01 > li > .depth02,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03 > li > .depth04 {
	position: relative;
	margin:10px 0px 10px 10px;
	padding:0 0px 0 10px;
	display: none;
}
.online-help-wrap .menu-line .depth01 > li > .depth02.on,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03.on,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03 > li > .depth04.on {
	display: block;
}
.online-help-wrap .menu-line .depth01 > li > .depth02::before,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03::before,
.online-help-wrap .menu-line .depth01 > li > .depth02 > li > .depth03 > li > .depth04::before {
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:1px;
	height: 100%;
	background-color: #e8e8e8;
}
.online-help-wrap .menu-line .depth01 > li.child.on > a::after,
.online-help-wrap .menu-line .depth01 > li> .depth02 > li.child.on > a::after,
.online-help-wrap .menu-line .depth01 > li> .depth02 > li> .depth03 > li.child.on > a::after {
	border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
.online-help-wrap .cont-line {
	width:770px;
	/* display: none; */
}
@media only screen and (max-width: 1240px) {
	.online-help-wrap .cont-line {
		width:100%;
	}
}
.online-help-wrap .cont-line .image {
	display: block;
}
.online-help-wrap .cont-line .image img {
	width: 100%;
}
.online-help-wrap .cont-line .cont-list {
	padding:30px 20px;
}
.online-help-wrap .cont-line .cont-list > li {
	font-size:16px;
	color:#333;
	font-weight: 700;
	display: flex;
	align-items: center;
	margin:8px 0;
	flex-wrap: wrap;
}

.online-help-wrap .cont-line .cont-list > li > ul {
	width:100%;
	margin:10px 0 10px 20px;
}
.online-help-wrap .cont-line .cont-list > li > ul > li {
	position: relative;
	padding-left:10px;
	font-weight: 500;
}
.online-help-wrap .cont-line .cont-list > li > ul > li::before {
	content: '';
	position:absolute;
	left:0;
	top:10px;
	width:3px;
	height: 3px;
	background-color: #333;
}
.online-help-wrap .cont-line .cont-list > li > ul.dot-none > li {
	position: relative;
	padding-left:0;
	font-weight: 500;
}
.online-help-wrap .cont-line .cont-list > li > ul.dot-none > li::before {
	display: none;
}
.online-help-wrap .cont-line .cont-list > li > ul.dot-none > li {
	font-size:16px;
	color:#333;
	font-weight: 500;
	display: flex;
	align-items: center;
	margin:8px 0;
	flex-wrap: wrap;
}

.online-help-wrap .cont-line .cont-list > li > ul.dot-none > li > ul {
	width:100%;
	margin:10px 0 10px 20px;
}
.online-help-wrap .cont-line .cont-list > li > ul.dot-none > li > ul > li {
	position: relative;
	padding-left:10px;
	font-weight: 500;
}
.online-help-wrap .cont-line .cont-list > li > ul.dot-none > li > ul > li::before {
	content: '';
	position:absolute;
	left:0;
	top:10px;
	width:3px;
	height: 3px;
	background-color: #333;
}

/*상품가격 안내 문구 추거*/
.info-cont-box {
	padding:20px 30px;
	background-color: #eff9f4;
	border-radius: 8px;}
.info-cont-box .inner-line {
	display: flex;
	align-items: center;
}
@media only screen and (max-width: 1240px) {
	.info-cont-box .inner-line.bottom {
		flex-direction: column;
		align-items: flex-start;
	}
}
.info-cont-box .badge {
	display: inline-block;
	padding:6px 15px;
	border-radius: 6px;
	background-color: #ff6600;
	color:#fff;
	font-weight: 600;
	font-size:14px;
	margin-right: 10px;
}
.info-cont-box .txt {
	font-size:16px;
	color:#222;
	font-weight: 600;
	word-break: break-all;
}
.info-cont-box .txt.top {
	font-size:20px;
	color:#222;
	line-height: 1.2em;
}
.info-cont-box .txt .point {
	color:#03bf68;
}
.info-cont-box .stxt {
	font-size:14px;
	color:#777;
	font-weight: 400;
}

/*무료서비스 수정*/
.free-service-wrap2 {
	margin-top: 40px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
@media only screen and (max-width: 1340px) {
	.free-service-wrap2 {
		flex-direction: column;
	}
}
.free-service-wrap2 li {
	position:relative;
	border:1px solid #e6e6eb;
	border-radius:8px;
	padding:30px 0;
	overflow: hidden;
	width:calc(50% - 12px);
	display: flex;
	align-items: center;
	height: 235px; /* 좌우 높이 차이로 인하여 추가 - 20250729 추가 */
}
.free-service-wrap2 li:nth-child(odd) {
	margin-right: 12px;
}
.free-service-wrap2 li:nth-child(even) {
	margin-left: 12px;
}
@media only screen and (max-width: 1340px) {
	.free-service-wrap2 li {
		width:100%;
	}
	.free-service-wrap2 li:nth-child(odd) {
		margin-right: 0;
	}
	.free-service-wrap2 li:nth-child(even) {
		margin-left: 0;
		margin-top:12px;
	}
}
.free-service-wrap2 li .free {
	position:absolute;
	top:7px;
	left:-24px;
	transform: rotate(-45deg);
	background-color: #03bf68;
	padding:4px 30px;
	font-size: 14px;
	font-weight: 600;
	color:#fff;
}
.free-service-wrap2 li .free {
	position:absolute;
	top:14px;
	left:-24px;
	transform: rotate(-45deg);
	background-color: #03bf68;
	padding:4px 40px;
	font-size: 14px;
	font-weight: 600;
	color:#fff;
}
.free-service-wrap2 li .icon {
	width:155px;
	min-height: 108px;
	background-position: center;
	background-repeat: no-repeat;
	flex-shrink: 0;
}
@media only screen and (max-width: 540px) {
	.free-service-wrap2 li .icon {
		display: none;
	}
}
.free-service-wrap2 li:nth-child(1) .icon {
	background-image: url(../images/content/product_info2_icon01.png);
}
.free-service-wrap2 li:nth-child(2) .icon {
	background-image: url(../images/content/product_info2_icon02.png);
}
.free-service-wrap2 li .cont-line {
	border-left:1px solid #e6e6eb;
	padding:0 30px;
}
@media only screen and (max-width: 540px) {
	.free-service-wrap2 li .cont-line {
		border-left:0;
		padding:0 30px 0 60px;
	}
}
.free-service-wrap2 li .cont-line .tit {
	color:#213a79;
	font-weight: 800;
	font-size:18px;
}
.free-service-wrap2 li .cont-line .txt {
	color:#666666;
	font-weight: 500;
	line-height: 1.6em;
	font-size:14px;
	margin-top:10px;
}
.free-service-wrap2 li .cont-line .txt .point {
	color:#213a79;
}

/*메인 이벤트 영역 수정*/
.main_sbArea .eventArea .contArea .contentArea .title .new {
	display: inline-block;
	width:20px;
	height:20px;
	border-radius: 50%;
	background-color: #009984;
	font-size:13px;
	color:#fff;
	font-weight: 600;
	text-align: center;
	line-height: 21px;
	margin-left:10px;
}
.main_sbArea .eventArea .contArea .contentArea .title .event-layer {
	position:absolute;
	top:-16px;
	left:0;
	width:1240px;
	height: 96px;
	padding:20px;
	background-image: url(../images/main/event_bg.png);
	background-repeat: no-repeat;	
	display: none;
	z-index: 10;
}
@media only screen and (max-width: 1240px){
	.main_sbArea .eventArea .contArea .contentArea .title .event-layer {
		width:100vw;
		padding:16px 20px;
	}
}
.main_sbArea .eventArea .contArea .contentArea .title .event-layer.on {	
	display: block;
}
.main_sbArea .eventArea .contArea .contentArea .title .event-layer .txt {
	font-size: 20px;
	color:#fff;
	line-height: 1.4em;
	font-weight: 700;
	white-space: normal;
	text-align: center;
}
@media only screen and (max-width: 1240px){
	.main_sbArea .eventArea .contArea .contentArea .title .event-layer .txt {
		font-size: 16px;
		padding-left:0 !important;
	}
	.main_sbArea .eventArea .contArea .contentArea .title .event-layer .txt br {
		display: none;
	}
}
.main_sbArea .eventArea .contArea .contentArea .title .event-layer .txt a {	
	color:#fff !important;
}
.main_sbArea .eventArea .contArea .contentArea .title .event-layer .txt .point {
	color:#fffc00;
	font-weight: 900;
	font-size:22px;
}
@media only screen and (max-width: 1240px){
	.main_sbArea .eventArea .contArea .contentArea .title .event-layer .txt .point {
		font-size:18px;
	}
}
.main_sbArea .eventArea .contArea .contentArea .title .event-layer .btn-link {
	position: relative;
	color:#009984;
	font-size:14px;
	font-weight: 600;
	background-color: transparent;
	border:0;
	padding:0;
	margin-top:10px;
	text-decoration: none;
}
.main_sbArea .eventArea .contArea .contentArea .title .event-layer .btn-link::after {
	position: absolute;
	top:7px;
	right:-10px;
	content:'';
	width:8px;
	height: 8px;
	border-top:1px solid #009984;
	border-right: 1px solid #009984;
	transform: rotate(45deg);
}

.page-wrapper.main {
	overflow:hidden;
}


.headCopy-area {    
    height: 800px;
    position: relative;
	background-image: none;
}
.headCopy-area .slider {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	opacity: 0;
	transition: opacity 3s ease;
	visibility: 3s;
}
.headCopy-area .slider {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	transition: opacity 3s ease, visibility 3s;
}
.headCopy-area .slider.visible {
	z-index:0;
	opacity: 1;
}
.headCopy-area .slider.visible.top {
	z-index:1;
}
.headCopy-area .slider.n01 .bg {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	background-image: url(../images/main/main_visual01.png);
	background-repeat: no-repeat;
	background-position: center top;	
	background-size: cover;
}
.headCopy-area .slider.n02 .bg {
	width:100%;
	height: 100%;
	background-image: url(../images/main/main_visual02.jpg);
	background-repeat: no-repeat;
	background-position: center top;		
	background-size: cover;
}
.headCopy-area .slider.n03 .bg {
	width:100%;
	height: 100%;
	background-image: url(../images/main/main_visual03.jpg);
	background-repeat: no-repeat;
	background-position: center top;		
	background-size: cover;
}
.headCopy-area .slider.n04 .bg {
	width:100%;
	height: 100%;
	background-image: url(../images/main/main_visual04.jpg);
	background-repeat: no-repeat;
	background-position: center top;		
	background-size: cover;
}

/*신청하기 안내 문구*/
.product-order-info-wrap {
	background-color: #e8f0e9;
	border-radius: 6px;
}
.product-order-info-wrap .info-txt-list {
	position: relative;
}
.product-order-info-wrap .info-txt-list li {
	position: relative;
	padding-left:10px;
	font-size:14px;
	color:#333;
	margin:5px 0;
	word-break: keep-all;
	line-height: 1.6em;
}
.product-order-info-wrap .info-txt-list li .point {
	font-weight: 700;
}
.product-order-info-wrap .info-txt-list li::before {
	position: absolute;
	left:0;
	top:8px;
	content:'';
	width:4px;
	height: 4px;
	border-radius: 50%;
	background-color: #333;
}

/*나의서비스 상단 검색 영역*/
@media only screen and (max-width: 1240px){
	.searchArea.mypage {
		display: flex;
		flex-direction: column;
	}
	.searchArea.mypage > div {
		width:100% !important;
		height: auto !important;
		position: relative;
	}
	.searchArea.mypage > div:first-child >div:first-child {
		width:100% !important;
	}
	.searchArea.mypage > div:first-child > a .service-area {
		width:100% !important;
	}
	.searchArea.mypage > div:first-child >div:last-child {
		width:calc(100% + 2px) !important;
		top:85px !important;
		margin-left:-1px !important
	}
	.searchArea.mypage > div .btn {
		margin-top:10px;
		width:100%;
	}
	.searchArea.mypage > div:first-child {
		display: flex;
		flex-direction: column;
	}
	.searchArea.mypage > div:first-child > a .tb-service td .btn{ /*20240308수정*/
		margin-left:0 !important; 
	}
}
@media only screen and (max-width: 780px){	
	.searchArea.mypage > div:first-child >div:last-child {
		top:110px !important;
	}
	.searchArea.mypage > div:first-child >div:last-child .tb-service colgroup,
	.searchArea.mypage > div:first-child >a .tb-service colgroup {
		display: none;
	}
	.searchArea.mypage > div:first-child >div:last-child .tb-service td,
	.searchArea.mypage > div:first-child >a .tb-service td {
		width:100%;
		padding:5px 20px;
		background: none;
	}
	.searchArea.mypage > div:first-child >div:last-child .tb-service td:nth-child(3),
	.searchArea.mypage > div:first-child >a .tb-service td:nth-child(3) {
		background: none;
	}
	.searchArea.mypage > div:first-child >div:last-child .tb-service tr,
	.searchArea.mypage > div:first-child >a .tb-service tr {
		display: flex;
		flex-wrap: wrap;
		border-bottom: 1px solid #cdcdcd;
	}
	.searchArea.mypage > div:first-child >div:last-child .tb-service tr:last-child,
	.searchArea.mypage > div:first-child >a .tb-service tr:last-child {		
		border-bottom: 0;
	}
	.searchArea.mypage > div:first-child >div:last-child .tb-service td:last-child{
		display: none;
	}
	.searchArea.mypage > div:first-child >a .tb-service td:nth-child(5){ /*20240308수정*/
		position:absolute;
		width:10px;
		height: 10px;
		right:20px;
	}
}
@media only screen and (max-width: 600px){	
	.searchArea.mypage > div:first-child >div:last-child {
		top:170px !important;
	}
	.searchArea.mypage > div:first-child >div:last-child .tb-service td,
	.searchArea.mypage > div:first-child >a .tb-service td {
		width:100%;
		padding:5px 20px;
	}
	.searchArea.mypage > div:first-child >div:last-child .tb-service td,
	.searchArea.mypage > div:first-child >a .tb-service td {
		background: none;
	}
}
.service-area {
	width: calc(100% - 180px);
}



/* jquery validate error label */
label.error {color:#fd3995 !important}

/* nimble loading */
.comNimbleLoader { position: fixed; width:100%; height:100%; top: 0px; bottom: 0px; left: 0px; background-color: #e9e9e9; z-index:2070; opacity: 0.4; text-align:center; margin:0 auto; display:none;}

/* 내 서비스 목록 */
.service-area { width: calc(100% - 180px); }




/* sweet alert 2 */
.swal2-container {z-index:2080 !important;}
.swal2-title { font-size: 1.5em !important; margin-bottom: 1em !important; }
.swal2-content { font-size: 1em !important; }

/* jquery validate error label */
label.error {color:#fd3995 !important}

#uid-error, #email-error, #svcId-error, #id-invalid, .sms-cfm-invalid, #mobile-error, #smsCfmCode-error {position: absolute; top: -30px; left: 100px;}
#upwd-error, #reupwd-error{position: absolute; top: -5px; left: 100px;}
/* nimble loading */
.comNimbleLoader { position: fixed; width:100%; height:100%; top: 0px; bottom: 0px; left: 0px; background-color: #e9e9e9; z-index:2070; opacity: 0.4; text-align:center; margin:0 auto; display:none;}

select[readonly] { background: #f3f3f3; pointer-events: none; }

.w-10 {width:10% !important;}
.w-20 {width:20% !important;}
.w-30 {width:30% !important;}
.w-40 {width:40% !important;}
.w-60 {width:60% !important;}
.w-70 {width:70% !important;}
.w-80 {width:80% !important;}
.w-90 {width:90% !important;}

/* 공지사항 nolist */
.noList { height: 100px; line-height: 100px; }

a[target]:not(.btn) {text-decoration : none !important;}

/* 서비스 신청 > step 2 > 신청서 작성 > 신청내역 > 최초 1년 할인가 */
.table-type02 tr.discount { border : 2px solid red; }
.table-type02 tr.discount td { background-color: #ffebc1 !important; font-weight: bold; border-top: none; }

/* 나의 서비스 > 번경 신청 */
.nowSvc::after {content: "\f00c";font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 10px; float:right;}
.selSvc.border::after {content: "\f105";font-family: "Font Awesome 5 Free"; font-weight: 900; padding-right: 10px; float:right;}

/* 나의 서비스 > 정보 수정 > 취소 버튼 크기 및 색 조절 */
.eddit_opt_btn .bnt4Cancle {margin-top: 0.5rem; background-color: #d2d2d7; color: #666666; font-size: 15px; font-weight: 600; margin-right: 50px;}

/* 판매대행자 계약서 pdf */
.contract-date-red {color: red;}

/* 판매대행 수수료 */
.span-title {font-size: 18px; font-weight: 700;}
.span-sub-title {font-size: 17px; font-weight: 500;}

#contractPdf{margin-right: 60px;}

.taxTableDiv{
	overflow-x: auto;
}

.taxTableDiv:not(:first-of-type) table{ 
	min-width: 900px;
}

.table-type-tax{
	width: 100%;
    padding: 16px 0 14px;
    font-weight: 700;
    color: #222;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #222;
    background: #FFF;
    font-size: 16px;	
}

.table-type-tax thead tr th{ 
    padding: 16px 0 14px;
    font-weight: 700;
    color: #222;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #222;
    background: #FFF;
    font-size: 16px;
}

.table-type-tax tbody tr td {
    padding: 24px 16px 22px;
    color: #3e3e3e;
    vertical-align: middle;
    border-top: 1px solid #e6e6eb;
    font-size: 14px;
    text-align: center /*left*/;
    font-weight: 500;
}

.table-type-tax tbody tr td.bg {
	    background: #fafafa;
}

/* 결제 정보 변경 페이지 css 분리*/

.fl{float: left;}
.fr{float: right;}
.cardWrap{width: 100%;}
/*.cardWrap .cardHeader{line-height: 40px; font-size: 24px; font-weight: bold; text-align: center;}*/
hr{border-bottom: 1px solid #999;}
.cardWrap .cardTitle{line-height: 40px; font-size: 16px; }
.cardWrap .cardTitle #cardCnt{font-weight: bold;}
.cardWrap .cardList li{overflow: hidden; position: relative; margin-top: 10px; padding: 20px; border-radius: 10px;  border: 1px solid #efefef;}
.cardWrap .cardList li.on{background-color: #efefef;}
.cardWrap .cardList li .cardImg{width: 30%; aspect-ratio: 1.58/1; border: 1px solid #999; border-radius: 5px; position: relative;}
.cardWrap .cardList li .cardImg .imgWrap{width: 40px; height: 40px; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0;}
.cardWrap .cardList li .cardImg .imgWrap img{width: 100%; height: 100%;}
.cardWrap .cardList li .cardInfoWrap{margin-left: 10px;}
.cardWrap .cardList li .cardInfoWrap .cardInfo{width: max-content; height: max-content; position: absolute; margin: auto; top: 0; bottom: 0; left: 0; right: 0; box-sizing: border-box; margin-right: 25%}
.cardWrap .cardList li .cardInfoWrap .cardInfo div{font-size: 1.4em;}
.cardWrap .cardList li .cardInfoWrap .cardInfo .cardNm{font-size: 1em;}
.cardWrap .cardList li .cardInfoWrap .cardInfo .memo{font-size: 1em;}
/*.cardWrap .cardList li .removeCard{position: absolute; margin: auto; top: 0; bottom: 0; right: 0; width: 100px; aspect-ratio: 1.58/1; height: max-content; border: 1px solid #ccc; color: #999; border-radius: 10px; background-color: transparent; transition-duration: .2s;}*/
.cardWrap .cardList li .btnWrap{width: max-content; height: max-content; position: absolute; margin: auto; top: 0; bottom: 0; right: 10px;}
.cardWrap .cardList li .btnWrap button{ width: 80px; height: 40px; display: block; border: 1px solid #ccc; color: #999; border-radius: 10px; background-color: transparent; transition-duration: .2s;}
.cardWrap .cardList li .btnWrap button:hover{background-color: #009984; color: #fff;}
.cardWrap .cardList li .removeCard{margin-top: 5px;}
.cardWrap .cardList li.br{width: 100%; height: 1px; background-color: #ccc;}
@media screen and (max-width: 600px) {
	.cardImg{display: none !important;}
	.cardInfo{position: static !important;}
	}
	
@media screen and (min-width: 720px) {
	.join-top-logo{position: absolute; left: 0; display: inline-block;}
}
#contractCheckLabel::before, #contractCheckLabel::after{margin-top: 4px;}
.join-top-logo{left: 0; display: inline-block;}
.join-top-title{height: 50px; width: 100%; line-height: 90px;}
.join-desc{color: red; padding-left: 10px; letter-spacing: -0.3px;}

/* aside 버튼 영역 */
.section-aside { position: sticky; top: 120px; right: -80px; display: flex; flex-direction: column; gap: 6px; }
/* 버튼 공통 */
.aside-btn { width: 80px; height: 90px; border: none; cursor: pointer; color: #fff; font-size: 14px; font-weight: 600; line-height: 1.3; border-radius: 0 10px 10px 0;}
/* 색상 */
.aside-btn.primary { background-color: #0a8f88;}
.aside-btn.secondary { background-color: #0b7e77;}
.aside-btn.tertiary {background-color: #066c66;}
/* hover */
.aside-btn:hover {filter: brightness(1.1);}

.apply-service-wrap { display: flex; justify-content: space-between; padding: 20px 30px; background: #fff; }
.left { flex: 1; }
.title { font-size: 18px; margin-bottom: 20px; }
.service-name { font-size: 26px; font-weight: 700; color: #00a651; margin-bottom: 15px; }
/* 체크 리스트 */
.feature-list { list-style: none; padding: 0; margin: 0; }
.feature-list li { position: relative; padding-left: 26px; margin-bottom: 14px; font-size: 16px; color: #666; }
.feature-list li::before { content: "✓"; position: absolute; left: 0; top: 0; color: #cfcfcf; font-weight: bold; }
/* 오른쪽 */
.right { min-width: 220px; text-align: right; padding-top: 50px; }
.value { font-size: 20px; font-weight: 700; color: #00a651; margin-bottom: 10px; }
.desc { font-size: 15px; color: #333; line-height: 1.6;}

.form_line { display:flex; align-items:center; gap:8px; width:80%; margin:0 auto 12px; }
.form_label { min-width:70px; font-size:14px; font-weight:600; color:#333; white-space:nowrap; }
.type_group { display:flex; gap:6px; }
.type_btn { position:relative; }
.type_btn input { display:none; }
.type_btn span { padding:6px 14px; border:1px solid #ccc; border-radius:20px; cursor:pointer; background:#f9f9f9; transition:all .2s ease; }
.type_btn input:checked + span { background:#1b8f6a; color:#fff; border-color:#1b8f6a; }
#addr_input { flex:1; padding:8px 10px; border:1px solid #ccc; border-radius:4px; font-size:14px; }
#search_button { padding:8px 16px; border:none; background:#333; color:#fff; border-radius:4px; cursor:pointer; }
#search_button:hover { background:#000; }