@charset "utf-8";
/*
font-size
px to rem

18px 1.125rem
17px 1.063rem
16px 1rem
15px 0.938rem
14px 0.875rem
13px 0.813rem
12px 0.75rem

*/


/* header - top */
header{width: 100%;font-family: 'G-sans', "sans-serif";}
header .top_wrap, header .bottom_wrap{height: 100%;}
header .top_wrap{position:relative; overflow: hidden;width: 100%;height: 50px;font-size: 0.813em;font-weight: 200;}
header .top_wrap .top{display: inline-block;}
header .top_wrap .user{display: inline-block;width:auto;height: 100%;}
header .top_wrap .user li{float:left;margin-right: 30px;;}
header .top_wrap .user li a{display: block;line-height: 50px;color: #fff;}
header .top_wrap .user li a img{display: inline-block;vertical-align: middle;margin-right: 5px;}
header .btn_mypage_icon, header .btn_home_icon{display: none;}
header .top_wrap .btn_search_icon, header .top_wrap .btn_allmenu_icon, .top_wrap .btn_change_icon{display: inline-block;vertical-align: top;width: 50px;height: 50px;background-position: 50% 50%;background-repeat: no-repeat;}
header .btn_search_icon{background-image: url(../image/header/icon_search.png);}
header .btn_change_icon{background-image: url(../image/header/icon_change_white.png);}
header .btn_allmenu_icon{background-image: url(../image/header/icon_menu.png);}
header .top_wrap .user, header .top_wrap .btn_search_icon, header .top_wrap .btn_allmenu_icon, header .top_wrap .btn_change_icon{border-right:1px solid rgba(255,255,255,0.2)}
header .top_wrap .btn_login_icon{display:none;}

header .top_wrap .nuri{display:flex; align-items:center; position:absolute; left:0; top:50%; transform:translateY(-50%);}
header .top_wrap .nuri span{display:block; width:47px; height:20px;}
header .top_wrap .nuri span img{display:block; width:100%;}
header .top_wrap .nuri p{margin-left:5px; color:#fff; font-family:'N-sans', "sans-serif"; font-size:13px;}

/* header - bottom /gnb */
header .bottom_wrap{width: 100%; height: 90px;border-bottom: 1px solid #e8e8e8;background: #fff;}
header .bottom_wrap .btn{float:left;vertical-align: top;width: 40px;height: 62px;background-position: 50% 50%;background-repeat: no-repeat;}
header .bottom_wrap .btn_prev_page{display: none;background-position: left 6px top 52%;background-image: url(../image/header/btn_prev_page.png);}
header .bottom_wrap h1{display:flex; align-items:center; justify-content:center; height:89px; width:219px;float: left;margin-right: 20px;}
header .bottom_wrap h1 .header_logo{display: block;}
header .bottom_wrap h1 .header_logo img{display: block; max-width:219px;}
header .bottom_wrap nav{width: calc(100% - 270px);max-width:1000px;float: right;}
header .bottom_wrap nav .gnb{display:flex; width: 100%;float: right;}
header .bottom_wrap .gnb > li{flex:1; width:auto;}
header .bottom_wrap .gnb > li > a{position: relative;display: block;width: auto;text-align: left;line-height: 88px;padding: 0 10px;font-size: 1.13rem;border-bottom:2px solid transparent}
header .bottom_wrap .gnb.gnb_long > li > a{padding:0 5px; font-size:1.1rem; letter-spacing:-1.7px; text-align:left;}
header .bottom_wrap .gnb.gnb_long .lnb > li > a{padding:0 5px; font-size:0.88rem;}
header .bottom_wrap .mem_h1 {display: none;}
.nuri_m{display:none; position:fixed; left:0; top:0; width:100%; height:40px; border-bottom:1px solid #e8e8e8; background:#fff; z-index:10;}
.nuri_m .inr{display:flex; align-items:center; height:100%; padding-left:10px;}
.nuri_m span{display:block; width:47px; height:20px;}
.nuri_m span img{display:block; width:100%;}
.nuri_m p{margin-left:5px; color:#666; font-family:'N-sans', "sans-serif"; font-size:13px;}

/* submenu */
header .bottom_wrap .gnb .lnb{display: block;position: absolute;z-index: 999999;padding: 30px 0;}
header .bottom_wrap .gnb .lnb > li{display: block;}
header .bottom_wrap .gnb .lnb > li > a{display: block; max-width:130px; text-align: left;font-size: 0.90rem;line-height: 17px;margin-bottom: 14px;color: #666;padding:0 10px}
header .lnb_bg_wrap{position: absolute;z-index: 999998;top:140px;right: 0; left: 0;width: 100%;background:#fff;height: 470px;box-shadow: 10px 2px 27px rgba(0,0,0,0.08);}
header .lnb_bg_wrap .lnb_bg_box{position: relative;width:28%;height: 100%;background-position: top 0px left 0px;background-repeat: no-repeat;}
header .lnb_bg_wrap .lnb_bg_box .lnb_bg_con{position: absolute;right:0;width: 229px;height: 100%;padding-top: 50px;}
header .lnb_bg_wrap .lnb_bg_box .lnb_bg_con:nth-of-type(1){z-index: 1;}
header .lnb_bg_wrap .lnb_bg_box .lnb_bg_con p{text-align: center;font-size: 1.875rem;}
header .lnb_bg_wrap .lnb_bg_box .lnb_bg_con img{position:absolute;bottom:20px; right:5px;}
/*테마 및 구성 관리 CSS 이동*/
header.main_nuri .bottom_wrap .gnb .lnb > li > a{display:block; max-width:140px; text-align:left; font-size:0.90rem; line-height:17px; margin-bottom:14px; color:#666; padding:0 10px;}
header.main_nuri .bottom_wrap .gnb .lnb > li > a:hover{color:#325AD9;}
header.main_nuri .lnb_bg_wrap{top:170px; height:400px !important;}
/* lnb close */
header .bottom_wrap .gnb .lnb{display: none;}
.lnb_bg_wrap{display: none;}

/*  2022.08.29 ssj - 국가상징 추가 */
header .bottom_wrap .mark{display:block; float:left; width:55px; height:38px; margin-top:24px;}

/* quick menu */
.right_quick_wrap{position:absolute;top: 80px;right: 20px;z-index: 10;;width:95px;font-family: 'G-sans', "sans-serif";box-shadow: 0px 5px 20px rgba(185, 185, 185, 0.4);transition: .5s;}
.right_quick_wrap .quick_title{line-height: 40px;color: #fff;font-size: 0.688rem;font-weight: 200;letter-spacing: 0;text-align: center;}
.right_quick_wrap ol{background-color: #fff;}
.right_quick_wrap ol li{border-bottom: 1px solid #e8e8e8;}
.right_quick_wrap ol li:last-of-type{border-bottom: 0}
.right_quick_wrap ol li a{display:block;text-align: center;padding: 16px 0 14px;}
.right_quick_wrap ol li a img{display: block;margin: 0 auto;margin-bottom: 8px;}
.right_quick_wrap ol li a span{display: block;font-size: 0.813rem;line-height: 20px;}

/* 2022.07.28 ssj - 추가 */
.right_quick_wrap .btn_top{position:absolute; left:50%; bottom:-70px; transform:translateX(-50%);display: none;}
.right_quick_wrap .btn_top button{width:50px; height:50px; background:#6d7c9a; border-radius:50%;cursor: pointer;}
.right_quick_wrap .btn_top button span{display:block; padding-top:10px; color:#fff; font-size:12px; font-weight:700;}
.right_quick_wrap .btn_top button span:before{content:''; display:block; position:absolute; top:7px; left:50%; border-top:5px solid transparent; border-right:5px solid transparent; border-left:5px solid transparent; border-bottom:5px solid #fff; transform:translateX(-50%);}

/* mob_topmenu */
.mob_top_menu_wrap {display: none; position: fixed; right: -68vw; top: 0; z-index: 9999999; width: 68vw; height: 100%; background: #fff; box-sizing: border-box; transition: .2s;}
.mob_menu_show {display:none !important;}


/* media */
@media screen and (max-width: 1700px) {
	header .lnb_bg_wrap .lnb_bg_box{width:25%;}
}

@media screen and (max-width: 1560px) {
	.right_quick_wrap{display: none;}
}
@media screen and (max-width: 1350px) {
	header .lnb_bg_wrap .lnb_bg_box{width:20%;}
}



@media screen and (max-width: 800px) {
	/* header - top */
	header{height: 55px;z-index: 999997;;position: fixed;top:0;background-color: #fff;border-bottom: 1px solid #e8e8e8;}
	header.main{height: 75px;z-index: 999997;;position: fixed;top:0;background-color: #fff;border-bottom: 1px solid #e8e8e8;}
	header.main .top_wrap{position: absolute;top: 14px ;right: 4px;}/*  main header */
	header.main .bottom_wrap{/* position: absolute; *//* top: 6px; *//* left: 15px; */padding-right:0;}/*  main header */
	header.main .bottom_wrap .btn_prev_page{display: none;background-position: left 6px top 32%;background-image: url(../image/header/btn_prev_page.png);}
	header .top_wrap{position: absolute;top: 2px ;right: 4px;}/*  sub header */
	header .bottom_wrap{position: absolute;top: 0px ;left: 15px;}/*  sub header */
	header .bottom_wrap .btn_prev_page{display: block;background-position: left 6px top 50%;background-image: url(../image/header/btn_prev_page.png);}
	header .bottom_wrap .mem_h1 {display: block; padding: 0; position: fixed; top: 13px; left: 50px; color: #2b4173!important; font-size: 20px; font-family: 'N-sans','san-serif'; border-bottom: 0!important;
	  background-image: none!important; font-weight: bold;}

	header .top_wrap{width: auto;}
	header .top_wrap.templete_bg_color{background: transparent !important;}
	header .top_wrap .top{display: inline-block;}
	header .top_wrap .user{display: none;}
	header .top_wrap .btn{display: inline-block !important;vertical-align: top;width: 40px;height: 50px;background-position: 50% 50%;background-repeat: no-repeat;}
	header .top_wrap .btn.btn_home_icon{background-image: url(../image/header/icon_home_mob.png);}
	header .top_wrap .btn.btn_prev_page{background-image: url(../image/header/icon_home_mob.png);}
	header .btn_search_icon{background-image: url(../image/header/icon_search_mob.png);}
	header .btn_login_icon{background-image: url(../image/header/icon_login_mob.png);}
	header .btn_mypage_icon{background-image: url(../image/header/icon_mypage_mob.png);}
	header .btn_allmenu_icon{background-image: url(../image/header/icon_menu_mob.png);}
	header .top_wrap .user, header .top_wrap .btn_search_icon, header .top_wrap .btn_allmenu_icon, header .top_wrap .btn_change_icon{border-right:0}
	/* header - bottom /gnb */
	header .bottom_wrap{display: inline-flex; align-items: center;width: auto; height: 55px;border-bottom:0;background: transparent;}
	header .bottom_wrap h1{width:150px;float: left;margin-right: 0px;}
	header.main .bottom_wrap h1 .header_logo img{width:100%;min-width:150px;}
	/*header .bottom_wrap h1 .header_logo{display: none;}*/
	header .bottom_wrap nav{display: none;}
	header .bottom_wrap nav .gnb{width: 100%;float: right;}
	header .bottom_wrap .gnb > li{width:18%;min-width:125px;float: left;margin-left: 2%;}
	header .bottom_wrap .gnb > li > a{position: relative;display: block;width: auto;text-align: left;line-height: 88px;padding: 0 10px;font-size: 1.13rem;border-bottom:2px solid transparent}
	/* submenu */
	header .bottom_wrap .gnb .lnb{display: block;position: absolute;z-index: 999999;padding: 30px 0;}
	header .bottom_wrap .gnb .lnb > li{display: block;}
	header .bottom_wrap .gnb .lnb > li > a{display: block;text-align: left;font-size: 0.90rem;line-height: 17px;margin-bottom: 14px;color: #666;padding:0 10px}
	header .lnb_bg_wrap{position: absolute;z-index: 999998;top:140px;right: 0; left: 0;width: 100%;background:#fff;height: 290px;box-shadow: 10px 2px 27px rgba(0,0,0,0.08);}
	header .lnb_bg_wrap .lnb_bg_box{position: relative;width:28%;height: 100%;background-position: top 0px left 0px;background-repeat: no-repeat;}
	header .lnb_bg_wrap .lnb_bg_box .lnb_bg_con{position: absolute;right:0;width: 229px;height: 100%;padding-top: 50px;}
	header .lnb_bg_wrap .lnb_bg_box .lnb_bg_con:nth-of-type(1){z-index: 1;}
	header .lnb_bg_wrap .lnb_bg_box .lnb_bg_con p{text-align: center;font-size: 1.875rem;}
	header .lnb_bg_wrap .lnb_bg_box .lnb_bg_con img{position:absolute;bottom:20px; right:5px;}
	/* lnb close */
	header .bottom_wrap .gnb .lnb{display: none;}
	.lnb_bg_wrap{display: none;}

	/* quick menu */
	.right_quick_wrap{display: none;}

	/* mob_top_menu */
	.mob_top_menu_wrap.mob_show { display: block; position: fixed; right: 0px; top: 0; z-index: 9999999; width: 68vw; height: 100%; background: #fff; box-sizing: border-box;}
	.mob_top_menu_wrap .user { background-color: #1a54cb; height: 40px; line-height: 35px; color: #fff; padding: 0 15px;}
	.mob_top_menu_wrap .user a img {width: 12px; margin-right: 5px; vertical-align: middle;}
	.mob_top_menu_wrap .user a span {font-size: 0.688rem; }
	.mob_top_menu_wrap .user a.line::after{content: ''; display: inline-block; width: 1px; height: 10px; background-color:#fff; opacity: 0.5; margin: 0 8px 0 12px; vertical-align: middle;}
	.mob_top_menu_wrap .user .btn_mob_close { float:right; margin-top: 12px; width: 18px; height: 18px; background: url(../image/common/btn_popup_close.png) top 50% right 0% no-repeat; background-size: contain; cursor: pointer;}
	.mob_top_menu_wrap .menu_1dep {height:auto;border-bottom: 1px solid #e7e8ec; color: #333;}
	.mob_top_menu_wrap  ul ul {display: none;}
	.mob_top_menu_wrap .menu_1dep .title { display: block;  padding: 0 15px; height: 36px; line-height: 36px;font-size: 0.813rem; background-image: url(../image/main/ico_arr_off.png); background-position: top 50% right 15px ; background-repeat: no-repeat; background-size: 11px;}
	.mob_top_menu_wrap .menu_1dep.on .title {background-color: #00a3aa; color: #fff;  background-image: url(../image/main/ico_arr_on.png);}
	.mob_top_menu_wrap .sub_menu{ background-color: #f5f7fb; color: #333; padding: 10px 0;}
	.mob_top_menu_wrap .sub_menu li { height:25px; line-height: 25px; font-size: 0.688rem; padding: 0 17px; }
	.mob_top_menu_wrap .sub_menu li a { display: block; background:url(../image/main/ico_arr_sm.png) top 50% right 0% no-repeat; background-size: 3px;}
	.mob_top_menu_wrap .menu {display:inline-block; float:right; padding:15px 0 14px 0;}
	.mob_dim {display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0;z-index: 9999998; background-color: rgba(0,0,0,0.7); cursor: default;}
	.mob_dim.open {display:block;}
	.mob_menu_show {display:inline-block !important;}
	.all_menu_hidden {display:none !important;}
}

/* 2022.09.28 ssj - 자동로그아웃 */
.top_wrap > .pagew{position:relative; height:50px;}
.timeout_box{display:inline-flex; align-items:center; height:100%; margin-right:10px; vertical-align:top; box-sizing:border-box;}
.timeout_box .time_wrap{display:flex; justify-content:space-between; align-items:center; gap:5px; position:relative; height:28px; padding:0 4px 0 27px; border:1px solid rgba(255,255,255,0.5); border-radius:50px; box-sizing:border-box;}
.timeout_box .time_wrap:before{content:''; display:block; position:absolute; left:10px; top:50%; width:12px; height:12px; margin-top:-6px; background: url(/resource/image/header/ico_timeout.png) no-repeat;}
.timeout_box .time_wrap p{padding-top:2px; color:#fff; font-family:'G-Sans'; font-size:12px; font-weight:500;}
.timeout_box .time{margin-left:3px; font-family:'Pretendarde';}
.timeout_box .time ul{display:flex; justify-content:center; align-items:center; gap:5px;}
.timeout_box .time ul li{display:flex; justify-content:center; align-items:center;}
.timeout_box .time ul li span{display:block; color:#fff; font-size:14px; font-weight:500; letter-spacing:0.5px;}
.timeout_box .time ul li em{color:#fff; font-size:12px; font-weight:300; font-style:normal;}
.timeout_box .time_wrap button{padding:1px 10px 3px; color:#fff; border-radius:10px; background:rgba(0, 0, 0, .4); box-sizing:border-box; cursor:pointer; transition:all .3s ease;}
.timeout_box .time_wrap button:hover{background:rgba(0, 0, 0, 0.6);}
.timeout_box .time_wrap button span{display:block; color:#fff; font-size:12px;}

/* templete_flat 적용 */
.templete_flat .right_quick_wrap .btn_top button{border-radius:0;}

/* 20250120 전자정부 누리집 */
#top_nuri{height:30px; background:#eef2f7;}
#top_nuri .inner{max-width:1300px; margin:0 auto; box-sizing:border-box;}
#top_nuri .txt{display:block; position:relative; padding-left:32px; color:#000; font-family:'Pretendard'; font-size:15px; font-weight:300; letter-spacing:0; line-height:30px; word-break:keep-all;}
#top_nuri .txt:before{content:''; display:block; position:absolute; left:0; top:50%; width:24px; height:24px; background:url(../image/common/ico_flag.svg) no-repeat; transform:translateY(-50%);}

@media screen and (max-width: 1280px){
	#top_nuri .inner{position:absolute; left:15px; top:0; width:100%;}
	.main_nuri .top_menu{position:relative; height:calc(100% - 30px);}
	.top_menu .top_wrap .timeout_box{display:none;}
	.mob_top_menu_wrap .time_wrap{gap:8px; width:auto; height:24px;}
	.mob_top_menu_wrap .time_wrap p{padding-top:4px; font-size:11px;}
	.mob_top_menu_wrap .timeout_box{align-items:flex-start; width:100%; height:auto; margin-right:0; vertical-align:baseline;}
	.mob_top_menu_wrap .timeout_box .time{margin-left:0;}
	.mob_top_menu_wrap .timeout_box .time ul{line-height:1.3rem;}
	.mob_top_menu_wrap .timeout_box .time ul li span{font-size:13px; font-weight:700;}
	.mob_top_menu_wrap .timeout_box .time ul li em{font-weight:400;}
	.mob_top_menu_wrap .timeout_box .time_wrap button{padding:0px 8px 1px;}
	.mob_top_menu_wrap .app_download span{line-height:19px !important;}
}
@media screen and (max-width: 800px){
	#top_nuri .txt{font-size:13px;}
}


/*언어*/
header{position:relative;}
.language{position:absolute; right:calc((100% - 1300px) / 4); top:calc(100% - 45px); margin-top: -16.5px;}
.goog-te-gadget-simple{padding:6px 8px !important; border:1px solid #ddd !important; border-radius:50px;}
.goog-te-gadget-simple span{font-family:arial; font-size:10pt;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span[aria-hidden="true"]{font-size:11px !important;}
.VIpgJd-ZVi9od-xl07Ob-lTBxed span:first-child{color:#555;}

@media screen and (max-width:1800px) {
	.language{right:calc((100% - 1300px) / 6);}
}
@media screen and (max-width:1680px) {
	.language{right:20px;}
}
@media screen and (max-width:1600px) {
	.language{right:10px;}
	.goog-te-gadget-simple{padding:6px !important;}
}
@media screen and (max-width:1580px) {
	.VIpgJd-ZVi9od-xl07Ob-lTBxed span:first-child{display:none;}
	.VIpgJd-ZVi9od-xl07Ob-lTBxed{margin:0 !important;}
}
@media screen and (max-width:1480px) {
	.language{right:5px;}
}
@media screen and (max-width:1280px) {
	.language{display:none;}
}

/*header전체변경*/
.pagew{height:100%;}
header .bottom_wrap nav{height:100%;}
header .bottom_wrap nav .gnb{height:100%;}
header .bottom_wrap .gnb > li > a{display:flex; align-items:center; height:100%; line-height:normal; overflow:hidden;}


/*앱다운로드*/
header .top_wrap .user li .app_download,
.mob_top_menu_wrap .app_download{background:none; cursor:pointer;}
header .top_wrap .user li .app_download span,
.mob_top_menu_wrap .app_download span{display:block; position:relative; padding-left:20px; color:#fff; font-family:'G-sans'; font-weight:200; letter-spacing:-1px; line-height:50px;}
header .top_wrap .user li .app_download span:before,
.mob_top_menu_wrap .app_download span:before{content:''; display:block; position:absolute; left:0; top:50%; width:15px; height:18px; margin-top:-10px; background:url(/resource/image/header/ico_app_down.png) no-repeat;}
.mob_top_menu_wrap .app_download span{padding-left:16px; font-size:0.813rem; font-weight:500;}
.mob_top_menu_wrap .app_download span:before{width:9px; height:13px; margin-top:-9px; background-size:cover;}
#popup_app_download{display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; transition:all 0.3s ease;}
#popup_app_download:after{content:''; display:block; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.4);}
#popup_app_download *{font-style:normal;}
#popup_app_download .app_cont{position:absolute; left:50%; top:50%; width:620px; height:720px; padding:30px; border-radius:20px; background:#f1f1f1; box-sizing:border-box; box-shadow:0 15px 25px 5px rgba(0, 0, 0, 0.3); transform:translate(-50%, -50%); z-index:1; overflow:hidden;}
#popup_app_download .app_cont:before{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:90px; background:#1f438f;}
#popup_app_download .app_cont:after{content:''; display:block; position:absolute; left:50%; bottom:0; width:497px; height:478px; background:url(/resource/image/header/img_app_down.png) no-repeat; transform:translateX(-50%);}
#popup_app_download .app_cont .tit{margin-top:20px; text-align:center;}
#popup_app_download .app_cont .tit h5{font-family:'G-sans';}
#popup_app_download .app_cont .tit h5 span{display:inline-block;}
#popup_app_download .app_cont .tit h5 span i{display:inline-block; position:relative; padding:0 10px; color:#1f438f; font-size:20px; box-sizing:border-box;}
#popup_app_download .app_cont .tit h5 span i:after{content:''; display:block; position:absolute; left:0; bottom:3px; width:100%; height:15px; border-radius:50px; background:#cce1f1; z-index:-1;}
#popup_app_download .app_cont .tit h5 .txt{display:block; color:#1d2739; font-size:30px; font-weight:300;}
#popup_app_download .app_cont .tit h5 em{font-weight:700;}
#popup_app_download .app_cont .tit > p{margin-top:10px; color:#333; font-family:'Pretendard'; font-size:17px; font-weight:300; line-height:1.4rem;}
#popup_app_download .app_cont .tit > span{display:inline-block; position:relative; padding-left:18px; margin-top:12px; color:#1f438e; font-family:'Pretendard'; font-size:15px; font-weight:600; letter-spacing:-1px;}
#popup_app_download .app_cont .tit > span:before{content:'!'; position:absolute; left:0; top:1px; width:14px; height:14px; color:#fff; font-size:12px; font-weight:800; line-height:1rem; border-radius:50%; background:#1f438e;}
#popup_app_download .app_cont .tit > span em{display:block; color:#555; font-size:14px; font-weight:400;}
#popup_app_download .qr_cont{position:absolute; left:50%; bottom:10%; transform:translateX(-50%); z-index:1;}
#popup_app_download .qr_cont ul{display:flex; justify-content:center; align-items:center; gap:30px;}
#popup_app_download .qr_cont ul li div{width:200px; height:210px; padding:18px 15px 15px; text-align:center; border-radius:25px; background:#fff; box-shadow:0 13px 10px 0px rgba(0, 0, 0, 0.3); box-sizing:border-box;}
#popup_app_download .qr_cont ul li p{position:relative; height:30px; margin:0 auto; overflow:hidden; text-indent:100%; white-space:nowrap;}
#popup_app_download .qr_cont ul li p:before{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-repeat:no-repeat; background-position:50%;}
#popup_app_download .qr_cont ul li .android p{width:112px; height:25px;}
#popup_app_download .qr_cont ul li .android p:before{background-image:url(/resource/image/header/ico_tit_android.jpg);}
#popup_app_download .qr_cont ul li .ios p{width:100px; height:25px;}
#popup_app_download .qr_cont ul li .ios p:before{background-image:url(/resource/image/header/ico_tit_app.png);}
#popup_app_download .qr_cont ul li span{display:block; font-size:15px;}
#popup_app_download .qr_cont ul li span em{font-weight:700;}
#popup_app_download .qr_cont ul li img{display:block; margin:15px auto 10px;}
#popup_app_download .btn_close{position:absolute; right:25px; top:20px;}
#popup_app_download .btn_close button{width:17px; height:17px; background:url(/resource/image/header/btn_app_close.png) no-repeat; cursor:pointer; text-indent:100%; overflow:hidden; white-space:nowrap;}
#popup_app_download .btn_close button:hover{transform:rotate(90deg);}
.mob_top_menu_wrap.mob_show .ico_mob_logout{height:11px; transform:rotate(-180deg);}

@media screen and (max-width:1024px) {
	#popup_app_download{display:none !important;}
}

/*배움누리터*/
.bnuri{position:absolute; left:0; top:50%; margin-top:-12px; background:none; cursor:pointer;}
.bnuri span{display:block; width:77px; height:24px; background:url(/resource/image/common/logo_bnuri.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
#popup_bnuri{display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999;}
#popup_bnuri:after{content:''; display:block; position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, .4);}
#popup_bnuri .swiper{width:100%; height:100%;}
#popup_bnuri .swiper-slide{height:100%; padding:40px; box-sizing:border-box;}
#popup_bnuri .bnuri_cont{position:absolute; left:50%; top:50%; width:1200px; height:650px; border-radius:20px; background:#f1f1f1; box-shadow:0 15px 25px 5px rgba(0, 0, 0, 0.3); transform:translate(-50%, -50%); z-index:1;}
#popup_bnuri .tit{color:#2c2e2f;}
#popup_bnuri .tit h5{font-family:'G-sans'; font-size:30px; font-weight:300;}
#popup_bnuri .tit h5 span{font-weight:700;}
#popup_bnuri .tit h5 em{color:#2b6cfd; font-weight:700; font-style:normal;}
#popup_bnuri .tit p{margin-top:5px; font-family:'Pretendard'; font-size:17px; font-weight:400; letter-spacing:-0.5px; line-height:1.4rem;}
#popup_bnuri .tit p span{color:#2b6cfd; font-weight:700;}
#popup_bnuri .tit i{font-style:normal; font-size:20px; font-weight:500;}
#popup_bnuri .btn_close{position:absolute; right:25px; top:20px; z-index:100;}
#popup_bnuri .btn_close button{width:17px; height:17px; background:url(/resource/image/header/btn_app_close.png) no-repeat; cursor:pointer; text-indent:100%; overflow:hidden; white-space:nowrap;}
#popup_bnuri .btn_close button:hover{transform:rotate(90deg);}
#popup_bnuri .box{display:flex; justify-content:space-between; align-items:center; margin-top:20px;}
#popup_bnuri .bnuri_list{width:54%;}
#popup_bnuri .bnuri_list li{margin-top:20px; font-family:'Pretendard'; font-size:17px; letter-spacing:-0.5px;}
#popup_bnuri .bnuri_list li:first-child{margin-top:0;}
#popup_bnuri .bnuri_list li .bg{display:flex; align-items:center; gap:25px; padding:25px; border:1px solid #dde1ec; border-radius:15px; background:rgba(255, 255, 255, .8); box-sizing:border-box; box-shadow:0 0 5px 0px rgba(0, 0, 0, .05);}
#popup_bnuri .bnuri_list li .tit{color:#2b6cfd; font-size:18px; font-weight:700;}
#popup_bnuri .bnuri_list li .bg em{color:#dde1ec; font-size:30px; font-weight:900; font-style:normal;}
#popup_bnuri .bnuri_list li .txt{font-size:16px; line-height:1.4rem; overflow:inherit; white-space:normal;}
#popup_bnuri .bnuri_list li .tit +.txt{margin-top:10px;}
#popup_bnuri .diagram{position:relative; width:42%; height:440px;}
#popup_bnuri .diagram li{position:absolute;}
#popup_bnuri .diagram li.dia01{left:50%; top:0; margin-left:-125px;}
#popup_bnuri .diagram li.dia01 div{background:#41aec5c2;}
#popup_bnuri .diagram li.dia02{left:0; bottom:0;}
#popup_bnuri .diagram li.dia02 div{background:#014cd1b3;}
#popup_bnuri .diagram li.dia03{right:0; bottom:0;}
#popup_bnuri .diagram li.dia03 div{background:#238af1cc;}
#popup_bnuri .diagram li div{display:flex; justify-content:center; align-items:center; flex-wrap:wrap; flex-direction:column; gap:5px; width:250px; height:250px; border-radius:50%; box-shadow:0 0 5px 0px rgba(0, 0, 0, .3);}
#popup_bnuri .diagram li div span{display:block; color:rgba(255, 255, 255, .8); font-size:24px; font-weight:700; letter-spacing:1px;}
#popup_bnuri .diagram li div p{color:#fff; font-size:20px; font-weight:500; line-height:1.8rem; text-align:center; text-shadow:0px 0px 5px rgba(0, 0, 0, 0.4);}
#popup_bnuri .diagram h6{position:absolute; left:50%; top:57%; width:130px; height:40px; padding-top:9px; color:#2c2e2f; font-size:20px; font-weight:700; text-align:center; background:#fff; border-radius:50px; transform:translate(-50%, -50%); z-index:10; box-sizing:border-box; box-shadow:0 0 5px 0px rgba(0, 0, 0, .3);}
#popup_bnuri .sub_tit{margin-top:20px; text-align:center;}
#popup_bnuri .sub_tit p{display:inline-block; position:relative; padding:0 8px; font-size:25px; font-weight:700; z-index:1;}
#popup_bnuri .sub_tit p:before{content:''; display:block; position:absolute; left:0; bottom:2px; width:100%; height:10px; border-radius:50px; background:#d5dced; z-index:-1;}
#popup_bnuri .sub_tit p > span{font-weight:400;}
#popup_bnuri .sub_tit p > em{color:#263e79; font-style:normal;}
#popup_bnuri .sub_tit > span{display:block; margin-top:15px; color:#2c2e2f; font-family:'Pretendard'; font-size:17px; font-weight:500;}
#popup_bnuri .bnuri02 .box{margin-top:40px;}
#popup_bnuri .bnuri02 .bnuri_list{width:55%;}
#popup_bnuri .bnuri02 .img_box{width:460px; height:304px; text-align:center; border-radius:15px; background:#ddd; box-shadow:0 0 5px 0px rgba(0, 0, 0, .05); overflow:hidden;}
#popup_bnuri .bnuri02 .img_box .img{width:100%; height:100%;}
#popup_bnuri .bnuri02 .img_box .img img{display:block; width:100%; height:100%;}
#popup_bnuri .bnuri03 .box{margin-top:50px;}
#popup_bnuri .bnuri03 .sub_tit{margin-top:50px;}
#popup_bnuri .bnuri03 .stu_list{display:flex; justify-content:space-between; gap:20px; width:100%; height:100%;}
#popup_bnuri .bnuri03 .stu_list li{flex:1; margin-top:0;}
#popup_bnuri .bnuri03 .stu_list li .bg{display:block; height:100%;}
#popup_bnuri .bnuri03 .stu_list li .txt{position:relative; margin-top:45px; padding-top:75px; padding-bottom:20px; font-size:17px; font-weight:700; text-align:center;}
#popup_bnuri .bnuri03 .stu_list li .txt:before{content:''; display:block; position:absolute; left:50%; top:0; width:59px; height:51px; margin-left:-29.5px; background-repeat:no-repeat;}
#popup_bnuri .bnuri03 .stu_list .stu01 .txt:before{background-image:url(/resource/image/common/ico_bnuri01.png);}
#popup_bnuri .bnuri03 .stu_list .stu02 .txt:before{background-image:url(/resource/image/common/ico_bnuri02.png);}
#popup_bnuri .bnuri03 .stu_list .stu03 .txt:before{background-image:url(/resource/image/common/ico_bnuri03.png);}
#popup_bnuri .bnuri03 .stu_list .stu04 .txt:before{background-image:url(/resource/image/common/ico_bnuri04.png);}
#popup_bnuri .bnuri03 .stu_list .stu05 .txt:before{background-image:url(/resource/image/common/ico_bnuri05.png);}
#popup_bnuri .bnuri04 .box{margin-top:30px;}
#popup_bnuri .list_graph{position:relative; width:100%; padding:20px 0 30px; box-sizing:border-box;}
#popup_bnuri .list_graph:before{content:''; display:block; position:absolute; left:0; top:0; width:1px; height:100%; border-left:1px solid #dde1ec;}
#popup_bnuri .list_graph:after{content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; border-bottom:1px solid #dde1ec;}
#popup_bnuri .list_graph li{display:flex; align-items:center; gap:30px; margin-top:10px;}
#popup_bnuri .list_graph li:first-child{margin-top:0;}
#popup_bnuri .list_graph .bg{display:flex; justify-content:space-between; align-items:center; padding:20px; border-radius:0 10px 10px 0; background:#ddd; box-shadow:0 0 5px 0px rgba(0, 0, 0, .05); box-sizing:border-box;}
#popup_bnuri .list_graph .graph01 .bg{width:77%; background:#165fa4e0;}
#popup_bnuri .list_graph .graph02 .bg{width:57%; background:#014cd1b3;}
#popup_bnuri .list_graph .graph03 .bg{width:47%; background:#238af1cc;}
#popup_bnuri .list_graph .graph04 .bg{width:37%; background:#2392b9d9;}
#popup_bnuri .list_graph .graph05 .bg{width:27%; background:#41aec5c2;}
#popup_bnuri .list_graph .bg span{display:block; color:#fff; font-family:'Pretendard'; font-size:20px; font-weight:700; text-shadow:0px 0px 5px rgba(0, 0, 0, 0.4);}
#popup_bnuri .list_graph .bg em{display:block; color:#fff; font-family:'Pretendard'; font-size:24px; font-weight:900; letter-spacing:0; font-style:normal; text-shadow:0px 0px 5px rgba(0, 0, 0, 0.4);}
#popup_bnuri .list_graph li p{font-family:'Pretendard'; font-size:18px; font-weight:700;}
#popup_bnuri .bnuri05 .tit_flex{display:flex; justify-content:space-between; align-items:center;}
#popup_bnuri .bnuri05 .download{display:flex; gap:10px;}
#popup_bnuri .bnuri05 .download a{padding:8px 15px; border:1px solid #dde1ec; border-radius:8px; background:#fff; box-shadow:0 0 5px 0px rgba(0, 0, 0, .05); box-sizing:border-box; cursor:pointer;}
#popup_bnuri .bnuri05 .download a span{display:block; position:relative; padding-left:25px; font-family:'Pretendarde'; font-size:13px; font-weight:700; letter-spacing:-1px;}
#popup_bnuri .bnuri05 .download a span:before{content:''; display:block; position:absolute; left:0; top:-1px; width:20px; height:20px; background-repeat:no-repeat;}
#popup_bnuri .bnuri05 .download a.btn_pdf span:before{background-image:url(/resource/image/common/ico_btn_pdf.png);}
#popup_bnuri .bnuri05 .download a.btn_hwp span:before{background-image:url(/resource/image/common/ico_btn_hwp.png);}
#popup_bnuri .bnuri05 .download a:hover span{color:#2b6cfd;}
#popup_bnuri .bnuri05 .box{align-items:normal;}
#popup_bnuri .bnuri05 .list_map{position:relative; width:307px; margin:0 auto;}
#popup_bnuri .bnuri05 .list_map:before{content:''; display:block; position:absolute; left:50%; top:-30px; width:307px; height:506px; margin-left:-152.5px; background:url(/resource/image/common/bg_map.png) no-repeat;}
#popup_bnuri .bnuri05 .list_map div[class^="map"]{position:absolute;}
#popup_bnuri .bnuri05 .list_map .map01{left:27%; top:69px;}
#popup_bnuri .bnuri05 .list_map .map02{left:19%; top:76px;}
#popup_bnuri .bnuri05 .list_map .map03{left:33%; top:97px;}
#popup_bnuri .bnuri05 .list_map .map04{left:24%; top:177px;}
#popup_bnuri .bnuri05 .list_map .map05{left:34.5%; top:170px;}
#popup_bnuri .bnuri05 .list_map .map06{left:37.5%; top:191px;}
#popup_bnuri .bnuri05 .list_map .map07{left:33%; top:256px;}
#popup_bnuri .bnuri05 .list_map .map08{left:23%; top:310px;}
#popup_bnuri .bnuri05 .list_map .map09{left:29%; top:343px;}
#popup_bnuri .bnuri05 .list_map .map10{left:25%; top:439px;}
#popup_bnuri .bnuri05 .list_map .map11{right:33%; top:49px;}
#popup_bnuri .bnuri05 .list_map .map12{left:48%; top:142px;}
#popup_bnuri .bnuri05 .list_map .map13{right:19%; top:172px;}
#popup_bnuri .bnuri05 .list_map .map14{right:23%; top:239px;}
#popup_bnuri .bnuri05 .list_map .map15{right:5.5%; top:274px;}
#popup_bnuri .bnuri05 .list_map .map16{right:30.5%; top:294px;}
#popup_bnuri .bnuri05 .list_map .map17{right:11.5%; top:308px;}
#popup_bnuri .bnuri05 .list_map div[class^="map"] button{display:block; background:none; cursor:pointer;}
#popup_bnuri .bnuri05 .list_map div[class^="map"] span{display:block; width:18px; height:20px; background:url(/resource/image/common/ico_map.png) no-repeat; text-indent:100%; overflow:hidden; white-space:nowrap;}
#popup_bnuri .bnuri05 .list_map div[class^="map"] .tit{font-family:'Pretendard'; font-size:14px; font-weight:700;}
#popup_bnuri .bnuri05 .list_map div[class^="map"] .tit em{font-weight:500; font-style:normal;}
#popup_bnuri .bnuri05 .list_map div[class^="map"] ul{margin-top:10px;}
#popup_bnuri .bnuri05 .list_map div[class^="map"] li{font-family:'Pretendard'; font-size:14px;}
#popup_bnuri .bnuri05 .list_map div[class^="map"] .map_hover{display:none; position:absolute; top:-32px; left:-20px; width:65px; padding:5px; background:#fff; border:1px solid #dde1ec; border-radius:5px; text-align:center; box-shadow:0 0 5px 0px rgba(0, 0, 0, .2); box-sizing:border-box; z-index:1;}
#popup_bnuri .bnuri05 .list_map div[class^="map"].active .map_hover,
#popup_bnuri .bnuri05 .list_map div[class^="map"] .spot:hover + .map_hover{display:block;}
#popup_bnuri .bnuri05 .list_map div[class^="map"].active .map_hover .tit{color:#2b6cfd;}
#popup_bnuri .bnuri05 .detail_map_list{width:60%; height:430px; padding:20px; border:1px solid #dde1ec; border-radius:15px; background:rgba(255, 255, 255, .8); box-shadow:0 0 5px 0px rgba(0, 0, 0, .05); box-sizing:border-box;}
#popup_bnuri .bnuri05 .detail_map_list .sub_tit{margin-top:0; text-align:left;}
#popup_bnuri .bnuri05 .detail_map_list .sub_tit span{font-size:20px;}
#popup_bnuri .bnuri05 .detail_map_list div[class^="detail_map"]{display:none;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list{margin-top:25px;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list > li{display:flex; align-items:center; flex-wrap:wrap; margin-top:10px;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list > li:first-child{margin-top:0;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list > li ul{width:100%; margin-top:10px; margin-left:55px; padding:15px; border-radius:10px; background:#c9d9ff4f; box-sizing:border-box;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list > li ul li{position:relative; margin-top:5px; padding-left:12px; color:#263e79; font-family:'Pretendard'; font-size:15px; font-weight:500;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list > li ul li:first-child{margin-top:0;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list > li ul li:before{content:''; display:block; position:absolute; left:0; top:8px; width:5px; height:1px; border-top:1px solid #4c80de;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list em{width:30px; margin-right:25px; color:#dde1ec; font-family:'Pretendard'; font-size:24px; font-weight:900; font-style:normal;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list > li ul.li_w2{display:flex; flex-wrap:wrap;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list > li ul.li_w2 li{width:50%;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list > li ul.li_w2 li:nth-child(2){margin-top:0;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list a{display:block; position:relative; padding-right:24px; font-family:'Pretendard'; font-size:17px; font-weight:600;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list a:after{content:''; display:block; position:absolute; right:0px; top:2px; width:15px; height:15px; background:url(/resource/image/common/ico_bnuri_link.png) no-repeat; background-size:100%;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list a:hover{color:#2b6cfd;}
#popup_bnuri .bnuri05 .detail_map_list .detail_list span{display:block; margin-left:10px; padding:4px 12px; color:#fff; font-family:'Pretendard'; font-size:14px; border-radius:50px; background:#014cd1b3; box-sizing:border-box;}
#popup_bnuri .bnuri05 .tbl_bnuri{width:100%; margin-top:20px;}
#popup_bnuri .bnuri05 .tbl_bnuri th{color:#fff; font-weight:700;}
#popup_bnuri .bnuri05 .tbl_bnuri th,
#popup_bnuri .bnuri05 .tbl_bnuri td{padding:12px 5px; font-family:'Pretendard'; font-size:14px; border-bottom:1px solid #dde1ec; box-sizing:border-box;}
#popup_bnuri .bnuri05 .tbl_bnuri thead tr{background:#014cd1b3;}
#popup_bnuri .bnuri06{display:flex; align-items:end; position:relative; height:100%;}
#popup_bnuri .bnuri06 .img_box{padding:0 0 50px 30px; text-align:left; box-sizing:border-box;}
#popup_bnuri .bnuri06 .img_box:before{content:''; display:block; position:absolute; right:0; top:0; width:672px; height:650px; background:url(/resource/image/common/img_bnuri02.png) no-repeat; z-index:1;}
#popup_bnuri .bnuri06 .img_box:after{content:''; display:block; position:absolute; left:15px; top:17px; width:685px; height:615px; background:url(/resource/image/common/bg_pattern.png) repeat;}
#popup_bnuri .bnuri06 .img_box p{position:relative; margin-top:10px; color:#2b6cfd; font-size:40px; font-weight:500; z-index:1;}
#popup_bnuri .bnuri06 .img_box em{font-weight:700; font-style:normal;}
#popup_bnuri .bnuri06 .img_box span{display:block; position:relative; margin-top:15px; color:#2c2e2f; font-family:'Pretendard'; font-size:20px; font-weight:600; line-height:2rem; z-index:1;}
#popup_bnuri .bnuri06 .img_box .img{width:800px; height:320px; margin-top:70px; border-radius:15px; background:#fff; overflow:hidden;}
#popup_bnuri .swiper-buttons{position:absolute; top:50%; left:50%; width:1200px; transform:translate(-50%, -50%); z-index:10;}
#popup_bnuri div[class^="swiper-button-"]{width:30px; height:45px;}
#popup_bnuri .swiper-button-prev{left:-50px;}
#popup_bnuri .swiper-button-next{right:-50px;}
#popup_bnuri div[class^="swiper-button-"]:after{width:100%; height:100%; font-size:0; background:url(/resource/image/common/ico_bnuri_arrow.png) no-repeat; background-size:100%;}
#popup_bnuri .swiper-button-prev:after{transform:rotate(180deg);}
#popup_bnuri .swiper-pagination{bottom:10px;}
#popup_bnuri .swiper-pagination-bullet{width:20px; height:20px; color:#fff; font-family:'Pretendard'; font-size:12px; font-weight:500; line-height:1.3rem; background:#000; opacity:.5;}
#popup_bnuri .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#fff; font-weight:700; background:#2b6cfd; opacity:1;}
#popup_bnuri .bnuri_scroll .swiper-wrapper{height:100%;}
#popup_bnuri .swiper-slide{overflow-y:auto;}

@media screen and (max-width:1340px){
	#popup_bnuri .bnuri_cont{width:1000px; height:620px;}
	#popup_bnuri .swiper-slide{padding:30px;}
	#popup_bnuri .tit h5{font-size:28px;}
	#popup_bnuri .bnuri_list li .bg em{font-size:28px;}
	#popup_bnuri .tit p{font-size:16px;}
	#popup_bnuri .bnuri_list{width:52%;}
	#popup_bnuri .bnuri_list li .tit{font-size:17px;}
	#popup_bnuri .diagram{width:44%; height:390px;}
	#popup_bnuri .diagram li div{width:220px; height:220px;}
	#popup_bnuri .diagram li.dia01{margin-left:-110px;}
	#popup_bnuri .diagram li div span{font-size:22px;}
	#popup_bnuri .diagram li div p{font-size:18px; line-height:1.5rem;}
	#popup_bnuri .swiper-buttons{width:1000px;}
	#popup_bnuri .sub_tit p{font-size:24px;}
	#popup_bnuri .sub_tit > span{font-size:16px;}
	#popup_bnuri .bnuri02 .box{gap:30px;}
	#popup_bnuri .bnuri03 .bnuri_list li{height:272px;}
	#popup_bnuri .bnuri03 .bnuri_list li .bg{padding:20px;}
	#popup_bnuri .bnuri03 .stu_list{gap:15px;}
	#popup_bnuri .bnuri03 .stu_list li .txt{font-size:16px;}
	#popup_bnuri .list_graph .bg span{font-size:18px;}
	#popup_bnuri .list_graph .bg em{font-size:22px;}
	#popup_bnuri .list_graph li p{font-size:17px;}
	#popup_bnuri .bnuri05 .box{margin-top:10px;}
	#popup_bnuri .bnuri05 .download{padding-top:10px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list em{font-size:22px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list a{font-size:16px;}
	#popup_bnuri .bnuri06 .img_box:before{height:620px;}
	#popup_bnuri .bnuri06 .img_box:after{height:585px;}
	#popup_bnuri .bnuri06 .img_box p{font-size:38px;}
	#popup_bnuri .bnuri06 .img_box span{font-size:18px; line-height:1.7rem;}

}
@media screen and (max-width:1320px){
	.bnuri{left:10px;}
}
@media screen and (max-width:1280px){
	.bnuri{left:-30px;}
	header .top_wrap{overflow:inherit;}
	.bnuri span{width:25px; height:22px; background:url(/resource/image/common/ico_bnuri_m.png) no-repeat;}
}
@media screen and (max-width:1120px){
	#popup_bnuri .bnuri_cont{width:90%;}
	#popup_bnuri .tit h5{font-size:25px;}
	#popup_bnuri .swiper-buttons{width:90%;}
	#popup_bnuri .swiper-button-next{right:-4.5%;}
	#popup_bnuri .swiper-button-prev{left:-4.5%;}
	#popup_bnuri .bnuri01 .box{flex-wrap:wrap; flex-direction:column-reverse;}
	#popup_bnuri .bnuri01 .bnuri_list{display:flex; justify-content:space-between; gap:15px; width:100%; margin-top:20px;}
	#popup_bnuri .bnuri01 .bnuri_list li{flex:1; margin-top:0;}
	#popup_bnuri .bnuri01 .bnuri_list li .bg{display:block; height:100%; padding:20px;}
	#popup_bnuri .bnuri01 .bnuri_list li .bg div{margin-top:10px;}
	#popup_bnuri .diagram{width:100%; height:auto;}
	#popup_bnuri .diagram h6{top:0; width:120px; height:36px; font-size:18px; transform:translate(-50%, 0);}
	#popup_bnuri .diagram ul{display:flex; justify-content:center; align-items:center;}
	#popup_bnuri .diagram li{position:relative; left:auto !important; top:auto !important; bottom:auto !important;}
	#popup_bnuri .diagram li.dia01{margin-left:0; margin-right:-20px;}
	#popup_bnuri .diagram li.dia03{margin-left:-20px;}
	#popup_bnuri .diagram li div span{font-size:20px;}
	#popup_bnuri .diagram li div p{font-size:17px; line-height:1.4rem;}
	#popup_bnuri .bnuri_list li .bg em{font-size:25px;}
	#popup_bnuri .sub_tit p{font-size:22px;}
	#popup_bnuri .bnuri02 .img_box{width:400px;}
	#popup_bnuri .tit i{font-size:18px;}
	#popup_bnuri .list_graph .bg{padding:15px;}
	#popup_bnuri .list_graph .bg span{font-size:17px;}
	#popup_bnuri .list_graph .bg em{font-size:20px;}
	#popup_bnuri .list_graph li p{font-size:16px;}
	#popup_bnuri .bnuri05 .list_map{margin:0;}
	#popup_bnuri .bnuri05 .detail_map_list{width:calc(100% - 347px);}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list em{margin-right:5px; font-size:20px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list span{font-size:13px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list a{font-size:15px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list > li ul{margin-left:45px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list > li ul li{font-size:14px;}
	#popup_bnuri .bnuri06 .img_box:before{width:60%; background-size:cover;}
	#popup_bnuri .bnuri06 .img_box p{font-size:35px;}
	#popup_bnuri .bnuri06 .img_box span{font-size:17px;}
}
@media screen and (max-width:1000px){
	#popup_bnuri .bnuri03 .sub_tit{margin-top:30px;}
	#popup_bnuri .bnuri03 .box{margin-top:40px;}
	#popup_bnuri .bnuri03 .stu_list{flex-wrap:wrap;}
	#popup_bnuri .bnuri03 .stu_list li .bg{display:flex; justify-content:center; align-items:center; position:relative;}
	#popup_bnuri .bnuri03 .stu_list li .txt{margin-top:0; padding-top:65px; padding-bottom:0;}
	#popup_bnuri .bnuri03 .bnuri_list li .bg em{position:absolute; right:15px; top:15px;}
	#popup_bnuri .bnuri03 .bnuri_list li{flex:1 1 24%; height:180px;}
	#popup_bnuri .bnuri03 .bnuri_list li .bg{padding:15px; overflow:hidden;}
}
@media screen and (max-width:980px){
	#popup_bnuri .bnuri02 .box{gap:25px;}
	#popup_bnuri .bnuri02 .img_box{width:340px;}
}
@media screen and (max-width:920px){
	#popup_bnuri .bnuri_cont{height:78.5%;}
	#popup_bnuri .swiper-slide{padding:30px 20px;}
	#popup_bnuri .tit h5{font-size:22px;}
	#popup_bnuri .diagram h6{width:110px; height:31px; padding:6px; font-size:17px;}
	#popup_bnuri .diagram li div{width:180px; height:180px;}
	#popup_bnuri .diagram li div span{font-size:18px;}
	#popup_bnuri .diagram li div p{font-size:16px;}
	#popup_bnuri .bnuri01 .bnuri_list li .bg em{font-size:22px;}
	#popup_bnuri .bnuri01 .bnuri_list li .tit{font-size:16px;}
	#popup_bnuri .bnuri01 .bnuri_list li .txt{font-size:15px;}
	#popup_bnuri .sub_tit p{font-size:20px;}
	#popup_bnuri .bnuri_list li .txt{font-size:15px;}
	#popup_bnuri .bnuri02 .bnuri_list li .bg{padding:15px;}
	#popup_bnuri .bnuri02 .img_box{height:274px;}
	#popup_bnuri .bnuri03 .stu_list li .txt{font-size:15px;}
	#popup_bnuri .tit i{font-size:17px;}
	#popup_bnuri .list_graph .bg span{font-size:16px;}
	#popup_bnuri .list_graph .bg em{font-size:18px;}
	#popup_bnuri .list_graph li p{font-size:15px;}
	#popup_bnuri .bnuri05 .box{flex-wrap:wrap; flex-direction:column; margin-top:30px;}
	#popup_bnuri .bnuri05 .list_map{height:506px; margin:0 auto;}
	#popup_bnuri .bnuri05 .detail_map_list{width:100%; height:auto;}
	#popup_bnuri .bnuri05 .tit_flex{align-items:normal; flex-wrap:wrap; flex-direction:column;}
	#popup_bnuri .bnuri05 .detail_map_list{margin-bottom:10px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list{margin-top:15px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list em{font-size:18px;}
	#popup_bnuri .bnuri05 .download{gap:5px;}
	#popup_bnuri .bnuri05 .download a span{font-size:12px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list > li ul{margin-left:35px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list span{font-size:12px;}
	#popup_bnuri .bnuri06 .img_box:before{height:100%;}
	#popup_bnuri .bnuri06 .img_box:after{height:calc(100% - 17px);}
	#popup_bnuri .bnuri06 .img_box p{font-size:32px;}
	#popup_bnuri .bnuri06 .img_box span{margin-top:10px; font-size:16px;}
}
@media screen and (max-width:840px){
	#popup_bnuri .sub_tit > span{margin-top:10px;}
	#popup_bnuri .bnuri02 .box{flex-wrap:wrap; gap:20px; margin-top:20px;}
	#popup_bnuri .bnuri_list li{margin-top:10px;}
	#popup_bnuri .bnuri02 .bnuri_list{width:100%;}
	#popup_bnuri .bnuri02 .img_box{width:100%; height:180px;}
	#popup_bnuri .bnuri02 .img_box .img{position:relative;}
	#popup_bnuri .bnuri02 .img_box .img img{position:absolute; left:50%; top:50%; height:auto; transform:translate(-50%, -50%);}
	#popup_bnuri .bnuri02 .bnuri_list li .bg{position:relative; padding:15px; overflow:hidden;}
	#popup_bnuri .bnuri02 .bnuri_list li .bg em{position:absolute; top:-8px; right:5px; font-size:40px; opacity:.35; font-style:italic;}
	#popup_bnuri .bnuri03 .box{margin-top:30px;}
}
@media screen and (max-width:800px){
	#popup_bnuri .bnuri06 .img_box:before{display:none;}
	#popup_bnuri .bnuri06 .box{justify-content:center; width:100%; height:100%;}
	#popup_bnuri .bnuri06 .img_box{padding:0; text-align:center;}
	#popup_bnuri .bnuri06 .img_box:after{left:0; top:0; width:100%; height:100%; background-size:cover;}
	#popup_bnuri .bnuri06 .img_box p{position:relative; margin-top:0; padding-top:280px; font-size:30px;}
	#popup_bnuri .bnuri06 .img_box p:before{content:''; display:block; position:absolute; left:50%; top:0; margin-left:0; width:333px; height:256px; background:url(/resource/image/common/img_bnuri02_m.png) no-repeat; background-size:cover; transform:translateX(-50%);}
	#popup_bnuri .bnuri06 .img_box span{font-size:15px;}
}
@media screen and (max-width:768px){
	#popup_bnuri .tit h5{font-size:20px;}
	#popup_bnuri .diagram li div span{font-size:17px;}
	#popup_bnuri .diagram li div p{font-size:15px;}
	#popup_bnuri .bnuri01 .bnuri_list{flex-wrap:wrap; flex-direction:column; padding-bottom:10px;}
	#popup_bnuri .bnuri01 .bnuri_list li .bg{position:relative; padding:15px; overflow:hidden;}
	#popup_bnuri .bnuri01 .bnuri_list li .bg em{position:absolute; top:-8px; right:5px; font-size:40px; opacity:.35; font-style:italic;}
	#popup_bnuri .sub_tit p{font-size:18px;}
	#popup_bnuri .bnuri03 .bnuri_list li .bg em{left:auto; right:5px; top:-8px; opacity:.35; font-size:40px; font-style:italic;}
	#popup_bnuri .tit i{font-size:16px;}
	#popup_bnuri .list_graph .bg em{font-size:17px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list em{font-size:17px;}
}
@media screen and (max-width:600px){
	#popup_bnuri .tit h5{font-size:18px;}
	#popup_bnuri .tit p{font-size:15px;}
	#popup_bnuri .diagram h6{width:100px; height:26px; padding-top:4px; font-size:16px;}
	#popup_bnuri .diagram li div{width:140px; height:140px;}
	#popup_bnuri .diagram li div p{width:74%; font-size:14px;}
	#popup_bnuri .bnuri01 .bnuri_list li .tit{font-size:15px;}
	#popup_bnuri .bnuri01 .bnuri_list li .txt{font-size:14px;}
	#popup_bnuri .sub_tit p{font-size:17px;}
	#popup_bnuri .sub_tit > span{font-size:15px;}
	#popup_bnuri .bnuri02 .img_box{height:150px;}
	#popup_bnuri .bnuri_list li .txt{font-size:14px;}
	#popup_bnuri .bnuri03 .stu_list li{flex:1 1 32%; height:150px;}
	#popup_bnuri .bnuri03 .stu_list li .txt{font-size:14px;}
	#popup_bnuri .bnuri04 .box{margin-top:20px;}
	#popup_bnuri .tit i{font-size:15px;}
	#popup_bnuri .list_graph li{flex-wrap:wrap; gap:5px; margin-top:15px;}
	#popup_bnuri .list_graph li p{width:100%; font-size:14px;}
	#popup_bnuri .list_graph .graph01 .bg{width:100%;}
	#popup_bnuri .list_graph .graph02 .bg{width:85%;}
	#popup_bnuri .list_graph .graph03 .bg{width:75%;}
	#popup_bnuri .list_graph .graph04 .bg{width:65%;}
	#popup_bnuri .list_graph .graph05 .bg{width:55%;}
	#popup_bnuri .list_graph .bg span{font-size:15px;}
	#popup_bnuri .list_graph .bg em{font-size:16px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list a{font-size:14px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list > li ul li{font-size:13px;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list em{width:20px;}
	#popup_bnuri .bnuri06 .img_box p{padding-top:240px; font-size:28px;}
	#popup_bnuri .bnuri06 .img_box p:before{width:283px; height:218px;}
}
@media screen and (max-width:580px){
	#popup_bnuri .bnuri05 .download{flex-wrap:wrap;}
}
@media screen and (max-width:500px){
	#popup_bnuri .bnuri05 .detail_map_list .detail_list > li ul{margin-left:0;}
	#popup_bnuri .bnuri06 .img_box p{font-size:25px;}
	#popup_bnuri .bnuri06 .img_box span{font-size:14px;}
}
@media screen and (max-width:450px){
	#popup_bnuri .diagram h6{position:relative;}
	#popup_bnuri .diagram ul{flex-wrap:wrap; flex-direction:column; margin-top:10px;}
	#popup_bnuri .diagram li{width:100%; margin:5px 0 0 !important;}
	#popup_bnuri .diagram li div{gap:0; width:100%; height:auto; padding:8px; border-radius:10px; box-sizing:border-box;}
	#popup_bnuri .diagram li div p{width:100%;}
	#popup_bnuri .diagram li div p br{display:none;}
	#popup_bnuri .bnuri05 .detail_map_list .detail_list > li ul.li_w2 li{width:100%;}
	#popup_bnuri .bnuri05 .list_map{width:267px;}
	#popup_bnuri .bnuri05 .list_map:before{width:267px; margin-left:-132.5px; background-size:100% 100%;}
	#popup_bnuri .bnuri06 .img_box p{padding-top:210px;}
	#popup_bnuri .bnuri06 .img_box p:before{width:243px; height:187px;}
}
@media screen and (max-width:420px){
	#popup_bnuri .bnuri03 .sub_tit p{line-height:1.5rem;}
	#popup_bnuri .bnuri03 .sub_tit p:before{left:50%; width:60%; transform:translateX(-50%);}
	#popup_bnuri .bnuri03 .sub_tit p > em{display:block;}
}
@media screen and (max-width:380px){
	#popup_bnuri .tit i{display:block;}
}