@charset "utf-8";
/* CSS Document */
/* ------------------------------------------------------------
 * Name      :web_layout.css    
 * Desc      :page layout 
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */

:root{
  /*header*/  
  --h-bg:rgba(255,255,255,.90);
  --h-line:rgba(15,23,42,.10);
  --h-txt:#3d3d3d;
  --h-mute:#64748b;
  --h-radius:16px;
  --h-max:1200px;
  --h-shadow:0 12px 30px rgba(0,0,0,.10);
  --h-blur: blur(10px);

  /*footer*/
  --f-bg:#0b1220;
  --f-bg2:var(--brand-color-1);
  --f-line:rgba(255,255,255,.10);
  --f-txt:rgba(255,255,255,.86);
  --f-mute:rgba(255,255,255,.62);
  --f-link:rgba(255,255,255,.90);
  --f-card:rgba(255,255,255,.06);
  --f-card2:rgba(255,255,255,.04);
  --f-radius:16px;
  --f-max:1200px;

  /*color*/
  --brand-color-1:#0073b0;
  --brand-color-1-light:#E2EEF5;
}


 body.fixe {overflow:hidden; width:100%; height:100%; position:fixed;}
.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}

img {max-width:100%}





/* wrap */
#wrap {width:100%; max-width:1920px; overflow:hidden; margin:0 auto;  transition:all 0.3s 0s ease-in-out;}
#inner_wrap {max-width:100%; margin:0 auto; position:relative; padding-bottom:70px;}
#inner_wrap:after {clear:both; content:""; display:block;}
#inner_wrap.no_visual {padding-top:70px;}

.inner {max-width:1200px; margin:0 auto;}
.inner:after { clear:both; content:""; display:block;}
.bg_wrap {background:#f2f2f2}




/* header frame */
.site-header{position:sticky;top:0;z-index:999;background:var(--h-bg);backdrop-filter:var(--h-blur);border-bottom:1px solid var(--h-line);}
.site-header .header-inner{max-width:var(--h-max);margin:0 auto;padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.site-header .brand{margin:0;line-height:1;}
.site-header .brand-link{width:240px; display:flex;align-items:center;gap:10px;color:var(--h-txt);text-decoration:none;}
.site-header .brand-title{font-weight:800;letter-spacing:-.4px;font-size:18px;white-space:nowrap;}

/* desktop nav */
.site-header .nav{display:block;}
.site-header .nav-list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px;}
.site-header .nav-item{position:relative;}
.site-header .nav-link{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:12px;color:var(--h-txt);text-decoration:none;font-weight:700;font-size:17px;}
.site-header .nav-link:hover,
.site-header .nav-link.on{background:rgba(15,23,42,.06);}

/* dropdown */
.site-header .has-sub{position:relative;}
.site-header .has-sub::before{content:""; position:absolute; left:0; right:0; top:100%; height:12px;}
.site-header .has-sub .sub{position:absolute;left:50%;top:calc(100% + 10px);min-width:180px;opacity:0;visibility:hidden;transform:translate(-50%, -4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease;pointer-events:none;}
.site-header .has-sub:hover .sub{opacity:1;visibility:visible;pointer-events:auto;}
.site-header .sub-inner{background:#fff;border:1px solid var(--h-line);border-radius:16px;box-shadow:var(--h-shadow);padding:12px; text-align:center;}
.site-header .sub-title{margin:0 0 8px;font-size:12px;color:var(--h-mute);font-weight:800;}
.site-header .sub-link{display:flex;justify-content: center;padding:10px;border-radius:12px;color:var(--h-txt);text-decoration:none;font-weight:600;font-size:15px;}
.site-header .sub-link:hover{background:rgba(15,23,42,.06);}

/* actions */
.site-header .header-actions{display:flex;align-items:center;gap:10px;}
.site-header .pill{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 12px;border-radius:10px;background:var(--brand-color-1);color:#fff;text-decoration:none;font-weight:800;font-size:13.5px;white-space:nowrap;}
.site-header .pill.outline{background:transparent;color:var(--brand-color-1);border:1px solid rgba(15,23,42,.20);}
.site-header .pill:hover{opacity:.92;}
.site-header .pill.full{width:100%;height:44px;border-radius:14px;}

/* header height upgrade */
.site-header .header-inner{max-width:var(--h-max);margin:0 auto;padding:16px 20px;min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:16px;}
.site-header .brand-title{font-weight:900;letter-spacing:-.4px;font-size:19px;line-height:1.1;}
.site-header .header-actions{display:flex;align-items:center;gap:10px;min-height:44px;}
.site-header .pill{height:42px;padding:0 14px;font-size:14px;}

/* hamburger */
.site-header .hamburger{display:none;align-items:center;justify-content:center;width:44px;height:44px;border-radius:8px;border:1px solid rgba(15,23,42,.15);background:#fff;cursor:pointer;}
.site-header .hamburger .line{display:block;width:18px;height:2px;background:var(--brand-color-1);margin:2.5px 0;border-radius:2px;}


/* mobile drawer (premium) */
.site-header .mobile-drawer{position:fixed;inset:0;z-index:1000;display:none;}
.site-header .mobile-drawer.is-open{display:block;}

.site-header .mobile-overlay{position:absolute;inset:0;background:rgba(2,6,23,.55);opacity:0;transition:opacity .18s ease;}
.site-header .mobile-drawer.is-open .mobile-overlay{opacity:1;}

.site-header .mobile-panel{position:absolute;right:0;top:0;height:100%;width:min(380px,92vw);background:linear-gradient(180deg,#ffffff,#f8fafc);box-shadow:0 20px 60px rgba(0,0,0,.25);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .22s ease;border-left:1px solid rgba(15,23,42,.10);}
.site-header .mobile-drawer.is-open .mobile-panel{display:none; transform:translateX(0);}

.site-header .mobile-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 12px;border-bottom:1px solid rgba(15,23,42,.10);background:rgba(255,255,255,.8);backdrop-filter:blur(10px);}
.site-header .mobile-brand{margin:0;font-weight:900;color:var(--h-txt);font-size:15px;letter-spacing:-.2px;}
.site-header .mobile-close{width:44px;height:44px;border-radius:8px;border:1px solid rgba(15,23,42,.12);background:#fff;cursor:pointer;font-size:18px;box-shadow:0 10px 25px rgba(0,0,0,.08);}
.site-header .mobile-close:hover{transform:translateY(-1px);}

.site-header .mobile-auth{padding:14px 16px;display:grid;gap:10px;border-bottom:1px solid rgba(15,23,42,.10);}
.site-header .mobile-auth .pill.full{height:46px;border-radius:12px;font-size:14px; box-sizing: border-box;}
.site-header .mobile-auth .pill.full.outline{background:#fff;}

.site-header .mobile-nav{padding:12px 12px 20px;overflow:auto;}
.site-header .m-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;}

.site-header .m-item{border:1px solid rgba(15,23,42,.10);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 25px rgba(2,6,23,.06);}
.site-header .m-top{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 14px;background:#fff;border:0;cursor:pointer;font-weight:600;color:var(--h-txt); font-family: 'Noto Sans'; font-size:15px;letter-spacing:-.2px;}
.site-header .m-top:hover{background:rgba(15,23,42,.03);}

.site-header .chev{opacity:.55;font-weight:600;transition:transform .15s ease;}
.site-header .m-item.is-open .chev{transform:rotate(180deg);}

.site-header .m-sub{display:none;padding:10px 12px 14px;background:rgba(15,23,42,.02);}
.site-header .m-item.is-open .m-sub{display:grid;gap:6px;}
.site-header .m-sub a{display:block;width:100%;padding:11px 12px;border-radius:12px;color:var(--h-txt);text-decoration:none;font-weight:800;font-size:13.5px;}
.site-header .m-sub a:hover{background:rgba(15,23,42,.06);text-decoration:none;}

/* responsive */
@media (min-width: 1025px){
    .site-header .mobile-drawer.is-open .mobile-overlay{opacity:0;}
}
@media (max-width: 1024px){
  .site-header .nav{display:none;}
  .site-header .header-actions .pill{display:none;}
  .site-header .hamburger{display:inline-flex; flex-direction: column;}
  .site-header .brand-title{font-size:16px;}
  .site-header .mobile-drawer.is-open{height:100vh;}
  .site-header .mobile-drawer.is-open .mobile-panel{display:block;}
}

@media (max-width:640px){
  .site-header .header-inner{padding:14px 16px;min-height:40px;}
  .site-header .brand-link{width:200px;}
}




/*footer*/
#footerW{background-color:#656565;}
.site-footer{position:relative;color:var(--f-txt);}
.site-footer a{color:var(--f-link);text-decoration:none;}
.site-footer a:hover{opacity:.9;text-decoration:underline;}

.site-footer .footer-inner{max-width:var(--f-max);margin:0 auto;padding:0 20px;}

.site-footer .footer-top{border-bottom:1px solid var(--f-line);}
.site-footer .footer-top .footer-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;}

.site-footer .footer-links{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.site-footer .footer-link{appearance:none;border:0;background:transparent;color:var(--f-link);font:inherit;cursor:pointer;padding:6px 0;}
.site-footer .footer-link:hover{opacity:.9;text-decoration:underline;}
.site-footer .footer-dot{opacity:.4;}

.site-footer .footer-sns{display:flex;align-items:center;gap:10px;}
.site-footer .sns-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--f-line);border-radius:999px;background:rgba(255,255,255,.02);transition:transform .15s ease,background .15s ease;}
.site-footer .sns-btn img{width:18px;height:18px;object-fit:contain;}
.site-footer .sns-btn:hover{transform:translateY(-1px);background:rgba(255,255,255,.06);}

.site-footer .footer-main{padding:28px 0 56px;}
.site-footer .footer-grid{display:grid;grid-template-columns:320px 1fr 220px;gap:22px;align-items:start;}

.site-footer .footer-title{font-size:14px;letter-spacing:-.2px;margin:0 0 12px;color:var(--f-mute);}

.site-footer .logo-list{display:flex; flex-direction: column; gap:5px; list-style:none;padding:0;margin:0;/*display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;*/}
.site-footer .logo-list a{display:flex;align-items:center;justify-content:center;padding:15px 10px;border:1px solid var(--f-line);border-radius:6px;background:rgba(255,255,255,.02);}
.site-footer .logo-list img{max-width:100%; height:25px;object-fit:contain;filter:saturate(.95);}

.site-footer .info-card{display:grid;grid-template-columns:1fr;gap:12px;padding:16px;border:1px solid var(--f-line);border-radius:var(--f-radius);background:linear-gradient(180deg,var(--f-card),var(--f-card2));}
.site-footer .info-head{margin:0 0 10px;font-weight:700;font-size:15px;}

.site-footer .info-dl{margin:0;}
.site-footer .info-dl .row{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:6px 0;border-top:1px dashed rgba(255,255,255,.10);}
.site-footer .info-dl .row:first-child{border-top:0;}
.site-footer .info-dl dt{color:var(--f-mute);font-size:13px;}
.site-footer .info-dl dd{margin:0;font-size:13.5px;line-height:1.5;}

.site-footer .muted{color:var(--f-mute);font-size:12.5px;margin-left:6px;white-space:nowrap;}

.site-footer .footer-copy{margin:14px 0 0;font-size:12.5px;color:var(--f-mute);}

.site-footer .family{position:relative;}
.site-footer .family-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-radius:12px;border:1px solid var(--f-line);background:rgba(255,255,255,.03);color:var(--f-link);cursor:pointer;font:inherit;}
.site-footer .family-btn:hover{background:rgba(255,255,255,.06);}

.site-footer .family-list{position:absolute;left:0;right:0;top:calc(100% + 8px);list-style:none;margin:0;padding:8px;border-radius:12px;border:1px solid var(--f-line);background:rgba(15,23,42,.98);box-shadow:0 16px 40px rgba(0,0,0,.35);}
.site-footer .family-list a{display:block;padding:10px 10px;border-radius:10px;}
.site-footer .family-list a:hover{background:rgba(255,255,255,.06);text-decoration:none;}

.site-footer .footer-topbtn{display:none;/*display:flex;*/align-items:center;justify-content:center; position:fixed;right:18px;bottom:18px;width:52px;height:52px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(15,23,42,.75);backdrop-filter:blur(8px);cursor:pointer;box-shadow:0 10px 30px rgba(0,0,0,.35);}
.site-footer .footer-topbtn img{width:22px;height:22px;object-fit:contain;}
.site-footer .footer-topbtn:hover{transform:translateY(-1px);}

/* tablet */
@media (max-width:1024px){
    .site-footer .footer-grid{grid-template-columns:1fr;gap:18px;}
    .site-footer .logo-list{grid-template-columns:repeat(4,minmax(0,1fr));}
    .site-footer .footer-main{padding-bottom:64px;}
    .site-footer .family-list{top:auto; bottom:calc(100% + 8px);}
}
/* mobile */
@media (max-width:640px){
    .site-footer .footer-top .footer-inner{padding:14px 16px;}
    .site-footer .footer-inner{padding:0 16px;}
    .site-footer .logo-list{grid-template-columns:repeat(2,minmax(0,1fr));}
    .site-footer .info-dl .row{grid-template-columns:90px 1fr;}
    .site-footer .muted{display:block;margin:4px 0 0;white-space:normal;}
    .site-footer .footer-topbtn{right:14px;bottom:14px;width:48px;height:48px;}
}
/* quick menu */
.quick_menu{position:fixed;right:20px;bottom:80px;z-index:1000;}
.quick_menu .quick_list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;}
.quick_menu .quick_list li a{display:block;width:50px;height:50px;}
.quick_menu .quick_list li a img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s ease;}


@media (min-width:769px){
    .quick_menu .quick_list li a:hover img{transform:translateY(-4px);}
}
/* mobile */
@media (max-width:640px){
    .quick_menu{right:16px;bottom:70px;}
    .quick_menu .quick_list{gap:8px;}
    .quick_menu .quick_list li a{width:45px;height:45px;}
}









/*서브비주얼*/
.sub_visual{position:relative; width:100%; padding:90px 0 90px; background:url('/img/sub/sub_visual_bg.jpg') no-repeat center center / 100% 100%; color:#fff; overflow:hidden;}
.sub_visual .sub_visual_text{text-align:center;}
.sub_visual .breadcrumb{font-size:13px;opacity:.6;margin-bottom:14px;line-height:1.2;}
.sub_visual .breadcrumb a{color:#fff;text-decoration:none;}
.sub_visual .breadcrumb .arrow{margin:0 6px;}
.sub_visual .eng{font-size:15px;font-weight:600;letter-spacing:-0.5px;margin-bottom:12px;line-height:1.2;}
.sub_visual .title{font-size:35px;font-weight:600;letter-spacing:-0.5px;margin-bottom:12px;line-height:1.2;}
.sub_visual .desc{font-size:16px;line-height:1.6;opacity:.85;line-height:1.2;}
/* mobile */
@media (max-width:768px){
    .sub_visual{padding:50px 0 50px;}
    .sub_visual .breadcrumb{margin-bottom:7px;}
    .sub_visual .title{margin-bottom:7px; font-size:20px;}
    .sub_visual .desc{max-width:180px; margin-left:auto; margin-right:auto; word-break: keep-all; font-size:13px;}
}
/* sub visual deco */
.sub_visual{position:relative;overflow:hidden;}
.sub_visual .sub_visual_deco{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:1;}
.sub_visual .inner{position:relative;z-index:2;}
.sub_visual .sub_visual_deco .deco{position:absolute;left:50%;width:110px;opacity:.7;}

/* position */
.sub_visual .d1{top:26%;margin-left:-560px;animation:float1 7s ease-in-out infinite;}
.sub_visual .d2{top:50%;margin-left:-430px;animation:float2 9s ease-in-out infinite;}
.sub_visual .d3{top:28%;margin-left:320px;animation:float3 8s ease-in-out infinite;}
.sub_visual .d4{top:52%;margin-left:470px;animation:float4 10s ease-in-out infinite;}
.sub_visual .d5{top:18%;margin-left:-340px;animation:float5 8s ease-in-out infinite;}
.sub_visual .d6{top:10%;margin-left:500px;animation:float6 9s ease-in-out infinite;}

/* animation */
@keyframes float1{0%{transform:translate(0,0) rotate(0);}25%{transform:translate(-14px,-20px) rotate(-2deg);}50%{transform:translate(12px,-10px) rotate(2deg);}75%{transform:translate(-8px,10px) rotate(-1deg);}100%{transform:translate(0,0) rotate(0);}}
@keyframes float2{0%{transform:translate(0,0);}25%{transform:translate(16px,-18px);}50%{transform:translate(-12px,-6px);}75%{transform:translate(8px,12px);}100%{transform:translate(0,0);}}
@keyframes float3{0%{transform:translate(0,0) rotate(0);}25%{transform:translate(-10px,-22px) rotate(-3deg);}50%{transform:translate(14px,-10px) rotate(2deg);}75%{transform:translate(-12px,8px) rotate(-1deg);}100%{transform:translate(0,0) rotate(0);}}
@keyframes float4{0%{transform:translate(0,0);}25%{transform:translate(12px,-16px);}50%{transform:translate(-14px,-8px);}75%{transform:translate(10px,14px);}100%{transform:translate(0,0);}}
@keyframes float5{0%{transform:translate(0,0) rotate(0);}25%{transform:translate(-16px,-18px) rotate(-2deg);}50%{transform:translate(10px,-8px) rotate(2deg);}75%{transform:translate(-8px,12px) rotate(-1deg);}100%{transform:translate(0,0) rotate(0);}}
@keyframes float6{0%{transform:translate(0,0);}25%{transform:translate(14px,-20px);}50%{transform:translate(-10px,-6px);}75%{transform:translate(6px,14px);}100%{transform:translate(0,0);}}

/* responsive */
@media (max-width:1280px){
    .sub_visual .d1{margin-left:-470px;}
    .sub_visual .d2{margin-left:-360px;}
    .sub_visual .d3{margin-left:260px;}
    .sub_visual .d4{margin-left:390px;}
    .sub_visual .d5{margin-left:-270px;}
    .sub_visual .d6{margin-left:400px;}
}

@media (max-width:1024px){
    .sub_visual .sub_visual_deco .deco{width:90px;}
    .sub_visual .d1{top:24%;margin-left:-360px;}
    .sub_visual .d2{top:48%;margin-left:-280px;}
    .sub_visual .d3{top:26%;margin-left:210px;}
    .sub_visual .d4{top:50%;margin-left:310px;}
    .sub_visual .d5{top:16%;margin-left:-210px;}
    .sub_visual .d6{top:18%;margin-left:320px;}
}

@media (max-width:768px){
    .sub_visual .sub_visual_deco .deco{width:64px;}

    .sub_visual .d1{top:10%;margin-left:-180px;}
    .sub_visual .d2{top:55%;margin-left:-180px;}

    /* 오른쪽 캐릭터 배치 */
    .sub_visual .d3{top:16%;margin-left:140px;}   /* 1시 방향 */
    .sub_visual .d4{top:50%;margin-left:140px;}   /* 7시 방향 */

    .sub_visual .d5{display:none;}
    .sub_visual .d6{display:none;}
}

@media (max-width:450px){
    .sub_visual .d1{margin-left:-160px;}
    .sub_visual .d2{margin-left:-170px;}

    /* 오른쪽 캐릭터 배치 */
    .sub_visual .d3{margin-left:100px;}
    .sub_visual .d4{margin-left:110px;}
}

/*서브비주얼 아래 2차메뉴*/
/* sub tab */
.sub_tab_wrap{position:relative;margin:20px 0 20px;z-index:10;}
.sub_tab_wrap .inner{max-width:1200px;margin:0 auto;padding:0 20px;}

.sub_tab_wrap .sub_tab_list{display:flex;justify-content:center;gap:12px;list-style:none;margin:0;padding:0;}
.sub_tab_wrap .sub_tab_list li a{display:flex;align-items:center;justify-content:center;min-width:160px;height:56px;padding:0 22px;border:1px solid rgba(15,23,42,.10);border-radius:10px;background:#fff;color:#0f172a;font-size:16px;font-weight:600;letter-spacing:-.3px;text-decoration:none;transition:all .2s ease;}
.sub_tab_wrap .sub_tab_list li a:hover{border-color:#addef8;background:#f8fafc;}
.sub_tab_wrap .sub_tab_list li a.on{border-color:#addef8;background:#addef8;color:#111;}

.sub_tab_wrap .sub_tab_select{position:relative; display:none;max-width:100%;margin:0 auto;}
.sub_tab_wrap .sub_tab_select::before{position:absolute; right:10px; top:50%; transform: translateY(-50%); width:15px; height:15px; content:''; background:url('/img/common/arrow_b_down.svg') no-repeat center center / contain;}
.sub_tab_wrap .sub_tab_select select{width:100%;height:48px;padding:0 30px 0 16px;border:1px solid rgba(15,23,42,.14);border-radius:10px;background:#fff;color:#0f172a;font-size:15px;font-weight:600;appearance:none;-webkit-appearance:none;-moz-appearance:none;}

@media (max-width:1200px){
    .sub_tab_wrap .sub_tab_list li a{min-width:120px;}
}
@media (max-width:1000px){
    .sub_tab_wrap{margin:10px 0 20px;}
    .sub_tab_wrap .sub_tab_list{display:none;}
    .sub_tab_wrap .sub_tab_select{display:block;}
}



.main_tit {text-align:center; padding-bottom:30px; font-size:30px; line-height:1.2; color:#222; font-weight:600;}
.main_tit .small_tit{display:block; margin-bottom:5px; font-size:16px; color:var(--brand-color-1); line-height:1.5; font-weight:600;}
@media (max-width:768px){
    .main_tit {font-size:25px;}
    .main_tit .small_tit{margin-bottom:3px; font-size:14px;}
}











































.video_wrap {position:relative; padding-bottom:56%;}
.video_wrap iframe {width:100% !important; height:100% !important; position:absolute; left:0px; top:0px;}




/* section */
.section {padding:70px 0px; font-size:24px; line-height:140%; word-break:keep-all;}
.section .note {font-size:18px;}
.white_box{border:1px solid #aab9cf; border-radius:20px; background:#fff; padding:30px;}
.introdcue {padding-right:380px; background:url(../img/main/s1_img01.png) no-repeat right 85%; }
.introdcue .txt_t {font-size:1.25em; line-height:140%; padding-bottom:10px; color:#00AD92; font-weight:600;}
.introdcue .mob{display:none;}
/**.dis_flex {display:flex; flex-wrap:wrap; flex-direction: column;}*/


#section2 {background:#F2F2F2}


.article {display:flex; flex-wrap:wrap; align-items: flex-start; padding:24px 20px; background:url(../img/main/line.png) repeat-x left bottom;}
.article.first-art{border-top:3px solid #00AD92;}
.article.last-art{border-bottom:3px solid #00AD92;}
.article .tit {font-size:22px; line-height:120%; font-weight:600; padding-right:30px; }
.article .tit.part_titw{margin-top:-10px; margin-right: 20px; padding:10px 15px; color:#fff; background-color:#00AD92;}
.article .tit.part_titw.tit_bg02{background-color:#8a440b;}
.article .txt_a {flex:1}
.article .txt_a .txt_t {font-size:22px; font-weight:600}
.article .txt_a .txt_s {font-size:20px; font-weight:600}

.check_li {display:flex;}
.check_li > li {padding-left:40px; padding-right:20px;  background:url(../img/main/ico_check01.png) no-repeat left 2px; margin-bottom:5px; min-height:29px;}
.check_li > li:last-child {margin-bottom:0px; background:url(../img/main/ico_check02.png) no-repeat left 2px;}
.txt_line {display:inline-block; border-bottom:3px solid #000;}

.white_box {border:1px solid #aab9cf; border-radius:20px; background:#fff; padding:30px;}
.white_box .txt_s {font-size:1.1em; font-weight:600}
.s_tit {font-size:20px; color: #333333; line-height:1.2; padding:0px 0px 15px 15px;  position: relative; margin-top:60px; font-weight:700;}
.s_tit > span {display: inline-block; position: relative; z-index: 1}
/**.s_tit:before {display:block; content: ""; z-index: 0; width:7px; height:23px; background: #3084d8; position: absolute; left: 0px; top:2px;}*/

.s_tit .s_tit_mini{width:105px; margin:0px auto 5px auto; display:block; line-height:110%; color:#fff; padding:10px 5px; background-color:#00AD92; font-size:23px;}


.map_info .info > ul > li { margin-top:8px;}
.map_info .info > ul > li:first-child {margin-top:0px;}
.map_info .info > ul > li .small {color:#707070; font-size:0.8em; font-weight:400}

.map_info {display:flex; flex-wrap:wrap}
.map_info .btn {margin-left:auto; width:50%; max-width:325px;}
.map_info .btn > ul > li {margin-top:10px;}
.map_info .btn > ul > li > a {display:block; background:#ed6e4e; color:#fff; text-align:center}
.map_info .btn > ul > li:nth-child(2) > a {background:#ed6e4e}
.map_info .btn > ul > li > a > span {display:inline-flex; height:60px; justify-content:center; align-items:center; padding-right:50px; background:url(../img/main/bt_arrow.png) no-repeat right center; font-size:24px; font-weight:400;}
.map_info .btn > ul > li > a {display:block;}
.map_info .btn > ul > li:first-child {margin-top:0px;}


#section4 {background:#f2f2f2}


.company_list {padding:20px 0px;}
.company_list > ul {display:flex; flex-wrap:wrap; margin:-15px -10px;  padding-right:25px;}
.company_list > ul > li {width:25%; box-sizing:border-box; padding:15px 10px;}
.company_list > ul > li > a {display:block; position:relative; height:100%;}
.company_list > ul > li > a .s_txt {display:block; z-index:2; color:#00AD92; line-height:1.3em; padding:5px 0px; }
.company_list > ul > li > a .type {z-index:2; margin-right:5px; color:#fff; font-size:18px; line-height:40px; border-radius:8px; padding:5px 10px;}
.company_list > ul > li > a .type1 {background:#3B82F6}/**상담*/
.company_list > ul > li > a .type2 {background:#F59E0B}/**상담+면접*/
.company_list > ul > li > a .type3 {background:#8B5CF6;}/**온라인*/
.company_list > ul > li > a .type4 {background:#f0a86f; }
.company_list > ul > li > a .type5 {background:#00AD92;}
.company_list > ul > li > a:hover .box:after {opacity:0.4;}
.company_list > ul > li > a .box {position:relative; height:100%; background:#fff; border-radius:16px; overflow:hidden; box-shadow:7px 9px 9px rgba(0, 0, 0, 0.1); font-size:15px; padding:15px; box-sizing:border-box; border: 1px solid #ccc;}
.company_list > ul > li > a .box:after {display:block; content:""; width:100%; height:100%; background:#000; opacity:0; position:absolute; left:0px; top:0px; transition:all 0.2s 0s ease-in-out;}
.company_list > ul > li > a .box .logos {margin:10px; padding-bottom:40%; position:relative; overflow:hidden}
/**.company_list > ul > li > a .box .logos_wrap:after {display:block; content:""; width:80%; height:1px; background:url(../img/main/line.png) repeat-x left bottom; margin:0 auto;}*/
.company_list > ul > li > a .box .logos img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-height:100%;}
.company_list > ul > li > a .box .name {padding-top:20px; text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#707070; font-weight:500;}
.company_list > ul > li > a .box .name .txt_t {display:block; color:#000; font-weight:700; font-size:1.3em; line-height:130%;}
.company_list > ul > li > a .box .option {display:flex; flex-wrap:wrap; justify-content: flex-start; align-items: center; min-height:30px; align-items:flex-start;}
.company_list > ul > li > a .box .option > p {padding:2px 10px 2px 0px; line-height:120%; position:relative;}
.company_list > ul > li > a .box .option > p:after {display:block; content:""; width:1px; height:16px; background:#ccc; position:absolute; left:0px; top:50%; margin-top:-8px;}
.company_list > ul > li > a .box .option > p:first-child:after {display:none;}
.company_list > ul > li > a .box .option .txt1 {color:#315ba9;}
.company_list > ul > li > a .box .option .txt2 {color:#ed6e4e; padding:2px 10px;}
.company_list > ul > li > a .box .box_btn{display:block; background-color:#00AD92; text-align:center; color:#fff; font-size:1.1em; font-weight:600; border-radius:8px; padding:8px 0px;}

.company_list > ul.only_logo {margin:-15px -10px; padding-right: 0px;}
.company_list > ul.only_logo > li {padding:15px 10px}
.company_list > ul.only_logo > li > a .box {padding-top:20px; padding-bottom:20px;}


.bul_txt > li:before {display:block; content:""; width:6px; height:6px; background:#000; border-radius:100%; display:inline-block; vertical-align:middle; margin-right:7px; margin-top:-5px;}
.dotted {padding:20px 0px;}
.dotted > span {display:block; width:5px; height:5px; border-radius:100%; background:#999999; margin:11px auto;}


.main_movie_wrap {position:relative;}
/*
.main_movie_wrap:after {display:block; content:""; width:15%; height:100%;  background:linear-gradient(to left, #fff, 50%, #979797); position:absolute; left:0px; top:0px; opacity:0.4}
.main_movie_wrap:before {display:block; content:""; width:15%; height:100%;  background:linear-gradient(to right, #fff, 50%, #979797); position:absolute; right:0px; top:0px; opacity:0.4}
*/
.main_movie .slick-slide {width:592px; padding:0px 10px;}
.main_movie .pic {display:block; padding-bottom:56.492%; position:relative; overflow:hidden}
.main_movie .pic:after {display:block; content:""; width:70px; height:70px; background:url(../img/main/bt_play.png) no-repeat center center; background-size:cover; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.main_movie .pic img {position:absolute; left:0px; top:0px; width:100%; height:100%; max-width:590px;}
.main_movie .tit {padding:20px 10px; text-align:center; background:#fff; min-height:30px; box-sizing:border-box; border-top:none; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; color:#00AD92; font-size:1.2em; line-height:130%;}
.main_movie li {vertical-align:top; max-width:592px}
/*.main_movie > ul {margin-left:-592px;}
.main_movie .box {opacity:0.2; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; border:1px solid #707070; display:block; border-radius:20px; overflow:hidden;}
.main_movie .slick-active .box, .main_movie .slick-center .box {opacity:1;}
*/
.main_movie > ul {max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;}
.main_movie li {padding:10px; width:33.3333%; box-sizing:border-box; }
.main_movie li:nth-child(odd) .box{border:1px solid #FBB240;}
.main_movie li:nth-child(odd) .tit{color:#FBB240}
.main_movie .box  {-webkit-transition:all 0.2s; -moz-transition:all 0.2s; -ms-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s; border:1px solid #00ad91; display:block; border-radius:20px; overflow:hidden;}

.main_movie .slick-prev {
	left:50%;
	margin-left:-340px;
	background:url(../img/main/bt_left.png) no-repeat center center;
}
.main_movie .slick-next {
	right:50%;
	margin-right:-950px;
	background:url(../img/main/bt_right.png) no-repeat center center;
}
.main_movie .slick-arrow:hover {background-color:#315ba9}
.main_movie .slick-arrow {
	position:absolute;
	top:50%;
	width:72px;
	height:72px;
	box-sizing:border-box;
	margin-top:-36px;
	font-size:0;
	background-color:#8e8e8e;
	z-index:1;
	transition:all .3s;
	border:2px solid #fff;
	border-radius:100%;
	cursor:pointer;
	box-shadow:7px 9px 9px rgba(0, 0, 0, 0.1);
}


@media (hover:none) {
	.hover:hover .ico_circle {background:#007dc6;}


}

#section7 {background:#E9F0F9}

.program_list > ul {display:flex; margin:0px -20px; justify-content:start; flex-wrap:wrap; padding-top:60px;}
.program_list > ul > li {box-sizing:border-box; padding:20px; width:50%; text-align:center; align-items:flex-start;}
.program_list > ul > li:nth-child(odd) {margin-top:-60px;}

.banner_area {text-align:center;}

/*
.event_list > ul {display:flex; margin:0px -20px; justify-content:center; flex-wrap:wrap;}
 .event_list > ul > li {box-sizing:border-box; padding:20px; width:50%; text-align:center; align-items:flex-start;} */
.event_list > ul {display:flex; flex-wrap:wrap; margin:0px -20px; justify-content:center; flex-wrap:wrap;}
.event_list > ul > li {width:100%; box-sizing:border-box; padding:20px; width:100%; text-align:center; align-items:flex-start;}
.event_list > ul > li + li{margin-top:20px;}
.event_list > ul > li a{display:block; width:100%;}
.event_list > ul > li a img{display:block; width:100%;}
@media screen and (max-width:1000px) {
	.event_list > ul > li + li{margin-top:0;}
}
@media screen and (max-width:599px) {
	.event_list > ul > li + li{margin-top:5px;}
}


#section9 {background:#f5f5f5}
/**
.notice_list > ul > li {margin-bottom:20px; border:1px solid #ccc; border-radius:20px; background:#fff;}
.notice_list .note_tit {border:none; outline:none; padding:30px 35px; padding-right:70px; display:block; width:100%; box-sizing:border-box; position:relative; text-align:left; font-size:1.2em; background:none; display:flex; flex-wrap:wrap; align-items:center; cursor:pointer}
.notice_list .note_tit.on:after {transform:rotate(180deg);}
.notice_list .note_tit:after {display:block; content:""; width:40px; height:40px; background:url(../img/main/note_arrow.png) no-repeat center center; position:absolute; right:30px; top:30px; transition:all 0.2s 0s ease-in-out; }
.notice_list .note_tit .txt_t {flex:1;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.notice_list .note_tit .type {font-weight:600;}
.notice_list .note_tit .type1 {color:#00ad91; line-height: 39px; padding-left:55px; background:url(../img/main/note.png) no-repeat left center;}
.notice_list .note_tit .line {display:block; width:2px; height:20px; background:#333; margin:0px 20px;}
.notice_list .notice_con {padding:35px; padding-top:0px; color:#707070; display:none;}
.notice_list .notice_con:before {display:block; content:""; width:100%; height:1px; background:url(../img/main/line.png) repeat-x left bottom; margin-bottom:30px;}
*/

.notice_list > ul{border-top: 3px solid #00ad91; border-bottom:3px solid #00ad91;}
.notice_list > ul > li {border:1px solid #ccc; border-bottom:none; background:#fff;}
.notice_list > ul > li:last-child{border-bottom:1px solid #ccc;}
.notice_list .note_tit {border:none; outline:none; padding:30px 35px; padding-right:70px; display:block; width:100%; box-sizing:border-box; position:relative; text-align:left; font-size:1.2em; background:none; display:flex; flex-wrap:wrap; align-items:center; cursor:pointer}
.notice_list .note_tit.note_well{background-color:#f5eef3;}
.notice_list .note_tit.on:after {transform:rotate(180deg);}
.notice_list .note_tit:after {display:block; content:""; width:40px; height:40px; background:url(../img/main/note_arrow.png) no-repeat center center;  position:absolute; right:30px; top:30px; transition:all 0.2s 0s ease-in-out; }
.notice_list .note_tit .txt_t {flex:1;  overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;}
.notice_list .note_tit .type {font-weight:600;}
.notice_list .note_tit .type1 {color:#00ad91; border:1px solid #00ad91; padding:5px 10px;}
.notice_list .note_tit .line {display:block; width:2px; height:20px; background:#333; margin:0px 20px;}
.notice_list .notice_con {padding:35px; padding-top:0px; color:#707070; display:none;}
.notice_list .notice_con:before {display:block; content:""; width:100%; height:1px; background:url(../img/main/line.png) repeat-x left bottom; margin-bottom:30px;}

.customer_wrap {/**padding-right:400px; min-height:230px; padding-top:40px; */text-align:center;/**background:url(../img/main/bg_customer.png) no-repeat right top;*/}
.customer_wrap .txt1 {font-size:1.2em; line-height:140%; color:#222; font-weight:600;}

.customer_wrap dl {padding-top:20px;}
.customer_wrap dl dt {font-size:1.2em; margin-bottom:20px; color:#8C8C8C;}
.customer_wrap dl dd {display:flex; flex-wrap:wrap; justify-content: center; /**margin-left:-15px;*/}
.customer_wrap dl dd > p {padding-left:55px; margin-left:15px; font-weight:500; min-height:38px; margin-top:10px;}
.customer_wrap dl dd > p a {color:#242424;}
.customer_wrap dl dd > p .go {display:inline-flex; border:1px solid #000; height:31px; justify-content:center; align-items:center; font-size:16px; padding:0px 13px; vertical-align:top; }
.customer_wrap dl dd > p .go:after {display:block; vertical-align:middle; content:""; width:8px; height:13px; background:url(../img/main/bt_arrow_s.png) no-repeat right center; margin-left:15px;}
.customer_wrap dl dd > p.mail {background:url(../img/main/ico_mail.png) no-repeat left center;}
.customer_wrap dl dd > p.talk {background:url(../img/main/ico_talk.png) no-repeat left center;}




#content {width:100%; max-width:1200px; margin:0 auto; padding:30px 0px;}
#content:after {clear:both; content:""; display:block;}



#add_date {position:relative; padding-right:115px; }
#add_date .bt {position:absolute; right:0px; top:0px;}

.tooltip {color:#ff751a; border:1px solid #ff751a; border-radius:6px; text-align:center; line-height:38px; width:38px; height:40px; box-sizing:border-box; font-size:1.5em; vertical-align:middle;}
.br_box {border:1px solid #dce1eb; padding:20px 20px 20px 20px;}
.t_box {background:#757a85; color:#fff; padding:5px 5%; display:inline-block;}
td .br_box {padding:5px;}
td .gray_box {padding:5px;}


.radio_group_row > li {padding-top:8px;}
.radio_group_row > li:first-child {padding-top:0px;}
.radio_group_row > li.disabled {opacity:0.4;}

.radio_group {padding:7px 0px 0px 0px; margin:-7px 0px 0px -15px;}
.radio_group > li {display:inline-block; padding:7px 0px 0px 15px;}
.radio_group > li.etc_li {width:100%; max-width:560px;}
.radio_group > li.etc_li .input {width:calc(100% - 70px) !important; width:-webkit-calc(100% - 70px) !important;}

.radio_group .input {width:auto !important;}

.input_group {padding:5px 0px 0px 0px; margin:-5px 0px 0px -15px;}
.input_group > li {display:inline-block; padding:5px 0px 0px 15px;}
.input_group .input {width:auto !important;}


.input_etc {position:relative; padding-left:62px; box-sizing:border-box;}
.input_etc .pa {position:absolute; left:0px; top:0px; font-size:14px; line-height:40px;}

.btn-tc {text-align:center; padding:30px 0px; border-top:8px solid #333333; margin-top:30px;}
.btn-tc > a {margin:0px 10px;}
.btn-tl {text-align:left; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}
.btn-tr {text-align:right; padding:30px 0px; border-top:2px solid #333333; margin-top:30px;}

.bt_close {width:18px; height:18px; display:inline-block; vertical-align:middle; background:url(../img/common/close_bt.gif) no-repeat center center; background-size:cover; text-indent:-9999px; background-size:10px auto;}

/*atab*/
.atab { margin-bottom:40px; padding-top:10px;}
.atab:after {clear:both; display:block; content:"";}
.atab li {float:left; width:20%; box-sizing:border-box; position:relative; display:table; }
.atab li a {display:table-cell; width:100%; height:55px; vertical-align:middle; background:#fff; line-height:20px; padding:0px 0px; text-align:center; color:#999999; box-sizing:border-box; border:1px solid #dfdfdf; font-size:15px; font-weight:600;}


.atab li.on a {background:#00ad91; color:#fff; border:1px solid #00ad91 !important; }
/*.atab li.on a:after {display:block; content:""; width:20px; height:20px; background:#fff; position:absolute; left:50%; bottom:-22px; transform:rotate(45deg) translateX(-50%);}*/
.atab.two li {width:50%;}
.atab.three li {width:33.33%;}
.atab.four li {width:25%;}
.atab.two_row > li {margin:-1px 0px 0px -1px}
.atab.two_row > li.on {margin-top:-1px;}
.atab.two_row > li.on a {height:50px;}
.atab.two_row > li > a {border-left:1px solid #cccccc;}



.btab { margin-bottom:40px; padding-top:10px; font-size:0px; text-align:center}
.btab:after {clear:both; display:block; content:"";}
.btab li {display:inline-block; padding:2px 2px; box-sizing:border-box; position:relative;}
.btab li a {display:block; min-width:115px; padding:10px 0px; text-align:center; color:#666666; box-sizing:border-box; border:1px solid #00357e; border-radius:30px; font-size:16px; }
.btab li a .ico {display:block; margin:0 auto; width:120px; height:120px; overflow:hidden; margin-bottom:10px;}
.btab li.on a {color:#fff; background:#00357e; border-color:#00357e;}
.btab li.on a .ico img {margin-top:-100%;}
.btab.two li {width:50%;}
.btab.line li {padding:2px;}
.btab.line li a {border:1px solid #ccc; padding:0px 5px; font-size:15px;}
.btab.line li.on a {border:1px solid #ed2129;}




.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* 레이어팝 */
#black {display:none; background-color:#000; display:none; height:100%; left:0; opacity:0.6; filter:alpha(opacity=60); position:fixed; top:0; width:100%; z-index:9999;}
.layerPop {-webkit-overflow-scrolling:touch; overflow-y:auto; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; z-index:99999;  zoom:1;}
.layerPop:Before {display: block; content: ""; width: 100%; height: 100%;position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #000; opacity: 0.7;}

.layerPop_inner {width: auto; height: 100%; padding: 15px; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.pop_wrap {display: table-cell; vertical-align: middle; position: relative;}
.pop_wrap .pop_body {padding:15px 20px; font-size: 15px; background: #fff; word-break: keep-all;}
.pop_wrap .pop_body .btns {padding-top: 20px;}
.pop_wrap .popup_scroll {max-height:700px; overflow-y:auto;}
.pop_wrap .pop_wrap_in {width:100%; margin: 0 auto; position:relative;}
.pop_wrap .x_btn {position: absolute; right:25px; top:50%; margin-top: -13px; display: inline-block; width:26px; height: 26px; cursor: pointer; background: none}
.pop_wrap .pop_head {background: #0c91dd; position: relative;}
.pop_wrap .pop_head .title {font-size:30px; line-height:150%;  color: #fff; padding:15px 50px 20px 25px; text-align: left; font-weight:500;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color: #646464; text-align: center; padding: 0px 0px 30px 0px;}
.pop_wrap .x_btn1 {position: absolute; right:0px; top:28px; cursor: pointer}
.pop_wrap .x_btn2 {position: absolute; right:0px; bottom:0px; }
.pop_wrap .x_btn3 {position: absolute; right:0px; bottom:-42px; }
.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin: 0px 10px;}
.pol_sc {width: 100%; height: 310px; overflow-x: hidden; overflow-y: auto;}


.pop_body .btn-tc {padding:30px 0px 0px 0px; margin-top:25px;}
.pop_body .btn-tc > a {margin:0px 10px;}
.pol_sc {width:100%; height:310px; overflow-x:hidden; overflow-y:auto;}



/* 팝업 */

.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; *display:inline; font-family:Noto Sans; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Noto Sans; color:#444444; font-size:22px; line-height:38px;}



.main_layer_pop {position: absolute; left:5%;  top:100px; z-index: 99}
.main_pop_bottom {background: #fff; font-weight: 300; color: #000; padding:10px; position: relative; font-size: 14px; box-sizing:border-box; border:1px solid #ccc; margin-top:0px;}
.main_pop_bottom .close {position: absolute; right: 10px; top: 10px; padding-right: 30px; background: url(../img/common/close.png) no-repeat right center; background-size:20px auto; }
.main_layer_pop_inner {width: 100%; height: 100%; display: table; position: relative; margin: 0 auto; box-sizing: border-box;}
.main_layer_pop_inner .cell {display: table-cell; vertical-align: middle; position: relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top: -22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background: url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background: url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin: 0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}



.product_top {display:flex; padding:15px; background:#f3f4f8; align-items:center; }
.product_top .logo {min-width:300px; box-sizing:border-box; width:300px; height:112px; border:1px solid #ccc; display:flex; justify-content:center; align-items:center; padding:10px; background:#fff; margin-right:3%}
.product_top .logo img {max-width:90%;}
.product_top .name {flex:1; word-break: break-all; font-size:2.1em; line-height:1.3em; font-weight:800; color:#333;}
.product_top .favorites {margin-left:10px; min-width:60px; font-size:0.95em; text-align:center; font-weight:600;}
.product_top .favorites .ico {display:flex; width:50px; height:50px; margin:0 auto; margin-bottom:10px; border-radius:100%; background:#fff; justify-content:center; align-items:center;}
.product_top .favorites.off .ico img {-webkit-filter: brightness(1) invert(0.5); filter: brightness(1) invert(0.5); opacity:0.5;}

.company_info {margin:30px 0px;}
.company_info > ul {display:flex; flex-wrap:wrap; margin:-5px;}
.company_info > ul > li {width:20%; box-sizing:border-box; padding:5px;}
.company_info > ul > li > dl {word-break: break-all;  height:100%; border:1px solid #e5e5e5; border-radius:10px; padding:20px 10px; box-sizing:border-box; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:flex-start;}
.company_info > ul > li > dl > dt .ico {display:block; padding-bottom:10px;}
.company_info > ul > li > dl > dt {color:#999999}
.company_info > ul > li > dl > dd {color:#000000; font-size:1.05em; font-weight:700; line-height:1.3em;}

.company_view .s_tit {border-bottom:1px solid #e5e5e5; margin-bottom:10px;}
.company_view .txt_in {padding-left:20px}

.product_area .img_slide {margin:20px -10px 0px -10px; position:relative;}
.product_area .img_slide .box {padding-bottom:calc(420 / 690 * 100%); position:relative; overflow:hidden}
.product_area .img_slide .box img {position:absolute; left:0px; top:0px; width:100%; height:100%;}
.product_area .img_slide .slick-slide {padding:0px 10px;}
.product_area .img_slide .slick-arrow {position:absolute; top:50%; transform:translateY(-50%); z-index:9; width:76px; height:76px; display:flex; align-items:center; justify-content:center; border-radius:100%; background:rgba(0, 0, 0, 40%); font-size:0px;}
.product_area .img_slide .slick-next {right:20px;}
.product_area .img_slide .slick-prev {left:20px;}
.product_area .img_slide .slick-prev:before {display:block; content:""; width:22px; height:22px; box-sizing:border-box; border:5px solid #fff; border-right:none; border-bottom:none; transform:rotate(-45deg); border-radius:3px; }
.product_area .img_slide .slick-next:after {display:block; content:""; width:22px; height:22px; box-sizing:border-box; border:5px solid #fff; border-right:none; border-bottom:none; transform:rotate(-225deg);  border-radius:3px;}



.title_bar {max-width: 1400px; margin:0px auto 50px auto; padding-top:50px; position: relative;}
.title_bar h2 {font-size:50px; text-align: center; font-weight:800; color:#333333; line-height:140%; transition: all 0.2s 0s ease-in-out;}

.title_bar .s_txt {font-size:20px; text-align: center; color:#333333; padding-top: 10px; line-height: 140%; font-weight:300; word-break: keep-all}

.title_bar:before {display: none;}


.sub_con { max-width: 1400px; margin: 0 auto; font-size:17px; font-weight: 300; line-height: 160%; word-break: keep-all;}
.sub_con > .s_tit:first-child {margin-top: 0px;}
.sub_con img {max-width: 100%;}


/* member */


.check_boxW {background:#fff; border:1px solid #dadada; padding:15px 5px;}
.add_bt {position: absolute; right: 0px; top: 0px;}

.join_type {overflow: hidden;}
.join_type.one > dl {float: none; width: 100%; max-width: 500px; margin: 0 auto; padding-top: 50px; padding-bottom: 50px;}
.join_type.two > dl {width: 50%;}
.join_type > dl {float: left; width:25%; box-sizing: border-box; border: 1px solid #cccccc; border-left:none; padding: 30px 10px 30px 10px;  text-align: center; margin-top: 10px;}
.join_type > dl:first-child {border-left: 1px solid #cccccc;}
.join_type > dl > dt {font-size:22px; line-height: 140%; padding-bottom: 5px;}
.join_type > dl > dt .ico {display: block; text-align: center; padding: 0px 10px 10px 10px;}
.join_type > dl > dt strong {display: block; min-height:55px; font-weight: 700; line-height: 140%;}
.join_type > dl > dt .f_s {display: block; font-size:0.8em;  line-height: 130%;}
.join_type > dl > dd {font-size:15px; line-height: 140%; font-weight: 300; min-height: 100px;}
.join_type > dl > dd.txt {padding: 10px 0px 30px 0px;}
.join_type > dl > dd.input_a input {max-width:300px; height: 40px; margin:0 auto; }
.join_type > dl > dd.bt {padding-top:10px; min-height: auto;}
.join_type > dl > dd.bt a {display: inline-block; font-size:15px; font-weight: 300; line-height: 20px; padding: 10px 0px; text-align: center; background:#0c91dd; color: #fff; min-width: 120px;}
.join_type > dl > dd.bt.two a {min-width: 110px;}

.join_box{overflow:hidden;}
.join_box.pa_rl{padding:0px 17%;}
.agency_join {float:left; width:33.33333%; margin:0 auto;	text-align:center; box-sizing:border-box; padding:30px 40px;}
.agency_join.two{width:50%;}
.agency_join.btnsbg01{background-color:#071c5f;}
.agency_join.btnsbg02{background-color:#f2773d;}
.agency_join.btnsbg03{background-color:#386fd3;}
.agency_join > h3{font-weight: 600; font-size: 2.1em; color: #fff; padding: 20px 0px 60px 0px; line-height: 120%;}
.join_btn{display: block; width: 100%; height: 60px; background-color: #fff; border: 0px; margin: 60px 0px 20px 0px;}
.join_btn > span{line-height:60px; height:60px; font-weight: 600; font-size: 1.1em; color: #333; }
.etc_btns{text-align:right; font-size:0px;}
.etc_btns > li{display: inline-block; vertical-align: top; font-size: 15px; line-height: 20px; padding-left: 5px; margin-left: 5px;}
.etc_btns > li > a{text-align: right; font-weight: 300; font-size: 0.85em; color: #fff; }

.sign_box {clear:both; width:100%; text-align:right; margin-top:30px; font-size:16px; line-height:35px;}
.sign_box .sign {box-sizing:border-box; position:relative;}

.interest{box-sizing: border-box; text-align: center; display: block; background: #386fd3; padding: 3px;}

.join_step > ol {overflow: hidden; max-width:440px; margin: 0 auto; }
.join_step > ol > li {float: left; text-align: center; width: 33.333%; box-sizing: border-box; padding: 0px 20px; position: relative;}
.join_step > ol > li:first-child:before {display: none;}
.join_step > ol > li:before {display: block; content: ""; width:28px; height:30px; background: url(../img/member/step.gif) no-repeat left top; position: absolute ; left:-10px; top:25px;}
.join_step > ol > li .ico {display:inline-block; position: relative; overflow: hidden;}
.join_step > ol > li .ico .on {position: absolute; left: 0px; top: 0px; opacity: 0;}
.join_step > ol > li .txt {display: block; font-size:1.05em; color: #999999; font-weight: 400; line-height: 140%; margin-top: 8px;}
.join_step > ol > li.on .txt {color: #000;}
.join_step > ol > li.on .ico img {opacity: 0;}
.join_step > ol > li.on .ico img.on {opacity:1;}


.complete_box {padding: 30px 10px; background: #e3eff6; margin: 0 auto; max-width: 850px; text-align: center; border-radius:20px;}
.complete_box .txt1 {font-size:18px; line-height: 140%; font-weight: 600; padding-bottom: 20px;}
.complete_box .txt2 {font-size:1.3em; line-height: 140%; font-weight: 100;}

/* ------------------------------------------------------------
 * Name      :mobile_layout.css
 * Desc      :page layout
 * Created   :
 * Updated   :
 ------------------------------------------------------------ */
.mobile_on .m_gnb .gnb > ul {overflow-y:auto; overflow-x:hidden;}
.m_gnb {position:absolute; left:0px; top:81px; width:100%;}
.m_gnb .gnb > ul {width:100%; background:rgba(18,18,18, .97); position:relative; overflow-x:hidden;}
.m_gnb .gnb > ul:after {content:""; display:block; clear:both;}
.m_gnb .gnb > ul > li > a {display:block; font-size:14px; color:#ffffff; padding:15px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
/*.m_gnb .gnb > ul > li:hover > a {background:#000;}*/

.m_gnb .sub_menu  {width:100%; line-height:20px; background:#4a4a4a; display:none;}
.m_gnb .sub_menu > li > a {display:block; color:#fff; font-size:12px; padding:5px 0px; text-align:center; border-bottom:1px solid rgba(255,255,255, .065)}
.m_gnb .sub_menu > li > a:hover { background:#009091;}
.m_gnb .gnb .alarm { background-size:20px;}
.m_gnb .gnb .name {max-width:200px;}
.mobile_on input, .mobile_on select, .mobile_on textarea {-webkit-appearance:none;}
.mobile_on select {height:31px; padding:0px 2em 0px 8px!important;}
.mobile_on .sel_arrow {position:relative;}

.down_file {display:inline-block; vertical-align:middle; color:#0c91dd; margin-left:10px;}
.down_file > span {display:block; padding-left:23px; background:url(../img/common/ico_file.png)no-repeat left center;}
.down_file:first-child {margin-left:0px;}

/* 980px 이상 */
@media screen and (min-width:1220px) {



}
/* 1024 이상 */
@media screen and (min-width:1024px) {


}
/* 1280px 이상 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}

}




/* 1220px 이하 */
@media screen and (max-width:1219px) {
	/**.gnb > ul {justify-content:flex-start}*/
	.main_movie .slick-slide {width:100%; box-sizing:border-box; max-width:600px; padding:0px 10px;}

	.main_movie > ul {margin-left:0px;}

	.main_movie .slick-next {margin-right: -340px;}

	#footer .addressW {padding:240px 0px 30px 0px; background-position:center 20px; text-align: center;}
	#footerW .copy > p {text-align: center;}
	#footer .jum_menu {position: relative; right: auto; bottom: auto; margin: 0 auto;}

	#footer .addressW .ad_logo{position:absolute; left:50%; transform:translateX(-50%); top:30px; margin-bottom:0px;}
	#footer .addressW .ad_logo li{margin-bottom:5px;}
	#footer .addressW .ad_logo li:last-child{margin-bottom:0px;}
	/**#footer .addressW .ad_logo li > a > img{width:80%;}*/


}
/* 980px 이하 */
@media screen and (max-width:979px) {

	.section {font-size: 19px;}
	.section .inner {padding-left: 10px; padding-right: 10px;}

	.company_list > ul > li {width: 25%}

	.product_top {flex-wrap:wrap; justify-content: center;}
	.product_top .logo {width:100%; max-width:300px; margin:0px auto;}
	.product_top .name {flex:none; width:100%; text-align:center; margin:15px; 0px;}
	.product_top .favorites {margin-left:0px;}

}

/* 768 이하 */
@media screen and (max-width:767px) {

	.web_dis {display:none;}
	.mb_dis {display:block;}

	.section {font-size: 17px;}


	/*
        .main_visual_wrap {text-align: center;}
        .main_visual_wrap .v_img {position: relative; right: auto; top: auto; left: auto;}
        .main_visual_wrap .v_img img {max-width:100%}


    */
	.introdcue {padding-right: 0px;}
	.introdcue {/**background-position:center bottom; padding-bottom:300px;*/ background-image:none;}
	.introdcue .mob{display:block; text-align:center; margin-top:20px;}

	.main_movie .slick-slide {max-width:400px}
	.main_movie .slick-prev {margin-left: 0px; left: 0px;}
	.main_movie .slick-next {margin-right: 0px; right: 0px;}

	.article {display: block;}
	.article .tit {padding: 0px 0px 10px 0px}

	.map_info {display: block;}
	.map_info .btn {margin: 10px 0px 0px 0px; width: 100%; max-width: 100%;}
	.map_info .btn > ul {overflow: hidden; margin: 0px -5px;}
	.map_info .btn > ul > li {width: 50%; float: left; margin: 0px; box-sizing: border-box; padding: 5px;}
	.map_info .btn > ul > li > a > span {font-size: 20px;}
	.company_list > ul > li > a .type {font-size: 15px; line-height: 30px;}
	.company_list > ul {padding-right: 10px;}
	.company_list > ul > li {width: 33.333%}

	.notice_list .note_tit .type1 {background-size:auto 24px; /**padding-left: 30px;*/ line-height: 30px; }
	.notice_list .note_tit:after {top: 25px;}

	.customer_wrap {padding-right: 0px; padding-bottom:300px; min-height: auto; background-position:center bottom;}



	.section .note {font-size:15px; line-height: 130%;}


	.main_layer_pop {-webkit-overflow-scrolling:touch; overflow-y:auto; max-width:100% !important; width:100% !important; position:fixed; left:0 !important; right:0 !important; top:0 !important; bottom:0 !important; }
	.main_layer_pop:Before {display: block; content: ""; width: 100%; height: 100%;position: fixed; left: 0px; top: 0px; right: 0px; bottom: 0px; background: #000; opacity: 0.7;}

	.title_bar {margin-bottom:35px; padding:25px 0px 20px 0px;}
	.title_bar h2 {font-size:36px;}

	.title_bar .s_txt {font-size:17px;}

	.sub_con {font-size:15px;}


	.article .tit.part_titw{display:inline-block; margin-top:0px; margin-right:0px; margin-bottom:10px;}
	.s_tit {font-size:22px; margin-top: 40px;}

	.company_info > ul > li {width:33.33333%}

}
/* 600 이하 */
@media screen and (max-width:599px) {

	.section {font-size: 15px; padding:40px 0px; }
	.check_li > li, .check_li > li:last-child {background-size:20px auto; background-position:left 3px; padding-left: 24px; min-height: 20px;  }
	.txt_line {border-width:2px; }

	.section .note {font-size: 12px; line-height: 130%;}

	.map_info .btn > ul > li > a > span {font-size: 15px; height: 50px; padding-right: 30px; background-size:20px auto !important }

	.company_list > ul > li {width: 50%}
	.main_movie .slick-arrow {width: 52px; height: 52px;}

	.main_movie .pic:after {width: 60px; height: 60px; background-size: cover}

	.program_list > ul {padding:0px;}
	.program_list > ul {margin: -5px;}
	.program_list > ul > li {padding: 5px;}

	.event_list > ul {margin: -5px;}
	.event_list > ul > li {padding: 5px;}

	.notice_list .note_tit {padding: 20px 25px; padding-right: 50px;}
	.notice_list .note_tit:after {width: 20px; height: 20px; right: 20px; top: 20px; background-size: cover}
	.notice_list .notice_con {padding: 20px; padding-top:0px;}
	.notice_list .note_tit .type1 {line-height: 130%; background-size: auto 18px;}

	.notice_list .note_tit .line {width: 1px; height: 16px; margin: 0px 15px;	}
	.notice_list .notice_con:before {margin-bottom: 20px;}



	.pop_wrap .pop_head .title {font-size:18px; color:#fff; padding:17px 55px 18px 15px !important;}
	.pop_wrap .pop_body {padding:10px;}

	.s_tit .s_tit_mini{width:90px; font-size:0.8em;}



}



/* 480px 이하 */
@media screen and (max-width:479px) {
	.btn-tc {border-width:2px;}
	.program_list > ul > li {width: 100%; margin-top: 0px !important}

	.event_list > ul > li {width: 100%;}

	.title_bar {padding:15px 0px 20px 0px; margin-bottom:10px; background-size:auto 60px; }
	.title_bar h2 {font-size:1.9em; }
	.title_bar .s_txt {font-size:14px;}
	.title_bar .s_txt br {display: none;}
	.title_bar .s_txt2 {font-size: 1.25em; padding-top: 0px; margin-bottom:15px;}

	.sub_con > .s_tit:first-child {margin-top: 0px}
	.sub_con {font-size:13px; }

	.s_tit {padding: 0px 0px 10px 15px; font-size:20px; background-position:left 5px; background-size:20px auto; margin-top: 35px; }
	.s_tit img {height: 20px; margin-top: 2px;}
	/**.s_tit:before {width:5px; height: 20px;}*/

	.ss_tit {font-size: 18px; margin-top:25px; margin-bottom:10px;}
	.ss_tit:before {width: 6px; height: 19px; top: 4px;}

	.main_movie li {width:50%;}
	.main_movie .tit {padding:10px 5px;}
	.main_movie .pic:after {width:50px; height:50px;}

	.product_area .img_slide .slick-arrow {width:36px; height:26px;}
	.product_area .img_slide .slick-next:after {width: 13px;	height: 13px;	border: 3px solid #fff;	}
	.product_area .img_slide .slick-prev:before {width: 13px;	height: 13px;	border: 3px solid #fff;	}
}

/* 320px 이하 */
@media screen and (max-width:320px) {

	.title_bar .s_txt {padding-left: 10px;}


}













/*---------------------------------------------------------------------------------------------*/



/*250318 ~ 변지선*/
.m_640_br{display:none;}
@media screen and (max-width: 640px) {
    .m_640_br{display:block;}
}

/*common*/
.login_wrap .login_bt .btn{font-family: Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif;}
@media screen and (max-width: 1600px) {
    .section .inner{padding-left:20px; padding-right:20px;}
}
@media screen and (max-width: 599px) {

}


/*member*/
/*
.signup {padding:20px 0px 15px 0px;}
.signup_or {position:relative; margin-bottom:5px; text-align:center; background:url(../img/common/line.gif) repeat-x left center;}
.signup_or_text {background-color:#fff; display:inline-block; padding:8px; font-size:14px; font-weight: 500; color:#82888a;}

.signup li { margin-bottom:5px;}
.signup li input {width:100%; height:60px; padding:8px 10px; display:block; border:1px solid #cccccc; border-radius:0px; background-color:#fff; color:#565a5c; box-sizing:border-box; -moz-box-size:border-box; border-radius:60px; text-indent: 20px; }

.join_go {padding: 18px 0px 0px 0px; text-align: center;}
.join_go > a {background-color: #31323b; color: #fff; padding: 12px; line-height: 40px; display: block; font-size:22px; text-align: center; font-weight:300; width: 100%; border: 1px solid #31323b; cursor: pointer; box-sizing: border-box; -moz-box-size: border-box; border-radius:60px; }
*/

/*
.find_idpw {text-align: right; padding:0px 0px 20px 0px;}
.find_idpw > li {display: inline-block; vertical-align: top; line-height: 20px; padding-left:10px; margin-left: 10px; background: url(../img/common/top_line2.gif) no-repeat left center;}
.find_idpw > li:first-child {background: none; padding: 0px; margin: 0px;}
.find_idpw > li a {color:#666666; font-weight:400;}
*/
.find_ok {text-align: center; padding:170px 0px 20px 0px; font-size:18px; line-height: 150%; background: url(../img/member/ico_mail_2.png) no-repeat center top; }

.member_common.join .s_tit{font-size:18px;}
.member_common.join .s_tit{padding-left:10px;}
.member_common.join .check_boxW{padding-right:20px;}
.member_common.join .check_boxW label{cursor: pointer; font-size:15px;}
.member_common.join01 .blue{line-height:1.3; word-break: keep-all;}
.member_common.join01 .table_line.n2 .width_1{width:200px;}
.member_common.join01 .table_line .radio_group > li{padding-top:2px;}
.member_common.join01 .table_line.n1 .board-write td{line-height:32px;}
.member_common.join01 .table_line label{cursor: pointer;}
.member_common.join01 .table_line label + label{margin-left:15px;}
.member_common.join01 .table_line input{padding-left:10px;}
.member_common.join01 .textarea{margin-top:10px; width:100%;}
.join_step > ol > li:before{left:-15px;}
.member_common.modify .blue{line-height:1.3; word-break: keep-all;}
.member_common.modify .table_line .radio_group > li{padding-top:2px;}
.member_common.modify .table_line.n2 .width_1{width:200px;}
.member_common.modify .table_line.n1 .board-write td{line-height:32px;}
.member_common.modify .table_line input{padding-left:10px;}
.member_common.modify .table_line label + label{margin-left:15px;}
.member_common.my .atab{display:flex; flex-wrap:wrap; justify-content: center; align-items: center;}
.member_common.my .atab li{width:20%; float:none;}
.member_common.my .atab li a{border-right:none;}
.member_common.my .atab li:last-child a{border-right:1px solid #dfdfdf;}
.member_common.counsel .table_line .btn_cancel .btnTiny{width:100px; height:30px; line-height:30px; border-radius:20px; background-color:#6d6d6d; transition: 0.3s;}
.member_common.counsel .table_line .btn_cancel .btnTiny:hover{background-color:#4d4d4d;}
.member_common.counsel .table_line .btn_cancel .btnTiny span{padding:0; height:inherit; line-height:inherit; font-size:15px; font-weight:600; border:none; color:#fff;}
.member_common.counsel .table_line .btn_cancel span{color:#f55; font-weight:600;}
.member_common.counsel .table_line .cancel_w_4{width:15%;}
.member_common.counsel .table_line .cancel_w_5{width:15%;}

.member_common.list .table_line .btn_cancel .btnTiny{width:100px; height:30px; line-height:30px; border-radius:20px; background-color:#6d6d6d; transition: 0.3s;}
.member_common.list .table_line .btn_cancel .btnTiny:hover{background-color:#4d4d4d;}
.member_common.list .table_line .btn_cancel .btnTiny span{padding:0; height:inherit; line-height:inherit; font-size:15px; font-weight:600; border:none; color:#fff;}

.member_common.like .table_line .del a{padding-left:10px; padding-right:10px; border-radius:3px; box-sizing: border-box;}
.member_common.like .table_line .del a span{padding-left:0; padding-right:0; font-weight:600;}
.member_common.resume .table_line .btn-default{padding:8px 10px; border-radius:5px; font-family:Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI', 'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', sans-serif; font-size:16px; line-height:1.1; color:#fff; word-break: keep-all; font-weight:600; transition: 0.2s;}
.member_common.resume .table_line .btn-default.style_1{background-color:var(--brand-color-1);}
.member_common.resume .table_line .btn-default.style_1:hover{background-color:#d97602;}
.member_common.resume .table_line .btn-default.style_2{background-color:#6d6d6d;}
.member_common.resume .table_line .btn-default.style_2:hover{background-color:#4d4d4d;}
.member_common.resume .table_line .width_1{width:10%;}
.member_common.resume .table_line .width_2{width:60%;}
.member_common.resume .table_line .width_3{width:15%;}
.member_common.resume .table_line .width_4{width:15%;}
@media screen and (max-width: 1400px) {
    .member_common{padding-left:20px; padding-right:20px;}    
}
@media screen and (max-width: 1000px) {
    .member_common.my .atab li a{height:50px;}
    .member_common.find_ok_con .btnStrong{min-width:100px;}
    .member_common.find_ok_con .btn-tc{margin-top:0; padding:10px 0;}
    .member_common.find_ok_con .btnStrong span{height:42px !important; line-height:40px !important;}
    .member_common.counsel .table_line .cancel_w_4{width:110px;}
    .member_common.counsel .table_line .cancel_w_5{width:110px;}
    .member_common.resume .table_line .width_3{width:110px;}
    .member_common.resume .table_line .width_4{width:110px;}
    .member_common.list .table_line .width_1{width:110px !important;}
}
@media screen and (max-width: 640px) {
    .member_common.join .scrollbox{height:100px;}
    .member_common.join .of_hi .fl50,
    .member_common.join .of_hi .fr50{float:none; width:100%;}
    .member_common.join .check_boxW{padding-top:10px; padding-bottom:10px;}
    .member_common.join01 .table_line.n1 .board-write th{width:60px; padding-left:5px; word-break: keep-all;}
    .member_common.join01 .table_line.n2 .width_1{width:110px;}
    .member_common.modify .check_boxW{padding-top:10px; padding-bottom:10px;}
    .member_common.modify .table_line.n2 .board-write th{width:60px; word-break: keep-all;}
    .member_common.modify .table_line.n2 .width_1{width:110px;}
    .member_common.my .atab li a{padding-left:10px; padding-right:10px;}

    .member_common.find_ok_con .btnStrong{display:block;}
    .member_common.find_ok_con .btnStrong + .btnStrong{margin-top:10px;}
    .find_ok{margin-top:-30px; padding-top:80px; background-size:60px 60px;}
    .member_common.join01 .ico_note{line-height:1.3; word-break:keep-all;}
    .member_common.my .atab{justify-content:start;}
    .member_common.my .atab li{width:33.333% !important;}
    .member_common.my .atab li a{height:40px;}
    .member_common.my .atab li:nth-child(3n) a{border-right:1px solid #dfdfdf;}
    .member_common.my .atab li:nth-child(+n+4) a{border-top:none;}
    .member_common.counsel .table_line td{padding-top:8px; padding-bottom:8px;}
    .member_common.counsel .table_line .btn_cancel .btnTiny{max-width:100%; white-space: normal; word-break: break-all;}
    .member_common.counsel .table_line .btn_cancel .btnTiny span{font-size:13px;}
    .member_common.counsel .table_line .cancel_w_4{width:60px;}
    .member_common.counsel .table_line .cancel_w_5{width:90px;}
    .member_common.counsel .table_line .btn_cancel span{font-size:14px;}
    .member_common.like .table_line .del a{width:45px !important;}
    .member_common.resume .table_line .btn-default{font-size:14px;}
    .member_common.resume .table_line .width_3{width:50px;}
    .member_common.resume .table_line .width_4{width:70px;}
    .member_common.resume .table_line .btn{font-size:14px;}
    .member_common.list .table_line .btn_cancel .btnTiny{width:80px;}
    .member_common.list .table_line .btn_cancel .btnTiny span{font-size:14px;}
    .member_common.list .table_line .width_1{width:90px !important;}
}
@media screen and (max-width: 599px) {
    .member_common.join01 .table_line .board-write{font-size:13px;}
    .member_common.join01 .table_line.n2 .width_1{width:80px;}
    .member_common.join01 .table_line.n2 .board-write th{padding-left:10px;}
    .member_common.join01 .table_line .radio_group > li{padding-top:0;}
    .member_common.modify .table_line .board-write{font-size:15px;}
    .member_common.modify .table_line.n1 .board-write th{width:60px; word-break: keep-all;}
    .member_common.modify .table_line.n2 .width_1{width:80px;}
    .member_common.modify .table_line.n2 .board-write th{padding-left:10px;}
    .member_common.modify .table_line .radio_group > li{padding-top:0;}
    .member_common.counsel .table_line .cancel_w_4{width:50px;}
}
@media screen and (max-width: 479px) {
    .member_common.modify .table_line input{padding-left:5px;}
    .member_common.resume .board-write th{padding-left:0 !important;}
}


/*공통 모달*/
#modal_popup{display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:9999;}
#modal_content{background:#fff; width:700px; max-height:60%; overflow:auto; margin:10% auto; padding:20px; position:relative; border-radius:10px;}
#modal_popup .modal_header{background-color: #555; color: #fff; padding: 20px; font-size: 18px; text-align: center; font-weight: bold; position: relative;}
#modal_popup .btn_close{position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width:30px; height:30px; font-size:0; line-height:0; background: url('../img/common/btn_close.png') no-repeat center center / 20px 20px; border: none; color: #fff; cursor: pointer;}
#modal_content .box_con{padding:30px; max-height: 400px; overflow-y: auto; font-size: 15px; line-height: 1.4; color: #333;}
#modal_content .box_con h4{margin-top:20px;}
#modal_content .box_con p{margin-top:7px;}
#modal_content .box_con h4 + p{margin-top:2px;}
#modal_content .box_con .ul{margin-top: 10px; padding: 15px; background-color:#f6f6f6;}
#modal_content .box_con .ul .li{position:relative; padding-left:10px;}
#modal_content .box_con .ul .li::before{position:absolute; width:5px; height:1px; left:0; top:10px; content:''; background-color:#3d3d3d;}
#modal_content .box_con .not{margin-top: 20px; color: #c00; font-weight: bold;}
@media screen and (max-width: 767px) {
    #modal_content{width:80%; padding:10px;}
    #modal_content .box_con{padding:20px; font-size:14px;}
}
@media screen and (max-width: 640px) {
    #modal_content .box_con{padding:10px; font-size:13px;}
    #modal_popup .btn_close{right:10px;}
}






/*expo 소개*/
.introdcue_inner{padding:80px 100px;}
.introdcue{position:relative; padding-right:420px; background:none;}
.introdcue .mob{position:absolute; display:block; right:0; top:50%; transform: translateY(-50%); border-radius:10px; overflow: hidden; max-width:350px; border:1px solid #ddd;}
/* .introdcue .txt_t br{display:none;} */
.introdcue .desc{font-size:18px; line-height:1.6;}
.introdcue .desc .m_br{display:none;}
.map_info .info > ul > li .circle{display:inline-block; width:40px; height:40px; margin-right:3px; border-radius:100%; line-height:40px; color:#fff; text-align:center;}
.map_info .info > ul > li .circle.type_2{width:auto; padding-left:15px; padding-right:15px; border-radius:20px;}
.intro_page .article.last-art .check_li{margin-top:20px;}
.intro_page .article.last-art .check_li > li{line-height:27px; background-position:top left 2px;}
.process{padding-top:60px; padding-bottom:60px;}
.process .s_tit{padding-left:0; font-size:30px;}
.process.n1 .s_tit .s_tit_mini{width:100%; margin-bottom:50px; padding-left:0; padding-right:0; line-height:150%; border-radius:30px;}
.process.n2 .s_tit{margin-top:0;}


.participate_box{padding:60px 35px; border-radius:30px; background-color: #EEF6FB;}
.participate_box.n2{margin-top:70px;}
.participate_box .main_tit .bg_on{display:inline-block; padding:10px 40px; font-size:25px; background-color:var(--brand-color-1); border-radius:30px; color:#fff;}
.step_box {max-width:1000px; margin-left:auto; margin-right:auto; margin-top:40px; /*border:2px dashed #00AD92;*/}
.step_box > ul {display:flex; flex-wrap:wrap; gap:40px;}
.step_box > ul > li {position:relative; flex:1; padding:30px 10px;; border-radius:23px; background:#fff; box-shadow: 10px 10px 30px rgba(0,0,0,0.05);}
.step_box > ul > li::before{position:absolute; width:18px; height:18px; right:-31px; top:50%; transform: translateY(-50%); content:''; background:url(../img/main/step_arrow.png) no-repeat center center / contain;}
.step_box > ul > li:last-child::before{display:none;}
.step_box > ul > li .ico{display:block; width:40%; margin-left:auto; margin-right:auto;}
.step_box > ul > li .num {display:block;  text-align:center; line-height:150%; color:var(--brand-color-1); font-size:20px; font-weight:700; margin:10px 0px; }
.step_box > ul > li .txt {display:block; font-weight:500; font-size:17px; line-height:1.4;}


@media screen and (max-width: 1200px) {
    .introdcue_inner{width:70%; margin-left:auto; margin-right:auto; padding:60px 80px;}
    .introdcue{padding-right:350px;}
    .introdcue p .pc_br{display:none;}
    .introdcue .txt_t br{display:block;}
    .introdcue .mob{width:300px;}
    .introdcue .mob img{width:100%;}
    .introdcue .desc{font-size:17px;}
    .introdcue .desc .m_br{display:block;}
    .intro_page .article.last-art .check_li{display:block; line-height:1.3;}
    .intro_page .article.last-art .check_li li + li{margin-top:10px;}
    .step_box > ul > li .num{font-size:18px;}
    .step_box > ul > li .ico{width:60%; margin-left:auto; margin-right:auto;}
    .participate_box .main_tit .bg_on{font-size:22px;}
}
@media screen and (max-width: 1000px) {
    .introdcue_inner{padding:60px 60px;}
    .introdcue{padding-right:280px;}
    .introdcue .mob{width:250px;}
    .step_box{margin-top:20px; padding-left:20px; padding-right:20px;}
    .step_box > ul > li .txt{font-size:16px;}
    .step_box > ul > li .num{margin:5px 0;}
    .participate_box{padding:40px 20px;}
    .participate_box .main_tit .bg_on{font-size:20px;}
}
@media screen and (max-width: 979px) {
    .introdcue{padding-right:0; text-align:center;}
    .introdcue p .pc_br{display:none;}
    .introdcue .mob{position:relative; right:auto; top:auto; margin:40px auto 0 auto; transform: translateY(0);}
    .map_info .info > ul > li .circle{width:30px; height:30px; line-height:30px;}
    .map_info .info > ul > li .circle.type_2{padding-left:10px; padding-right:10px;}
    .participate_box .note{margin-top:10px;}
    .step_box > ul > li .ico{width:50%; max-width:150px; margin:0 auto;}
}
@media screen and (max-width: 767px) {
    .introdcue_inner{width:90%; padding:40px 20px;}
    .introdcue .desc{font-size:15px;}
    .introdcue .mob img{display:inline-block; width:70%; max-width:250px;}
    .process.n1 .s_tit .s_tit_mini{margin-bottom:30px; line-height:140%;}
    .process .s_tit{font-size:25px;}
    
	.step_box > ul{flex-wrap: nowrap; flex-direction: column;}
    .step_box > ul > li::before{right:50%; top:auto; bottom:-30px; rotate: 90deg;}
	.step_box > ul > li .num{font-size:0.95em;}

    .participate_box.n2{margin-top:50px;}
    .participate_box .main_tit .bg_on{font-size:18px;}
}
@media screen and (max-width: 599px) {
    .participate_box .note{margin-top:10px;}
    .intro_page .article{padding:15px 15px;}
    .intro_page .article.last-art .check_li > li{padding-left:34px; background-size:auto 27px; background-position:top left;}
    .intro_page .article.last-art .check_li li + li{margin-top:5px;}
    .step_box > ul > li .ico{width:40%;}
    .step_box > ul > li .txt{font-size:15px;}
    .step_box > ul > li .txt br{display:block;}
}
@media screen and (max-width: 479px) {
    .participate_box .s_tit{margin-top:0; padding-left:0;}
}


/*info 참가기업*/
.company_search .search_area { margin-top:20px; margin-bottom:20px; border:1px solid #ccc; border-top:3px solid var(--brand-color-1); background:#fff; overflow:hidden; border-radius:15px;}
.company_search .search_area_inner {position:relative; /*display:flex;*/ padding:15px 30px; overflow:hidden}

.company_search .search_area_inner .search_input_box { position:relative; margin:0; margin-left:auto; width:280px; max-width:400px; padding:0; }
.company_search .search_area_inner .search_input_box .input { width:100% !important; font-size:16px; line-height:42px !important; min-height:42px !important; padding:0 110px 0 16px; border:1px solid #dcdcdc; border-radius:999px; box-sizing:border-box; transition:border-color .2s ease, box-shadow .2s ease; }
.company_search .search_area_inner .search_input_box .input:focus { outline:none; border-color:var(--brand-color-1); box-shadow:0 0 0 3px rgba(59,130,246,0.12); }
.company_search .search_area_inner .search_input_box .search_button { position:absolute; top:50%; right:5px; transform:translateY(-50%); width:90px; height:34px; line-height:34px; font-size:14px; border-radius:999px; background:#111; border:0; color:#fff; cursor:pointer; transition:background .2s ease, transform .1s ease; }
.company_search .search_area_inner .search_input_box .search_button:hover { background:var(--brand-color-1); }
.company_search .search_area_inner .search_input_box .search_button:active { transform:translateY(-50%) scale(.97); }
 
.company_search .search_area_inner .top_area{display:flex; justify-content: space-between; align-items: center;}
.company_search .search_area_inner .top_area .subject{font-size:18px; line-height:1.2; font-weight:600;}
.company_search .search_area_inner .select_area {width:calc(100% - 400px); display:flex; flex-direction:column; gap:10px; margin-top:20px; } 
.company_search .search_area_inner .select_area .item { display:flex; }
.company_search .search_area_inner .select_area .subject { width:250px; font-size:18px; font-weight:600; margin:0; padding-top:5px;}
.company_search .search_area_inner .select_area .ul {width:calc(100% - 250px); display:flex; flex-wrap:wrap; gap:0; padding:0; margin:0; list-style:none; }
.company_search .search_area_inner .select_area .li { margin:0; width:50%;}
@media screen and (max-width: 1200px) {
    .company_search .search_area_inner .select_area .subject { width:180px;}
    .company_search .search_area_inner .select_area .ul {width:calc(100% - 180px);}

}

/* 기존 pill 스타일 제거 */
.company_search .search_area_inner .select_area label { display:inline-flex; align-items:center; gap:6px; padding:0; border:0; background:none; font-size:15px; cursor:pointer; }
.company_search .search_area_inner .select_area label:hover { background:none; border:0; }


.company_search .search_area_inner .ckeck .ez-checkbox{width:26px; height:26px; cursor:pointer  !important;}
.company_list .list_more{margin-top:20px; text-align:center;}
.company_list .list_more .anchor{position:relative; display:block; width:250px; height:60px; margin-left:auto; margin-right:auto; font-size:22px; color:#111; line-height:60px; background-color:#fff; border-radius:30px; border:1px solid #ccc; }
.company_list .list_more .anchor::before{position:absolute; width:15px; height:9px; right:30px; top:50%; content:''; transform: translateY(-50%); background:url('../img/sub/more_arrow.png') no-repeat center center / contain;}
.company_list .list_more .anchor span{padding-right:10px;}
.introduce_event .article .txt_a .txt_t .m_br{display:none;}
.company_list > ul > li > a{position:relative;}
.company_list > ul > li > a .cate{height:40px; line-height:1.2;}
.company_list > ul > li > a .type.type1 + .cate{width:calc(100% - 60px);}
.company_list > ul > li > a .type.type2 + .cate{width:calc(100% - 100px);}
.company_list > ul > li > a .type{position:absolute; right:10px; top:0; border-top-left-radius: 0; border-top-right-radius: 0;}
.company_list > ul > li > a .option{margin-top:5px;}
.company_list > ul > li > a .logos_wrap{margin-top:30px;}
.company_list > ul > li > a .s_txt{font-size:16px;}
.place_intro .article .tit.part_titw{padding-left:20px; padding-right:20px; border-radius:30px;}
.main_movie .tit{font-size:24px;}
.main_movie_wrap + .paging .paging{margin-top:20px; margin-bottom:40px;}
.pop_wrap .x_btn1.video_close{top:20px; right:20px;}
@media screen and (max-width: 1200px) {
    .company_search .search_area_inner .select_area .item.n2 .li {width:33.333%;}

}
@media screen and (max-width: 979px) {
    .company_search .search_area_inner .top_area{flex-direction: column; gap:25px;}
    .company_search .search_area_inner .top_area .subject{text-align:center;}
    .company_search .search_area_inner .search_input_box{margin-right:auto; margin-top:10px;}
    .company_search .search_area_inner .select_area{width:100%; margin-top:10px;}
    .company_search .search_area_inner .select_area .ul{gap:2px 0;}
    .company_search .search_area_inner .select_area .li {width:50% !important;}
    .company_search .search_area_inner .select_area .item{flex-direction: column;}
    .company_search .search_area_inner .top_area .subject{width:100%;}
    .company_search .search_area_inner .select_area .ul{width:100%; margin-top:10px; gap:20px; justify-content: center;}
    .company_search .search_area_inner .select_area .li{width:auto !important;}
    
    
    .company_list .list_more .anchor{width:200px; height:55px; line-height:55px; font-size:18px;}
    .company_list .list_more .anchor::before{right:20px;}
    .introduce_event .article.n1 .txt_a .txt_t strong{display:block; margin-bottom:5px;}
    .introduce_event .article .txt_a .txt_t .line{display:none;}
    .company_list > ul > li{width:33.333%;}
    .company_list > ul > li > a .logos_wrap{max-width:200px; margin-left:auto; margin-right:auto;}
    .main_movie{padding-left:30px; padding-right:30px;}
    .main_movie .tit{font-size:22px;}
    .main_movie li{width:50%;}
    .main_movie .pic:after{width:50px; height:50px;}
    .pop_wrap .x_btn1.video_close{width:40px; height:40px;}
}
@media screen and (max-width: 767px) {
    .company_list > ul > li{width:50%;}
    .place_intro .article{text-align:center;}
    .place_intro .article .tit.part_titw{width:200px;}
    .main_movie .tit{font-size:20px;}
    .main_movie_wrap + .paging{margin-top:0;}
    .main_movie_wrap + .paging .paging{margin-top:10px; margin-bottom:30px;}
	
    
}
@media screen and (max-width: 640px) {
    .company_search .search_area_inner .select_area{gap:20px;}
    .company_search .search_area_inner .select_area .item{flex-direction: column;}
    .company_search .search_area_inner .select_area .subject{font-size:17px;}
    .company_search .search_area_inner .select_area .ul{width:100%;}
    .company_search .search_area_inner .select_area label{gap:0; font-size:14px;}
    .company_search .search_area_inner .search_input_box{max-width:100%;}
    .company_search .search_area_inner .search_input_box .search_button{width:60px;}
    .company_search .search_area_inner .search_input_box .input{padding-right:75px;}

    .company_list .list_more .anchor{width:160px; height:45px; font-size:16px; line-height:45px;}
    .main_movie li{width:100%;}
    .pop_wrap .x_btn1.video_close{width:35px; height:35px; top:10px; right:10px;}
}
@media screen and (max-width: 599px) {
    .company_list > ul{padding-right:0;}
    /* .company_list > ul > li{width:100%;} */
	.company_list > ul > li{padding-left:5px; padding-right:5px;}
	.company_list > ul > li > a .type{right:-5px; border-bottom-right-radius:0;}
	.company_list > ul > li > a .box{padding:10px;}
	.company_list > ul > li > a .type.type2 + .cate{width:calc(100% - 75px); font-size:14px;}
}
@media screen and (max-width: 479px) {
    .company_search .search_area_inner .box h3{margin-bottom:5px; font-size:18px;}
    .company_search .search_area_inner .box li + li{margin-top:5px;}
    .company_search .search_area_inner .ckeck .ez-checkbox{width:18px; height:18px;}
}






/*info 참가기업 상세*/
.company_info > ul > li > dl > dd{word-break: keep-all;}
.company_view .product_area.n1 .table_style1.tl .m_br{display:none;}
.company_view .product_area.n4 .table_style1 .width_1{width:15%;}
.company_view .product_area.n4 .table_style1 .width_2{width:30%;}
.company_view .product_area.n4 .table_style1 .width_3{width:40%;}
.company_view .product_area .img_slide .slick-next:after{margin-left:-5px;}
.company_view .product_area .img_slide .slick-prev:before{margin-right:-5px;}
.company_view .faq_list > li .title{padding-left:25px; padding-right:25px;}
.company_view .faq_list > li .answer_wrap:before{width:calc(100% - 40px);}
.company_view .faq_list > li .title .txt_a{padding-right:10px;}
.company_view .product_top .logo img{max-height:90%;}
.company_view .product_top .btn_counsel{margin-right:15px; padding:12px 20px 12px 25px; border-radius:10px; background-color:#00B8EF; transition: all 0.2s; box-shadow: 5px 5px 10px rgba(0,0,0,0.05); box-sizing: border-box; font-size:19px; line-height:1.2; font-weight:600; color:#fff;}
.company_view .product_top .btn_counsel:hover{background-color:#009cda;}
.company_view .product_top .btn_counsel span{position:relative; padding-right:35px; }
.company_view .product_top .btn_counsel span::before{position:absolute; width:25px; height:25px; right:0; top:50%; transform: translateY(-50%); content:''; background: url('../img/common/company_apply.png') no-repeat center center / contain;}
.company_view .product_top .btn_counsel.disabled{position:relative; padding-right:45px; background-color:#FE6C62}
.company_view .product_top .btn_counsel.disabled::before{position:absolute; width:25px; height:25px; top:50%; transform: translateY(-50%); right:50%; margin-right:-50px; content:''; background:url('../img/common/company_complate.png') no-repeat center center / contain;}
.company_view .product_top .name{word-break: break-all;}
.company_view .product_top .favorites{padding-right:20px;}
@media screen and (max-width: 1400px) {
	.company_view{padding-left:20px; padding-right:20px;}
	.product_top .logo{min-width:200px; max-width:200px; height:80px;}
	.product_top .name{font-size:28px;}
}
@media screen and (max-width: 1400px) {
	.company_view .product_area.n1 .table_style1.tl th{padding-left:10px;}
	.company_view .product_area.n4 .table_style1.tl th{padding-left:10px;}
	.company_view .product_area .img_slide .slick-arrow{width:50px; height:50px;}
	.company_view .product_area .img_slide .slick-next::after,
	.company_view .product_area .img_slide .slick-prev::before{width:15px; height:15px;}
    .company_view .product_top .btn_counsel{padding:10px 15px 10px 20px;}
    .company_view .product_top .btn_counsel span{padding-right:30px; font-size:17px;}
}
@media screen and (max-width: 979px) {
    .company_view .product_top{position:relative; justify-content: start;}
    .company_view .product_top .favorites{position:absolute; right:10px; top:10px; padding-right:0;}
    .company_view .product_top .btn_counsel{width:100%; max-width:200px; margin-left:auto; margin-right:auto; text-align:center;}
    .company_view .product_top .name{margin:15px 0; font-size:25px;}
    .company_view .product_top .favorites .ico{margin-bottom:5px;}
    .company_view .product_top .btn_counsel.disabled{padding-right:40px;}
    .company_info > ul > li > dl > dt .ico{width:50px; margin-left:auto; margin-right:auto;}
}
@media screen and (max-width: 640px) {
	.product_top .logo{min-width:180px; max-width:180px;}
	.product_top .name{font-size:23px;}
	.company_view .table_style1.m_full{display:block; width:100%; border-bottom:1px solid #d9d9d9;}
	.company_view .table_style1.m_full tbody{display:block; width:100%;}
	.company_view .table_style1.m_full tr{display:block; width:100%;}
	.company_view .table_style1.m_full th{display:block; width:100%; padding-left:15px; box-sizing: border-box; border-bottom:none;}
	.company_view .table_style1.m_full td{display:block; width:100%; padding-left:15px; box-sizing: border-box; border-bottom:none;}
	.company_view .product_area.n4 .table_style1 .width_1{width:85px;}
	.company_view .product_area.n4 .table_style1 .width_2{width:calc((100% - 170px)/2);}
	.company_view .product_area.n4 .table_style1 .width_3{width:calc((100% - 170px)/2);}
	.company_view .product_area .img_slide .slick-arrow{width:40px; height:40px;}
	.company_view .product_area .img_slide .slick-next::after,
	.company_view .product_area .img_slide .slick-prev::before{width:12px; height:12px; border-right:none; border-bottom:none; border-width:3px;}
    .company_view .product_top .name{font-size:23px;}
    .company_view .product_top .favorites{right:5px;}
    .company_view .product_top .btn_counsel{max-width:180px;}
    .company_info > ul > li > dl > dt .ico{width:40px;}
}
@media screen and (max-width: 599px) {
    .company_list > ul > li > a .box .box_btn{padding-top:10px; padding-bottom:10px;}
}
@media screen and (max-width: 479px) {
	.company_view .table_style1.m_full th{padding:7px 10px !important;}
	.company_view .table_style1.m_full td{padding:7px 10px !important;}
	.company_view .product_area.n4 th{padding:7px 7px !important;}
	.company_view .product_area.n4 td{padding:7px 7px !important;}
	.company_view .product_area.n4 .table_style1 .width_1{width:75px;}
	.company_view .product_area.n4 .table_style1 .width_2{width:calc((100% - 150px)/2);}
	.company_view .product_area.n4 .table_style1 .width_3{width:calc((100% - 150px)/2);}
}
@media screen and (max-width: 360px) {
    .company_view .product_top .logo{margin-left:0; margin-right:0;}
    .company_view .product_top .name{font-size:20px; text-align:left;}
    .company_view .product_top .btn_counsel{max-width:100%;}

}
 



/*program 프로그램*/


/*event 이벤트*/
.event_pop .pop_wrap .x_btn1{top:-20px; right:-20px;}
.event_pop .pop_wrap .image{max-width:600px;}
@media screen and (max-width: 979px) {
    .event_pop .pop_wrap .image{max-width:500px;}
}
@media screen and (max-width: 767px) {
    .event_pop .pop_wrap .x_btn1{width:40px; height:40px; top:-10px; right:-10px;}
}
@media screen and (max-width: 640px) {
    .event_pop .pop_wrap .x_btn1{width:30px; height:30px;}
}


/*notice 공지사항*/
.notice_list .note_tit:after{top:50%; transform:translateY(-50%);}
.notice_list .note_tit.on:after{transform:translateY(-20px) rotate(180deg);}
.notice_list .notice_con p span{font-size:20px; line-height:1.4 !important;}
.notice_note .txt_line{border-bottom:none;}
.notice_note .txt_line a{color:#00ad91;}
.notice_note .txt_line .chat{display:inline-block; margin-left:2px; margin-right:2px; padding:7px 20px; color:#fff; background-color:#00ad91; border-radius:30px; transition: 0.2s;}
.notice_note .txt_line .chat:hover{background-color:#13BDA2; box-shadow: 5px 5px 15px rgba(0,0,0,0.1);}
.notice_note br{display:none;}
.customer_wrap dl dd{margin-top:10px;}
.customer_wrap dl dd > p{margin-top:0; margin-left:0; padding-left:50px; line-height:38px;}
.customer_wrap dl dd > p + p{margin-left:25px;}
.customer_wrap dl dd > p .go{height:36px; border-radius:25px; border-color:#00AD92; transition: 0.2s;}
.customer_wrap dl dd > p .go:hover{box-shadow: 5px 5px 10px rgba(0,0,0,0.1); background-color:#f9f9f9;}
.customer_wrap dl dt br{display:none;}
@media screen and (max-width: 979px) {
    .notice_list .notice_con p span{font-size:20px !important;}
}
@media screen and (max-width: 767px) {
    .customer_wrap{padding-bottom:0;}
    .customer_wrap dl dt br{display:block;}
    .notice_note .txt_line .chat{padding:5px 15px;}
}
@media screen and (max-width: 599px) {    
    .customer_wrap dl dd{width:300px; margin-left:auto; margin-right:auto;}
    .customer_wrap dl dd > p + p{margin-top:10px; margin-left:0;}
    .notice_list .note_tit{padding-top:15px; padding-bottom:15px;}
    .notice_list .note_tit.on:after{transform:translateY(-10px) rotate(180deg);}
    .notice_list .notice_con p span{font-size:16px !important;}
    .notice_note br{display:block;}
}







/*matching*/

/*추가*/
.matching .section {position:relative;  width:100%; min-height:600px; overflow: visible; }
.matching_con {position:absolute; width:100%; top:100px; left:100%; opacity:0; transition:all 0.5s ease;  pointer-events:none;}
.matching_con.active {left:0; opacity:1; pointer-events: auto;}
.matching_con.to-left {left:-100%;}
.matching_con.to-right {left:100%;}
.btn-group{margin-top:30px; display:flex; gap:15px; justify-content:center;}
.step_state{display:none; margin-bottom:20px;}
.step_state .li {display:inline-block; margin-right:10px;}
.step_state .li .text {color:#999;}
.step_state .li.on .text {font-weight:bold;  color:#4caf50;}
.selectbox ul{display:inline-flex;}
.selectbox ul li{float:left;}
.check_list ul{display:inline-flex;}
.check_list ul li{float:left;}
.option:hover{background:#f1f1f1;}
#loading_bar{transition:width 0.3s ease;}
.option_datalist {border:1px solid #ccc; max-height:150px; overflow-y:auto;  background:#fff;}
.option_datalist .option {padding:5px 10px; font-size:16px; cursor:pointer;}
.option_datalist .option:hover {background:#f0f0f0;}

.skill-tag{display:inline-block; background:#e0e0e0; padding:5px 10px; border-radius:10px; margin:3px; font-size:15px; line-height:1.3;}
.skill-tag a{display:inline-block; margin-left:8px; width:10px; height:10px; vertical-align: middle; cursor:pointer; font-size:0; line-height:0; background:url('../img/sub/skill_close.png') no-repeat center center / contain;}



.matching .matching_con{padding-top:80px; padding-bottom:200px;}
.matching .matching_con .inner{padding-left:20px; padding-right:20px;}
.matching .step_state{display:none; width:400px; margin-left:auto; margin-right:auto;}
.matching .step_state .ul{display:flex;}
.matching .step_state .li{width:calc((100% - 45px)/10); height:8px; margin-right:5px; background-color:#D9D9D9; border-radius:10px;}
.matching .step_state .li:last-child{margin-right:0;}
.matching .step_state .li.on{background-color:var(--brand-color-1);}
.matching .step_state .li .text{font-size:0; line-height:0;}
/*활성화
.matching .step_state.n1 .li:nth-child(1),
.matching .step_state.n2 .li:nth-child(-n+2),
.matching .step_state.n3 .li:nth-child(-n+3),
.matching .step_state.n4 .li:nth-child(-n+4),
.matching .step_state.n5 .li:nth-child(-n+5),
.matching .step_state.n6 .li:nth-child(-n+6),
.matching .step_state.n7 .li:nth-child(-n+7),
.matching .step_state.n8 .li:nth-child(-n+8),
.matching .step_state.n9 .li:nth-child(-n+9){background-color:#00AD92;}
*/

.matching .matching_con{padding-top:40px;}
.matching .intro{text-align:center;}
.matching .intro .title{font-size:40px; line-height:1.4; word-break: keep-all; letter-spacing: -0.03em; color:#222; font-weight:600;}
.matching .intro .desc{font-size:20px; line-height:1.4; word-break: keep-all; letter-spacing: -0.01em; color:#3d3d3d;}
.matching .intro .title + .desc{margin-top:10px;}
.matching .item{margin-top:40px;}
.matching .req{display:inline-block; padding-left:5px; font-size:15px; color:#f55; vertical-align: top; letter-spacing: 0;}
.matching .cho{display:inline-block; padding-left:5px; font-size:15px; color:#5d5d5d; vertical-align: top; letter-spacing: 0;}
.matching .btn_group{display:flex; gap:10px; justify-content: center; width:500px; max-width:100%; margin:50px auto 0 auto;}
.matching .btn_group .anchor{display:flex; justify-content: center; align-items: center; height:50px; font-size:22px; font-weight:600; border-radius:30px; transition:0.3s; cursor: pointer;}
.matching .btn_group .anchor.w_100{width:100%;}
.matching .btn_group .anchor.w_50{flex:0 0 auto; width:calc(50% - 5px);}
/* .matching .btn_group .anchor.w_50:nth-child(odd){margin-right:20px;} */
.matching .btn_group .anchor.style_1{border:1px solid var(--brand-color-1); color:var(--brand-color-1);}/*style_1 blue border*/
.matching .btn_group .anchor.style_1:hover{color:#fff; background-color:#e37d05;}
.matching .btn_group .anchor.style_2{border:1px solid #777; color:#777;}/*style_2 gray border*/
.matching .btn_group .anchor.style_2:hover{color:#fff; background-color:#777;}
.matching .btn_group .anchor.style_3{background-color:var(--brand-color-1); color:#fff;}/*style_3 blue full*/
.matching .btn_group .anchor.style_3:hover{background-color:#e37d05;}
.matching .matching_con .item.w_500{max-width:500px; margin-left:auto; margin-right:auto;}
.matching .matching_con .item.w_600{max-width:600px; margin-left:auto; margin-right:auto;}
@media screen and (max-width: 1200px) {
    .matching .intro .title{font-size:35px;}
}
@media screen and (max-width: 1000px) {
    .matching .req{font-size:14px;}
    .matching .cho{font-size:14px;}
    .matching .intro .title{font-size:30px;}
    .matching .intro .desc{font-size:18px;}
    .matching .btn_group{width:400px; margin-top:35px;}
    .matching .btn_group .anchor{font-size:20px;}
}
@media screen and (max-width: 640px) {
    .matching .req{font-size:13px;}
    .matching .cho{font-size:13px;}
    .matching .matching_con{padding-top:0; padding-bottom:150px;}
    .matching .intro .title{font-size:22px;}
    .matching .intro .desc{font-size:15px;}
    /* .matching .btn_group{width:200px;} */
    .matching .btn_group .anchor{height:40px; font-size:17px;}    
    .matching .btn_group.double{display:block;}
    .matching .btn_group.double .anchor{width:100%;}
    .matching .btn_group.double .anchor + .anchor{margin-top:10px;}
    .matching .item{margin-top:30px;}

    .matching .step_state{max-width:100%; width:280px; margin-left:auto; margin-right:auto;}
    .matching .step_state .li{height:5px;}

    
    .matching .btn_group{max-width:300px;}
}

/* input */
.matching .matching_con input {width: 100%; padding: 12px 16px; border: 1px solid #ccc; font-size: 20px; outline: none; transition: all 0.3s ease;}
.matching .matching_con input:focus {box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}

/*radio*/
.matching .item.radio .ul{display:flex; flex-wrap: wrap; }
.matching .item.radio .li{position:relative; width:calc((100% - 20px)/2);}
.matching .item.radio .li:nth-child(even){margin-left:20px;}
.matching .item.radio.style_1 .li{height:200px;}
.matching .item.radio.style_2 .li{height:100px;}
.matching .item.radio.style_2 .li:nth-child(+n+3){margin-top:20px;}
.matching .item.radio .ez-radio input[type="radio"]{width:100%; height:100%; cursor: pointer;}
.matching .item.radio .ez-radio{position:absolute; width:100%; height:100%; left:0; top:0; margin-top:0; padding-right:0; background:none;}/*기존스타일 초기화*/
.matching .item.radio .ez-radio + .label{display:flex; justify-content: center; align-items: center; width:100%; height:100%; font-size:24px; line-height:1.2; border-radius:20px; border:1px solid #ccc;}
.matching .item.radio .ez-selected + .label{border:1px solid var(--brand-color-1); background-color:var(--brand-color-1); color:#fff; font-weight:600;}

/* option_datalist*/
.input_datalist{position:relative;}
.input_datalist input{ padding-right:25px; background:url('../img/sub/select_arrow.png') no-repeat right 10px center;}
.input_datalist .option_datalist {  position: absolute; width: 100%; border: 1px solid #ccc; border-radius: 8px; background-color: white; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); z-index: 9999;  display: none; max-height: 150px; overflow-y: auto; top: 100%;  left: 0;}
.input_datalist .option_datalist .option { padding:5px 10px; font-size: 16px; color: #3d3d3d; cursor: pointer;}
.input_datalist .option_datalist .option:hover {background-color: #f0f0f0;}



/*selectbox*/
.matching .item.selectbox select{position:relative; width:100%; height:55px; padding-left:10px; padding-right:25px; font-size:18px; line-height:1.4; appearance: none; -webkit-appearance: none; -moz-appearance: none; background:url('../img/sub/select_arrow.png') no-repeat right 10px center;}
@media screen and (max-width: 1000px) {
    .matching .item.selectbox select{height:45px;}
}

/*textarea*/
.matching .item textarea{width: 100%; padding: 15px; border: 1px solid #ccc; font-size: 16px; line-height:1.3; outline: none; transition: all 0.3s ease;}
.matching .item textarea:focus {box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);}
.matching .item textarea::placeholder{color:#6d6d6d;}

/*checkbox*/
.matching .item .check_list label{font-size:20px; line-height:1.4;}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1000px) {
    .matching .matching_con input{padding:8px 12px; font-size:22px;}
    .matching .item.radio.style_1 .li{height:100px;}
    .matching .item.radio .ez-radio + .label{font-size:22px;}

}
@media screen and (max-width: 640px) {
    .matching .matching_con input{font-size:17px;}
    .matching .item.radio .li{width:calc((100% - 10px)/2);}
    .matching .item.radio .li:nth-child(even){margin-left:10px;}
    .matching .item.radio.style_1 .li{height:60px;}
    .matching .item.radio.style_2 .li{height:60px;}
    .matching .item.radio.style_2 .li:nth-child(+n+3){margin-top:10px;}
    .matching .item.radio .ez-radio + .label{font-size:20px; border-radius:10px;}
    .matching .item .check_list label{font-size:18px;}

    .matching .item.selectbox select{font-size:17px;}
}




/*step_01*/
.matching .matching_con.step_00 .intro .title{font-size:50px;}
.matching .matching_con.step_00 .intro .title br{display:none;}
@media screen and (max-width: 1200px) {
    .matching .matching_con.step_00 .intro .title{font-size:40px;}
    .matching .matching_con.step_00 .intro .title br{display:block;}
}
@media screen and (max-width: 1000px) {
    .matching .matching_con.step_00 .intro .title{font-size:30px;}
}
@media screen and (max-width: 640px) {
    .matching .matching_con.step_00 .intro .title{font-size:27px;}
}

/*step_03*/
.matching .matching_con.step_03 .item{width:600px; max-width:100%; margin-left:auto; margin-right:auto;}

/*step_04*/
.matching .matching_con.step_04 .item .ul{display:flex;}
.matching .matching_con.step_04 .item .li{width:calc((100% - 40px)/3); float:none; margin-right:20px;}
.matching .matching_con.step_04 .item .li:nth-child(3n){margin-right:0;}
.matching .matching_con.step_04 .item .li .subject{margin-bottom:5px; font-size:22px; line-height:1.4; font-weight:600; text-align:center;}
@media screen and (max-width: 1000px) {
    .matching .matching_con.step_05 .item .li .subject{font-size:20px;}
}
@media screen and (max-width: 640px) {
    .matching .matching_con.step_04 .item .ul{display:block; max-width:350px; margin-left:auto; margin-right:auto;}
    .matching .matching_con.step_04 .item .li{display:flex; width:100%; justify-content: center; align-items: center; margin-right:0; background-color:#f9f9f9;}
    .matching .matching_con.step_04 .item .li + .li{margin-top:10px;}
    .matching .matching_con.step_04 .item .li .subject{width:90px; margin-bottom:0; padding-left:15px; font-size:17px; text-align:left; box-sizing: border-box;}
    .matching .matching_con.step_04 .item .li select{width:calc(100% - 90px); background-color:#fff;}
}

/*step_06*/

/*step_08*/
.matching .matching_con.step_08 .price_input{display:flex; justify-content: center; align-items: center; gap:10px;}
.matching .matching_con.step_08 .price_input input{text-align:right; font-weight:600; color:#222;}

/*step_10 - 기존 step 자기소개서 불필요
.matching .matching_con.step_10 .box.n1{border:1px solid #ccc; padding:20px;}
.matching .matching_con.step_10 .box.n1 .li{position:relative; padding-left:8px; font-size:16px; line-height:1.4; color:#5d5d5d; word-break: keep-all;}
.matching .matching_con.step_10 .box.n1 .li::before{position:absolute; width:4px; height:1px; left:0; top:9px; content:''; background-color:#5d5d5d;}
.matching .matching_con.step_10 .box.n2{margin-top:10px;}
.matching .matching_con.step_10 .box.n2 textarea{height:250px;}
*/

/*step_09*/
.matching .matching_con.step_09 .check_list .ul{display:flex; flex-wrap: wrap;}
.matching .matching_con.step_09 .check_list .li{position:relative; width:calc((100% - 40px)/3); margin-right:20px; padding-left:23px; box-sizing: border-box; }
.matching .matching_con.step_09 .check_list .li:nth-child(3n){margin-right:0;}
.matching .matching_con.step_09 .check_list .li:nth-child(+n+4){margin-top:20px;}
.matching .matching_con.step_09 .check_list .li .ez-checkbox{position:absolute; left:0; top:7px; background:url('../img/common/checkbox4.png') 0 0 no-repeat; cursor: pointer;}
.matching .matching_con.step_09 .check_list .li label{display:block; line-height:1.3; word-break: keep-all;}
.matching .matching_con.step_09 .check_list .li .ez-checkbox + label{cursor: pointer;}
.matching .matching_con.step_09 .check_list .li.ez-checked label{color:var(--brand-color-1);} 
@media screen and (max-width: 1000px) {
    .matching .matching_con.step_09 .item{max-width:270px;}
    .matching .matching_con.step_09 .check_list .li{width:calc((100% - 20px)/2);}
    .matching .matching_con.step_09 .check_list .li:nth-child(3n){margin-right:20px;}
    .matching .matching_con.step_09 .check_list .li:nth-child(even){margin-right:0;}
    .matching .matching_con.step_09 .check_list .li:nth-child(+n+3){margin-top:20px;}
    /* .matching .matching_con.step_09 .check_list .li label br{display:none;} */
}

/*step_10*/
.matching .matching_con.step_10 .item{text-align:center;}
.matching .matching_con.step_10 .item img{width:50px; animation:spin_360 2s linear infinite;}
@keyframes spin_360{
    100% {
        transform: rotate(360deg);
    }
}
.matching .matching_con.step_10 .desc{margin-top:20px; font-size:18px; line-height:1.4; color:#00AD92; font-weight:600; word-break: keep-all; text-align:center;}



/*step_11
.matching .matching_con.step_11 .intro .title .not{display:block; margin-top:5px; font-size:28px;}
.matching .matching_con.step_11 .item{display:flex; max-width:1000px; margin-left:auto; margin-right:auto;}
.matching .matching_con.step_11 .item{position:relative; max-width:1200px; margin-left:auto; margin-right:auto; padding-left:60px; padding-right:60px; box-sizing: border-box;}
.matching .matching_con.step_11 .item .box{position:relative; padding:20px; border:1px solid #ccc; box-sizing: border-box;}
.matching .matching_con.step_11 .item .box:nth-child(3n){margin-right:0;}
.matching .matching_con.step_11 .item .box:nth-child(+n+4){margin-top:20px;}
.matching .matching_con.step_11 .item .slick-slide{margin-left:10px; margin-right:10px;}
.matching .matching_con.step_11 .item .slick-arrow{position:absolute; top:50%; transform: translateY(-50%); width:50px; height:50px; font-size:0; line-height:0; background-color:#9d9d9d; border-radius:100%; z-index:10;}
.matching .matching_con.step_11 .item .slick-arrow.slick-prev{left:0; background-image:url('../img/sub/arrow_type2_prev.png'); background-size:contain;}
.matching .matching_con.step_11 .item .slick-arrow.slick-next{right:0; background-image:url('../img/sub/arrow_type2_next.png'); background-size:contain;}
.matching .matching_con.step_11 .item .box .level{position:absolute; width:100px; height:40px; right:20px; top:20px; padding:0 10px; border-radius:20px; box-sizing: border-box; font-size:18px; line-height:40px; color:#fff; font-weight:600; text-align:center; background-color:#00AD92; box-shadow:5px 5px 10px rgba(0,0,0,0.1);}
.matching .matching_con.step_11 .item .info{padding-top:10px;}
.matching .matching_con.step_11 .item .info .subject{width:calc(100% - 120px); font-size:24px; line-height:1.3; word-break: keep-all; color:#222; font-weight:600;}
.matching .matching_con.step_11 .item .info .cate{font-size:18px; line-height:1.4; word-break: keep-all;}
.matching .matching_con.step_11 .item .info .marker{margin-top:10px; padding:5px 10px; font-size:18px; line-height:1.4; text-align:center; font-weight:600; word-break: keep-all; background-color:#6d6d6d; color:#fff;}
.matching .matching_con.step_11 .item .result{margin-top:15px;}
.matching .matching_con.step_11 .item .result .li{position:relative; padding-left:10px;}
.matching .matching_con.step_11 .item .result .li::before{position:absolute; width:4px; height:4px; left:0; top:10px; content:''; border-radius:100%; background-color:#3d3d3d;}
.matching .matching_con.step_11 .item .result .li + .li{margin-top:8px;}
.matching .matching_con.step_11 .item .result .sort{font-size:18px; line-height:1.4; word-break: keep-all; color:#3d3d3d;}
.matching .matching_con.step_11 .item .result .sort .state{font-weight:600; color:#00AD92;}
.matching .matching_con.step_11 .item .result .detail{position:relative; margin-top:3px; padding-left:10px; font-size:15px; line-height:1.4; word-break: keep-all; color:#3d3d3d;}
.matching .matching_con.step_11 .item .result .detail::before{position:absolute; width:4px; height:1px; left:0; top:9px; content:''; background-color:#3d3d3d;}
@media screen and (max-width: 1000px) {
    .matching .matching_con.step_11 .intro .title .not{font-size:25px;}
    .matching .matching_con.step_11 .item{max-width:500px; padding-left:40px; padding-right:40px;}
    .matching .matching_con.step_11 .item .info .subject{font-size:22px;}
    .matching .matching_con.step_11 .item .slick-arrow.slick-prev{left:-10px;}
        .matching .matching_con.step_11 .item .slick-arrow.slick-next{right:-10px;}
}
@media screen and (max-width: 640px) {
    .matching .matching_con.step_11 .intro .title .not{font-size:20px;}
    .matching .matching_con.step_11 .item{padding-left:25px; padding-right:25px;}
    .matching .matching_con.step_11 .item .slick-slide{margin-left:0; margin-right:0;}
    .matching .matching_con.step_11 .item .result .li{padding-left:8px;}
    .matching .matching_con.step_11 .item .result .li::before{width:3px; height:3px; top:9px;}
    .matching .matching_con.step_11 .item .box .level{width:70px; right:15px; top:15px; height:35px; padding:0 5px; line-height:35px; font-size:16px;}
    .matching .matching_con.step_11 .item .info .subject{width:calc(100% - 80px); font-size:20px;}
    .matching .matching_con.step_11 .item .info .cate{font-size:16px;}
    .matching .matching_con.step_11 .item .result .sort{font-size:16px;}
    .matching .matching_con.step_11 .item .result .detail{font-size:14px;}
}
*/



.matching .result .intro .title .not{display:block; margin-top:5px; font-size:28px;}
.matching .result .item{display:flex; max-width:1000px; margin-left:auto; margin-right:auto;}
.matching .result .item{position:relative; display:flex; flex-wrap: wrap; max-width:1200px; margin-left:auto; margin-right:auto; padding-left:60px; padding-right:60px; box-sizing: border-box;}
.matching .result .item .box{position:relative; width:calc((100% - 40px)/3); margin-right:20px; padding:20px; background-color:#f9f9f9; box-sizing: border-box;}
.matching .result .item .box:nth-child(3n){margin-right:0;}
.matching .result .item .box:nth-child(+n+4){margin-top:20px;}
.matching .result .item .info .subject{padding-top:5px; padding-bottom:5px; font-size:25px; line-height:1.3; word-break: keep-all; color:#222; font-weight:600; text-align:center;  color:#fff; background-color:var(--brand-color-1); /*text-shadow:3px 3px 3px rgba(0,0,0,0.2);*/}
.matching .result .item .group{margin-top:15px;}
.matching .result .item .group .li{position:relative; padding:10px 15px; line-height:1.4; word-break: keep-all; text-align:center; box-shadow: 0 0 10px rgba(0,0,0,0.1); border-radius:20px; background-color:#fff;}
.matching .result .item .group .li + .li{margin-top:10px;}
.matching .result .item .group .dt{margin-bottom:8px; padding-bottom:8px; border-bottom:1px solid #ddd; font-size:17px; font-weight:600; color:#000;}
.matching .result .item .group .dd{padding-left:10px; padding-right:10px; font-size:16px; color:#3d3d3d;}

.matching .result .result_btn_group{display:flex; justify-content: center; align-items: center; gap:10px; margin:40px auto 0 auto;}

.matching .result .result_btn_group .anchor{display:flex; justify-content: center; align-items: center; border-radius:40px;}
.matching .result .result_btn_group .anchor span{position:relative; display:inline-block; padding:15px 30px 15px 57px; font-size:18px; line-height:1.1; font-weight:600; color:#fff;  border-radius:40px; transition:0.2s;}
.matching .result .result_btn_group .anchor span::before{position:absolute; display:block; width:20px; height:20px; left:30px; top:50%; transform: translateY(-50%); content:'';}

.matching .result .result_btn_group .anchor.btn_start_go span{background-color:#3d3d3d;}
.matching .result .result_btn_group .anchor.btn_start_go span::before{background:url('../img/sub/matching_start_go.png') no-repeat center center / contain;}
.matching .result .result_btn_group .anchor.btn_start_go span:hover{background-color:var(--brand-color-1);}

.matching .result .result_btn_group .anchor.btn_print span{background-color:#0320b2;}
.matching .result .result_btn_group .anchor.btn_print span::before{background:url('../img/sub/matching_print_btn.png') no-repeat center center / contain;}
.matching .result .result_btn_group .anchor.btn_print span:hover{background-color:#021366;}

.matching .result .result_empty{width:100%; padding-top:80px; padding-bottom:80px; font-size:22px; line-height:1.3; font-weight:600; text-align:center; word-break: keep-all; background-color:#f9f9f9;}



.matching .result .item .info_number{max-width:80%; margin:0 auto 5px auto; padding:5px 10px; font-size:18px; line-height:1.4; text-align:center; font-weight:600; word-break: keep-all; background-color:#6d6d6d; color:#fff; border-radius:25px;}


@media screen and (max-width: 1200px) {
    .matching .result .item .box{width:calc((100% - 20px)/2);}
    .matching .result .item .box:nth-child(3n){margin-right:20px;}
    .matching .result .item .box:nth-child(even){margin-right:0;}
    .matching .result .item .box:nth-child(+n+3){margin-top:20px;}
}
@media screen and (max-width: 1000px) {
    .matching .result .intro .title .not{font-size:25px;}
    .matching .result .item .info .subject{font-size:22px;}
    .matching .result .item{padding-left:0; padding-right:0;}
    .matching .result .result_empty{padding-top:60px; padding-bottom:60px; font-size:20px;}
}
@media screen and (max-width: 640px) {
    .matching .result .intro .title .not{font-size:20px;}
    
    .matching .result .item .box{width:100%; margin-right:0;}
    .matching .result .item .box:nth-child(3n){margin-right:0;}
    .matching .result .item .box:nth-child(+n+2){margin-top:20px;}
    .matching .result .item .info .subject{font-size:20px;}
    .matching .result .item .group .dt{margin-bottom:5px; padding-bottom:5px; font-size:16px;}
    .matching .result .item .group .dd{font-size:15px;}    
    /* .matching .result .btn_start_go{margin:30px auto 0 auto;} */
    .matching .result .result_btn_group{margin-top:20px;}
    .matching .result .result_btn_group .anchor span{padding:13px 25px 13px 55px; font-size:16px;}
    .matching .result .result_btn_group .anchor span::before{left:25px;}
    .matching .result .result_empty{padding-top:50px; padding-bottom:50px; font-size:18px;}
}
@media screen and (max-width: 599px) {
    .matching .result .result_btn_group{flex-direction: column;}
}










/*로딩중*/
#loading_screen h2{font-size:35px; line-height:1.4; word-break: keep-all;}
@media screen and (max-width: 1000px) {
    #loading_screen h2{font-size:30px;}
}
@media screen and (max-width: 640px) {
    #loading_screen h2{font-size:25px;}
}






/*250328 -> 250822 수정 */
.company_list > ul > li > a .box .logos{height:84px; margin:0 10px; padding:0;}
.btnGeneral.next:after{background-position:center center !important;}
.company_list > ul > li > a .s_txt{color:var(--brand-color-1);}
.company_list > ul > li > a .box .box_btn{background-color:var(--brand-color-1);}
.article .tit.part_titw{background-color:var(--brand-color-1);}
.in_header .top_menu > ul > li:nth-child(2) > a{background-color:var(--brand-color-1); border-color:var(--brand-color-1);}
.gnb > ul > li > a:hover{color:var(--brand-color-1);}
.introdcue .txt_t{color:var(--brand-color-1);}
.article.first-art{border-color:var(--brand-color-1);}
.article .tit{color:var(--brand-color-1);}
.article.last-art{border-color:var(--brand-color-1);}
.s_tit .s_tit_mini{background-color:var(--brand-color-1);}
/* .step_box{background-color:#E2EEF5; border-color:var(--brand-color-1);} */
.step_box > ul > li .num{color:var(--brand-color-1);}
.notice_list > ul{border-color:var(--brand-color-1);}
.notice_list .note_tit .type1{color:var(--brand-color-1); border-color:var(--brand-color-1);}
.notice_note .txt_line .chat{background-color:var(--brand-color-1);}
.notice_note .txt_line .chat:hover{background-color:var(--brand-color-1);}
.customer_wrap dl dd > p .go{border-color:var(--brand-color-1);}
.atab li.on a{background-color:var(--brand-color-1); border-color:var(--brand-color-1) !important;}
.blue{color:var(--brand-color-1) !important;}
.btnGeneral{background:var(--brand-color-1) !important;}
.paging a.on{background:var(--brand-color-1) !important; border-color:var(--brand-color-1) !important;}
.btnwrite{background-color:var(--brand-color-1) !important;}
.member_common.resume .table_line .btn-default.style_1{background-color:var(--brand-color-1);}
.login_wrap .login_bt .btn{background-color:var(--brand-color-1); border-color:var(--brand-color-1) !important;}
.main_movie .tit{color:var(--brand-color-1);}
.main_movie .box{border-color:#69C6FF;}
.white_box{border-color:#ccc;}


.resume-modal-header h3{color:var(--brand-color-1) !important;}
.resume-modal-header{border-color:var(--brand-color-1) !important;}
.submit-btn{background-color:var(--brand-color-1) !important;}
.select-btn:hover{background-color:var(--brand-color-1) !important;}
.resume-item.selected{border-color:var(--brand-color-1) !important; background-color:#EEF9FF !important;}
.resume-item.selected .select-btn{background-color:var(--brand-color-1) !important;}
.btnStrong{background:var(--brand-color-1) !important;}
.btnStrong.cancel{background:#fff !important; border:1px solid var(--brand-color-1) !important; color:var(--brand-color-1) !important;}
.btnStrong.cancel span{color:var(--brand-color-1) !important;}


/*250401 ~*/
.company_list > ul > li > a .box .option{font-weight:600;}
.company_view .product_top .btn_counsel.disabled{cursor: auto;}





/*참가기업 상세 이력서 다운*/
.cp_formdown{margin-top:60px;}
.cp_formdown .btn_down{display:flex; flex-direction: column; justify-content: center; align-items: center; width:100%; height:100%; max-height:130px; padding:15px; box-sizing: border-box; border-radius:15px; background-color:var(--brand-color-1); transition:0.3s; box-shadow: 5px 5px 15px rgba(0,0,0,0.1);}
.cp_formdown .text.n1{display:block; font-size:22px; line-height:1.4; font-weight:600; color:#fff; vertical-align: middle; word-break: keep-all; text-align:center; /* text-shadow: 5px 5px 5px rgba(0,0,0,0.1);*/}
.cp_formdown .text.n1 .ico{display:inline-block; width:30px; height:30px; margin-right:10px; background:url('../img/sub/cp_formdown.png') no-repeat center center / contain; vertical-align: middle;}
.cp_formdown .text.n2{display:block; margin-top:10px;}
.cp_formdown .text.n2 .step{position:relative; display:inline-block; padding-left:30px; font-size:18px; line-height:1.3; color:#fff; word-break: keep-all; text-shadow: 5px 5px 5px rgba(0,0,0,0.1);}
.cp_formdown .text.n2 .step::before{position:absolute; display:block; width:25px; height:25px; left:0; top:50%; transform: translateY(-50%); content:''; background:url('../img/sub/cp_formdown_arrow.png') no-repeat center center / contain; }
.cp_formdown .text.n2 .step:first-child{padding-left:0;}
.cp_formdown .text.n2 .step:first-child::before{display:none;}
.cp_formdown .btn_down:hover{background-color:#555;}
@media all and (max-width:640px){
    .cp_formdown{margin-top:40px;}
    .cp_formdown .btn_down{max-height:160px;}
    .cp_formdown .text.n1{font-size:18px;}
    .cp_formdown .text.n1 .ico{width:25px; height:25px; margin-right:5px;}
    .cp_formdown .text.n2 {max-width:200px;  margin-left:auto; margin-right:auto;}
    .cp_formdown .text.n2 .step{padding-left:25px; font-size:15px;}
    .cp_formdown .text.n2 .step::before{width:20px; height:20px;}
    .cp_formdown .text.n2 .step + .step{margin-top:7px;}
}




@media all and (max-width:768px){
    .company_list > ul > li > a .logos_wrap{margin-top:10px; border-bottom:1px solid #eee;}
    .company_list > ul > li > a .box .name{text-align:center;}
    .company_list > ul > li > a .box .option{justify-content: center;}
    .company_list > ul > li > a .s_txt{text-align:center;}
}







/*상담신청 페이지*/
.counsel_apply .group{display:flex; justify-content: center; align-items: center; max-width:650px; margin-left:auto; margin-right:auto; padding:30px; border:2px solid var(--brand-color-1); border-radius:20px; box-sizing: border-box;}
.counsel_apply .item{width:50%; padding:0 20px; text-align:center; box-sizing: border-box;}
.counsel_apply .item .title{margin-bottom:15px; padding:15px 10px; font-size:20px; color:#111; line-height:1.2; font-weight:600; border-radius:10px; background-color: #f3f3f3;}
.counsel_apply .item .text{font-size:18px; line-height:1.2;}
.counsel_apply .item .name{margin-bottom:8px;} 
.counsel_apply .item .text .dt{font-weight:500;}
.counsel_apply .not{margin-top:20px; font-size:15px; line-height:1.4; text-align:center; word-break: keep-all;}
/* .counsel_apply .not br{display:none;} */
.counsel_apply_wrap button[type="submit"].btnGeneral{border-radius:60px;}
@media all and (max-width:768px){
    .counsel_apply .group{display:block; max-width:480px; padding:20px;}
    .counsel_apply .item{width:100%; padding:0;}
    .counsel_apply .item + .item{margin-top:20px;}
    .counsel_apply .item .title{margin-bottom:10px; padding:10px 10px; font-size:18px;}
    .counsel_apply .item .text{font-size:16px;}
    .counsel_apply .not br{display:block;}
}




#section7{background:#fef3d7;}


.main_visual{background-image:none; background-color: var(--brand-color-1); text-align:center;}



.complete_box img{max-width:400px;}
@media all and (max-width:640px){
    .complete_box img{max-width:80%; width:300px;}
}




#section7{background-color:#fff;}
#section8{background-color:#f5eef3;}


.member_common.resume .table_line .btn-default{font-size:14px; padding:6px 10px;}




/*팝업*/
.main_layer_pop{z-index: 999999;}
.main_layer_pop:Before{display:none !important;}




/*엑셀버튼
.excel_btn_style{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;background:#1D6F42;color:#fff;font-size:14px;font-weight:600;border-radius:6px;border:1px solid #1D6F42;text-decoration:none;cursor:pointer;transition:all .2s ease;}
.excel_btn_style:hover{background:#155C36;border-color:#155C36;}*/







/* 전체 배경 */
.card-container.admin-counsel-list{display:flex;flex-wrap:wrap;gap:24px;margin:30px 0;}

/* 카드 */
.card-container.admin-counsel-list .card{display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;width:calc(25% - 18px);background:#ffffff;
border:1px solid #e5e7eb;border-radius:14px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.05);font-size:15px;line-height:1.6;color:#222;min-height:520px;}

/* 이름은 강조 */
.card-container.admin-counsel-list .card p:first-child{font-size:18px;font-weight:700;margin-bottom:6px;}

/* 일반 텍스트 */
.card-container.admin-counsel-list .card p{margin:3px 0;}
.card-container.admin-counsel-list .card p strong{display:inline-block;min-width:75px;font-weight:600;color:#666;}

/* 버튼 영역 */
.card-container.admin-counsel-list .card_btn{display:flex;flex-direction:column;gap:8px;margin-top:14px;}
.card-container.admin-counsel-list .card_btn > div{display:flex;gap:8px;}

/* 기본 버튼 (무채톤) */
.card-container.admin-counsel-list .btnTiny2{flex:1;height:38px;border-radius:8px;border:1px solid #d1d5db;background:#f9fafb;font-size:14px;font-weight:600;color:#374151;cursor:pointer;transition:all .15s ease;}
.card-container.admin-counsel-list .btnTiny2:hover{background:#f3f4f6;}

/* active 상태만 강조 */
.card-container.admin-counsel-list .btnTiny2.activeBtn{background:#111827;border-color:#111827; border:none !important; color:#fff;}

/* 이력서 보기 */
.card-container.admin-counsel-list .btn-resume-view{height:40px;background:#1f2937;border-color:#1f2937;color:#fff;}
.card-container.admin-counsel-list .btn-resume-view:hover{background:#111827;}

/* textarea */
.card-container.admin-counsel-list .comment-box{width:100%;min-height:90px;font-size:14px;border-radius:10px;border:1px solid #e5e7eb;padding:10px;resize:vertical;outline:none;transition:border .15s ease,box-shadow .15s ease;}
.card-container.admin-counsel-list .comment-box:focus{border-color:#111827;box-shadow:0 0 0 2px rgba(17,24,39,0.08);}

/* 반응형: 중간 사이즈(태블릿 정도)에서는 3개 / 2개씩 보이게 */
@media (max-width:1200px){
    .card-container.admin-counsel-list .card{width:calc(33.333% - 28px);}
}
@media (max-width:992px){
    .card-container.admin-counsel-list .card{width:calc(50% - 30px);}
}
@media (max-width:640px){
    .card-container.admin-counsel-list .card{width:100%;}
}




/*검색박스 스타일*/
.search-box-style{margin-bottom:30px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,0.04);}
.search-box-style .counsel-search-form{display:flex;gap:12px;align-items:center;flex-wrap:wrap;}
.search-box-style .search-input{height:42px;width:240px;padding:0 14px;border:1px solid #d1d5db;border-radius:8px;font-size:15px;outline:none;transition:.15s ease;}
.search-box-style .search-input:focus{border-color:#111827;box-shadow:0 0 0 2px rgba(17,24,39,0.08);}
.search-box-style .btn{display:inline-flex;align-items:center;justify-content:center;height:42px;padding:0 18px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:.15s ease;border:1px solid transparent;}
.search-box-style .btn-primary{background:#111827;color:#fff;border-color:#111827;}
.search-box-style .btn-primary:hover{background:#000;}
.search-box-style .btn-outline{background:#fff;color:#374151;border-color:#d1d5db;}
.search-box-style .btn-outline:hover{background:#f3f4f6;}
.search-box-style .btn-dark{background:#1f2937;color:#fff;border-color:#1f2937;}
.search-box-style .btn-dark:hover{background:#111827;}
.search-box-style .btn-excel{background:#16a34a;border-color:#16a34a;color:#fff;}
.search-box-style .btn-excel:hover{background:#15803d;border-color:#15803d;color:#fff;}
.search-box-style .search-select{height:42px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:.15s ease;}
.search-box-style .search-select:focus{border-color:#111827;box-shadow:0 0 0 2px rgba(17,24,39,0.08);outline:none;}
.search-box-style .search-wide{min-width:350px;}


/*셀렉트박스*/
.select-style{height:42px;padding:0 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;cursor:pointer;transition:.15s ease;}
.select-style:focus{border-color:#111827;box-shadow:0 0 0 2px rgba(17,24,39,0.08);outline:none;}


/*버튼*/
.btnTiny.type{border-bottom:none;}
.btnTiny.type span{border-radius:5px;}

.btnSmall.type{border-radius:5px;}







.company_list > ul > li > a .box{display:flex; flex-direction: column; justify-content: space-between;}
.company_list > ul > li > a .box .con{position:relative;}
.company_list > ul > li > a .box .con .cate{width:calc(100% - 60px);}
.company_list > ul > li > a .cate.mobile{display:none;}
@media screen and (max-width:640px) {
    .company_list > ul > li > a .box{padding-top:0;}
    .company_list > ul > li > a .type{display:block; position:relative; right:0; margin-right:0; font-size:14px; line-height:22px; text-align:center; border-bottom-right-radius:8px; font-weight:600;}
    /* .company_list > ul > li > a .logos_wrap{position: absolute; left: 0; top: 0; width: calc(100% - 70px); margin-top: 0; border:none !important; background-color: #fff;} */
    .company_list > ul > li > a .logos_wrap{}
    .company_list > ul > li > a .box .logos{height:70px;}
    .company_list > ul > li > a .box .name{padding-top:10px; font-size:13px;}
    .company_list > ul > li > a .box .option{display:none;}
    .company_list > ul > li > a .s_txt{font-size:12px;}
    .company_list > ul > li > a .cate.pc{display:none;}
    .company_list > ul > li > a .cate.mobile{display:none; height:auto; margin-top:10px; margin-bottom:15px; text-align:center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; font-size:12px;}
    .company_list > ul > li > a .btn_group{margin-top:15px;}
    /* .company_list > ul > li > a .btn_group{position:absolute; left:5%; bottom:10px; width:90%;} */
    .company_list > ul > li > a .box .box_btn{font-size:0.9em; padding-top:8px; padding-bottom:8px;}
}




@media screen and (max-width:640px) {
    .notice_list .note_tit{padding-left:10px; padding-right:30px;}
    .notice_list .note_tit:after{right:10px;}
    .notice_list .note_tit .type1{padding:2px 6px; font-size:12px;}
    .notice_list .note_tit .txt_t{font-size:16px; padding-left:5px;}
    .notice_list .note_tit .line{display:none;}

    .customer_wrap .txt1{font-size:1em;}
    
}













/* 2026 스포츠산업 채용박람회 SPO JOBS - 메인 비주얼·섹션 */
/* visual */
.main_visual {overflow:hidden; position:relative; padding:0px !important;box-sizing:border-box;}

.main_visual_wrap {margin:0 auto; position:relative;}
.main_visual_wrap .img.mobile{display:none;}
@media screen and (max-width:768px) { 
    .main_visual_wrap .img.pc{display:none;}
    .main_visual_wrap .img.mobile{display:block;}
}













/* 로그인(심플/노섀도우) */
.sub_con .login_wrap{max-width:500px;margin:0 auto;background:#fff;}
.sub_con .login_wrap .radio_group{list-style:none;margin:0 0 18px;padding:0;display:flex;gap:10px;}
.sub_con .login_wrap .radio_group li{flex:1;margin:0; padding-left:0;}
.sub_con .login_wrap .radio_group label{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 10px;border-radius:12px;border:1px solid rgba(15,23,42,.12);background:#fff;color:#3d3d3d;font-weight:600;font-size:14px;letter-spacing:-.2px;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease;}
.sub_con .login_wrap .radio_group input[type="radio"]{width:16px;height:16px;accent-color:var(--brand-color-1);}
.sub_con .login_wrap .radio_group label:hover{background:rgba(15,23,42,.03);}
.sub_con .login_wrap .radio_group label:has(input[type="radio"]:checked){background:rgba(15,23,42,.03);}

.sub_con .login_wrap .signup{list-style:none;margin:0;padding:0;display:grid;gap:12px;}
.sub_con .login_wrap .signup li{margin:0;}
.sub_con .login_wrap .signup input[type="text"],
.sub_con .signup input[type="password"]{width:100%;height:48px;padding:0 14px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:#fff;color:#3d3d3d;font-size:14.5px;outline:none;transition:border-color .15s ease,background .15s ease;}
.sub_con .login_wrap .signup input::placeholder{color:rgba(15,23,42,.45);}
.sub_con .login_wrap .signup input:focus{border-color:var(--brand-color-1);background:rgba(15,23,42,.02);}

.sub_con .login_wrap .find_idpw{list-style:none;margin:14px 0 0;padding:0;display:flex;align-items:center;justify-content:space-between;gap:10px;}
.sub_con .login_wrap .find_idpw a{font-size:13px;color:rgba(15,23,42,.65);text-decoration:none;padding:6px 2px;}
.sub_con .login_wrap .find_idpw a:hover{color:var(--brand-color-1);text-decoration:underline;}

.sub_con .login_wrap .login_bt{margin:18px 0 12px;}
.login_bt .btn{width:100%;height:48px; line-height:48px; border-radius:12px;border:1px solid var(--brand-color-1);background:var(--brand-color-1);color:#fff;font-weight:600;font-size:15px;letter-spacing:-.2px;cursor:pointer;transition:opacity .15s ease,background .15s ease; text-align:center;}
.login_bt .btn.block{display:block;}
.login_bt .btn:hover{opacity:.92;}
.login_bt .btn:active{opacity:.86;}

.sub_con .login_wrap .join_go{margin:0;text-align:center;}
.sub_con .login_wrap .join_go a{width:100%; display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 16px;border-radius:12px;border:1px solid rgba(15,23,42,.14);background:#fff;color:#3d3d3d;font-weight:600;font-size:13.5px;text-decoration:none;transition:background .15s ease; box-sizing: border-box;}
.sub_con .login_wrap .join_go a:hover{background:rgba(15,23,42,.03);}

/* 모바일 */
@media (max-width:768px){
    
}




@media (max-width:640px){
    .col-sm-4 .select_ds.m_full{width:100% !important;}
}





/*소개 페이지*/
.expo_intro_wrap{display:flex; align-items: center;}
.expo_intro_wrap .expo_intro_box{width:calc(100% - 350px); padding-right:40px;}
.expo_intro_wrap .expo_intro_list{margin:0;padding:0; background-color:#fff; border-top:2px solid var(--brand-color-1);}
.expo_intro_wrap .expo_intro_list .item{display:flex;align-items:stretch;border-bottom:1px solid #d9d9d9;}
.expo_intro_wrap .expo_intro_list dt{flex:0 0 160px;display:flex;align-items:center;justify-content:center;padding:12px 20px;border-right:1px solid #d9d9d9;font-size:17px;font-weight:700;line-height:1.4;color:#111;letter-spacing:-0.5px;word-break:keep-all;text-align:center;}
.expo_intro_wrap .expo_intro_list dd{flex:1;min-width:0;margin:0;padding:12px 20px;font-size:17px;line-height:1.7;color:#111;letter-spacing:-0.4px;word-break:keep-all;}
.expo_intro_wrap .expo_intro_list dd p{margin:0;}
.expo_intro_wrap .expo_intro_list dd p + p{margin-top:4px;}
.expo_intro_wrap .logo_group{display:flex;align-items:center;flex-wrap:wrap;gap:18px 28px;}
.expo_intro_wrap .logo_item{display:inline-flex;align-items:center;}
.expo_intro_wrap .logo_item img{display:block;max-height:44px;width:auto; height:25px;}
.expo_intro_wrap .expo_intro_img{width:350px;}

/* tablet */
@media (max-width:1024px){
    .expo_intro_wrap{display:flex; align-items: center;}
    .expo_intro_wrap .expo_intro_box{width:calc(100% - 300px); padding-right:20px;}
    .expo_intro_wrap .expo_intro_list dt{flex:0 0 80px;padding:10px 15px;font-size:16px;}
    .expo_intro_wrap .expo_intro_list dd{padding:10px 15px;font-size:16px;}
    .expo_intro_wrap .expo_intro_img{width:300px;}

}

/* mobile */
@media (max-width:768px){
    .expo_intro_wrap{display:block;}
    .expo_intro_wrap .expo_intro_box{width:100%; padding-right:0;}
    .expo_intro_wrap .expo_intro_list .item{}
    .expo_intro_wrap .expo_intro_list dt{flex:0 0 70px; display:block;padding:8px 12px;font-size:15px;text-align:left;}
    .expo_intro_wrap .expo_intro_list dd{padding:8px 12px;font-size:15px;line-height:1.65;}
    .expo_intro_wrap .logo_group{gap:12px 18px;}
    .expo_intro_wrap .logo_item{display:block;}
    .expo_intro_wrap .logo_item img{height:22px;}
    .expo_intro_wrap .expo_intro_img{width:auto; max-width:350px; margin-top:20px; margin-left:auto; margin-right:auto;}
}
@media (max-width:640px){
    .expo_intro_wrap .expo_intro_img{max-width:300px;}
}







/*notice 하단 부분*/
.contact_box{text-align:center;}
.contact_box .contact_text{margin:0 0 18px;font-size:20px;line-height:1.5;color:#222;font-weight:600;letter-spacing:-0.3px;}
.contact_box .contact_card{max-width:760px;margin:0 auto;padding:32px 28px;border:1px solid #e5e7eb;border-radius:24px;background:#fff;}
.contact_box .contact_title{margin:0 0 24px;font-size:18px;line-height:1.4;color:#666;font-weight:600;letter-spacing:-0.2px;}
.contact_box .contact_list{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 16px;}
.contact_box .contact_item{display:flex;align-items:center;min-height:56px;margin:0;padding:0 20px 0 80px;border:1px solid #e5e7eb;border-radius:16px;background-color:#f9fafb;background-repeat:no-repeat;background-position:left 20px center;font-size:17px;line-height:1.4;color:#222;font-weight:500;}
.contact_box .contact_item a{display:flex;align-items:center;gap:12px;color:#222;text-decoration:none;}
.contact_box .contact_item.contact_mail{background-image:url('../img/main/ico_mail.png');}
.contact_box .contact_item.contact_talk{background-image:url('../img/main/ico_talk.png');}
.contact_box .contact_go{display:inline-flex;align-items:center;justify-content:center;height:34px;padding:0 14px;border:1px solid #111;border-radius:999px;background:#fff;font-size:14px;line-height:1;color:#111;font-weight:600;}
.contact_box .contact_go:after{display:block;content:"";width:8px;height:13px;margin-left:10px;background:url('../img/main/bt_arrow_s.png') no-repeat center center / contain;}
.contact_box .contact_item a:hover .contact_go{background:#111;color:#fff;}
.contact_box .contact_item a:hover .contact_go:after{filter:invert(1);}

@media (max-width:768px){
    .contact_box .contact_text{font-size:17px;}
    .contact_box .contact_card{padding:24px 18px;border-radius:18px;}
    .contact_box .contact_title{margin-bottom:18px;font-size:16px;}
    .contact_box .contact_list{flex-direction:column;gap:12px;}
    .contact_box .contact_item{width:100%;justify-content:flex-start;padding:0 16px 0 60px;font-size:15px;background-position:left 12px center;box-sizing: border-box;}
    .contact_box .contact_item a{width:100%;justify-content:space-between;gap:10px;}
    .contact_box .contact_go{height:32px;padding:0 12px;font-size:13px;flex-shrink:0;}
}






/*배치도*/
.booth_layout{}
.booth_layout .item + .item{margin-top:50px;}
.booth_layout .item .subject{display:flex;align-items:center;justify-content:center;margin-bottom:10px;}
.booth_layout .item .subject span{display:inline-flex;align-items:center;gap:12px;padding:10px 100px;border-radius:999px;background:var(--brand-color-1-light);font-size:18px;font-weight:600;color:#222;letter-spacing:-0.3px;}
.booth_layout .item .subject .day{font-weight:700;color:#0f172a;}
.booth_layout .item .subject span:before{content:"";display:block;width:6px;height:6px;border-radius:50%;background:var(--brand-color-1);}
@media (max-width:768px){
    .booth_layout .item .subject span{padding:10px 30px; font-size:16px;}
}








/* jQuery UI Datepicker Custom */
input.calender{height:44px;padding:0 14px;border:1px solid #cfd8dc;border-radius:5px;font-size:15px;color:#222;box-sizing:border-box;outline:none;background:#fff;}
input.calender:focus{border-color:var(--brand-color-1);}
img.ui-datepicker-trigger{cursor:pointer;margin-left:8px;width:22px;vertical-align:middle;}
#ui-datepicker-div{width:280px;padding:12px;border:1px solid #d9e3e8;border-radius:16px;background:#fff;font-family:inherit;z-index:9999 !important;}
#ui-datepicker-div .ui-datepicker-header{position:relative;padding:10px 36px;margin-bottom:10px;border:none;border-radius:12px;background:#f5f9fc;}
#ui-datepicker-div .ui-datepicker-title{margin:0 20px;font-size:16px;font-weight:700;line-height:1.4;color:#222;text-align:center;}
#ui-datepicker-div .ui-datepicker-title select{height:32px;padding:0 8px;border:1px solid #cfd8dc;border-radius:8px;background:#fff;font-size:13px;color:#222;vertical-align:middle;}
#ui-datepicker-div .ui-datepicker-title select:focus{border-color:var(--brand-color-1);outline:none;}

#ui-datepicker-div .ui-datepicker-prev,
#ui-datepicker-div .ui-datepicker-next{top:50%;transform:translateY(-50%);width:30px;height:30px;border:none;border-radius:50%;background:#fff;cursor:pointer;transition:background .2s ease,color .2s ease;}
#ui-datepicker-div .ui-datepicker-prev{left:8px;}
#ui-datepicker-div .ui-datepicker-next{right:8px;}
#ui-datepicker-div .ui-datepicker-prev:hover,
#ui-datepicker-div .ui-datepicker-next:hover{background:#eaf4f9;}
#ui-datepicker-div .ui-datepicker-prev span,
#ui-datepicker-div .ui-datepicker-next span{filter:grayscale(100%) brightness(.4);}

#ui-datepicker-div table{width:100%;margin:0;}
#ui-datepicker-div th{padding:6px 0;font-size:12px;font-weight:700;color:#6f7d85;}
#ui-datepicker-div td{padding:3px;}
#ui-datepicker-div td a,
#ui-datepicker-div td span{display:flex;align-items:center;justify-content:center;width:100%;height:34px;margin:0 auto;border:none;border-radius:10px;font-size:14px;text-align:center;background:transparent;color:#222;transition:background .2s ease,color .2s ease;}
#ui-datepicker-div td a:hover{background:#eaf4f9;color:var(--brand-color-1);}
#ui-datepicker-div .ui-state-default{padding:0; border:none;background:transparent;}
#ui-datepicker-div .ui-state-active,
#ui-datepicker-div .ui-datepicker-current-day a{background:var(--brand-color-1) !important;color:#fff !important;font-weight:700;}
#ui-datepicker-div .ui-datepicker-today a{background:#e6f3f9;color:var(--brand-color-1);font-weight:700;}
#ui-datepicker-div .ui-state-disabled span,
#ui-datepicker-div .ui-priority-secondary{color:#b9c3c9 !important;opacity:1;}
#ui-datepicker-div .ui-datepicker-other-month span{color:#d5dde2 !important;}