@charset "utf-8";




#adminSet{margin-top:0px;top:10px;z-index:1000;}
#mainToggleMenuWrap{margin-top:30px;}
#subMenu_wrap{margin-top:30px;}


/*____________________________ Header ____________________________*/

#header{font-size:12px;}
#header .fullCover{position:fixed;top:0;left:0;z-index:11;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none;}
#header .fullCover .arrow-left{position:absolute;left:500px;top:50%;font-size:80px;margin-top:-0.5em;z-index:3;opacity:0;cursor:pointer;transition:all .2s ease-in-out;}
#header .fullCover:hover .arrow-left{opacity:1;}
#header .fullCover .arrow-left:before{content:'\e00f';font-family:'newfont';font-weight:normal;color:#fff;}

/* .topSection _______________________________ */
#header .topSection{position:absolute;top:0;left:0;z-index:999;width:100%;height:100px;padding:0 90px 0 50px;background:#fff;display:flex;align-items:center;justify-content:flex-start;transition:background .4s ease-in-out;}
#header .topSection:after{content:'';display:block;position:absolute;left:0;bottom:0;z-index:5;width:100%;height:1px;background:rgba(0,0,0,0.1);}
#header .topSection .top-header-logo{margin-left:10px;position:relative;display:inline-flex;align-items:center;gap:12px;}
#header .topSection .top-header-logo img{max-height:52px;}
#header .topSection .top-header-logo .tmp-logo{font-size:26px;}
#header .topSection .top-header-logo .top_logo_w{position:absolute;left:0;top:0;opacity:0;}
#header .topSection .logoSub{font-family:'Noto Sans KR', sans-serif;font-weight:500;font-size:17px;opacity:0.9;margin-left:12px;display:inline-flex;white-space:nowrap;}
#header .topSection .top-menu{margin-left:120px;margin-right:auto;display:inline-flex;align-items:center;}
#header .topSection .top-menu li{font-size:var(--navSize);font-weight:var(--bold);white-space:nowrap;}
#header .topSection .top-menu li:not(:first-child){margin-left:30px;}
body[data-font-family='noto'] #header .topSection .top-menu li{font-weight:400;}

#header .topSection.scroll{position:fixed;height:60px;}

#header .topSection .btnSetting{position:absolute;right:25px;z-index:5;order:2;}
#header #hd-search-set + .btnSetting{}

#header #hd-search-opener{margin-left:auto;color:rgba(0,0,0,0.9);cursor:pointer;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;}
#header #hd-search-opener:before{content:'\e94c';font-family:'intaefont';font-size:19px;font-weight:normal;transition:all 0.45s cubic-bezier(0.5,0,0,1.25);}
#header #hd-search-opener:hover:before{transform:rotate(90deg) scale(1.1);}


#header .leftSecOpener, #Search-page-header .leftSecOpener{}
#header .leftSecOpener{margin-right:40px}
	.leftSecOpener{position:relative;height:100%;width:54px;padding:0 15px;display:inline-flex;justify-content:center;flex-direction:column;gap:7px;cursor:pointer;}
	.leftSecOpener [class*='line']{display:block;width:24px;height:2px;background:#232323;border-radius:2px;transition:all 0.3s cubic-bezier(0.5, 0, 0, 1.55);}
	.leftSecOpener .line-2{position:relative;width:16px;}
	.leftSecOpener .line-2:after{content:'';display:block;width:6px;height:6px;border:2px solid #232323;border-radius:50%;position:absolute;top:-2px;right:-10px;transition:all .2s ease-in-out;}
	.leftSecOpener:hover .line-2{}
	.leftSecOpener:hover .line-2:before{opacity:1;}
	.leftSecOpener:hover .line-2:after{opacity:0;}
	.leftSecOpener .line-2:after{right:-10px;}
	.leftSecOpener:hover .line-1, .leftSecOpener:hover .line-3{width:20px;margin-left:7px}
	.leftSecOpener:hover .line-2{width:28px;}



/* .sideSection _______________________________ */
#header .sideSection{position:fixed;top:0;left:-1000px;z-index:1000;width:500px;height:100%;background:#fff;box-shadow:8px 0px 6px rgba(0, 0, 0, 0.01);/*transition:all .2s ease-in-out;*/}
#header .sideSection:after{content:'';display:block;position:absolute;top:0;right:0;width:1px;height:100%;background:rgba(0,0,0,0.15);}
#header .sideSection .btnSetting{position:absolute;top:10px;left:10px;z-index:2;}
#header .sideSection .closer{position:absolute;top:12px;right:12px;z-index:3;padding:5px;cursor:pointer;}
#header .sideSection .closer:before{content:'\e911';font-family:'intaefont';font-size:15px;}
#header .sideContainer{position:relative;height:100%;margin:0;padding:0;padding-bottom:50px;overflow-x:hidden;overflow-y:auto;width:100%;}

#header .hlc-head{font-size:0;text-align:center;transition: all .2s ease-in-out;}
#header .hlc-head .tmp-logo{display:inline-block;/*margin-top:60px;margin-bottom:30px;*/}
#header .hlc-head .logoSub{font-family:'Noto Sans KR', sans-serif;font-weight:500;font-size:17px;opacity:0.8}
#header .hlc-head a.side-header-logo{display:inline-flex;align-items:center;gap:12px;}
#header .hlc-head a.side-header-logo img{max-width:100%;}
#header .hlc-head{position:relative;margin:0;}

#header .hlc-body{max-width:560px;padding:0 70px;margin-left:auto;margin-right:auto;}
#header .hlc-body .snsContainer{position:relative;margin-top:0px;margin-bottom:30px;text-align:center;display:flex;align-items:center;justify-content:center;justify-content:space-between;justify-content:space-around;}

#header .member-wrap{position:relative;padding:15px 0;text-align:center;display:flex;align-items:center;justify-content:center;}
#header .member-wrap:after{display:block;visibility:hidden;clear:both;content:""}
#header .member-wrap .btn_login, #header .member-wrap .btn_join{flex:1;width:50%;font-size:11px;font-weight:600;color:#6d6d6d;padding:0 20px;height:35px;border-radius:0px;display:inline-flex;align-items:center;justify-content:center;}
#header .member-wrap .btn_login{background-color:rgba(53,57,69,0.1);border-top-left-radius:3px;border-bottom-left-radius:3px;}
#header .member-wrap .btn_join{background-color:rgba(53,57,69,0.06);border-top-right-radius:3px;border-bottom-right-radius:3px;}
#header .member-wrap .btn_login:hover, #header .member-wrap .btn_join:hover{background-color:#1bc8a6;color:#fff;}

#header .member-wrap .btn_logout{font-size:13px;font-weight:var(--bold);color:#fff;background-color:rgba(53,57,69,0.3);padding:0 15px;height:29px;line-height:1em;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;}
body[data-font-family='nanumSR'] #header .member-wrap .btn_logout{font-size:12px;padding-top:1px;}
#header .member-wrap .btn_logout:hover{background-color:rgba(53,57,69,0.4);}
#header .member-wrap .user_thumb{position:relative;}
#header .member-wrap .user_thumb .wrap{display:inline-block;position:relative;font-size:0;}
#header .member-wrap .user_thumb .wrap img{width:80px;height:80px;border-radius:50%;}
#header .member-wrap .user_thumb .wrap .no_mb_img{display:inline-block;width:80px;height:80px;border-radius:50%;overflow:hidden;}
#header .member-wrap .user_thumb .wrap .no_mb_img:before{content:'\e0ab';font-family:'newfont';font-size:64px;color:rgba(255,255,255,0.8);display:inline-block;text-align:center;}
#header .member-wrap .user_thumb .btnMypage{position:absolute;top:12px;right:12px;z-index:2;display:inline-block;width:0px;height:0px;background:#ff5050;font-size:0;border-radius:50%;opacity:0;transition: all 0.3s cubic-bezier(0.5, 0, 0, 1.25)}
#header .member-wrap .user_thumb .wrap:hover .btnMypage{opacity:1;top:7px;right:7px;width:10px;height:10px;}
#header .member-wrap .user_thumb .btnMypage:before{content:attr(data-tip);font-size:11px;height:21px;line-height:1em;color:#fff;width:auto;padding:0 0.6em;position:absolute;
top:-29px;left:-0.8em;background:rgba(71,78,103,0.8);border-radius:4px;white-space:pre;transition: all .2s ease-in-out;opacity:0;visibility:hidden;z-index:39;display:inline-flex;align-items:center;justify-content:center;}
body[data-font-family='nanumSR'] #header .member-wrap .user_thumb .btnMypage:before{padding-top:2px;}
#header .member-wrap .user_thumb .btnMypage:after{content:'';width:0;height:0;border:4px solid transparent;border-top-color:rgba(71,78,103,0.8);position:absolute;top:-8px;left:50%;margin-left:-5px;transition: all .2s ease-in-out;opacity:0;visibility: hidden;z-index:39;}
#header .member-wrap .user_thumb .btnMypage:hover:before, #header .member-wrap .user_thumb .btnMypage:hover:after{opacity:1;visibility: visible;}
#header .member-wrap .user_info{margin-left:25px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;}
#header .member-wrap .user_info .btn_logout{margin-top:12px;}
#header .member-wrap .user_profile{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap;gap:10px;text-align:left;font-size:15px;font-weight:var(--bold);position:relative;white-space:nowrap;}
#header .member-wrap .user_profile .member-tag{position:relative;min-height:16px;padding:2px 5px;line-height:1em;font-size:10px;font-weight:400;color:#fff;background:rgba(71,78,103,0.3);margin-top:3px;
	display:inline-flex;align-items:center;justify-content:center;border-radius:4px;z-index:39;white-space:nowrap;}
body[data-font-family='nanumSR'] #header .member-wrap .user_profile .member-tag{margin-top:-1px;}
#header .member-wrap .user_profile .member-tag:before{content:'';width:0;height:0;border-left:4px solid transparent;border-right:4px solid #ff7b7b;border-right:4px solid rgba(71,78,103,0.3);border-top:4px solid transparent;border-bottom:4px solid transparent;
	position:absolute;top:50%;left:-7px;margin-top:-4px;}

#header .member-wrap .user_profile .member-tag.admin{background:#2684f5;}
#header .member-wrap .user_profile .member-tag.admin:before{border-right-color:#2684f5;}
#header .member-wrap .user_profile .member-tag.super-admin{background:#2684f5;}
#header .member-wrap .user_profile .member-tag.super-admin:before{border-right-color:#2684f5;}

#header .member-wrap .user_profile .gr-adm-tag-set{flex:1;display:flex;justify-content:flex-start;flex-direction:column;gap:5px;}
#header .member-wrap .user_profile .member-tag.group-admin{background:#58a4ff;}
#header .member-wrap .user_profile .member-tag.group-admin:before{display:none;border-right-color:#58a4ff;}
#header .member-wrap .user_profile .member-tag.group-admin:hover{background:#2684f5;}
#header .member-wrap .user_profile .member-tag.group-admin:hover:before{border-right-color:#2684f5;}

#header .member-wrap .user_profile a:hover .member-tag{background:#1bc8a6;}
#header .member-wrap .user_profile a:hover .member-tag:before{border-right-color:#1bc8a6;}

#header #nav{position:relative;font-family:var(--font-family);font-size:var(--navSize);font-weight:var(--bold);color:#1e1e1e;width:100%;margin:30px auto 50px auto;}
#header #nav .btnSetting{left:-44px;top:-8px}
#header #nav a{color:inherit;}
#header #nav .active > [class*='_link']{color:#ff5151;}
#header #nav .adm > [class*='_link']:before{content:'\e0c1';font-family:'newfont';font-size:12px;display:inline-block;position:absolute;left:-23px;top:-1px;}
#header #nav .sub2cha_ul  .adm > [class*='_link']:before{font-size:11px;}
#header #nav .blank > a:after{content:'\e004';font-family:'newfont';font-size:8px;font-weight:normal;vertical-align:middle;display:inline-block;margin-top:-3px;margin-left:10px;}

/*1차메뉴*/
#header #nav .nav_ul{position:relative;transition: all .15s ease-in-out;}
#header #nav .nav_li{position:relative;padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid rgba(0,0,0,0.1);}
#header #nav .nav_li:last-child{margin-bottom:0;}
#header #nav .nav_li .dep1_link{height:36px;line-height:37px;padding:0;cursor:pointer;}
#header #nav .nav_li .dep1_link.null{display:block;}
#header #nav .nav_li .opener.icon{font-size:0 !important;position:absolute;top:4px;right:0;width:29px;height:29px;border-radius:50%;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s ease-in-out;}
#header #nav .nav_li .opener.icon:before{content:'\e005';font-family:'newfont';font-size:9px;font-weight:normal;}
#header #nav .nav_li .dep1_link.null:hover + .opener.icon,
#header #nav .nav_li .opener.icon:hover{background:rgba(71,78,103,0.05);}
#header #nav .nav_li.open .opener.icon{transform:rotate(180deg);}
/*2차메뉴*/
#header #nav .nav_li:not(.defaultOpen) .sub2cha_ul{display:none;}
#header #nav .sub2cha_ul{padding:7px;}
#header #nav .sub2cha_li{font-size:0.9em;font-weight:400;}
#header #nav .sub2cha_li .dep2_link{position:relative;display:inline-block;height:28px;line-height:28px;padding:0;opacity:0.85;transition: all .2s ease-in-out;}
#header #nav .sub2cha_li .dep2_link:hover{opacity:1;}
#header #nav .sub2cha_li.active .dep2_link,
#header #nav .sub2cha_li .dep2_link.active{opacity:1;font-weight:var(--bold);}
#header #nav .sub2cha_li .dep2_link.blank:after{content:'\e004';font-family:'newfont';font-size:8px;font-weight:normal;vertical-align:middle;display:inline-block;margin-top:-3px;margin-left:10px;}
/*3차메뉴*/
#header #nav .sub3cha_ul{padding:5px;}
#header #nav .sub3cha_li{font-size:0.95em;font-weight:400;}
#header #nav .sub3cha_li .dep3_link{height:22px;line-height:22px;padding:0;opacity:0.85;transition: all .2s ease-in-out;}
#header #nav .sub3cha_li .dep3_link:before{content:'';width:4px;height:1px;background:rgba(0,0,0,0.3);display:inline-block;margin-right:5px;transition: all .15s ease-in-out;}



#header #quickMenuWrap{position:relative;width:100%;z-index:40;transition: all .2.5s ease-in-out;padding:0;margin-top:15px;}
#header #quickBannerWrap{margin-top:30px;}

#header .hc_footer{position:absolute;bottom:0;left:0;width:100%;font-size:12px;line-height:1.7em;margin:0 auto;margin-top:20px;padding-top:0px;position:relative;}
#header .hc_footer.reverse{color:#fff;}
#header .hc_footer .hc_footer-container{padding:35px 25px 30px 25px;}
#header .hc_footer .hc_footer-container .company-info{}
#header .hc_footer .hc_footer-container .copyright{margin-top:15px;opacity:0.8;line-height:1em;}

#header .hc_footer .footer_iconSet{position:absolute;top:-0px;right:22px;z-index:19;margin-top:10px;}	
#header .hc_footer .footer_iconSet [class*='icon_']{font-size:0;color:#b1b1b1;opacity:0.8;position:relative;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;}
#header .hc_footer .footer_iconSet [class*='icon_']:hover{opacity:1;}
#header .hc_footer .footer_iconSet [class*='icon_']:before{content:'';color:inherit;display:inline-block;vertical-align:middle;margin-left:13px;}
#header .hc_footer .footer_iconSet [class*='icon_']:after,
#header .hc_footer .footer_iconSet .info:after{content:""attr(data-tip)"";font-size:12px;line-height:1.3em;color:#fff;display:inline-block;position:absolute;top:-45px;right:-30%;width:auto;padding:0.5em 1em;
	background:rgba(0,0,0,0.9);border-radius:4px;white-space:nowrap;transition:all .2s ease-in-out;opacity:0;visibility:hidden;z-index:39;}
#header .hc_footer .footer_iconSet [class*='icon_'] span:before,
#header .hc_footer .footer_iconSet .info span:before{content:'';width:0;height:0;font-size:12px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(0,0,0,0.9);
	position:absolute;top:-18px;right:25%;transition:all .2s ease-in-out;opacity:0;visibility:hidden;z-index:39;}
#header .hc_footer .footer_iconSet [class*='icon_']:hover:after,
#header .hc_footer .footer_iconSet [class*='icon_']:hover span:before,
#header .hc_footer .footer_iconSet .info:hover:after,
#header .hc_footer .footer_iconSet .info:hover span:before{opacity:1;visibility:visible;}
#header .hc_footer .footer_iconSet .icon_login:before{content:'\e0c1';font-size:16px;}
#header .hc_footer .footer_iconSet .icon_mobile:before{content:'\e15a';font-size:18px;}
#header .hc_footer .footer_iconSet .icon_includeInfo{display:inline-block;}
#header .hc_footer .footer_iconSet .icon_includeInfo:before{content:'\e07a';font-size:16px;margin-top:-3px;}
#header .hc_footer .footer_iconSet .icon_includeInfo:after{font-size:10px;top:-34px;padding:0.4em 1em;}
#header .hc_footer .footer_iconSet .icon_includeInfo span:before{top:-13px;}
#header .hc_footer .footer_iconSet .icon_includeInfo.htmlOn:after{color:#212121;background:rgba(255,231,71,0.9);font-weight:bold;}
#header .hc_footer .footer_iconSet .icon_includeInfo.htmlOn span:before{border-top-color:rgba(255,231,71,0.9);}



/* 반응형 사이즈 관련 */

#wrapper, .boCover, .fixed{padding-top:52px;}


/* 좌메뉴 스크롤 가리기 */
#header .sideContainer::-webkit-scrollbar{width:0;}



/* 최소 사이즈 //////////////////////////////////////////////////////////////////////////////////////////// */
body, #header .topSection{min-width:1000px;}







.topSection .lang-wrap{position:relative;margin-left:10px;display:inline-flex;align-items:center;justify-content:center;}
.topSection .lang-wrap .lang-opener{font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;}
.topSection .lang-wrap .lang-opener:after{content:'\e91a';font-family:'intaefont';font-size:10px;transform:scale(0.8);}
.topSection .translation-links{position:absolute;top:24px;border:1px solid rgba(0,0,0,0.1);padding:10px;background:#fff;box-shadow:0 5px 6px rgba(0,0,0,0.05);display:flex;flex-direction:column;gap:5px;}
.topSection .translation-links li{font-size:13px;padding:3px 0;min-width:90px;white-space:nowrap;}
.topSection .translation-links li a:hover{color:#0741c6;text-decoration:underline;}








/* ─────────────────────────────────────────────────
										_gototopContainer
───────────────────────────────────────────────── */
#footer{position:relative;}
	#_gototopContainer{position:fixed;bottom:190px;right:40px;z-index:361;}
	#_gototopContainer.no-fixed{position:absolute;bottom:calc(100% + 15px);}

	#_gototopContainer #_gototop{width:60px;height:54px;border-radius:25px;background:#5f6062;color:#fff;cursor:pointer;
		display:inline-flex;align-items:center;justify-content:center;opacity:0;transform:translateX(60px);transition:all 0.3s cubic-bezier(0.5,0,0,1.25);}
	#_gototopContainer.active #_gototop{opacity:1;transform:translateX(0);}
	#_gototopContainer #_gototop:before{content:'\e00d';font-family:'newfont';font-size:18px;font-weight:600;}