@import url("layout.css");
@import url("/common/css/con_com.css");

/*-------------------------------------------------
Author : SY,CHo
Create date : 2020. 08. 03.
-------------------------------------------------*/

/* ========================================== LAYOUT */

#wrap {line-height: 1; background: #f4f4f4;}
#container {position: relative;width:100%;}
 
/* ========================================== 공통 */

.section1 {padding: 0.7rem 0;}
.section1 .conBox {position: relative; margin-bottom: 0.5rem; overflow: hidden;}
.section1 .box1, .section1 .box4, .section1 .box5 {float: left; width: calc(100% - 22.5rem);}
.section1 .box2, .section1 .box3, .section1 .box6 {float: right; margin-left: 1rem; width: 21.5rem;}
.section1 .box1, .section1 .box3 {height: 12.5rem;}
.section1 .box4, .section1 .box6 {height: 12rem;}
.section1 .box5, .section1 .box2 {height: 11.5rem;}
.section1 .box7 {width: 100%; height: 10rem;}
.section1 .box7 + .box7 {margin-bottom: 0;}

.section h2 {position: absolute; top: 0; left: 1.5rem; display: inline-block; line-height: 2rem; /* font-family: 'SCDream'; */ font-size: 0.9rem; font-weight: 600; color: #000; border-bottom: 1px solid #043763;}

.btnMore {position: absolute; top: -1px; right: -1px; display: inline-block; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 1rem; color: #000; border: 1px solid #cbcbcb;}
.btnMore:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/images/web/nts/main/btnMore.png") no-repeat center center; content: ""; /* transform: rotate(0); -webkit-transform: rotate(0); transition: all 0.25s ease; -webkit-transition: all 0.25s ease; */}
/* .btnMore:hover:before {transform: rotate(45deg); -webkit-transform: rotate(45deg);} */

/* 비주얼 */
#visualWrap .wType {display: inline-block;}
#visualWrap .mType {display: none;}
#visualWrap .lst a {display: block; text-align: right;}
#visualWrap .bx-controls {position: absolute; right: 0; bottom: 0; display: inline-block; width: calc(9rem + 3px); height: 2.25rem; line-height: 2.25rem; overflow: hidden;}
#visualWrap .bx-controls a {position: absolute; top: 0; display: inline-block; width: 2.25rem; height: 2.25rem; line-height: 2.25rem; color: transparent; background: rgba(0,0,0,0.7) no-repeat center center;}
#visualWrap .bx-controls a.bx-prev {left: calc(2.25rem + 1px); background-image: url("/images/web/nts/main/pop_prev.png");}
#visualWrap .bx-controls a.bx-next {left: calc(6.75rem + 3px); background-image: url("/images/web/nts/main/pop_next.png");}
#visualWrap .bx-controls a.bx-start {left: calc(4.5rem + 2px); background-image: url("/images/web/nts/main/pop_play.png");}
#visualWrap .bx-controls a.bx-stop {left: calc(4.5rem + 2px); background-image: url("/images/web/nts/main/pop_stop.png");}
#visualWrap .bx-controls .bx-pager {position: absolute; top: 0; left: 0; display: inline-block; width: 2.25rem; text-align: center; vertical-align: top; color: #fff; background: rgba(0,0,0,0.7);}
#visualWrap .bx-controls .bx-pager em {display: inline-block; line-height: 1; vertical-align: top;}
#visualWrap .bx-controls .bx-pager .now {margin-top: 0.5rem; font-weight: 600; color: #fabe00;}
#visualWrap .bx-controls .bx-pager .total {margin-top: 1rem;}

/* 열린청장실 */
.section1 .box2 {position: relative; overflow: hidden;}
.section1 .box2 a {position: absolute; top: 0.5rem; left: 1.5rem; width: auto; height: auto; /* font-family: 'SCDream'; */ font-size: 0.9rem; font-weight: 600; color: #222;}
.section1 .box2 a span {display: inline-block; position: relative; border-bottom: 1px solid #000; line-height: 1.6rem; }
.section1 .box2 a span:after { content:""; display:inline-block; position:absolute; top:0.2rem; left:calc(100% + 0.5rem); width:1.3rem; height:1.3rem; background: url("/images/web/nts/main/ico_angle_right.png") no-repeat; background-size:100% 100%; image-rendering:-webkit-optimize-contrast; }

/* 자주 찾는 서비스, 공지사항 - 공통 */
.tabStyle {background: #fff; border: 1px solid #cbcbcb;}
.tabStyle > .inBox {position: relative; height: 100%;}
.tabStyle h2 {position: relative; top: auto; left: auto; float: left; line-height: 1; border-bottom: none;}
.tabStyle h2 a {display: inline-block; width: 8rem; height: 2rem; line-height: 2rem; text-align: center; font-size: 0.85rem;}
.tabStyle h2 a span {position: relative; display: inline-block;}
.tabStyle .lstBox {position: absolute; top: 2rem; display: none; padding: 1.5rem; width: 100%; height: calc(100% - 2rem);}
.tabStyle .btnMore {top: -2rem;}
/* active */
.tabStyle h2 a.active {color: #222; background: #fff;}
.tabStyle .lstBox.active {display: block;}

/* 자주 찾는 서비스 2020.11.25. SY,CHo 디자인 변경에 따른 백업
.tabStyle .service h2 {font-weight: 400; color: #333;}
.tabStyle .service h2 a.active span {font-weight: 600; color: #000; border-bottom: 1px solid #043763;}
.tabStyle .service .lstBox {padding: 0;}
.tabStyle .service .scrollBox {margin: 0.5rem 0; padding: 0; height: calc(100% - 1rem); overflow: hidden;}
.service .lstBox .lst {overflow: hidden;}
.service .lstBox .lst > li {float: left; width: 20%; height: 4.5rem;}
.service .lstBox .lst > li > a {position: relative; display: block; text-align: center; font-size: 0.75rem; color: #000;}
.service .lstBox .lst > li > a:before {position: absolute; top: 0; left: 50%; margin-left: -1.125rem; width: 2.25rem; height: 2.25rem; background: #f4f4f4; border-radius: 50%; content: "";}
.service .lstBox .lst > li > a p {line-height: 1.2; height: 2rem; word-break: keep-all; word-wrap: break-word;}
.service .lstBox .lst .icons {position: relative; display: inline-block; margin: 0 auto 0.15rem; width: 2.25rem; height: 2.25rem;}
.service .lstBox .lst .icons img {max-width: 100%;}

.tabStyle .service .btnMore {top: calc(-2rem - 1px);}
.tabStyle .service .scrollBox.active {margin: 0; padding: 0.5rem 0; height: 100%; overflow-y: auto;}
*/

/* 자주 찾는 서비스 2020.11.25. SY,CHo 디자인 변경 */
.section1 .box4 {overflow: visible;}
.service:before {position: absolute; top: 2rem; left: 0; width: 100%; height: 1px; background: #cbcbcb; content: "";}
.service h2 a {color: #333; background: #f2f6f9; border-right: 1px solid #cbcbcb;}
.service h2 a.active {height: calc(2rem + 1px); background: #fff; border-bottom: 1px solid #fff;}
/* 2022-08-24 웹접근성 수정 */
.service h2 a.active span{border-top:3px solid #004c84;}
.service .lstBox {position: absolute; top: calc(2rem + 1px); left: -1px; display: none; padding: 0; width: calc(100% + 2px); height: calc(100% - 2rem); background: #fff; border: 1px solid #cbcbcb; border-top: none;}
.service .lstBox .lst {padding: 1rem 0 0; height: calc(10rem + 1px); overflow: hidden;}
.service .lstBox .lst > li {float: left; width: 20%; height: 4.5rem;}
.service .lstBox .lst > li > a {position: relative; display: block; text-align: center; font-size: 0.75rem; color: #000;}
.service .lstBox .lst > li > a:before {position: absolute; top: 0; left: 50%; margin-left: -1.125rem; width: 2.25rem; height: 2.25rem; background: #f4f4f4; border-radius: 50%; content: "";}
.service .lstBox .lst > li > a p {line-height: 1.2; height: 2rem; word-break: keep-all; word-wrap: break-word;}
.service .lstBox .lst .icons {position: relative; display: inline-block; margin: 0 auto 0.15rem; width: 2.25rem; height: 2.25rem;}
.service .lstBox .lst .icons img {max-width: 100%;}

.tabStyle .service .btnMore {top: calc(-2rem - 2px); height: calc(2rem + 2px);}
.tabStyle .service .lstBox:nth-of-type(2) .btnMore,
.tabStyle .service .lstBox:nth-of-type(3) .btnMore,
.tabStyle .service .lstBox:nth-of-type(4) .btnMore {display: none;}
/*복지이음추가*/

/* active */
.tabStyle .service .lstBox.active {height: auto; z-index: 2;}
.tabStyle .service .lstBox.active .lst.active {height: auto; transition: all 0.25s ease; -webkit-transition: all 0.25s ease;}
.tabStyle .service .btnMore.active:before {background-image: url("/images/web/nts/main/btnMoreMinus.png"); transition: all 0.25s ease; -webkit-transition: all 0.25s ease;}

/* 월별 세무 일정 */
.section1 .box3 {padding: 2.5rem 1.5rem 1rem; background: #eaeaea; border: 1px solid #cbcbcb;}
.section1 .calendar {margin-bottom: 0.25rem; height: 2rem; line-height: 2rem; font-weight: 400; letter-spacing: 0; overflow: hidden;}
.section1 .calendar * {float: left;}
.section1 .calendar span, 
.section1 .calendar a {display: inline-block; margin: 0 0.15rem; width: 1.6rem; height: 2rem; line-height: 2rem; text-align: center; vertical-align: middle; font-weight: 600; border-radius: 50%;}
.section1 .calendar .year {margin-left: 0; font-weight: 600; border-radius: 0;}
.section1 .calendar .month {width: 2rem; height: 2rem; line-height: 2rem; color: #fff; letter-spacing: -0.1em; background: #004c84;}
.section1 .calendar .month em {float: none; vertical-align: top; font-size: 1.1rem;}
.section1 .calendar .day {margin: 0.2rem 0.15rem; height: 1.6rem; line-height: 1.6rem; color: #fff; background: #7b97a8;}
.section1 .calendar .day1 {margin: 0 0.15rem; width: 2rem; height: 2rem; line-height: calc(2rem - 2px); font-weight: 600; color: #004c84; letter-spacing: -0.1em; background: none; border: 1px solid #004c84;}
.section1 .calendar .prev {background: url("/images/web/nts/main/month_prev.png") no-repeat center center;}
.section1 .calendar .next {background: url("/images/web/nts/main/month_next.png") no-repeat center center;}
.section1 .calendar .dayLst {display: inline-block; max-width: calc(100% - 8.5rem);}
.section1 .box3 .lst {height: 6.4rem; overflow: hidden;}
.section1 .box3 .lst > li {position: relative; display: block; padding-left: 0.4rem; height: 1.22rem; line-height: 1.6rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.section1 .box3 .lst > li:before {position: absolute; top: 0.75rem; left: 0; width: 2px; height: 2px; background: #333; border-radius: 50%; content: "";}

/* 공지사항 */
.notice:before {position: absolute; top: 0; left: 0; width: 100%; height: 2rem; background: #004c84 url("/images/web/nts/main/bgNotice.png") no-repeat right top; content: "";}
.notice h2 a {color: #fff;}
/*.notice h2 a.active span {padding-right: 2rem;}
.notice h2 a.active span:after {position: absolute; top: 0.35rem; right: 0; width: 1.2rem; height: 1.2rem; line-height: 0.9rem; background: #043763 url("/images/web/nts/main/bgNoticeArrow.png") no-repeat center center; border-radius: 50%; content: "";}*/
.notice h2 a.active span {padding-right: 0}
.notice h2 a.active span:after {display:none;}
.notice .lstBox .lst {overflow: hidden;}
.notice .lstBox .lst > li {position: relative; float: left; margin-bottom: 0.5rem; width: 48%;}
.notice .lstBox .lst > li:nth-of-type(2n) {margin-left: 4%;}
.notice .lstBox .lst > li > a {position: relative; display: block; padding-left: 2.25rem; padding-right: 3.5rem; width: 100%; height: 1.2rem; line-height: 1.2rem; color: #222; overflow: hidden;}
.notice .lstBox .lst > li > a > strong {display: block; max-width: 100%; font-size: 0.75rem; font-weight: 400; color: #222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.notice .lstBox .lst > li > a:hover > strong {border-bottom: 1px solid #000;}
.notice .lstBox .lst > li.new > a > strong {position: relative; padding-right: 1.3rem;}
.notice .lstBox .lst > li.new > a > strong:after {position: absolute; top: 0.1rem; right: 0; width: 1rem; height: 1rem; line-height: 0.9rem; text-align: center; font-size: 0.7rem; color: #fff; background: #F0671B; border-radius: 50%; content: "N";}
.notice .lstBox .lst > li > a > em {position: absolute; top: 0; left: 0; width: 2rem; line-height: calc(1.2rem - 2px); text-align: center; font-size: 0.7rem; border: 1px solid; border-radius: 0.2rem;}
.notice .lstBox .date {position: absolute; top: 0; right: 0; width: 3.5rem; text-align: right; font-size: 0.7rem; color: #707070; letter-spacing: 0;}
.notice .btnMore {border: none;}
.notice .btnMore:before {background-image: url("/images/web/nts/main/btnMoreWhite.png");}

.notice .code01 {color: #0f4b8b; border-color: #0f4b8b;}/* 보도 */
.notice .code02 {color: #752f00; border-color: #752f00;}/* 공지 */
/* .notice .code03 {color: #0e8c88; border-color: #0e8c88;}고시 */
.notice .code03 {color: #b7621c; border-color: #d76c13;}/* 고시 */
.notice .code04 {color: #098b99; border-color: #098b99;}/* 공고 */
.notice .code05 {color: #10650b; border-color: #10650b;}/* 설명 */

/* 세무 알림판 */
#taxWrap h2 {z-index: 1;}
#taxWrap .lst a {display: block;}
#taxWrap .lst a img {width: 100%;}
#taxWrap .bx-controls {position: absolute; right: 0; top: 0; display: inline-block; width: calc(7rem + 3px); height: 2rem; line-height: 2rem; overflow: hidden;}
#taxWrap .bx-controls a {position: absolute; top: 0; display: inline-block; width: 1.75rem; height: 2rem; line-height: 2rem; color: transparent; background: rgba(4,55,99,0.9) no-repeat center center;}
#taxWrap .bx-controls a.bx-prev {left: calc(1.75rem + 1px); background-image: url("/images/web/nts/main/tax_pop_prev.png");}
#taxWrap .bx-controls a.bx-next {left: calc(5.25rem + 3px); background-image: url("/images/web/nts/main/tax_pop_next.png");}
#taxWrap .bx-controls a.bx-start {left: calc(3.5rem + 2px); background-image: url("/images/web/nts/main/tax_pop_play.png");}
#taxWrap .bx-controls a.bx-stop {left: calc(3.5rem + 2px); background-image: url("/images/web/nts/main/tax_pop_stop.png");}
#taxWrap .bx-controls .bx-pager {position: absolute; top: 0; left: 0; display: inline-block; width: 1.75rem; text-align: center; vertical-align: top; font-size: 0.65rem; color: #c2c2c2; background: rgba(4,55,99,0.9);}
#taxWrap .bx-controls .bx-pager em {display: inline-block; line-height: 1; vertical-align: top;}
#taxWrap .bx-controls .bx-pager .now {margin-top: 0.3rem; font-weight: 600; color: #fabe00;}
#taxWrap .bx-controls .bx-pager .total {margin-top: 0.9rem;}

/* 배너 */
.section1 .box7 .lst {overflow: hidden;}
.section1 .box7 .lst > li {float: left; width: calc(25% - 0.4975rem);}
.section1 .box7 .lst > li + li {margin-left: 0.65rem;}

.section1 .box7 .lst > li > a .blank {display: block; margin-top: 0.25rem;}
.section1 .box7 .lst > li > a {display: block; padding: 1.5rem 1rem; width: 100%; height: 10rem; line-height: 1.3; color: #fff; overflow: hidden;}
.section1 .box7 .lst > li:nth-of-type(1) > a {background: #229dc1 url("/images/web/nts/main/bgBanner1.png") no-repeat right bottom;}
.section1 .box7 .lst > li:nth-of-type(2) > a {background: #428bb4 url("/images/web/nts/main/bgBanner2.png") no-repeat right bottom;}
.section1 .box7 .lst > li:nth-of-type(3) > a {background: #5789be url("/images/web/nts/main/bgBanner14.png") no-repeat right bottom;}
.section1 .box7 .lst > li:nth-of-type(4) > a {background: #16a2a7 url("/images/web/nts/main/bgBanner4.png") no-repeat right bottom;}
.section1 .box7 .lst > li > a > strong {display: inline; max-height: 2.5rem; font-size: 1rem; font-weight: 600; overflow: hidden;}
.section1 .box7 .lst > li > a > span {max-height: 1.5rem; overflow: hidden;}
.section1 .box7 .lst > li > a > .small {font-size: 0.6rem; color: #cceafa;}
.section1 .box7 .lst > li > a > .mid {font-size: 0.7rem;}

.section1 .box7 .lst.type2 > li > a > .small {font-size: 0.65rem; color: #fff;}
.section1 .box7 .lst.type2 > li:nth-of-type(1) > a {color: #222; background: #e4e9f0 url("/images/web/nts/main/bgBanner11.png") no-repeat right bottom; border: 1px solid #e0e0e0;}
.section1 .box7 .lst.type2 > li:nth-of-type(1) > a > .small {color: #222;}
.section1 .box7 .lst.type2 > li:nth-of-type(2) > a {background: #32973b url("/images/web/nts/main/bgBanner12.png") no-repeat center bottom;}
.section1 .box7 .lst.type2 > li:nth-of-type(3) > a {background: #996a38 url("/images/web/nts/main/bgBanner13.png") no-repeat right bottom;}
.section1 .box7 .lst.type2 > li:nth-of-type(4) > a {color: #fff; background: #1793ff url("/images/web/nts/main/bgBanner3.png") no-repeat right bottom;}
.section1 .box7 .lst.type2 > li:nth-of-type(4) > a > .small {color: #fff;}

/* 배너 슬라이드 */
.section2 {padding: 0.75rem 0; background: #fff; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb;}
.section2 .container {position: relative; padding: 0 6.5rem;}
.section2 .deco1 {position: absolute; top: 0; left: 0;}
.section2 .deco2 {position: absolute; top: 0.5rem; right: 0; font-size: 0.75rem; font-weight: 600; color: #222;}
.section2 .deco2 img {margin-right: 0.5rem;}
#bannerWrap {position: relative; padding-left: 5.5rem; line-height: 2rem;}
#bannerWrap .btns {position: absolute; top: 0.25rem; left: 0;}
#bannerWrap .btns button {float: left; display: inline-block; width: 1.5rem; height: 1.5rem; line-height: 1.5rem; text-align: center; font-size: 1rem; color: #fff; background: no-repeat center center; border-radius: 50%;}
#bannerWrap .btns button + button {margin-left: 0.5rem;}
#bannerWrap .btns button.prev,
#bannerWrap .btns button.next {background-color: #909090;}
#bannerWrap .btns button.pause,
#bannerWrap .btns button.play {background-color: #47546b;}
#bannerWrap .btns button.prev {background-image: url("/images/web/nts/main/banner_pop_prev.png");}
#bannerWrap .btns button.next {background-image: url("/images/web/nts/main/banner_pop_next.png");}
#bannerWrap .btns button.pause {background-image: url("/images/web/nts/main/banner_pop_stop.png");}
#bannerWrap .btns button.play {background-image: url("/images/web/nts/main/banner_pop_play.png");}
#bannerWrap .btns button.play {display: none;}
.bannerLst {height: 2rem; overflow: hidden;}
.bannerLst .slick-slide {float: left; display: inline-block;}
.bannerLst .slick-slide a {display: inline-block; margin: 0 2.35rem; line-height: 1.6rem; font-size: 0.8rem;}

/* 2020.10.06 SY,CHo 열린청장실 */
.section1 .container {position: relative;}
.section1 .box11 {position: relative; width: calc(100% - 17.5rem);}
.section1 .box11 img {width: 100%;}
.section1 .box11 .btns {position: absolute; right: 3rem; bottom: 5rem; color: #fff; overflow: hidden;}
.section1 .box11 .btn {float: left; display: table; border-radius: 50%;}
.section1 .box11 .btn span {display: table-cell; width: 5rem; height: 5rem; line-height: 1.2; text-align: center; vertical-align: middle; font-size: 1rem;}
.section1 .box11 .blue {background: #3298b7;}
.section1 .box11 .green {margin-left: 0.75rem; background: #2ca48f;}

.section1 .box12 {position: absolute; top: 0; right: 0; width: 16.5rem; height: 100%; letter-spacing: -0.1em;}
.section1 .box12 > li {position: absolute; top: 0; left: 0; display: table; width: 100%; height: 31.25%;}
.section1 .box12 > li:nth-of-type(1) {top: 0;}
.section1 .box12 > li:nth-of-type(2) {top: 34.375%;}
.section1 .box12 > li:nth-of-type(3) {top: 68.75%;}
.section1 .box12 > li > a {display: table-cell; padding: 0 4rem 0 1.25rem; vertical-align: middle; font-size: 0.7rem; color: #fff;}
.section1 .box12 .blue {background: #3298b7 url("/images/web/nts/sub/open_ico01.png") no-repeat 94% center;}
.section1 .box12 .green {background: #2ca48f url("/images/web/nts/sub/open_ico02.png") no-repeat 94% center;}
.section1 .box12 .purple {background: #627ad0 url("/images/web/nts/sub/open_ico03.png") no-repeat 94% center;}
.section1 .box12 > li > a h3 {margin-bottom: 0.5rem; font-size: 1rem;}
.section1 .box12 > li > a p {line-height: 1.2;}

.section3 {margin: 0.75rem 0 1rem;}
.section3 .container {position: relative;}
.section3 h3 {display: inline-block; margin-bottom: 0.75rem; padding-bottom: 0.5rem; font-size: 0.9rem; font-weight: 700; color: #000; border-bottom: 1px solid #043763;}
.section3 .h_txt {display: inline-block; margin-left: 1rem;}
.section3 .btnMore {width: 1.75rem; height: 1.75rem; line-height: 1.65rem; background: #fff; border-radius: 50%;}
.section3 .lstWrap {background: #fff; border: 1px solid #d6d6d6;}
.section3 .lst {overflow: hidden;}
.section3 .lst > li {float: left; padding: 1rem 1.5rem; width: 25%; height: 100%; border-left: 1px solid #d6d6d6;}
.section3 .lst > li:first-of-type {border-left: none;}
.section3 .lst > li .img {position: relative; margin-bottom: 0.75rem; height: 9rem; background: #000; overflow: hidden;}
.section3 .lst > li .img img {position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.section3 .lst > li .txt {height: 2.5rem; line-height: 1.6; overflow: hidden;}

/* ============ 2020.10.15. SEHYUN ============ */

/* 산업훈장 */
.award_wrap { padding-bottom:2.5rem; background-color:#f4f4f4; }
.award_wrap > .container { overflow:hidden; }

.award_wrap .aw_titbox { padding-top:3.75rem; padding-bottom:2.25rem; line-height:1.3; text-align:center; word-break:keep-all; word-wrap:break-word; }
.award_wrap .aw_titbox strong { display:inline-block; position:relative; padding-left:4.25rem; font-weight:600; font-size:1.3rem; letter-spacing:-0.05em; line-height:1.3; color:#022222; }
.award_wrap .aw_titbox strong:before { content:""; display:block; position:absolute; top:0; bottom:0; left:0; width:69px; height:69px; margin:auto 0; background:url("/images/web/nts/sub/award_mark.png") no-repeat; }
.award_wrap .aw_titbox .aw_skyblue { color:#1e97d4; }
.award_wrap .aw_titbox .aw_gold { color:#b6701a; }
.award_wrap .aw_titbox p { margin-top:0.5rem; font-weight:600; font-size:0.75rem; color:#444; }

.award_wrap div[class^="tab_st"] { margin-bottom:1.5rem; }
/* .award_wrap .tab_st1_box a:hover, */
.award_wrap .tab_st1_box li.on a,
/* .award_wrap .tab_st1_box.double .tab_st1 > li > a:hover, */
.award_wrap .tab_st1_box.double .tab_st1 > li.on > a { background-color:#043763; }
.award_wrap .tab_st1 > li:nth-of-type(4n+1):not(:first-child) > a { margin-left:-1px; }

.award_wrap .tab_st3_box a { background:#fff; }
.award_wrap .tab_st3 > li { width:14.2%; }

.award_wrap .tab_list { background:#fff; }
.award_wrap .tab_list > li { width:10%; }

.award_wrap .tab_st3.custom > li { width:calc(100% / 17); }
.award_wrap .tab_st3.custom li.on a { background:#fff url("/images/web/nts/sub/award_tab_arr.png") no-repeat 85% center; }

.award_wrap .aw_list { font-size:0; line-height:0; }
.award_wrap .aw_list > li { display:inline-block; width:30%; margin-bottom:1rem; font-size:0.75rem; line-height:1; vertical-align:top; }
.award_wrap .aw_list > li + li { margin-left:5%; }
.award_wrap .aw_list > li:nth-child(3n+1) { margin-left:0; }
.award_wrap .aw_list .aw_item { position:relative; height:215px; padding:1.1rem 1rem 1.1rem 170px; background-color:#fff; }
.award_wrap .aw_list .aw_imgbox { display:block; position:absolute; top:1.1rem; left:1rem; width:133px; height:170px; }
.award_wrap .aw_list .aw_imgbox img { width:100%; height:100%; }
.award_wrap .aw_name { display:inline-block; margin-top:0.25rem; font-weight:600; font-size:1.1rem; color:#004a8f; vertical-align:middle; }
.award_wrap .aw_list .aw_comp { margin-top:0.5rem; font-weight:600; font-size:0.7rem; line-height:1.2; color:#222; }
.award_wrap .aw_info { margin-top:1.5rem; font-weight:600; font-size:0.85rem; letter-spacing:-0.1em; line-height:1.2; color:#da3c47; }
.award_wrap .aw_info .aw_skyblue { color:#1c93d1; }
.award_wrap .aw_list .aw_btn { display:block; position:absolute; bottom:1.1rem; right:1rem; text-align:right; }

.award_wrap .aw_layerPop { display:none; position:fixed; top:0; left:0; width:100%; height:100vh; z-index:99; background:rgba(0,0,0,0.7); }
.award_wrap .aw_layerPop.active { display:block; }
.award_wrap .aw_layerPop > .inner { overflow-y:auto; position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:34.3rem; min-height:30.1rem; max-height:34rem; margin:0 auto; background-color:#fff; }
.award_wrap .aw_layerPop h2 { height:2.25rem; padding-left:1rem; background-color:#49769d; font-weight:600; font-size:0.9rem; line-height:2.25rem; color:#fff; }
.award_wrap .aw_layerPop .aw_titbox { padding:1.5rem 0 1.25rem 0; border-bottom:1px solid #b4b4b4; }
.award_wrap .aw_layerPop .aw_titbox strong { padding-left:3.5rem; font-size:1rem; }
.award_wrap .aw_layerPop .aw_titbox strong:before { width:54px; height:54px; margin:0; background-size:100% 100%; image-rendering:-webkit-optimize-contrast; }
.award_wrap .aw_layerPop .aw_titbox p { margin-top:0.25rem; }
.award_wrap .aw_layerTop { position:relative; padding:1.1rem 1rem 0 177px; }
.award_wrap .aw_layerTop .aw_imgbox { display:block; position:absolute; top:1.1rem; left:1rem; width:133px; height:170px; }
.award_wrap .aw_layerTop .aw_imgbox img { width:100%; height:100%; }
.award_wrap .aw_layerTop .aw_info { margin-top:0; margin-bottom:0.75rem; }
.award_wrap .aw_layerTop .aw_name { margin-top:0; }
.award_wrap .aw_layerTop .aw_comp { display:inline-block; margin-left:0.4rem; padding-left:0.4rem; border-left:1px solid #d1d1d1; font-weight:600; font-size:0.7rem; color:#222; vertical-align:middle; }
.award_wrap .aw_layerTop .aw_about { display:block; margin:1.15rem 0 0.65rem; font-size:0.85rem; font-weight:600; letter-spacing:-0.1em; color:#222; }
.award_wrap .aw_layerTop .aw_desc { font-size:0.7rem; font-weight:600; line-height:1.45; color:#444; }
.award_wrap .aw_layerTop .aw_btn { display:block; position:absolute; top:12.75rem; right:1rem; }
.award_wrap .aw_layerBottom { display:block; position:absolute; bottom:0; left:0; width:100%; height:auto; padding:1rem 1rem 1.5rem 1rem; background-color:#f0f1f5; letter-spacing:-0.08em; }
.award_wrap .aw_layerBottom h3 { margin-bottom:0.5rem; font-weight:600; font-size:0.85rem; color:#222; }
.award_wrap .aw_layerBottom p { font-weight:600; font-size:0.75rem; line-height:1.45; color:#555; }
.award_wrap .aw_LayerClose { display:block; position:absolute; top:0; right:0; width:2.25rem; height:2.25rem; background:#295f8e url("/images/web/nts/sub/award_close.png") no-repeat 50% 50%; }

/* 아름다운 납세자 */
.award_wrap .aw_titbox2 { margin:2.25rem 0 3.25rem; text-align:center; word-break:keep-all; word-wrap:break-word; }
.award_wrap .aw_titbox2 strong { display:block; font-weight:600; font-size:1.4rem; color:#012d5a; }
.award_wrap .aw_titbox2 .aw_gold { display:block; margin-bottom:0.5rem; font-size:0.8rem; font-weight:600; line-height:1.3; color:#b6701a; }
.award_wrap .aw_titbox2 .aw_skyblue { color:#0087bf; }
.award_wrap .aw_titbox2 p { margin-top:0.5rem; font-weight:600; line-height:1.3; }

.award_wrap .aw_sumr { margin:0.6rem 0; font-weight:600; font-size:0.8rem; color:#da3c47; }
.award_wrap .aw_sumrList > li { position:relative; padding-left:0.3rem; margin-bottom:0.3rem; font-weight:600; font-size:0.7rem; line-height:1.3; color:#444; }
.award_wrap .aw_sumrList > li:before { content:""; display:block; position:absolute; top:0.45rem; left:0; width:2px; height:2px; background-color:#646a7d; }

.award_wrap.type2 .aw_list .aw_item { height:auto; min-height:215px; }

/* 201119 추가 */
.select_year_box { margin-bottom:1rem; text-align:right; }
.select_year_box select { min-width:5rem; padding:0.2rem 0.5rem 0.2rem 0.5rem; border:1px solid #ccc; }

/* 2021.01.06. sehyun oh 추가 */
.addTr{margin-bottom: 3px !important; margin-left: 10px;}

@media screen and (max-width: 1440px) {
	/* 열린청장실 */
	.section1 .box2	img {position: absolute; top: 50%; left: 0; height: auto; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
}

@media screen and (max-width: 1400px){
	/* 배너 슬라이드 */
	.section2 .container {padding: 0 7.5rem 0 9rem;}
	.section2 .deco1 {left: 2rem;}
	.section2 .deco2 {right: 2rem;}

	/* 2020.10.06 SY,CHo 열린청장실 */
	.section1 .box12,
	.section3 .btnMore {right: 2rem;}
}

@media screen and (min-width: 768px) and (max-width: 1300px){
	/* 공지사항 */
	.tabStyle .notice h2 a {padding: 0 0.5rem; width: auto;}
	.notice .lstBox {padding: 1.5rem 1rem;}
}

@media screen and (max-width: 1280px){
	/* 2020. 12.17 sehyun oh 배너 */
	.section1 .box7 .lst > li > a { image-rendering:-webkit-optimize-contrast; }
	.section1 .box7 .lst > li:nth-of-type(1) > a,
	.section1 .box7 .lst > li:nth-of-type(2) > a,
	.section1 .box7 .lst > li:nth-of-type(3) > a,
	.section1 .box7 .lst > li:nth-of-type(4) > a { background-size:210px; }
	.section1 .box7 .lst > li > a > .mid br { display:none; }
	
	/* 2020.10.06 SY,CHo 열린청장실 */
	.section1 .box12,
	.section3 .btnMore {right: 1rem;}
	.section1 .box11 .btns {bottom: 4rem; right: 1rem;}
	.section1 .box11 .btn span {width: 4rem; height: 4rem; font-size: 0.8rem;}

	/* 산업훈장 */
	.award_wrap .aw_titbox { padding-top:1.7rem; padding-bottom:0.7rem; }

	.award_wrap div[class^="tab_st"] { margin-bottom:0.7rem; }
	.award_wrap .tab_st3.custom li.on a { background-position-x:97%; }
}

@media screen and (max-width: 1200px){
	/* 공지사항 */
	.notice .lstBox .lst {height: 6.5rem;}
	.notice .lstBox .lst > li {width: 100%;}
	.notice .lstBox .lst > li:nth-of-type(2n) {margin-left: 0;}
	.notice .lstBox .date {text-align: right;}

	/* 2020.10.06 SY,CHo 열린청장실 */
	.section1 .box11 .btns {bottom: 3rem;}

	/* 산업훈장 */
	.award_wrap .tab_list > li { width:12.5%; }

	.award_wrap .aw_list > li { width:31%; }
	.award_wrap .aw_list > li + li { margin-left:3.5%; }
	.award_wrap .aw_list .aw_item { height:185px; padding-left:150px; }
	.award_wrap .aw_list .aw_imgbox { width:113px; height:144px; }

	/* 아름다운 납세자 */
	.award_wrap.type2 .aw_list .aw_item { min-height:215px; }
}

/*복지이음추가*/
@media screen and (max-width: 1128px){
	.tabStyle h2 a{width:auto;padding:0 0.8rem;}
}	

@media screen and (max-width: 1024px){
	.section h2 {left: 0.85rem;}

	.section1 .conBox {margin-bottom: 0.65rem;}
	.section1 .box1 {width: 100%; height: auto; text-align: center; background: #fff;}
	.section1 .box1 .lst a img {width: 100%;}
	.section1 .box2	{margin-left: 0.8rem; width: calc(50% - 0.5rem); height: 11.5rem;}
	.section1 .box2	img {width: 100%; height: 100%;}
	.section1 .box3	{float: left; margin-left: 0; width: calc(50% - 0.5rem); height: 11.5rem;}
	.section1 .box4 {width: 100%;}
	.section1 .box5,
	.section1 .box6 {width: calc(50% - 0.335rem);}
	.section1 .box6 {margin-left: 0.8rem;}
	.section1 .box7 + .box7 {margin-bottom: 0;}

	/* 월별 세무 일정 */
	.section1 .box3 {padding: 2.5rem 1rem 1rem;}
	.section1 .calendar a,
	.section1 .calendar .day1 {font-weight: 400;}

	/* 자주 찾는 서비스, 공지사항 - 공통 */
	.tabStyle h2 {left: auto;}

	/* 세무 알림판 */
	#taxWrap .lst a img {width: 100%; height: 11.5rem;}

	/* 배너 */
	.section1 .box7,
	.section1 .box7 + .box7 {height: auto;}
	.section1 .box7 .lst > li:nth-of-type(1) > a {background: #229dc1;}
	.section1 .box7 .lst > li:nth-of-type(2) > a {background: #428bb4;}
	.section1 .box7 .lst > li:nth-of-type(3) > a {background: #5789be;}
	.section1 .box7 .lst > li:nth-of-type(4) > a {background: #16A3A7;}
	.section1 .box7 .lst > li > a,
	.section1 .box7 .lst.type2 > li > a {padding: 0.5rem 1rem; height: 2.25rem;}
	.section1 .box7 .lst > li > a > strong {display: block; text-align: center; font-size: 0.85rem;}
	.section1 .box7 .lst > li > a > em,
	.section1 .box7 .lst > li > a > span,
	.section1 .box7 .lst > li > a > strong br {display: none;}

	.section1 .box7 .lst.type2 > li:nth-of-type(1) > a {background: #e4e9f0;}
	.section1 .box7 .lst.type2 > li:nth-of-type(2) > a {background: #32973b;}
	.section1 .box7 .lst.type2 > li:nth-of-type(3) > a {background: #996a38;}
	.section1 .box7 .lst.type2 > li:nth-of-type(4) > a {background: #1793ff;}

	/* 배너 슬라이드 */
	.section2 .container {padding: 0 6.5rem 0 8rem;}
	.section2 .deco1 {left: 1rem;}
	.section2 .deco2 {right: 1rem;}
	.bannerLst .slick-slide a {padding: 0 1rem;}

	/* 2020.10.06 SY,CHo 열린청장실 */
	.section1 .box11 {width: 100%;}
	.section1 .box11 .btns {bottom: 4rem;}
	.section1 .box12 {position: static; top: auto; right: auto; width: 100%;}
	.section1 .box12 > li {position: static; top: auto; left: auto; float: left; display: inline-block; width: 33.333%; height: auto;}
	.section1 .box12 > li:nth-of-type(1) {top: auto;}
	.section1 .box12 > li > a {display: block; padding: 1.5rem 3rem 1.5rem 1rem;}

	.section3 .lst > li {padding: 1rem;}

	/* 산업훈장 */
	.award_wrap .aw_list .aw_item { height:auto; min-height:318px; padding-left:1rem; }
	.award_wrap .aw_list .aw_imgbox { position:relative; top:auto; left:auto; width:133px; height:170px; margin:0 auto 0.8333rem; }
	.award_wrap .aw_list .aw_btn { position:relative; bottom:auto; right:auto; margin-top:0.5556rem; text-align:center; }
}

@media (max-width: 960px) {
	/* 산업훈장 */
	.award_wrap .tab_list > li { width:16.66%; }
}

@media screen and (max-width: 900px){
	/* 2020.10.06 SY,CHo 열린청장실 */
	.section1 .box12 {margin-top: 0.5rem;}
	.section1 .box12 > li {width: 100%;}
	.section1 .box12 > li > a {padding: 1rem 3rem 1rem 1.5rem; background-size: auto 2rem !important;}

	.section3 .lst > li {width: 50%;}
	.section3 .lst > li:nth-of-type(2n+1) {clear: both; border-left: none;}
}

@media (max-width: 860px) {
	/* 아름다운 납세자 */
	.award_wrap.type2 .aw_list .aw_item { min-height:378px; }
}

@media screen and (max-width: 768px){

	/* 월별 세무 일정 */
	.section1 .box3 .lst {height: 5rem;}
	
	/* 배너 슬라이드 */
	.section2 .container {padding: 0 6rem 0 8.5rem;}
	.section2 .deco1 {left: 0.5rem;}
	.section2 .deco2 {right: 0.5rem;}
}

@media screen and (max-width: 767px){
	/*복지이음추가*/
	.tabStyle h2 a{padding:0 0.4rem;}
	.service .lstBox .lst > li > a p{word-break:break-all;}
	.section1 .conBox {float: none; margin-left: 0; width: 100%; height: auto;}

	/* 공통 */
	.section1 .bx-viewport {height: auto !important;}
	.section1 .bx-viewport img {height: auto !important;}

	/* 비주얼 */
	#visualWrap .wType {display: none;}
	#visualWrap .mType {display: inline-block;}
	.section1 .box1 .lst a img {height: 8.05rem;}

	/* 자주 찾는 서비스, 공지사항 - 공통 */
	.tabStyle h2 a {padding: 0 1rem; width: auto;}

	/* 자주 찾는 서비스 */
	.section1 .box4 {padding: 0; height: 12.2rem;}
	.section1 .box4 h2 {left: 0;}
	.service .lstBox .lst > li > a {font-size: 0.7rem;}
	.service .lstBox .lst > li > a:before {top: 0; margin-left: -0.825rem; width: 1.65rem; height: 1.65rem;}

	/* 월별 세무 일정 */
	.section1 .box3 {padding: 3.05rem 1rem 0.55rem; height: 12.2rem;}
	.section1 .calendar .day:not(.day1) {color: #fff;}
	.section1 .box3 .lst {height: 6rem;}

	/* 열린청장실 */
	.section1 .box2 {height: 4.5rem; border-bottom-right-radius: 1rem;}
	.section1 .box2 img { height:auto; }
	.section1 .box2 a {top: 0; right: 0; left: auto; padding-top: 0.9rem; width: 6rem; height: 100%; background:#d2efff; line-height: 1; font-size: 0.9rem; border-top-left-radius: 0; text-align: center;}
	.section1 .box2 a span {padding-bottom: 0; padding-right: 0; border-bottom: 0; background-position: center bottom; background-size: 25px 25px;}
	.section1 .box2 a span:after { top: 1.7rem;left: 0;right: 0; margin: 0 auto; }

	/* 공지사항 */
	.section1 .box5	{margin-top: 0.65rem; height: 13rem;}
	.notice:before {height: 2.25rem;}
	.notice h2 a {height: 2.25rem; line-height: 2.25rem;}
	.notice h2 a.active span:after {top: 0.45rem;}
	.notice .lstBox {padding: 1.15rem 1rem;}
	.notice .lstBox .lst {height: 9.15rem;}
	.notice .lstBox .lst > li > a {height: 1.35rem; line-height: 1.35rem;}
	.notice .lstBox .lst > li > a > em {line-height: calc(1.35rem - 2px);}

	/* 배너 슬라이드 */
	.section2 {padding: 0.5rem 0;}
	.section2 .container {padding: 3rem 0.5rem 0;}
	.section2 .container:after {position: absolute; top: 2.5rem; left: 0; width: 100%; height: 1px; background: #dbdbdb; content: "";}
	.section2 .deco1 {left: auto; right: 50%; margin-right: 2rem;}
	.section2 .deco2 {left: 50%; margin-left: 2rem;}

	/* 2020.10.06 SY,CHo 열린청장실 */
	.section1 .box11 .btns {position: static; right: auto; bottom: auto; margin-top: 0.5rem;}
	.section1 .box11 .btn {width: calc(50% - 0.25rem); border-radius: 0;}
	.section1 .box11 .green {margin-left: 0.5rem;}
	.section1 .box11 .btn span {width: 100%; height: 2.5rem;}
	.section1 .box11 .green span br {display: none;}

	/* 배너 */
	.section1 .box7 .lst > li {width: calc(50% - 0.325rem);}
	.section1 .box7 .lst > li + li {margin-left: 0.64rem;}
	.section1 .box7 .lst > li:nth-of-type(2n+1) {margin-left: 0;}
	.section1 .box7 .lst > li:nth-of-type(n+3) {margin-top: 0.5rem;}
	.section1 .box7 .lst > li > a,
	.section1 .box7 .lst.type2 > li > a {padding: 0.75rem 0.25rem; height: 2.5rem;}
	.section1 .box7 .lst > li > a > strong {font-size: 0.75rem;}

	/* 산업훈장 */
	.award_wrap .aw_titbox { padding-top:1.6rem; text-align:left; }
	.award_wrap .aw_titbox p { padding-left:4.25rem; }

	.award_wrap .aw_layerPop > .inner { width:95%; }
	.award_wrap .aw_layerPop .aw_titbox { padding-left:1rem; }
	.award_wrap .aw_layerPop .aw_titbox p { padding-left:3.5rem; }
}

@media (max-width: 680px) {
	/* 산업훈장 */
	.award_wrap .tab_list > li { width:25%; }
}

@media (max-width: 640px) {
	/* 산업훈장 */
	.award_wrap .aw_list > li { width:48%; }
	.award_wrap .aw_list > li:nth-child(3n+1) { margin-left:4%; }
	.award_wrap .aw_list > li:nth-child(odd) { margin-left:0; }

	.award_wrap .aw_layerTop { padding-left:1rem; }
	.award_wrap .aw_layerTop .aw_imgbox { position:relative; top:auto; left:auto; margin:0 auto 1.1rem ; }
	.award_wrap .aw_layerTop .aw_btn { position:relative; top:auto; right:auto; margin:0.5rem 0; }
	.award_wrap .aw_layerBottom { position:relative; bottom:auto; left:auto; }

	/* 아름다운 납세자 */
	.award_wrap.type2 .aw_list .aw_item { min-height:366px; }
}

@media screen and (max-width: 600px){
}

@media (max-width: 560px) {
	.tabStyle h2 a {padding: 0 0.8rem; font-size: 0.7rem; min-width:3rem;}
	/* 산업훈장 */
	.award_wrap .tab_list { overflow-y:auto; max-height:11.2rem; }
	.award_wrap .aw_titbox { padding-top:1.3rem; }
}

@media screen and (max-width: 480px){
	/* 자주 찾는 서비스, 공지사항 - 공통 */
	.tabStyle h2 a {padding: 0 0.5rem; font-size: 0.7rem;}
	.tabStyle .service .lstBox:nth-of-type(2) .btnMore,
	.tabStyle .service .lstBox:nth-of-type(3) .btnMore,
	.tabStyle .service .lstBox:nth-of-type(4) .btnMore {display: inline-block;}
	/*복지이음추가*/

	/* 자주 찾는 서비스 */
	.service .lstBox .lst > li {width: 33.333%;}

	/* 공지사항 */
	.notice h2 a.active span:after {top: 0.6rem; background-size: 60%;}
	.notice .lstBox .lst > li > a {padding-right: 0;}
	.notice .lstBox .date {display: none;}

	/* 2020.10.06 SY,CHo 열린청장실 */
	.section3 .lst > li {padding: 0.75rem; width: 100%; border-left: none;}
	.section3 .lst > li .txt {height: auto;}

	/* 산업훈장 */
	.award_wrap .tab_list > li { width:50%; }

	/* 아름다운 납세자 */
	.award_wrap.type2 .aw_list .aw_item { min-height:390px; }
}

/*복지이음추가*/
@media screen and (max-width: 480px){
	.tabStyle h2 a {display: table; padding: 0 0.7rem; line-height: normal;/*  max-width: 5rem; */ font-size: 0.65rem; word-break: keep-all;}
	.tabStyle h2 a span {display: table-cell; vertical-align: middle;}
}	
@media (max-width: 380px) {
	.tabStyle h2 a{min-width:auto;}
	/* 열린청장실 */
	.section1 .box2	img {top:auto; bottom: 0; transform: none; -webkit-transform: none;}
	
	/* 산업훈장 */
	.award_wrap .aw_list .aw_item { min-height:290px; padding-left:0.5rem; padding-right:0.5rem; }
	.award_wrap .aw_list .aw_imgbox { width:100px; height:128px; }
	.award_wrap .aw_list .aw_name { font-size:1.05rem; }
	.award_wrap .aw_list .aw_info { margin-top:0.8rem; font-size:0.8rem; }
	.award_wrap .aw_list .aw_btn a { width:100%; }

	.award_wrap .aw_layerTop .aw_imgbox { width:100px; height:128px; }

	/* 아름다운 납세자 */
	.award_wrap.type2 .aw_list .aw_item { min-height:356px; }
}

@media screen and (max-width: 360px){
	/* 자주 찾는 서비스, 공지사항 - 공통 */
	.tabStyle h2 a {display: table; padding: 0 0.4rem; line-height: normal; /* max-width: 4rem; */ font-size: 0.6rem; word-break: keep-all;}
	.tabStyle h2 a span {display: table-cell; vertical-align: middle;}
	/* 배너 슬라이드 */
	.section2 .deco1 {margin-right: 1.25rem;}
	.section2 .deco2 {margin-left: 1.25rem;}
}

@media (max-width: 320px) {


	/* 공지사항 */
	.notice h2 a.active span {padding-right: 0;}
	.notice h2 a.active span:after {display: none;}

	/* 배너 */
	.section1 .box7 .lst > li > a > strong {font-size: 0.65rem;}
	.section1 .box7 .lst > li:nth-of-type(2) > a img {width: 35px;}

	/* 산업훈장 */
	.award_wrap .aw_titbox { padding-top:0.7rem; }
	.award_wrap .aw_titbox strong { padding-left:0; }
	.award_wrap .aw_titbox strong:before { position:static; margin:0 auto 0.7rem; }
	.award_wrap .aw_titbox p { padding-left:0; }

	.award_wrap .aw_layerPop .aw_titbox strong,
	.award_wrap .aw_layerPop .aw_titbox p { padding-left:0; }
	.award_wrap .aw_layerPop .aw_titbox strong:before { margin:0 auto 0.7rem; }
}

@media screen and (max-width: 280px){
	/* 자주 찾는 서비스 */
	.service .lstBox .lst > li {width: 50%;}
}

/* 2021.1.6. SY,CHo 반응형 장치에서 페이지 로드시 비주얼 슬라이드 이미지 오버랩 현상 보완용 */
@media screen and (width: 280px){
	#visualWrap {height: 108px; overflow: hidden;}/*갤럭시 fold*/
}
@media screen and (width: 320px){
	#visualWrap {height: 125px; overflow: hidden;}
}
@media screen and (width: 360px){
	#visualWrap {height: 141px; overflow: hidden;}
}
@media screen and (width: 375px){
	#visualWrap {height: 148px; overflow: hidden;}
}
@media screen and (width: 380px){
	#visualWrap {height: 150px; overflow: hidden;}
}
@media screen and (width: 412px){
	#visualWrap {height: 163px; overflow: hidden;}/*갤럭시S10+*/
}
@media screen and (width: 414px){
	#visualWrap {height: 164px; overflow: hidden;}
}
@media screen and (width: 425px){
	#visualWrap {height: 168px; overflow: hidden;}
}
@media screen and (width: 480px){
	#visualWrap {height: 191px; overflow: hidden;}
}


.layerPopupDiv{position:absolute;z-index:9;}
.layerPopupCntDiv{background:#fff; padding:0.3rem; border:3px solid #c5c5c5;}
.layerPopupCntDiv .popupTit{padding:5px; border:1px solid #000; border-radius: 5px; background:#3b568f; color:#fff;}
.layerPopupCntDiv .popupCnt{padding:0 13px 0 13px;}
@media screen and (max-width: 680px){
	.layerPopupDiv{width:100% !important; height:100% !important; position:fixed; top:0px !important; left:0px !important; background:#0009; padding:0 3% 0 3%;}
	.layerPopupDiv .layerPopupCntDiv{width:100% !important; height:auto !important; margin-top : 50px;}
	.layerPopupCntDiv .popupCnt{width:100% !important; height:auto !important;}
}