:root {
    --main-color: #4263CD;
	--main-color-2: #d6dfff;
	--main-color-3: #ecf0ff;
    --sub-color: #58CFFF;
    --cnt-color: #1B2B5C;
    --point-color: #DF4C4C;
}
html, body, h1, h2, h3, h4, h5, h6, div, p, blockquote, pre, code, address, ul, ol, li, menu, nav, section, article, aside, dl, dt, dd, table, thead, tbody, tfoot, label, caption, th, td, form, fieldset, legend, hr, input, button, textarea, object, figure, figcaption {
    margin: 0;
    padding: 0;
    border: 0 none; }

body {
    width: 100%;
    background: #fff;
    -webkit-text-size-adjust: none;
    word-wrap: break-word;
    word-break: break-all;
    max-width: 2560px;
    min-width: 280px;
    height: 100%;
    box-sizing: border-box; }

body, input, select, textarea, button {
    border: none;
    font-size: 15px;
    font-family: 'Pretendard','nexon2','Malgun Gothic','Dotum','Gulim','Tahoma','Verdana',sans-serif;
    color: #000;
    font-weight: 500;
    letter-spacing: -.03em;
    box-sizing: border-box; 
	border-radius: 0;
	}

/* Ã­ÂÂ°Ã­Å Â¸ */
@font-face {
    font-family: "Pretendard";
    src: url("/assets/fonts/Pretendard/Pretendard-Regular.woff2") format("woff2"), url("/assets/fonts/Pretendard/Pretendard-Regular.woff") format("woff"), url("/assets/fonts/Pretendard/Pretendard-Regular.otf") format("opentype");
    font-weight: 400;
    font-style: normal; }

@font-face {
    font-family: "Pretendard";
    src: url("/assets/fonts/Pretendard/Pretendard-Medium.woff2") format("woff2"), url("/assets/fonts/Pretendard/Pretendard-Medium.woff") format("woff"), url("/assets/fonts/Pretendard/Pretendard-Medium.otf") format("opentype");
    font-weight: 500;
    font-style: normal; }

@font-face {
    font-family: "Pretendard";
    src: url("/assets/fonts/Pretendard/Pretendard-SemiBold.woff2") format("woff2"), url("/assets/fonts/Pretendard/Pretendard-SemiBold.woff") format("woff"), url("/assets/fonts/Pretendard/Pretendard-SemiBold.otf") format("opentype");
    font-weight: 600;
    font-style: normal; }
@font-face {
    font-family: "Pretendard";
    src: url("/assets/fonts/Pretendard/Pretendard-Bold.woff2") format("woff2"), url("/assets/fonts/Pretendard/Pretendard-Bold.woff") format("woff"), url("/assets/fonts/Pretendard/Pretendard-Bold.otf") format("opentype");
    font-weight: 700;
    font-style: normal; }

@font-face {
    font-family: "Pretendard";
    src: url("/assets/fonts/Pretendard/Pretendard-ExtraBold.woff2") format("woff2"), url("/assets/fonts/Pretendard/Pretendard-ExtraBold.woff") format("woff"), url("/assets/fonts/Pretendard/Pretendard-ExtraBold.otf") format("opentype");
    font-weight: 800;
    font-style: normal; }

@font-face {
    font-family: "Pretendard";
    src: url("/assets/fonts/Pretendard/Pretendard-Black.woff2") format("woff2"), url("/assets/fonts/Pretendard/Pretendard-Black.woff") format("woff"), url("/assets/fonts/Pretendard/Pretendard-Black.otf") format("opentype");
    font-weight: 900;
    font-style: normal; }


/* hidden */
.hidden {
    overflow: hidden;
    position: absolute;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0; }


.body_hidden {overflow:hidden !important; touch-action:none;}

/* common */
.fl{float:left;}
.fr{float:right;}

/* header */
header {width: 100%;background-color: transparent;z-index: 9999;/* box-shadow: 0 5px 10px #a8b6c13b; */padding: 0 0 0 100px;}
header #header_wrap {display: block;width: 100%;height: 100px;background-color: #fff;margin: 0 auto;box-shadow: none;transition: all 0.35s ease;box-sizing: border-box;display: flex;align-items: center;}
header #header_wrap .header_wrap {float: left;height: 100px;display: flex;align-items: center;}
header #header_wrap .header_wrap .logo {
    height: 100%;
    display: flex;
    align-items: center;
    width: 300px;
}
#header_wrap .header_wrap .logo a {min-width: 296px;}
header #header_wrap .header_wrap .logo a img.logo_1 {display: block;}
header #header_wrap .header_wrap .logo a img.logo_2 {display: none;}
header #header_wrap .header_wrap .gnb_wrap {display: flex;align-items: center;width: calc(100% - 760px);}
header #header_wrap .header_wrap .gnb_wrap > ul {width: 100%;}
header #header_wrap .header_wrap .gnb_wrap > ul > li {flex: 0 1 auto; display: inline-block;width: auto;height: auto;}
header #header_wrap .header_wrap .gnb_wrap > ul > li:last-child {margin-right: 0;}
header #header_wrap .header_wrap .gnb_wrap > ul > li > a {display: block;height: 101px;line-height: 101px;font-size: 20px;font-weight: 700;padding: 0 40px;}
header #header_wrap .header_wrap .gnb_wrap > ul > li > a.blank:after {content: ''; display:inline-block; margin-left:2px; width: 16px; height: 14px; background:url('/pages/new_jepa/img/main/ico-big-blank.png') center no-repeat; position: relative;}
.user_menu {display: flex; width: auto; height: auto;}
.user_menu .another_menu {display: inline-block; margin-right: 10px;}
.user_menu .another_menu:last-child {margin-right: 0;}
.user_menu .another_menu > a { border: 1px solid #BCBCBC; color: #fff; border-radius: 20px; font-size: 1.4rem;font-weight: 400;}
ul.user_menu .all_menu_box {margin-right: 0;}
ul.user_menu .all_menu {display: block;height: 100px;background: #4263CD url('/pages/new_jepa/img/main/ico-sitemap.png') center no-repeat;width: 100px;}
ul.user_menu .all_menu.mobile {display: none;}
ul.user_menu li.h-login a{display: block;height: 100px;background: url('/pages/new_jepa/img/main/ico-login.png') center no-repeat;width: 100px;border-left: 1px solid #DFE1EE;padding: 0;}
ul.user_menu li.h-logout a{display: block;height: 100px;background: url('/pages/new_jepa/img/main/h-logout.png') center no-repeat;width: 100px;border-left: 1px solid #DFE1EE;padding: 0;}
ul.user_menu li.h-search a{display: block;height: 100px;background: url('/pages/new_jepa/img/main/Icon feather-search.png') center no-repeat;width: 100px;border-left: 1px solid #DFE1EE;padding: 0;}
button.h-fsite{font-size: 14px;width: 110px;height: 40px;border: 1px solid #DFE1EE;display: flex;align-items: center;margin-right: 50px; margin-left: auto;}
button.h-fsite span{margin:0 auto;display: flex;align-items: center;}
button.h-fsite span:after{content:'';display:inline-block;background: url('/pages/new_jepa/img/main/ico-site-arrow.png') center no-repeat;width: 9px;height: 5px;position: relative;margin-left: 13px;}
header #header_wrap .header_wrap .lnb_wrap {width: 180px; background-color: transparent; padding-top: 24px; box-shadow: none; right: auto!important; left: 50%!important; transform: translate(-50%,0);}
header #header_wrap .header_wrap .lnb_wrap::before {content: ''; display: block; width: 0; height: 5px; background: linear-gradient(to left, #7046D5, #42ABD6); margin: 0 auto; position: absolute; left: 50%; top: 6px; transform: translate(-50%, 0); z-index: 99999; animation-duration: 0.35s; animation-name: dropdown_ani; animation-fill-mode: forwards;}
header #header_wrap .header_wrap .lnb_wrap > ul {display: block; width: auto; height: auto; padding: 12px 22px; border: 1px solid #676767; background-color: #fff; animation-duration: 0.35s; animation-name: dropdown_wrap_ani; animation-fill-mode: forwards; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);}
header #header_wrap .header_wrap .lnb_wrap > ul > li {display: block; width: 100%; height: auto;}
header #header_wrap .header_wrap .lnb_wrap > ul > li > a {display: block; width: 100%; height: auto; min-height: 45px; line-height: 1.5; padding: 14px 0; color: #747474; font-size: 1.5rem; font-weight:400; border-bottom: 1px solid rgba(255, 255, 255, 0.5); text-align: left; border-bottom: 1px solid #E4E4E4;}
header #header_wrap .header_wrap .lnb_wrap > ul > li > a:hover {color: #375DDC;}

header #header_wrap .header_wrap .lnb_wrap > ul > li:last-child > a {border: 0;}
/* header #header_wrap .header_wrap .lnb_wrap::before {content: ''; display: block; width: 72px; height: 5px; background: linear-gradient(to left, #7046D5, #42ABD6); margin: 0 auto;}
header #header_wrap .header_wrap .lnb_wrap > ul {display: block; width: auto; height: auto; padding: 24px 0;}
header #header_wrap .header_wrap .lnb_wrap > ul > li {display: block; width: 100%; height: auto;}
header #header_wrap .header_wrap .lnb_wrap > ul > li > a {display: block; width: 100%; height: auto; min-height: 45px; line-height: 1.5; padding: 8px 10px; background: linear-gradient(to left, #7046D5, #42ABD6); color: #fff; font-size: 1.7rem; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.5);}
header #header_wrap .header_wrap .lnb_wrap > ul > li:last-child > a {border: 0;} */

/* header #header_wrap .header_wrap .gnb_wrap > ul > li:hover .lnb_wrap::before {width: 72px;} */
@keyframes dropdown_ani {
  from {width: 0;}
  to {width: 72px;}
}
@keyframes dropdown_wrap_ani {
  from {opacity: 0;}
  to {opacity: 1;}
}

header.sub {background-color: #fff;border-bottom: 1px solid #DFE1EE;}
header.sub #header_wrap {color: #000; padding: 40px 0;}
/* header.sub #header_wrap .header_wrap .logo a img.logo_1 {display: none;} */
header.sub #header_wrap .header_wrap .logo a img.logo_2 {display: block;}
header.sub #header_wrap .header_wrap .user_menu .another_menu > a {color: #000;}
header.sub #header_wrap .header_wrap .user_menu .all_menu {background: #4263CD url('/pages/new_jepa/img/main/ico-sitemap.png') center no-repeat;}

header.on {background-color: #fff; box-shadow: 0 5px 10px rgb(0 0 0 / 10%);}
header.on #header_wrap {height: 122px; color: #000; padding: 40px 0;}
header.on #header_wrap .header_wrap .logo a img.logo_1 {display: none;}
header.on #header_wrap .header_wrap .logo a img.logo_2 {display: block;}
header.on #header_wrap .header_wrap .user_menu .another_menu > a {color: #000;}
header.on #header_wrap .header_wrap .user_menu .all_menu {background-image: url('/pages/new_jepa/img/main/all_menu_b.png');}
header.on #header_wrap .header_wrap .lnb_wrap {padding-top: 27px;}


#header_wrap .header_wrap .all_menu_wrap {display: none;}
#header_wrap .header_wrap .all_menu_wrap.active {transition:ease-in-out .25s; display: block;width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;}
#header_wrap .header_wrap .all_menu_wrap .user_menu_tab {display: none; width: 100%; height: auto; background-color: #e9e9e9; margin-bottom: 20px;}
#header_wrap .header_wrap .all_menu_wrap .user_menu_tab > li {flex: 1 1 auto; width: 100%; border: 1px solid #d9d9d9;}
#header_wrap .header_wrap .all_menu_wrap .user_menu_tab > li > a {color: #454545;}
#header_wrap .header_wrap .all_menu_wrap .menu_box {position:relative; display: block;width: 100%;height: 100%;background-color: #0055A7;color: #fff;background: linear-gradient(164deg, rgba(0,85,167,1) 0%, #009267 100%);}
#header_wrap .header_wrap .all_menu_wrap .menu_box:after {content: '';display: inline-block;width: 366px;height: 278px;background: url('/pages/new_jepa/img/main/menu_box_logo.png') center no-repeat;position: absolute;right: 320px;bottom: 100px;}

#header_wrap .header_wrap .all_menu_wrap .menu_box .all_menu_close {transition:ease-in-out .25s; display: block;width: 80px;height: 80px;position: absolute;right: 40px;top: 40px;background-color: #fff;z-index: 99;}

#header_wrap .header_wrap .all_menu_wrap .menu_box .all_menu_close span{position:relative;width: 80px;height: 80px;display: inline-block;}
#header_wrap .header_wrap .all_menu_wrap .menu_box .all_menu_close span:before, #header_wrap .header_wrap .all_menu_wrap .menu_box .all_menu_close span:after {position: absolute;left: 50%;content:'';height: 30px;width: 2px;display:inline-block;background-color: #0055a7;top: 26px;}
#header_wrap .header_wrap .all_menu_wrap .menu_box .all_menu_close span:before {transform: rotate(45deg);}
#header_wrap .header_wrap .all_menu_wrap .menu_box .all_menu_close span:after {transform: rotate(-45deg);}
#header_wrap .header_wrap .all_menu_wrap .menu_box .all_menu_close:hover{opacity:0.8;}

#header_wrap .header_wrap .all_menu_wrap .menu_box .level_1 {display: flex;width: 100%;height: 100%;color: #fff;}
#header_wrap .header_wrap .all_menu_wrap .menu_box .level_1 > li {display: inline-block;width: calc(100% / 6);height: 100%;text-align: center;position: relative;border-right: 1px solid #ffffff1c;padding: 230px 0;}
#header_wrap .header_wrap .all_menu_wrap .menu_box .level_1 > li:last-child{border-right:0;}
#header_wrap .header_wrap .all_menu_wrap .menu_box .level_1 > li:hover{transition:ease-in-out .25s;background: #ffffff12;}
#header_wrap .header_wrap .all_menu_wrap .menu_box .level_1 > li > a {position:relative;background-clip: border-box;color: #fff;-webkit-background-clip: text;font-size: 2.6rem;padding: 0 0 17px 0;width: 100%;font-weight: 600;}
#header_wrap .header_wrap .all_menu_wrap .menu_box .level_1 > li > a:before{
	content: "";
    width: 0;
    height: 3px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 50%;
    border-radius: 50px;
    opacity: 0;
    filter: Alpha(opacity=0);
    transition: all 0.3s;
}
#header_wrap .header_wrap .all_menu_wrap .menu_box .level_1 > li > a:hover:before{
width: 100%;
    left: 0;
    opacity: 1;
}
#header_wrap .header_wrap .all_menu_wrap .menu_box .level_1 > li > a:hover{}
#header_wrap .header_wrap .all_menu_wrap .menu_box .level_2 {width: 100%;height: auto;margin: 40px 0 0 0;text-align: center;font-size: 18px;}
#header_wrap .header_wrap .all_menu_wrap .menu_box .level_2 > ul > li {
    width: 100%;
}
#header_wrap .header_wrap .all_menu_wrap .menu_box .level_2 > ul > li > a {transition:ease-in-out .25s;display: block;width: 100%;height: auto;color: #fff;font-weight: 400;padding: 15px 40px;text-align: center;opacity: 0.65;position: relative;}
#header_wrap .header_wrap .all_menu_wrap .menu_box .level_2 > ul > li > a:hover{font-weight:500;opacity:1;}
#header_wrap .header_wrap .all_menu_wrap .menu_box .level_2 > ul > li > a.blank{background:none;padding: 15px 40px !important;}
#header_wrap .header_wrap .all_menu_wrap .menu_box .level_2 > ul > li > a.blank:after {content: '';display: inline-block;width: 11px;height: 11px;background:url('/pages/new_jepa/img/main/level_2_blank.png') center no-repeat;position: relative;margin-left: 5px;}


/* width% */
.w10per{width:10% !important;}
.w15per{width:15% !important}
.w20per{width:20% !important}
.w25per{width:25% !important}
.w30per{width:30% !important}
.w35per{width:35% !important}
.w40per{width:40% !important}
.w45per{width:45% !important}
.w50per{width:50% !important}
.w55per{width:55% !important}
.w60per{width:60% !important}
.w65per{width:65% !important}
.w70per{width:70% !important}
.w75per{width:75% !important}
.w80per{width:80% !important}
.w85per{width:85% !important}
.w90per{width:90% !important}
.w95per{width:95% !important}
.w100per{width:100% !important}


/* align */
.align-c{text-align:center;}


/* Ã¬â€žÅ“Ã«Â¸Å’ Ã¬Æ’ÂÃ«â€¹Â¨ */
.dropdown_wrap .dropdown_btn { color: #000; background-color: transparent; background-image: url("/pages/new_jepa/img/main/aroow_down_dropdown.png"); background-size: 6px 4px; }
.sub_top_wrap {display: block;width: 100%;height: auto;margin: 50px auto 40px;}
.sub_top_wrap .sub_cate_wrap {display: block;width: 100%;height: auto;border-bottom: 1px solid #ddd;padding-bottom: 30px;font-size: 16px;}
.sub_top_wrap .sub_cate_wrap .cate_box {display: flex; align-items: center; width: 100%; height: auto; margin: 0 auto; gap: 10px;}
.sub_top_wrap .sub_cate_wrap .home {display: inline-block; width: 24px; height: 24px; background-color: transparent; background-image: url('/pages/new_jepa/img/sub/icon_home.png'); background-repeat: no-repeat; background-position: center; }
.sub_top_wrap .sub_cate_wrap .share {display: inline-block; width: 54px; height: 54px; background-color: transparent; background-image: url('/pages/new_jepa/img/main/icon_share.png'); background-repeat: no-repeat; background-position: center; float: right;}
.sub_top_wrap .sub_cate_wrap .dropdown_wrap {float: left;}
.sub_top_wrap .sub_cate_wrap .dropdown_wrap .dropdown_btn {min-width: 210px; height: 54px; border: 0; font-weight:400;font-size: 15px;}
.sub_top_wrap .sub_cate_wrap .next_step_arrow {display: inline-block; width: 12px; height: 12px; background-color: transparent; background-image: url('/pages/new_jepa/img/main/arrow_step_right.png'); background-repeat: no-repeat; background-position: center;}

.sub_visual_wrap {


width: 100%;

height: 200px;

background-position: center;

background-repeat: no-repeat;

background-size: cover;

text-align: center;

color: #fff;

display: flex;

align-items: center;

margin: 0 auto;

position:relative;

display: none;


}

.sub_visual_wrap.visual_1 {background-image: url('/pages/new_jepa/img/sub/vsimg1.png');}
.sub_visual_wrap.visual_2 {background-image: url('/pages/new_jepa/img/sub/vsimg2.png');}
.sub_visual_wrap.visual_3 {background-image: url('/pages/new_jepa/img/sub/vsimg3.png');}
.sub_visual_wrap.visual_4 {background-image: url('/pages/new_jepa/img/sub/vsimg4.png');}
.sub_visual_wrap.visual_5 {background-image: url('/pages/new_jepa/img/sub/vsimg5.png');}
.sub_visual_wrap.visual_6 {background-image: url('/pages/new_jepa/img/sub/vsimg6.png');}
.sub_visual_wrap.visual_7 {background-image: url('/pages/new_jepa/img/sub/vsimg1.png');}
.sub_visual_wrap .subtxt{margin: 0 auto;}
.sub_visual_wrap .subtxt span.slogan {display: block;width: auto;height: auto;margin-bottom: 12px;font-size: 1.9rem;font-weight: 500;line-height: 1;letter-spacing: 3px;}
.sub_visual_wrap .subtxt h2 {display: block;width: auto;height: auto;font-size: 36px;font-weight: bold;line-height: 1;}

/* .sub_top_wrap .share_box {display: none; width: 120px; height: auto; padding:15px 20px; position: absolute; right: 0; top: 100%; z-index: 100; background-color: #fff; border: 1px solid #ddd; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); border-top: 0;} */

.sub_top_wrap .share_box{display:none;width:530px;min-height:90px;height: 90px;background:#fff;padding:30px 0 15px 20px;border:1px solid #ddd;z-index:20;position:absolute;top:61px;right: 0;box-sizing:border-box;position: absolute; right: 0; top: 100%;}

.sub_top_wrap .share_box.on {display: block;}
.sub_top_wrap .share_box > ul {display: block; width: 100%; height: auto;}
.sub_top_wrap .share_box > ul > li {display:inline-block; height: auto;}

.sub_top_wrap .share_box > ul > li a{position:relative;display:inline-block;float:left;height:28px;color:#555;margin-bottom:3px}
.sub_top_wrap .share_box > ul > li a:before{content:'';position:absolute;top:0;left:0;;background:url(../img/main/sns_list.png) 0 0 no-repeat;width:28px;height:28px}
.sub_top_wrap .share_box > ul > li:nth-child(1) a:before{background-position:0 0}
.sub_top_wrap .share_box > ul > li:nth-child(2) a:before{background-position:-28px 0}
.sub_top_wrap .share_box > ul > li:nth-child(3) a:before{background-position:-56px 0}
.sub_top_wrap .share_box > ul > li:nth-child(4) a:before{background-position:-140px 0}
.sub_top_wrap .share_box > ul > li a:hover{font-weight:700;color:#333}
.sub_top_wrap .share_box > ul > li a span{display:block;padding:4px 20px 0 38px;font-size:15px;font-weight:400;letter-spacing:0}
.weblocation .info .sns .btn_close{position:absolute;top:20px;right:20px}
.weblocation .info .sns .btn_close_m{display:none}



/* .sub_top_wrap .share_box > ul > li > a {display: block; width: 100%; height: auto; padding: 4px 0; padding: 6px 0;} */
/* .sub_top_wrap .share_box > ul > li > a > span {display: block; 
width: 100%;
height: 20px;
line-height: 20px;
font-size: 15px;
color: #333;}
*/

/* Ã­â€˜Â¸Ã­â€žÂ° */
footer {display: block;width: 100%;height: auto;background-color: #1C1E26;color: #fff;padding: 60px 0 72px;}
footer .footer_wrap {display: block; width: 100%; max-width: 1500px; margin: 0 auto; position: relative}
footer .footer_wrap .to_top {display: block; width: 70px; height: 70px; border: 1px solid #fff; color: #fff; background-position: center; background-repeat: no-repeat; background-image: url('/pages/new_jepa/img/main/icon_to_top.png'); position: absolute; right: 0; top: 50%; transform: translate(0,-50%);}

footer .footer_wrap .footer_info ul{
    display: flex;
    margin-bottom: 20px;
}

footer .footer_wrap .footer_info ul li{
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-right: 25px;
    position:relative;
    padding-right: 25px;
}
footer .footer_wrap .footer_info ul li a{
    color: inherit;transition:ease-in-out .25s;
}
footer .footer_wrap .footer_info ul li a:hover{opacity:0.8;}
footer .footer_wrap .footer_info ul li:first-child{
    color: #8AA5FF;
}
footer .footer_wrap .footer_info ul li:after{content:"";display:block;width:1px;position:absolute;top: 3px;right: -2px;height: 16px;background: #474747;}
footer .footer_wrap .footer_info ul li:last-child:after{display:none;}

footer .footer_wrap .company_info_list {display: block;width: 100%;height: auto;line-height: 170%;color: #BABABA;font-size: 16px;}
footer .footer_wrap .company_info_list li {display: inline-block;float: left;width: auto;height: auto;font-weight: 600;margin-right: 20px;}
footer .footer_wrap .company_info_list li.copyright {display: block; width: 100%; height: auto;}

.sitelink_sbox{position:absolute;right:0;top:-18px;}
.sitelink_sbox button{text-align:left;float:left;color: #BFBFC0;padding:0 0 0 28px;width: 230px;height:55px;position:relative;cursor:pointer;font-size: 16px;background: #2C2E34;font-weight: 500;}
.sitelink_sbox button:before{content:""; width:10px; height:7px; position:absolute; right:28px; top:24px; background:url(/pages/new_jepa/img/main/f-site-arrow.png) center right no-repeat;}
.sitelink_sbox ul{position:absolute;bottom:55px;/*! left:5px; */width:100%;height:auto;display:none;background:#fff;padding: 22px 28px;z-index:999;border:1px solid #d8d8d8;}
.sitelink_sbox ul li a{line-height: 29px;color:#333;display:block;width:100%}





/* ÃªÂ³ÂµÃ­â€ Âµ */
p {font-size: 18px;}
.title_box {display: block;width: 100%;height: auto;margin-bottom: 20px;}
.title_box .title {font-size: 30px;height: auto;line-height: 34px;}
.title_box .title:after {content: '';display: block;width: 40px;height: 4px;background: linear-gradient(to left, #2B37A5, #52A6CB);border-radius: 5px;margin-top: 10px;display: none;}
.title_box .title span {display: inline-block; height: 50px; line-height: inherit;}
.title_box .title span.em {font-size: 0.8em; margin-left: 10px;}

.base_table {width: 100%; height: auto; border-top: 2px solid #00329B;}
.base_table th,
.base_table td {border: 1px solid #DDD; text-align: center; font-size: 1.8rem; font-weight: bold;}
.base_table th:first-child,
.base_table td:first-child {border-left: 0;}
.base_table th:last-child,
.base_table td:last-child {border-right: 0;}



/* Ã¬â€”Â¬Ã«Â°Â± */
.mt80{margin-top:80px;}
.ml10{margin-left: 10px;}

/* Ã¬Â â€¢Ã«Â Â¬ */
.txt_align_c{text-align:center;}


/* Ã­Æ’â‚¬Ã¬ÂÂ´Ã­â€¹â‚¬ */
.sub_tit{display: block;width: 100%;height: auto;font-size: 3.3rem;font-weight: bold;margin-bottom: 16px;}
.u-tit02{  margin-bottom: 30px;  font-size:3.1rem;  font-weight: 600;  line-height: 140%;}
.tbsub_txt{  margin-top: 20px;  float: right;  font-size: 17px;  color: #555;}
span.info {color: #666;font-weight: 400;font-size: 17px;}
span.star{font-weight:700;color:#e6224c;padding:0 2px}


/* Ã­â€¦Å’Ã¬ÂÂ´Ã«Â¸â€ */
.base_table thead th {background-color: #F8FBFE;}
.base_table tbody th {background-color: #FBFBFB;}
.base_table td {font-weight: 400;}
.base_table tbody td.t_left{text-align:left;}
.base_table tbody td ul.tb_list li{background: url('/pages/new_jepa/img/main/table_icon.png') 0 9px no-repeat;position: relative;padding: 0 0 0 14px;margin: 0 0 6px 0;}
/* .base_table tbody td ul li:before{position:absolute;top:9px;left:0;content:""; display:block; width:5px; height:5px; background:#00329b;border-radius:50px;} */


.con02_tb{width:100%; height: auto; border-top: 2px solid #4b4b4b;border-right:1px solid #e1e1e1;word-break: break-all;}
.con02_tb th{padding:30px 0; font-size:18px;font-weight:500; background:#f6f6f6; border-left:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; }
.con02_tb th:last-child{border-right:0;}
.con02_tb td{padding:40px;font-size:18px;border-left:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;vertical-align:middle;line-height:1.5em;}
.con02_tb td.td_top{border-bottom:0;}
.con02_tb td.td_btm{position:relative;}
.con02_tb td.td_btm:before{ display: block; content: ''; position: absolute; top: 0; width: 319px; height: 1px; border-top: 1px dashed #e1e1e1;    }


/* list */
.bluedot_list li {line-height:160%;position:relative;margin-bottom: 38px;font-size: 1.8rem;}
.bluedot_list li:last-child {margin-bottom:0;}

.blackdot_list li {line-height:160%;position:relative;margin-bottom:0.5rem;}
.blackdot_list li:last-child {margin-bottom:0;}
.blackdot_list li:before {content:"";position:absolute;top:0.7em;left:0;display:block;width:4px;height:4px;background:#444;border-radius:50%;vertical-align:middle;}


/* Ã«Â²â€žÃ­Å Â¼ */
.c_btn{display: inline-block;
padding: 15px;
min-width: 120px;
text-align: center;
font-size: 16px;
font-weight: 700;
border: 0;
border-radius: 5px;
background: #333;
color: #fff;
cursor: pointer;
}

a.link_btn{
border: 1px solid #5d79b6;
padding: 10px 15px;
border-radius: 7px;
color: #14306e;
transition:ease-in-out 0.25s;
}

a.link_btn:hover{
background:#14306e;
color:#fff;
}


/* Ã¬â€žÂ¤Ã«Âªâ€¦Ã«Â°â€¢Ã¬Å Â¤ */
.info_box{background: #fff;border: 1px solid #ddd;padding: 45px;margin-bottom: 40px;text-align: center;color: #333;}


/* Ã¬Æ’â€°Ã¬Æ’Â */
span.red{color:red;}






/* Ã«ÂªÂ¨Ã«Â°â€Ã¬ÂÂ¼Ã«Â©â€Ã«â€°Â´ */
#navigation_mobile_wrap {display: none;}
#navigation_mobile_wrap.active {display: block;}
.pop_open_btn a.btn_fullmenu_t{display:block}
#navigation_mobile{position:fixed;width:100%;height:100%;min-height:100%;background:#f2f2f2;right:0;top:0;z-index:9999;display:none;}
#navigation_mobile h2{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
/* 	#navigation_mobile #navigation_m{padding-top:40px} */
/*#navigation_mobile ul > li > a:hover{color:#fff}
#navigation_mobile ul > li > a.on{background:#0f48a1;font-weight:bold;color:#fff}
#navigation_mobile ul > li > a.on span{font-size:33px} */
#navigation_mobile .btn_close{z-index:9999;position:absolute;display:block;width: 70px;height: 60px;top:0;right: 0px;background-color: transparent;}
#navigation_mobile .btn_close::before,
#navigation_mobile .btn_close::after {content: '';display: block;width: 2px;height: 22px;background-color: #fff;position: absolute;left: 50%;top: 50%;}
#navigation_mobile .btn_close::before {transform: translate(-50%,-50%) rotate(45deg);}
#navigation_mobile .btn_close::after {transform: translate(-50%,-50%) rotate(-45deg);}
#navigation_mobile .btn_close span{overflow:hidden;position:absolute;width:1px;height:1px;font-size:0;line-height:0}
#navigation_mobile ul > li > a span.planprice{display:block;width:40px;background:url(../img/layout/arrow_updown_m.png) no-repeat;font-size:0}
#navigation_mobile li > ul > li > a.blank{background:url('../img/layout/blank.png') 105px 4px no-repeat}

#navigation_mobile_wrap .menu_list_wrap {height: calc(100vh - 60px); position: relative; background-color: #fff;}
#navigation_mobile_wrap .menu_list_wrap:after {content: '';display: inline-block;width: 35%;height: 100%;background-color: #f8f9fb;position: absolute;left: 0;top: 0;}
#navigation_mobile_wrap .menu_list_wrap > li {width: 35%; z-index:1;}
#navigation_mobile_wrap .menu_list_wrap > li > .menu_items {font-size: 16px;}
#navigation_mobile_wrap .menu_list_wrap > li > .side_depth {border:0;width: calc(100% - 35%); height: 100%; position: absolute; right: 0; top: 0; background-color: #fff; z-index: 10;}


.navigation_top{background:#efefef;overflow:hidden;height:30px;padding:12px 0 12px 20px;border-bottom:1px solid #999}
.navigation_top a.btn_logout{background:#fff;border:1px solid #ddd;color:#222;box-sizing:border-box;padding:0 10px;height:35px;line-height:33px;display:inline-block;text-align:center;margin:-4px 0 0 10px}
.navigation_top h4{float:left;padding:0px 10px 0 0}
    .navigation_top .sns_icon{float:left}
    .navigation_top .sns_icon li{display:inline}
    .navigation_top .sns_icon li a{display:block;float:left;width:25px;height:25px;margin:0 3px}
    .navigation_top .sns_icon li:nth-child(1) a{background:url('../img/layout/header_sns_icon.png') 0 0 no-repeat}
    .navigation_top .sns_icon li:nth-child(2) a{background:url('../img/layout/header_sns_icon2.png') 0 0 no-repeat}
    .navigation_top .sns_icon li:nth-child(3) a{background:url('../img/layout/header_sns_icon3.png') 0 0 no-repeat}
    .navigation_top .sns_icon li:nth-child(4) a{background:url('../img/layout/header_sns_icon4.png') 0 0 no-repeat}
     .menu_category{width:100%;height:40px;color:#fff;padding:0 0px 0 20px;box-sizing:border-box;line-height:38px;font-size:15px;font-weight:200;background:#182751}
#navigation_mobile_wrap{display:block}

.navigation_mobile_top{background: #4263CD;padding: 15px 30px;height: 60px;display: flex;align-items: center;font-size: 16px;font-weight: 700;position: relative;}
.navigation_mobile_top a.login{border:1px solid #fff;color:#fff;padding:7px 10px 7px 30px;background:url(../img/main/top_iconlogin2.png) no-repeat left center;border-radius:3px;font-size:13px}
.navigation_mobile_top a.search{color:#fff;}
.navigation_mobile_top a.btn3{position:relative;color:#fff;margin-right: 30px;}
.navigation_mobile_top a.btn3:after {content: '';display: block;width: 1px;height: 13px;background-color: #ffffff7d;position: absolute;right: -17px;top: 6px;}

.navigation_mobile_top ul.sns{margin: 0 auto;display: flex;align-items: center;position: absolute;right: 65px;}
.navigation_mobile_top ul.sns li{}
.navigation_mobile_top ul.sns li a{transition:ease-in-out .25s;position:relative;width: 35px;height: 35px;border:1px solid #EEEEEE;display:flex;border-radius: 100%;align-items: center;margin-left: 4px;}
.navigation_mobile_top ul.sns li a:after {transition:ease-in-out .25s; content: '';display: block;width: 100%;height: 100%;position: absolute;}
.navigation_mobile_top ul.sns li:nth-child(1) a:after{background: url('/pages/new_jepa/img/main/ico-y-w.png') center no-repeat;}
.navigation_mobile_top ul.sns li:nth-child(2) a:after{background: url('/pages/new_jepa/img/main/ico-i-w.png') center no-repeat;}
.navigation_mobile_top ul.sns li:nth-child(3) a:after{background:url('/pages/new_jepa/img/main/ico-f-w.png') center no-repeat;}
.navigation_mobile_top ul.sns li:nth-child(4) a:after{background: url('/pages/new_jepa/img/main/ico-c-w.png') center no-repeat;}
.navigation_mobile_top ul.sns li a span{margin:0 auto;}




#navigation_m{position:relative}
#navigation_m li > a{position:relative;display:block;padding:12px 4%;color:#333;width:40%;background:#f2f2f2;z-index:10;line-height:24px;font-size:16px;border-bottom:1px solid #ddd}
#navigation_m li > a span{font-weight:400;word-break:keep-all}
#navigation_m > li.active > a{color:var(--main-color);background:#fff;border-right:0;border-left:5px solid var(--main-color)}
#navigation_m > li.active > a span{font-weight:700;color:var(--main-color)}
#navigation_m > li.active > a::after{content:'';position:absolute;width:0;height:0;right:0;top:18px;border-right:8px solid #fff;border-bottom:8px solid #fff;border-top:8px solid #fff;border-left:8px solid var(--main-color) }
#navigation_m > li .depth2{min-height:384px;;position:absolute;z-index:5;top:0;width:60%;left:40%;transition:all 0.5s; -webkit-transition: all 0.5s;-moz-transition:all 0.5s;opacity:0;background:#fff;padding:25px 10px}
#navigation_m > li.active .depth2{left:40%;opacity:1;visibility:visible;}
#navigation_m > li .depth2 > li > a{position:relative;display:block;color:#444;font-weight:300;padding:10px;border-bottom:1px solid #ddd;font-size:14px;background:#fff;width:100%}
#navigation_m > li .depth2 > li > a br{display:none}
#navigation_m > li .depth2 > li.active > a{font-weight:700;color:var(--main-color)}
#navigation_m > li .depth2 > li > .depth3{display:block; padding:10px; background-color:#c0cfe1}
#navigation_m > li .depth2 > li > .depth3 > li > a{display:block; padding:6px; font-size:13px; color:#606575;background:#c0cfe1;width:100%;border:none}
#navigation_m > li .depth2 > li > .depth3 > li > a:before{display:inline-block; margin-right:5px;}
#navigation_m > li .depth2 > li > .depth3 > li.active > a{font-weight:500;background:#8aa8cc;color:#333}
#navigation_m > li .depth2 > li:last-child{padding-bottom:150px}
#navigation_m > li:first-child::before{background:#fff;content:'';display:block}
#navigation_m > li:last-child::after{background:#fff;content:'';display:block;height:100%;width:50%}
#navigation_m li > a span.planprice2{font-size:25px;color:#999;float:right;font-weight:700}



.white_content {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    z-index: 999999;
}
.white_content:target {
    opacity:1;
    pointer-events: auto;
}
.white_content > div {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1540px;
	padding: 70px 80px 75px;
	background-color: white;
	overflow: auto;
	box-shadow: 0 0 2em #00024c;
	transform: translate(-50%, -50%);
}
.white_content .white_content_close{
	float: right;
	text-decoration: none;
	background:url('/pages/new_jepa/img/main/white_content_close.png') center no-repeat;
	width: 42px;
	height: 42px;
	right: 50px;
	position: absolute;
	top: 50px;
}
.white_content .white_content_close:hover, .white_content .white_content_close:focus,{
	color: dimgray;
	float: right;
	text-decoration: none;
}
.white_content h6{
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 17px;
}
.white_content h6 span{
    color: #4263CD;
}
.white_content .h-fsite-w{
    display: flex;
    align-items: center;
}
.white_content .h-fsite-w .h-fsite-box{
    width: calc(100% / 5 );
    border: 1px solid #DFE1EE;
    box-sizing: border-box;
    margin-right: 10px;
    padding:45px 10px;
    text-align: center;
    height: 338px;
}
.white_content .h-fsite-w .h-fsite-box:last-child{margin-right:0;}
.white_content .h-fsite-w .h-fsite-box .img{width: 101px;height: 101px;border-radius: 100%;margin: 0 auto;}
.white_content .h-fsite-w .h-fsite-box .img img{}
.white_content .h-fsite-w .h-fsite-box p{
    font-size: 23px;
    font-weight: 700;
    margin: 18px 0 23px;
    line-height: 34px;
    letter-spacing: -2px;
    height: 55px;
}
.white_content .h-fsite-w .h-fsite-box a{
    border: 1px solid #DFE1EE;
    width: 165px;
    height: 50px;
    display: flex;
    font-size: 15px;
    align-items: center;
    margin: 0 auto;
	transition:ease-in-out .25s;
}
.white_content .h-fsite-w .h-fsite-box a span{transition:ease-in-out .25s;position:relative;margin:0 auto;display: flex;align-items: center;}
.white_content .h-fsite-w .h-fsite-box a span:after {transition:ease-in-out .25s;content: '';display: block;width: 5px;height: 9px;position: relative;background: url('/pages/new_jepa/img/main/h-fsite-arrow.png') center no-repeat;margin-left: 55px;}
.white_content .h-fsite-w .h-fsite-box a:hover{background: #4263CD;border: 1px solid #4263CD;}
.white_content .h-fsite-w .h-fsite-box a:hover span{color: #fff;}
.white_content .h-fsite-w .h-fsite-box a:hover span:after{background: url('/pages/new_jepa/img/main/h-fsite-arrow-w.png') center no-repeat;}




.search_content {
    position: fixed;
    top: 100px;
    left: 50%;
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
    width: 100%;
    z-index: 999999;
    transform: translate(-50%, 0);
}
.search_content:target {
    opacity:1;
    pointer-events: auto;
}
.search_content .search_content_close{
	float: right;
	text-decoration: none;
	background:url('/pages/new_jepa/img/main/white_content_close.png') center no-repeat;
	width: 42px;
	height: 42px;
	right: 50px;
	position: absolute;
	top: 50px;
}
.search_content .search_content_close:hover, .search_content .search_content_close:focus,{
	color: dimgray;
	float: right;
	text-decoration: none;
}
.search_content > div {
	width: 100%;
	background-color: #132541;
	height: 344px;
	display: flex;
	align-items: center;
}
.search-area {
    width: 100%;
    max-width: 614px;
    margin: 0 auto;
}
.search-area .sch-top {
    position: relative;
    width: 100%;
}
.search-area .sch-top form{
    display: flex;
    align-items: center;
}
.search-area .sch-top input {
    width: calc(100% - 80px);
    height: 58px;
    font-size: 18px;
    font-family: 'Pretendard', sans-serif;
    line-height: 1;
    font-weight: 500;
    background: transparent;
    border: 0;
    margin: 0;
    height: 70px;
    padding: 0 32px;
    border-radius: 8px;
    background-color: #fff;
}

.search-area .sch-top .btn-sch {
    font-size: 0;
    width: 70px;
    height: 70px;
    border-radius: 8px;
    margin-left: 10px;
	background:#4263CD url('/pages/new_jepa/img/main/btn-sch.png') center no-repeat;
}

.search-area .sch-top .btn-sch:after {
    display: none;
}

.search-area .sch-top .btn-clear {
    right: 0;
}

.search-area .sch-tips {
    margin-top: 17px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.search-area .sch-tips dt {
    margin-right: 10px;
    color: #ffffff;
    font-size: 16px;
    background: url('/pages/new_jepa/img/main/sch-tips.png') left center no-repeat;
    padding: 0 0 0 30px;
    width: 120px;
}
.search-area .sch-tips dd{width: calc(100% - 130px);}
.search-area .sch-tips dd button{
    background: none;
    color: #fff;
    border: 1px dashed #cdd8ea;
    padding: 12px 29px;
    border-radius: 100px;
    font-weight: 700;
    font-size: 15px;
    margin-left: 5px;
	transition:ease-in-out .25s;
}
.search-area .sch-tips dd button:hover{opacity:0.8;}
.sch-box:before {
    content: '';
    display: block;
    position: fixed;
    left: 0;
    top: calc(100px + 320px);
    right: 0;
    bottom: 0;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    transition: opacity 0.3s ease, height 0s 0.3s;
    overflow: auto;
}

/* top-nav */
.navigation_sub {
    display: none;
    position: absolute;
    left: 0;
    top: 100px;
    width: 100%;
    background: #fff; 
	box-shadow: 0 10px 10px rgb(0 0 0 / 10%);
	}
.navigation_sub:before {content: ''; display: block; width: 100vw; height: 100%; position: absolute; left: calc(50% + 50px); top: 0; transform: translate(-50%,0); z-index: -10; background: linear-gradient(to right, #00509F 50% , #fff 50%);}


.navigation_sub.active {
    display: block; }
.navigation_sub > .navigation_sub_inner {
    display: flex;
    width: 100%; }


.left_title:before{
    display: block;
    position: absolute;
    top: 0;
    left: -198px;
    width: 480px;
    content: "";
    height: 100%;
    background:#1b2a5c url("/pages/cnc/img/main/pulldown_bg2.png") right bottom no-repeat;
    background-size: 508px 495px;
}
.left_title {
    width: 20%;
    background:#1b2a5c;
    position: relative;
    padding:55px 0;
    text-align: left;}
header #header_wrap .header_wrap .gnb_wrap > ul > li {
    flex: 0 1 auto;
    display: inline-block;
    width: auto;
    height: auto;
    position: static;
}
.navigation_sub > .navigation_sub_inner > .left_title > span.title {
    font-size: 29px;
    font-weight: 700;
    display: inline-block;
    color: #fff;
    position:relative;
    margin: 0 0 23px 0;
    line-height: inherit;
    height: 63px; }

.navigation_sub > .navigation_sub_inner > .left_title > span.title:before {
    display: block;
    content: "";
    width: 43px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 2px;
    }


.navigation_sub > .navigation_sub_inner > .left_title > span.slogan {
    line-height: 25px;
    display: block;
    font-size: 17px;
    color: #fff;
	position: absolute;
    top: 142px;
    left: 0;
	font-weight: 400;
	}
.navigation_sub > .navigation_sub_inner > .left_title:after {
    display: block;
    content: "";
    width: 190px;
    height: 190px;
    background: url(/pages/cnc/img/main/pulldown_bg.png) center center no-repeat;
    position: absolute;
    bottom: 40px;
    right: 25px; }

.sub_menu_content {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: flex-start;
    justify-content: flex-start;
    align-items: flex-start;
    width: 75%;
	position:relative;
	min-height:226px;
}

.navigation_sub_list {
    width: 124%;
    height: auto;
    min-height: 44px;
    position: relative;
    background: #fff;
    display: flex; }

.navigation_sub_list > .sub_title:before{
    content: "";
    display: block;
    width: 1000%;
    height: 1px;
    background: #dfdfdf;
    position: absolute;
    bottom: -1px;left: 0;z-index: 1;
}
.navigation_sub_list > .sub_title:first-child:after{
    content: "";
    display: block;
    width: 1000%;
    height: 1px;
    background: #dfdfdf;
    position: absolute;
    top:0px;left: 0;z-index: 1;
}
.navigation_sub_list > .sub_title {
    flex: 0 0 auto;
    height: 100%;
    display: block; 
	}
.navigation_sub_list > .sub_title > a {
    position: relative;
    display: block;
    height: 100%;
    color: #555; }
.navigation_sub_list > .sub_title > .on span {background:#4263CD;color: #fff;}
.navigation_sub_list > .sub_title > a{text-decoration:none;}
.navigation_sub_list > .sub_title > a.blank span:after {content: ''; display: inline-block; width:11px; height:11px; margin:0 0 0 6px; background:url('/pages/new_jepa/img/main/ico-blank.png') center no-repeat; position: relative;;}
.navigation_sub_list > .sub_title > a span:hover {background:#4263cd; color:#fff;}
.navigation_sub_list > .sub_title > a span:hover:after {background:url('/pages/new_jepa/img/main/ico-blank-on.png') center no-repeat;}
.navigation_sub_list > .sub_title > .on span:after{background:url('/pages/new_jepa/img/main/ico-blank-on.png') center no-repeat !important;}
.navigation_sub_list > .sub_title > a > span {
    width: 100%;
    height: 100%;
    display: block;
    background:#f8f9fb;
    font-size: 16px;
    color: #333;
    line-height: normal;
    font-weight: 500;
	text-align:left;
    width: 260px;
	padding:13px 20px;
	position:relative;
	}
.navigation_sub_list > .depth3 {
    width: 100%;
    overflow: hidden;
    padding: 8px 10px 5px 15px;
    vertical-align: top;
    height: 100%;
	text-align: left !important;
	padding: 0 0 0 10px !important;
    }

.navigation_sub_list > .depth3 .on{ color:#2e397e; }

.navigation_sub_list > .depth3 > li {float:left; padding: 13px 10px 5px 0; }
.navigation_sub_list > .depth3 > li > a {
    display: block;
    padding-left: 5px;
    color: #777;
    position: relative;
    line-height: normal;
    font-size: 15px;
    font-weight: 500;
    position: relative;
    }
.navigation_sub_list > .depth3 > li > a.blank:after {content: ''; display: inline-block; width:11px; height:11px; margin:0 0 0 0px; background:url('/pages/new_jepa/img/main/ico-blank.png') center no-repeat; position: relative;;}

.navigation_sub_list > .depth3 > li > a:hover{color: #1b2a5c;font-weight:600;}
.navigation_sub_list > .depth3 > li > a.blank:hover:after{background:url('/pages/new_jepa/img/main/ico-blank-on2.png') center no-repeat;}


@media screen and (max-width: 1800px) {
    header #header_wrap .header_wrap .gnb_wrap > ul > li > a {padding: 0 20px;}
}
@media screen and (max-width: 1600px) {
    header #header_wrap .header_wrap .gnb_wrap > ul > li > a {padding: 0 10px;}
}


@media screen and (max-width:1500px) {
	header{padding:0;position: relative;}
	header #header_wrap .header_wrap .logo{margin-left: 3%;padding: 0;}
	button.h-fsite{display:none;}

	ul.user_menu{position: absolute;right: 0;top: 0;}
	ul.user_menu li.h-login a, ul.user_menu li.h-search a, ul.user_menu li.h-logout a{display:none;}
    ul.user_menu .all_menu {display: none;}
    ul.user_menu .all_menu.mobile {display: block;}

	/* mobile */
    .active #navigation_mobile {display: block;max-width: 580px;}
	#navigation_mobile:before {content: '';display: inline-block;width: 100vw;height: 100%;background-color: #000;position: absolute;left: -100vw;top: 0;opacity: 0.7;}
	#navigation_mobile_wrap .menu_list_wrap > li .menu_items.exist_depth::before, #navigation_mobile_wrap .menu_list_wrap > li .menu_items.exist_depth::after{display:none;}
	#navigation_mobile_wrap .menu_list_wrap > li > .menu_items.on{background:#1B2B5C;color:#fff;}
	#navigation_mobile_wrap .menu_list_wrap > li > .side_depth{padding: 10px 25px;}
	#navigation_mobile_wrap .menu_list_wrap > li .side_depth > li > .menu_items{padding-left: 0;}
	#navigation_mobile_wrap .menu_list_wrap > li .side_depth > li > .menu_items span.planprice2{font-size: 21px;font-weight: 400;}
	#navigation_mobile_wrap .menu_list_wrap > li .side_depth .side_depth{border:1px solid #4263cd;background: none;}
	#navigation_mobile_wrap .menu_list_wrap > li .side_depth .side_depth .side_depth{background: #f8f9fb;border: none;padding: 10px 30px;}
	#navigation_mobile_wrap .menu_list_wrap > li .side_depth .side_depth .side_depth li .menu_items{font-size: 15px;min-height: 24px;}

	#navigation_mobile_wrap .menu_list_wrap > li .side_depth > li > .menu_items:before{display:none;}
	#navigation_mobile_wrap .menu_list_wrap > li .side_depth .side_depth > li > .menu_items:before{display:inline-block;}

	#navigation_mobile_wrap .menu_list_wrap > li > .menu_items{background:none;border-top: 0;border-right: 0;border-left: 0;background-color: #f8f9fb;margin-top:0;}
    header #header_wrap .header_wrap .gnb_wrap {display: none;}
	footer {padding:60px 3% 72px;}



	.con02_tb th {padding: 20px;}
	.con02_tb td {padding: 20px;}
}
@media screen and (max-width:1300px) {
  header #header_wrap .header_wrap .gnb_wrap > ul > li > a {padding: 0 14px;}

}

@media screen and (max-width: 1200px) {
    .sub_visual_wrap {height: 200px;}
    .sub_visual_wrap span.slogan {padding-top: 68px;}
}
@media screen and (max-width:1100px) {
  header #header_wrap .header_wrap .gnb_wrap > ul {margin-right: 14px;}
  header #header_wrap .header_wrap .gnb_wrap > ul > li {margin-right: 0;}
  header #header_wrap .header_wrap .gnb_wrap > ul > li > a {padding: 0 10px;}
}

@media screen and (max-width:1000px) {
    header #header_wrap .header_wrap .logo {width: auto; min-width: auto;}

    header.sub #header_wrap {padding: 0;}

    button.h-fsite {margin-right: 20px;}

	header #header_wrap .header_wrap .menu {display: none;}
	header #header_wrap .header_wrap .user_menu {}
	header #header_wrap .header_wrap .user_menu .another_menu.it_all {display: none;}
	#header_wrap .header_wrap .all_menu_wrap .user_menu_tab {display: flex;}
	#header_wrap .header_wrap .all_menu_wrap .menu_box {max-width: calc(100% - 200px); height: 100vh; overflow-y: auto; left: auto; top: 0; right: 0; transform: translate(0,0); animation-name: all_menu_ani_1; animation-fill-mode: forwards; animation-duration: 0.35s; animation-timing-function: ease-in-out;padding: 80px 50px 50px;}
	#header_wrap .header_wrap .all_menu_wrap .menu_box .level_2 > ul {width: 100%; flex-direction: column;}
	#header_wrap .header_wrap .all_menu_wrap .menu_box .level_2 > ul > li > a{border: 0;border-bottom: 1px solid #e0e0e0;padding: 20px 39px 20px 0;margin: 0 15px 0 0;font-size: 1.8rem;}

	.modal_wrap .modal{width: calc(100% - 100px);}

	.sitelink_sbox{display:none;}
	footer .footer_wrap .footer_info ul{display: inherit;}
	footer .footer_wrap .footer_info ul li{float: left;margin-bottom: 10px;}
}
@keyframes all_menu_ani_1 {
  from {right: calc(-100% + 200px);}
  to {right: 0;}
}



@media screen and (max-width:900px) {
	.search-area{width: 80%;max-width: inherit;}
	.search-area .sch-tips{display: inline-block;}
	.search-area .sch-tips dd{width: 100%;text-align: left;margin-top:10px;}
	.search_content{top: 80px;}
	.search_content .search_content_close{right: 20px;top: 20px;background-size: 32px;}
}



@media screen and (max-width:800px) {
	#header_wrap .header_wrap .logo a {min-width: auto;}
	footer .footer_wrap .to_top {display:none; position: fixed; right: 20px; top: auto; bottom: 10px; z-index: 100; background-color: #2E3139;}
	.con02_tb th {padding: 10px;font-size: 15px;}
	.con02_tb td {padding: 10px;font-size: 15px;}
}


@media screen and (max-width:700px) {
	header #header_wrap .header_wrap .logo a img{width:100%;}
	header #header_wrap .header_wrap .logo {max-width: 246px;}
	header #header_wrap {height: 80px;}
	header #header_wrap .header_wrap {height: 80px;}
	ul.user_menu li {height: 80px;}
	ul.user_menu li.h-login a {width: 80px; height: 80px;}
	ul.user_menu li.h-search a {width: 80px; height: 80px;}
	ul.user_menu .all_menu{width: 80px; height: 80px;}
}

@media screen and (max-width:690px) {
	footer{padding: 30px 3%;}
	footer .footer_wrap .footer_info ul{margin-bottom: 10px;}
	footer .footer_wrap .footer_info ul li{font-size: 15px;}
	footer .footer_wrap .company_info_list{line-height: 22px;font-size: 15px;}
}




@media screen and (max-width:600px) {
    button.h-fsite {display: none;}
    .user_menu {margin-left: auto;}
    ul.user_menu li.h-login {display: none;}
    ul.user_menu li.h-search {display: none;}
}
@media screen and (max-width:500px) {
	header #header_wrap .header_wrap .user_menu .another_menu > a {height: 30px; line-height: 30px;}
	header #header_wrap .header_wrap .all_menu_wrap .menu_box {max-width: calc(100% - 30px); animation-name: all_menu_ani_2;padding: 80px 35px 50px;}
	header #header_wrap .header_wrap .user_menu .another_menu{margin-right:0;}

	.base_table th, .base_table td{font-size: 1.5rem;}
	table th, table td{padding: 13px 8px;}
	.base_table tbody td ul.tb_list li{background: url('/pages/new_jepa/img/main/table_icon.png') 0 5px no-repeat;position: relative;padding: 0 0 0 8px;}

	.modal_wrap .modal{width: calc(100% - 50px);}
	.modal_wrap .modal .content_wrap{padding: 15px 20px 20px;}
	.info_wrap .date_place{margin-bottom: 24px;}


	footer .footer_wrap .to_top {top: 50%; bottom: auto; transform: translate(0,-50%); width: 40px; height: 40px; border-radius: 50%; background-size: 20px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); display:none;}
}



@keyframes all_menu_ani_2 {
  from {right: calc(-100% + 30px);}
  to {right: 0;}
}


@media screen and (max-width:400px) {
	.navigation_mobile_top{padding: 15px 15px;}
	#navigation_mobile_wrap .menu_list_wrap > li > .menu_items{font-size: 15px;letter-spacing: -0.5px;padding: 6px 15px;}
	#navigation_mobile_wrap .menu_list_wrap > li .side_depth{font-size: 17px;padding: 10px 20px;}
	#navigation_mobile_wrap  .menu_list_wrap > li .side_depth .side_depth > li > .menu_items{font-size: 15px;}
}
.mt20 {
    margin-top: 20px !important;
}
.btn_serach {      position: relative; top: 13px;}