@charset "utf-8";
header.hide {transform: translateY(-100%); overflow: hidden;}

.intro-wrap{display:flex;justify-content: center; align-items: center; flex-direction: column; width:100%; min-height:100vh; margin:0 auto; padding:0 var(--wrap-padding); box-sizing: border-box;}
.intro-wrap.s1{background:url(/resources/images/intro-bg.png) 50% 100% no-repeat; background-size:cover;  }
.intro-wrap.s2{background:url(/resources/images/intro-bg-b.png) 50% 50% no-repeat; background-size:cover;  }
.intro-wrap.s3{background:url(/resources/images/intro-bg-c1.png) 50% 50% no-repeat; background-size:cover;  }
.intro-wrap.bg{background:url(/resources/images/intro-bg-b.jpg) 50% 50% no-repeat; background-size:cover;  }
.intro-wrap .img{width:100%; text-align: center;}
.intro-wrap .img img{max-width:100%;}

.intro{position:relative;width:100%;max-width:880px; margin:0 auto;text-align: center;  background: rgba(255,255,255, .75); border:1px solid rgba(1,64,153,.2); padding:120px 25px 80px; border-radius: 10px; box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.07); box-sizing: border-box;}
.intro .logo{position:absolute; left:30px; top:30px; width:150px; height:30px; }
.intro .logo img{height:30px; }
.intro .tit{font-family: 'GmarketSansBold'; font-size:35px;line-height:1.2;color:#333; }
.intro .logo-k{padding:40px 8% 60px; box-sizing: border-box; }
.intro .logo-k img{width:100%; max-width:280px; }
.intro .btnArea{display:flex;justify-content: center; align-items: center; gap:10px; }
.intro .btnArea > *{display: inline-flex; justify-content: center; align-items: center; gap:20px; width:200px; height:52px;  border-radius: 10px;  font-weight: 700;font-size:17px;line-height:1; color: #fff; box-sizing: border-box; box-shadow:0px 0px 4px rgba(0,0,0,.15); transition:all 0.3s;   }
.intro .btnArea .btn1{background:#fff; border:1px solid var(--concept-color); color:var(--concept-color); }
.intro .btnArea .btn2{background:var(--concept-color); border:0; }
.intro .btnArea .btn3{background:var(--sub-color); border:0; }
.intro .btnArea > *:hover { filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7; }

.intro-btn{ width:100%;max-width:600px;display:flex;justify-content: center; align-items: center; gap:20px; margin:30px auto 0px;text-align: center;}
.intro-btn > *{display: inline-flex; justify-content: center; align-items: center; gap:10px;  font-weight:700;font-size:17px;line-height:1; color: var(--concept-color); padding:12px 30px;background:#fff; border:1px solid rgba(1,64,153,.2); border-radius: 10px; box-sizing: border-box; }
.intro-btn > * > span{font-weight:400;font-size:14px;color:#333;}

.intro-etc{width:100%;max-width:600px;display:flex;justify-content: center; align-items: center; gap:20px; margin:30px auto 0px;text-align: center;}
.intro-etc > a{display: inline-flex; justify-content: center; align-items: center; gap:10px;  font-weight:700;font-size:17px;line-height:1; color: #fff; padding:12px 30px;background:#000; border:0px solid rgba(1,64,153,.2); border-radius: 10px; box-sizing: border-box; }
.intro-etc > a > span{font-weight:400;font-size:14px;color:#ddd;}

.introBox{display:flex;flex-wrap: wrap; width:100%;max-width:1000px; margin:0 auto;background:#fff; box-sizing: border-box;}
.introBox > li{position:relative; display: inline-flex;flex-direction: column;text-align: center; box-sizing: border-box;}
.introBox .lBox{width:630px;}
.introBox .menuBox{flex:1; background: rgba(31, 37, 45, 0.9); padding:0 45px; justify-content: center; gap:20px; }
.introBox .copy{position:absolute; left:0; bottom:20px; width:100%; text-align: center; font-weight:400;font-size:12px;color:rgba(255,255,255, .5);   }
.introBox .logo{position:absolute; left:30px; top:30px; width:150px; height:30px; text-align: left; }
.introBox .logo img{height:30px; }
.introBox .tit{margin-top:140px; font-family: 'GmarketSansBold'; font-size:38px;line-height:1.2;color:#1f2125;padding:0 20px;  box-sizing: border-box; }
.introBox .img{width:100%;}
.introBox .img img{width:100%;}
.intro-pc{display:block;}
.intro-m{display:none;}
.introBox .btn{display: inline-flex; justify-content: center; align-items: center;width:100%; height:55px;  border-radius: 10px;  font-weight: 700;font-size:20px;line-height:1; color: #fff; box-sizing: border-box; box-shadow:0px 0px 4px rgba(0,0,0,.15); transition:all 0.3s;   }
.introBox .btn1{background:#010713;}
.introBox .btn2{background:var(--concept-color);}
.introBox .btn3{background:var(--sub-color);}
.introBox .btn4{background:#fff; color: #010713;}


/********************************************
	HEADER
********************************************/
.inner{width:100%;max-width:var(--area-width);margin:0 auto;padding:0;box-sizing: border-box;}

.topHeader{width: 100%; height:30px; margin:0 auto;  background: #f4f4f4;  }
.topHeader .inner{display:flex; justify-content: flex-end;align-items: center;  height:100%;}
.topHeader .logo img{ height:20px; }

#header{width: 100%;height:var(--header-height); margin:0 auto; /* position:fixed; top:0; z-index: 4; */ }
#header .inner{display:flex;justify-content:space-between; align-items: center; gap:10px;height:100%;margin:0 auto;}
#header .logoArea{width:300px;z-index:4;}
#header .logo{display:inline-block;width:100%;background:url(/resources/images/logo.png) 0% 50% no-repeat;background-size:auto 30px;min-height:30px;}

#header .gnb{flex:1; display: inline-flex;justify-content: flex-end;align-items: center; gap:20px; box-sizing: border-box; z-index:4}
#header .gnb > a{position:relative; display:inline-block;min-height:10px; /*padding-left:46px;*/ font-weight:700;font-size:17px;line-height:1;color:#1e2833;}
#header .gnb .dot{ width:5px;height:5px;background:var(--concept-color); border-radius:50%; }
#header .gnb > a.on{font-weight: 700;color:var(--concept-color);}
#header .gnb > a.home{background:var(--concept-color); padding:8px 15px; border-radius: 6px;  font-size:15px; color:#fff; }

/* top btn 다른 스타일 */
.btn_up_layer {position:fixed;bottom:20px;right:10px;display:none;width:40px;  height:40px;background:url(/resources/images/top-arrow.png) 50% 50% no-repeat var(--second-color); background-size:auto 14px; border-radius:50%;z-index:99;cursor:pointer;transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; box-shadow: 8px 8px 20px 0px rgba(0, 0, 0, 0.07); }
.btn_up_layer.active{display:flex;}
.btn_up_layer.on{bottom:170px;}

/* footer  */
.footer{ width:100%;border-top:1px solid #ccc;background:#f8f8f8; padding:50px 0; margin:0px auto; box-sizing: border-box;}
.footer:after {content:""; display:block; clear:both; height:0;}
.footer .inner{display:flex; justify-content: space-between; gap:20px;}
.footer .f_info{flex:1; }
.footer .footer-menu{width:100%; margin-bottom:30px;}
.footer .footer-menu li{position:relative; display:inline-block;padding-left:21px;}
.footer .footer-menu li::after {position:absolute; left:0; top:50%;transform:translateY(-50%);content: ' '; width:1px;height:70%;background:#aaa;margin-left:10px; }
.footer .footer-menu li:first-child{padding-left:0px;}
.footer .footer-menu li:first-child::after {display:none;}
.footer .footer-menu li a{font-weight: 500;font-size:16px;color: #666; }
.footer .footer-menu li a:hover {color:#333;}
.footer .f_cont{}
.footer .f_cont li{display:flex;align-items: center; flex-wrap: wrap; gap:5px 10px; margin-top:8px;}
.footer .f_cont li:first-child{margin-top:0px;}
.footer .f_cont li p{font-weight: 300;color:#666;font-size:14px;line-height:1.3;letter-spacing:0em; margin-bottom:0px; }
.footer .f_cont li p > span{display:inline-block;font-weight: 400;margin-right:5px; }
.footer .f_cont li p.f_copy{font-weight: 300;color:#888;font-size:13px;line-height:1.3;letter-spacing:0em;}	
.footer .made{font-weight: 300;color:#888;font-size:13px;line-height:1.2;letter-spacing:0em;}	

.footer .f_logo{}
.footer .f_logo > *{display:flex;justify-content:flex-end;align-items:center; gap:15px; text-align: right;}
.footer .f_logo .logo01{margin-bottom:20px;}
.footer .f_logo .logo01 img{max-width:100%; max-height:40px; }
.footer .f_logo .logo02{}
.footer .f_logo .logo02 img{height:50px;}

.ellipsis01{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ellipsis02{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 2.6em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */}
.ellipsis03{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 3.9em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 
.ellipsis04{overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 4; /* 라인수 */ -webkit-box-orient: vertical; word-wrap:break-word; line-height: 1.3em;height: 5.2em; /* line-height 가 1.2em 이고 3라인을 자르기 때문에 height는 1.2em * 3 = 3.6em */} 

/*img 관련 */
.imgMax{max-width:100%;}
.imgFix{width:100%;}
.fullsize{width: 100%;}
.fullsize img{width: 100%;}

.slideImg{position: relative; display: inline-block; width:100%; height:0px;padding-top:75%;overflow: hidden;border:1px solid #eee; border-radius:0px;background-size: cover; background:#fff;box-sizing: border-box; }
.slideImg img{position: absolute; top: 0; left: 0; right: 0; bottom: 0;width:100%; height:100%;object-fit: cover; object-position: 50% 50%; }
.slideImg.mid{padding-top: 56.25%; }
.slideImg.mid-none{padding-top: 56.25%;border:0px solid #eee; }
.slideImg.full{padding-top: 100%; }
.slideImg.full-circle{padding-top: 100%;border-radius:50%;border:0px;}

/* 팝업 Basic */
.popupWrap_A{position:relative;display:flex; align-items:center; width: 100%; height:100vh;/*background:#fff;*/margin:0 auto;padding:0 2%; box-sizing: border-box;}/* basic */
.popupWrap_A img{max-width: 100%;}

.icon-close-black{position: absolute;right:20px;top:10px;width:21px; height:21px;background:url(/resources/images/close_black.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.icon-close-white{position: absolute;right:5px;top:0px;width:21px; height:21px;background:url(/resources/images/close_white.png) 50% 50% no-repeat;text-indent: -9999px; z-index:2}
.icon-close-white.p-inner{right:20px;top:13px;}
.icon-close-black.p-inner{right:20px;top:13px;}
.icon-close-circle{position: absolute;right:15px;top:15px;width:30px; height:30px;background:url(/resources/images/close_white.png) 50% 50% no-repeat var(--concept-color);background-size:auto 12px; border-radius:50%; text-indent: -9999px; z-index:2}
.icon-close-pop{position: absolute;right:0px;top:0px; width:50px; height:50px;background:url(/resources/images/close_white.png) 50% 50% no-repeat var(--second-color);background-size:auto 14px; text-indent: -9999px; z-index:2}

.popupBox_A{position:relative;width: 100%;padding:0px;/* background:#fff; */ margin-top:30px;border-radius:0px; overflow: auto; } /* basic - x버튼 위에 */
.popupBox_A img{max-width: 100%;}

/* 스크롤바 설정*/
.popupWrap_A::-webkit-scrollbar{width: 10px;}
.popupWrap_A::-webkit-scrollbar:vertical {width: 10px;}
.popupWrap_A::-webkit-scrollbar:horizontal {height: 10px;}
.popupWrap_A::-webkit-scrollbar-thumb{background-color: var(--concept-color);}
.popupWrap_A::-webkit-scrollbar-track{background-color: #242424;}

.popupBox_B{position:fixed; left:50%; transform:translateX(-50%); bottom:0; display:flex; flex-direction: column; width: 100%; max-height:100vh; background:#fff; border-radius:8px 8px 0px 0px; padding:0px; box-sizing: border-box;  -webkit-transition: all 0.3s ease-in-out;  -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;  -webkit-overflow-scrolling: touch; } /* bottom  */

.pop-title {font-weight:700;font-size:17px;line-height:1;color:#222;letter-spacing:-0.02em;} /* popup title */
.pop--topline{width:100%; padding:20px 25px 10px; border-bottom:1px solid #dfdfdf; }
.pop--top{width:100%; padding:15px 25px; background:var(--concept-color) /*#222*/; } 

.popup--inner{width:100%;background:#fff; max-height:85vh; padding:35px;box-sizing: border-box;position:relative;overflow: auto;  }
.popup--inner::-webkit-scrollbar-thumb{background-color: #444 !important;}
.popupBox_B .popup--inner{max-height:100vh; }

/* html, body.modal-open {overflow: hidden; height: 100%;} */
body.modal-open {overflow: hidden;position: fixed;width: 100%;}
.not_scroll{position: fixed; overflow: hidden; width: 100%;height: 100%}
.not_scroll .cont { position: relative; top: 0;}

/* // 팝업 Basic */

.textTb{display: inline-block; width:100%;margin-bottom:20px; font-family: 'Pretendard'; }
.textTb .tit1{font-weight: 700;color:#333;font-size:16px;line-height:1.45;letter-spacing:-0.01em;margin-bottom:10px;}
.textTb .txt1{color:#555;font-size:13px;line-height:1.45;letter-spacing:-0.01em;}
.textTb .txt2{color:#555;font-size:13px;line-height:1.45;letter-spacing:-0.01em;margin-bottom:10px;}
.textTb .txt3{color:#555;font-size:13px;line-height:1.45;letter-spacing:-0.01em;padding-left:20px;margin-bottom:8px;box-sizing: border-box;}
.textTb .txt4{color:#555;font-size:13px;line-height:1.45;letter-spacing:-0.01em;padding-left:40px;margin-bottom:8px;box-sizing: border-box;}

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

/* sub */
.visual{display:flex; justify-content: center; align-items: center;flex-direction: column; width:100%; margin:0 auto; height:var(--sub-visual-height); background: url("/resources/images/sub-bg.jpg") 50% 50% no-repeat rgb(255, 255, 255); background-size:cover;  overflow:hidden; padding:0 var(--wrap-padding); box-sizing: border-box; } 
.visual > p{text-align: center;font-family: 'GmarketSansBold'; font-size:28px;line-height:1.2; color:#fff;text-shadow: -3px 3px 16px 1px rgba(0, 0, 0, .5); padding-top:10px; } 
.tracking-in-expand {-webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) .5s both; animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) .5s both;}
@-webkit-keyframes tracking-in-expand {
  0% {letter-spacing: -0.5em;opacity: 0;}
  40% {opacity: 0.6;}
  100% { opacity: 1;}
}
@keyframes tracking-in-expand {
  0% {letter-spacing: -0.5em;opacity: 0;}
  40% {opacity: 0.6;}
  100% { opacity: 1;}
}
.visual .location{margin-top:8px;}
.visual .location > ul{display:flex;justify-content: center; align-items: center; gap:0;}
.visual .location > ul li{position:relative;display: inline-block;padding-left: 25px;font-weight:300;font-size:14px;color: #fff;text-shadow: 1px 1px 16px rgba(0,0,0,0.3); line-height: 1;letter-spacing:-0.01em;} 
.visual .location > ul li::after {position:absolute; left:0; top:50%;transform:translateY(-50%);content: ''; background: url(/resources/images/location_bg.png) 0% 50% no-repeat;width: 6px;height:11px;/*width: 5px;height: 5px;background:#dbdbdb;border-radius:50%;*/margin-left:10px; }
.visual .location > ul .i_home{display: inline-block;width:16px; height:13px;background: url(/resources/images/ico_home_w.png) 50% 50% no-repeat;text-indent: -9999px;}
.visual .location > ul li:first-child{padding-left:0px; }
.visual .location > ul li:first-child::after {width: 0px;height: 0px;margin-left:0px; }

.container {width:100%;margin:0; padding:50px 0; min-height:600px; box-sizing: border-box;}

.title{font-weight:800;font-size:40px;color:var(--second-color);line-height:1.2;letter-spacing:-0.01em; margin-bottom:40px; box-sizing: border-box;}
.title > span{display: inline-block;background: url(/resources/images/title-bg.png) 100% 6px no-repeat; padding-right:28px;}

.title-s{display:flex; align-items: center; flex-wrap: wrap; gap:5px 10px; font-weight:700; font-size:28px;color:#333;line-height:1.45;letter-spacing:-0.01em; margin-bottom:20px;}
.title-s .stxt{font-weight:500; font-size:18px;}

.section{margin-bottom:60px;}
.box{width:100%; padding:30px; /*background:#f3f6fa;*/ border:1px solid #ddd; border-radius: 4px; margin-bottom:20px; box-sizing: border-box;}
.box-bg{display:flex;flex-wrap: wrap;justify-content: center; align-items: center; gap:10px 20px; text-align: center; width:100%;  padding:40px 15px;background:#f3f6fa;border:1px solid #ddd; border-radius: 4px; margin:40px auto; box-sizing: border-box;}
.box-bg > p{font-weight:500;font-size:18px;color:#1a1a1a;line-height:1.4; }
.box-bg > p br{display:none;}

.list-type{width:100%;margin:0px auto 40px;}
.list-type ul{display:flex;flex-wrap: wrap;width:100%; gap:40px; }
.list-type li{box-sizing: border-box; position:relative; }
.list-type ul.type-3 li{width:-webkit-calc(100% / 3 - 26.6666px); width:calc(100% / 3 - 26.6666px);}
.list-type ul.type-4 li{width:-webkit-calc(100% / 4 - 30px); width:calc(100% / 4 - 30px);}
.list-type ul.type-5 li{width:-webkit-calc(100% / 5 - 32px); width:calc(100% / 5 - 32px);}
.list-type.border li{background:#fff;border:1px solid #dfdfdf; }

/* 20251025 수정 */
.info-contents{width:100%; padding:30px; border:1px solid #ddd; border-radius: 4px; margin-bottom:0px; box-sizing: border-box;}
.info-contents p{margin-top:10px;}
.info-contents p:first-child{ margin-top:0px;}

.general{width:100%; padding:40px; border:1px solid #ddd; border-radius: 4px; margin-bottom:40px; box-sizing: border-box;}
.general > section{margin-top:40px;}
.general > section:first-child{margin-top:0px;}
.general p{margin-top:5px; color:#333;line-height: 1.5;}
.general p:first-child{ margin-top:0px;}
.general > section > h3{margin-bottom:15px;}

.i-notice{display: inline-block; width:15px; height:18px; background:url(/resources/images/ico-notice-b.png) 0 3px no-repeat;margin-right:5px;}

/* 20251025 수정 END */

.info-k1{width:100%; padding:30px; /*background:#f3f6fa;*/ border:1px solid #ddd; border-radius: 4px; margin-bottom:0px; box-sizing: border-box;}
.info-k1 p{font-weight:500; font-size:18px;color:#333;line-height:1.45;letter-spacing:0.01em; background: url(/resources/images/notice-chk.png) 0 2px no-repeat;background-size:20px auto; padding-left:28px;margin-top:10px; box-sizing: border-box;}
.info-k1 p:first-child{ margin-top:0px;}

.info-k2{width:100%;}
.info-k2 > ul{display:flex;flex-wrap: wrap; gap:10px;}
.info-k2 > ul li{ width:-webkit-calc(100% / 3 - 6.6666px); width:calc(100% / 3 - 6.6666px); display: inline-flex; justify-content: center;align-items: center; text-align: center; min-height:80px; background:#f6f9fb; border:1px solid #c6dde7; border-radius: 10px; padding:5px; box-sizing: border-box;}
.info-k2 > ul li:nth-child(odd){ background:#fff;}
.info-k2 > ul li p{font-weight:400;font-size:16px;color:#333;line-height:1.3;letter-spacing:-0.01em; }
.info-k2 > ul li p br{ }

.info-k3{width:100%;}
.info-k3 p{color:#666;line-height:1.45; margin-top:10px;}
.info-k3 p:first-child{ margin-top:0px;}
.info-k3 p > span{ font-weight:700;color:#333;}
.info-k3 .table-scroll{margin-top:15px;}
.info-k3 .txt-s{color:#666;}

.infoBox{ margin:20px 0; border:1px solid #e4e9ef; background:#f5f8fd; padding:40px; box-sizing: border-box;}
.infoBox > section{ margin-top:25px; }
.infoBox > section:first-child{ margin-top:0px; }
.infoBox .titArea{display:flex;flex-wrap: wrap; gap:10px;  margin-bottom:15px; }
.infoBox .titArea .num{display:inline-flex;justify-content: center; align-items: center; width:20px; height:20px; background:var(--concept-color); border-radius: 50%;font-weight:400; font-size:11px;color:#fff;line-height:1;  margin-top:2px; }
.infoBox .titArea .txt{flex:1; font-weight:600;font-size:20px;color:#333;line-height:1.3;}
.infoBox .titArea .txt > span{font-weight:400;font-size:16px;letter-spacing:-0.01em;line-height:24px; }
.infoBox .stxt{width:100%; font-weight:400;font-size:16px;color:#666;line-height:1.3; padding-left:30px; box-sizing: border-box;}
.infoBox .tit{font-weight:600;font-size:20px;letter-spacing:-0.01em; }
.infoBox .stxt-1{font-weight:300;font-size:15px;color:#333;line-height:1.3;}

.infoBox ul{display:flex;flex-wrap: wrap; gap:6px; padding-bottom:15px; }
.infoBox li{width:-webkit-calc(100% / 4 - 4.5px); width:calc(100% / 4 - 4.5px); display: inline-flex; justify-content: center;align-items: center; text-align: center;font-weight:400;font-size:16px;color:#333;line-height:1.3;letter-spacing:-0.01em; min-height:70px; background:#fff;  border:1px solid #cfdae9; border-radius: 10px; padding:5px; box-sizing: border-box;}
.infoBox li > p{font-weight:500;font-size:16px;color:#333;line-height:1.3;letter-spacing:-0.01em;}

.infoBox ul.type3 li{width:-webkit-calc(100% / 3 - 4px); width:calc(100% / 3 - 4px); }
.infoBox ul.type2 li{width:-webkit-calc(100% / 2 - 3px); width:calc(100% / 2 - 3px); }

/*
.infoBox li{margin-left:-1px;margin-top:-1px; width:-webkit-calc(100% / 4); width:calc(100% / 4); display: inline-flex; justify-content: center;align-items: center; text-align: center;font-weight:400;font-size:16px;color:#333;line-height:1.3;letter-spacing:-0.01em; min-height:70px; background:#fff; border:1px solid #ddd; padding:5px; box-sizing: border-box;}
.infoBox li > p{font-weight:500;font-size:16px;color:#333;line-height:1.3;letter-spacing:-0.01em;}
.infoBox li:nth-child(4n-3){margin-left:0; }
.infoBox li:nth-child(-n+4){margin-top:0;}

.infoBox ul.type3 li{width:-webkit-calc(100% / 3); width:calc(100% / 3); }
.infoBox ul.type3 li:nth-child(4n-3){margin-left:-1px; }
.infoBox ul.type3 li:nth-child(3n-2){margin-left:0; }
.infoBox ul.type3 li:nth-child(-n+4){margin-top:-1px;}
.infoBox ul.type3 li:nth-child(-n+3){margin-top:0;}

.infoBox ul.type2 li{width:-webkit-calc(100% / 2); width:calc(100% / 2); }
.infoBox ul.type2 li:nth-child(odd){margin-left:0 !important; margin-top:0 !important;}
.infoBox ul.type2 li:nth-child(even){margin-left:-1px !important;margin-top:-1px !important;}
*/

.info-img{width:100%; text-align: center; margin:0px 0 40px; border:1px solid #ddd; padding:50px; box-sizing: border-box;}
.info-img img{max-width:100%;}


.info-1{}
.info-1 .tit{width:fit-content; padding:5px 20px;border-radius:4px; background:var(--primary-color); color:#fff;  margin-bottom:20px;}
.info-1 dl{display:flex; gap:10px; margin-top:8px;padding:0 20px; box-sizing: border-box;}
.info-1 dt{width:100px;}
.info-1 dd{flex:1; }

.info-2.box{background:#fff;padding:20px;margin:20px 0;}
.info-2.box > p{margin-top:15px;}
.info-2.box > p:first-child{margin-top:0px;}
.info-2.box .desc{font-weight:300;color:#555;font-size:14px;}

.info-3{margin-bottom:40px;}
.info-3 > h3{ margin-bottom:20px;}
.info-process{position: relative; display:flex; flex-direction: column; align-items: center; text-align: center; padding:40px 20px 20px; box-sizing: border-box;}
.info-process .step{position: absolute;left:50%;transform:translateX(-50%); top:-15px; font-weight:700;font-size:14px;color:#333;line-height:1.45; background: #fff; border:1px solid var(--sub-color); padding:4px 12px; border-radius: 20px;margin-bottom:15px; box-sizing: border-box; z-index: 2;}
.info-process .step > span{color:var(--sub-color); }
.info-process .tit-sm{margin-bottom:15px;}

.info-3 .list-type li{border:1px solid var(--sub-color) !important; border-radius: 4px;  }
.info-3 .list-type li::after{position:absolute;content: ' '; right:-30px; top:50%; transform:translateY(-50%);width:22px; height:22px;background: url(/resources/images/arrow-blue.png) 50% 50% no-repeat;background-size:22px auto; /* transform: rotate(90deg); */ }
.info-3 .list-type li:nth-child(4)::after{ display:none;}
.info-3 .list-type li:last-child::after{ display:none;}

.info-4{margin-bottom:40px;}
.info-4 .box{padding:30px 40px; margin:15px 0 0;}
.info-4 .box > p{margin-top:8px;font-weight:600;font-size:16px;color:var(--concept-color); line-height:1.45;}
.info-4 .box > p > span{display: inline-block; margin-left:5px;font-weight:400;color:#333; }
.info-4 .box > p:first-child{margin-top:0px;}
.info-4 .box.bg-1{background:#fcfbf5; }
.info-4 .box.bg-1 > p{color:#3b352b;}

.info-5{margin-bottom:40px;}
.info-5 ul{display:flex; flex-wrap: wrap; gap:30px; margin-top:15px;}
.info-5 li{flex:1;padding:30px;background: #fafafa; border:1px solid #ddd; box-sizing: border-box; }
.info-5 .tag{ margin-bottom:20px;}
.info-5 .tag > span{padding:5px 20px;border-radius:4px; background:var(--primary-color); font-weight:700;font-size:15px; color:#fff; }
.info-5 p{margin-top:8px;}
.info-5 p:first-child{margin-top:0px;}

.info-6{margin-bottom:40px;}
.info-6 > h3{margin-bottom:15px;}
.info-6 .box{position:relative; padding:15px 15px 15px 50px; background: #fff;margin-bottom:10px; }
.info-6 .num{position:absolute; left:15px; top:15px; display:inline-flex; justify-content: center; align-items: center;font-weight:700;font-size:14px; color:#fff; width:24px; height:24px; background:var(--primary-color);  border-radius: 50%;}

.info-7{margin-bottom:20px;}
.info-7.box{background: #fafafa;}
.info-7 .sec{margin-bottom:20px;}
.info-7 .sec > h4{margin-bottom:10px;color:var(--concept-color); }
.info-7 .sec-line{margin:30px 0; border-top:1px solid #666; padding-top:30px;}
.info-7 .sec-line > h3{margin-bottom:20px;}
.info-7 .chkList{background: url(/resources/images/i-chk.png) 0% 50% no-repeat; padding-left:22px; font-weight:500;font-size:16px;color:#333;line-height:1.2; margin-bottom:10px; }
.info-7 .chkForm{width:100%;}
.info-7 .chkForm > *{width:100%;margin-bottom:10px;}
.info-7 .chkForm input[type=checkbox] + label{font-weight:500;font-size:16px;color:#333; }

.chkWrap{text-align: center; margin:40px 0;}

.chk_sty{width:100%;margin:0px 0px 40px;border:1px solid var(--concept-color);  padding:30px;box-sizing: border-box;}
.chk_sty > ul{display: flex;align-items: center;flex-wrap: wrap; gap:10px; width:100%;margin-top:0px;padding:10px 0px; border-bottom:1px solid #ddd; }
.chk_sty > ul:last-child{border-bottom:0; }
.chk_sty > ul > li{padding:0px;display:inline-flex;align-items: center;flex-wrap: wrap; }
.chk_sty .chk{flex:0 0 300px; }
.chk_sty input[type=radio] + label{ font-weight:700;font-size:17px; line-height:1.2;}
.chk_sty .cont{flex:1; font-weight:400;font-size:16px;color:#555;line-height:1.45; min-height:40px;}

.chk_sty01{display: flex;flex-wrap: wrap; gap:10px; width:100%;margin:20px 0px 40px;border:0px solid var(--concept-color);  padding:0px;box-sizing: border-box;}
.chk_sty01 > .checkbox.type1{width:-webkit-calc(100% / 2 - 5px); width:calc(100% / 2 - 5px); } 
.chk_sty01 > .full{width:100%; } 
.chk_sty01 > .checkbox.type2{ } 

.checkbox{position:relative;}
.checkbox.type1 label{width:100%; }
.checkbox.type1 .ibox{width:100%;display:flex;align-items:center; font-weight: 500;font-size:16px;color:#666;line-height:1.3;letter-spacing:0em; border-radius:4px;border:1px solid #ddd; min-height:45px;padding:10px; box-sizing:border-box;} 
.checkbox.type1 input:checked + .ibox{font-weight: 500;color:var(--concept-color);border:2px solid var(--concept-color); }
.checkbox.type1 .ibox br{display:none;} 

.checkbox.type2 label{}
.checkbox.type2 .ibox{width:100%;display:flex;justify-content: center; align-items:center;text-align:center;font-weight: 500;font-size:16px;color:#666;line-height:1.3;letter-spacing:0em; border-radius:4px;border:1px solid #ddd; min-height:45px;padding:10px 30px; box-sizing:border-box;} 
.checkbox.type2 input:checked + .ibox{font-weight: 500;color:var(--concept-color);border:2px solid var(--concept-color); }

.checkbox.type3{width:100%;}
.checkbox.type3 label{width:100%;}
.checkbox.type3 .ibox{position: relative; width:100%;/* display:flex;  align-items:center; gap:20px;*/ border-radius:4px;border:1px solid #ddd;padding:15px 15px 15px 50px; box-sizing:border-box;} 
.checkbox.type3 input:checked + .ibox{border:2px solid var(--concept-color); }
.checkbox.type3 .icon{position: absolute;left:15px; top:18px; width:22px; height:22px; background:url(/resources/images/i_chkbox_g.png) 50% 50% no-repeat #eee;background-size:9px auto; border-radius: 50%;} 
.checkbox.type3 .tit{font-weight: 700;font-size:20px;color:#333;line-height:1.3;} 
.checkbox.type3 .desc{font-weight: 300;font-size:16px;color:#555;line-height:1.3;margin-top:8px;} 
.checkbox.type3 .txt{font-weight: 500;font-size:16px;color:#555;line-height:1.3;margin-top:10px;} 
.checkbox.type3 input:checked + .ibox .icon{background:url(/resources/images/i_chkbox_wh.png) 50% 50% no-repeat var(--concept-color);background-size:9px auto; } 
.checkbox.type3 input:checked + .ibox .tit{color:var(--concept-color);} 
.checkbox.type3 input:checked + .ibox .txt{color:#1a1a1a;} 
.checkbox.type3 input:checked + .ibox .desc{color:#333;} 

.checkbox.type4{ width:-webkit-calc(100% / 2 - 5px); width:calc(100% / 2 - 5px);min-height:45px; border-radius:4px; border:1px solid #ddd;box-sizing:border-box; }
.checkbox.type4 label{width:100%; }
.checkbox.type4 .ibox{position: relative; width:100%; font-weight: 500;font-size:16px;color:#666;line-height:1.3;letter-spacing:0em;padding:15px 15px 15px 45px; box-sizing:border-box;} 
.checkbox.type4 input:checked + .ibox{font-weight: 600;color:var(--concept-color);border:2px solid var(--concept-color); }
.checkbox.type4 .ibox br{display:none;}
.checkbox.type4 .icon{position: absolute;left:15px; top:15px; width:20px; height:20px; background:url(/resources/images/i_chkbox_g.png) 50% 50% no-repeat #eee;background-size:9px auto; border-radius: 50%;} 
.checkbox.type4 input:checked + .ibox .icon{background:url(/resources/images/i_chkbox_wh.png) 50% 50% no-repeat var(--concept-color);background-size:9px auto; } 


.gift-tit{min-height:22px; background: url(/resources/images/ico-gift.png) 0% 50% no-repeat;background-size: 20px auto; padding-left:30px; font-weight:700;font-size:20px;color:#333;line-height:1.2; }
.point-tit{min-height:20px; background: url(/resources/images/icon-point.png) 0% 50% no-repeat;background-size: 20px auto; padding-left:30px; font-weight:700;font-size:20px;color:#333;line-height:1.2; }
.i-link{display:inline-flex; align-items: center; gap:5px; height:24px; border-radius: 4px; padding:0 8px; border:1px solid #666; font-weight:500;font-size:13px;color:#333;box-sizing:border-box;  }
.i-link > .icon{display:inline-block;width:15px; height:15px; background: url(/resources/images/ico_link.gif)0% 50% no-repeat;background-size:15px auto;}



.form_tabs{width:100%;margin:0px auto 40px;padding:10px; background:#fff;border:1px solid #bbb; border-radius: 4px;box-sizing: border-box; }
.form_tabs > ul {position:relative; width:100%; max-width: 1200px; margin: 0px auto;display: flex;justify-content: space-between; gap:30px; /*background: url(/resources/images/agree_step.png) center 6px no-repeat; background-size:70% auto; */  }
.form_tabs > ul::after{position:absolute;content: ' ';left:50%; top:50%;transform:translate(-50%, -50%); width:80%; height:1px; background: #aaa; z-index: 1; }
.form_tabs > ul li { /* width:-webkit-calc(100% / 3 - 40px); width:calc(100% / 3 - 40px);*/  display: inline-flex; justify-content: center; align-items: center; gap:15px; border:0px solid #ddd; border-radius: 4px; padding:8px 40px;background:#fff; z-index: 2; letter-spacing: -0.02em;box-sizing: border-box; }
.form_tabs .txt {color: #666; font-size:20px;line-height:1.2; font-weight:500; margin-top:0px; }
.form_tabs .txt br{display:none; }
.form_tabs .icon img{ height:30px;opacity: .7; }
.form_tabs > ul li.current .icon img{opacity: 1;}
.form_tabs > ul li.current .txt{ color: #2a6ec1; font-weight:800;  }
/* 
.form_tabs > ul li.current{ border:1px solid var(--concept-color); } 
.form_tabs > ul li.current .icon{border:1px solid #666;} */


/* text */
.tit-xlg{font-weight:700;font-size:30px;color:#333;line-height:1.45;letter-spacing:0;}
.tit-lg{font-weight:700;font-size:24px;color:#333;line-height:1.45;letter-spacing:0;}
.tit-md{font-weight:700;font-size:20px;color:#333;line-height:1.45;letter-spacing:0;}
.tit-sm{font-weight:700;font-size:18px;color:#333;line-height:1.45;letter-spacing:0;}
.tit-s{font-weight:700;font-size:16px;color:#333;line-height:1.45;letter-spacing:0;}

.txt-lg{font-weight:400;font-size:24px;color:#333;line-height:1.5;}
.txt-md{font-weight:400;font-size:20px;color:#333;line-height:1.5;}
.txt-sm{font-weight:400;font-size:18px;color:#333;line-height:1.5;}
.txt-s{font-weight:400;font-size:16px;color:#333;line-height:1.5;}
.txt-xs{font-weight:400;font-size:14px;color:#333;line-height:1.5;}

.in-title{width: fit-content;font-weight:700;font-size:24px;color:var(--point-color);letter-spacing:-0.01em;line-height:1.3; }
.in-title.line{color:#000;line-height:0.6;padding: 0 2px; border-bottom:6px solid;border-color: rgba(31, 81, 162, .8);  }
.in-title.underline{color:#000; text-decoration: underline;text-decoration-color: rgba(31, 81, 162, .8) !important; -webkit-text-decoration-color: rgba(31, 81, 162, .8) !important;text-decoration-thickness:4px !important;text-underline-offset:4px !important; border:0;line-height:1.3; }

.tit--round{position:relative;font-weight:700;font-size:26px;color:#333;line-height:1.3; padding-left:20px;box-sizing: border-box;}
.tit--round::before{position:absolute;content: ' ';left:0;top:12px;background:var(--concept-color);border-radius:24px; width:12px; height:6px;  /* border-radius:50%; width:7px; height:7px;*/ }

.bullet-tit{position:relative;font-weight:400;font-size:20px;color:#333;line-height:1.45; padding-left:15px;letter-spacing:0em;line-height:1.4;box-sizing: border-box;}
.bullet-tit::before{position:absolute;content: ' ';left:0;top:10px; width:6px; height:6px;background:var(--concept-color); border-radius:50%; }

.bullet-txt{position:relative;font-weight:400;font-size:18px;color:#333;line-height:1.45; padding-left:10px;letter-spacing:0em;line-height:1.4;box-sizing: border-box;}
.bullet-txt::before{position:absolute;content: ' ';left:0;top:10px; width:5px; height:5px;background:var(--primary-color); border-radius:50%; }

.bullet-stxt{position:relative;font-weight:400;font-size:14px;color:#333;line-height:1.45; padding-left:8px;letter-spacing:0em;line-height:1.4;box-sizing: border-box;}
.bullet-stxt::before{position:absolute;content: ' ';left:0;top:7px; width:3px; height:3px;background:var(--primary-color); border-radius:50%; }

.line-list{position:relative;font-weight:400;font-size:16px;color:#333;line-height:1.45; padding-left:12px;box-sizing: border-box;}
.line-list::before{position:absolute;content: '-';left:0;top:0px;font-size:18px;color:#333; }

.notice-txt{position:relative;min-height:18px; font-weight:400;font-size:18px;color:#1a1a1a;line-height:1.45;letter-spacing:0em;line-height:1.4; padding-left:20px; box-sizing: border-box; }
.notice-txt::before{position:absolute; content: '※';left:0;top:1px;font-size:17px;color:inherit; font-family: 'GmarketSansMedium';}
/*.notice-txt::before{position:absolute;content: '';left:0;top:0px; width:15px; height:18px; background:url(/resources/images/ico-notice.png) 0 2px no-repeat; }*/

.text-list{font-weight:400;font-size:16px;color:#1a1a1a;line-height:1.5; text-indent:-16px; padding-left:16px;box-sizing: border-box;}

/* table--scroll 좌우사용 */
.table-scroll {margin: 0 auto;overflow: auto;  border-top:1px solid  var(--concept-color);
	scrollbar-arrow-color: #fff; /* IE 6+ scroll styles */
	scrollbar-face-color: #999;
	scrollbar-shadow-color: #333;
	scrollbar-highlight-color: #000;
	scrollbar-darkshadow-color: #000;
	scrollbar-track-color: #ddd; /* Last IE 6+ scroll styles */
	scrollbar-color: #999 #ddd; /* Firefox 64+ */
	scrollbar-width: thin; /* Firefox 64+ */
	width: 100%;    
  }
  
  .table-scroll::-webkit-scrollbar {width: 6px;height: 6px;}
  .table-scroll::-webkit-scrollbar-track {background: padding-box #ddd;border-radius: 4px;}
  .table-scroll::-webkit-scrollbar-thumb {background: padding-box #999;border-radius: 4px;}
  .table-scroll::-webkit-scrollbar-thumb:hover { background: padding-box #aaa;}
  .table-scroll::-webkit-scrollbar-thumb:active {background: padding-box #333;box-shadow: inset 0 0 3px rgba(192, 192, 192, 0.5);}
  
  .table-scroll {position: relative;z-index:1;margin: auto;width:100%;  /* max-height:800px;*/ }
  .table-scroll table {width: 100%;margin: auto;min-width:500px;border-collapse: collapse;font-variant-numeric: tabular-nums; vertical-align: middle; table-layout: fixed;}
  .table-scroll th {text-align:center;padding:10px;vertical-align:middle; background:var(--basic-bgcolor); border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; font-size:15px;font-weight:500;line-height:1;letter-spacing:-0.02em;}
  .table-scroll thead {position: -webkit-sticky;position:sticky;top:0;z-index:2; }
  .table-scroll td {text-align:center;padding:10px;vertical-align:middle;border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; font-size:15px;color: #333;font-weight:400;line-height:1.4;letter-spacing:-0.02em;background: #fff;}

  .table-scroll tfoot,.table-scroll tfoot th, .table-scroll tfoot td {position:-webkit-sticky;position:sticky;bottom:0;background:#666;color:#fff;}
  .table-scroll th:first-child,  .table-scroll td:first-child{border-left:0px solid #dfdfdf; }

  .table-scroll.atable table {width:100%; min-width:100%;}
  .table-scroll.atable table th{text-align:left;font-weight:400;font-size:17px;line-height:1.45;background:#f9f9f9;padding:10px 15px;}
  .table-scroll.atable table td{text-align:left;font-weight:300;font-size:17px;color: #444;padding:10px 15px;}

  .table-scroll.btable table {min-width:100%; table-layout:unset; border-bottom:1px solid #dfdfdf;}
  .table-scroll.btable th{background:#f9f9f9; text-align:left;padding:8px 5px;line-height:1;border-left:0;font-size:13px;}
  .table-scroll.btable td{text-align:left;padding:5px;line-height:1.3;border:0;font-size:13px;}

  .table-scroll th.bg-5, .table-scroll td.bg-5{background:#fff;}
  .table-scroll th.bg-4, .table-scroll td.bg-4{background:#faf5dd;}
  .table-scroll th.bg-3, .table-scroll td.bg-3{background:#e0e9f8;}
  .table-scroll th.bg-2, .table-scroll td.bg-2{background:#f6f5ef;}
  .table-scroll th.bg-1, .table-scroll td.bg-1{background:#f4f4f4;}

  .table-scroll.left th,   .table-scroll.left td, .table-scroll th.left,  .table-scroll td.left{text-align:left;padding:10px 15px;}
  .table-scroll .rborder{border-right:1px solid #dfdfdf;}
  .table-scroll.border-non th,   .table-scroll.border-non td{border:0;}

  .table-scroll td p{margin-top:5px;}
  .table-scroll td p:first-child{margin-top:0px;}
  .wd{width:220px;}

  /* table--scroll 좌우사용 END */

  /* form */
.form_box{width:100%; margin:0px 0px 40px;border:1px solid #ddd; padding:60px; box-sizing: border-box;}
.form_box .form_sty{width:100%; max-width:600px; margin:0px auto 30px;border-top:0; padding-top:0px; }

.form_sty{width:100%;margin:0px 0px 40px;border-top:1px solid #666; padding-top:20px; box-sizing: border-box;}
.form_sty > ul{display: flex;align-items:center;flex-wrap: wrap; gap:10px; width:100%;margin-top:0px;padding:20px 0px; border-bottom:1px solid #ddd;box-sizing: border-box;}
.form_sty > ul > li{padding:0px;display:inline-flex;align-items: center;flex-wrap: wrap; box-sizing: border-box;}
.form_sty > ul > li.top{align-self:flex-start;padding-top:12px; }
.form_sty .tit{flex:0 0 220px; }
.form_sty .tit > *{position:relative;display: inline-block;font-weight:700;font-size:18px;color: #333;line-height:1;letter-spacing:-0.02em;}
.form_sty .tit > *.required{padding-right:10px;}
.form_sty .tit > *.required::before{position:absolute; right:0; top:0;content: '*';width:6px;height:6px;border-radius: 0%;font-size:14px;color: #ff0000;}
.form_sty .tit.sm{flex:0 0 100px;  }
.form_sty .full{flex:0 0 100%;  }
.form_sty .cont{flex:1;font-size:18px;min-height:40px; }
.form_sty > ul > li:nth-of-type(3) {margin-left:30px;}
.form_sty .select-w{width:150px;} /* 모바일 100% */
.form_sty .cont p{margin-top:10px; }

.toggleDiv{width:100%; flex-direction: column;flex-wrap: wrap; align-items: flex-start; gap:10px; background: #fafafa;  padding:20px;  box-sizing: border-box; }
.toggleDiv input[type=radio] + label{color:#555; /* word-break:break-all !important; */}

#relation-area, #position-area, #kind-area, #chk-area{display:none;width:100%; }

.alert-txt{ width:100%;font-size:17px;font-weight:600; color: #0066b3; line-height: 1.4; background:url(/resources/images/ico-notice-b.png) 0 4px no-repeat;padding-left:20px; box-sizing: border-box; }
.cont-txt{font-weight:500;font-size:18px; color: #333; line-height: 1.4;  }

.alert-txt-s{ width:100%;font-size:16px;font-weight:400; color: #444; line-height: 1.4; background:url(/resources/images/ico-notice-b.png) 0 2px no-repeat;padding-left:20px; box-sizing: border-box; }

.tit-required{margin-bottom:15px;}
.tit-required > *{position:relative;display: inline-block;font-weight:600;color: #333;font-size:16px; line-height:1;letter-spacing:-0.03em;}
.tit-required > *.required{padding-right:10px;}
.tit-required > *.required::before{position:absolute; right:0; top:0;content: '*';width:6px;height:6px;border-radius: 0%;font-size:14px;color: #ff0000;}

.file--name{display:inline-block;margin-left:10px;font-weight: 400;font-size:13px;line-height:20px;color:#666;}
.file--del{font-weight: 400;font-size:13px;line-height:1;color:#666;background:url(/resources/images/btn_close_14.png) 0 50% no-repeat;padding-left:20px;margin-top:10px;box-sizing: border-box;}


/* file upload */
.inputfile-wrap {position: relative;display: flex; width: 100%;}
.inputfile-wrap input[type="file"] {position: absolute;width: 1px;height: 1px;margin: -1px; padding: 0; border: 0; overflow: hidden;clip: rect(0, 0, 0, 0);}
.inputfile-wrap label.btn {display: block;width: 100px;height:45px;margin-left: 10px; color:#fff;border:0px solid #262729;background:#a3a5aa;line-height:45px;padding:0px 5px;text-align:center; font-size:16px;font-weight: 400;border-radius:4px;box-sizing: border-box;}
.inputfile-wrap input{flex:1; height:45px;padding:0 10px;border:1px solid #dfdfdf;background:#fff;color:#666; border-radius:4px; font-size:17px;box-sizing:border-box;transition: border-color 0.15s ease-in-out;}
.inputfile-wrap input:focus {outline: none;background-color:#fff;border-color:var(--concept-color);}
.inputfile-wrap.line input{border:1px solid #ccc;border-width:0 0 1px 0; border-radius:0px;padding:0;}

.captcha-box {display: flex;align-items: center;flex-wrap: wrap; gap:10px;}
.captcha-box .img-box { border: 1px solid #d4d4d4;width:100px; height:100px;box-sizing: border-box;}
.captcha-box img{	width: 100%;height: 100%;}
.captcha-box a {order: 3;font-size:14px;color:var(--concept-color); font-weight: 500;background: url('/resources/images/ico-refresh.png') no-repeat left center;padding-left: 20px;flex-shrink: 0;}
.captcha-box .input_sty{width:280px;}

/*  tab */
.categoryTab{width:100%;margin:40px auto 10px; padding:0;box-sizing: border-box;}
.categoryTab ul{display:flex;align-items: center;width:100%;gap:5px;  box-sizing: border-box;}
.categoryTab li{min-width:150px;}
.categoryTab a{display:flex;align-items: center; justify-content: center;text-align:center; font-weight:400;font-size:16px;line-height:1;color:#888;  height:45px;  padding:5px 10px; border:1px solid #ccc; border-radius: 4px; box-sizing: border-box;}
.categoryTab li.active a{font-weight:600;color:#fff;border:1px solid #2f9542; background: #2f9542;}
.categoryTab li:hover a{font-weight:600;color:#fff;border:1px solid #2f9542; background: #2f9542;}


.sub-tab{position:relative; width:100%;margin:-20px auto 0px;}
.sub-tab ul{display:flex;flex-wrap: wrap;justify-content: center; align-items: center;width:100%;gap:30px; box-sizing: border-box;}
.sub-tab li{}
.sub-tab a{display:flex;align-items: center; justify-content: center;text-align:center; font-weight:600;font-size:18px;line-height:1;color:#333; padding-left:30px;  position:relative;}
.sub-tab a::before{position:absolute;content: "";left:0;top:2px; width:1px; height:80%; background:#888; }
.sub-tab li:first-of-type a{padding-left:0px;}
.sub-tab li:first-of-type a::before{display:none;}
.sub-tab li.active a{color:var(--concept-color);}
.sub-tab li:hover a{color:var(--concept-color);}

/********************************************
	공통사용
********************************************/
.list--category{border:1px solid #ddd; padding:20px; border-radius: 4px; box-sizing: border-box;margin-bottom:20px; }
.list--category ul{display:flex;flex-wrap: wrap; gap:16px 30px;}
.list--category a{display: inline-block;min-height:14px; background:url(/resources/images/icon-folder.png) 0 50% no-repeat;font-weight:400;font-size:14px;color: #666;line-height:1;letter-spacing:-0.02em;padding-left:20px;box-sizing: border-box;}
.list--category li.active a{background:url(/resources/images/icon-folder-open.png) 0 50% no-repeat;font-weight:700;color: #1a1a1a;padding-left:24px;}

.list--top{display:flex;justify-content:space-between;align-items: center; margin-bottom:15px; }
.list--top .list-total{order:1;}
.list--top .list-search{order:2;}
.list--top .searchLine{order:2; width:100%; max-width:400px; }

.list-total{min-height:28px; background:url(/resources/images/ico-notice.png) 0 0 no-repeat;font-family: 'Pretendard';font-weight:300;font-size:16px;color: #333;line-height:1;letter-spacing:-0.02em;padding-left:20px;box-sizing: border-box;}
.list-total > span{font-weight: 700;}

.list-search{display:flex;width:100%; max-width:400px;margin-left:auto;}
.list-search .selectArea{width:120px;}
.list-search .selectArea select{background-color: transparent;}
.list-search .inputArea{flex:1 1 0;padding-left:5px;}

/* paging */
.pagination {display:block;margin:20px 0;text-align: center; font-size:0;overflow: hidden;font-family: 'Pretendard';}
.pagination-button {display: inline-block;width: 30px;height: 30px;border: 1px solid #dfdfdf;border-left: 0;font-weight:400;font-size:12px; color: #666;line-height: 30px;}
.pagination-button:first-child {border-left: 1px solid #dfdfdf;}
.pagination-button:hover,
.pagination-button.active {background-color:#f9f9f9;color:var(--concept-color); font-weight:700;}
.pagination-first, .pagination-prev, .pagination-next, .pagination-last {background-repeat: no-repeat;background-position: 50% 50%;text-indent: -9999px}
.pagination-first {background-image: url(/resources/images/pagination-first.png)}
.pagination-prev {background-image: url(/resources/images/pagination-prev.png)}
.pagination-next{background-image: url(/resources/images/pagination-next.png)}
.pagination-last {background-image: url(/resources/images/pagination-last.png)}
.pagination-first.disabled {background-image: url(/resources/images/pagination-first-off.png); pointer-events: none;}
.pagination-prev.disabled {background-image: url(/resources/images/pagination-prev-off.png); pointer-events: none;}
.pagination-next.disabled {background-image: url(/resources/images/pagination-next-off.png); pointer-events: none;}
.pagination-last.disabled {background-image: url(/resources/images/pagination-last-off.png); pointer-events: none;}

/* board list-tb */
.boardList {width:100%;margin:0px auto;border-top:1px solid #333;}
.boardList ul {display:flex; width:100%;flex-wrap: wrap;justify-content: space-between;align-items: center; border-bottom: 1px solid #dfdfdf;}
.boardList .list-head{background-color: #fafafa;height:45px;text-align:center;}
.boardList .list-body{background-color: #fff;padding:15px 0px;}
.boardList .list-body.notice{background:var(--light-color);} 

.boardList .etc-blank{flex:0 0 0px;}
.boardList .stit_mo{position: relative;display:none;font-weight:300;font-size:12px;color:#888;line-height:1;letter-spacing:-0.02em;margin-right:5px; padding-right:7px; }
.boardList .stit_mo::after {background:#dfdfdf; right:0; top:1px; width:1px; height:10px;display: block; position: absolute; content: ""; z-index: 1;}

.boardList .tit-chkbox{flex:0 0 50px;}
.boardList .tit-no{flex:0 0 80px;font-weight: 500;font-size:16px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.boardList .tit-subject{flex:1;font-weight: 500;font-size:16px;color:#333;line-height:1; padding:0 10px;} 
.boardList .tit-name{flex:0 0 120px;font-weight: 500;font-size:16px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.boardList .tit-file{flex:0 0 80px;font-weight: 500;font-size:16px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.boardList .tit-hit{flex:0 0 80px;font-weight: 500;font-size:16px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}
.boardList .tit-date{flex:0 0 120px;font-weight: 500;font-size:16px;color:#333;line-height:1;padding:0 5px;box-sizing: border-box;}

.boardList .chkbox{flex:0 0 50px;text-align:center;}
.boardList .no{flex:0 0 80px;font-size:17px;color:#333;line-height:1.3; padding:0 5px;text-align:center;} 
.boardList .subject{flex:1;font-size:17px;color:#333;line-height:1.3; padding:0 10px;text-align:left;/* overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ } 
.boardList .name{flex:0 0 120px;font-size:17px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.boardList .file{flex:0 0 80px;font-size:17px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.boardList .hit{flex:0 0 80px;font-size:17px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}
.boardList .date{flex:0 0 120px;font-size:17px;color:#666;line-height:1;text-align:center;padding:0 5px;box-sizing: border-box;}

.boardList .accord-cont{width:100%; margin-top:10px; margin-bottom:-15px; padding:20px;  border-top:1px solid #ddd;  background: #f6f7fa; display:flex; flex-wrap: wrap;display: none;  } 
.boardList .accord-cont .cont-txt{width:100%; font-weight:400;font-size:17px;color:#333;line-height:1.45;  } 
.boardList .accord-cont .cont-file{width:100%; font-weight:400;font-size:17px;color:#333;line-height:1.45;margin-top:10px; } 
.boardList .accord-cont .cont-btn{width:100%; display:flex; justify-content: flex-end; align-items: center; gap:10px; } 
.boardList .accord-title{flex:1;font-size:17px;color:#333;line-height:1.3; padding:0 10px;text-align:left; cursor:pointer; /* overflow: hidden; text-overflow: ellipsis; white-space: nowrap;*/ } 

.boardList .nodata{flex:0 0 100%; padding:80px 0px;font-size:18px;color:#666;line-height:1;text-align:center;}

.file_box{display:flex;flex-direction: column;box-sizing: border-box;}
.file_box > a{display: inline-flex; width:fit-content; align-items: center; margin-top:15px;font-weight:400;font-size:14px;line-height:1;color:#333;}
.file_box > a:first-child{margin-top:0px;}

/* boardView */
.board-view {width:100%;margin:0px auto;overflow: hidden;}
.board-view .subjectBox{display:flex;width:100%;/*flex-wrap: wrap;*/align-items:center;padding:20px;border-top:1px solid #7d7d7d;border-bottom:1px solid #d9d9d9;box-sizing: border-box;}
.board-view .subjectBox .leftArea{flex:1; box-sizing: border-box;}
.board-view .subjectBox .rightArea{width:400px; display: inline-flex;justify-content:flex-end; align-items:center; gap:20px; box-sizing: border-box;}
.board-view .subject{font-weight:700;color:#333;font-size:18px;letter-spacing:-0.02em;line-height:1.4;}
.board-view .stit{font-weight:500;font-size:14px;line-height:1;color:var(--second-color); margin-right:5px;}
.board-view .name{font-weight:400;font-size:14px;line-height:1;color:#6b6b6b;}
.board-view .date{font-weight:400;font-size:14px;line-height:1;color:#6b6b6b;}
.board-view .hit{font-weight:400;font-size:14px;line-height:1;color:#6b6b6b;}
.board-view .file_box{padding:15px 20px; border-bottom:1px solid #dfdfdf;}

.board-view .content_box{display: inline-block; width:100%; padding:40px 20px; min-height:200px;box-sizing: border-box;}
.board-view .content_box .imgBox{display: inline-block; width:100%; margin-bottom:10px;}
.board-view .content_box img{max-width:100% !important;height:auto !important; margin-bottom:20px;}
.board-view .content_box table{max-width:100%; margin-top:10px;border-top:1px solid #333;}
.board-view .content_box table td{padding:12px 5px;vertical-align:middle;border-bottom:1px solid #dfdfdf;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;word-wrap: break-word;word-break: keep-all;}
.board-view .content_box p{margin-bottom:20px;font-weight:400;font-size:16px;color:#666;line-height:1.45;}
.board-view .content_box p img{max-width:100% !important;height:auto !important; }

.board-view .btnBox{display:flex;width:100%;justify-content: space-between; align-items: center; padding:20px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;box-sizing: border-box;}
.board-view .btnBox .item1{flex:1;padding:0 10px;align-self: center;line-height:28px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-view .btnBox .item2{width:80px;text-align:center;}
.board-view .btnBox .item3{flex:1;padding:0 10px;text-align:right;align-self: center;line-height:28px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.board-view .btnBox .s-txt{font-weight: 400;font-size:15px;line-height:28px;color:#888;}

.board-btn-prev{display:inline-block;font-family: 'Pretendard';font-weight: 500;font-size:14px;color:#222;line-height:28px;margin-right:15px;text-align:center;border:0px solid #e5e5e5;}
.board-btn-next{display:inline-block;font-family: 'Pretendard';font-weight: 500;font-size:14px;color:#222;line-height:28px;margin-left:15px;text-align:center;border:0px solid #e5e5e5;}

.i_list{display:inline-block;width:25px;height:20px;background:url(/resources/images/ico_list.png) center center no-repeat;background-size:auto 20px;text-indent: -9999px;}
.i_file{display:inline-block;width:26px;height:26px; background:url(/resources/images/i_filedown_wh_s.png) 50% 40% no-repeat #000; border-radius:50%;text-indent: -9999px; margin-right:10px;  }
.i_file_down{display:inline-block;min-height:16px; background:url(/resources/images/i_filedown_blue.png) 15px 50% no-repeat;padding:8px 15px 8px 40px;font-weight:500;font-size:12px;color:#333;line-height:1.2; border-radius: 24px; border:1px solid #ddd; box-sizing: border-box; /* width:16px;height:16px; text-indent: -9999px; */ }
/* .i_file{display:inline-block;width:15px;height:12px; background:url(/resources/images/i_filedown.png) 0 0 no-repeat;text-indent: -9999px; margin-right:10px;  } */
.i_new{display:inline-block;width:16px;height:20px;background:url(/resources/images/i_new.png) center center no-repeat;background-size:auto 16px;text-indent: -9999px;margin-right:5px;}
.i_secret{display:inline-block;width:12px;height:16px;background:url(/resources/images/ico_secret.png) center center no-repeat;background-size:auto 16px;text-indent: -9999px;margin-right:5px;}
.i_reply{display:inline-block;width:20px;height:15px;background:url(/resources/images/re.png) center center no-repeat;background-size:auto 15px;text-indent: -9999px;margin-right:5px;}

/* no--data */
.no--data{display: flex;justify-content: center;align-items:center;margin:0 auto;min-height:300px;}
.no--data.sm{min-height:150px;}
.no--data > span{background:url(/resources/images/no-data.png) 50% 0px no-repeat; padding:90px 0 0px; font-size:16px;color:#666;line-height:1;letter-spacing:-0.01rem;word-break: keep-all;font-weight:400;}

/* ...줄임표 옆 아이콘적용시 */
.subject--wrap {display:inline-flex; width: 100%; height: 100%;align-items: center;justify-content: space-between;}
.subject--wrap .b-subject {flex:1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-size:20px;}
.subject--wrap .list--type {width:80px;margin-left:4px;text-align:right}
.sp--icon {display: inline-block;vertical-align: middle;border-radius:24px; padding:8px 12px 8px;font-weight:500;font-size:13px;line-height:1;}
/* ...줄임표 옆 아이콘적용시 END */

/* board End */


.wr_box{display: inline-block; width:100%; border:1px solid #dfdfdf;background:#fafafa; margin:0px auto;/* max-height:180px; */ padding:25px;box-sizing: border-box; }
.wr_box > h3{font-weight: 500;font-size:15px;line-height:1.45;color:#333;margin-bottom:10px;}
.wr_box > p{font-weight: 300;font-size:14px;line-height:1.45;color:#333; margin-top:10px;}
.wr_box > p:first-child{ margin-top:0px;}

.wr_box{overflow: auto; 
	scrollbar-arrow-color: #fff; /* IE 6+ scroll styles */
	scrollbar-face-color: #999;
	scrollbar-shadow-color: #333;
	scrollbar-highlight-color: #000;
	scrollbar-darkshadow-color: #000;
	scrollbar-track-color: #ddd; /* Last IE 6+ scroll styles */
	scrollbar-color: #999 #ddd; /* Firefox 64+ */
	scrollbar-width: thin; /* Firefox 64+ */
  }
  
  .wr_box::-webkit-scrollbar {width: 6px;height: 6px;}
  .wr_box::-webkit-scrollbar-track {background: padding-box #ddd;border-radius: 4px;}
  .wr_box::-webkit-scrollbar-thumb {background: padding-box #999;border-radius: 4px;}
  .wr_box::-webkit-scrollbar-thumb:hover { background: padding-box #aaa;}
  .wr_box::-webkit-scrollbar-thumb:active {background: padding-box #333;box-shadow: inset 0 0 3px rgba(192, 192, 192, 0.5);}
.right-chkBox{display:flex;justify-content:flex-end;align-items: center;gap:10px; margin:10px auto 20px;}

.tit-agreement{display:flex; align-items: center; gap:10px; font-weight: 600;font-size:16px;line-height:1.2;color:#333; margin-bottom:15px; border-top:1px solid rgba(22, 22, 22, .3); padding-top:20px;}


.pre-wrap{width:100%;white-space: pre-wrap;margin-bottom:40px;  }


  /* business */
  .btn_pdf{display: flex;flex-wrap: wrap; gap:10px; justify-content: center; text-align: center;}
  .i_pdf{display: inline-block; min-height:20px;padding-left:30px;background:url(/resources/images/i-pdf.png) left center no-repeat;background-size: auto 20px;font-weight:400;font-size:15px;color:#333;line-height:1.45;  }
  .i_pdf > em{font-weight:700; color:#000; }

  .privacy-wrap{line-height:1.45;}
	.privacy-wrap h3 {font-weight:700; border:2px solid #ccc; padding:12px; font-size:18px; color:#333; margin:15px 0;}
	.privacy-wrap h4 {padding:10px 0 5px 20px; font-weight: 500; font-size:16px;}
	.privacy-wrap p {font-weight: 300;font-size:15px;line-height:1.5;color:#333; margin-top:8px; padding-left:20px;box-sizing: border-box;}
  .privacy-wrap p:first-child{margin-top:0px; }
	.privacy-wrap ul {padding-left:20px;box-sizing: border-box;}