@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@font-face {
    font-family: 'Paperlogy';
    src: url('font/Paperlogy-1Thin.woff2') format('woff2'),
         url('font/Paperlogy-1Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('font/Paperlogy-2ExtraLight.woff2') format('woff2'),
         url('font/Paperlogy-2ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('font/Paperlogy-3Light.woff2') format('woff2'),
         url('font/Paperlogy-3Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('font/Paperlogy-4Regular.woff2') format('woff2'),
         url('font/Paperlogy-4Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('font/Paperlogy-5Medium.woff2') format('woff2'),
         url('font/Paperlogy-5Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('font/Paperlogy-6SemiBold.woff2') format('woff2'),
         url('font/Paperlogy-6SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('font/Paperlogy-7Bold.woff2') format('woff2'),
         url('font/Paperlogy-7Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('font/Paperlogy-8ExtraBold.woff2') format('woff2'),
         url('font/Paperlogy-8ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy';
    src: url('font/Paperlogy-9Black.woff2') format('woff2'),
         url('font/Paperlogy-9Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

/* ========================== 태그초기화 =========================== */

html,body{font-family:'PT Serif','Paperlogy', sans-serif, serif;font-size: 14px;color:#696969;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-moz-osx-font-smoothing:grayscale;}
html,body,p,img,div,input,ul,header,footer,mark,article,ul li,dl,dl dt,dl dd,form,legend,caption,h1,h2,h3,h4,h5,fieldset,label,ol,ol li,xmp{margin:0;padding:0;border:0;list-style-type:none}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
img{border:0;vertical-align:top;}
ul,ol,dl,dt,dd,li{list-style:none;}
table, th, td{border-collapse:collapse;border-spacing:0;font-weight:normal;}
caption{display:block;text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0;}
fieldset, blockquote, iframe, button{border:none;}
i, em, u, cite, address{font-style:normal;}
table {margin:0;padding:0;word-break:break-all;border-collapse:collapse; }
strong, b{font-weight:bold;}
a {color:#555;text-decoration:none;}
input{border:1px solid #dedede;padding:3px 3px;color:#777;}
button {background:transparent;cursor:pointer;vertical-align:middle;margin:0;}
button,input[type="submit"], input[type="button"], input[type="reset"] {cursor:pointer;-webkit-appearance:none;}
section, nav, article, aside, header, footer, main, figure, figcaption {display:block;}
input[type="date"]::-webkit-calendar-picker-indicator,input[type="date"]::-webkit-inner-spin-button {display:none;}input[type="text"],input[type="search"],input[type="tel"],input[type="number"],
input[type="password"]{-webkit-appearance:none;border-radius:0}
input[placeholder] {}
::-moz-selection{background:#444;color:#fff;text-shadow:none;}
::selection{background:#444;color:#fff;text-shadow:none;}
::-webkit-input-placeholder {color:#aaa;}
::-moz-placeholder {color:#aaa;}
:-ms-input-placeholder {color:#aaa;}
:-moz-placeholder {color:#aaa;}
::-ms-clear,
::-ms-reveal {display: none;}
input[type="text"],input[type="password"],input[type="file"]{position:relative;height:24px;padding:3px;text-align:left;background:none;border:1px solid #ddd;display:inline-block;color:#666;line-height:1;outline:none;font-size:14px;border-radius:0;}
input[type="file"]{position:absolute;top:0;left:0;z-index:10;width:100%;line-height:normal;cursor:pointer;}
input[type="radio"],input[type="checkbox"]{width:20px;height:20px;cursor:pointer;}
select, textarea, button{border-radius:0;}
input[type="text"],input[type="search"] {border-radius:0;}
input:-webkit-autofill{-webkit-box-shadow: 0 0 0px 1000px #fff inset;}
.clearfix:before, .clearfix:after {content: '';display: block;clear: both;}
.border-radius{behavior:url('../../js/design-js/PIE-1.0.0/PIE.htc');zoom:1;}

/* ========================== 공통 클래스 모음 =========================== */
.floL{float:left;}
.floR{float:right !important;}
.posR{position:relative;}
.posA{position:absolute;}
.t-c, .text-c{text-align:center !important}
.t-r, .text-R{text-align:right !important}
.t-l, .text-L{text-align:left !important}
.clr{*zoom:1;}
.clr:after{ content: ""; display: block; clear:both;}
.indent{position:absolute;top:0px;left:-9999px;font-size:0px;line-height:0px;}
.notxt{text-indent:-9999px;font-size:0px;line-height:0px;}
.hide{display:none;}
.bgn a{background:none !important}
.dis-Table{display: table;margin:0 auto;}
.CursorP{cursor:pointer}
.BackNone{background:none !important}
.text-c{text-align:center !important;}.text-L{text-align:left !important;}.text-R{text-align:right !important;}
.b-tit {text-align: center;font-size: 30px;color: #000;font-weight: 800;margin-bottom: 50px;}

/*------- width, margin, padding --------*/
.wAuto{width:auto !important;}.w100{width:100% !important;}.w98{width:98% !important;}.w95{width:95% !important;}.w90{width:90% !important;}.w85{width:85% !important;}.w80{width:80% !important;}.w75{width:75% !important;}.w70{width:70% !important;}.w60{width:60% !important;}.w50{width:50% !important;}
.w475{width:47.5% !important;}.w47{width:47% !important;}.w45{width:45% !important;}.w40{width:40% !important;}.w35{width:35% !important;}.w33{width:30% !important;}.w30{width:30% !important;}.w20{width:20% !important;}.w18{width:18%;}.w15{width:15%;}.w10{width:10%;}
.w125{width:12.5%;}.w575{width:57.5%;}
.w1200{width:1200px !important;margin:0 auto !important;}
.wid30{width:30px !important;}.wid40{width:40px !important;}
.wAuto{width:auto !important;}
.hei60{height:60px !important;}
.mg0a{margin:0 auto !important;}.margin5a{margin:5px auto;}.margin10a{margin:10px auto !important;}.margin20a{margin:20px auto;}.margin30a{margin:30px auto !important;}.margin50a{margin:50px auto;}
.mgt0{margin-top:0 !important;}.mgt-5{margin-top:5px;}.mgt-10{margin-top:10px;}.mgt-20{margin-top:20px !important;}.mgt-30{margin-top:30px !important;}.mgt-50{margin-top:50px !important;}
.mgr-70{margin-right:70px;}.mgr-10{margin-right:10px !important;}
.mgl-5{margin-left:5px !important;}.mgl-8{margin-left:8px;}.mgl-10{margin-left:10px;}.mgl-15{margin-left:15px;}.mgl-30{margin-left:30px;}
.mgb-10{margin-bottom:10px !important;}
.pdt10{padding-top:10px;}.pdt20{padding-top:20px;}.pdt30{padding-top:30px;}
.pdl0{padding-left:0 !important;}.pdl10{padding-left:10px !important;}.pdl-15{padding-left:15px;}.pdl20{padding-left:20px !important;}.pdl30{padding-left:30px !important;}.pdl-30{padding-left:30px;}
.pdr10{padding-right:10px !important;}.pdr30{padding-right:30px !important;}.pdr150{padding-right:150px !important;}
.pdb-10{padding-bottom:10px;}.pdb-20{padding-bottom:20px;}.pdb-30{padding-bottom:30px;}
.pdt-none{padding-top:0px !important;}
.mg0{margin:0 auto !important;}
.w1050{width:1050px;text-align:center;margin:0 auto;}	
.mgt-15{margin-top:15px;}.mgt-26{margin-top:26px;}.mgt-40{margin-top:40px;}.mgt-50{margin-top:50px ;}.mgt-70{margin-top:70px !important;}
.mgt100{margin-top:100px !important;}
.wid80{width:80px;}
.wid100{width:100px;}
.wid110{width:110px;}
.w380{width:380px;}
.mgr-2{margin-right: 2px;}
.mgr-5{margin-right: 5px !important;}
.mgb-10{margin-bottom: 10px !important;}
.mgb-20{margin-bottom: 20px;}
.mgb-30{margin-bottom: 30px !important;;}
.mgb-50{margin-bottom: 50px !important;}
.mgb-70{margin-bottom: 70px !important;}
.mgb-80{margin-bottom: 80px !important;}
.mgb-90{margin-bottom: 90px;}
.ttalignL{text-align:left !important;}
.t-va_top{vertical-align:top;}
.bg-no{background:none !important;}
.pd-no{padding:0 !important;}
.bd-no{border:0 !important;}
.Lineh42{line-height:42px !important;}

.TxtRad{color:#db534d;}
.TxtWg{color:#18b0bc !important;}

.fl-left{display:inline-block;}.fl-left li{float:left !important;}
.fl-none{display:inline-block;}.fl-none li{float:none;}
.list-num{display:inline-block;list-style-type:circle;}

/*-- background --*/
.bg-white{background:#fff !important;border:1px solid #fff;}/*.bg-white:hover{background:#fff;border:1px solid #000;}*//*-- 전체제품리스트 pd-box --*/
.bg-orange{background:#f17215 !important;color:#fff !important;}.bg-orange:hover{background:#de650d !important;color:#fff !important;}
.bg-green{background:#a6bf27 !important;}.bg-green:hover{background:#8fa51d !important;}
.bg-fa{background:#dedede;}
.bg-gray{background:#acacac;}
.bg-black{background:#333;}.bg-black:hover{background:#000;}

/* 공통 */
.btn,.btn * {margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; white-space:nowrap; vertical-align:middle; overflow:visible; color:#fff; }
.btn *{cursor:pointer; cursor:hand; vertical-align:middle;}
.btn span{text-indent:-99999px; font-size:0; }

/* btnWrap */
.btnWrap{display:table; margin:0 auto;}
.btnWrap a{display:inline-block;font-size:14px;padding:15px 35px;margin:0 8px;border-radius:3px;}
.btnWrap .btn{margin-left:10px;}
.btnWrap .btn:first-child{margin-left:0;}

/* text Button large*/
.lg_ty1{padding:0 20px; min-width:100px; background-color:#494949; height:26px; line-height:26px; text-align:center; color:#fff !important; font-size:14px;}
.lg_ty2{padding:0 20px; min-width:100px; background-color:#fff; height:26px; line-height:26px; text-align:center; color:#888 !important; font-size:14px; border:1px solid #888;transition-duration: 0.5s;}
.lg_ty2:hover{border:1px solid #333;color:#333 !important;}
.lg_ty3{padding:0 20px; min-width:100px; background-color:#f69f99; height:26px; line-height:26px; text-align:center; color:#fff !important; font-size:14px; border:1px solid #888;transition-duration: 0.5s;}
.lg_ty3:hover{border:1px solid #333;color:#333 !important;}

/*------- input --------*/
.normal-inp{overflow:hidden;height:32px;padding:0 10px;border:1px solid #dedede;line-height:32px;font-size:14px;color:#555;}

/*------- 버튼 --------*/
.first-btn{display:block;text-align:center;font-size:14px;transition:all 0.5s;cursor:pointer;height:35px;line-height:35px;}

.common-btn{display:table;text-align:center;margin: 0 auto;}
.common-btn a{display:table-cell;vertical-align:middle;padding:10px 25px;-webkit-transition-duration:0.3s;transition-duration:0.3s;margin:0 5px;}

.big-btn{text-align:center;transition:all 0.5s;cursor:pointer;margin:0 auto;display:table;}
.big-btn span{display:table-cell;vertical-align:middle;font-size:18px;padding:10px 35px;}

.back-orange-normal{background:#f7b52c;}
.back-orange{color:#fff;background:#ffac00;}.back-orange:hover{color:#fff;background:#df9600;}
.back-blue{background:#6c8ea3 !important;}
.back-blue2{background:#99aeb8 !important;}

.sm_ty1{background-color:#a7a7a7; height:30px; line-height:30px; text-align:center; color:#fff !important; font-size:15px; padding:0 13px;}
.sm_ty2{background-color:#444; height:30px; line-height:30px; text-align:center; color:#fff !important; font-size:15px; padding:0 13px;}
.sm_ty3{background-color:#fff; height:30px; line-height:30px; text-align:center; color:#fff !important; font-size:15px; padding:0 13px;}

/*------- 텍스트 --------*/
.text-red{color:#f53e3c !important;}
.textBlue{color:#005ac9;}

.fsize14{font-size:14px !important;}.fsize16{font-size:16px !important;}
.line-height30{line-height:30px !important;}
.color-black{color:#000;}.color-black3{color:#333;}.color-black5{color:#555;}.color-black7{color:#777;}.color-black9{color:#999;}
.color-white{color:#fff !important;}
.color-orange{color:#ff7200 !important;}.color-orange2{color:#f17215 !important;}
.color-red2{color:#e60019 !important;}

/*-- daon-logo-color --*/
.color-red{}.color-red:hover{color:#c30015 !important;}
.color-blue{color:#108ccf !important;}.color-blue:hover{color:#0770a9 !important;}

/*------- 배경 --------*/
.bg-white{background:#ffffff;}
.gback{color:#777;}

/* =========================== skip네비게이션 ====================================== */
#skip a{position:absolute;top:0px;left:-9999px;z-index:100;}
#skip a:focus, #skip a:active{left:0px;width:100%;text-align:center;padding:10px 0px;background:#004c80;color:#fff;font-weight:bold;}

/* =========================== 공통 레이아웃 ============================= */
div#wrap{overflow:hidden;width:100%;height:auto;min-width:1300px;}
#container{width:100%;margin:0 auto;position:relative;/*min-height: 800px*/;overflow: hidden;}
div#wrap footer{clear:both;position:relative;border-top:1px solid #e5e5e5;}
.contain{width:1400px;margin:0 auto;}

/* =========================== header =================================== */
.header{}
.header .headTop{height:100px;display:flex;align-items: center;justify-content: space-between;position:relative;}
.header .TopTab ul{display:flex;gap:20px;}
.header .TopTab ul a{font-size:14px;color:#aaa;}
.header .TopTab ul a.hoveron{color:#095740;}
.header .userMenu{display:flex;gap:20px;}
.header .userMenu a{line-height:24px;}
.header .gnbWrap{background:#095740;height:60px;}
.header .gnbWrap #gnb > div{display:flex;height:60px;position:relative;}
.header .gnbWrap a{flex:1;color:#fff;display:flex;align-items: center;justify-content: center;font-size:18px;z-index:10;}
.header .gnbWrap .underMenu{position:absolute;width:200vw;top:55px;left:50%;margin-left:-100vw;z-index: 9;background: #095740;padding:20px 0;display: none;}
.header .gnbWrap .underMenu div{display: flex;width: 1400px;margin: 0 auto;}
.header .gnbWrap .underMenu ul{flex:1;}
.header .gnbWrap .underMenu li{margin-bottom:10px;}
.header .gnbWrap .underMenu a{font-size:16px;opacity:0.5;transition:all 0.3s;}
.header .gnbWrap .underMenu a:hover{opacity:1;}
.searchWrap{position:absolute;top:50%;right:0;display:flex;margin-top:-20px;align-items: center;background:#fff;display:none;padding-left:300px;}
.searchWrap div{display:flex;align-items: center;overflow:hidden;background:#09574020;border-radius:20px;padding-right:10px;}
.searchWrap div a{color:#095740;}
.searchWrap input{background:transparent !important;border:none !important;color:#363636 !important;}
.searchWrap input::placeholder{color:#555 !important;}
.searchWrap > a{padding-left:5px;}

/* ============================== footer =================================== */
.footer {background: #17322a;padding-top:50px;margin-top:150px;}
.footer img{}
.btmInfo{display:flex;justify-content: space-between;gap:50px;}
.btmInfo .compInfo{width:55%;margin-left:-5px}
.btmInfo .btmMenu{width:45%;text-align:right;}
.btmInfo .btmMenu a{display:inline-block;}
.footer .btmInfo {margin:30px 0;}
.footer .btmInfo .btmMenu a {color: rgba(255,255,255,0.8);font-size: 14px;transition: all 0.3s;margin:5px 10px;font-weight:200;}
.footer .btmInfo .btmMenu a:last-child {margin-right: 0;}
.footer .btmInfo .btmMenu a:hover {color: #fff;}
.footer .btmInfo .compInfo span {color: rgba(255,255,255,0.8);font-size: 14px;margin:5px;display: inline-block;font-weight: 100;font-family: 'Paperlogy';}
.footer .btmInfo .compInfo span b{font-weight:500;}
.footer .btmCopy{border-top:1px solid rgba(255,255,255,0.2);display:flex;justify-content: space-between;align-items: center;height:60px;}
.footer .snsWrap{display:flex;gap:20px;}
.footer .btmCopy i{font-size:20px;color:rgba(255,255,255,0.6);transition:all 0.3s;}
.footer .btmCopy i:hover{color:#fff;}


/* follow quick menu */
.quickMenu {position: fixed;right: 50px;bottom: 50px;z-index: 90;text-align: center;}
.quickMenu ul li a {width:50px;height:50px;border-radius:50%;margin-top:10px;display:flex;align-items: center;justify-content: center;}
.quickMenu ul li a.kakao{background:#fae100;}
.quickMenu ul li a.kakao i{color:#3c1e1e;font-size:32px;}
.quickMenu ul li a.goTop{background:#095740;}
.quickMenu ul li a svg {width: 30px;height: 30px;}
.quickMenu ul li a i{color:#fff;font-size:20px;}
@media screen and (max-width:1470px) {
	.quickMenu{right:0;}
}



/* Text 애니메이션션 효과  실명인증 문구 */
.textAnimation {animation:topCertify 1.0s infinite;padding:3px 10px;background:#d75654;border-radius:3px;margin-right:-15px;font-size:13px;font-weight:200;}
@keyframes topCertify{0%{color:rgba(250, 250, 250, 1);}100%{color:rgba(250, 250, 250, 0.5);}}

/*
 *
 *	데모전용 사용하지않으면 삭제하시면됩니다.
 *
 */
/* ========================  animation ============================= */
.fromTopIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.fromTopOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,-10px);opacity: 0.0;}
.fromBottomIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.fromBottomOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,10px);opacity: 0.0;}
.fromLeftIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.fromLeftOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(-10px,0);opacity: 0.0;}
.fromRightIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(0,0);opacity: 1.0;}
.fromRightOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: translate(10px, 0);opacity: 0.0;}
.scaleUpIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: scale(1.0,1.0);opacity: 1.0;}
.scaleUpOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: scale(1.3,1.3);opacity: 0.0;}
.scaleDownIn{transition: transform 1.0s ease, opacity 1.0s ease;transform: scale(1.0,1.0);opacity: 1.0;}
.scaleDownOut{transition: transform 1.0s ease, opacity 1.0s ease;transform: scale(0.7,0.7);opacity: 0.0;}

.WjBtn{display:table;margin:0 auto;}
.WjBtn a{display:inline-block;font-size:13px;color:#555;border:1px solid #d3d1d1;padding:15px 40px;transition-duration: 0.5s;}
.WjBtn a:hover{background:#18b0bc;border:1px solid #18b0bc;color:#fff;}

/* 팝업 : id/pw 찾기 */
#popWrap{position:relative; margin:50px;border:1px solid #eee;padding:39px;position:relative;}
#popWrap .popHeader h1{font-size:20px;line-height:30px;color:#333;font-weight:normal;}
#popWrap .popHeader .guide{font-size:13px;color:#bebebe;margin:11px 0 32px 0;}
#popWrap .popContents{}
#popWrap .searchBox{overflow:hidden;width:420px;}
#popWrap .searchBox dt,
#popWrap .searchBox dd{float:left;margin:0 0 11px 0; }
#popWrap .searchBox dt{clear:both;width:90px;font-size:15px;color:#797979;height:33px;line-height:33px;}
#popWrap .searchBox dd{width:330px;}
#popWrap .searchBox input{border:1px solid #e1e6ea;height:33px;line-height:33px;}
#popWrap .searchBox select{height:25px;line-height:25px;}
#popWrap .confirm{text-align:center;margin:30px 0 0 0;}
#popWrap .confirm a{display:inline-block;width:160px;height:50px;color:#fff;background-color:#444444;text-align:center;line-height:50px;font-size:15px;}
#popWrap .popclose{position:absolute;right:-1px; top:-1px;}
#popWrap .idPassFind { }
#popWrap .idPassFind h2{font-size:18px;color:#1b1b1b;font-weight:normal;}
#popWrap .formTable{margin:15px 0 0 0;}
#popWrap .formTable th{font-size:15px; letter-spacing:-1px; font-weight:normal; text-align:left; color:#848484; }
#popWrap .formTable td{padding:5px 0;}
#popWrap .formTable .point{color:#444; font-size:12px; margin-top:10px;}
#popWrap .formTable td input{border:1px solid #dddddd;height:33px;line-height:33px;padding-left:3px;}
#popWrap .idPassFind .confirm{padding:30px 0 35px 0; border-bottom:1px solid #e0e4e8; margin:0 0 26px 0;}
#popWrap .idPassFind .passfind{margin:24px 0 0 0; text-align:center;}
#popWrap .idPassFind .passfind span{font-size:13px; line-height:22px; display: block; text-indent: -20px; margin-left: 20px;}
#popWrap .idPassFind .passfind strong{color:#343d45; font-size:15px;display:block; padding:20px 0 0 0;} 

.PopTab{width:100%;}
.PopTab .PopTabs li{float: left;width:50%;}
.PopTab .PopTabs li:first-child{width:50%;box-sizing:border-box;}
.PopTab li a{display:block;font-size: 16px;color: #4c4c4c;line-height: 50px; text-align:center;transition-duration: 0.5s;}
.PopTab li a.hover, .PopTab li a.active{color: #fff; background:#095740;}
.Pop_content > img{width:1000px;margin:0 auto;display:block;}
.PopTabs{margin-bottom:30px;background:#f1f1f1;}
.PopTab li a:hover, .PopTab li a.active, .PopTab li a.tabOn{color: #fff;background: #095740;}

/* 비밀번호 변경, 수당 발생 안내 */
.guidegb{width:100%;background:#f2f2f2;display:table;text-align:center;padding:80px 0;}
.guideWrap{display:table-cell;vertical-align:middle;padding-top:60px;}
.guideCont{width:1000px;background:#fff;position:relative;margin:0 auto;padding:120px 100px 100px;border-radius:50px;}
.guideCont .guideIcon{width:150px;height:150px;overflow:hidden;border-radius:50%;position:absolute;left:50%;margin-left:-75px;top:-75px;}
.guideCont .guideIcon svg{margin-top:30px;}
.guideCont h2{font-size:60px;color:#000;line-height:1.3;}
.guideCont h2 p{font-size:0.5em;font-weight:200;opacity:0.7;}
.guideCont hr{display:block;margin:30px auto;width:800px;border-top:1px solid #ddd;border-bottom:0;}
.guideCont p{color:#666;}
.guideCont .btns{margin-top:50px;font-size:0;}
.guideCont .btns a{display:inline-block;line-height:50px;color:#fff;width:180px;border-radius:3px;font-size:15px;margin:0 5px;}
.bg_basic{background:#095740;} a.bg_basic:active{background:#17322a;}
.bg_gray{background:#616a7d;} a.bg_gray:active{background:#4d5567;}

/* 처리중입니다. */
.loadInfoWrap{}
.loadInfo{background:rgba(0,0,0,0.6);position:fixed;top:0;left:0;display:flex;width: 100%;height: 100vh;z-index: 999;align-items: center;justify-content: center;}
.loadInfo .loadInfoCont{background:#fff;width:340px;height:130px;display:flex;align-items: center;justify-content: center;flex-direction: column;gap:15px;border-radius:20px;}
.loadInfo .loadInfoCont p{text-align:center;}
.loadInfo .loader {width: 60px;aspect-ratio: 4;--_g: no-repeat radial-gradient(circle closest-side,#095740 90%,#0000);background:var(--_g) 0%   50%,var(--_g) 50%  50%,var(--_g) 100% 50%;background-size: calc(100%/3) 100%;animation: l7 1.2s infinite linear;}
@keyframes l7 {
    33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
    50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
    66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
}