@charset "utf-8";

h1 { display: none; }
h2 {
	clear: both; width: 100%; height: 40px; font-size: 22px; color: #000; margin: 0 0; padding: 0 0;
	margin-block-start: 0; margin-block-end: 0; margin-inline-start: 0; margin-inline-end: 0;
}
ul { margin: 0 0; padding: 0 0; }
#H1 { display: none; width: 100%; height: 1px; background: #FFF; position: fixed; top: 0; z-index: 500; }
.E22 { color: #E52929; } .DEB { color: #086DEB; } .Won { font-size: 13px; color: #888; padding-left: 2px; }
.gulim { font-family: gulim; font-size: 12px; } .tdlh { text-decoration: line-through; }
.slide { width: 100%; background: url('/img/banner-pc2.jpg') no-repeat center; min-height: 300px; display: inline-block; }
.comcor { color: #425AD4; } .ti-12 { text-indent: 12px; }
/*.pay-type { color: #7754D6; }*/ .job-pay { font-family: arial; font-size: 16px; color: #E20000; }
.ari { font-family: arial; } .mg12 { font-family: Margun Gothic; font-size: 12px; } .mg13 { font-family: Margun Gothic; font-size: 13px; }
.menu-fixed { top: 1px; position: fixed; z-index: 500; }
.mt0 { margin-top: 0px; } .mt10 { margin-top: 10px; } .mt20 { margin-top: 20px; } .mt30 { margin-top: 30px; }
.my-manager-fixed { top: 83px; position: fixed; } .p400 { font-family: 'Pretendard400'; } .p500 { font-family: Pretendard; }

.dNone { display: none; } .dShow { display: block; }
.None { clear: both; width: 100%; text-align: center; border-bottom: 1px solid #EBEBEB; padding: 100px 0px; font-size: 16px; color: #555; font-family: Pretendard400; }
.Btn-Wrap { clear: both; width: 100%; margin: 10px 0px; display: inline-block; text-align: right; }

.FL { float: left; } .FR { float: right; } .U { text-decoration: underline; } .TC { text-align: center; } .CP { cursor: pointer; }
.B { font-weight: bold; }.ls0 { letter-spacing: 0; }
.F08 { color: #FF0080; } .C08F { color: #0080FF; } .A4A { color: #A040A0; } .A00 { color: #A00000; } .F60 { color: #FF6000; }
.C480 { color: #478500; } .C284 { color: #218D44; } .C000 { color: #000; } .E20 { color: #ED2000; } .C3B3 { color: #31BA31; }
.C369 { color: #369; } .C999 { color: #999; } .AAA { color: #AAA; } .BBB { color: #BBB; } .C458 { color: #475B8F; }
.FS12 { font-size: 12px; } .FS13 { font-size: 13px; } .FS14 { font-size: 14px; } .FS15 { font-size: 15px; } .FS16 { font-size: 16px; }
.compulsory { display: inline-block; font-size: 12px; color: #FB2626; margin-left: 4px; /*margin-top: -2px;*/ text-indent: 0; }
.joinLogo { color: #000; font-size: 40px; font-family: Pretendard700; font-weight: 900; }
#Checkbox-All { margin-top: 1px; }

#Screen { width: 100%; height: 100%; opacity: 0.5; filter: alpha(opacity=60); z-Index: 1000; background: url('/img/ajax_back.png') repeat; }
#Screen, #AjaxFrame { display: none; position: absolute; top: 0; left: 0; width: 0; height: 0; z-index: 1100; }
#AjaxFrame { overflow-y: scroll; }

#PageNumSmall { clear: both; width: 100%; display: table; margin: 20px 0px; text-align: center; }
#PageNumSmall a { border: 1px solid #CDCDCD; text-align: center; padding: 8px 12px; color: #777; font-family: arial; font-size: 15px; -webkit-border-radius: 0.2em; -moz-border-radius: 0.2em; border-radius: 0.2em; margin-left: 1px; }
#PageNumSmall a:hover, #PageNumSmall a.Selected { border: 1px solid #333; background: #999; color: #FFF; }
#PageNumSmall a.Selected { padding: 8px 22px; }
#PageNumSmall a:hover span { color: #FFF; }
#PageNumSmall a span { font-size: 15px; }

#popup {
	top: 50px; left: 50px; position: fixed; width: 450px; height: 450px; z-index: 2000; background: #FFF; border: 1px solid #FEFEFE;
	-webkit-border-radius: .4em; -moz-border-radius: .4em; border-radius: .4em;
}

.nice-select > .list { max-height: 300px; overflow-y: auto; overflow-x: hidden; }
.nice-select > .list::-webkit-scrollbar { width: 4px; }
.nice-select > .list::-webkit-scrollbar-track { background-color: #FFF; }
.nice-select > .list::-webkit-scrollbar-thumb { background-color: #BBB; }
.nice-select > .list::-webkit-scrollbar-button { display: none; }

::placeholder { color: #888; font-size: 14px; font-family: Pretendard500; opacity: 1; }
:-ms-input-placeholder { color: #888; font-size: 14px; font-family: Pretendard500; opacity: 1; }
::-ms-input-placeholder { color: #888; font-size: 14px; font-family: Pretendard500; opacity: 1; }

body { background: #FFF;/*#fff5f5;*/ }
#header { width: 100%; height: 50px; background: #FFF; }
#header header { width: calc(100% - 36px); height: 50px; margin-left: 18px; }
#header header menu { float: left; width: 15%; height: 50px; display: table; }
#header header menu a { height: 50px; display: table-cell; vertical-align: middle; }
body.a2hs #header header menu a { height: 46px; padding-top: 4px; }
#header header #logo { float: left; width: 70%; height: 50px; display: table; }
#header header #logo img { height: 30px; text-align: center; }
#header header #logo a {
	width: 100%; height: 50px; text-align: center; display: table-cell; vertical-align: middle; font-size: 16px; color: #000;
}
body.a2hs #header header #logo a { height: 46px; padding-top: 4px; }
#header header #search { float: right; width: 15%; height: 50px; display: table; }
#header header #search a { height: 50px; display: table-cell; vertical-align: middle; text-align: right; }
#header header #search a img {  height: 30px; padding-top: 3px; }
body.a2hs #header header #search a img { padding-top: 4px; }
.menu-fixed { top: 0; position: fixed; z-index: 500; }

#Menu, #Search, #ajaxJoin, #ajaxJoinForm, #ajaxLogin, #ajaxFindID, #ajaxFindPass, #ajaxClause {
	width: 100%; height: 100vh; position: fixed; top: 0; /*overflow-y: auto;*/ z-index: 1000; background: #EEE;
	transition: transform 0.2s ease; display: none;
}
#Search { background: #FFF; }
#ajaxJoin { z-index: 2000; }
#ajaxJoinForm { z-index: 3000; overflow-y: auto; }
#ajaxLogin { z-index: 2000; }
#ajaxFindID { z-index: 3000; }
#ajaxFindPass { z-index: 3000; }
#ajaxClause { z-index: 4000; overflow-y: auto; }

.layerLeft { left: 0; transform: translateX(-100%); }
.layerRight { right: 0; transform: translateX(100%); }
.layerShow { transform: translateX(0); }

#ajaxView {
	width: 100%; height: 100vh; position: fixed; top: 0; /*overflow-y: auto;*/ z-index: 1000; background: #EFEFEF;
	transition: transform 0.2s ease; display: none;
}

#Menu .Container { width: calc(100% - 36px); margin-left: 18px; display: inline-block; }
#Menu .homeclose { clear: both; width: 100%; height: 40px; }
#Menu .home { float: left; width: 49%; height: 40px; }
#Menu .home a img { width: 20px; padding-top: 11px; }
#Menu .close { float: right; width: 49%; height: 40px; }
#Menu .close a { float: right; height: 40px; }
#Menu .close a img { width: 18px; padding-top: 11px; }
#Menu .join-login {
	width: 100%; height: 108px; background: #FFF;
	-webkit-border-radius: 1.2em; -moz-border-radius: 1.2em; border-radius: 1.2em;
}
#Menu .explain { width: 100%; height: 20px; text-align: center; padding-top: 18px; font-size: 14px; }
#Menu .joinlogin { display: flex; justify-content: center; gap: 4px; margin-top: 10px; }
#Menu .joinlogin div {
	width: 100px; background: #FFF; border: 1px solid #DDD; color: #555; text-align: center;
	-webkit-border-radius: .4m; -moz-border-radius: .4em; border-radius: .4em; padding: 10px 0;
}
#Menu .joinlogin div a { color: #333; }
#Menu .joinlogin .login { border: 1px solid #FE4040; background: #FE4040; }
#Menu .joinlogin .login a { color: #FFF; }

#Menu .Menu-AD {
	clear: both; width: 100%; height: 60px; margin: 12px 0; position: relative;
	background: url('/img/thum.jpg') no-repeat center center; background-size: 100%;
}
#Menu .Menu-AD::before  { content: ""; position: absolute; inset: 0; background: rgba(255, 255, 255, 0.5); pointer-events: none; }
#Menu .Menus { clear: both; width: 100%; height: 100%; }
#Menu ul#sMenu { float: left; width: 120px; height: 100%; text-indent: 20px; }
#Menu ul#sMenu li { width: 100%; height: 54px; display: table; }
#Menu ul#sMenu li a { width: 100%; height: 54px; display: table-cell; vertical-align: middle; color: #333; font-size: 17px; color: #000; font-weight: bold; }
#Menu ul#sMenu li.Select { background-color: #FFF; }
#Menu ul#sMenu li.Select a { color: #000; font-weight: bold; }
#Menu dl { float: right; width: calc(100% - 120px); height: 100%; background: #FFF; display: none; overflow-y: auto; }
#Menu dl.show { display: block; }
#Menu dt { display: none; }
#Menu dd { clear: both; width: 100%; height: 54px; display: table; }
#Menu dd a { width: 100%; height: 54px; display: table-cell; vertical-align: middle; color: #333; text-indent: 24px; font-size: 17px; }
#Menu dd.submenu { clear: both; width: 100%; height: 40px; }
#Menu dd.submenu a { width: 100%; height: 40px; display: table-cell; vertical-align: middle; color: #888; text-indent: 24px; font-size: 15px; }
#Menu dd.none { clear: both; width: 100%; height: 60%; }
#Menu dd.none a { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; color: #999; text-indent: 0; }
#Menu dd.consultant {
	clear: both; width: calc(100% - 48px); height: 60px; margin: 0 auto; margin-top: 9px;
	border-bottom: 1px solid #EAEAEA; line-height: 1.5; padding-bottom: 20px;
}
#Menu dd.consultant name { font-size: 20px; color: #000; }
#Menu dd.consultant span { font-size: 20px; color: #0080FF; }

#Menu .Menus ul.sMenu { clear: both; width: 100%; }
#Menu .Menus ul.sMenu li { clear: both; width: 100%; height: 40px; text-indent: 48px; }
#Menu .Menus ul.sMenu li a { color: #444; font-size: 17px; }

@media (prefers-color-scheme: dark) {
	#Menu ul#sMenu li.Select { background-color: #FFF; }
}

#jsAlert { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.6);  display: none; z-index: 9998; }
#AlertBox {
	position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%);
	background: #FFF; box-shadow: 0 -2px 20px rgba(0,0,0,0.7); z-index: 9999; width: calc(100% - 40px);
	-webkit-border-radius: .4em; -moz-border-radius: .4em; border-radius: .4em;
}
#AlertMsg {
	width: calc(100% - 50px); padding: 25px 25px 20px; font-size: 18px; display: inline-block; line-height: 1.5; letter-spacing: 0;
}
#AlertOk {
	clear: both; width: calc(100% - 50px); padding: 0 0 25px 25px;
	text-align: right; font-size: 18px; font-weight: bold; color: #000;
}

#idx-Region {
	clear: both; width: calc(100% - 36px); height: 100px; margin-left: 18px; background: #FE4040;
	-webkit-border-radius: 1.2m 1.2em 0 0; -moz-border-radius: 1.2em 1.2em 0 0; border-radius: 1.2em 1.2em 0 0;
}
#idx-Region .top { clear: both; width: calc(100% - 30px); height: 38px; margin-left: 15px; }
#idx-Region .top .left {
	float: left; width: 50%; height: 28px; color: #FFF; margin-top: 10px; text-indent: 8px; /*text-indent: 18px;
	background: url('/img/icon-mapin-white.png') no-repeat; background-size: 12px; background-position: 0 17%;*/
}
#idx-Region .top .right { float: right; width: calc(49% - 8px); height: 29px; text-align: right; color: #FFF; padding-top: 9px; padding-right: 8px; }
#idx-Region .top .right span { font-size: 12px; }
#idx-Menu {
	clear: both; width: calc(100% - 36px); height: 200px; margin-left: 18px; margin-top: -66px;
	-webkit-border-radius: 1.2m; -moz-border-radius: 1.2em; border-radius: 1.2em; margin-bottom: 10px; padding-bottom: 4px;
	background: radial-gradient(circle, #FDF2F2 80%, #FEE2E2 100%);
}
#idx-Menu dl { clear: both; width: calc(100% - 80px); margin-left: 40px; padding-top: 20px; }
#idx-Menu dl dt {
	clear: both; float: left; width: calc(50% - 10px); height: 33px; text-align: left;
	font-size: 17px; color: #000; text-align: right; padding: 2px 10px 0 0;
}
#idx-Menu dl dd {
	float: left; width: calc(50% - 10px); height: 33px; text-align: left; font-size: 20px; padding-left: 10px;
	font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1;
}
#idx-Menu dl dd div { float: left; }
#idx-Menu dl dd span { padding-left: 6px; font-size: 18px; color: 555; font-variant-numeric: tabular-nums; font-feature-settings: "tnum" 1; }

.idx-btn, .idx-btn2 {
	clear: both; width: 100%; height: 52px; display: table; position: relative;
	background: url('/img/thum.jpg') no-repeat center center; background-size: 100%;
}
.idx-btn::before, .idx-btn2::before  { content: ""; position: absolute; inset: 0; background: rgba(200, 230, 240, 0.97); pointer-events: none; }
.idx-btn *, .idx-btn2 * {
	position: relative; /* ±ÛÀÚ°¡ ¿À¹ö·¹ÀÌ µÚ¿¡ ¹¯È÷Áö ¾Ê°Ô */
}
.idx-btn a, .idx-btn2 a {
	width: 100%; height: 52px; display: table-cell; vertical-align: middle; color: #2A4357; z-index: 100; font-size: 18px;
	font-family: 'Pretendard700'; text-indent: 18px;
}

.divide-line { clear: both; width: 100%; height: 8px; background: #EFF0F1; border-top: 1px solid #EDEDED; border-bottom: 1px solid #EDEDED; }
.Wrap-98 { clear: both; width: calc(100% - 36px); margin-left: 18px; display: inline-block; }
.Wrap-98 h3 { clear: both; width: 100%; height: 33px; padding-top: 13px; font-size: 16px; font-weight: bold; color: #555; border-bottom: 1px solid #EEE; }
.Wrap-98 h3 a { font-size: 16px; font-weight: bold; color: #555; }
.idx-cs { clear: both; width: 100%; margin: 0 0; padding: 0 0; display: inline-block; margin-top: 10px; }
.idx-cs .left { float: left; width: 30px; margin-top: 2px; }
.idx-cs .right { float: right; width: calc(100% - 30px); }
.idx-cs .right .top, .idx-cs .right .top a { font-size: 19px; color: #555; }
.idx-cs .right .address { font-size: 16px; color: #555; }
.idx-cs .right .bot { font-size: 15px; color: #999; margin: 4px 0 9px; }

#Wrap-Foot { clear: both; width: 100%; display: inline-block; background: #F7F7F7; }
#Wrap-Foot .Container { clear: both; width: calc(100% - 40px); margin: 20px 0 0 20px; display: inline-block; }
#Wrap-Foot .Container .Menu-Foot { clear: both; width: 100%; display: inline-block; }
#Wrap-Foot .Container .Menu-Foot .Left { float: left; width: 33%; }
#Wrap-Foot .Container .Menu-Foot .Center { float: left; width: 34%; }
#Wrap-Foot .Container .Menu-Foot .Right { float: right; width: 33%; }
#Wrap-Foot .Container h3 { clear: both; width: 60px; font-size: 13px; font-weight: bold; color: #555; margin-block-start: 0; margin-block-end: 0; margin-top: 1px; }
#Wrap-Foot .Container ul { clear: both; float: left; width: 100%; }
#Wrap-Foot .Container ul li { width: 100%; }
#Wrap-Foot .Container ul li a { font-size: 13px; color: #555; }
#Wrap-Foot .Container .f2 { clear: both; width: 100%; margin-bottom: 10px; }
#Wrap-Foot .Container .f2 div { clear: both; width: 100%; height: 24px; text-align: center; font-size: 14px; color: #222; }
#Wrap-Foot .Container .f2 div span { color: #999; }
#Wrap-Foot .warnning { clear: both; width: calc(100% - 20px); text-align: center; font-size: 12px; color: #AAA; }
#Wrap-Foot address { clear: both; width: 100%; margin: 0 auto; padding: 5px 0 15px; color: #AAA; font-size: 11px; text-align: center; }