@charset "utf-8";

/* ************************ 공용 ************************ */

:root {
	--red:#d91a1a;
	--orange:#f56a45;
	--blue:#095fd4;
	--blue2:#4c65a6;
	--blue3:#4d5978;
	--blue4:#b1bcd7;
	--blue5:#b7d2ff;
    --bluegray:#c9cfdf;
    --lightgary:#ebecf4;
    --lightgary2:#dbdce7;
    --lightgary3:#e6ebf7;
    --lightgary4:#f5f8fb;
    --lightgary5:#e4ecfc;
    --middlegary:#cccfd6;
    --border1:#e5e5e5;
    --border2:#dedede;
    --border3:#cdcdcd;
    --border4:rgba(0,0,0,.1);
	--hoverBgc:#f5f5f5;
    --textRotate:rotate(.03deg);
    --f_Nexon:'NEXON';
    --f_NanumSquare:'NanumSquare';
    --anishot:all .15s;
    --animid:all .3s;
}
.ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ellipsis2 {
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	text-overflow:ellipsis;
}

/*.c_black {color:#000 !important;}*/
/*.c_red {color:var(--red) !important;}*/
/*.c_green {color:var(--green) !important;}*/
/*.c_pink {color:var(--pink) !important;}*/
/*.c_blue {color:var(--blue) !important;}*/
/*.bgc_red {background-color:var(--red) !important; color:#fff;}*/
/*.f_noto {font-family:var(--f_noto) !important;}*/
/*.f_NanumSquare {font-family:var(--f_NanumSquare) !important;}*/


html {overflow-x:hidden;}
body {font-family:'NEXON', sans-serif; font-size:16px; font-weight:400; line-height:1.6; color:#666; word-break:keep-all;}
a {color:inherit; transition:var(--ani); -webkit-transition:var(--ani); -moz-transition:var(--ani);}
/* h1, h2, h3, h4 {transform:var(--textRotate);} */
a:focus, a:hover {color:inherit;}

button {cursor:pointer;background:none; padding:0;}
label {cursor:pointer;}
/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {-moz-appearance: textfield;}

input[type="radio"] {
	vertical-align: middle;
	appearance: none;
	line-height:40px;
}
input[type="checkbox"] {}
input[type="radio" i] {margin:0 5px 0 0;}
select {
	-webkit-appearance:none; /* 크롬 화살표 없애기 */
    -moz-appearance:none; /* 파이어폭스 화살표 없애기 */
    appearance:none; /* 화살표 없애기 */
	min-height:40px; line-height:38px; border-radius:5px;
	padding:0 40px 0 12px; border:1px solid var(--bluegray); cursor:pointer; background:#fff url(/resources/images/ebi/common/selectArrow.png)calc(100% - 15px) 50% /auto no-repeat;

}
/*select::-ms-expand { display: none; } !* IE 10, 11의 네이티브 화살표 숨기기 *!*/
/*select option {color:inherit;}*/
/*select [selected] {color:inherit;}*/
/*select :selected {color:inherit;}*/
/*select ::selected {color:inherit;}*/

textarea {padding:10px 12px; line-height:1.4; min-height:120px; border:1px solid var(--bluegray);resize:none; width:100%;}
label {vertical-align:middle;}
input[type="text"],
input[type="password"],
input[type=number] {max-width:100%; padding:0 12px; min-height:40px; line-height:38px; border-radius:5px;border:1px solid var(--bluegray);}
input[readonly] {background-color:#f7f7f7;}
button {cursor:pointer; background:transparent; padding:0;}

input[type="file"] {width:100%;}
 
/* 파일박스 */
/*.filebox.type1 {display:flex; gap:0 !important;}*/
/*.filebox.type1 input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0; visibility:hidden;}*/
/*.filebox.type1 label {display: inline-block;border-radius:5px;color: #fff; text-align:center;vertical-align: middle;background-color:var(--blue2); white-space:nowrap;cursor: pointer; width:70px;height: 40px; line-height:40px;margin-left: 5px;}*/
/*.filebox.type1 .upload-name {display: inline-block;height: 40px; border-radius:5px;padding: 0 10px;vertical-align: middle;border: 1px solid var(--border4);width:calc(100% - 75px);color: #000;}*/
/*.filebox.type1 .currFile {padding:10px 0 0;}*/

/*.filebox.type2 {display:flex; gap:0 !important;}*/
/*.filebox.type2 input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0; visibility:hidden;}*/
/*.filebox.type2 label {display: inline-block;border-radius:5px;border:1px solid var(--border4); color:var(--blue3); text-align:center;vertical-align: middle;background-color:var(--lightgary4); white-space:nowrap;cursor: pointer; width:70px;height: 40px; line-height:40px;margin-left: 5px;}*/
/*.filebox.type2 .upload-name {display: inline-block;height: 40px; border-radius:5px;padding: 0 10px;vertical-align: middle;border: 1px solid var(--border4);width:calc(100% - 75px);color: #000;}*/
/*.filebox.type2 .currFile {padding:10px 0 0;}*/

/* toggleSwitch */
.toggleSwitch {}
.toggleSwitch label {display: inline-flex;align-items: center;gap: 0.5rem;cursor: pointer;}
.toggleSwitch input {appearance:none;position:relative;background:var(--middlegary);border-radius:100px;width:25px;height:8px; cursor:pointer;}
.toggleSwitch input::before {width:14px;height:14px; background:#fff; border:1px solid var(--blue); left:0;top:50%; border-radius: 50%; transition:left .15s linear; position: absolute; content: "";display:block;transform:translateY(-50%);}
.toggleSwitch input:checked {background:var(--blue);}
.toggleSwitch input:checked::before {background:#fff; left:.8rem;}
.toggleSwitch label span {white-space:nowrap;}

/* answerCheck */
.answerCheck {padding:10px 0 0; display:flex; gap:20px;}
.answerCheck div {}
.answerCheck input {position:absolute; left:-9999px;}
.answerCheck label {padding:0 0 0 30px; color:var(--blue3); font-size:13px; font-weight:500; display:inline-block; position:relative;}
.answerCheck label:before {width:21px; height:21px; top:50%; left:0; position:absolute; border-radius:50%; border:2px solid var(--blue3); display:block; content:''; transform:translateY(-50%);}
.answerCheck input:checked+label {}
.answerCheck input:checked+label:before {border-color:var(--orange); background:var(--orange) url(/resources/images/ebi/gis/i-radioCheck.png)center no-repeat;}


.tabInner {}
.tabInner .tabItem {display:none;}
.tabInner .tabItem.on {display:block;}

/* 버튼 */
.btn {border:0; padding:0;}
.btn:active {box-shadow:none;}

/* 스크롤 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background-color: var(--middlegary); border-radius:100px;
}
::-webkit-scrollbar-thumb { 
    background-color: #000; border-radius:100px;
}
::-webkit-scrollbar-button {
    display: none;
}

textRotate {transform:var(--textRotate); display:inline-block;}

.mobile-logo {
	display: none;
	padding: 10px;
	width: 190px;
}

#intro_description {
    display: none;
}

#intro_description.active {
    display: block;
    margin-top: 60px;
}

body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

body > section {
    flex: 1;
}

.contents-tit .contents-tit-icon {
    background: linear-gradient(98deg, #4D40FF, #52BDFF);
    padding: 10px;
    border-radius: 10px;
}

.new-design-section {
    background: linear-gradient(111deg, rgb(165 190 230 / 5%), rgb(0 13 34 / 5%));
    border: 1px solid #000d220d;
    border-radius: 20px;
}

.new-design-point {
    width: 16px;
    height: 16px;
    background: linear-gradient(98deg, #4D40FF, #52BDFF);
    border-radius: 10px;
}

/* ************************ 데스크탑 (992~) ************************ */
@media screen and (min-width: 1280px), print {

	.mobile {display:none;}
	.w1200 {width:1200px; margin:0 auto; max-width:100%;}
	.w1400 {width:1400px; margin:0 auto; max-width:100%;}
	.w1600 {width:1600px; margin:0 auto; max-width:100%;}
	nav.mobile {visibility:hidden;}

	/* Sub-page */
    .header-default {
        position: fixed;
        height: 80px;
        /*background: #fff;*/
        top: 0;
        left: 0;
        width: 100%;
        z-index: 10;
    }
	.header-default nav.pc.on {background: rgba(255, 255, 255, 0.9) !important;}
	.header-default nav.pc .gnb-row .logo a img{width: 10vw;}
	.header-default nav.pc .gnb > ul > li > a,
    .header-default nav.pc .gnb > ul > li > ul > li > a {color: #ffffff;}
    .header-default nav.pc.on .gnb > ul > li > a,
    .header-default nav.pc.on .gnb > ul > li > ul > li > a {color: #222;}
	.header-default .gnb > ul > li.on > a,
	.header-default .gnb > ul > li > a:hover {color: var(--blue) !important;}
	/* 로고 이미지 교체 */
	.header-default .pc.on .logo img {
		content: url('/resources/images/ebi/main/haezoryu/logo-sub.svg');
	}
	/* 로그아웃, i18n 버튼 교체 */
	.header-default .pc.on .logout-btn, .header-default .pc.on .user-btn,
    .header-default .pc.on .login-btn, .header-default .pc.on .join-btn {
		/*border: 1px solid black !important;*/
        color: black !important;
        background-color: rgba(0, 0, 0, 0.15) !important;
	}
	.header-default .pc.on .logout-btn img {
		content: url('/resources/images/ebi/common/i-logout-black.svg');
		width: 20px !important;
		height: auto !important;
	}
    .header-default .pc.on .user-name {
        color: black !important;
    }
    .header-default .pc.on .user-btn img {
        content: url('/resources/images/ebi/common/user-cog-black.svg');
    }
    .header-default .pc.on .login-btn img {
        content: url('/resources/images/ebi/common/i-login-black.svg');
    }
    .header-default .pc.on .join-btn img {
        content: url('/resources/images/ebi/common/user-plus-black.svg');
    }
	.header-default .pc.on .i18n-btn {
		/*border: 1px solid black !important;*/
        color: black !important;
        background-color: rgba(0, 0, 0, 0.15) !important;
	}
	.header-default .pc.on .i18n-btn img {
		content: url('/resources/images/ebi/main/haezoryu/global-black.png');
	}
    .header-default nav.pc.on > div > div.gnb.box > ul > div > li.admin > button {
        background-color: #ffffff21;
        padding: 5px;
        border: 1px solid black;
        border-radius: 8px;
    }
    .header-default nav > div > div.gnb.box > ul > div > li.admin {
        display: flex;
        color: black;
        gap: 10px;
        align-items: center;
    }


	/* 헤더 */
	header  {position: fixed;background: transparent;top: 0;left: 0;width: 100%;z-index: 10;}
	.head {display:flex; align-items:center; justify-content:space-between;}


	/* gnb */
    nav.pc {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        transition: background 0.3s;
        /*border-bottom: 1px solid white;*/
        background-color: rgb(0 13 34 / 90%);
    }
	nav.pc.on {background: rgba(32, 30, 30, 0.9); border-bottom: none;}
	nav.pc .dep1 {display:flex; align-items:center; flex-wrap:wrap; min-width:0;}
    nav.pc .gnb-row {
        display: flex;
        align-items: center;
        justify-content: space-around;
        gap: 2vw;
        margin: 0 auto;
        padding: 0 40px;
        width: 100%;
        height: 100px;
    }
	nav.pc .gnb-row .logo a img{width: 10vw;}
    nav.pc .gnb {
        position: relative;
        top: 0;
        /*border-bottom: 1px solid var(--border2);*/
    }
	/*nav.pc .gnb>ul {margin: 0 auto;justify-content: center;height: 90px;}*/
	nav.pc .gnb>ul {margin: 0 auto;justify-content: flex-end;height: 90px; gap: 5vw;}
	nav.pc .gnb>ul>li {position:relative;}
	nav.pc .gnb>ul>li>a {display:block; height:90px; padding:33px 9px; color:#fff; font-weight:500; font-size:1.05vw;; transform:var(--textRotate);}
	nav.pc .gnb>ul>li.on>a,
	nav.pc .gnb>ul>li>a:hover {color:var(--blue);}
	nav.pc .gnb>ul>li>ul {padding:15px 0 25px; position:absolute; gap:13px; display:flex; flex-direction:column;}
	nav.pc .gnb>ul>li>ul>li {}
	nav.pc .gnb>ul>li>ul>li>a {background: none;padding: 10px 10px;font-size: 18px; font-weight: 400;position:relative;}
	nav.pc .gnb>ul>li>ul>li.on>a { color:var(--blue);}
	nav.pc .gnb>ul>li>ul>li>a:hover:after{width:100%; left:0; right:auto;}
	nav.pc .gnb>ul>li>ul>li>a:hover {color:var(--blue);}

    nav.pc .gnb > ul > li > ul > li a {
        display: inline-block;
        color: #fff;
        white-space: nowrap;
        font-weight: 500;
        transform: var(--textRotate);
        font-size: 0.85vw;
    }
	nav.pc .gnb>ul>li>ul>li a:after { }
	nav.pc .gnb>ul>li>ul>li a:hover,
	nav.pc .gnb>ul>li>ul>li.on a {color:var(--blue); border-color:inherit;}
	nav > div > div.gnb.box > ul > div > li.i18n {margin-right: 0;margin-left: 0;}
    /*nav > div > div.gnb.box > ul > div > li.i18n > a, nav > div > div.gnb.box > ul > div > li.admin > a {width: 100%; color: #272525; display: flex;align-items: center;justify-content: center;transition: background 0.15s;flex-shrink: 0;}*/
    nav > div > div.gnb.box > ul > div > li.i18n > a, nav > div > div.gnb.box > ul > div > li.admin > a {width: auto; color: #272525; display: flex;align-items: center;justify-content: center;transition: background 0.15s;flex-shrink: 0;}
	nav > div > div.gnb.box > ul > div > li.i18n > a img {width: 4vw;}
    nav > div > div.gnb.box > ul > div > li.admin > a img {width: 2vw;height: auto;}
    nav > div > div.gnb.box > ul > div > li.admin {
        display: flex;
        color: white;
        gap: 10px;
        align-items: center;
    }
    nav > div > div.gnb.box > ul > div > li.admin > button {
        background-color: #ffffff21;
        padding: 5px;
        border: 1px solid white;
        border-radius: 8px;
    }
	nav > div > div.gnb.box > ul > div {width: auto; display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 10px;}
	.logout-btn:hover img { filter: brightness(0.8); }
	.i18n-btn:hover img { filter: brightness(0.8); }

	/* lnb */
	.lnb {position:relative; z-index:1; border-width:1px 0; border-style:solid; border-color:var(--lightgary2);}
	.lnb.fixOn {top:0; position: fixed; background: #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px; width:100%;}
	.lnb .lnb-wrap {display:flex; height:60px;}
	.lnb .lnb-wrap>* {height:100%;border-left:1px solid var(--lightgary2);;}
	.lnb .lnb-wrap .home {width:60px; background:#f1f5f9; display:flex; align-items:center;	justify-content:center;}
	.lnb .lnb-wrap .home img {width:17px;}
	.lnb .lnb-wrap .dep1 {width:200px;}
	.lnb .lnb-wrap .dep1 p {line-height:60px; padding:0 20px; color:#000; font-size:0.8vw; font-weight:500; background:url(/resources/images/ebi/common/lnb-arrow.png)right 20px center no-repeat; cursor:pointer;}
	.lnb .lnb-wrap .dep1 ul {display:none; background:#fff;border:1px solid var(--lightgary2); border-top:0; box-shadow:0 0 10px rgba(0,0,0,.15);}
	.lnb .lnb-wrap .dep1:hover ul {display:block;}
	.lnb .lnb-wrap .dep1 ul li {}
	.lnb .lnb-wrap .dep1 ul li a {padding:0 20px; line-height:50px; display:block;border-top:1px solid var(--lightgary2);}
	.lnb .lnb-wrap .dep1 ul li+li a {}
	.lnb .lnb-wrap .dep1 ul li:hover a {background:#f5f5f5;}
	.lnb .lnb-wrap .dep1 ul li.on a {background:var(--blue); color:#fff;}
	.lnb .lnb-wrap .dep2 {padding-left:40px; display:flex; gap:40px;}
	.lnb .lnb-wrap .dep2 a {position:relative; display:flex; align-items:center; font-size:18px; font-weight:500; color:#000; line-height:1.2;}
	.lnb .lnb-wrap .dep2 a span {border-bottom:2px solid transparent; transform:var(--textRotate);}
	.lnb .lnb-wrap .dep2 a.on span {color:var(--blue); border-color:inherit;}
	.lnb .lnb-wrap .dep2 a+a::before {width:1px; height:13px; background:var(--lightgary2); position:absolute; left:-18px; top:50%; display:block; content:''; transform:translateY(-50%);}

	/* 컨텐츠 */
	/*.content {padding:80px 0 100px; border-top:1px solid var(--border2);}*/
	.content {padding:50px 30px; border-top:1px solid var(--border2);}
	.content.login-wrap {border-top:0;}
	.contents-wrap {margin-top: 70px}

    .contents-tit {
        padding: 0 0 40px;
        display: flex;
        gap: 20px;
        align-items: center;
    }
	.contents-tit h3 {font-size:30px; font-weight:700; color:#000;}
	.contents-tit p {padding:7px 0 0; position:relative; font-size:18px; color:#000; font-weight:500;}
	/*.contents-tit p:before {width:17px; height:2px; background:var(--blue); left:0; top:0; position:absolute; display:block; content:'';}*/

	.contents-tab {display:flex; gap:10px; justify-content:center;}
	.contents-tab a {padding:0 20px; line-height:50px; background:#ececec; border-radius:100px; color:#999; text-align:center; width:20%; transform:var(--textRotate);}
	.contents-tab a.on {background:var(--blue); color:#fff;}

	/* footer */
    footer {
        padding: 40px 0;
        /*border-top: 1px solid var(--border1);*/
        /*background: var(--lightgary4);*/
        background: #000D22;
    }
	footer .wrap {position:relative;}
	footer .wrap>div {display:flex; gap:30px; position:absolute; right:0; top:0; z-index:1;}
	footer .wrap>div a {position:relative; font-size:14px; font-weight:500; transform:var(--textRotate);}
	footer .wrap>div a+a:before {width:1px; height:10px; display:block; position:absolute; left:-15px; top:50%; background:#bebebe; content:''; transform:translateY(-50%);}
	footer p {font-size:14px; font-weight:500; color: #BEBEBE}
	footer p.tit {padding:0 0 10px; font-size:18px; font-weight:700; color:#fff; transform:var(--textRotate);}
}

/* ************************ 태블릿 이하(~1280) ************************ */
@media screen and (max-width: 1280px) {
	nav.pc .gnb {padding-left:360px;}
	nav.pc .gnb ul.dep1 {gap:30px;}

	.pc {display:none !important;}


    /* 게시판 페이징-모바일용 */
    /*.page_box {position:relative; margin-top:30px; text-align:center;}*/
    .page_box .mobile label {display:none;}
    .page_box .mobile {display:inline-block; margin:0; padding:0;}
    .page_box .mobile > li {
        float: left;
        /*height: 100%;*/
    }
    .page_box .mobile>li:last-child {padding-right:0;}
    /*
    .board_ebi .page_box .mobile .prev,
    .board_ebi .page_box .mobile .next {display:block;border:1px solid #dedede; background:#fff !important; color:#333 !important; padding:12px 15px; border-right:0;}
    */
    .page_box .mobile .prev {display:block; min-width:34px; height:40px; background:url(/resources/images/ebi/common/list-prev.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
    .page_box .mobile .next {display:block; min-width:34px; height:40px; background:url(/resources/images/ebi/common/list-next.png) no-repeat 50% #fff !important; border:1px solid #dedede; border-radius:0; border-right:0;}
    .page_box .mobile .write:hover {background:#000; color:#fff !important;}
    .page_box .mobile .form-control  {border:1px solid #dedede; border-radius:0;}
    .page_box .mobile .dropdown-toggle:hover {border-radius:0 !important;}
    .page_box .mobile .btn-default  {border:0; height:32px !important;}
    .mobile select#page {border-radius:0 !important; height:40px !important; border:1px solid #dedede!important; min-width:50px;}
    .page_box .mobile select {padding: 8px 45px 8px 20px !important;}


/*    .headerH {*/
/*        height: 60px;*/
/*        min-height: 60px;*/
/*    }*/

/*	!* 헤더 *!*/
/*	header {position:fixed; left:0; top:0; width:100%; z-index:999; height:60px; border-bottom:1px solid #e5e5e5;background-color: #FFFFFF}*/
/*	header.header-default {position: fixed;height: 60px; background: #fff;top: 0;left: 0;width: 100%;z-index: 10;}	header .head {padding:0 20px;}*/
/*	header .gnbView {position:absolute; right:0; top:0; width:60px; height:60px; background:url(/resources/images/ebi/common/icon_gnbView.png)center /22px no-repeat ;}*/
/*	header .gnbView img {}*/
/*	header.header-scrolled {height: 60px !important;}*/
/*	header.header-scrolled .gnb > ul > li > a {*/
/*		color: #222;*/
/*	}*/
/*	header.header-scrolled .mobile-logo {*/
/*		content: url('/resources/images/ebi/main/haezoryu/logo-sub.svg');*/
/*	}*/
/*	.header-default .mobile-logo {*/
/*		content: url("/resources/images/ebi/main/haezoryu/logo-sub.svg");*/
/*	}*/
/*	.mobile-logo {*/
/*		display: block;*/
/*	}*/
/*	.mobile-logo:hover {*/
/*		cursor: pointer;*/
/*	}*/

/*	!* .headerH {height:60px;} *!*/

/*	!* gnb *!*/
/*	nav.mobile {z-index:9999; position:fixed; top:0; width:50%; min-width:320px; height:100%; overflow:hidden; background:#fff;}*/
/*	nav.mobile .closeWrap {padding-left:20px; position:relative; height:60px;border-bottom: 1px solid rgba(0,0,0,.15); overflow:hidden; background:var(--blue);}*/
/*	nav.mobile .closeWrap .gnbClose {display:block; width:60px; height:60px; background:url(/resources/images/ebi/common/icon_close.png)center no-repeat; background-size:20px; border-left:1px solid rgba(255,255,255,.3); float:right;}*/
/*	nav.mobile .closeWrap .btn {color:#fff; display:inline-block; line-height: 60px;}*/
/*	nav.mobile .closeWrap .btn+.btn {margin-left:10px; }*/
/*	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}*/
/*	nav.mobile .gnb .dep1 li.admin {display:flex; align-items:center; flex-wrap:wrap; min-width:0;}*/
/*	nav.mobile .gnb .dep1 li.i18n {display:none;}*/
/*	nav.mobile .gnb .dep1 li.admin {display:none;}*/


/*	nav.mobile .gnb {position:relative; width:100%; height:100%; overflow-y:auto; text-align:left !important;}*/
/*	nav.mobile .gnb * {width:100% !important;}*/
/*	nav.mobile .gnb>ul>li {clear:both; position:relative; border-bottom:1px solid #e5e5e5;}*/
/*	nav.mobile .gnb>ul>li>a {display:block; padding:15px 20px; font-size:16px; transform:var(--textRotate); color:#000;}*/
/*	nav.mobile .gnb>ul>li.on {border-color:var(--blue);}*/
/*	nav.mobile .gnb>ul>li.on>a {background:var(--blue); color:#fff;}*/
/*	nav.mobile .gnb>ul>li>ul {display:none;}*/
/*	nav.mobile .gnb>ul>li>ul>li {position:relative;border-top: 1px solid #eee;}*/
/*	nav.mobile .gnb>ul>li>ul>li a {display:block; padding:15px 40px; font-size:15px; color:#000; letter-spacing:-.8px;background:#fff;}*/
/*	nav.mobile .gnb>ul>li>ul>li:last-child a {border-color:#e0e0e0;}*/
/*	nav.mobile .gnb>ul>li>ul>li a:hover {color:#000; background-color:#f5f5f5;}*/
/*	nav.mobile .gnb>ul>li>ul>li.on a {color: green;}*/


/*	!*gnb*!*/
/*	!*header nav.mobile {z-index:9999; position:fixed; visibility:hidden; left:0; top:0; width:80%; overflow:hidden; background-color:#fff;}*!*/
/*	!*header nav.mobile .closeWrap {z-index:1; position:relative; height:60px; background-color:#fff; color:#000; box-shadow:0 3px 5px rgba(0,0,0,.1);}*!*/
/*	!*header nav.mobile .closeWrap .gnbClose {display:block; float:left; width:60px; height:100%; background:url(../images/common/icon_x2.png) 50% 50% no-repeat; background-size:30%; border-right:1px solid #e0e0e0}*!*/
/*	!*header nav.mobile .closeWrap aside {display:flex; float:right; height:100%;}*!*/
/*	!*header nav.mobile .closeWrap aside a {width:60px; height:60px; display:inline-block;border-left:1px solid #e0e0e0; background-size: 22px !important; line-height:60px; text-align:center; font-size:13px; color:#999;}*!*/
/*	!*header nav.mobile .closeWrap aside a.home{ background: url(../images/common/i_home.png) no-repeat 50%;}*!*/
/*	!*.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}*!*/

/*	!*header nav.mobile .gnb {position:relative; width:100%; height:100%; overflow-y:auto; text-align:left !important;}*!*/
/*	!*header nav.mobile .gnb * {width:100% !important;}*!*/
/*	!*header nav.mobile .gnb .home {display:block; width:100%; background-color:#f0f0f0; padding:12px 20px; border-bottom:1px solid #333;}*!*/
/*	!*header nav.mobile .gnb>ul {position:absolute; top:0; right:0;}*!*/
/*	!*header nav.mobile .gnb>ul>li {clear:both; position:relative;}*!*/
/*	!*header nav.mobile .gnb>ul>li>a {display:block; padding:15px 20px; font-size:16px; color:#000; border-bottom:1px solid #ddd; background:#fff; letter-spacing:-.5px; font-weight:500;}*!*/
/*	!*header nav.mobile .gnb>ul>li>a:hover {color:#000;}*!*/
/*	!*header nav.mobile .gnb>ul>li.on>a {color:var(--blue); background:#fff; border-bottom:2px solid var(--blue);}*!*/
/*	!*header nav.mobile .gnb>ul>li ul{border-bottom:5px solid #eee}*!*/
/*	!*header nav.mobile .gnb>ul>li ul>li {position:relative;}*!*/
/*	!*header nav.mobile .gnb>ul>li ul>li>a {display:block; position:relative; padding:13px 20px 13px 20px; font-size:15px; color:#555; letter-spacing:-.5px; border-top:1px dotted #ddd; font-weight:400;}*!*/
/*	!*header nav.mobile .gnb>ul>li ul>li.on>a {font-weight:500;}*!*/
/*	!*header nav.mobile .gnb>ul>li ul>li.on>a:before {content:""; position:absolute; width:5px; height:5px; background:var(--blue); left:10px; top:21px; border-radius: 50%;}*!*/
/*	!*header nav.mobile .gnb>ul>li ul>li:first-child>a {border:0;}*!*/
/*	!*header nav.mobile .gnb>ul>li ul>li>ul>li.on a {color:var(--blue); font-weight:600;}*!*/
/*	!*header nav.mobile .gnb>ul>li ul>li:last-child:after {display:block; height:7px; background:#eee; box-shadow: 3px 3px 3px #ddd inset;}*!*/
/*	!*header nav.mobile .gnb>ul>li ul>li>a:hover {color:#000; background-color:#f5f5f5;}*!*/
/*	!*header nav.mobile .gnb>ul>li ul>li.on>a {color:var(--blue);}*!*/

/*	*/
/*	!* lnb *!*/
/*	.lnb {}*/
/*	*/
/*	!* 컨텐츠 *!*/
/*	*/
/*	section.content {padding:50px 30px;}*/
/*	.contents-wrap {}*/
/*	.contents-tit {padding:0 0 40px; display:flex; gap:20px; align-items:center; flex-wrap:wrap; row-gap:10px;}*/
/*	.contents-tit h3 {font-size:26px; font-weight:700; color:#000; line-height:1;}*/
/*	.contents-tit p {padding:5px 0 0; position:relative; font-size:14px; color:#000; font-weight:500; transform: translateY(2px);}*/
/*	!*.contents-tit p:before {width:17px; height:2px; background:var(--blue); left:0; top:0; position:absolute; display:block; content:'';}*!*/
/*	*/
/*	.contents-tab {display:flex; gap:10px; justify-content:center;}*/
/*	.contents-tab a {padding:0 5px; line-height:50px; background:#ececec; border-radius:100px; color:#999; text-align:center; width:50%; max-width:200px; transform:var(--textRotate);}*/
/*	.contents-tab a.on {background:var(--blue); color:#fff;}*/
/*	*/
/*	*/
/*	!* footer *!*/
/*    footer {*/
/*        padding: 30px 20px;*/
/*        !*border-top: 1px solid var(--border1);*!*/
/*        background: #000D22;*/
/*    }*/
/*	footer .wrap>div {padding:0 0 14px; display:flex; justify-content:center; gap:30px;}*/
/*	footer .wrap>div a {position:relative; font-size:14px; font-weight:500; transform:var(--textRotate);}*/
/*	footer .wrap>div a+a:before {width:1px; height:10px; display:block; position:absolute; left:-15px; top:50%; background:#bebebe; content:''; transform:translateY(-50%);}*/
/*	footer p {font-size:14px; font-weight:500; text-align:center;color: #BEBEBE}*/
/*	footer p.tit {padding:0 0 5px; font-size:18px; font-weight:700; color:#fff; transform:var(--textRotate);}*/
/*}*/


/*!* ************************ 모바일 (0~767) ************************ *!*/
/*@media screen and (max-width: 767px) {*/
/*	*/
/*   !* 헤더 *!*/
/*   header .head .logo a {font-size:18px;}*/
/*   header .head .logo a img {height:34px;}*/

/*   !* gnb *!*/
/*   !* lnb *!*/
/*   .lnb {}*/
/*   section .content*/

/*	!* footer *!*/
/*	footer {}*/
/*	footer .wrap>div {flex-wrap:wrap; gap:5px 20px;}*/
/*	footer .wrap>div a {font-weight:400;}*/
/*	footer .wrap>div a+a:before {left:-10px;}*/
/*	footer p.tit {font-size:16px;}*/
/*	footer p {font-size:13px;}*/
/*}*/

/*!* ui-datepicker *!*/

/*.ui-datepicker {*/
/*	box-shadow:10px 10px 10px rgba(0,0,0,.1);*/
/*	background:#fff; border-radius:10px; border:1px solid var(--blue2);*/
/*	width: 17em;*/
/*	display: none;*/
/*}*/
/*.ui-datepicker .ui-datepicker-header {*/
/*	position: relative;*/
/*	padding: .2em 0; border-bottom:1px solid var(--border4);*/
/*}*/
/*.ui-datepicker .ui-datepicker-prev,*/
/*.ui-datepicker .ui-datepicker-next {*/
/*	position: absolute;*/
/*	top: 2px;*/
/*	width: 30px;*/
/*	height:100%;*/
/*}*/
/*.ui-datepicker .ui-datepicker-prev-hover,*/
/*.ui-datepicker .ui-datepicker-next-hover {*/
/*	top: 1px;*/
/*}*/
/*.ui-datepicker .ui-datepicker-prev {*/
/*	left: 2px;*/
/*}*/
/*.ui-datepicker .ui-datepicker-next {*/
/*	right: 2px;*/
/*}*/
/*.ui-datepicker .ui-datepicker-prev-hover {*/
/*	left: 1px;*/
/*}*/
/*.ui-datepicker .ui-datepicker-next-hover {*/
/*	right: 1px;*/
/*}*/
/*.ui-datepicker .ui-datepicker-prev span,*/
/*.ui-datepicker .ui-datepicker-next span {*/
/*	display: block;*/
/*	position: absolute;*/
/*	left: 50%;*/
/*	margin-left: -8px;*/
/*	top: 50%;*/
/*	margin-top: -8px;*/
/*}*/
/*.ui-datepicker .ui-datepicker-title {*/
/*	margin: 0 2.3em;*/
/*	line-height: 1.8em;*/
/*	text-align: center;*/
/*}*/
/*.ui-datepicker .ui-datepicker-title select {*/
/*	font-size: 13px;*/
/*}*/
/*.ui-datepicker select.ui-datepicker-month,*/
/*.ui-datepicker select.ui-datepicker-year {*/
/*	width: 45%; border:0; min-height:34px;*/
/*}*/
/*.ui-datepicker table {*/
/*	width: 100%;*/
/*	font-size: .9em;*/
/*	border-collapse: collapse;*/
/*	margin: 0 0 .4em;*/
/*	padding:.2em*/
/*}*/
/*.ui-datepicker th {*/
/*	padding: .7em .3em;*/
/*	text-align: center;*/
/*	font-weight: bold;*/
/*	border: 0;*/
/*}*/
/*.ui-datepicker td {*/
/*	border: 0;*/
/*	padding: 1px;*/
/*}*/
/*.ui-datepicker td span,*/
/*.ui-datepicker td a {*/
/*	display: block;*/
/*	padding: .2em;*/
/*	text-align: center;*/
/*	text-decoration: none;*/
/*}*/
/*.ui-datepicker .ui-datepicker-buttonpane {*/
/*	background-image: none;*/
/*	margin: .7em 0 0 0;*/
/*	padding: 0 .2em;*/
/*	border-left: 0;*/
/*	border-right: 0;*/
/*	border-bottom: 0;*/
/*	border-top:1px solid var(--border4);*/
/*}*/
/*.ui-datepicker .ui-datepicker-buttonpane button {*/
/*	float: right;*/
/*	margin: .5em .2em .4em;*/
/*	cursor: pointer;*/
/*	padding: .2em .6em .3em .6em;*/
/*	width: auto;*/
/*	overflow: visible;*/
/*}*/
/*.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {*/
/*	float: left;*/
/*}*/

/*!* with multiple calendars *!*/
/*.ui-datepicker.ui-datepicker-multi {*/
/*	width: auto;*/
/*}*/
/*.ui-datepicker-multi .ui-datepicker-group {*/
/*	float: left;*/
/*}*/
/*.ui-datepicker-multi .ui-datepicker-group table {*/
/*	width: 95%;*/
/*	margin: 0 auto .4em;*/
/*}*/
/*.ui-datepicker-multi-2 .ui-datepicker-group {*/
/*	width: 50%;*/
/*}*/
/*.ui-datepicker-multi-3 .ui-datepicker-group {*/
/*	width: 33.3%;*/
/*}*/
/*.ui-datepicker-multi-4 .ui-datepicker-group {*/
/*	width: 25%;*/
/*}*/
/*.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,*/
/*.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {*/
/*	border-left-width: 0;*/
/*}*/
/*.ui-datepicker-multi .ui-datepicker-buttonpane {*/
/*	clear: left;*/
/*}*/
/*.ui-datepicker-row-break {*/
/*	clear: both;*/
/*	width: 100%;*/
/*	font-size: 0;*/
/*}*/

/*!* RTL support *!*/
/*.ui-datepicker-rtl {*/
/*	direction: rtl;*/
/*}*/
/*.ui-datepicker-rtl .ui-datepicker-prev {*/
/*	right: 2px;*/
/*	left: auto;*/
/*}*/
/*.ui-datepicker-rtl .ui-datepicker-next {*/
/*	left: 2px;*/
/*	right: auto;*/
/*}*/
/*.ui-datepicker-rtl .ui-datepicker-prev:hover {*/
/*	right: 1px;*/
/*	left: auto;*/
/*}*/
/*.ui-datepicker-rtl .ui-datepicker-next:hover {*/
/*	left: 1px;*/
/*	right: auto;*/
/*}*/
/*.ui-datepicker-rtl .ui-datepicker-buttonpane {*/
/*	clear: right;*/
/*}*/
/*.ui-datepicker-rtl .ui-datepicker-buttonpane button {*/
/*	float: left;*/
/*}*/
/*.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,*/
/*.ui-datepicker-rtl .ui-datepicker-group {*/
/*	float: right;*/
/*}*/
/*.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,*/
/*.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {*/
/*	border-right-width: 0;*/
/*	border-left-width: 1px;*/
/*}*/

/*.ui-state-default {}*/
/*.ui-state-hover {background:#f5f5f5;}*/
/*.ui-state-highlight,*/
/*.ui-datepicker-today {background:var(--bluegray);}*/
/*.ui-state-active {background:var(--blue); color:#fff;}*/
/*.ui-state-hover.ui-state-active {color:#fff;}*/


/*!* Icons *!*/
/*.ui-datepicker .ui-icon {*/
/*	display: block;*/
/*	text-indent: -99999px;*/
/*	overflow: hidden;*/
/*	background-repeat: no-repeat;*/
/*	left: .5em;*/
/*	top: .3em;*/
/*}*/
