@charset "utf-8";

@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(/skin/kaqg/images/font/NotoSansKR-Thin.woff2) format('woff2'),
       url(/skin/kaqg/images/font/NotoSansKR-Thin.woff) format('woff'),
       url(/skin/kaqg/images/font/NotoSansKR-Thin.otf) format('opentype');

  src: url(/skin/kaqg/images/font/NotoSans-Thin.woff2) format('woff2'),
       url(/skin/kaqg/images/font/NotoSans-Thin.woff) format('woff'),
	   url(/skin/kaqg/images/font/NotoSans-Thin.eot) format('eot'),
       url(/skin/kaqg/images/font/NotoSans-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(/skin/kaqg/images/font/NotoSansKR-Light.woff2) format('woff2'),
       url(/skin/kaqg/images/font/NotoSansKR-Light.woff) format('woff'),
       url(/skin/kaqg/images/font/NotoSansKR-Light.otf) format('opentype');

  src: url(/skin/kaqg/images/font/NotoSans-Light.woff2) format('woff2'),
       url(/skin/kaqg/images/font/NotoSans-Light.woff) format('woff'),
	   url(/skin/kaqg/images/font/NotoSans-Light.eot) format('eot'),
       url(/skin/kaqg/images/font/NotoSans-Light.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: url(/skin/kaqg/images/font/NotoSansKR-Regular.woff2) format('woff2'),
        url(/skin/kaqg/images/font/NotoSansKR-Regular.woff) format('woff'),
        url(/skin/kaqg/images/font/NotoSansKR-Regular.otf) format('opentype');

   src: url(/skin/kaqg/images/font/NotoSans-Regular.woff2) format('woff2'),
        url(/skin/kaqg/images/font/NotoSans-Regular.woff) format('woff'),
		url(/skin/kaqg/images/font/NotoSans-Regular.eot) format('eot'),
        url(/skin/kaqg/images/font/NotoSans-Regular.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: url(/skin/kaqg/images/font/NotoSansKR-Medium.woff2) format('woff2'),
        url(/skin/kaqg/images/font/NotoSansKR-Medium.woff) format('woff'),
        url(/skin/kaqg/images/font/NotoSansKR-Medium.otf) format('opentype');

   src: url(/skin/kaqg/images/font/NotoSans-Medium.eot) format('eot'),
        url(/skin/kaqg/images/font/NotoSans-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: url(/skin/kaqg/images/font/NotoSansKR-Bold.woff2) format('woff2'),
        url(/skin/kaqg/images/font/NotoSansKR-Bold.woff) format('woff'),
        url(/skin/kaqg/images/font/NotoSansKR-Bold.otf) format('opentype');

   src: url(/skin/kaqg/images/font/NotoSans-Bold.woff2) format('woff2'),
        url(/skin/kaqg/images/font/NotoSans-Bold.woff) format('woff'),
		url(/skin/kaqg/images/font/NotoSans-Bold.eot) format('eot'),
        url(/skin/kaqg/images/font/NotoSans-Bold.otf) format('opentype');
 }
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: url(/skin/kaqg/images/font/NotoSansKR-Black.woff2) format('woff2'),
        url(/skin/kaqg/images/font/NotoSansKR-Black.woff) format('woff'),
        url(/skin/kaqg/images/font/NotoSansKR-Black.otf) format('opentype');

   src: url(/skin/kaqg/images/font/NotoSansKR-Black.woff2) format('woff2'),
        url(/skin/kaqg/images/font/NotoSansKR-Black.woff) format('woff'),
		url(/skin/kaqg/images/font/NotoSans-Black.eot) format('eot'),
        url(/skin/kaqg/images/font/NotoSansKR-Black.otf) format('opentype');
 }

.only_m { display:none !important; }
.only_tv { display:none !important; }

/* 새로작성 header */
.new_header { position:relative; z-index:10; text-align:center; width:100%; }
.t_top_menu { display:inline-block; text-align:center; /*margin-left: -140px;*/ height:90px; }
.t_top_menu > li { display:inline-block; line-height:90px; padding:0 30px; }
.t_menu { position:relative; text-align:left; }
.main .t_menu > a { color:#fff; }
.t_menu > a { color:#222; font-weight:500;  font-size:18px; font-family: 'Noto sans KR',sans-serif; position: relative; z-index: 2;}
.t_menu > a:hover { color: #1670b2 !important; }
.t_menu.system:hover::before {content: 'SYSTEM'; text-decoration: underline; position: absolute; transform: translateX(-50%); left: 50%; font-size: 13px; bottom: -24px; color: #e81f1f; z-index: 0; font-weight: 400; font-family: 'Noto Sans KR', sans-serif;}

#header.active .t_menu > a { color:#222; }
.t_view { display:none; position:absolute; top:90px; left:0; min-width:160px; line-height:initial; z-index:10; padding-left:30px; }
.t_view li { text-align:left; padding:6px 0; }
.t_view li a { color:#222; font-weight:400; font-size:17px; letter-spacing:-0.55px; font-family: 'Noto sans KR',sans-serif; }
.t_view .tit a { color:#222 !important;}
.t_view li a:hover { color: #e81f1f; }
.t_view .tit { padding-top:20px; }
.t_view .tit a { font-weight: 800; color: #222; font-size: 17px; letter-spacing: -0.65px; font-family: 'IBM Plex Sans KR',sans-serif; }
.tv_position { display:flex; gap:50px; }
.ksq9100 { width:550px ; }
.t_menu_bg { width: 100%; height:0; background: rgba(255,255,255,0.95); position: absolute; width:100%; left: 0; z-index: 5; }
.t_menu_bg.on { height:300px;  border-bottom: 1px solid #e9e9e9;  border-top: 1px solid #e9e9e9; }


/* header */
#header { position:absolute; }
.logo_area { width:115px; height:60px; z-index:20; background-image:url('/skin/kaqg/images/logo.png'); background-repeat:no-repeat; background-size:100%; background-position:center; cursor:pointer; position:absolute; left:39px; top:50%; transform: translate(0,-50%); }
.h_L { position:relative; z-index:11; display:flex; align-items:center; border-bottom:1px solid transparent; height: 90px; }
.h_R { display:flex; align-items:center; position:absolute; right:50px; top:50%; transform: translate(0,-50%); z-index:20; }
.mBtn { padding:0 0 0 30px; }
.logo_area { padding:0 30px; }
.mBtn i { color:#fff; font-size:35px; }
.h_menu { position: relative; text-align:center; height:90px; line-height:90px; width:100%; margin:0 auto; left: -60px;}
.h_menu li { display:inline-block; }
.h_menu li a { font-size:18px; color:#fff; font-weight:400; padding: 0 30px; letter-spacing: -0.4px;}
.w_1350:after { content:''; display:block; clear:both; }
.w_1350 { max-width:1310px; margin:10px auto; text-align:center; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 0px; grid-row-gap: 20px; }
.w_1350.grid2 { grid-template-columns: repeat(2, 1fr); }
.w_1350.grid3 { grid-template-columns: repeat(3, 1fr); }
.w_1350.grid5 { grid-template-columns: repeat(5, 1fr); }
.menu_pan { width: 100%; opacity:0; background:rgba(255,255,255,0.95); border-bottom:1px solid #222; position: absolute; left: 0; top:-100%; z-index:10; font-size: 15px; visibility: hidden; }
.category:nth-child(1){ font-weight: 500; font-size:16px; }
.category { padding: 6px 0px; margin-right: 100px; text-align:left; }
.category a { color:#222; font-size:17px; font-weight:400; letter-spacing:-0.55px; }
.category.tit a { font-weight:800; color:#222; font-size:17px; letter-spacing:-0.65px; font-family:'IBM Plex Sans KR',sans-serif; }
.con_nav li a { color:#fff; }
.con_nav li a i { font-size:12px; }
.event_icon { position:relative; }
.event_icon i { color:#fff; font-size:25px; }
.event_icon .bell_cir { width:12px; height:12px; background-color:#ff3232; border-radius:100%; position:absolute; right:-1px; top:20px; border:3px solid #ff9d9d; box-sizing:border-box; }
.event_icon .bell_cir.off { display:none; }
.s_menu { display:none; width:100%;  position:absolute; border-radius:5px; background-color:#fff; border:1px solid #eee; overflow:hidden; width:145px; top:50px; left: -40px; z-index: 100; }
.who_i_am {background-color: #f8f9fa; border-bottom: 1px solid #e9e9e9; padding: 5px 10px;  font-family: 'Noto sans KR',sans-serif;}
.who_i_detail {padding: 5px 10px; font-family: 'Noto sans KR',sans-serif;}
.who_i_detail li {margin-bottom: 5px}
.who_i_am h5 {font-size:15px;}
.who_i_am span {font-size:13px;}
.s_menu ul li a { font-size:13px; color:#525252; }
.s_menu .name { display:none; position:relative; font-size:14px; color:#222; font-weight:500; padding-bottom:15px; }
.s_menu .name:after { content:''; width:120%; height:1px; background-color:#ddd; position:absolute; left:-10px; bottom:5px; display:block;}
.member_head { display:flex; align-items:center; gap:25px; }
.mh_name_wrap { position:relative; width:80px; }
.mh_name { font-size:15px; color:#fff; font-weight:500; padding:5px 0;  font-family: 'Noto sans KR',sans-serif; }
.mh_name span { font-size:12px; font-weight:400; display:block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.rou { margin-right:10px; width:32px; height:32px; background-color:#3592b1; border-radius:100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='36' fill='%23ffffff' viewBox='0 0 256 256'%3E%3Cpath d='M234.38,210a123.36,123.36,0,0,0-60.78-53.23,76,76,0,1,0-91.2,0A123.36,123.36,0,0,0,21.62,210a12,12,0,1,0,20.77,12c18.12-31.32,50.12-50,85.61-50s67.49,18.69,85.61,50a12,12,0,0,0,20.77-12ZM76,96a52,52,0,1,1,52,52A52.06,52.06,0,0,1,76,96Z'%3E%3C/path%3E%3C/svg%3E");
background-size:20px; background-repeat:no-repeat; background-position:center; }
.mh_menu { display:flex; align-items:center; cursor:pointer; height: 60px; }
.mh_menu:hover .s_menu { display:block; animation-name: dropdown; animation-duration: 500ms; animation-direction: normal; }
.mh_arrow i { font-size:20px; color:#fff; }
@keyframes dropdown {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
  }
}
.menu_pan_wrap { position:relative; text-align:center; }
.menu_pan_inner { width:auto; display:inline-block; }
.pan01 .menu_pan_inner { margin-left:-570px; }
.pan02 .menu_pan_inner { margin-left: -130px; }
.pan04 .menu_pan_inner { margin-left:840px; }

.sub_header { position:relative !important; }
.sub_header .h_menu li a { color:#222; font-weight:500; }
.sub_header .logo_area { background-image:url('/skin/kaqg/images/logo_on.png'); }
.sub_header .mBtn i { color:#222; }
.sub_header .mh_arrow i { color:#222; }
.sub_header .mh_name { color:#222; }
.sub_header .event_icon i { color:#222; }
.sub_header .con_nav li a { color:#222; }

#header.active .h_L { background-color:#fff; }
#header.active .logo_area { background-image:url('/skin/kaqg/images/logo_on.png'); }
#header.active .h_menu li a { color:#222; font-weight:500;}
#header.active .mBtn i { color:#222; }
#header.active .con_nav li a { color:#222; }
#header.active .mh_name { color:#222; }
#header.active .event_icon i { color:#222; }
#header.active .mh_arrow i { color:#222; }


/* m nav */
#mheader .logo { display: block; font-size: 2rem; color: #333; font-weight: 700; text-transform: uppercase; }
#mheader .logo img { width:200px; }
#header .cate_section .contents .mBtn { display:none; }
#header .cate_section .contents .mBtn a { display: block; text-indent: -9999px; width: 24px; height: 24px; margin-top: 20px; }
#header .cate_section .contents .mBtn i { line-height:90px; font-size:25px; color:#000; }
#mheader .mNav { z-index: 99; position: fixed; background-color: #fff; top: 0; right: -100%; width: 55%; height: 100%; transition: all 0.3s ease; display: flex; }
#mheader .mNav.on { right: 0; }
#mheader .mNav .mNav_logo { position:relative; background:#fff; display:flex; align-items:center; justify-content:end; padding:0 80px; height:85px; }
#mheader .mNav .mNav_logo img  { width:70px; }
#mheader .mNav .mNav_logo .closeBtn i { font-size:33px; color:#222; cursor:pointer; }
#mheader .mNav .mNav_logo .goto_admin {margin-right:15px;}
#mheader .mNav .mNav_logo .goto_admin i { font-size:33px; color:#222; cursor:pointer; }
#mheader .mNav .mNav_logo .goto_admin a { display: flex; align-items: center; gap: 5px; color:#000; }
#mheader .mNav .r_menu .cerc { position:relative; }
#mheader .mNav .r_menu .cerc:last-child:after { display:none; }
#mheader .mNav .r_menu .cerc:after { content:''; width:4px; height:4px; background:#ddd; border-radius:100%; position:absolute; right:4px; top:10px; }
#mheader .mNav .r_menu .cerc a { color:#777; font-size:16px; letter-spacing: -0.35px; margin-right:8px; padding-right:8px; }
#mheader .mNav .r_menu .nav a { color:#222; font-weight:500; }
#mheader .mNav .r_menu .nav img { width:15px; margin-right:5px; }
#mheader .sub { position: relative;}
#mheader .sub li a { display: block; font-size: 14px; color: #555; font-weight:400; }
#mheader .sub .log { padding:15px 0; box-sizing:border-box; border-bottom:1px solid #e8e8e8; }
#mheader .sub .log li { float:left; width:50%; text-align:center; color:#222; }
#mheader .sub .log li:first-child { border-right:1px solid #e8e8e8; }
#maccordian li{ list-style:none; }
#maccordian li >h1{ position:relative; cursor:pointer; font-size:16px; letter-spacing:-0.55px; font-weight:500; padding:15px 20px; box-sizing:border-box; color:#222; }
#maccordian li >h1 .acc_tit { color:#f36f23; display:inline-block; text-align:center; width:5%; box-sizing:border-box; }
.ico_ar { position: absolute; top:11px; right: 20px; width: 18px; height: 18px; background-position: center; background-repeat: no-repeat; background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231c1c1c' viewBox='0 0 256 256'%3E%3Cpath d='M216.49,104.49l-80,80a12,12,0,0,1-17,0l-80-80a12,12,0,0,1,17-17L128,159l71.51-71.52a12,12,0,0,1,17,17Z'%3E%3C/path%3E%3C/svg%3E") }
.ico_ar.active { position: absolute; right: 20px; width: 18px; height: 18px; background-position: center; background-repeat: no-repeat;  background-size: 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%231c1c1c' viewBox='0 0 256 256'%3E%3Cpath d='M216.49,168.49a12,12,0,0,1-17,0L128,97,56.49,168.49a12,12,0,0,1-17-17l80-80a12,12,0,0,1,17,0l80,80A12,12,0,0,1,216.49,168.49Z'%3E%3C/path%3E%3C/svg%3E") }
#maccordian li > ul{ display:none; background:#f8f8f8; padding:15px 20px; }
#maccordian li > ul >li{ color:#555; margin-bottom:10px; font-weight:300; }
#maccordian li > ul >li:last-child { margin-bottom:0; }
.bg-shadow { position: fixed; top: 0; right: 0; width: 100%; height: 100%; z-index: 50; background: rgba(0, 0, 0, 0.5); display: none; cursor: pointer; }
.ham_allWrap { max-width:1600px; width:100%; position: absolute; text-align:center; display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 0px; grid-row-gap: 40px; transform: translateY(-50%);  top: 50%; right: 0; }
.ham_allWrap .category.tit a { font-size:20px; }
.ham_allWrap .category { position:relative; margin-right:0; text-align:center; }
.ham_allWrap .category a { font-size:17px; }
.side_logo { display:none; width:89px; height:35px; background-image: url('/skin/kaqg/images/side_logo.png'); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; }
.right_nav_lay {width: 100%;}
#tp_sch_btn {
     vertical-align: middle;
     border-style: none;
 }

@media all and (max-width:1600px) {
	.t_menu > a  { font-size:15px; }
	.con_nav li a { font-size:14px; vertical-align:top; }
	.t_view .tit a { font-size: 15px; }
	.t_view li a { font-size: 15px; }
     .top_search_div { display:block; }
}


@media all and (max-width:1450px) {
	.h_menu {position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
	.h_menu li a {padding: 0 17px;}
	.mh_name { display:none; }
	.mh_arrow { display:none; }
	.mh_name_wrap { width:auto; position: initial; }
	.rou { margin-right:0; }
	.member_head { gap:10px; position:relative; }
	.mBtn { padding-left:10px; }

	.t_top_menu {margin-left: 0;}
     .top_search_div { display:block; }
}


@media all and (max-width:1200px) {
	.t_top_menu > li { padding: 0 15px; }
	.t_view { padding-left: 18px; }

	/* header*/
	#header .nav { display:none; }
	#mheader .mNav { width:100%; }

	.mBtn { padding-right:0; }
	.ham_allWrap .category.tit a { font-size:20px; }
	.ham_allWrap .category a { font-size:15px; }
	.closeBtn { right:22px; top:29px; z-index:10; }
	#mheader .mNav .mNav_logo { padding:0 15px; }
	.logo_area { left:20px; }
	.h_R { right:20px; }
     .top_search_div { display:block; }
}


@media all and (max-width:1000px) {
	.t_view { display:none !important;}
	.t_menu_bg { height:0 !important; }
	.t_top_menu { display:none; }
	.only_tv { display:block !important; }
	.left_nav_lay {width: 80px; background: #424142; min-height: calc(100vh - 90px);}
	.ham_allWrap {width: calc(100% - 80px);}
	.system_btn_wrap > ul > li {text-align: center; display: grid; height: 85px; align-items: center; border-bottom: 1px solid #2f2f2f;}
	.system_btn_wrap > ul > li > a {color:#b3b3b5; font-size:13px; line-height:16px;}
	.system_btn_wrap > ul > li > a > i {color: #fff; font-size: 16px; margin-bottom: 10px;}
     .top_search_div { display:none; }
}


@media all and (max-width:767px) {
	.only_m { display:block !important; }
	.only_pc { display: none !important; }
	.ham_allWrap {width: 100%;}

	/* header*/
	#mheader .mNav { width:100%; }
	#header .h_logo a { width:90px; height:15px; }
	#mheader .mNav .mNav_logo .closeBtn i { font-size:28px; }
	.ham_allWrap { grid-template-columns: repeat(1, 1fr); grid-row-gap:10px; top:auto; left:auto; transform:none; position:relative; margin:20px 0; height: calc(100vh - 105px); overflow: scroll;}
	.menu_category .category.tit { padding:8px 15px; }
	.menu_category .sub_category { display:none; background-color:#f9f9f9; padding:10px 15px; }
	.ham_allWrap .category { text-align:left; padding:5px 0; }
	.ham_allWrap .category.tit a { font-size:20px; font-weight:600; }
	.ham_allWrap .category a { font-size:15px; }
	.s_menu .name { display:block; }
	#mheader .mNav .mNav_logo .goto_admin {margin-left: auto;}
	.ham_allWrap.only_m .menu_category { margin-bottom:10px; }
	.ham_allWrap.only_m .menu_category:last-child { margin-bottom:0; }
	.side_logo  { display:block; }
	.h_menu { display:none; }
	.top_search_div { display:none; }
	#mheader .mNav .mNav_logo { justify-content:space-between; padding:0 15px; border-bottom:1px solid #eee; }
}