@charset "utf-8";
/* total */
@font-face {
  font-family: 'GmarketSans';
    src: url('/font/GmarketSans/GmarketSansBold.woff') format('woff');
  font-weight: 600;
}
@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Bold.woff') format('woff');
	font-weight: 700;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-SemiBold.woff') format('woff');
	font-weight: 600;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Medium.woff') format('woff');
	font-weight: 500;    
}

@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Regular.woff') format('woff');
	font-weight: 400;    
}
@font-face {
	font-family: 'Pretendard';
	src: url('/font/pretendard/Pretendard-Light.woff') format('woff');
	font-weight: 300;    
}

body { font-family: 'Pretendard'; font-weight: 500;   }
body a {display: inline-block;}
ol:after, ul:after, dl:after {display: none;}
body .font_G {font-family: 'GmarketSans' !important;}

/* all layout */
.inner {position:relative; max-width: 1400px; margin:0 auto;}
.inner:after{clear:both}

/* header */
#logo {position: absolute; top: 20px; left: 40px; z-index: 1010;}
#logo a {float: left;display: block;}
#logo .link1 {
  width: 215px; height: 55px; font-size: 0;
  background:url(/user_res/images/common/logoBig_ov.png) no-repeat 100%;
}
#logo a.link2 {font-family: 'GmarketSans'; color: #2e2864; font-size: 23px; margin: 13px;}

@media all and (max-width:1200px){
  #logo  {left: 25px;}
	#logo .link1 {width: 150px; background-size: 100%;}
  #logo a.link2 {font-size: 20px; margin: 13px 10px;}
}

@media all and (max-width:500px){
  #logo {top: 6px; left: 20px;}
  #logo a {float:unset;}
  #logo .link1 {width: 120px;}
  #logo a.link2 {margin: -3px; font-size: 23px;}
}

#header {position: relative;top: 0px;left:0;width:100%;height: 100px;/* border-bottom:1px solid #afafaf; */background-color:#000;background-color: white;z-index:1001;-webkit-transition:background 0.2s ease-out, border 0.2s ease-out;transition:background 0.2s ease, border 0.2s ease-out;}
#header.active {border-bottom:1px solid #e8e8e8; }
@media all and (max-width:1200px){
	#header {position:relative;/* top: 37px; */}
}
#header .top{background-color:white;height:80px;padding:18px 0;overflow:hidden;border-bottom: 1px solid #ebebeb;}
#header .top .right{float:right;display: none;}
#header .top .right a{font-size:14px;line-height:48px;display:inline-block;padding-left:10px;color:#333333}
#header .gnbBg {display:none;position:absolute;top: 98px;left:0;width:100%;height:255px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e8e8e8;background-color:#f9f9f9;}
#header .inner.header_inner {margin: unset; max-width: unset;}
#header .inner:after {content:""; display:block; clear:both;}
#header .inner .logo {float:left}
#header .inner .logo a {display:block;width: 361px;height:48px;text-indent:-999em;background-image:url('/user_res/images/youth/logo.png');background-repeat:no-repeat;background-position:50% 50%;}
#header .inner .gnb {
    position: absolute;
    right: 210px;
}
#header .inner .gnb ul.group {margin: 20px 0;display: flex;justify-content: right;}
#header .inner .gnb > ul:after {content:""; display:block; clear:both;}
#header .inner .gnb > ul > li {position:relative;/* padding:0 13px; *//* width: 14%; */text-align: center;}
#header .inner .gnb > ul > li.num3{padding:0 25px;}
#header .inner .gnb > ul > li > a {position:relative;display:block;height: 77px;padding: 0 35px;line-height: 60px;color: #111;font-size: 21px;font-weight: 600;letter-spacing: -2px;-webkit-transition:color 0.2s ease;transition:color 0.2s ease;}
#header .inner .gnb > ul > li.num3 > a{padding:0 20px;}
#header .inner .gnb > ul > li > a:hover {text-decoration:none;}
/* #header.active li.menu > a {color:white !important} */
#header .inner .gnb > ul > li:hover > a {color:#6559d9  !important;}
#header .inner .gnb > ul > li > a:before {content:"";position:absolute;left:50%;bottom: -2px;width:0;height:2px;background-color:#6559d9;-moz-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease;z-index:1;}
#header .inner .gnb > ul > li:hover > a:before {left:0; width:100%;}
#header .inner .gnb > ul > li > .depth2 {display:none;position:absolute;top: 100px;left:0;width:100%;height: 203px;/* padding:15px 0 20px 25px; */z-index:1;box-sizing:border-box;}
#header .inner .gnb > ul > li > .depth2 > li:first-child {margin-top:0;}
#header .inner .gnb > ul > li > .depth2 > li {margin-top:9px;}
#header .inner .gnb > ul > li > .depth2 > li > a {position:relative;display:inline-block;padding-right:15px;color:#333;letter-spacing:-1px;white-space:nowrap;vertical-align:middle;-moz-transition:all .15s ease;-o-transition:all .15s ease;transition:all .15s ease;font-size: 18px;margin-bottom: 12px;}
#header .inner .gnb > ul > li > .depth2 > li > a strong {font-weight: 400;}
#header .inner .gnb > ul > li > .depth2 > li.long > a {letter-spacing:-1px;}
#header .inner .gnb > ul > li > .depth2 > li > a:hover {color:#333; text-decoration:none;}
#header .inner .gnb > ul > li > .depth2 > li > a:hover strong {color: #6559d9; font-weight: 600;}
#header .inner .gnb > ul > li > .depth2 > li > a:before {content:""; position:absolute; top:50%; right:5px; width:6px; height:8px; margin-top:-4px; background-image:url('/images/ico/ico_link_arr01.png'); background-repeat:no-repeat; background-position:50% 50%; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; -moz-transition:all .15s ease; -o-transition:all .15s ease; transition:all .15s ease;}
#header .inner .gnb > ul > li > .depth2 > li > a:hover:before, #header .inner .gnb > ul > li > .depth2 > li > a:focus:before {right:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#header .inner .util_area {position:absolute; top:43px; right:0;}
#header .inner .util_area .util_link a { margin-left:10px;font-size:12px; color:#fff; letter-spacing:-1px;}
#header .inner .util_area .util_link a.utl_point{color:#ffc028;}
#header .inner .util_area .btn_sitemap {display:inline-block; width:29px; height:27px; margin:0 0 4px 16px; text-indent:-999em; background:url('/images/ico/ico_sitemap_menu01.png') no-repeat 50% 50%; vertical-align:middle;}



/*모바일메뉴*/
#header .inner .m_nav {display:none;}
#header .inner .m_nav .btn_menu {
  position:absolute; top: 35px;right:20px;
  font-size: 0; width: 22px; height: 22px; display: block;
  background: url(/user_res/images/young/icon_hamBtn.png) no-repeat;
  cursor:pointer;border:none;outline:0;z-index:50;}

  
#header .inner .m_nav .btn_menu.active {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
#header .inner .m_nav .btn_menu.active .line {margin:0 0 4px 0;}
#header .inner .m_nav .btn_menu.active .line:nth-child(1) {-webkit-transform:rotate(45deg) translate(4px, 4px); transform:rotate(45deg) translate(5px, 5px);}
#header .inner .m_nav .btn_menu.active .line:nth-child(2) {opacity:0;}
#header .inner .m_nav .btn_menu.active .line:nth-child(3) {-webkit-transform:rotate(-45deg) translate(5px, -4px); transform:rotate(-45deg) translate(4px, -3px);}

#header .m_nav {-webkit-overflow-scrolling:touch; overflow-scrolling:touch;}
#header .m_nav .aside {display:block;position:fixed;top:0;right:-100%;bottom:0;width:260px;overflow-y:auto;background-color: #ffffff;opacity:0;transition:opacity 0.3s ease-out;z-index: 9999;}
#header .m_nav:before {content:""; opacity:0; position:fixed; top:0; right:-100%; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.7); transition:opacity 0.3s ease-out;}
#header .m_nav.active:before {right:0; opacity:1;}
#header .m_nav .aside.on {opacity:1;}
#header .m_nav .aside .m_head {position:relative;height:60px;padding:0 15px;background-color: #6559d9;}
#header .m_nav .aside .m_head .tit {height:60px; line-height:60px; color:#fff; font-size:23px; font-weight:400;}
#header .m_nav .aside .btn_close {position:absolute; right:15px; top:23px; z-index:10; cursor:pointer; border:none; outline:0; background:transparent; -webkit-transform:rotateY(0); transform:rotateY(0); -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
#header .m_nav .aside .btn_close .line {display:block; width:30px; height:2px; margin:0 0 4px 0; background:#fff; -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
#header .m_nav .aside .btn_close .line:last-child {margin-bottom:0;}
#header .m_nav .aside .btn_close .line:nth-child(1) {-webkit-transform:rotate(45deg) translate(4px, 4px); transform:rotate(45deg) translate(4px, 4px);}
#header .m_nav .aside .btn_close .line:nth-child(2) {opacity:0;}
#header .m_nav .aside .btn_close .line:nth-child(3) {-webkit-transform:rotate(-45deg) translate(5px, -4px); transform:rotate(-45deg) translate(5px, -4px);}
#header .m_nav .aside .m_menu > ul {margin:0;}
#header .m_nav .aside .m_menu > ul > li {border-bottom:1px solid #eaeaea;}
#header .m_nav .aside .m_menu > ul > li > a {position:relative; display:block; padding:16px 50px 16px 20px; color:#333; font-size:16px; line-height:130%; font-weight:normal;}
#header .m_nav .aside .m_menu > ul > li > a.on {
  background: #4c5084; color: #fff;
}
#header .m_nav .aside .m_menu > ul > li > a:after {content:""; display:block; position:absolute; top:50%; right:20px; width:15px; height:15px; margin-top:-7px; background:url('/images/ico/ico_nav_plus.png') no-repeat 50% 50%; background-size:15px 15px;}
#header .m_nav .aside .m_menu > ul > li > a.on:after {background:url('/images/ico/ico_nav_line.png') no-repeat 50% 50%; background-size:15px 1px;}
#header .m_nav .aside .m_menu > ul > li > a:hover {text-decoration:none;}
#header .m_nav .aside .m_menu > ul > li > .depth2 {display:none; margin:0; padding:0 20px; border-top:1px solid #e4e4e4; background:#f3f3f3;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li {border-top:1px solid #dedede;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li:first-child {border-top:none;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li a {position:relative; display:block; padding:14px 10px; color:#292929; font-size:15px; line-height:20px; font-weight:normal;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li a:after {content:""; display:block; position:absolute; top:50%; right:5px; width:8px; height:14px; margin-top:-7px; background:url('/images/ico/ico_nav_arr.png') no-repeat 50% 50%; background-size:8px 14px;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li a:hover {text-decoration:none;}
#header .m_nav .aside .m_link ul {margin:0; overflow:hidden;}
#header .m_nav .aside .m_link ul li {float:left; width:33.32%; text-align:center;}
#header .m_nav .aside .m_link ul li a {display:block;height: 39px;line-height:28px;padding:10px;color:#333;font-size:14px;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#fff;}
#header .m_nav .aside .m_link ul li:first-child a {border-left:none;}
#header .m_nav .aside .m_link ul li a span {display:inline-block;line-height: 16px;vertical-align:middle;}

@media (max-width:1400px) {
  #header .inner .gnb > ul > li > a {padding: 0 15px; font-size: 20px;}
}


@media (max-width:1200px) {
	#header {height: 90px;}
	#header .gnbBg {top:90px; height:175px;}
	#header .inner {padding:0 20px;}
	#header .inner .logo {top:28px; left:20px;}
	#header .inner .logo a {width:180px; height:31px; background-size:180px 31px;}

	#header .inner .util_area {top:26px; right:20px;}
	#header .inner .gnb {display:none;}
	#header .inner .m_nav {display:block;}
	#header .inner .util_area {display:none;}
	#header .top .right{display:none}
}



/* top_header */
#top_head{position:absolute;top: 0px;left:0;width:100%;height: 70px;}
#top_head .wrapper{width:100%;height:100%;}


#topsearch.hiddenSearch{display:block;}
.menu-box{position:absolute;right: 170px;top: 39px;z-index: 50;}
.menu-box a{color:#fff;}
.basic_search{display:none;position:absolute;z-index:10;top: -8px;right: -18px;}
.basic_search h2:before{display:none;}
.basic_search .search{position:relative;}
.basic_search .searchFrm input[type="search"]{padding:0;width: 220px;height:42px;background-color:#FCFDFD;border:2px solid #6559d9;border-radius:30px;text-indent:10px;color:black;}
.basic_search .searchFrm input[type="submit"]{border:0px;display:inline-block;position:absolute;right: 45px;top: 10px;width:22px;height:22px;background: url(/user_res/images/young/icon_search.png);font-size:0;text-indent:-9999px;}

.menu-box #open_sc {
  width: 22px; height: 22px; display: block;
  background: url(/user_res/images/young/icon_search.png) no-repeat;
  font-size:0;
}
.menu-box #open_sc.ov{position:absolute;right: -2px;top: 2px;z-index:15;background:url(/user_res/images/common/search-close-ico.png) no-repeat 50% 50%;}


#family_site {position: absolute;right: 110px;top: 39px;z-index: 50;}
#family_site strong a {
  display: block;
  width: 22px;
  height: 22px;
  background: url(/user_res/images/young/icon_family.png) no-repeat;
  font-size:0;
}


#family_site .obj {background: #515c68;z-index:9999;position: relative;}
#family_site .obj ul {position: absolute; top: 15px; right: -10px; width: 130px;
  background: #fff; border-radius: 5px; overflow: hidden; border: 1px solid #4c5084;}
#family_site .obj li {width: 100%;border-bottom: 1px solid #4c5084aa;}
#family_site .obj li:last-child {border: 0;}
#family_site .obj a {font-size:15px;display: block; color:#333;font-weight: 400; padding: 8px 0; text-indent: 10px;}
#family_site .obj li a:hover {background: #4c5084; color: #fff;}



#lang_site .gnc1 a{font-size: 16px;color:#fff;letter-spacing: 0px;}
#lang_site #gn1c a{color: #fff;}
#lang_site a:hover,
#lang_site a:focus,
#lang_site a:active{text-decoration:underline;background:#515c68;}
#lang_site{position: absolute;top: 8px;right: 80px;margin: 10px;z-index: 9999;}
#lang_site .obj{position:absolute;right: 0px;top: 0px;padding:3px 5px;/* border:1px solid #d4d4d4; *//* background:#414244; */z-index:9999;}
#lang_site .obj a{font-size:14px;}
.wrapper .btn_logout { position:absolute; right:20px;top: 24px; color:#fff}
#lang_site strong a:after{display:inline-block;content:"";position:relative;bottom:-2px;margin-left:3px;border:5px solid transparent;border-top-color:#fff;vertical-align:middle;}

#open_sitemap a{
  position:absolute;
  right: 50px;
  top: 39px;
  width: 22px;
  height: 22px;
  background: url(/user_res/images/young/icon_hamBtn.png) no-repeat;
  font-size:0;
  vertical-align:middle;
  z-index: 999;
}

@media (max-width: 1200px) {
	#lang_site {display: block;margin: 0;left:130px;top: 0px;}
  #family_site {right: 70px;top: 34px;}
	#open_sitemap a { display:none;}
	.menu-box {top: 35px;right: 124px;}
}

/* 글로벌내비. 20161101. 20170222 */
#gn1{float:left;position:relative;width: 120px;/* height:40px; */color:#fff;}
#gn1 a{color: #000;font-size: 16px;letter-spacing: 0;background:transparent;}
#gn1 a.toggle.on, #gn1 a:hover,
#gn1 a:focus{background:#515c68;color:#fff}
#gn1 a.toggle{display: block;padding: 5px 0 12px 15px;}
#gn1 a.toggle>.ic1{float:left;position:absolute;right:0;top:50%;width:0;height:0;margin: -4px 10px;border: 5px solid transparent;border-top-color: #000;overflow:hidden;text-indent:100%;}
#gn1 a.toggle.on>.ic1{margin: -10px 9px;border-color:transparent;border-bottom-color:#73c1ea;}
#gn1c, #gn2c{display:none;z-index: 9999;position:absolute;top: 39px;right:0;background:#515c68;}
#gn1c ul{overflow:hidden;letter-spacing:0;}
#gn1c li{float:left;width:100%;border-bottom: 1px solid rgba(0,0,0,0.2);padding: 5px 0 8px 15px;}
#gn1c li>a{font-size: 14px;}
@media(max-width:1200px){
	#gn1 a.toggle>.ic1 { border-top-color: #fff;}
}







/*----------------- footer ----------------*/
#footer {background: #f1f1f1;/* overflow: hidden; */}
#footer .clearfix:after {display: none;}
.site_link {display: block; width: 100%; margin: 0;}
.site_link .wrap {
  width: 1400px;
  margin: 0px auto;
  padding: 40px 0;
  display: flex;
  justify-content: space-between;
}

.sitelink_cont {
  display: block;
  width: 23%;
  padding: 10px 0;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #e2e2e2;
  position: relative;
}

.sitelink_cont h3 {display: block; width: 100%; padding: 10px 7px 5px;}
.sitelink_cont h3 button {
  display: block;  width: 90%;
  font-size: 16px; text-align: left;  color: #666; font-weight: 400;
  margin: 0 6%; padding: 0;
  background: url(/council/images/common/footer_up.png) no-repeat right 50%;
  background-size: 12px;
  border: none;
}
.sitelink_cont .layer {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 100;
  padding: 0;
}


.sitelink_cont.department_sitelink .layer .close {
  display: none;
  position: absolute;
  bottom: 71px;
  right: -131px;
  width: 60px;
  height: 48px;
  background: #000;
  font-size: 0;
  line-height: 0;
  z-index: 200;
}
.link_part strong {
  display: block;
  width: 88%;
  height: 50px;
  padding: 0 0 0 12%;
  color: #fff;
  line-height: 50px;
}

.link_part ul a {
  display: block;
  padding: 2px 0 0 15px;
  background: url(/user_res/images/mayjor/main/site_link_bul.gif) no-repeat 6px 9px;
  font-size: 16px;
  line-height: 18px;
}

.depart_link {
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 390px;
  height: auto;
  min-height: 125px;
  border-radius: 10px;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  border: 1px solid #e8e8e8;
}
.site_link .wrap>div:last-child .depart_link {left: unset; right: 0;}

.depart_link .inner {height: 100%;width: 100%;}
.depart_link .organ_ti {
  width: auto;
  padding: 12px 15px 9px;
  line-height: inherit;
  background: #6232de;
  border-radius: 50px;
}

.depart_link .organ_ti strong {
  display: block;
  width: 100%;
  height: 19px;
  padding: 0;
  color: #fff;
  font-size: 19px;
  line-height: 20px;
  text-align: center;
}
.depart_link .organ_list {width: 98%;margin: 0 auto;height: 240px;overflow-y: auto;overflow-x: hidden;margin-top: 10px;}
.depart_link .organ_list::-webkit-scrollbar {width: 8px;}
.depart_link .organ_list::-webkit-scrollbar-thumb {
  height: 30%; 
  background: #ccc; 
  border-radius: 10px;
}
.depart_link .organ_list::-webkit-scrollbar-track {background: #f3f3f3;}

.depart_link .organ_list li {
  display: block;
  width: 46%;
  color: #333;
  text-align: left;
  float: left;
  margin: 5px 1%;
  position: relative;
}
.depart_link .organ_list li a::before {
  display: block;
  content: '';
  position: absolute;
  top: 8px;
  left: 0;
  width: 3px;
  height: 3px;
  background-color: #6232de;
}

.depart_link .organ_list li a.ml10{margin-left:0;}
.depart_link .organ_list li.cl{clear:inherit;}

.depart_link .organ_list li a{
  padding-left: 10px;
}
.depart_link .organ_list li a:hover {color: #6232de;}

.depart_link .organ_list li a::after {
  opacity: 0;
  content: '';
  display: inline-block;
  position: absolute;
  margin-left: 7px;
  width: 18px;
  height: 21px;
  background: url(/user_res/images/common/footer_icon.png) no-repeat;

  transition: all 0.5s;
}
.depart_link .organ_list li a:hover::after {
  visibility: visible;
  opacity: 1;
}


/*푸터 하단 - 사이트정보*/
#footer .footer.wrap {
  position: relative;
  /* display: flex; */
  justify-content: space-between;
  width: 100%;
  max-width: 1400px;
  margin: 0px auto;
  letter-spacing: 0;
  overflow: hidden;
  padding-bottom: 50px;
}
#footer .footer_logo {
    display: block;
    width: 200px;
    height: 46px;
    float: left;
    background: url(/user_res/images/main/main_logo.png) no-repeat 100%;
    font-size: 0;
    line-height: 0;
    text-indent: -9999px;
    margin-right: 50px;
}

.footer_cont {/* width: calc(100% - 600px); *//* margin-top: 13px; */float: left;}
.footer_cont .markIcon {position: absolute;top: 0;}

.footer_navi {display: block;padding: 15px 0;overflow: hidden;}
.footer_navi li {display: block;float: left;margin-right: 35px;}
.footer_navi li.privacy a {color: #06119f;}

.footer_navi li a {display: block;
  padding: 2px 0 0 0;
  color: #484848;
  font-size: 16px; font-weight: 600;
  line-height: 16px;
}
.footer_info {font-weight: 300; color: #999; font-size: 16px; line-height: 26px;}
.footer_info address span {display: inline-block; margin-left: 15px;}
.footer_info .copyright {margin-top: 25px;}

.footer .footer_sns {position: absolute; right: 0; top: 0px;}
.footer .footer_sns ul{
    width: 300px;
    display: flex; justify-content: space-between;
}
.footer .footer_sns ul li a {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 0;
    text-indent: -9999px;
    background: url(/mayor/images/main/mayor_icon.png) no-repeat;
    margin-left: 10px;
}

.footer .footer_sns ul li .facebook {background-position: 0 -149px;}
.footer .footer_sns ul li .blog {background-position: -50px -149px;}
.footer .footer_sns ul li .twitter {background-position: -100px -149px;}
.footer .footer_sns ul li .insta {background-position: -150px -149px;}
.footer .footer_sns ul li .kakao {background-position: -200px -149px;}


@media all and (max-width: 1700px) {
  .site_link .wrap {width:100%;}
  .sitelink_cont {width: 24.5%;}
  .site_link { height: auto;}
  .site_link h2 { display: none;}
  
  .depart_link .inner {width: 100%;}
  .depart_link .organ_ti{margin-bottom: 15px;}
  .depart_link .organ_ti strong{font-size: 18px;}

}

@media all and (max-width: 1200px) {
  .site_link .wrap {padding: 0; flex-wrap: wrap;}
  .sitelink_cont {width: 50%;border-radius: 0; border: 0;border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2;}
  .sitelink_cont:nth-child(3), .sitelink_cont:nth-child(4) {border-bottom: 1px solid #e2e2e2;}
  .depart_link {width: 100%;bottom: 51px;border: 1px solid #e7e7e7;border-radius: 0;}
  .depart_link .organ_ti {width: 100%;border-radius: 10px;}
  .depart_link .organ_ti strong {font-size: 16px;line-height: 18px;height: auto;}
  .depart_link .organ_list li {width: 100%;margin: 9px 0;}
  /* .sitelink_cont.department_sitelink .layer .close { display: block; } */

  #footer .footer.wrap {display: block; padding: 30px 20px 50px;}
  .footer_cont .markIcon {position: absolute;top: 30px;margin-right: 30px;}
  #footer .footer_info {padding-left: 0px;}
  #footer .footer_cont {width: 100%;padding-top: 30px;float: unset;}
  .footer .footer_sns {top: 30px;right: 20px; }

}

@media all and (max-width: 600px) {
  #footer .footer.wrap {padding: 30px 20px;}
  #footer .footer_logo {width: 170px;background-size: 100%;}

  .site_link {border: none;}
  .site_link .wrap {
    padding: 1px 0 0 0;
  }
  .site_link .sitelink_cont {
    width: 50%;
    margin: 0;
    border-bottom: 1px solid #e8e8e8;
  }
  .site_link .sitelink_cont:nth-child(odd) {
    width: calc(50% - 1px);
    border-left: 1px solid rgba(255,255,255,0.2);
  }
  .site_link .sitelink_cont h3 button {
    background-position: 95% 50%;
    font-size: 13px;
  }
  .link_part ul a {font-size: 14px;}
  .depart_link .organ_list li {margin: 5px 0;}
  #footer .footer_sns {width: 300px;position: unset;margin: 20px auto;}
  #footer .footer_sns ul li a {width: 40px; height: 41px; background-size: 218px; }
  .footer .footer_sns ul li .facebook {background-position: 0 -120px;}
  .footer .footer_sns ul li .blog {background-position: -41px -120px;}
  .footer .footer_sns ul li .twitter {background-position: -81px -120px;}
  .footer .footer_sns ul li .insta {background-position: -121px -120px;}
  .footer .footer_sns ul li .kakao {background-position: -161.5px -120px;}

}
                             

.reserV { border-top:2px solid #000; }
.reserV .reserVbox { display:block; width:100%; border-bottom:1px solid #ddd; padding:10px 0; }
.reserV .reserVbox:after { display:block; clear:both; content:''; }
.reserV .reserVbox .img_wrap { float:left; display:inline-block; width:15%; overflow:hidden; }
.reserV .reserVbox .img_wrap img { width:100%; }
.reserV .reserVbox .base { float:left; width:70%; margin-left:3%; }
.reserV .reserVbox .base .title {display:block;font-weight:600;margin: 10px 0 13px;font-size: 18px;}
.reserV .reserVbox .btn_reserv { float:left; width:12%; height:125px; padding:0 2%; margin:10px 0; text-align:center; border-left:1px solid #ddd; }
.reserV .reserVbox .base li {float:left;width:50%;padding:3px 0;font-size: 15px;}
.reserV .reserVbox .base li:before { width:3px; height:3px; display:inline-block; content:''; background:#000; margin:5px 7px; }
.head { display:block; margin:5px 0; padding:5px 0;}
.head.ico1 { background:#e44660; color:#fff; }
.head.ico2 { background:#fff; color:#000; border:1px solid #ddd;}
.head.ico3 { background:#eee; color:#c8c8c8; }
.head.ico4 {background: #636363;color: #fff;}      

@media only screen and (max-width: 780px) {
	.reserV .reserVbox .img_wrap { float:none; display:block; width:100%; }
	.reserV .reserVbox .base { float:none; width:100%; }
	.reserV .reserVbox .base li { float:none; width:100%; }
	.reserV .reserVbox .btn_reserv { float:left; width:100%; }
}