@charset "UTF-8";
/*-------------------------------------------------
title       : 콘텐츠
Author      : ㅈㅁㅈ
Create date : 2019-12-02
-------------------------------------------------*/
.box3 { position: relative; z-index: 0; margin-top: 4rem; padding: 2.5rem 0 4.5rem; }

.box3::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; background-color: #f8f8f8; }

.box3 > .title1:first-child { margin-top: 0; }

.diagram1 { position: relative; background: url("/_templet6/img/contents/diagram1.png") no-repeat center center; background-size: 100% auto; text-align: center; }

.diagram1 .title { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 1.25rem; position: absolute; width: 12rem; height: 12rem; margin-top: 1.5rem; background: url("/_templet6/img/contents/diagram1_title.png") no-repeat center center; background-size: 100% auto; color: #fff; text-align: center; line-height: 12rem; }

.diagram1 .title::before { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; width: 19.5rem; height: 19.5rem; border-radius: 100%; border: 0.25rem dotted #f2f2f2; content: ''; }

.diagram1 ul { display: inline-block; width: 50rem; max-width: 100%; margin: 0 auto; padding-top: 3rem; counter-reset: diagram1; }

.diagram1 ul li { font-size: 0.9rem; float: left; position: relative; width: 50%; height: 3rem; padding-right: 12rem; text-align: right; word-break: keep-all; }

.diagram1 ul li::before { position: absolute; top: 0; right: 7rem; width: 3rem; height: 3rem; border-radius: 100%; background-color: #9c1c2b; font-weight: 600; color: #fff; text-align: center; line-height: 3rem; counter-increment: diagram1; content: "0" counter(diagram1); }

.diagram1 ul li:nth-child(3) { clear: both; }

.diagram1 ul li:nth-child(3)::before { background-color: #9b8873; }

.diagram1 ul li:nth-child(2)::before { background-color: #3c4165; }

.diagram1 ul li:nth-child(4)::before { background-color: #544b40; }

.diagram1 ul li:nth-child(n + 3) { margin-top: 8rem; }

.diagram1 ul li:nth-child(2n) { padding: 0 0 0 12rem; text-align: left; }

.diagram1 ul li:nth-child(2n)::before { right: auto; left: 7rem; }

.list1 { font-size: 0.9rem; display: table; width: calc(100% + 3rem); font-weight: 400; table-layout: fixed; counter-reset: list1; }

.list1 .label { display: block; height: 4rem; padding: 0.95rem; border-radius: 4rem; background-color: #f8f8f8; color: #222; text-align: center; }

.list1 .label::before { font-size: 1.5rem; display: inline-block; position: relative; top: -0.15rem; margin-right: 0.5rem; font-family: 'Titillium Web'; font-weight: 700; color: #303858; counter-increment: list1; content: "0" counter(list1); vertical-align: middle; }

.list1 .label.type1 { background-color: #303858; color: #fff; }

.list1 .label.type1::before { color: #fff; }

.list1 .label.type2 { background-color: #4c5763; color: #fff; }

.list1 .label.type2::before { color: #fff; }

.list1 > * { display: table-cell; position: relative; padding-right: 3rem; vertical-align: top; white-space: nowrap; }

.list1 > * + *::before { position: absolute; top: 2rem; left: -2.25rem; width: 1.35rem; height: 1.35rem; border-radius: 100%; border: 1px solid #ddd; font-family: "xeicon"; content: ''; text-align: center; line-height: 1.25rem; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.list1 > *:nth-child(2) .label::before { color: #41474e; }

.list1 > *:nth-child(3) .label::before { color: #4c5763; }

.list2 .group { overflow: hidden; }

.list2 .group .title { font-size: 1.25rem; float: left; width: 10rem; padding-top: 1.5rem; border-top: 3px solid #000; font-weight: 600; color:#000; }

.list2 .group .item { float: right; width: calc(100% - 12.2rem); padding-top: 1.1rem; border-top: 1px solid #ddd; }

.list2 .group .label { font-size: 1rem; margin: 1rem 0 .85rem; color: #555555; display: block; font-weight: 500; }

.list2 .group .label:first-child { margin-top: 0; }

.list2 .group + .group { margin-top: 4rem; }

.list2 .group .item > p{font-size:.9rem;color:#555555}
.list2 .block{padding-left:10px;}
.list2 .block > *{display:block;}
.lst_group{overflow:hidden;}
.lst_group .list2{float:left;padding-right:2rem;}
.lst_group .lst_img{overflow:hidden;text-align:right;}

.history .title { font-size: 0.75rem; display: block; width: 4.75rem; height: 4.75rem; margin: 0 auto; border-radius: 100%; background-color: #1a3759; font-weight: 600; color: #fff; text-align: center; text-transform: uppercase; line-height: 4.75rem; }

.history .list { display: inline-block; position: relative; width: 100%; padding: 1rem 0; }

.history .list::before { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; top: 0; width: 0.15rem; height: 100%; background-color: #e9e9e9; content: ''; }

.history .list .year { font-size: 1.4rem; display: block; position: relative; font-weight: 600; color: #1a3759; }

.history .list .year::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: -2rem; width: 0.4rem; height: 0.4rem; margin-left: -0.2rem; border-radius: 100%; background-color: #9c1c2b; content: ''; }

.history .list li { clear: both; float: right; position: relative; width: 50%; margin-bottom: 0.5rem; padding-left: 2rem; }

.history .list li:nth-child(2n) { float: left; padding: 0 2rem 0 0; text-align: right; }

.history .list li:nth-child(2n) .year::before { left: auto; right: -2rem; margin: 0 -0.2rem 0 0; }

.history .list .month { display: inline-block; vertical-align: top; }
.history-wrap { background: url(/home/img/sub/0102010000_02.jpg) no-repeat; background-position: right 2rem; background-size: 15.75rem 34.3rem; padding-top: .5rem; min-height: 38rem; }

.history-wrap .year_wrap { margin: 1.75rem 0; }

.history-wrap .year_wrap .year { width: 7.25rem; float: left; padding-top: 0.5rem; font-size: 2rem; color: #1a3759; font-weight: 700; line-height: 1; }

.history-wrap .year_wrap .history { width: calc(100% - 7.25rem); float: left; position: relative; display: inline-block; }

.history-wrap .year_wrap .history:before { content: ''; width: .45rem; height: calc(100% - 1rem); background-color: #e9e9e9; position: absolute; left: 7.5rem; top: .6rem; }

.history-wrap .year_wrap .history li:first-child:before { content: ''; width: .45rem; height: .4rem; background-color: #9c1c2b; position: absolute; left: 7.5rem; top: .4rem; }
.history-wrap .year_wrap .history li{overflow:hidden;}
.history-wrap .year_wrap .history li .date { font-family: "Titillium Web", "Noto Sans KR"; font-size: 1.25rem; color: #3E4A66; padding-bottom: 1.7rem; font-weight: 700; width: 9.75rem; float: left; }

.history-wrap .year_wrap .history li .cont {line-height:1.8; font-size: 1rem; font-weight:400; color: #555555; padding-bottom: 1.7rem; width: calc(100% - 9.75rem); padding-right: 15.5rem; float: left; word-break: break-all; }

.history-wrap .year_wrap:after { content: ''; display: block; clear: both; }
.map .desc .list li{font-size:.9rem;}

.greeting.type1 .img::before{display:none;}
.icon_group{width:calc(100% + .9rem);overflow:hidden;}
.icon_group li{width:50%;float:left;padding-right:.9rem;}
.icon_group li > div{padding:1.25rem 2.1rem;position:relative;border:1px solid #DDDDDD; }
.icon_group li > div:after{content:'';background:#3E4A66;width:100%;height:2px;top:0;left:0;position:absolute;}
.icon_group li > div > p{line-height:5rem;text-align:center;border-radius:50%;width:5rem;height:5rem;background:#3E4A66;}
.icon_group li > div > span{font-weight:400;padding-left:2rem;color:#555;font-size:1rem;letter-spacing: -0.6px;}
.icon_group li > div > *{display:inline-block;vertical-align:middle;}

.icon_group li:nth-of-type(n+3){margin-top:2.25rem;}

.root_daum_roughmap .wrap_controllers{display:none;}

/*조직도*/
.org_wrap .depth1{display: table-cell;vertical-align: middle;letter-spacing: -0.57px;font-size:.95rem;font-weight:500;text-align:center;width:100%;}
.org_wrap .org1 > p{position:relative;margin:auto;border-radius:50%;color:#fff;display:table;table-layout:fixed;width:9.3rem;height:9.3rem;background:#931522;}
.org_wrap .org1 > p:before{background:#DDDDDD;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:13.5rem;width:1px;content:'';top:100%;}


.org_wrap .org2 ul{overflow:hidden;}
.org_wrap .org2 li{width:50%;float:left;color:#000;text-align:right;position:relative;}
.org_wrap .org2 li:before{content:'';width:40%;height:1px;background:#ddd;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;z-index:-1;}
.org_wrap .org2 li:nth-child(1),
.org_wrap .org2 li:nth-child(3){padding-right:7rem;}
.org_wrap .org2 li:nth-child(1):before,
.org_wrap .org2 li:nth-child(3):before{right:0;}
.org_wrap .org2 li:nth-child(2):before{left:0;}
.org_wrap .org2 li .depth1{width:11.8rem;border:1px solid #ddd;display:inline-block;border-radius:100px;padding:.75rem;background:#fff;}
.org_wrap .org2 li:nth-child(2){padding-left:7rem;text-align:left;}
.org_wrap .org2 li:nth-child(3){margin-top:9px;}
.org_wrap .org3{overflow:hidden;padding-top:1.5rem;padding-bottom:2.5rem;}
.org_wrap .org3 p{float:left;width:50%;position:relative;}
.org_wrap .org3 p:before{content:'';width:40%;height:1px;background:#ddd;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);position:absolute;z-index:-1;}
.org_wrap .org3 p:nth-child(1):before{right:0;}
.org_wrap .org3 p:nth-child(2):before{left:0;}
.org_wrap .org3 .depth1{width: 11.8rem;display: inline-block;border-radius: 100px;
padding: .75rem;background: #3E4A66;color:#fff;}
.org_wrap .org3 p:nth-child(1){text-align:right;padding-right:7rem;}
.org_wrap .org3 p:nth-child(2){padding-left:7rem;}
.org_wrap .org4 ul{position:relative;overflow:hidden;width:calc(100% + 3.8rem);}
.org_wrap .org4 ul:before{content:'';position:absolute;top:0;left:47.5%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:1px;width:75%;background:#ddd;z-index:-1;}

.org_wrap .org4 li{padding-top:3rem;position:relative;float:left;width:25%;padding-right:3.8rem;}
.org_wrap .org4 li .depth1{color:#fff;border-radius:100px;text-align:center;display:block;background:#84725F;padding:.75rem;}
.org_wrap .org4 li:nth-child(1) .depth1,
.org_wrap .org4 li:nth-child(3) .depth1{background:#9B8873;}
.org_wrap .org4 li:before{content:'';position:absolute;top:0;left:40%;-webkit-transform:translateX(-50%);transform:translateX(-50%);height:50%;width:1px;background:#ddd;z-index:-1;}

/*시설안내*/
.facility{overflow:hidden;width:calc(100% + 4.35rem);}
.facility>li{float:left;width:50%;padding:3.65rem 4.35rem 0 0;}
.facility>li .txt{padding:1rem 0;border-bottom:1px solid #ddd;}
.facility>li .txt .tit{font-size:1.5rem;font-weight:500;color:#000;letter-spacing: -0.9px;padding-right:12px;}
.facility>li .txt .place:before{content:'';position:absolute;top:8px;left:0;width:9px;height:9px;background:#E2E2E2;border-radius:50%;}

.facility .fslide_wrap .txt > *{display:inline-block;vertical-align:middle;}
.facility .bx-wrapper .bx-pager{position:absolute;bottom:-2.6rem;right:1.7rem;}
.facility .bx-wrapper .bx-pager.bx-default-pager a{background:#B7B7B7;width:.75rem;height:.75rem;border-radius:50%;}
.facility .bx-wrapper .bx-prev .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{background:#931522;}
.facility .bx-wrapper .bx-controls .bx-controls-direction a{display:block !important; overflow:hidden;bottom:-2.65rem;left:79%;width:1.5rem;height:1.5rem;margin-top:0;background:none;line-height:1.5rem;top:inherit;transform:none;}
.facility .three .bx-wrapper .bx-controls .bx-controls-direction a{left:75%;}
.facility .bx-wrapper .bx-controls .bx-controls-direction a::before{text-align:center;font-size: 1.4rem;display: block;width: 100%;height: 100%;font-family: "xeicon";content: '\e93c';text-indent: 0;}
.facility .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{right:0;left:inherit;text-align:right;}
.facility .bx-wrapper .bx-controls .bx-controls-direction a.bx-next::before{content:'\e93f';}
@media (max-width: 1024px) { .list1 { margin-bottom: -1rem; }
  .list1 > * { float: left; width: 50%; margin-bottom: 1rem; }
  .list1 > *:nth-child(2n + 1) { clear: both; padding-left: 2rem; }
  .list1 > *:nth-child(2n + 1)::before { left: 0; }
  .list1 > *:nth-child(2n + 1):nth-child(1) { padding-left: 0; }
  .lst_group .lst_img{display:none;}
  .lst_group .list2{float:none;padding-right:0;}
  .icon_group{width:100%;}
  .icon_group li{padding-right:0;width:100%;float:none;}
  .icon_group li:nth-of-type(n+3){margin-top:0;}
  .icon_group li:nth-of-type(n+2){margin-top:1rem;}
  .icon_group li > div > span{padding-left:1rem;}
  .history-wrap{background:none;min-height:auto;}
  .history-wrap .year_wrap .history li .cont{padding-right:0;}
  .history-wrap .year_wrap .history{width:100%;float:none;display:block;}
  .facility .bx-wrapper .bx-pager{right:1.3rem;}
  .facility{width:100%;overflow:hidden;}
  .facility>li{width:100%;float:none;padding-right:0;}
  .facility .bx-wrapper .bx-pager{right:inherit;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
  .facility .bx-wrapper img{margin:auto;}
  .facility>li .txt{margin-top:2.5rem;text-align:center;}
  .facility .bx-wrapper .bx-controls .bx-controls-direction a{left:0;}
  .facility .three .bx-wrapper .bx-controls .bx-controls-direction a{left:0;}
  .facility .three .bx-wrapper .bx-controls .bx-controls-direction a.bx-next{right:0;left:inherit;}
  
  }

@media (max-width: 768px) { .diagram1 .title { display: block; position: static; margin: 0 auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .diagram1 ul { padding-top: 1rem; }
  .diagram1 ul li { width: calc(50% - 0.5rem); margin: 1rem 0 0 !important; padding: 0 0 0 3rem !important; text-align: left !important; }
  .diagram1 ul li::before { right: auto !important; left: 0 !important; width: 2rem; height: 2rem; line-height: 2rem; }
  .diagram1 ul li:nth-child(2n) { float: right; } 
  .org_wrap .org4 li{width:50%;}
  .org_wrap .org4 ul:before{width:50%;left:45%;}
  
  
  }
  
@media (max-width: 650px){
  .org_wrap .org2 li{float:none;width:100%;padding-right:0 !important;padding-left:0 !important;text-align:center !important;}
  .org_wrap .org2 li:before{display:none;}
  .org_wrap .org2 li:nth-child(2),
  .org_wrap .org2 li:nth-child(1){margin-top:9px;}
  .org_wrap .org3 p{width:100%;float:none;text-align:center;}
  .org_wrap .org3 p:nth-child(1){text-align:center;padding-right:0;}
  .org_wrap .org3 p:nth-child(2){margin-top:9px;padding-left:0;text-align:center;}
  .org_wrap .org3 p:before{display:none;}
  .org_wrap .org4 ul{width:calc(100% + 2rem);}
  .org_wrap .org4 li{padding-right:2rem;}
  .org_wrap .org1 > p:before{height:21.4rem;}
}

@media (max-width: 530px) { .box3 { padding: 1rem 0; }
  .diagram1 .title::before { display: none; }
  .diagram1 ul li { float: none !important; width: 100% !important; height: auto; }
  .list1 { display: block; width: 100%; margin: 0; }
  .list1 > * { display: block; float: none; width: 100%; margin: 0 !important; padding: 0 !important; }
  .list1 > * + *::before { display: block; position: static; margin: 0.5rem auto; content: ''; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
  .history .list li { padding-left: 1rem; }
  .history .list li .year::before { left: -1rem; }
  .history .list li:nth-child(2n) { padding-right: 1rem; }
  .history .list li:nth-child(2n) .year::before { right: -1rem; }
  .icon_group li > div{padding:1rem .9rem;}
  .history-wrap .year_wrap .history li .cont{font-size:.8rem;}
  .history-wrap .year_wrap .history li .date{width:6rem;line-height: 1.2;}
  .history-wrap .year_wrap .history li .cont{width: calc(100% - 6rem);line-height:2;}
  .history-wrap .year_wrap .history:before,
  .history-wrap .year_wrap .history li:first-child:before{display:none;}
  .org_wrap .org4 li{width:100%;float:none;padding-right:0;padding-top:1rem;}
  .org_wrap .org4 ul{width:100%;}
  .org_wrap .org4 ul:before,
  .org_wrap .org4 li:before{display:none;}
  .org_wrap .org3{padding-bottom:0;}
  .org_wrap .org1 > p:before{height:33rem;}
  .icon_group li > div > span{padding-left:0;display:block;text-align:center;margin-top:1rem;}
  .icon_group li > div > p{display:block;margin:auto;}
 } 
/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2019-11-15
-------------------------------------------------*/
#footer { position: relative; z-index: 0; }

#footer::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; background-color: #e9e9e9; }

#snb { position: relative; z-index: 0; height: 16.25rem; background: url("/_templet6/img/sub/visual.jpg") no-repeat center 0; background-size: auto 100% !important; font-family: "Noto Sans KR"; }

#snb .title { font-size: 2rem; overflow: hidden; height: 12.75rem; font-weight: 400; color: #fff; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); text-align: center; line-height: 12.75rem; }

#snb .nav { width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; position: relative; max-width: 100%; }

#snb .nav .home, #snb .nav .depth1, #snb .nav .topmenu { display: none; }

#snb .nav #depth3_menu_ul{display:none !important;}

#snb .nav #left_menu_top { display: table; width: 100%; height: calc(20rem - 16.5rem); background-color: rgba(114, 105, 86, 0.9); table-layout: fixed; }

#snb .nav #left_menu_top > li { display: table-cell; position: relative; z-index: 0; vertical-align: middle; }

#snb .nav #left_menu_top > li > a { font-size: 0.9rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; padding: 1rem 0.25rem; font-weight: 500; color: #fff; text-align: center; }

#snb .nav #left_menu_top > li > a::before { position: absolute; left: 0; bottom: 0; z-index: -1; width: 100%; height: 0; background-color: #fff; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#snb .nav #left_menu_top > li > a:hover { color: #162943; }

#snb .nav #left_menu_top > li > a:hover::before { height: 100%; }

#snb .nav #left_menu_top > li > a.linkWindow::after { font-size: 0.6rem; position: relative; top: -2px; margin-left: 0.25rem; font-family: "xeicon"; content: ''; }

#snb .nav #left_menu_top > li + li::before { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; left: 0; width: 1px; height: 1.25rem; background-color: #fff; content: ''; opacity: 0.2; }

#snb .nav #left_menu_top > li.active { position: static; background-color: #fff; }

#snb .nav #left_menu_top > li.active > a { color: #162943; }

#snb .nav #left_menu_top > li.active > a::before { display: none; }

#snb .nav #left_menu_top > li.active ul { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; }

#snb .nav #left_menu_top > li.active ul#smenu4{display:none !important;}

#snb .nav #left_menu_top ul { visibility: hidden; overflow: hidden; height: 0; opacity: 0; overflow: hidden; overflow-x: auto; position: absolute; left: 0; top: 100%; width: 100%; height: 3.25rem; padding-left: 3.5rem; border: 1px solid #ddd; border-top: 0 none; background-color: #fff; line-height: 3.25rem; white-space: nowrap; }

#snb .nav #left_menu_top ul li { display: inline; }

#snb .nav #left_menu_top ul li + li::before { display: inline-block; width: 1px; height: 0.65rem; margin: 0 0.5rem; background-color: #ddd; content: ''; vertical-align: middle; }

#snb .nav #left_menu_top ul li.active a { color: #9c1c2b; }

#snb .nav #left_menu_top ul li.active a::before { width: 100%; }

#snb .nav #left_menu_top ul a { font-size: 0.9rem; display: inline-block; position: relative; padding: 0 0.25rem; font-weight: 400; color: #555; vertical-align: top; }

#snb .nav #left_menu_top ul a::before { position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background-color: #9c1c2b; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

#snb .nav #left_menu_top ul a:hover::before, #snb .nav #left_menu_top ul a:focus::before { width: 100%; }

#content { width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; padding-top: 1px; font-family: "Noto Sans KR"; }

#content_detail { clear: both; }

.content_info { overflow: hidden; height: 2.5rem; margin: 2rem 0 2rem; padding-right: 5.25rem; border-bottom: 1px solid #ddd; }

.content_info .title { font-size: 1.5rem; float: left; font-weight: 500; color: #000; letter-spacing: -0.025rem; line-height: 1; }

.content_info .control { display: none; }

.content_info .location { float: right; text-align: right; line-height: 2.2rem; }

.content_info .location li { display: inline; color: #555; }

.content_info .location li + li::before { font-size: 0.65rem; margin: 0 0.25rem; font-family: "xeicon"; content: ''; }

.content_info .location li.icon a { display: inline-block; position: relative; top: -2px; overflow: hidden; width: 0.75rem; height: 1.15rem; text-align: right; line-height: 1.15rem; vertical-align: middle; }

.content_info .location li.icon a::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #94959e; content: ''; text-align: center; line-height: inherit; }

.content_info + #sns_wrap { float: right; position: relative; height: 2.5rem; margin: -4.75rem 0 2.25rem; text-align: right; }

.content_info + #sns_wrap li { display: inline; }

.content_info + #sns_wrap a { display: inline-block; width: 2rem; height: 2rem; margin-left: 0.5rem; border-radius: 100%; border: 1px solid #ddd; text-align: center; line-height: 1.95rem; vertical-align: top; }

.content_info + #sns_wrap a::before { font-size: 1rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #000; content: ''; line-height: inherit; }

.content_info + #sns_wrap .zoomP, .content_info + #sns_wrap .zoomM { display: none; }

.content_info + #sns_wrap .snsBox { display: inline-block; vertical-align: top; }

.content_info + #sns_wrap .snsBox > a::before { content: ''; }

.content_info + #sns_wrap .snsBox::before { font-size: 1rem; display: none; float: right; width: 2rem; height: 2rem; margin-bottom: 0.455rem; border-radius: 100%; border: 1px solid #ddd; font-family: "xeicon"; color: #000; content: ''; text-align: center; line-height: 1.95rem; vertical-align: top; }

.content_info + #sns_wrap .snsBox.active::before { display: block; }

.content_info + #sns_wrap .snsBox.active > a { position: absolute; right: 0; top: 100%; z-index: 3; margin-top: 0.15rem; border: 0 none; }

.content_info + #sns_wrap .snsBox.active > a::before { font-size: 1.5rem; color: #2d4478; content: ''; }

.content_info + #sns_wrap .snsBox.active #share { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; }

.content_info + #sns_wrap .snsBox.active #share::before { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; top: -0.25rem; -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }

.content_info + #sns_wrap .snsBox #share { visibility: hidden; overflow: hidden; height: 0; opacity: 0; display: block !important; clear: both; position: absolute; right: 0; top: 100%; z-index: 2; height: 2.4rem !important; margin-top: -1px; padding: 0.4rem 2.5rem 0 0.75rem; border: 1px solid #ddd; background-color: #fff; line-height: 2.4rem; white-space: nowrap; }

.content_info + #sns_wrap .snsBox #share::before { visibility: hidden; overflow: hidden; height: 0; opacity: 0; position: absolute; right: 3.25rem; top: 0; width: 0.5rem; height: 0.5rem !important; border: 1px solid #ddd; border-right: 0 none; border-bottom: 0 none; background-color: #fff; content: ''; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.content_info + #sns_wrap .snsBox #share a { width: 1.5rem; height: 1.5rem; margin: 0 0.4rem 0 0; border: 0 none; line-height: 1.5rem; }

.content_info + #sns_wrap .snsBox #share .sns_icon01 a { background-color: #435e99; }

.content_info + #sns_wrap .snsBox #share .sns_icon01 a::before { font-size: 0.8rem; color: #fff; content: ''; }

.content_info + #sns_wrap .snsBox #share .sns_icon02 a { background-color: #26a8e0; }

.content_info + #sns_wrap .snsBox #share .sns_icon02 a::before { font-size: 0.9rem; color: #fff; content: ''; }

.content_info + #sns_wrap .snsBox #share .sns_icon04 a { background: url("/ipsi/img/sub/icon_kakao.jpg") no-repeat; background-size: 100% 100%; }

.content_info + #sns_wrap .snsBox #share .sns_icon04 a::before { display: none; }

.content_info + #sns_wrap .snsBox #share .sns_icon03 a { display: none; }

.content_info + #sns_wrap .btnPrint { float: right; }

.content_info + #sns_wrap .btnPrint a::before { content: ''; }

.contentInfo { margin: 6rem 0 3rem; color: #555; }

.contentInfo .duty-wrap { overflow: hidden; height: 3rem; padding: 0 1.5rem; border-bottom: 1px solid #eee; line-height: 3rem; }

.contentInfo .duty-wrap .duty { float: left; }

.contentInfo .duty-wrap .duty span { display: inline-block; overflow: hidden; position: relative; top: -2px; width: 1.5rem; height: 1.5rem; margin-right: 0.25rem; border-radius: 100%; background-color: #3c4165; text-align: center; line-height: 1.5rem; vertical-align: middle; }

.contentInfo .duty-wrap .duty span::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #fff; content: ''; line-height: inherit; }

.contentInfo .duty-wrap .duty dl { display: inline; }

.contentInfo .duty-wrap .duty dt { display: inline; font-weight: 500; color: #3c4165; }

.contentInfo .duty-wrap .duty dt::after { display: inline-block; width: 1px; height: 0.7rem; margin: 0 0.25rem 0 0.5rem; background-color: #d5d9df; content: ''; vertical-align: middle; }

.contentInfo .duty-wrap .duty dd { display: inline; margin-right: 1rem; }

.contentInfo .duty-wrap .duty_date { float: right; font-family: "Noto Sans KR"; }

.contentInfo .duty-wrap .duty_date strong { font-weight: 500; color: #3c4165; }

.contentInfo .duty-wrap .duty_date strong::after { display: inline-block; width: 1px; height: 0.7rem; margin: 0 0.25rem 0 0.5rem; background-color: #d5d9df; content: ''; vertical-align: middle; }

.contentInfo #satisfy-wrap { padding: 1.5rem; background-color: #f6f7f9; }

.contentInfo #satisfy-wrap .satisfyTitle { overflow: hidden; height: 1.25rem; margin-bottom: 0.25rem; font-weight: 500; color: #333; }

.contentInfo #satisfy-wrap .satisfyTitle::before { display: block; content: '이 페이지에서 제공하는 정보에 대하여 만족하십니까?'; }

.contentInfo #satisfy-wrap .satisfyForm { overflow: hidden; height: 2rem; line-height: 2rem; }

.contentInfo #satisfy-wrap .satisfyForm ol { float: left; width: 25rem; }

.contentInfo #satisfy-wrap .satisfyForm li { font-size: 0.75rem; display: inline-block; position: relative; margin-right: 0.8rem; vertical-align: middle; }

.contentInfo #satisfy-wrap .satisfyForm li input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; }

.contentInfo #satisfy-wrap .satisfyForm li input:checked + label::after { background-color: #3c4165; }

.contentInfo #satisfy-wrap .satisfyForm li label { position: relative; padding-left: 1.4rem; }

.contentInfo #satisfy-wrap .satisfyForm li label::before { position: absolute; left: 0; top: 0; width: 0.9rem; height: 0.9rem; border-radius: 100%; border: 1px solid #ddd; background-color: #fff; content: ''; }

.contentInfo #satisfy-wrap .satisfyForm li label::after { position: absolute; left: 0.25rem; top: 0.25rem; width: 0.4rem; height: 0.4rem; border-radius: 100%; background-color: #ddd; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }

.contentInfo #satisfy-wrap .satisfyForm .opinion { float: right; position: relative; width: 56%; max-width: calc(100% - 25rem); height: 100%; padding-right: 3.75rem; }

.contentInfo #satisfy-wrap .satisfyForm .textarea { width: 100%; height: 2rem; padding: 0 1rem; border: 1px solid #ddd; vertical-align: top; }

.contentInfo #satisfy-wrap .satisfyForm .Btn { position: absolute; right: 0; top: 0; width: 3.75rem; height: 100%; border: 0 none; background-color: #333; color: #fff; }

.contentInfo #satisfy-wrap .satisfyForm .opinion_right { display: none; }

.contentInfo .qr-wrap { display: none; }

.depth4_tabN ul { display: table; width: 100%; margin-bottom: 1.8rem; background-color: #f8f8f8; table-layout: fixed; }

.depth4_tabN ul li { display: table-cell; border: 1px solid #ddd; color: #162943; vertical-align: middle; }

.depth4_tabN ul li + li { border-left: 0 none; }

.depth4_tabN ul a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 0.9rem; display: block; padding: 0.75rem 0.25rem; text-align: center; }

.depth4_tabN ul a.linkWindow::after { font-size: 0.6rem; position: relative; top: -2px; margin-left: 0.25rem; font-family: "xeicon"; content: ''; }

.depth4_tabN ul .active { border: 1px solid #999; border-top: 4px solid #9c1c2b; background-color: #fff; font-weight: 500; color: #9c1c2b; }

.bookmark { overflow: hidden; }

.bookmark li { float: left; width: 20%; }

.bookmark li + li a { border-left: 0 none; }

.bookmark li:nth-child(n+6) a { border-top: 0 none; }

.bookmark li:nth-child(5n+1) a { border-left: 1px solid #7d7163; }

.bookmark li.active a { background-color: #7d7163; color: #fff; }

.bookmark a { height: 2.75rem; border: 1px solid #7d7163; line-height: 2.65rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; border: 1px solid #7d7163; color: #5f574d; text-align: center; }

div.tstyle_list > div > ul > li { color: #333; }

div.tstyle_list > div > ul > li.coning p { background: #d53746; color: #fff; border-radius: 1rem; line-height: 1.5rem; margin: 0 .5rem; }

div.tstyle_list > div > ul > li.concom p { background: #454a4e; color: #fff; border-radius: 1rem; line-height: 1.5rem; margin: 0 .5rem; }

div.tstyle_list > div > ul > li.PROC003 p { white-space: nowrap; }

.BtnArea .btn3 { background-color: #fff !important; }

.BtnArea .btn3:hover { background-color: #333 !important; }

.galleryList > ul > li > a:hover .thumb::after { -webkit-transition-delay: 0s; transition-delay: 0s; }

.fc-button-primary:focus { -webkit-box-shadow: 0 0 0 !important; box-shadow: 0 0 0 !important; }

div.tstyle_view div.tb_contents { word-break: break-all !important; }

@media (min-width: 1921px) { #snb { background-size: 100% auto; } }

@media (max-width: 1280px) { #contentWrap { padding: 0 !important; }
  #snb .nav #left_menu_top ul { padding-left: 1.5rem; } }

@media (max-width: 1024px) { .depth4_tabN ul a { font-size: 0.8rem; }
  .bookmark li { width: 25%; }
  .bookmark li:nth-child(5n+1) a { border-left: 0 none; }
  .bookmark li:nth-child(4n+1) a { border-left: 1px solid #7d7163; }
  .bookmark li:nth-child(n+5) a { border-top: 0 none; } }

@media (max-width: 768px) { #snb { z-index: 5; height: 15.25rem; }
  #snb.active { margin-bottom: 2.5rem; }
  #snb .nav #left_menu_top { height: calc(19rem - 16.5rem); line-height: calc(19rem - 16.5rem); }
  #snb .nav #left_menu_top::after { font-size: 1rem; position: absolute; right: 1.5rem; top: 0; font-family: "xeicon"; color: #fff; content: ''; -webkit-transition: all 0.2s; transition: all 0.2s; }
  #snb .nav #left_menu_top > li { visibility: hidden; overflow: hidden; height: 0; opacity: 0; display: block; }
  #snb .nav #left_menu_top > li + li { border-left: 0 none; }
  #snb .nav #left_menu_top > li > a { padding: 0 1.5rem; text-align: left; }
  #snb .nav #left_menu_top > li.active { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; background: none; }
  #snb .nav #left_menu_top > li.active > a { color: #fff; }
  #snb .nav #left_menu_top > li.active > a::before { display: none; }
  #snb .nav #left_menu_top.active::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  #snb .nav #left_menu_top.active > li { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; }
  #snb .nav #left_menu_top ul { height: 2.5rem; padding-left: 1rem; line-height: 2.5rem; }
  #snb.sub06 + #content div.tstyle_list > div.dbody > ul { padding-right: 3.5rem; }
  #snb.sub06 + #content div.tstyle_list > div.dbody > ul > li:first-child, #snb.sub06 + #content div.tstyle_list > div.dbody > ul > li:nth-last-child(2) { display: none !important; }
  .content_info { height: 4rem; margin: 1.5rem 0; padding: 0; text-align: center; }
  .content_info .title { float: none; }
  .content_info .location { display: inline-block; float: none; }
  .content_info + #sns_wrap { float: none; margin: -4rem 0 1.5rem; }
  .depth4_tabN ul { overflow: hidden; padding-bottom: 1px; }
  .depth4_tabN ul li { float: left; width: 50%; height: 2.5rem; margin-bottom: -1px; }
  .depth4_tabN ul li:nth-child(3n + 1) { clear: both; border-left: 1px solid #ddd; }
  .depth4_tabN ul li.active { position: relative; z-index: 0; border-color: #999; border-top-color: #9c1c2b; }
  .depth4_tabN ul a { padding: 0.5rem 0.25rem; }
  .contentInfo { margin: 1.5rem 0; }
  .contentInfo .duty-wrap { display: none; }
  .contentInfo #satisfy-wrap { position: relative; padding: 0 1rem 1rem; }
  .contentInfo #satisfy-wrap::before { display: block; height: 3rem; margin: 0 -1rem 1rem; padding-left: 2.8rem; border-bottom: 1px solid #eee; background-color: #fff; content: '만족도조사'; line-height: 3rem; }
  .contentInfo #satisfy-wrap::after { position: absolute; left: 1rem; top: 0.75rem; width: 1.5rem; height: 1.5rem; border-radius: 100%; background-color: #3c4165; font-family: "xeicon"; color: #fff; content: ''; text-align: center; line-height: 1.5rem; }
  .contentInfo #satisfy-wrap .satisfyForm { height: auto; }
  .contentInfo #satisfy-wrap .satisfyForm ol { float: none; width: 100%; margin: 0.25rem 0 0.5rem; line-height: 1.5; }
  .contentInfo #satisfy-wrap .satisfyForm .opinion { float: none; width: 100%; max-width: inherit; }
  .board_info fieldset span.form-select { margin-bottom: 1px; background-color: #fff; }
  .board_info fieldset span.form-btn { margin-top: 1px; }
  .board_info .page_info { white-space: nowrap; }
  div.tstyle_list > div.dbody > ul > li { display: block !important; width: 100% !important; text-align: left; }
  div.tstyle_list > div.dbody > ul > li::before { display: inline; font-weight: 400; content: attr(aria-title) " "; }
  div.tstyle_list > div.dbody > ul > li.m-hidden { display: none !important; }
  div.tstyle_list > div.dbody > ul > li.title { font-size: 0.9rem; margin-bottom: 0.25rem; color: #000; }
  div.tstyle_list > div.dbody > ul > li.title::before { display: none; }
  div.tstyle_list > div.dbody > ul > li.PROC001::before, div.tstyle_list > div.dbody > ul > li.PROC003::before { display: none; }
  div.tstyle_list > div.dbody > ul > li.PROC001 p, div.tstyle_list > div.dbody > ul > li.PROC003 p { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; right: 0; width: 2.5rem; height: 2.5rem; padding: 0.5rem; border-radius: 100%; text-align: center; text-align-last: center; line-height: 1; white-space: normal; }
  div.tstyle_list > div.dbody > ul > li.PROC001 p { padding: 0; line-height: 2.5rem; }
  div.tstyle_list > div.dbody > ul > li .xi-new { margin-left: 0; }
  .bookmark li { width: 33.333%; }
  .bookmark li:nth-child(4n+1) a { border-left: 0 none; }
  .bookmark li:nth-child(3n+1) a { border-left: 1px solid #7d7163; }
  .bookmark li:nth-child(n+4) a { border-top: 0 none; } }

@media (max-width: 530px) { .depth4_tabN ul a { font-size: 0.7rem; }
  .bookmark li { width: 50%; }
  .bookmark li:nth-child(3n+1) a { border-left: 0 none; }
  .bookmark li:nth-child(2n+1) a { border-left: 1px solid #7d7163; }
  .bookmark li:nth-child(n+3) a { border-top: 0 none; }
  .bookmark li a { height: 2rem; line-height: 1.95rem; }
  .content_info + #sns_wrap { margin: -6rem 0 3.2rem; }
  .content_info + #sns_wrap .btnPrint { display: none; } }

@media (max-width: 490px) { .content_info { height: auto; padding-bottom: 0.70rem; }
  .content_info .location { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; margin-top: 0.5rem; line-height: 1.5; }
  .content_info .location li { display: inline-block; vertical-align: middle; }
  div.tstyle_view ul.head li { display: block !important; margin-left: 0 !important; padding-left: 1rem !important; text-align: left; }
  div.tstyle_view ul.head li + li::before { display: none !important; } }

@media print { #header, #snb, .content_info + #sns_wrap, .content_info .location, .contentInfo, .depth4_tabN ul, #footer { display: none; }
  .content_info { height: auto; padding-bottom: 1rem; }
  .table-wrap.type1 th, .table-wrap.type1 td { padding: 0 !important; } }