@charset "utf-8";

.mc_b {color:#034178;}
.mc_sky {color:#00b8ea;}
.mc_m {color:#d7005f;}
.mc_g {color:#036b75;}
.mc_y {color:#ffe866;}
.mc_o {color:#e83e0d;}
.mc_r {color:#d90c14;}
.mc_w {color:#fff;}
.mc_gray {color:#333;}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {outline:2px dashed #ff0000;}

.flip-x {-webkit-transform: scaleX(-1); transform: scaleX(-1); float:right;}
[role=button], [type=button], [type=reset], [type=submit], button {cursor: pointer; border:none;}

.no-scrolling{ overflow-y:hidden;}

/*wrap*/
.wrap {width:1720px !important; margin:0 auto;}
@media all and (max-width:1720px){
  .wrap {width:98% !important; margin:0 1%;}
}

/*본문바로가기*/
/*#skipBtn a { display: block; position:fixed; left:-9999px; top:-9999px; width:100%; }
#skipBtn a:focus, #skipBtn a:hover, #skipBtn a:active { position:fixed; left:0; top:0; padding:10px 0; background: #333; color: #fff; text-align:center; z-index:200; }*/
#skipBtn, #skipMap { overflow: hidden; position: relative; width: 100%; z-index: 1000; }
#skipBtn a, #skipMap a { display: block; font-size: 0; width: 1px; height: 1px; line-height: 0; margin: 0 -1px -1px 0; overflow: hidden; text-align: center; font-weight:300 !important;}
#skipBtn a:focus, #skipBtn a:hover, #skipBtn a:active, #skipMap a:focus, #skipMap a:hover, #skipMap a:active { width: auto; padding:20px 0; background: #333; color: #fff; font-weight: bold; font-size:16px; }

#skipBtn a:focus-visible, #skipMap a:focus-visible {outline:none; border:2px dashed #ff0000;}
.skipBtn a:focus-visible, .skipMap a:focus-visible {outline:none; border:2px dashed #ff0000;}

/*전자정부안내*/
.gov_web {position:relative; width:100%; height:30px; line-height:30px; background-color: #333; padding:0 2%;}
.gov_web p {font-size:15px; color:#fff; background:url('/Main/Images/new/ko/layout/gov_web.png') no-repeat left center; padding-left:50px;}
@media all and (max-width:1023px){
  .gov_web p {font-size:13px}
}
@media all and (max-width:360px){
	.gov_web p {padding-left:0; background-image:none;}
}

.govinfo {background:#f1f6fd; height:33px; line-height:33px;}
.govinfo > .wrap {display:flex; justify-content:space-between; font-size:14px;}
.govinfo > .wrap p {position:relative; padding-left:30px;}
.govinfo > .wrap p:before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:26px; height:18px; background:url('/Main/Images/new/ko2025/layout/eg_logo.gif') no-repeat;}
.govinfo > .wrap a {padding-left:25px;}
.govinfo > .wrap .council {position:relative;}
.govinfo > .wrap .council::before {content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:url('/Main/Images/new/ko2025/layout/ico_council.png') no-repeat; background-size:contain;}
@media all and (max-width:768px){
	.govinfo > .wrap a {display:none;}
	.govinfo > .wrap p {padding-left:40px;}
}
@media all and (max-width:480px){
	.govinfo > .wrap {align-items:flex-start;}
	.govinfo > .wrap:before {margin-top:3px;}
}

/* 헤더 */
#header, #header_search {position:relative; width:100%; top:0; left:0; z-index:100; font-family:'NotoSansKR', sans-serif; font-weight:500; background:#fff; /*box-shadow:0 0 10px rgba(0, 0, 0, 0.3);*/}
#header.on, #header_search.on {background:#fff;}
#header h1.logo, #header_search h1.logo {position:absolute; left:4.834%; top:8px; z-index:100;}
#header h1.logo a, #header_search h1.logo a {display:block; background:url('/data/intro_2021/img/intro/logo_2022_w1.png') no-repeat 0 0; width:250px; height:70px; text-indent:-99999px;}
#header_search h1.logo a {background-image:url('/data/intro_2021/img/intro/logo_2022.png');}
#header.on h1.logo a {background-image:url('/data/intro_2021/img/intro/logo_2022.png');}
/*#header h1.logo a {display:block; background:url('/Main/Images/new/ko/layout/logo_w1.png') no-repeat 0 0; width:240px; height:55px; text-indent:-99999px;}
#header h1.logo a {display:block; background:url('/Main/Images/new/ko/layout/logo.png') no-repeat 0 0; width:240px; height:55px; text-indent:-99999px;}
#header.on h1.logo a {background-image:url('/Main/Images/new/ko/layout/logo.png');}*/
@media all and (max-width:1720px){
  #header h1.logo, #header_search h1.logo {left:1%;}
}
@media all and (max-width:1200px){
  #header h1.logo, #header_search h1.logo {top:11px;}
  #header h1.logo a, #header_search h1.logo a {width:170px; background-size:100%;}
}
@media all and (max-width:1023px){
  #header, #header_search {position:absolute; top:33px;}
  #header h1.logo, #header_search h1.logo {top:10px; z-index:0;}
  #header h1.logo a, #header_search h1.logo a {width:175px;}
  /*#header h1.logo a {width:200px; background-image:url('/Main/Images/new/ko/layout/logo.png');}*/
}

#header .topMenu, #header_search .topMenu {position:absolute; right:4.834%; top:0; height:85px; z-index:20;}
#header .topMenu > ul, #header_search .topMenu > ul { display:inline-block;}
#header .topMenu > ul > li, #header_search .topMenu > ul > li { position:relative; float:left; margin-left:17px; height:85px; padding-top:20px;}
#header .topMenu > ul > li > a, #header_search .topMenu > ul > li > a {display:block; position:relative; width:50px; height:50px; border-radius:50%; text-align:center; border:1px solid #ddd; text-indent:-9999px; background:#fff;}
#header .topMenu > ul > li > a span, #header_search .topMenu > ul > li > a span {display:block; line-height:50px; background-image:url('/Main/Images/new/ko/layout/topMenu_icon1.png'); background-repeat:no-repeat; background-position: center;}
#header .topMenu > ul > li > a.icon2 span {background-image:url('/Main/Images/new/ko/layout/topMenu_icon2.png');}
#header .topMenu > ul > li > a.icon3 span {background-image:none; text-indent:0; font-weight:500;}
#header .topMenu > ul > li > a.icon4 span, #header_search .topMenu > ul > li > a.icon4 span {background-image:url('/Main/Images/new/ko/layout/topMenu_icon4.png');}
#header .topMenu > ul > li > ul {display:none; position:absolute; top:75px; left:-35px; width:120px; background:#fff; border:1px solid #ddd; text-align:left; z-index:200; border-radius:10px; padding:10px 5% 5px;; text-align:center; box-shadow:2px 2px 3px rgba(0,0,0,.05)}
#header .topMenu > ul > li.on > ul {display:block;}
#header .topMenu > ul > li > ul li {margin-bottom:5px;}
#header .topMenu > ul > li > ul li a {font-size:15px; display:inline-block; position: relative; padding-left:10px; color:#878787;}
#header .topMenu > ul > li > ul li a:hover {font-weight:500; color:#333;}
#header .topMenu > ul > li > ul li a:hover::after {content:''; position:absolute; display:inline-block; width:6px; height:6px; background:#007f8c; border-radius:50%; top:7px; left:0;}
.topMenu .search {display:none;position: absolute; background:#333; width:500px; height:65px; top:80px; right:0; z-index:10; border-radius:50px; padding-top:18px;}
.topMenu .search.on {display:block;}
.topMenu .search .inp_word {border-bottom:1px solid rgba(255,255,255,1); color:#fff;}
#header .topMenu > ul > li:nth-of-type(2), #header_search .topMenu > ul > li:nth-of-type(2) {display:none;}
@media all and (max-width:1800px){
  #header .topMenu > ul > li:nth-of-type(2), #header_search .topMenu > ul > li:nth-of-type(2) {display:block;}
}
@media all and (max-width:1720px){
  #header .topMenu, #header_search .topMenu {right:1%;}
}
@media all and (max-width:1200px){
  #header .topMenu > ul > li, #header_search .topMenu > ul > li {margin-left:5px;}
  #header .topMenu > ul > li > a, #header_search .topMenu > ul > li > a {width:45px; height:45px;}
  #header .topMenu > ul > li > a span, #header_search .topMenu > ul > li > a span {line-height:45px;}
}
@media all and (max-width:1023px){
  #header .topMenu, #header_search .topMenu {display:none;}
}

.searchBtnClose {display:block; position:absolute; top:13px; right:10px; width:40px; height:40px; background:url('/Main/Images/new/ko/layout/site_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;}

.mSearch {display:none;}
@media all and (max-width:1023px){
  .mSearch {display:block; position:absolute; top:85px; width:96%; right:2%;}
  .mSearch form {border:1px solid #ddd; padding:7px 2%; border-radius:30px; box-sizing:border-box; background:#fff;}
  .mSearch label {display:none;}
  .mSearch .inp_word {border:none; width:calc(100% - 50px);}
  #header_search .mSearch .inp_word {height:35px; padding:5px;}
  .mSearch .btn_srch .sprh_com { background:url('/Main/Images/new/ko/sub/sprh_com_b.png') no-repeat center;}
  .mSearch dl {margin-top:10px; display:none;}
  .mSearch dt,
  .mSearch dd {display:inline-block; font-size:14px; letter-spacing:-0.1em;}
  .mSearch dt {font-weight:600; background-color:#d7005f; color:#fff; padding:2px 7px; border-radius:15px;}
  .mSearch dd a {padding-left:5px;}
}
@media all and (max-width:480px){
	/*.mSearch dd a:last-child {display:none;}*/
	.mSearch dt {display:none;}
}

/*네비*/
#header_search #navi * {box-sizing:border-box;}
#header_search #navi .dept1 > li > a {text-shadow:none; color:#333;}

#navi {width:100%; height:85px; position: relative; z-index: 10;}
#navi .dept1 {overflow:hidden;text-align:center; font-size:0;}
#navi .dept1 > li {display:inline-block; vertical-align:top;}
#navi .dept1 > li > a {display:inline-block; font-size:19px; font-weight:500; height:85px; padding:30px 20px 0; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,.5)}
#navi .dept1 > li.on > a {text-decoration:underline;}
#navi .dept1 > .on_sel > a {text-decoration:underline;}
#header.on #navi .dept1 > li > a {color:#333; text-shadow:none;}
/*#navi .dept1 > li:first-child .naviWrap {display:block;}*/
#navi .dept1 > li .naviWrap {display:none; position:absolute; top:85px; left:0; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; box-shadow:5px 5px 5px rgba(0,0,0,.1); background:#fff;}
#navi .dept1 > li .naviWrap.on {display:block;}
#navi .dept1 > li .naviWrap::before {content:''; position:absolute; left:0; top:0; width:25%; height:100%; background-color:#f6f7f9; background-repeat: no-repeat; background-position: center 80%; z-index:10; background-size:auto;}

#navi .dept1 > li:nth-of-type(1) .naviWrap::before {background-image:url('/Main/Images/new/ko/layout/naviWrap_before01.png')}
#navi .dept1 > li:nth-of-type(2) .naviWrap::before {background-image:url('/Main/Images/new/ko/layout/naviWrap_before02.png')}
#navi .dept1 > li:nth-of-type(3) .naviWrap::before {background-image:url('/Main/Images/new/ko/layout/naviWrap_before03.png')}
#navi .dept1 > li:nth-of-type(4) .naviWrap::before {background-image:url('/Main/Images/new/ko/layout/naviWrap_before04.png')}
#navi .dept1 > li:nth-of-type(5) .naviWrap::before {background-image:url('/Main/Images/new/ko/layout/naviWrap_before05.png')}
#navi .dept1 > li:nth-of-type(6) .naviWrap::before {background-image:url('/Main/Images/new/ko/layout/naviWrap_before06.png')}
#navi .dept1 > li:nth-of-type(7) .naviWrap::before {background-image:url('/Main/Images/new/ko/layout/naviWrap_before07.png')}

/*#navi .dept1 > li > a[target='_blank'] span {background:url('/Main/Images/new/ko/common/blank.png') no-repeat 95% center;}*/

#navi .dept1 > li .naviWrap .title,
#navi .dept1 > li .naviWrap .dept2 { display:inline-block;position:relative; z-index:20;}
#navi .dept1 > li .naviWrap .title {width:25%; float:left; font-size:28px; font-weight:600; margin-top:40px; font-family:'SCDream', sans-serif;}
#navi .dept1 > li .naviWrap .title p:nth-of-type(2) {position:relative; font-size:17px; font-weight:300; margin-top:25px; padding-top:25px;}
#navi .dept1 > li .naviWrap .title p:nth-of-type(2)::before {content:''; display: block; position:absolute; top:0; left:50%; margin-left:-25px; width:50px; height:1px; background:#333;}
#navi .dept1 > li .naviWrap .dept2 {width:75%; background:#fff; float:left; position:relative; padding:20px 3%;}
#navi .dept1 > li .naviWrap .dept2 > li {float:left; width:25%; min-height:320px; overflow:hidden; padding-right:30px;}
#navi .dept1 > li:first-child .naviWrap .dept2 > li:last-child {min-height:70px;}
#navi .dept1 > li:last-child .naviWrap .dept2 > li,
#navi .dept1 > li:nth-of-type(6) .naviWrap .dept2 > li {width:20%;}
#navi .dept1 > li .naviWrap .dept2 > li.li9 {width:50%;}
#navi .dept1 > li .naviWrap .dept2 > li.li9 .dept3 li {width:50%; float:left;}
#navi .dept1 > li .naviWrap .dept2 > li > a,
#navi .dept1 > li .naviWrap .dept2 > li > ul,
#navi .dept1 > li .naviWrap .dept2 > li > div.dept3_no {z-index:20; position:relative;}
#navi .dept1 > li .naviWrap .dept2 > li > div.dept3_no{text-indent:-9999px;}
#navi .dept1 > li .naviWrap .dept2 > li > a {display:block; overflow:hidden; width:100%; line-height:40px; box-sizing:border-box; margin:5px;}
#navi .dept1 > li .naviWrap .dept2 > li > a::after {content:''; display:block; position:absolute; bottom:0; left:0; width:100%; height:1px; background:rgba(255,255,255,.2); }
#navi .dept1 > li .naviWrap .dept2 > li:last-child > a::after {display:none;}
#navi .dept1 > li .naviWrap .dept2 > li:last-child > a {border-bottom:none;}
#navi .dept1 > li .naviWrap .dept2 > li > a span {font-size:18px; text-align:left; float:left; width:100%; border-bottom:2px solid #333; color:#333; font-weight:400; background:url('/Main/Images/new/ko/layout/arr_v.png') no-repeat 95% center;}
#navi .dept1 > li .naviWrap .dept2 > li > a[target='_blank'] span {background:url('/Main/Images/new/ko/common/blank.png') no-repeat 95% center;}
#navi .dept1 > li .naviWrap .dept2 .dept3,
#navi .dept1 > li .naviWrap .dept2 .dept3_no {width:100%; padding:10px 0; text-align:left; vertical-align: middle; overflow:hidden;}
#navi .dept1 > li .naviWrap .dept2 .dept3 li {position:relative; display:inline-block; width:100%; float:left; padding-right:5px; padding-left:10px; margin-bottom:5px;}

#navi .dept1 > li .naviWrap .dept2 .dept3 li a span.blank {position:relative; display:inline-block; text-indent:-9999px; width:20px; height:20px; }
#navi .dept1 > li .naviWrap .dept2 .dept3 li a span.blank::after {content:''; position: absolute; width:20px; height:20px; top:0; left:0; background:url('/Main/Images/new/ko/common/blank.png') no-repeat right center;}

#navi .dept1 > li .naviWrap .dept2 .dept3 li a {font-size:15px;}
#navi .dept1 > li .naviWrap .dept2 .dept3 li::before {content:''; display:block; position:absolute; left:0; top:10px; width:4px; height:2px; background:#333;}
#navi .dept1 > li .naviWrap .dept2 li:last-child .dept3,
#navi .dept1 > li .naviWrap .dept2 li:last-child .dept3_no {border-bottom:none;}
#navi .dept1 > li .naviWrap .dept2 .dept3 li a:hover {color:#053d6c; text-decoration: underline;}
@media all and (max-width:1720px) {
  #navi .dept1 > li .naviWrap::before {background-size:85%;}
  #navi .dept1 > li .naviWrap .title {font-size:32px}
#navi .dept1 > li .naviWrap .dept2 > li {min-height:320px !important;}	
  #navi .dept1 > li .naviWrap .dept2 > li > a {line-height:50px;}
  #navi .dept1 > li .naviWrap .dept2 > li > a span {font-size:16px;}
  #navi .dept1 > li .naviWrap .dept2 .dept3 li a {font-size:15px;}
}
@media all and (max-width:1400px){
  #navi .dept1 > li > a {padding:30px 15px 0; font-size:17px;}
  #navi .dept1 > li .naviWrap::before {background:#fff !important;}
  #navi .dept1 > li .naviWrap .title {display:none;}
  #navi .dept1 > li .naviWrap .dept2 {width:100%;}
}
@media all and (max-width:1200px){
  #navi .dept1 > li > a {font-size:17px;}
}
@media all and (max-width:1023px){
  #navi {display:none;}
}

#mnaviOpen {display:none;}
#mNavi {display:none; position:fixed;width:350px; overflow-y:auto; top:0; right:-350px; height:100%; background:#fff url('/Main/Images/new/ko/common/bg_gray.jpg') repeat-y 105px top; z-index:10; padding-top:60px;}
/*#mNavi::before {content:''; display:block; position: absolute; left:100px; top:0; width:1px; height:100%; background:#ddd;z-index:-1}*/

@media all and (max-width:1023px){
  #mNavi {display:block;}
  #header_search #mnaviOpen {display:none;}
  #mnaviOpen {display:block;position:absolute; right:2%; top:15px; display:block; width:45px; height:45px; border-radius:50%; text-align:center; border:1px solid #ddd; background:#fff;}
  #mnaviOpen span {display:block; width:100%; height:100%; background:url('/Main/Images/new/ko/layout/topMenu_icon4.png') no-repeat center;  text-indent:-9999px;}
  #mNavi.open {display:block !important; background:#ddd; width:320px;}
  .naviWrap .title {display:none;}
}

#mnaviBg {display:none; background:rgba(0,0,0,0.7); position:fixed; top:0; left:0; width:100%; height:100%; z-index:0; }
@media all and (min-width:1024px){
  #mnaviBg {top:115px;}
}

.gnbArea .dept1 {position:relative;}
.gnbArea .dept1 > li > a {position:absolute; display: block; width:100px; height:60px; top:0; left:10px;}
.gnbArea .dept1 > li:nth-of-type(2) > a  {top:60px;}
.gnbArea .dept1 > li:nth-of-type(3) > a  {top:120px;}
.gnbArea .dept1 > li:nth-of-type(4) > a  {top:180px;}
.gnbArea .dept1 > li:nth-of-type(5) > a  {top:240px;}
.gnbArea .dept1 > li:nth-of-type(6) > a  {top:300px;}
.gnbArea .dept1 > li:nth-of-type(7) > a  {top:360px;}
.gnbArea .dept1 > li:nth-of-type(8) > a  {top:420px;}
.gnbArea .dept1 > li:nth-of-type(9) > a  {top:480px;}
.mNavimenu .login {background:#fff; overflow:hidden; padding:20px 5%;}
.mNavimenu .login li {display:inline-block;}
.mNavimenu .login li a {display:block;  font-weight:500; padding:5px 20px; border-radius:20px; }
.mNavimenu .login li:nth-of-type(1) a {background:url('/Main/Images/new/ko/layout/login.png') no-repeat 10px center; padding-left:20px; background-size:10px;  border:1px solid rgba(255,255,255,.3); padding:5px 20px 5px 30px;}
.mNavimenu .login li:nth-of-type(2) a {border:1px solid rgba(0,0,0,.2);}
#mnaviClose {position:absolute; top:10px; right:10px; width:40px; height:40px; background:url('/Main/Images/new/ko/layout/site_close_b.png') no-repeat center; text-indent:-9999px; cursor:pointer;}
.mNavimenu .lang {background:#e4e4e4;  font-size:0;}
.mNavimenu .lang li {display:inline-block;width:25%; text-align:center;}
.mNavimenu .lang li a {display:block; font-size:16px; color:#333; padding:10px 0; border-right:1px solid rgba(0,0,0,.1)}
.mNavimenu .lang li:last-child a {border-right:none;}
.naviWrap {display:block; width:calc(100% - 130px); float:right; position:absolute;top:0; right:10px;}
@media all and (min-width:1024px){
  .naviWrap {min-height:400px;}
}

@media all and (max-width:1023px){
#mNavi .dept1 > li {width:100%; /*height:50px;*/}
  #mNavi .dept1 > li > a {display:block;box-sizing:border-box;text-align:center;}
  #mNavi .dept1 > li > a span {display:inline-block; margin-top:8px; padding:10px 35px 10px 10px;}
  #mNavi .dept1 > li > a.on span {background:#333; color:#fff;   font-size:16px; font-weight:600; box-shadow: 3px 3px 3px rgba(0,0,0,.1); z-index:10; position:relative;}
  #mNavi .dept2 > li {border-bottom:1px dashed #ccc;}
  #mNavi .dept2 > li > a {display:block; padding:19px 5px 19px 10px;font-weight:400;}
  #mNavi .dept2 > li > a.on {font-weight:600;}
  #mNavi .dept2 > li > a[target="_blank"] {background:url('/Main/Images/new/ko/common/blank.png') no-repeat right center; padding-right:16px;}
  #mNavi .dept3 {overflow:hidden; padding:10px; border-top:2px solid #333}
  #mNavi .dept3 > li { float:left; width:100%;}
  #mNavi .dept3 > li > a {position:relative; display:block; font-size:14px; padding:7px 15px;}
  #mNavi .dept3 > li > a[target="_blank"] { background:url('/Main/Images/new/ko/common/blank.png') no-repeat right center; padding-right:16px;}
  #mNavi .dept3 > li > a.on {font-weight:600;}
  #mNavi .dept3 > li > a.on::before {content:''; display:block; position:absolute; left:0; top:50%; margin-top:-5px; width:11px; height:9px; background:url('/Main/Images/new/ko/layout/mNavi_dept3_on.png');}
  #mNavi .dept2, #mNavi .dept3 {display:none;}
  #mNavi .dept1 li:nth-of-type(1) .dept2 {display:block;}
  .gnbArea.open {display:block; position:fixed; width:100%; height:100%; top:0; left:0; background:#fff; overflow-y:auto; z-index:200; }
}

footer {margin-top:70px;}
.site_wrap {position:relative; width:100%; /*min-height:50px;*/ background:#3b434f; z-index:90; border-top:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2;}
.site_wrap::before {content:''; display:block; position:absolute; width:18.5%; height:100%; left:0; top:0; background:#323943;z-index:0}
.site_wrap .wrap {position:relative;z-index:1; font-size:0;}
.site_wrap .wrap > span {position:relative; color:#fff; width:15%;line-height:60px;}
.site_wrap .wrap > span,
.site_wrap .wrap > .site_area,
.site_wrap .wrap > .sns_area {display:inline-block; font-size:17px;}
.site_wrap .wrap > .site_area {width:33.3333%; /*position:relative;*/}
.site_wrap .wrap > .site_area button {position:relative; display:block; width:100%; height:50px; font-size:16px; border:none; background:#3b434f; color:#fff; text-align:left; padding-left:30px; box-sizing:border-box; cursor:pointer;}
.site_wrap .wrap > .site_area button::before {content:''; display:block; position:absolute; top:15px; right:0; width:1px; height:20px; background-color:rgba(255,255,255,.1)}
.site_wrap .wrap > .site_area button::after{content:''; display:block; position:absolute; width:14px; height:8px; top:50%; margin-top:-4px; right:5%; background:url('/Main/Images/new/ko/layout/site_button.png');}
.site_wrap .wrap > .site_area button.on::after {transform:rotate(-180deg);}
.site_wrap .wrap > .site_area .lst {display:none; position:absolute; left:0; bottom:100%; width:100%;  background:#fff; border:1px solid #3b434f; box-sizing:border-box; border-bottom:none;}
.site_wrap .wrap > .site_area .lst ul {height:290px; overflow-x:hidden; overflow-y:auto; padding:15px;}
.site_wrap .wrap > .site_area .lst li {overflow:hidden; width:20%; float:left; }
.site_wrap .wrap > .site_area .lst li a {position:relative; display:inline-block; margin-bottom:5px; font-size:15px; padding-left:10px; box-sizing:border-box; padding-right:30px;}
.site_wrap .wrap > .site_area .lst li a[target="_blank"]::after {content:''; position: absolute; width:20px; height:20px; background:url('/Main/Images/new/ko/common/blank.png') no-repeat right 3px;}
.site_wrap .wrap > .site_area .lst li a::before {content:''; display:block; position:absolute; top:8px; left:0; width:3px; height:3px; background:#3b434f}
.site_wrap .wrap > .site_area p {height:50px; line-height:50px;background:#3b434f; color:#fff; padding-left:15px; font-size:17px; box-sizing:border-box;}
/*.site_wrap .wrap > .site_area .close {position:absolute; top:5px; right:10px; width:40px; height:40px; background:#3b434f url('/Main/Images/new/ko/layout/site_close.png') no-repeat center; text-indent:-9999px; cursor:pointer;}*/
.site_wrap .wrap > .site_area .close {position:absolute; top:10px; right:10px; width:30px; height:30px; background:#3b434f url('/Main/Images/new/ko/layout/site_close2.png') no-repeat center; text-indent:-9999px; cursor:pointer;}
.site_wrap .wrap > .sns_area {float:right; margin-top:10px;}
.site_wrap .wrap > .sns_area a {display:inline-block; width:40px; height:40px; text-indent:-99999px;position:relative;}
.site_wrap .wrap > .sns_area a::before {content:''; position:absolute; background-image:url('/Main/Images/new/ko/layout/footer_sns_area.png'); background-repeat:no-repeat; width:40px; height:40px; display:block;}
.site_wrap .wrap > .sns_area a.youtube::before {background-position:0 0;}
.site_wrap .wrap > .sns_area a.instagram::before {background-position:-40px 0;}
.site_wrap .wrap > .sns_area a.facebook::before {background-position:-80px 0;}
.site_wrap .wrap > .sns_area a.blog::before {background-position:-120px 0;}
.site_wrap .wrap > .sns_area a.twitter::before {background-position:-160px 0;}
.site_wrap .wrap > .sns_area a.kakaostory::before {background-position:-200px 0;}
@media all and (max-width:1720px){
  .site_wrap::before {display:none;}
  .site_wrap .wrap > span{display:none}
}
@media all and (max-width:1023px){
  .site_wrap .wrap > .site_area {width:33.333%;}
  .site_wrap .wrap > .site_area button::after {right:10%;}
  .site_wrap .wrap > .site_area:nth-of-type(3) button::before {display:none;}
  .site_wrap .wrap > .sns_area {float:none; width:100%; display:block; text-align:center; border-top:1px solid rgba(255,255,255,.1); margin-top:0; padding:5px 0;}
  .site_wrap .wrap > .site_area .lst li {width:33.3333%;}
  .site_wrap .wrap > .site_area .lst ul {height:350px;}
}
@media all and (max-width:768px){
  .site_wrap .wrap > .site_area .lst li a {font-size:14px;}
}
@media all and (max-width:640px){
  .site_wrap .wrap > .site_area .lst ul {height:250px; padding:10px 15px;}
  .site_wrap .wrap > .site_area .lst li {width:50%;}
}
@media all and (max-width:480px){
	.site_wrap .wrap > .site_area button {height:40px; padding:0 15px; font-size:14px;}
	.site_wrap .wrap > .site_area button::before {top:10px;}
	.site_wrap .wrap > .site_area p {height:40px; line-height:40px; font-size:14px;}
	.site_wrap .wrap > .site_area .close {width:20px; height:20px; background-size:cover;}
	.site_wrap .wrap > .site_area .lst li a {font-size:13px; margin:3px 0;}
	.site_wrap .wrap > .site_area .lst li a::before {top:50%; transform:translateY(-50%);}
	.site_wrap .wrap > .site_area .lst li a[target="_blank"]::after {background-position:right center;}
	.site_wrap .wrap > .site_area .lst li {width:100%;}
	#silguk1 li, #silguk2 li {width:50%;}
}
/*@media all and (max-width:640px){
  .site_wrap .wrap > .site_area {position:relative; width:100%; border-bottom:rgba(255,255,255,.1)}
  .site_wrap .wrap > .site_area button::before {top:100%; width:100%; height:1px; bottom:0; top: auto;}
  .site_wrap .wrap {width:100% !important; margin:0  !important;}
  .site_wrap .wrap > .site_area button,
  .site_wrap .wrap > .site_area p {height:40px; line-height:40px;}
  .site_wrap .wrap > .site_area button {background-position:95% center;}
  .site_wrap .wrap > .site_area .close {top:7px; width:25px; height:25px; background-size:100%;}
  .site_wrap .wrap > .site_area .lst {top:0; bottom:auto; z-index:10; border-bottom:1px solid #3b434f}
  .site_wrap .wrap > .sns_area  {border-top:none; height:40px; padding:0;}
  .site_wrap .wrap > .site_area:nth-of-type(3) button::before {display:block;}
  .site_wrap .wrap > .site_area button::after {right:15px;}
  .site_wrap .wrap > .site_area .lst li {width:100%;}
}
@media all and (max-width:480px){
  .site_wrap .wrap > span {display:block; width:100%; text-align:center; background:#323943; line-height:35px; font-size:14px;}
  .site_wrap .wrap > .site_area button,
  .site_wrap .wrap > .site_area p {font-size:14px;}
  .site_wrap .wrap > .site_area .lst ul {height:270px;}
  .site_wrap .wrap > .site_area .lst li a {font-size:14px;}
  .site_wrap .wrap > .site_area .lst#silguk1 li {width:50%; float:left;}
  .site_wrap .wrap > .site_area .lst#silguk2 li {width:33.3333%; float:left;}
}*/

.link_wrap {border-bottom:1px solid #ddd; padding:10px 0;}
.link_wrap a {position:relative; display:inline-block; padding-right:30px; margin-right:30px; font-size:15px;}
.link_wrap a::after {content:''; position:absolute; top:10px; right:0; width:4px; height:4px; border-radius:50%; background:#ddd;}
.link_wrap a:hover {font-weight:600;}
.link_wrap a:last-child::after {display:none;}
.link_wrap a.privacy {font-size:16px; text-decoration:underline; color:#004089; font-weight:600;}
.copyright_wrap {overflow:hidden; padding:30px 0;}
.copyright_wrap .copyright {float:left;}
.copyright_wrap .copyright p {margin-bottom:7px;}
.copyright_wrap .copyright p span {display:inline-block; margin-right:20px;}
.copyright_wrap .copyright p span.happyCall {background:url('/Main/Images/new/ko/layout/happyCall.jpg') no-repeat left 5px; padding-left:30px;}
.copyright_wrap .copyright p span strong {font-weight:600 !important; padding-right:5px;}
.copyright_wrap .copyright p:nth-of-type(2) {margin-bottom:15px;}
.copyright_wrap .copyright p:last-child {color:#4d4d4d;}
.copyright_wrap .mark {float:right; padding-right:2px;}
.copyright_wrap .mark a {display:inline-block; margin-left:20px;}
.copyright_wrap .mark a img, .copyright_wrap .mark img {vertical-align:middle;}
@media all and (max-width:1023px){
  .copyright_wrap .mark {display:none;}
  .link_wrap a  {padding-right:15px; margin-right:15px;}
  .link_wrap a::after {top:7px;}
}
@media all and (max-width:640px){
  .copyright_wrap {padding:20px 2%;}
  .copyright_wrap .copyright p,
  .copyright_wrap .copyright p span {font-size:14px;}
  .copyright_wrap .copyright p a.ezhelp {display:none;}
}
@media all and (max-width:480px){
  .link_wrap .wrap {padding:0 2%;}
  .link_wrap a, .link_wrap a.privacy {font-size:14px;}
  .link_wrap a {margin-top:5px;}
  .copyright_wrap .copyright p span {font-size:12px;}
}


.searchUtil {position:relative; width:100%; height:80px; background:#142543;}
.searchUtil .search {text-align:center; padding-top:25px;}
.searchUtil .search label {color:#fff; font-size:19px; font-weight:500;margin-right:20px;}
.searchUtil .search .inp_word {width:250px; background:none !important; border:none; color:#fff; border:none !important; border-bottom:1px solid #5b677c; font-family:'NotoSansKR', sans-serif; color:#4d4d4d; padding:5px; font-size:15px;}
.btn_srch {background:none; border:none;vertical-align:top;}
.btn_srch .sprh_com {display:block; width:30px; height:30px; background:url('/Main/Images/new/ko/sub/sprh_com.png') no-repeat 1px 4px; text-indent:-9999px;}
.searchUtil .search .inp_word {border-bottom:1px solid rgba(255,255,255,.2) !important; color:#fff;}
.searchUtil .search .inp_word::placeholder {color:#fff;}
@media all and (max-width:1023px){
    .searchUtil .search {display:none;}
    .searchUtil {position: absolute; top:80px; background:none; height:auto;}
    .btn_srch {float:right;}
}
@media all and (max-width:640px){
	/*
  .searchUtil {top:95px;}
  .searchUtil.height2 {top:120px;}
  .searchUtil.height3 {top:180px;}
  */
}

/* 상단으로 이동 */
.fixedTop {visibility: hidden; position:fixed; right:15px; bottom:15px; width:44px; height:44px; z-index:300;}
.fixedTop a {display:block; height:44px; border-radius:5px; background:rgba(51,51,51,0.7) url('/Main/Images/new/ko/layout/btn_top.png') no-repeat center 9px; position:relative; cursor:pointer;}
.fixedTop a::before{content:'TOP'; color:#fff; display:block; position:absolute; left:10px; top:19px; font-size:13px;}
.fixedTop a:focus {border:1px dashed #ddd;}
.shown {visibility: visible;}


/* footer신규_메인과 동일 */
#footer .info {background:#f5f5f5; padding:60px 0;}
#footer .info .wrap {position:relative;}
#footer .info .logo {display:block; width:120px; height:32px; background:url('/Main/Images/new/ko2025/layout/logo1.png') no-repeat center/contain; text-indent:-9999px;}
#footer .info .add {display:flex; margin-top:40px;}
#footer .info .add li {width:33.333%; position:relative;}
#footer .info .tit {display:block; margin-bottom:10px; font-weight:700;}
#footer .info .tel {display:flex; align-items:center;}
#footer .info .tel .number {display:block; margin-right:10px; font-size:26px; font-weight:800;}
#footer .info .last {margin:10px 0 0 3px;}
#footer .info .last .bold {display:inline-block; margin-right:7px; font-weight:700;}
/*#footer .info .call > div {position:absolute; bottom:0;}*/
#footer .info .group {display:flex; justify-content:space-between; align-items:center; margin:40px 0 25px; padding:0 0 20px 0; border-bottom:1px solid #d2d2d2;}
#footer .info .group .link a {display:inline-flex; align-items:center; margin-right:20px;font-weight:500;}
#footer .info .group .link a:after {content:''; flex-shrink:0; margin-left:10px; width:6px; height:6px; border-top:2px solid #323232; border-right:2px solid #323232; transform:rotate(45deg);}
#footer .info .group .social {display:flex;}
#footer .info .group .social a {display:inline-block; margin-left:5px;}
#footer .info .privacy {display:flex; flex-wrap:wrap; margin:0 -10px;}
#footer .info .privacy a {display:inline-block; margin:0 10px;}
#footer .info .privacy a.privacy {color:#1e4388; text-decoration:underline; font-weight:600; font-size:19px;}
#footer .info small {display:inline-block; margin:7px 0 0 0; color:#7c7c7c; font-size:16px; letter-spacing:0.1px;}
#footer .mark {display:flex; align-items:center; position:absolute; bottom:5px; right:0;}
#footer .mark * {display:block; margin-left:15px; text-indent:-9999px;}
#footer .mark .ggnuri {width:67px; height:29px; background:url('/Main/Images/new/ko2025/layout/mark1.png') no-repeat center/contain;}
#footer .mark .a11y {width:52px; height:36px; background:url('/Main/Images/new/ko2025/layout/mark2.png') no-repeat center/contain;}
@media all and (max-width:1840px){
	#footer .mark {right:40px;}
}
@media all and (max-width:1440px){
	#footer .info .add {flex-wrap:wrap;}
	#footer .info .add li {width:50%; margin:20px 0; padding-right:40px;}
	#footer .info .call > div {position:static;}
	#footer .mark {position:static;}
	#footer .mark * {margin-left:0; margin-right:15px; margin-top:40px;}
}
@media all and (max-width:1023px) {
	#footer .info .tel {flex-wrap:wrap;}
	#footer .info .tel .number {font-size:23px;}
	/*#footer .info .tel .number {width:100%; margin-right:0;}*/
}
@media all and (max-width:768px) {
	#footer .info .privacy a.privacy {font-size:18px;}
}
@media all and (max-width:599px) {
	#footer .info .add li {width:100%; padding-right:0;}
	#footer .info .last {margin-left:0;}
	#footer .info .group {flex-wrap:wrap; margin:20px 0 40px; padding:0 0 35px 0;}
	#footer .info .group .link {width:100%;}
	#footer .info .group .social {width:100%;}
	#footer .info .group .social a {margin:15px 5px 0 0}
	#footer .info .privacy {margin:-3px -7px;}
	#footer .info .privacy a {margin:3px 7px;}
	#footer .info small {margin-top:20px;}
}

.sns {display:block; position:relative; width:32px;height:32px; background:url('/Main/Images/new/ko2025/layout/sns1.png') no-repeat 0 0/700% auto; text-indent:-9999px;}
.sns.youtube {background-position:0 0;}
.sns.facebook {background-position:16.666% 0;}
.sns.insta {background-position:33.3332% 0;}
.sns.blog {background-position:49.998% 0;}
.sns.x {background-position:66.664% 0;}
.sns.kakao {background-position:83.33% 0;}
.sns.tiktok {background-position:99.996% 0;}
@media all and (max-width:376px){
	.sns {width:30px;height:30px;}
}