@charset "utf-8";
/*공통*/
:root {
    --sprite_template : url('./sprite.png') no-repeat;
}
.noScroll {overflow: hidden !important;}
.pc_nav a[target="_blank"] span,
.m_nav a[target="_blank"] span,
.sub_nav a[target="_blank"] span { display:flex; }
.pc_nav a[target="_blank"] span::after,
.m_nav a[target="_blank"] span::after,
.sub_nav a[target="_blank"] span::after { content:''; width:13px; height:13px; background:var(--sprite_template) 0 0; margin:2rem 0 0 5rem; }
.pc_nav .depth1 { display:flex; }
.pc_nav .depth1 > li > a { display:block; }

/*pc ver1*/
.pc_nav.ver1 .depth2 > li > a:hover[target="_blank"] span::after { background-position:-13px 0;}
.pc_nav.ver1 .depth2_wrap { visibility:hidden; position:absolute; left:0; width:100%; border-top:1px solid #eee; box-shadow:0 10rem 10rem rgba(0,0,0,0.1); z-index:20; }
.pc_nav.ver1 .depth2_wrap::before {content:''; position:absolute; left:0; width:100%; height:100%; background:#fff; }
/* .pc_nav.ver1 a.on+.depth2_wrap { visibility:visible; } */
.pc_nav.ver1 .depth2_wrap .wrap { display:flex; position:relative; background:#fff; margin:0 auto; width:96%; }
.pc_nav.ver1 dl { width:300rem; padding-right:30rem; }
.pc_nav.ver1 dl dt { font-size:40rem; font-weight:bold; margin:30rem 0 20rem; line-height:1.4; }
.pc_nav.ver1 dl dd { color:#555; margin-bottom:30rem; }
.pc_nav.ver1 .depth2 { position:relative; width:calc(100% - 300rem); }
.pc_nav.ver1 .depth2 > li { display:flex; border-bottom:1px solid rgba(0,0,0,0.1); }
.pc_nav.ver1 .depth2 > li:last-of-type {border-bottom:0;}
.pc_nav.ver1 .depth2 > li > a { width:200rem; padding:10rem 15rem; }
.pc_nav.ver1 .depth2 > li > a.on,
.pc_nav.ver1 .depth2 > li > a:hover { color:#fff; background:var(--p_color); }
.pc_nav.ver1 .depth3 { width:calc(100% - 200rem); display:flex; flex-wrap:wrap; padding:10rem 5rem; }
.pc_nav.ver1 .depth3 li {margin:2rem 10rem; }
.pc_nav.ver1 .depth3 a { position:relative; display:flex; font-size:0.95em; }
.pc_nav.ver1 .depth3 a::before { content:''; display:block; flex-shrink:0; width:4rem; height:4rem; background:#777; border-radius:50%; margin:10rem 7rem 0 0; }
.pc_nav.ver1 .depth3 a:hover,
.pc_nav.ver1 .depth3 a.on { font-weight:bold; text-decoration:underline; }
.pc_nav.ver1+.nav_bg { display:none; position:fixed; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:10; }
/*pc ver1 option*/
.pc_nav.ver1.del_title dl {display:none;}

/*pc ver2*/
.pc_nav.ver2 .depth2_wrap { visibility:hidden; position:absolute; left:0; width:100%; border-top:1px solid #eee; box-shadow:0 10rem 10rem rgba(0,0,0,0.1); z-index:20; }
.pc_nav.ver2 .depth2_wrap::before {content:''; position:absolute; left:0; width:100%; height:100%; background:#fff; }
/* .pc_nav.ver2 a.on+.depth2_wrap { visibility:visible; } */
.pc_nav.ver2 .depth2_wrap .wrap { display:flex; position:relative; background:#fff; margin:0 auto; width:96%; }
.pc_nav.ver2 dl { flex:0 0 300rem; padding:40rem 0; }
.pc_nav.ver2 dl::before {content:''; display:block; width:110px; height:98px; background:var(--sprite_template) 0 -27px; }
.pc_nav.ver2 dl dt { font-size:40rem; font-weight:bold; margin:30rem 0 10rem;  }
.pc_nav.ver2 dl dd { color:#555; }
.pc_nav.ver2 .depth2 { display:flex; flex-wrap:wrap; flex-grow:1; align-content:flex-start; padding:10rem 0 30rem; }
.pc_nav.ver2 .depth2 > li {width:calc((100% - 60rem)/4); margin:20rem 0 0 20rem; }
.pc_nav.ver2 .depth2 > li:nth-of-type(4n+1) {margin-left:0; }
.pc_nav.ver2 .depth2 > li > a { display:flex; justify-content:space-between; padding:8rem 15rem; border:1px solid #ddd; border-radius:5rem; }
.pc_nav.ver2 .depth2 > li > a::after {content:''; display:block; flex-shrink:0; width:7rem; height:7rem; border-bottom:2rem solid #ccc; border-right:2rem solid #ccc; transform:rotate(45deg); margin-top:4rem;}
.pc_nav.ver2 .depth2 > li > a.on,
.pc_nav.ver2 .depth2 > li > a:hover { font-weight:bold; color:var(--p_color); border-color:var(--p_color); }
.pc_nav.ver2  .depth2 > li > a.on::after,
.pc_nav.ver2  .depth2 > li > a:hover::after { border-color:var(--p_color);}
.pc_nav.ver2 .depth3 {padding:8rem 15rem 0;}
.pc_nav.ver2 .depth3 a { display:flex; margin:4rem 0; color:#666; font-size:0.95em; }
.pc_nav.ver2 .depth3 a::before {content:''; display:block; width:4rem; height:4rem; border-radius:50%; background:#d0d0d0; margin:10rem 8rem 0 0; }
.pc_nav.ver2 .depth3 a:hover { color:#333; text-decoration:underline; }
.pc_nav.ver2 .depth3 a:hover::before {background:#333; }
.pc_nav.ver2+.nav_bg { display:none; position:fixed; left:0; width:100%; height:100%; background:#000; opacity:0.7; z-index:10; }
/*pc ver2 option*/
.pc_nav.ver2.del_title dl {display:none;}
.pc_nav.ver2.del_title .depth2 > li {flex:0 0 calc((100% - 80rem)/5);}
.pc_nav.ver2.del_depth3 .depth3 {display:none;}
.pc_nav.ver2.del_depth3 .depth2 > li > a::after {transform:rotate(-45deg); margin-top:6rem; }
.pc_nav.ver2.del_icon dl::before { display:none; }
.pc_nav.ver2.del_icon dl dt { margin-top:0;  }

/*pc ver3*/
.pc_nav.ver3 a.on+.depth2_wrap,
.pc_nav.ver3 a.on+.depth3 {visibility:visible;}
.pc_nav.ver3 .depth1 li {position:relative; }
.pc_nav.ver3 .depth2_wrap { visibility:hidden; position:absolute; left:0; }
.pc_nav.ver3 dl { display:none; }
.pc_nav.ver3 .depth2 { border-radius:10rem; box-shadow:1rem 1rem 3rem rgba(0,0,0,0.1); border:1px solid #ddd; }
.pc_nav.ver3 .depth2 > li > a { display:flex; align-items:center; justify-content:space-between; padding:10rem 20rem; }
.pc_nav.ver3 .depth2 > li:last-of-type > a {border-bottom:0;}
.pc_nav.ver3 .depth2 > li > a.on { color:var(--p_color); font-weight:bold; }
.pc_nav.ver3 .depth2 > li > a.more::after { content:''; display:block; width:7rem; height:7rem; background:linear-gradient(45deg, transparent 50%, #ccc 50%); transform:rotate(45deg);  }
.pc_nav.ver3 .depth2 > li > a.on.more::after { background:linear-gradient(45deg, transparent 50%, var(--p_color) 50%); }
.pc_nav.ver3 .depth3 { visibility:hidden; position:absolute; padding:15rem; margin-top:-40rem; border-radius:10rem; box-shadow:1rem 1rem 3rem rgba(0,0,0,0.1); }
.pc_nav.ver3 .depth3 a { display:flex; padding:5rem; font-size:0.95em; }
.pc_nav.ver3 .depth3 a::before {content:''; display:block; flex-shrink:0; width:4rem; height:4rem; background:#999; border-radius:50%; margin:10rem 7rem 0 0; opacity:0.5; }
.pc_nav.ver3 .depth3 a:hover { text-decoration:underline; }
.pc_nav.ver3 .depth3 a:hover::before { opacity:1; }
/*pc ver2 option*/
.pc_nav.ver3.del_depth3 .depth2 {overflow:hidden;}
.pc_nav.ver3.del_depth3 .depth3,
.pc_nav.ver3.del_depth3 .depth2 > li > a.more::after {display:none;}

/*pc ver4*/
.pc_nav.ver4 dl,
.pc_nav.ver4 .depth3 {display:none;}
.pc_nav.ver4+.nav_bg { position:absolute; left:0; top:0; width:100%; height:0; background:#fff; overflow:hidden; box-shadow:0 10rem 10rem rgba(0,0,0,0.1); z-index:-1; transition:0.3s; }
.pc_nav.ver4+.nav_bg::before {content:''; position:absolute; left:0; width:100%; height:1px; border-top:1px solid var(--b_color); }
.pc_nav.ver4 { position:relative; width:96%; margin:0 auto; }
.pc_nav.ver4 .depth2_wrap { position:absolute; height:0; border-right:1px solid var(--b_color); overflow:hidden; transition:0.3s; }
.pc_nav.ver4 li:first-of-type .depth2_wrap {border-left:1px solid var(--b_color); }
.pc_nav.ver4 .depth2 {padding:20rem;}
.pc_nav.ver4 .depth2 a {display:flex; padding:5rem 0;}
.pc_nav.ver4 .depth2 a::before {content:''; display:block; width:5rem; height:5rem; border-radius:50%; background:#999; flex-shrink:0; margin:10rem 7rem 0 0; }
.pc_nav.ver4 .depth2 a:hover { font-weight:bold; text-decoration:underline; }

/*m_nav 공통*/
.m_nav dl {display:none;}
.m_nav { display:none; position:fixed; right:0; top:0; width:100%; height:100%; z-index:20; }
.m_nav > div { position:absolute; right:-100%; top:0; width:100%; max-width:480rem; height:100%; overflow-y:auto; background:#fff; transition:all 0.85s 0.3s; }
.m_nav > div > * { margin:3%; }
.m_nav > div > *:first-of-type { margin-top:4%; }
.m_nav .site_name strong { display:block; font-size:27rem; padding-right:50rem; }
.m_nav .link_list { display:flex; flex-wrap:wrap; background:#f6f6f6; border-radius:10rem; }
.m_nav .link_list li { position:relative; flex:1 0 33.33%; text-align:center; }
.m_nav .link_list li::before {content:''; position:absolute; left:0; top:50%; width:1px; height:15rem; background:#ccc; transform:translateY(-50%);  }
.m_nav .link_list li:nth-of-type(3n+1)::before { display:none;}
.m_nav .link_list li > a { display:flex; justify-content:center; align-items:center; padding:10rem; font-size:0.95em; }
.m_nav .slide_type li { flex:1 0 50%; }
.m_nav .slide_type li > a { justify-content:space-between; padding:10rem 20rem; }
.m_nav .slide_type li > a::after {content:''; display:block; flex-shrink:0; width:5rem; height:5rem; border-bottom:2px solid #999; border-right:2px solid #999; transform:rotate(45deg); }
.m_nav .slide_type div { position:absolute; left:0; top:70rem; width:100%; background:#fff; border:1px solid #ccc; border-radius:10rem; padding:10rem 15rem; opacity:0; z-index:-1; transition:0.3s;}
.m_nav .slide_type a.on+div {top:45rem; opacity:1; z-index:10;}
.m_nav .slide_type div a { display:flex; padding:3rem 0; font-size:0.95em; }
.m_nav .slide_type div a::before {content:''; display:block; flex-shrink:0; width:4rem; height:4rem; background:#bbb; border-radius:50%; margin:8rem 7rem 0 0; }
.m_nav .depth3 {display:none; padding:10rem 20rem; }
.m_nav .depth3 li a {display:flex; font-size:0.95em; padding:5rem 0; }
.m_nav .depth3 li a::before { content:''; display:block; width:3rem; height:3rem; flex-shrink:0; background:#aaa; margin:12rem 8rem 0 0; }
#m_nav_close { position:absolute; right:3%; top:3%; width:50rem; height:50rem; display:flex; align-items:center; justify-content:center; margin:0; }
#m_nav_close span { position:absolute; left:-99999rem; top:-999999rem; }
#m_nav_close::before {content:''; display:block; width:20px; height:20px; background:var(--sprite_template) -50px 0; }
.m_nav+.nav_bg { display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.7);z-index:10; }
/*menu_on*/
.m_nav .depth3 li a.on { text-decoration:underline; font-weight:bold; }

/*m ver1*/
.m_nav.ver1 .depth1 { position:relative; margin:20rem 0 0; }
.m_nav.ver1 .depth1::before,
.m_nav.ver1 .depth2_wrap::before { content:''; position:absolute; left:0; top:0; width:100%; height:100%; min-height:calc(100vh - 100rem); background:var(--p_color); z-index:0; border-radius:0 40rem 0 0; transition:0.3s; z-index:1; }
.m_nav.ver1 .depth1 > li > a { position:relative; display:flex; width:100%; border-bottom:1px solid rgba(255,255,255,0.3); color:#fff; padding:15rem 20rem; z-index:1; }
.m_nav.ver1 .depth1 > li > a.on {color:#fff200; font-weight:bold;}
.m_nav.ver1 .depth1 > li > a.on::after {content:''; display:block; flex-shrink:0; width:5rem; height:5rem; background:#fff200; border-radius:50%; margin:3rem 0 0 10rem;  }
.m_nav.ver1 .depth1 > li > a[target="_blank"] span::after { background-position:-13px 0;}
.m_nav.ver1 .depth2_wrap { display:none; position:absolute; left:150rem; top:0; width:calc(100% - 150rem); padding:0 3%; z-index:0; }
.m_nav.ver1 .depth2_wrap::before {left:-150rem;}
.m_nav.ver1 .depth2 > li > a { position:relative; display:flex; align-items:center; justify-content:space-between; padding:15rem 20rem; border-bottom:1px solid #eee; }
.m_nav.ver1 .depth2 > li > a span {flex-grow:1;}
.m_nav.ver1 .depth2 > li > a.more::after {content:''; display:block; flex-shrink:0; width:5rem; height:5rem; border-bottom:2px solid #999; border-right:2px solid #999; transform:rotate(45deg); }
/*menu_on*/
.m_nav.ver1 .depth1.on > li > a,
.m_nav.ver1 .depth1.on::before,
.m_nav.ver1 .depth1.on .depth2_wrap::before { width:150rem; }
.m_nav.ver1 .depth2 > li > a.on {color:var(--p_color); font-weight:bold; }
.m_nav.ver1 .depth2 > li > a.on span {padding-right:15rem;}
.m_nav.ver1 .depth2 > li > a.more.on::after { border-color:#fff; }
.m_nav.ver1 .depth2 > li > a.more.on::before { content:''; position:absolute; right:10rem; top:50%; width:28rem; height:28rem; background:var(--p_color); border-radius:50%; transform:translateY(-50%); }

/*m ver2*/
.m_nav.ver2 > div { background:linear-gradient(180deg, var(--p_color2) 250rem, #fff 250rem); }
.m_nav.ver2 .site_name {margin:0; color:#fff; padding:5% 3% calc(5% + 25rem); }
.m_nav.ver2 #m_nav_close::before { background-position:-81px 0; }
.m_nav.ver2 .link_list { border:1px solid #ddd; background:#fff; }
.m_nav.ver2 .link_list:first-of-type { margin-top:-25rem; }
.m_nav.ver2 .depth1 { position:relative; margin:20rem 0 0; padding:20rem 3%; background:#fff; }
.m_nav.ver2 .depth1 > li > a { position:relative; display:flex; width:150rem; padding:15rem; border-radius:5rem 20rem 20rem 5rem; z-index:1; }
.m_nav.ver2 .depth2_wrap { display:none; position:absolute; left:150rem; top:0; width:calc(100% - 150rem); padding:20rem 3% 20rem 6%; z-index:0; }
.m_nav.ver2 .depth2_wrap::before {content:''; position:absolute; left:-150rem; top:0; width:calc(100% + 150rem); height:100%; min-height:calc(100vh - 100rem); background:linear-gradient(90deg, #f5f5f5 150rem, #fff 150rem); z-index:-1; }
.m_nav.ver2 .depth2 > li > a { position:relative; display:flex; align-items:center; justify-content:space-between; padding:15rem 10rem; }
.m_nav.ver2 .depth2 > li > a span {flex-grow:1;}
.m_nav.ver2 .depth2 > li > a.more::after { content:''; display:block; flex-shrink:0; width:10px; height:2px; background:#999; }
.m_nav.ver2 .depth2 > li > a.more::before { content:''; position:absolute; top:50%; right:calc(10rem + 4px); width:2px; height:10px; background:#999; transform:translateY(-50%);}
.m_nav.ver2 .depth3 { background:#f7f7f7; border-radius:10rem; }
/*menu_on*/
.m_nav.ver2 .depth1 > li > a.on { background:var(--p_color); color:#fff; }
.m_nav.ver2 .depth2 > li > a.on { color:var(--p_color); font-weight:bold;}
.m_nav.ver2 .depth2 > li > a.on.more::before {display:none;}
.m_nav.ver2 .depth2 > li > a.on.more::after { background:var(--p_color); }
/*m ver2 option*/
.m_nav.ver2.del_link_list > div { background:#fff; }
.m_nav.ver2.del_link_list .site_name { padding:5% 3%; background:var(--p_color2); }
.m_nav.ver2.del_link_list .depth1 { margin:0; }

/*m ver3*/
.m_nav.ver3 .link_list { gap:10rem; background:#444; margin:0; padding:3% 60rem 3% 3%; border-radius:0;  }
.m_nav.ver3 .link_list li {flex:0 0 calc((100% - 20rem)/3); }
.m_nav.ver3 .slide_type li { flex:0 0 calc((100% - 10rem)/2); }
.m_nav.ver3 .link_list li::before {display:none;}
.m_nav.ver3 .link_list li > a { border:1px solid rgba(255,255,255,0.3); color:#fff; border-radius:20rem; }
.m_nav.ver3 .link_list+.link_list {padding-top:0;}
.m_nav.ver3 .depth1 > li > a { display:flex; align-items:center; justify-content:space-between; padding:15rem 20rem; border-top:1px solid #ddd;  }
.m_nav.ver3 .depth1 > li:first-of-type > a {border-top:0;}
.m_nav.ver3 .depth1 > li > a.more::after {content:''; display:block; flex-shrink:0; width:5rem; height:5rem; border-bottom:2px solid #999; border-right:2px solid #999; transform:rotate(45deg); }
.m_nav.ver3 .depth2_wrap { display:none; padding:20rem;}
.m_nav.ver3 a.on+.depth2_wrap {border-bottom:2px solid var(--p_color);}
.m_nav.ver3 .depth2 > li > a { position:relative; display:flex; align-items:center; justify-content:space-between; padding:12rem 10rem; border-bottom:1px dashed #ddd; }
.m_nav.ver3 .depth2 > li:last-of-type > a { border-bottom:0; }
.m_nav.ver3 .depth2 > li > a span {flex-grow:1;}
.m_nav.ver3 .depth2 > li > a.more::after { content:''; display:block; flex-shrink:0; width:10px; height:2px; background:#999; }
.m_nav.ver3 .depth2 > li > a.more::before { content:''; position:absolute; top:50%; right:calc(10rem + 4px); width:2px; height:10px; background:#999; transform:translateY(-50%);}
.m_nav.ver3 .depth3 { background:#f7f7f7; border-radius:10rem; }
/*menu_on*/
.m_nav.ver3 .depth1 > li > a.on {background:var(--p_color); color:#fff; border-top:0; }
.m_nav.ver3 .depth1 > li > a.on.more::after { border-color:#fff; }
.m_nav.ver3 .depth2 > li > a.on {border-bottom:0; color:var(--p_color); font-weight:bold; }
.m_nav.ver3 .depth2 > li > a.on.more::before {display:none;}
.m_nav.ver3 .depth2 > li > a.on.more::after { background:var(--p_color); }
.m_nav.ver3 #m_nav_close { top:2%; right:2%; }
.m_nav.ver3 #m_nav_close::before { background-position:-81px 0;}
/*m ver2 option*/
.m_nav.ver3.del_link_list #m_nav_close { top:0; right:0; background:#333; border-radius:0 0 0 15rem;}
.m_nav.ver3.del_link_list > div > *:first-of-type {margin-top:60rem;}

/*search area*/
#search_area { display:none; align-items:center; position:fixed; left:0; top:0; width:100%; height:100%; background:#eee; z-index:30; }
#search_area .search_area_wrap { max-width:800rem; width:94%; margin:0 auto; }
#search_area form { display:flex; align-items:center; border:2px solid var(--p_color); background:#fff; height:70rem; border-radius:35rem; padding:0 40rem; }
#search_area form legend {font-weight:bold; color:var(--p_color); font-size:20rem; }
#search_area form label { position:absolute; left:-999999px; top:-999999px; }
#search_area form input { flex-grow:1; width:100%; height:100%; border:0; font-size:20rem; background:none; margin:0 30rem; }
#search_area form a,
#search_area form button { position:relative; display:block; width:70rem; height:100%; text-indent:-999999px; border:0; background:none; }
#search_area form a::before,
#search_area form a::after,
#search_area form button::before,
#search_area form button::after {content:''; position:absolute; left:50%; top:50%; }
#search_area form a::before,
#search_area form button::before { width:15rem; height:15rem; border:3px solid var(--p_color); border-radius:50%; transform:translate(-10rem, -10rem); }
#search_area form a::after,
#search_area form button::after { width:3px; height:10rem; background:var(--p_color); transform:rotate(-45deg) translate(3rem, 10rem); }
#search_area .search_keyword { display:flex; flex-wrap:wrap; margin-top:30rem; }
#search_area .search_keyword a { display:flex; align-items:center; background:#fff; border:1px solid #ddd; height:40rem; padding:0 20rem; border-radius:20rem; margin:5rem; }
#search_area .search_keyword a::before {content:'#'; color:#777; }
#search_area .search_keyword a:hover { border:1px solid var(--p_color); color:var(--p_color); }
#search_area .search_keyword a:hover::before { color:var(--p_color); }
#search_close {  position:relative; display:block; width:60rem; height:60rem; margin:50rem auto 0; border:1px solid #ddd; border-radius:50%; background:#fff; text-indent:-999999px; }
#search_close::before,
#search_close::after { content:''; position:absolute; left:50%; top:calc(50% - 10rem); width:1px; height:20rem; background:#333; transform:rotate(45deg); }
#search_close::after { transform:rotate(-45deg); }

/*go top*/
.go_top { display:flex; align-items:center; justify-content:center; position:fixed; right:20rem; bottom:20rem; width:40rem; height:40rem; border:1px solid #ddd; border-radius:50%; box-shadow:0 5rem 5rem rgba(0,0,0,0.1); background:#fff; opacity:0; transition:0.3s; z-index:8; }
.go_top::before { content:''; display:block; width:16px; height:19px; background:var(--sprite_template) 0 -333px; }
.go_top span {position:absolute; left:-99999rem; top:-99999rem;}
/* @media all and (max-width:1023px){
	.go_top {display:none;}
} */

/*sub ver1*/
.sub_nav.ver1 h2 { font-size:25rem; margin-bottom:25rem; }
.sub_nav.ver1 h2 span { display:none; }
.sub_nav.ver1 a {display:flex; }
.sub_nav.ver1 a.more::after {content:''; display:block; flex-shrink:0; width:5rem; height:5rem; border-bottom:2px solid #999; border-right:2px solid #999; transform:rotate(45deg); align-self:center; margin-bottom:5rem; }
.sub_nav.ver1 .depth1 > li > a { justify-content:space-between; border:1px solid #ddd; border-radius:10rem; padding:11rem 20rem; margin-top:10rem; }
.sub_nav.ver1 .depth2 { display:none; border:1px solid var(--p_color); border-radius: 0 0 10rem 10rem; padding:10rem 20rem; }
.sub_nav.ver1 .depth2 > li > a { justify-content:space-between; padding:5rem 0; color:#555; }
.sub_nav.ver1 .depth2 > li > a span {flex-grow:1;}
.sub_nav.ver1 .depth2 > li > a::before { content:''; display:block; flex-shrink:0; width:5rem; height:5rem; background:#bbb; border-radius:50%; margin:10rem 7rem 0 0; }
.sub_nav.ver1 .depth3 { display:none; background:#f6f6f6; border-radius:5rem; padding:10rem 20rem; margin-bottom:5rem; }
.sub_nav.ver1 .depth3 a { font-size:0.9em; color:#555; padding:3rem 0;}
/*menu_on*/
.sub_nav.ver1 .depth1 > li > a.on,
.sub_nav.ver1 .depth1 > li > a:hover { border:1px solid var(--p_color); background:var(--p_color); color:#fff; }
.sub_nav.ver1 .depth1 > li > a.on.more { border-radius:10rem 10rem 0 0; }
.sub_nav.ver1 .depth1 > li > a.on::after,
.sub_nav.ver1 .depth1 > li > a:hover::after { border-color:#fff; }
.sub_nav.ver1 .depth2 > li > a.on,
.sub_nav.ver1 .depth2 > li > a:hover { font-weight:bold; color:#474f6b; }
.sub_nav.ver1 .depth2 > li > a.on.more::after { transform:rotate(225deg); margin-top:7rem; }
.sub_nav.ver1 .depth3 a.on,
.sub_nav.ver1 .depth3 a:hover { font-weight:bold; text-decoration:underline; }

/*sub ver2*/
.sub_nav.ver2 h2 { display:flex; justify-content:center; text-align:center; flex-direction:column; gap:10rem; font-size:25rem; background:var(--p_color); color:#fff; border-radius:20rem 20rem 0 0; }
.sub_nav.ver2 h2 span { display:block; font-size:0.6em; font-weight:normal; }
.sub_nav.ver2 a { position:relative; display:flex; justify-content:space-between; }
.sub_nav.ver2 a.more::before { content:''; position:absolute; top:50%; right:calc(20rem + 4px); width:2px; height:10px; background:#999; transform:translateY(-50%);}
.sub_nav.ver2 a.more::after { content:''; display:block; flex-shrink:0; width:10px; height:2px; background:#999; align-self:center; }
.sub_nav.ver2 .depth1 > li > a { border-bottom:1px solid #ddd; padding:12rem 20rem; }
.sub_nav.ver2 .depth1 > li > a span {flex-grow:1;}
.sub_nav.ver2 .depth2 { display:none; background:#f6f6f6; }
.sub_nav.ver2 .depth2 > li > a { font-size:0.95em; border-bottom:1px dashed #ddd; padding:10rem 20rem; }
.sub_nav.ver2 .depth2 > li:last-of-type > a { border-bottom:0; }
.sub_nav.ver2 .depth2 > li > a > span,
.sub_nav.ver2 .depth3 a span {display:flex; flex-grow:1;}
.sub_nav.ver2 .depth2 > li > a > span::before,
.sub_nav.ver2 .depth3 a span::before {content:''; display:block; flex-shrink:0; width:2rem; height:2rem; background:#333; margin:11rem 10rem 0 0; }
.sub_nav.ver2 .depth3 { display:none;background:#ededed; padding:10rem 25rem; }
.sub_nav.ver2 .depth3 a { font-size:0.9em; padding:3rem 0; color:#555; }
/*menu_on*/
.sub_nav.ver2 .depth1 > li > a.on { font-weight:bold; color:var(--p_color); border-color:var(--p_color); }
.sub_nav.ver2 .depth2 > li > a.on {font-weight:bold;}
.sub_nav.ver2 a.on.more::before {display:none;}
.sub_nav.ver2 .depth1 > li > a.on.more::after {background:var(--p_color); }

/*sub ver3*/
.sub_nav.ver3 {display:flex; justify-content:space-between; }
.sub_nav.ver3 .depth1 { display:flex; flex-wrap:wrap; width:calc(100% - 40rem); margin-right:40rem; }
.sub_nav.ver3 .depth1 > li { position:relative; width:calc(33.33% - 26.66rem); max-width:250rem; margin-left:40rem; }
.sub_nav.ver3 .depth1 > li::before {content:''; position:absolute; left:-20rem; top:50%; width:1px; height:20rem; background:#ccc; transform:translateY(-50%); }
.sub_nav.ver3 .depth1 > li:first-of-type {margin-left:0;}
.sub_nav.ver3 .depth1 > li:first-of-type::before {display:none;}
.sub_nav.ver3 .depth1 > li > a { display:flex; justify-content:space-between; align-items:center; height:100%; }
.sub_nav.ver3 .depth1 > li > a::after { content:''; display:block; flex-shrink:0; width:6rem; height:6rem; border-bottom:2px solid #999; border-right:2px solid #999; transform:rotate(45deg); margin-bottom:4rem;  }
.sub_nav.ver3 .depth2 { display:none; position:absolute; left:0; width:100%; background:#fff; padding:10rem 20rem; border:1px solid #ccc; border-top:2px solid var(--p_color); z-index:2;}
.sub_nav.ver3 .depth2 a { display:inline-flex; padding:3rem 0; font-size:0.95em; }
.sub_nav.ver3 .depth2 a::before {content:''; display:block; width:3rem; height:3rem; border-radius:50%; background:#333; margin:10rem 8rem 0 0; }
/*menu_on*/
.sub_nav.ver3 .depth1 > li > a.on { font-weight:bold; color:var(--p_color); }
.sub_nav.ver3 .depth1 > li > a.on::after {border-color:var(--p_color);}
.sub_nav.ver3 .depth2 a.on,
.sub_nav.ver3 .depth2 a:hover { font-weight:bold; text-decoration:underline; }
/*sub ver3 option*/
.sub_nav.ver3.white {background:#555; }
.sub_nav.ver3.white .depth1 > li::before { background:#fff; opacity:0.3;}
.sub_nav.ver3.white .depth1 > li > a {color:#fff;}
.sub_nav.ver3.white .depth1 > li > a.on::after {border-color:#fff;}
.sub_nav.ver3.white .sub_util a,
.sub_nav.ver3.white .sub_util span {color:#fff;}
.sub_nav.ver3.white .sub_util .zoom > a {background:rgba(0,0,0,0.3); }
.sub_nav.ver3.white .sub_util .zoom > a::before { background-position:-310px 0; }
.sub_nav.ver3.white .sub_util .zoom > a:last-of-type::before { background-position-y:-24px; }
.sub_nav.ver3.white .sub_util .share > a::before { background-position: -308px -40px; }
.sub_nav.ver3.white .sub_util .print > a::before { background-position: -306px -72px; }
.sub_nav.ver3.white .sub_util .share div a {color:#222;}

/*sub_util*/
.sub_util { display:flex; align-items:center; }
.sub_util span { font-size:0.9em; }
.sub_util a { display:flex; align-items:center; }
.sub_util li:not(:first-of-type) {margin-left:20rem;}
.sub_util li > a::before { content:''; display:block; background:var(--sprite_template); margin-right:10rem; }
.sub_util .zoom { display:flex; align-items:center; }
.sub_util .zoom span {margin:0 10rem;}
.sub_util .zoom > a { flex-shrink:0; justify-content:center; width:25rem; height:25rem; background:#f1f1f1; border-radius:4rem; }
.sub_util .zoom > a span { position:absolute; left:-9999rem; top:-9999rem; }
.sub_util .zoom > a::before { width:10px; height:10px; background-position:-124px 0; margin-right:0; }
.sub_util .zoom > a:last-of-type::before { height:2px; background-position-y:-24px; }
.sub_util .share > a::before { width:15px; height:18px; background-position:-122px -40px; }
.sub_util .print > a::before { width:18px; height:19px; background-position:-120px -72px; }
.sub_util .share { position:relative;}
.sub_util .share div { display:none; position:absolute; left:50%; top:30rem; width:140rem; background:#fff; border:1px solid #999; transform:translateX(-50%); padding:10rem 15rem; z-index:10; }
.sub_util .share div a { font-size:0.85em; padding:7rem 0; justify-content:space-between; border-bottom:1px solid #eee; }
.sub_util .share div a:last-of-type {border:0;}
.sub_util .share div a::after { content:''; display:block; background:var(--sprite_template); }
.sub_util .share div a.insta::after { width:17px; height:17px; background-position:-152px 0; }
.sub_util .share div a.facebook::after { width:8px; height:17px; background-position:-156px -23px; margin-right:6rem; }
.sub_util .share div a.x::after { width:18px; height:17px; background-position:-151px -46px; }
.sub_util .share div a.naver::after { width:13px; height:17px; background-position:-154px -69px; margin-right:3rem; }
.sub_util .share a.off+div {display:none !important;}

/*sub tab*/
.sub_tab {display:flex; flex-wrap:wrap; margin-bottom:40rem; }
.sub_tab li { width:calc(25% + 1px); margin:-1px 0 0 -1px; border:1px solid #ddd; background:#fafafa; }
.sub_tab li a { display:flex; align-items:center; justify-content:space-between; padding:0 20rem; height:50rem; }
.sub_tab li.on a,
.sub_tab li a:hover { background:#fff; color:var(--p_color); font-weight:600; }
.sub_tab li.on a::after,
.sub_tab li a:hover::after {content:''; display:block; width:6rem; height:9rem; border-right:2px solid var(--p_color); border-bottom:2px solid var(--p_color); transform:rotate(45deg); margin-bottom:5rem; }
.sub_tab li.on {border-color:var(--p_color); box-shadow:0 0 3rem rgba(0,0,0,0.5); z-index:1; }
/*sub tab2*/
.sub_tab2 { display:flex; flex-wrap:wrap; margin-bottom:40rem; }
.sub_tab2 a { display:flex; align-items:center; background:#f3f5f9; height:40rem; padding:0 20rem; border-radius:10rem; font-size:0.95em; margin:5rem 5rem 5rem 0; }
.sub_tab2 a:hover {background:#dfe1e5; }
.sub_tab2 a.on {background:#222; color:#fff; }
.sub_tab2 a.on::before { content:''; display:block; width:5rem; height:8rem; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(45deg); margin-bottom:5rem; margin-right:10rem;}

/*content 공통*/
#content .depth1,
#content .depth2,
#content .depth3,
#content .depth4 { margin:10rem 0; }
#content .depth1 ul,
#content .depth2 ul,
#content .depth3 ul,
#content .depth4 ul { margin:5rem 0; }
#content .depth1 li,
#content .depth2 li,
#content .depth3 li,
#content .depth4 li { position:relative; padding:4rem 0 4rem 15rem; }
#content .depth1 li::before,
#content .depth2 li::before,
#content .depth3 li::before,
#content .depth4 li::before { content:''; position:absolute; left:0; }
#content .depth1 li li li {font-size:0.95em; }
#content .table_scroll { display:flex; align-items:center; gap:10rem; }
#content .table_scroll::before {content:''; display:block; flex-shrink:0; width:45px; height:22px; background:var(--sprite_template) -120px -100px;}
#content .table {overflow-x:auto; margin:10rem 0 30rem; text-align:center;  }
#content .table caption {position:absolute; left:-99999rem; top:-99999rem; }
#content .table.tdL tbody td { text-align:left;}
#content .check_txt { position:relative; padding-left:30rem; }
#content .check_txt::before { content:'!'; position:absolute; left:0; top:3rem; background:#E93D3D; color:#fff; padding:0 10rem; border-radius:5rem; font-size:14rem; line-height:20rem; }
#content a.cont_btn_txt { display:inline-flex; text-decoration:underline; color:#2149a6; }
#content a.cont_btn_txt::after { content:''; display:block; flex-shrink:0;  width:13px; height:13px; background:var(--sprite_template) -26px 0; margin:2rem 0 0 5rem; }
#content a.cont_btn,
#content a.cont_btn2 { display:inline-flex; align-items:center; justify-content:center; border:1px solid #666; padding:7rem 15rem; border-radius:5rem; margin:2rem; }
#content a.cont_btn:hover {background:#f5f5f5;}
#content a.cont_btn::after,
#content a.cont_btn2::after { display:block; flex-shrink:0; width:14px; height:14px; background:var(--sprite_template) -180px 0; margin-left:8rem; }
#content a.cont_btn.down::after { content:''; }
#content a.cont_btn.blank::after { content:''; background-position-y:-20px;}
#content a.cont_btn.view::after { content:''; background-position-y:-40px;}
#content a.cont_btn2 { background:var(--p_color); color:#fff; border:1px solid var(--p_color); }
#content a.cont_btn2.down::after { content:''; background-position-y:-60px; }
#content a.cont_btn2.blank::after { content:''; background-position-y:-80px;}
#content a.cont_btn2.view::after { content:''; background-position-y:-100px;}
/*에러페이지*/
#content .error_wrap { height:100vh; min-height:550rem; display:flex; justify-content:center;  align-items:center; background:#f7f7f7; }
#content .error { width:90%; max-width:1300px; margin:0 auto; text-align:center; }
#content .error::before { content:''; display:block; width:200px; height:200px;  background:var(--sprite_template) -200px -100px; margin:0 auto 20rem; }
#content .error p { font-size:35rem; font-weight:600; margin-bottom:30rem; }
#content .error p em {display:block; font-size:0.7em;}
#content .error span {display:block;}
#content .btn_area {margin-top:30rem;}
#content .btn_area a {display:inline-block; margin:0 3rem; padding:10rem 30rem; color:#fff; text-align:center; background:#4a4a4a; border-radius:7rem;}
#content .btn_area a:last-of-type {background:var(--p_color);}
/*사이트맵*/
#sitemap_content li::before {display:none;}
#sitemap_content li { padding:0 !important;}
#sitemap_content .depth1 > li > a { display:inline-block; font-size:25rem; color:var(--p_color); margin:40rem 0 20rem; font-weight:700; }
#sitemap_content .depth2 { display:flex; flex-wrap:wrap; }
#sitemap_content .depth2 > li { width:calc(25% - 22.5rem); padding:0; margin:15rem 0 15rem 30rem; }
#sitemap_content .depth2 > li:nth-of-type(4n+1) {margin-left:0;}
#sitemap_content .depth2 > li > a { position:relative; display:flex; align-items:center; justify-content:space-between; border:1px solid #a6afbd; height:50rem; padding:0 20rem; border-radius:5rem; font-weight:600; font-size:1em; }
#sitemap_content .depth2 > li > a::after { content:''; display:block; flex-shrink:0; width:8rem; height:8rem; border-right:2px solid #a6afbd; border-bottom:2px solid #a6afbd; transform:rotate(45deg); }
#sitemap_content .depth3 {padding:10rem 20rem 0;}
#sitemap_content .depth3 > li > a { position:relative; display:block; padding:5rem 0 5rem 13rem; }
#sitemap_content .depth3 > li > a::before {content:''; position:absolute; left:0; top:13rem; width:4px; height:4px; border-radius:50%; background:#a6afbd; }
#sitemap_content a[target="_blank"] span { display:flex; }
#sitemap_content a[target="_blank"] span::after { content:''; width:13px; height:13px; background:var(--sprite_template) 0 0; margin:2rem 0 0 5rem; }
/*페이지 준비중*/
#content .ready { text-align:center; margin:100rem 0; }
#content .ready::before {content:''; display:block; width:116px; height:152px; background:var(--sprite_template) 0 -132px; margin:0 auto 30rem; }
#content .ready dt {margin:0 0 20rem 0; font-size:40rem; font-weight:800; }
#content .ready dd {font-size:19rem; color:#717171;}
/* 공공누리 */
.nuri_wrap { margin-top:50rem;}
.nuri_wrap .nuri { display:flex; align-items:center; justify-content:center; padding:20rem; background:#f5f5f5; border:1px solid #e9e9e9; }
.nuri_wrap .nuri::before { content:''; display:block; flex-shrink:0; width:208px; height:80px; background:var(--sprite_template) -400px 0; zoom:60%; }
.nuri_wrap .nuri.type2::before {width:254px; background-position-y:-80px;}
.nuri_wrap .nuri.type3::before {width:254px; background-position-y:-160px;}
.nuri_wrap .nuri.type4::before {width:303px; background-position-y:-240px;}
.nuri_wrap .nuri p {margin:0 0 0 30rem;}
.nuri_wrap .nuri span { display:block; }
/*만족도조사*/
.page_research_box { border:1px solid #ccc; margin-top:50rem; }
.page_research_box dl { padding:15rem 30rem; }
.page_research_box dt { font-size:18rem; font-weight:600; }
.page_research_box dd {display:flex; align-items:center; justify-content:space-between;}
.page_research_box .radio_list {display:flex; flex-wrap:wrap; color:#444; font-size:0.9em; margin:10rem 0; }
.page_research_box .radio_list li {margin:0 25rem 5rem 0;}
.page_research_box .radio_list li:last-of-type{margin-right:0;}
.page_research_box .radio_list li,
.page_research_box .radio_list li label {display:flex; align-items:center; }
.page_research_box .radio_list li label::before { content:''; display:block; width:25px; height:25px; background:var(--sprite_template) 0 -298px; margin:0 5rem; }
.page_research_box .radio_list li:nth-of-type(2) label::before {background-position-x:-30px;}
.page_research_box .radio_list li:nth-of-type(3) label::before {background-position-x:-60px;}
.page_research_box .radio_list li:nth-of-type(4) label::before {background-position-x:-90px;}
.page_research_box .radio_list li:nth-of-type(5) label::before {background-position-x:-120px;}
.page_research_box dd div > label {position:absolute; left:-99999rem; top:-99999rem;}
.page_research_box dd div > input { border:1px solid #ccc; border-radius:5rem; width:100%; height:35rem; padding:0 10rem; }
.page_research_box dd > a,
.page_research_box dd > button,
.page_research_box dd > input[type="button"],
.page_research_box dd > input[type="submit"] { align-content:center; border:1px solid #999; height:40rem; border-radius:20rem; padding:0 30rem; margin:0 0 29rem 10rem; background:#fff; cursor:pointer; }
.page_research_box .page_manager { display:flex; align-items:center; border-top:1px solid #ddd; background:#f2f2f2; padding:7rem 30rem;}
.page_research_box .page_manager p {margin-left:40rem;}
.page_research_box .page_manager p:first-of-type {margin-left:0;}
.page_research_box .page_manager strong { margin-right:15rem; }
.page_research_box .page_manager .update {flex-grow:1; text-align:right;}
/*다음지도_오시는길*/
.map_style { width:100% !important; border:1px solid #ddd; }
.map_style .hide,
.map_style .map_border {display:none !important; }
.map_style .wrap_map { height:400rem !important; }
.location_map .info { display:flex; align-items:center; background:#f9f9f9; padding:30rem; margin-top:20rem; }
.location_map .info .icon { display:flex; align-items:center; justify-content:center; flex-shrink:0; position:relative; width:90rem; height:90rem; margin-right:30rem; }
.location_map .info .icon::before {content:''; display:block; width:48px; height:36px; background:var(--sprite_template) -336px 0; }
.location_map .info .icon::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--p_color); opacity:0.2; border-radius:50%; }
.location_map .info > ul > li { display:flex; padding:5rem 0; }
.location_map .info > ul > li::before {content:''; flex-shrink:0; margin:10rem 10rem 0 0; display:block; width:4rem; height:4rem; background:#222; border-radius:50%; }
.location_map .info > ul > li strong { padding-right:20rem; }

/*content ver1*/
#content.ver1 h4 { font-size:28rem; margin:40rem 0 20rem; }
#content.ver1 h4::before { content:''; display:block; width:25rem; height:3px; background:var(--p_color);  margin-bottom:5rem; }
#content.ver1 h5 { font-size:25rem; color:var(--p_color); margin:30rem 0 20rem; }
#content.ver1 h6 { font-size:21rem; margin:30rem 0 20rem; color:#555; }
#content.ver1 .depth1:not(.depth2, .depth3, .depth4) > li::before { top:14rem; width:5rem; height:5rem; border-radius:50%; background:var(--p_color); }
#content.ver1 .depth1 li li::before,
#content.ver1 .depth2 > li::before { top:13rem; width:4rem; height:4rem; border-top:2px solid #666; border-right:2px solid #666; transform:rotate(45deg); }
#content.ver1 .depth1 li li li::before,
#content.ver1 .depth3 > li::before { top:15rem; width:4rem; height:4rem; background:#666; border:0 !important; transform:none !important; }
#content.ver1 .depth1 li li li li::before,
#content.ver1 .depth4 > li::before { top:15rem; width:4rem; height:1rem; background:#666; border:0 !important; transform:none !important; }
#content.ver1 .content_box { border:1px solid #ddd; background:#f6f6f6; padding:30rem; margin:10rem 0 30rem; border-radius:10rem; }
#content.ver1 dl.content_box { border-top:2px solid var(--p_color); }
#content.ver1 dl.content_box dt {font-size:25rem; font-weight:bold; color:var(--p_color); margin-bottom:15rem; }
#content.ver1 dl.content_box.icon { position:relative; padding:30rem 30rem 30rem 160rem; }
#content.ver1 dl.content_box.icon::before {content:''; position:absolute; left:30rem; top:25rem; width:100rem; height:90rem; background:var(--sprite_template) -200px 0; }
#content.ver1 .table table { width:100%; border-top:2px solid var(--p_color); border-spacing:0; margin-left:-1px; }
#content.ver1 .table thead th { background:#f5f5f5; border-left:1px solid #ccc; padding:10rem 20rem; border-bottom:1px solid #aaa; }
#content.ver1 .table tbody th,
#content.ver1 .table tbody td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10rem 20rem; background:#fbfbfb; }
#content.ver1 .table tbody td { background:#fff; }


/*content ver2*/
#content.ver2 h4 { display:flex; font-size:28rem; margin:40rem 0 20rem; }
#content.ver2 h4:after {content:''; display:flex; align-self:flex-end; flex-shrink:0; width:7rem; height:7rem; background:var(--p_color); border-radius:50%; margin-left:10rem; }
#content.ver2 h5 { display:flex; flex-wrap:wrap; align-items:center; font-size:25rem; margin:30rem 0 20rem; }
#content.ver2 h5::after {content:'↓'; display:inline-flex; flex-shrink:0;  align-items:center; justify-content:center; width:27rem; height:27rem; background:var(--p_color); color:#fff; font-size:13rem; border-radius:50%; box-sizing:border-box; padding-top:3rem; margin-left:10rem; }
#content.ver2 h6 { font-size:21rem; margin:30rem 0 20rem; color:#555; }
#content.ver2 .depth1:not(.depth2, .depth3, .depth4) > li::before { top:13rem; width:4rem; height:4rem; border-top:2px solid var(--p_color); border-right:2px solid var(--p_color); transform:rotate(45deg); }
#content.ver2 .depth1 li li::before,
#content.ver2 .depth2 > li::before { top:15rem; width:4rem; height:4rem; background:#666; border-radius:50%; }
#content.ver2 .depth1 li li li::before,
#content.ver2 .depth3 > li::before { top:15rem; width:7rem; height:1px; background:#666; border-radius:0;  }
#content.ver2 .depth1 li li li li::before,
#content.ver2 .depth4 > li::before { left:4rem; top:15rem; width:2px; height:2px; background:#666; }
#content.ver2 .content_box { background:#fff; border:1px solid #ddd; padding:30rem; margin:10rem 0 30rem; border-radius:10rem; box-shadow:0 0 5rem rgba(0,0,0,0.1); }
#content.ver2 dl.content_box dt {font-size:25rem; font-weight:bold; color:var(--p_color); margin-bottom:15rem; }
#content.ver2 dl.content_box.icon { position:relative; padding:30rem 30rem 30rem 160rem; }
#content.ver2 dl.content_box.icon::before {content:''; position:absolute; left:30rem; top:25rem; width:100rem; height:90rem; background:var(--sprite_template) -200px 0; }
#content.ver2 .table table { width:100%; border-top:1px solid #444; border-spacing:0; margin-left:-1px; }
#content.ver2 .table thead th { position:relative; border-left:1px solid #ccc; padding:10rem 20rem; border-bottom:1px solid #aaa; }
#content.ver2 .table thead th::after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:var(--p_color); opacity:0.05; }
#content.ver2 .table tbody th,
#content.ver2 .table tbody td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:10rem 20rem; }


/*반응형*/
@media all and (max-width:1200px){
	#sitemap_content .depth2 > li { width:calc(33.33% - 20rem); } 
	#sitemap_content .depth2 > li:nth-of-type(4n+1) {margin-left:30rem; }
	#sitemap_content .depth2 > li:nth-of-type(3n+1) {margin-left:0;}
}
@media all and (max-width:1023px){
	.sub_nav.ver3 {flex-wrap:wrap; }
	.sub_nav.ver3 > ul { width:100% !important; }
	.sub_nav.ver3 .depth1 {margin-right:0;}
	.sub_nav.ver3 .depth1 > li {max-width:none;}
	.sub_nav.ver3 .sub_util { border-top:1px dashed #eee; }
	.sub_nav.ver3.white .sub_util { border-top:1px dashed rgba(255,255,255,0.2); }

	.page_research_box dl {padding:15rem 20rem; }
	.page_research_box .page_manager {padding:7rem 20rem; }
	.page_research_box .page_manager p {margin-left:20rem;}
}
@media all and (max-width:768px){
	.sub_tab li { width:calc(33.33% + 1px); }
	.sub_tab li a {padding:0 10rem; }

	#content .error p {font-size:30rem;}
	#content .error::before {zoom:70%;}

	#content .btn_area a { padding:10rem 20rem; }

	#sitemap_content .depth2 > li { width:calc(50% - 15rem); }
	#sitemap_content .depth2 > li:nth-of-type(3n+1) {margin-left:30rem; }
	#sitemap_content .depth2 > li:nth-of-type(2n+1) {margin-left:0;}
	#sitemap_content .depth2 > li > a {padding: 0 15rem;}
	#sitemap_content .depth3 {padding:10rem 10rem 0;}

	.nuri_wrap .nuri { flex-wrap:wrap; font-size:0.95em;}
	.nuri_wrap .nuri::before {zoom:50%;}
	.nuri_wrap .nuri p { width:100%; margin:20rem 0 0 0;}

	.page_research_box dd {flex-direction:column;}
	.page_research_box dd > div {width:100%;}
	.page_research_box dd > a {margin-bottom:0;}
	.page_research_box .page_manager {flex-direction:column; align-items:flex-start; padding:2rem 20rem 5rem;}
	.page_research_box .page_manager p {margin-left:0; margin-top:5rem;}
	.page_research_box dd > a,
	.page_research_box dd > button,
	.page_research_box dd > input[type="button"],
	.page_research_box dd > input[type="submit"] { margin:10rem 0 0 0;}

	.map_style .wrap_map { height:300rem !important; }

	#content.ver1 dl.content_box.icon {padding:30rem;}
	#content.ver1 dl.content_box.icon::before {display:none;}
}
@media all and (max-width:480px){
	.sub_nav.ver3 > ul {min-height:50rem;}
	.sub_nav.ver3 .depth1 > li {width:calc(50% - 20rem); height:50rem; }
	.sub_nav.ver3 .depth1 > li:nth-of-type(2n-1) {margin-left:0;}
	.sub_nav.ver3 .depth1 > li:nth-of-type(2n-1)::before {display:none;}
	.sub_nav.ver3 .depth2 {top:50rem;}

	.sub_tab li { width:calc(50% + 1px); }

	#search_area form {padding: 0 20rem 0 30rem; }
	#search_area form input {margin:0;}
	#search_area form legend,
	#search_area .search_keyword { display:none; }

	#content .ready { margin:60rem 0; }
	#content .ready::before {zoom:70%;}
	#content .ready dt {font-size:35rem;}
	#content .ready dd {font-size:19rem;}

	.page_research_box .radio_list {gap:10rem 20rem;}
	.page_research_box .radio_list li label::before {zoom:80%;}

	.map_style .wrap_map { height:230rem !important; }

	.location_map .info .icon {display:none;}
}