.tab_only{display:none !important;}
 .mob_only{display:none !important;}
 .icon[class^='ico_']::before{background-image:url(/images/jhctf/common/sp_layout.png?build_20251127003);background-size:72rem;}
 .icon.ico_newwin::before{width:1.2rem;height:1.2rem;background-position:-1.2rem -1.6rem;}
 .icon.ico_lang::before{width:1.4rem;height:1.4rem;background-position:-4.7rem -1.5rem;}
 .icon.ico_toggle::before{width:1.1rem;height:.7rem;background-position:-8.2rem -1.9rem;}
 .icon.ico_menu::before{width:2rem;height:1.4rem;background-position:-14.3rem -1.5rem;}
 .icon.ico_arrow_right::before{width:2.5rem;height:2.5rem;background-position:-18.2rem -1rem;}
 .icon.ico_insta::before{width:1.8rem;height:1.8rem;background-position:-22.7rem -1.3rem;}
 .icon.ico_youtube::before{width:1.3rem;height:1.4rem;background-position:-26.5rem -1.5rem;}
 .icon.ico_x::before{width:1.6rem;height:1.6rem;background-position:-30.1rem -1.4rem;}
 .icon.ico_facebook::before{width:1rem;height:1.8rem;background-position:-33.7rem -1.3rem;}
 .icon.ico_blog::before{width:1.3rem;height:1.6rem;background-position:-36.6rem -1.4rem;}
 .icon.ico_kakaostory::before{width:1rem;height:1.8rem;background-position:-40.6rem -1.3rem;}
 .icon.ico_kakaoch::before{width:1.9rem;height:2rem;background-position:-44.3rem -1.2rem;}
 .icon.ico_top::before{width:1.7rem;height:1rem;background-position:-48.2rem -1.7rem;}
 .icon.ico_quick_open::before{width:2.2rem;height:2.2rem;background-position:-51.8rem -1.1rem;}
 .icon.ico_quick_close::before{width:2.2rem;height:2.2rem;background-position:-56rem -1.1rem;}
 .icon.ico_water::before{width:2.7rem;height:2.8rem;background-position:-60.2rem -.9rem;}
 .icon.ico_gift::before{width:2rem;height:2.2rem;background-position:-65rem -1.1rem;}
 .icon.ico_star::before{width:2.2rem;height:2.2rem;background-position:-69.1rem -1.1rem;}
 .icon.ico_path::before{width:.7rem;height:1.2rem;background-position:-8.5rem -5.9rem;}
 .icon.ico_snb::before{width:1.2rem;height:.7rem;background-position:-11rem -6.2rem;}
 .icon.ico_newwin_lg::before{width:2.2rem;height:2.2rem;background-position:-20.1rem -5.4rem;}
 .icon.ico_close::before{width:2rem;height:2rem;background-position:-27.7rem -5.5rem;}
 .icon.ico_login::before{width:1.9rem;height:1.8rem;background-position:-35.2rem -5.6rem;}
 .icon.ico_logout::before{width:1.9rem;height:1.8rem;background-position:-39.1rem -5.6rem;}
 .icon.ico_myinfo::before{width:1.9rem;height:1.9rem;background-position:-43rem -5.6rem;}
  .c_btn_base{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;border-radius:.6rem;padding:0 2rem;}
 .c_btn_icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:.6rem;vertical-align:middle;}
 .c_btn_text{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;}
  #wrap{position:relative;}
 .inner{width:150rem;margin:0 auto;}
 .logo_jhctf{display:inline-flex;width:23.5rem;height:3.6rem;background:url(/images/jhctf/common/logo.png?build_20251127003) no-repeat center/cover;}
  .gnb_mob{display:none;}
 .gnb a.newwin > span{flex-shrink:0;display:inline-flex;width:1.6rem;height:1.6rem;background:url(/images/jhctf/common/sp_layout.png?build_20251127003) no-repeat -16.8rem -5.7rem;background-size:72rem;text-indent:-9999px;vertical-align:middle;margin:-.1rem 0 0 .8rem;}
 .gnb_web{display:flex;align-items:center;gap:0 4rem;}
 .gnb_web .gnb{flex:1;display:flex;gap:0 5.2rem;}
 .gnb_web .gnbA > a{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0 .8rem;width:100%;height:100%;font-size:2rem;font-weight:700;}
 .gnb_web .gnbA > a .more{flex-shrink:0;content:'';display:inline-flex;width:2.2rem;height:2.2rem;border-radius:5rem;background:url(/images/jhctf/common/sp_layout.png?build_20251127003) no-repeat -10.7rem -1.15rem;background-size:72rem;text-indent:-9999rem;}
 .gnb_web .gnbA.on > a .more, .gnb_web .gnbA.now > a .more{background-color:#244ea1;background-position:-46.3rem -5.35rem;}
 .gnb_web .gnbB_wrap{display:none;position:absolute;top:20rem;left:0;width:100%;max-height:calc(100vh - 20rem);border-top:.1rem solid #e2e2e2;background-color:#fff;z-index:10;overflow:hidden;}
 .gnb_web .gnbB_area{position:relative;display:flex;width:100%;max-width:150rem;margin:0 auto;}
 .gnb_web .gnbB_area::before{position:absolute;top:0;left:24rem;transform:translateX(-100%);content:'';display:block;width:100%;height:100%;border-radius:0 2rem 2rem 0;background-color:#244ea1;z-index:-1;}
 .gnb_web .gnbB_area::after{position:absolute;bottom:-2rem;left:24rem;transform:translateX(-100%);content:'JHCTF';display:block;font-size:12.8rem;font-weight:900;line-height:1;color:rgba(255,255,255,.1);}
 .gnb_web .gnbB_area > .title{width:24rem;font-size:4rem;font-weight:700;color:#fff;padding:6rem 0;}
 .gnb_web .gnbB_area > .title::before{content:'JHCTF';display:block;font-size:1.5rem;font-weight:700;color:#21caff;}
 .gnb_web .gnbB_area > .title::after{content:'';display:inline-block;width:.8rem;height:.8rem;border-radius:5rem;background-color:#21caff;}
 .gnb_web .gnbB{flex:1;display:flex;flex-wrap:wrap;gap:3rem;background-color:#fff;padding:5.6rem 0 5.6rem 5.2rem;}
 .gnb_web .gnbB > li{width:calc(25% - 2.25rem);}
 .gnb_web .gnbB > li > a{display:inline-flex;align-items:center;justify-content:space-between;gap:.8rem;width:100%;height:6rem;font-size:1.7rem;border:.1rem solid #ccc;border-radius:1rem;background-color:#fff;padding:0 2.2rem 0 2.6rem;}
 .gnb_web .gnbB > li > a span{display:none;}
 .gnb_web .gnbB > li.on > a, .gnb_web .gnbB > li > a:hover{color:#244ea1;border-color:#244ea1;}
 .gnb_web .gnbC_wrap{display:block;}
 .gnb_web .gnbC_area > .title{display:none;}
 .gnb_web .gnbC{padding:1.6rem 1.6rem 0 2.6rem;}
 .gnb_web .gnbC > li > a{position:relative;display:block;font-size:1.7rem;color:#656565;padding-left:1rem;}
 .gnb_web .gnbC > li > a::before{position:absolute;top:1rem;left:0;content:'';display:block;width:.4rem;height:.4rem;border-radius:5rem;background-color:#727272;}
 .gnb_web .gnbC > li.on > a, .gnb_web .gnbC > li > a:hover{font-weight:600;color:#244ea1;}
 .gnb_dim #container::before{position:absolute;top:20rem;left:0;content:'';display:block;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:9;}
  #nuri{width:100%;height:5rem;background-color:#eef2f7;}
 #nuri .inner{height:100%;}
 #nuri span{display:flex;align-items:center;gap:0 1rem;height:100%;}
 #nuri span::before{content:'';display:block;width:4rem;height:2.8rem;background:url(/images/common/common/flag_korea.jpg?build_20251127003) no-repeat center;}
  #header{width:100%;height:15rem;padding:2.5rem 0 3rem;}
 #header .inner{height:100%;}
 #header .h_top .util{display:flex;align-items:center;justify-content:flex-end;width:100%;}
 #header .h_top .util > a{border-right:.1rem solid #cdd1d5;padding:0 1.4rem;}
 #header .h_top .util .drop_area > a{border-right:0;padding-left:1.4rem;}
 #header .h_top .util .drop_cnt{top:calc(100% + 1rem);left:50%;transform:translateX(-46%);width:max-content;;border:.1rem solid #cdd1d5;border-radius:.6rem;background-color:#fff;padding:1.4rem 1rem 1rem;z-index:11;}
 #header .h_top .util .drop_cnt > span{display:block;font-weight:600;color:#7b7b7b;padding:0 .8rem;}
 #header .h_top .util .drop_cnt > span.txt{font-size:1.7rem;color:#094fa3;}
 #header .h_top .util .drop_cnt ul{border-radius:.5rem;background-color:#f4f4f4;padding:1.6rem 1.4rem;margin-top:1rem;}
 #header .h_top .util .drop_cnt ul span{font-weight:600;color:#434343;}
 #header .h_bot{display:flex;align-items:center;justify-content:space-between;margin-top:2.5rem;}
  #quick{position:fixed;top:20rem;right:-11rem;z-index:9;transition:right .2s;}
 #quick .quick_open{position:absolute;transform:rotate(-90deg) translateY(-100%);top:6.7rem;left:-6.7rem;display:inline-flex;align-items:center;justify-content:center;gap:0 1.6rem;width:19.4rem;height:6rem;color:#fff;border-radius:2rem 2rem 0 0;background-color:#244ea1;}
 #quick .quick_open i{transform:rotate(90deg);}
 #quick .quick_cnt .list{width:11rem;background-color:#fff;box-shadow:0 .4rem 1.5rem rgba(0,0,0,.15);padding:1.2rem 1.6rem;}
 #quick .quick_cnt .list li + li{border-top:.1rem solid #dbdbdb;}
 #quick .quick_cnt .list li a{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem 0;width:100%;height:7.4rem;font-size:1.4rem;}
 #quick.on{right:0;}
 #quick.on .quick_open i::before{background-position:-56rem -1.1rem;}
  #footer{background-color:#33363d;}
 #footer .inner{position:relative;padding-top:6rem;padding-bottom:9rem;}
 #footer .inner *{font-size:1.6rem;font-weight:400;color:#fff;}
 #footer .btn_top{position:absolute;top:0;right:0;transform:translate(0, -50%);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:6.5rem;height:6.5rem;z-index:0;}
 #footer .btn_top::before{position:absolute;top:0;left:0;transform:rotate(45deg);content:'';display:block;width:100%;height:100%;border-radius:2rem;background-color:#244ea1;z-index:-1;}
 #footer .f_top .link{display:flex;align-items:center;gap:0 1.6rem;}
 #footer .f_top .link .logo{margin-right:auto;}
 #footer .f_top .link .logo a span{font-size:2.4rem;font-weight:700;}
 #footer .f_top .link .c_btn_text span{font-size:1.7rem;font-weight:500;color:#898989;}
 #footer .f_top .info{display:flex;align-items:flex-end;justify-content:space-between;gap:3.6rem 0;margin-top:1.4rem;}
 #footer .f_top .info dl{display:inline-flex;align-items:center;gap:0 1rem;width:100%;}
 #footer .f_top .info .sns{display:inline-flex;gap:1rem;}
 #footer .f_top .info .sns a{width:4rem;height:4rem;border-radius:5rem;background-color:#464f64;}
 #footer .f_bot{border-top:.1rem solid #6b707b;padding-top:2.2rem;margin-top:3.8rem;}
 #footer .f_bot .link{display:flex;gap:0 5rem;}
 #footer .f_bot .link a:first-child span{color:#fdffbb;}
 #footer .f_bot .copy{color:#b3b3b3;margin-top:1rem;}
 #modal_prepare .modal_area{width:90%;max-width:76rem;}
 #modal_prepare .modal_area .img{position:relative;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1.4rem 0;height:30rem;width:26rem;font-size:2rem;font-weight:700;color:#fff;background-color:#244ea1;overflow:hidden;}
 #modal_prepare .modal_area .img::before{position:absolute;bottom:-1rem;left:50%;transform:translateX(-50%);content:'JHCTF';display:block;font-size:8rem;font-weight:900;line-height:1;color:rgba(255,255,255,.1);}
 #modal_prepare .modal_area .img .ico_symbol{width:8rem;height:5.6rem;background:url(/images/jhctf/common/symbol.png?build_20251127003) no-repeat center/cover;}
 #modal_prepare .modal_area .sum{flex:1;display:inline-flex;flex-direction:column;justify-content:center;padding:1rem 5rem 0;}
 #modal_prepare .modal_area .sum .tit{font-size:3.2rem;font-weight:700;}
 #modal_prepare .modal_area .sum .sub{font-size:1.8rem;color:#676767;margin-top:1.8rem;}
 #modal_prepare .modal_area .sum .modal_close{width:12.6rem;height:4.5rem;font-size:1.8rem;color:#fff;border-radius:5rem;background-color:#242424;margin-top:3.6rem}
  @media screen and (max-width:1600px) { .inner{width:100%;padding:0 5rem;}
 .gnb_web .gnbB_area{padding:0 5rem;}
 .gnb_web .gnbB_area::before{left:29rem;}
 #footer .btn_top{right:5rem;}
 }
  @media screen and (max-width:1024px) { .tab_only{display:flex !important;}
 .gnb_web{display:none;}
 .gnb_mob{display:flex;}
 .gnb_mob .gnb_wrap{display:none;position:fixed;top:0;right:0;width:100%;height:100%;z-index:10;}
 .gnb_mob .gnb_area{position:absolute;top:0;width:100%;max-width:80rem;display:flex;flex-direction:column;height:100%;background-color:#fff;}
 .gnb_mob .gnb_top{position:relative;height:12rem;padding:0 2.4rem 0 3rem}
 .gnb_mob .gnb_top .util{display:inline-flex;align-items:center;gap:0 3rem;width:100%;height:100%;}
 .gnb_mob .gnb_top .util a{color:#727272;}
 .gnb_mob .gnb_top .util a.c_btn_text{display:none;}
 .gnb_mob .gnb_top .gnb_close{width:5rem;height:5rem;border-radius:1.6rem;background-color:#edf1f5;;margin-left:auto;}
 .gnb_mob .gnb_bot{position:relative;flex:1;border-top:.1rem solid #e2e2e2;}
 .gnb_mob .gnb_bot::before{position:absolute;top:0;left:0;content:'';display:block;width:50%;height:100%;background-color:#244ea1;z-index:0;}
 .gnb_mob .gnb{position:relative;height:100%;}
 .gnb_mob .gnbA{width:50%;padding:0 3.4rem;}
 .gnb_mob .gnbA > a{position:relative;display:block;font-size:2.2rem;font-weight:600;color:#fff;border-bottom:.1rem solid #4776d3;padding:2.4rem 0;z-index:1;}
 .gnb_mob .gnbA > a .more{display:inline-block;text-indent:-9999rem;}
 .gnb_mob .gnbA.on, .gnb_mob .gnbA.now{background-color:#fff;}
 .gnb_mob .gnbA.on > a, .gnb_mob .gnbA.now > a{color:#333;border-bottom:0;}
 .gnb_mob .gnbA.on .gnbB_wrap, .gnb_mob .gnbA.now .gnbB_wrap{display:block;}
 .gnb_mob .gnbB_wrap{display:none;position:absolute;top:0;left:50%;width:50%;height:100%;background-color:#fff;}
 .gnb_mob .gnbB_area{display:flex;flex-direction:column;width:100%;height:100%;padding:2.2rem 3rem;}
 .gnb_mob .gnbB_area .title{width:100%;font-size:2.6rem;font-weight:700;text-align:center;color:#244ea1;border-bottom:.2rem solid #244ea1;padding-bottom:2.2rem;}
 .gnb_mob .gnbB{flex:1;padding:0 0 2.4rem 0;overflow-y:auto;}
 .gnb_mob .gnbB > li{border-bottom:.1rem solid #cdd1d5;}
 .gnb_mob .gnbB > li > a{display:inline-flex;align-items:center;justify-content:space-between;gap:0 .8rem;width:100%;font-size:2.2rem;font-weight:600;color:#656565;padding:2.4rem 0;overflow:hidden;}
 .gnb_mob .gnbB > li > a .more{display:inline-flex;width:2rem;height:1.2rem;background:url(/images/jhctf/common/sp_layout.png?build_20251127003) no-repeat -23.9rem -5.9rem;text-indent:-9999rem;}
 .gnb_mob .gnbB > li.on > a{color:#000;}
 .gnb_mob .gnbB > li.on > a .more{transform:rotate(180deg);}
 .gnb_mob .gnbB > li.on .gnbC_wrap{display:block;}
 .gnb_mob .gnbC_wrap{display:none;}
 .gnb_mob .gnbC_area{border-top:.1rem solid #cdd1d5;}
 .gnb_mob .gnbC_area .title{display:none;}
 .gnb_mob .gnbC{padding:2.2rem 0;}
 .gnb_mob .gnbC > li + li{margin-top:1rem;}
 .gnb_mob .gnbC > li > a{position:relative;display:block;font-size:2.2rem;color:#656565;padding-left:1.4rem;}
 .gnb_mob .gnbC > li > a::before{position:absolute;top:1.4rem;left:0;content:'';display:block;width:.6rem;height:.6rem;border-radius:5rem;background-color:#727272;}
 .gnb_mob .gnbC > li.on > a, .gnb_mob .gnbC > li > a:hover{font-weight:600;color:#244ea1;}
 .gnb_dim #container::before{position:fixed;top:0;}
 #modal_prepare .modal_area .img{display:none;}
 #modal_prepare .modal_area .sum{align-items:center;text-align:center;padding:3.8rem 2.8rem 2.8rem;}
 }
  @media screen and (max-width:768px) { .tab_only{display:none !important;}
 .mob_only{display:flex !important;}
 .inner{max-width:none;padding:0 2.5rem;}
 #nuri span{font-size: 1.4rem; letter-spacing: -0.05em;}
 .gnb_mob .gnb_top{height:6rem;}
 .gnb_mob .gnb_top .util a.c_btn_text{display:inline-flex;}
 .gnb_mob .gnb_top .gnb_close{width:1.5rem;height:1.5rem;background-position:-31.7rem -5.7rem;}
 .gnb_mob .gnbA{padding:0 2rem;}
 .gnb_mob .gnbA > a{font-size:1.6rem;padding:1.5rem 0;}
 .gnb_mob .gnbB_area{padding:1.4rem 2rem;}
 .gnb_mob .gnbB_area .title{font-size:1.8rem;padding-bottom:1.4rem;}
 .gnb_mob .gnbB > li > a{font-size:1.6rem;padding:1.5rem 0;}
 .gnb_mob .gnbB > li > a .more{width:1.2rem;height:.7rem;background-position:-11rem -6.2rem;filter:contrast(.3);}
 .gnb_mob .gnbC{padding:1rem;}
 .gnb_mob .gnbC > li > a{font-size:1.6rem;padding-left:.8rem;}
 .gnb_mob .gnbC > li > a::before{top:1rem;width:.4rem;height:.4rem;}
 #header{height:10rem;padding:0;}
 #header .h_top{display:none;}
 #header .h_bot{height:100%;margin-top:0;}
 #quick{display:none;}
 #footer .btn_top{right:3rem;}
 #footer .f_top .link .c_btn_text{display:none;}
 #footer .f_top .info{flex-direction:column;align-items:flex-start;}
 #footer .f_top .info .sns{flex-wrap:wrap;}
 }