@charset "utf-8";

/*** 기존페이지 css 수정 ***/
.btn_move,
.btn_move:hover,
.btn_move:focus {color:#fff;}
.btn .btnDown {margin-top:0;}
a.btnDown:after {
    content: '';
    position: absolute;
    top: 13px;
    right: 20px;
    width: 18px;
    height: 13px;
    background: url(../images/sub/icon_down.png) no-repeat 0 0;
}
.police-whitebook a.btnDown:after {display:block !important;}
.btnDown.type03.newposi:after {background-position:0 0;}
table.tabType05.tabType05-mod1 {border:1px solid #ccc; border-top:none;}
.tabType05.tabType05-mod1 tbody td {padding:15px; border-left:none; border-right:1px solid #ccc; border-top:1px dashed #ccc; /*border-bottom:none;*/ background:#fff; text-align:left; vertical-align:top;}
.tabType05.tabType05-mod1 tbody tr:first-child td {border-top:none;}
.tabType05.tabType05-mod1 .order-rank li {position:relative; display:inline-block; padding-left:6px;}
.tabType05.tabType05-mod1 .order-rank li:before {content:''; position:absolute; top:49%; left:0; display:block; width:6px; height:1px; background-color:#496b86;}
.tabType05.tabType05-mod1 .order-rank li span,
.tabType05.tabType05-mod1 .order-rank li a {float:left; display:inline-block; padding:10px; margin:3px 0; border-radius:3px; border:1px solid #496b86; background-color:#fff; color:#454545; text-decoration:none;}
.tabType05.tabType05-mod1 .order-rank li a span {float:none; padding:0; margin:0;}
.tabType05.tabType05-mod1 .order-rank li a[href]:after {content:""; display:inline-block; width:18px; height:15px; background:url(../images/ico_popup.png) no-repeat center 1px; vertical-align:middle;}
.tabType05.tabType05-mod1 .order-rank li ul {display:inline-block;}
.tabType05.tabType05-mod1 .order-rank li ul li {float:left;}
.tabType05.tabType05-mod1 .order-rank>li {margin-right:10px;}
.tabType05.tabType05-mod1 .order-rank>li:before {display:none;}
.tabType05.tabType05-mod1 .order-rank>li>span,
.tabType05.tabType05-mod1 .order-rank>li>a {padding:10px; border:none; background-color:#405a73; color:#fff;}
.tabType05.tabType05-mod1 .order-rank>li>a>span {border:none; background-color:transparent;color:#fff;}
.tabType05.tabType05-mod1 .order-rank>li>a[href]:after {background:url(../images/ico_popup_white.png) no-repeat center 1px;}
.tabType05.tabType05-mod1 .order-rank li.chief>span,
.tabType05.tabType05-mod1 .order-rank li.chief>a {background-color:#006175;}
.tabType05.tabType05-mod1 .order-rank li.chief li span,
.tabType05.tabType05-mod1 .order-rank li.chief li a {border:none; background-color:#674e2d; color:#fff;}
.tabType05.tabType05-mod1 .order-rank li.sub-chief>span,
.tabType05.tabType05-mod1 .order-rank li.sub-chief>a {background-color:#00479d;}
.tabType05.tabType05-mod1 .order-rank li.sub-chief li span,
.tabType05.tabType05-mod1 .order-rank li.sub-chief li a {border:none; background-color:#4b6a87; color:#fff;}
.tabType05.tabType05-mod1 .order-rank li.chief li a[href]:after,
.tabType05.tabType05-mod1 .order-rank li.sub-chief li a[href]:after {background:url(../images/ico_popup_white.png) no-repeat center 1px;}
.tabType05.tabType05-mod1 .order-rank li.bureau>a {background-color:#4a5359;}
.contents .infographic {margin-top:0;}
.contents .quad {margin-top:50px; margin-bottom:20px; color:#333; font-family:'NotoSansM'; font-size:26px; letter-spacing:-1px; padding-left:30px; position:relative; line-height:1;}
.contents .quad:first-child {margin-top:0;}
.contents .quad:before {content:""; position:absolute; top:4px; left:0; display:block; width:20px; height:20px; background:url(../images/sub/icons.png) no-repeat -162px -434px;}
.contents .bdr_01.memorial-reply .quad {padding-top:0;}
.contents .bdr_01.memorial-reply .quad.fl {margin-top:5px; margin-bottom:5px;}
.contents .bdr_01.memorial-reply .fr {line-height:inherit;}
.contents .bdr_01.memorial-reply .fr span {margin-right:5px;}
.contents .sub_contents h2 + .con,
.contents .sub_contents .quad + .con {padding-top:15px;}
.contents .sub_contents .con .open_wrap_main {margin-top:40px; margin-bottom:40px;}
.contents .sub_contents .con .open_wrap_main .op_tit {margin-top:10px; margin-bottom:10px;}
.contents .sub_contents .con .open_wrap_main .op_con {margin-top:10px; margin-bottom:10px;}
.contents .sub_contents .con .open_wrap_main .op_con + .op_tit {margin-top:40px;}
.contents .sub_contents .con .open_wrap_main .op_con .op_wrap_sub2 {padding-top:0; padding-bottom:0; margin-top:20px; margin-bottom:20px;}
.contents .sub_contents .con .open_wrap_main .op_con .op_wrap_sub2 .op_cn_sb2 {margin-top:10px; margin-bottom:10px;}
.contents .sub_contents .con .open_wrap_main .open_wrap_sub {margin-top:20px; margin-bottom:20px;}
.contents .sub_contents .con .open_wrap_main .op_con .open_wrap_sub .op_tt_sb {margin-top:10px; margin-bottom:10px;}
.contents .sub_contents .con .open_wrap_main .op_con .open_wrap_sub .op_tt_sb:before {top:10px;}
.contents .sub_contents .con .open_wrap_main .op_con .open_wrap_sub .op_cn_sb {margin-top:10px; margin-bottom:10px;}
.contents .sub_contents .con .open_wrap_main .op_con .open_wrap_sub .op_cn_sb + .op_tt_sb {margin-top:20px;}
.contents .change_sec02 .list li {margin:0 10px;}
.change_sec02 .list li a {width:120px;}
.contents .change_sec02 .list li a[target=_blank] span:after {content:""; display:inline-block; width:18px; height:18px; background:url(../images/ico_popup.png) no-repeat center 3px; vertical-align:middle;}
.contents .guide_area {display:table-cell; padding:0 50px; margin-top:0; border:4px solid #eee; border-top-width:2px; border-bottom-width:2px; box-sizing:content-box; vertical-align:middle;}
.contents .guide_area + .pd30 {margin-top:30px; margin-bottom:30px; border:1px solid #d5d5d5;}
.contents .sub_contents .con .progress_wrap .progress {background-color:#fff; line-height:56px;}
.contents .jyss_wrap {padding:0; margin-top:30px;}
.contents .jyss_wrap:first-child {margin-top:0; margin-bottom:30px;}
.contents .jyss_wrap dl dd {width:700px; white-space:normal; word-break:keep-all; word-wrap:break-word;}
.contents .accorWarp,
.contents .accorWarp2 {margin-top:30px; margin-bottom:30px;}
.contents .accorItem .question.num h2:before {display:none;}
.contents .accorItem .question a {padding:21px 0;}
.contents .accorItem .question.num h2:after {cursor:pointer;}
.contents .accorItem .answer .listWrap2 {margin:0;}
.contents .answer > ul > li {margin-top:15px; margin-bottom:0;}
.contents .answer > ul > li:first-child {margin-top:0;}
.contents .accorItem .answer .jb_wrap dt {width:280px; margin:0;}
.contents .accorItem .answer .jb_wrap dt .pic {position:relative; width:100%; padding:0; overflow:hidden;}
.contents .accorItem .answer .jb_wrap dt .pic img {position:absolute; top:0; left:0; width:100%; height:100%; padding:0;}
.contents .accorItem .answer .jb_wrap dd {float:right; width:calc(100% - 280px - 30px); padding:0; margin:0;}
.contents .accorWarp2 .tabTopArea {padding-top:7px; margin-top:0; margin-bottom:10px;}
.contents .accorWarp2 .bl_type01 {min-height:64px; height:auto; padding:12px 30px; overflow:hidden;}
.contents .accorWarp2 ol.bl_type01_txt > li {width:100%; min-height:64px; padding:10px 30px; line-height:36px; overflow:hidden;}
.contents .accorWarp2 ol.bl_type01_txt > li a {float:right;}
.contents .accorWarp2 ol.bl_type01_txt dl {padding-top:0; margin:20px 0;}
.contents .accorWarp2 .btnDown.type02 {float:right; margin-top:0; margin-left:5px;}
.contents .accorWarp2 .bl_type01 > h3 {position:absolute; top:50%; left:30px; padding-left:25px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); line-height:inherit;}
.accorWarp2 .bl_type01 > h3 > span {top:50%; left:0; margin-top:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.contents .accorWarp2 a {display:inline-block;}
.contents .tabType05 thead tr th,
.contents .tabType05 thead tr td,
.contents .tabType05 tbody tr th,
.contents .tabType05 tbody tr td,
.contents .tabType08 thead tr th,
.contents .tabType08 thead tr td,
.contents .tabType08 tbody tr th,
.contents .tabType08 tbody tr td {height:43px; font-size:15px; line-height:inherit; vertical-align:middle;}
.contents .tabType09 thead th,
.contents .tabType09 thead td,
.contents .tabType09 tbody th,
.contents .tabType09 tbody td {height:43px; font-size:15px; line-height:inherit;}
.contents .tabType09 tbody td:last-child {border-top:0;}
.contents .tabType09 tbody td.td_center,
.contents .tabType09 p,
.contents .tabType09 .lineList ul li {font-size:15px;}
.contents .listWarp,
.contents .listWrap,
.contents .listWrap2 {margin-top:30px; margin-bottom:30px;}
.contents .accorWarp + .listWrap2 {/* margin-top:30px; */}
.contents .ui-has-breadcrumb + .row .bg_type.image05 .quad:first-child {margin-top:0;}
.contents .bg_type.image05 {width:auto; height:auto; padding:40px 60px; border:1px solid #e0e0e0;}
.contents .bg_type.image05 p {height:auto; padding-left:0; margin:20px 0;}
.contents .handbook .bg_type.image05 {height:350px; padding:40px 60px; background:url(../images/contents/info_claim_img.png) no-repeat right 0; background-size:auto 100%;}
.contents .handbook .bg_type.image05 p {width:600px; height:auto; padding-left:0; margin:20px 0; color:#383838; white-space:normal; word-break:keep-all; word-wrap:break-word;}
.contents .handbook .bg_type.image05 a.btn {margin:10px 3px 0;}
.contents .handbook .bg_type.image05 a.btn:first-of-type {margin-left:0;}
.contents .conSearch {border-bottom-width:1px;}
.contents legend:first-child + .conSearch,
.contents .conSearch:first-child {margin-top:0;}
.contents .bsearchArea span {padding-right:15px;}
.contents .listWrap2.mt50 {margin-top:30px !important;}
.contents .txtbox_type01 > section {margin-bottom:30px;}
.contents .ui-has-breadcrumb + .row .quad:first-child {margin-top:30px;}
.contents .ui-has-breadcrumb + .row .clear.mt60 .quad:first-child {margin-top:0;}
.contents .sub_contents .con .sub_aside_1 {margin-bottom:30px;}
.contents .sub_contents .con .progress_wrap {margin-bottom:30px;}
.contents .sub_contents .con .memTable {margin-bottom:30px;}
.contents .podol_sec01 {margin:30px 0;}
.contents .mapw .box-wrap h4 {padding-left:70px; background-position:0 0;}
.contents .mapw .box-wrap h4.car {display:none;}
.contents .mapw .box-wrap ul.type1,
.contents .mapw .box-wrap ul.type2,
.contents .mapw .box-wrap ul.type3 {padding-left:0; margin-bottom:10px;}
.contents .mapw .box-wrap ul.type1 li {width:360px; margin:0 5px;}
.contents .mapw .box-wrap ul.type1 li:nth-child(2) {width:calc(100% - 360px - 360px - 30px);}
.contents .mapw .box-wrap ul.type1 li dl dd {float:none; width:auto; white-space:normal; word-break:keep-all; word-wrap:break-word;}
.contents .mapw .box-wrap ul.type2 li {width:50%;}
.contents .mapw .box-wrap ul.type3 {padding-left:70px; border-top:none; background-position:0 3px;}
.contents .mapw .box-wrap ul.type3 li {width:50%;}
.contents .mapw .box-wrap h5.title {margin-top:30px; margin-left:0;}
.contents .mapw .box-wrap ul.txt li {padding-left:0;}
.contents .mapw .box-wrap ul.txt li:last-child {margin-bottom:0;}
.contents .box-wrap .txt_area {padding-left:0; margin-bottom:0;}
.contents .quad +  .box-wrap {margin-top:15px;}
.contents .box-wrap .txt_area h4.title,
.contents .box-wrap .txt_area p {white-space:normal; word-break:keep-all; word-wrap:break-word;}
.contents .box-wrap .txt_area p + h4.title {margin-top:20px;}
.contents .tabType08 table {width:100%;}
.contents .smark_wrap li .btmw {height:auto;}
.contents .smark_wrap li .btmw .btm {padding:5px 0;}
.contents .smark_wrap li .btmw .btm p {margin:20px 0;}
.answerArea dt .author {padding-left:0;}
.contents .answerArea dt .author:before {position:relative; display:inline-block; vertical-align:middle;}
.contents .bbsCode {display:none;}

/* 목표(비젼) */
.vision {height:976px; /*background-size:100% auto;*/ background-position: center center;}
.vision .pageimg {text-align: center; margin-top: 50px;}

/*** 추모관 ***/
.contents .memorial-visual {height:147px; margin-bottom:30px; background:url(../images/contents/memorial_visual.png) no-repeat 0 0; background-size:100% auto; text-indent:-9999px;}
.contents .memorial-list li {width:285px; height:272px; margin-left:20px;}
.contents .memorial-list li:nth-of-type(3n+1) {margin-left:20px;}
.contents .memorial-list li:nth-of-type(4n+1) {margin-left:0;}
.contents .memorial-list li .inner {padding:0; border-top:none;}
.contents .memorial-list li .pic {display:block; height:201px; padding-top:25px; background:url(../images/contents/memorial_bg1.png) no-repeat 0 -40px;}
.contents .memorial-list li .pic:after {display:none;}
.contents .memorial-list li .pic .frame {width:136px; height:157px; padding-top:22px; margin:0 auto; background:url(../images/contents/memorial_frame1.png) no-repeat 0 0; box-shadow:5px 5px 10px rgba(0,0,0,.4);}
.contents .memorial-list li .img {position:relative; display:block; width:90px; height:112px; margin:0 auto;}
.contents .memorial-list li .img:after {display:none;}
.contents .memorial-list.imgAutoFit li .img.ui-portrait img {top:0; -webkit-transform:none; -moz-transform:none; -o-transform:none; -ms-transform:none; transform:none;}
.contents .memorial-list li .list-info {margin-top:9px;}
.contents .memorial-list li .list-info,
.contents .memorial-list li .list-info + .subject {padding-left:15px; text-align:left;}
.contents .memorial-list li .list-info .date {position:absolute; bottom:14px; right:14px; font-size:13px;}
.contents .memorial-list li .list-info .department {font-size:14px; color:#555;}
.contents .memorial-view {margin-top:30px; text-align:left;}
.contents .memorial-view .inner {padding:29px 36px 55px; border:1px solid #e2e2e2; border-top:none;}
.contents .memorial-view .inner:after {content:''; display:block; clear:both;}
.contents .memorial-view .slide-list {position:relative; width:340px; height:308px; padding-top:18px; background:url(../images/contents/memorial_bg2.png) no-repeat center 0;}
.contents .memorial-view .slide-list ul:not(.slick-dots) {width:232px; height:271px; padding-top:44px; margin:0 auto; background:url(../images/contents/memorial_frame2.png) no-repeat 0 0;}
.contents .memorial-view .slide-list li a {position:relative; display:block; width:142px; height:182px; margin:0 auto;}
.contents .memorial-view .slide-list li .img img {position:absolute; top:50%; display:block; width:100%; height:auto; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
.contents .memorial-view .slide-list li .img.ui-landscape img {top:0; display:block; width:auto; height:100%; -webkit-transform:translate(-50%, 0); -moz-transform:translate(-50%, 0); -o-transform:translate(-50%, 0); -ms-transform:translate(-50%, 0); transform:translate(-50%, 0);}
.contents .memorial-view .slide-list .slick-arrow {position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:50px; height:50px; border:none; background-color:transparent; background:url(../images/page_nav_white.png) no-repeat 0 center; text-indent:-9999px;}
.contents .memorial-view .slide-list .slick-arrow.slick-prev {left:-150px;}
.contents .memorial-view .slide-list .slick-arrow.slick-next {right:-150px; background-position:right center;}
.contents .memorial-view .slide-list .slick-dots {position:absolute; left:50%; bottom:-50px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%);}
.contents .memorial-view .slide-list .slick-dots li {display:inline-block; width:13px; height:13px; margin:0 3px; vertical-align:middle; overflow:hidden;}
.contents .memorial-view .slide-list .slick-dots li button {position:relative; width:100%; height:100%; border-radius:100%; border:none; background-color:#b1b5bf; text-indent:-9999px;}
.contents .memorial-view .slide-list .slick-dots li.slick-active button {background-color:#7b7e85;}
.contents .memorial-detail .memorial-gravestone {position:relative; width:264px; height:308px; margin-left:10px; background:url(../images/contents/memorial_gravestone.jpg) center 0 no-repeat;}
.contents .memorial-detail .memorial-gravestone dl {position:absolute; top:50%; left:50%; width:30px; transform:translate(-50%, -50%); font-family:'NanumMyeongjo'; font-size:18px; font-weight:bold; text-align:center;}
.contents .memorial-detail .memorial-gravestone dt {max-height:80px; line-height:1.2; overflow:hidden;}
.contents .memorial-detail .memorial-gravestone dd {margin-top:7px; font-family:'NanumMyeongjoB'; font-size:34px; line-height:1.4;}
.contents .memorial-detail.active .memorial-gravestone .insert-div:before {content:''; display:block; width:91px; height:170px; background:url(../images/contents/memorial_gravestone_flower.png) 0 0 no-repeat; position:absolute; bottom:0; left:17px; z-index:2;}
.contents .memorial-detail.active2 .memorial-gravestone .insert-div:after {content:''; display:block; width:187px; height:140px; background:url(../images/contents/memorial_gravestone_thurible.png) 0 0 no-repeat; position:absolute; bottom:0; right:0; z-index:2;}
.contents .memorial-view .memorial-detail .pull-right {width:calc(100% - 614px - 36px);}
.contents .memorial-view .memorial-detail {border-top:1px solid #333;}
.contents .memorial-view .memorial-info>dt {padding-bottom:8px; border-bottom:1px solid #333; font-family:'NotoSansR'; font-size:34px; color:#282828; line-height:1.4; letter-spacing:-1px;}
.contents .memorial-view .memorial-info>dd {padding:10px 0; border-bottom:1px solid #ccc; text-align:left;}
.contents .memorial-view .memorial-info>dd dl:after {content:''; display:block; clear:both;}
.contents .memorial-view .memorial-info>dd dt,
.contents .memorial-view .memorial-info>dd dd {display:inline-block; float:left; width:90px; padding:3px 10px 3px 0; font-size:14px; line-height:1.4;}
.contents .memorial-view .memorial-info>dd dt {}
.contents .memorial-view .memorial-info>dd dd {width:calc(100% - 90px); padding-right:15px; color:#414141; white-space:normal; word-break:keep-all; word-wrap:break-word;}
.contents .memorial-view .memorial-detail .inner {position:relative;}
.contents .memorial-view .memorial-detail .btn-group {width:100%; text-align:center;}
.contents .memorial-view .memorial-detail .btn-group button,
.contents .memorial-view .memorial-detail .btn-group .btn {float:none; margin-top:25px;}
.contents .memorial-view .memorial-reply {padding:26px 27px; border:4px solid #bfdfff;}
.contents .memorial-view .memorial-reply .description {margin-bottom:18px;}
.contents .memorial-view .memorial-reply .grid-view {margin-top:30px;}
.contents .memorial-view .memorial-reply-list {border-top:1px solid #333;}
.contents .memorial-view .memorial-reply-list li {position:relative; min-height:142px; padding:27px 27px 31px; border-bottom:1px solid #ddd;}
.contents .memorial-view .memorial-reply-list li .writter {display:inline-block; font-family:'NotoSansM'; font-size:16px;}
.contents .memorial-view .memorial-reply-list li .date {display:inline-block; margin-left:10px; color:#414141;}
.contents .memorial-view .memorial-reply-list li .subject {margin-top:15px;}
.contents .memorial-view .memorial-reply-list li .message {color:#414141;}
.contents .memorial-view .memorial-reply-list li .btn-group {position:absolute; top:25px; right:10px;}
.contents .memorial-view .memorial-reply-list li .btn-group .btn {min-width:66px; height:34px; padding:5px 10px; border-radius:34px; color:#414141;}
#opCmntListDiv .memorial-view {margin-top:0;}
#opCmntListDiv .memorial-view .memorial-reply-list {border-top:0;}
#opCmntListDiv .memorial-view .memorial-reply-list ul.manager {background-color:#f0f3f8}
#opCmntListDiv .memorial-view .memorial-reply-list ul.manager .title {color:#04264c}
.contents .certifilist:first-child {margin:30px 0;}
.contents .view_w {margin-top:30px;}
.memo-list{
	position: relative;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    background:url(../images/sub/tombstone.jpg) no-repeat;
    background-size:cover;
}
.memo-list dl{
	position: absolute;
    top: 43%;
    left: 50%;
    width: 30px;
    transform: translate(-50%, -50%);
    font-family: '궁서';
    font-size: 8px;
    font-weight: normal;
    text-align: center;
    color:#fff;
    padding-left:5px;
}
.memo-list > dl > dt{
	max-height: 80px;
    line-height: 1.2;
    overflow: hidden;
}
.memo-list > dl > dd{	 
    line-height: 1.4;
    padding:5px 8px !important;
}
.memo-view{
	position: relative;
    display: block;
    width: 142px;
    height: 182px;
    margin: 0 auto;
    background:url(../images/sub/tombstone.jpg) no-repeat;
    background-size:cover;
}
.memo-view dl{
	position: absolute;
    top: 42%;
    left: 50%;
    width: 50px;
    transform: translate(-40%, -50%);
    font-family: '궁서';
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color:#fff;
}
.memo-view > dl > dt{
	max-height: 80px;
    line-height: 1.2;
    overflow: hidden;
    font-size:10px;
    font-weight:normal;
}
.memo-view > dl > dd{
	margin-top: 7px; 
    line-height: 1.4;
    padding:4px  18px !important;
}
/*** 적극행정 ***/
.contents .active-admin section {margin-top:45px; counter-reset:list-counter;}
.contents .active-admin section:first-child {margin-top:15px;}
.contents .active-admin section .inner {padding:0 10px;}
.contents .active-admin section h2 {margin-bottom:30px;}
.contents .active-admin section .inner>h3 {margin:35px 0 25px; font-family:'NotoSansM'; font-size:20px; color:#333;}
.contents .active-admin section .inner>h3:before {counter-increment:list-counter; content:counter(list-counter); display:inline-block; width:21px; height:19px; margin-right:10px; background-color:#116f96; font-size:12px; color:#fff; line-height:19px; text-align:center; vertical-align:middle;}
.contents .active-admin p {margin:15px 0; padding:0;}
.contents .active-admin section img {max-width:100%;}
.contents .active-admin .box-wrap {margin:10px 0; padding:25px; font-size:15px; color:#454545;}
.contents .active-admin .layer-title + .box-wrap {margin-top:30px;}
.contents .active-admin .box-wrap ul li {position:relative; margin:12px 0; padding-left:11px; word-break:keep-all; word-wrap:break-word;}
.contents .active-admin .box-wrap ul>li:before {content:'·'; display:inline-block; position:absolute; top:0; left:0;}
.contents .active-admin .box-wrap li li {padding-left:2px;}
.contents .active-admin .box-wrap ol>li:before {display:none;}
.contents .active-admin dl {margin:0 5px;}
.contents .active-admin dl>dt {margin:20px 0; padding-left:10px; font-family:'NotoSansM'; color:#444; background:url(../images/blt4.png) no-repeat 0 7px;}
.contents .active-admin dl>dd {position:relative; margin:12px 0; margin-left:10px; padding-left:10px; font-size:15px; color:#454545;}
.contents .active-admin dl>dd:before {content:'-'; display:inline-block; position:absolute; top:0; left:0;}
.contents .active-admin dl dd.box-wrap {margin-left:0; padding:15px 25px;}
.contents .active-admin dl dd.box-wrap:before {display:none;}
.contents .active-admin dl dd.box-wrap ul li {display:inline-block; width:48%; margin:7px 0;}
.contents .best-official .gallery-list li .official-list {position:relative; margin:-15px -15px 0; background:url(../images/sub/active_admin_bg.jpg) no-repeat 0 0; background-size:100% 100%;}
.contents .best-official .gallery-list li .official-list:before {content:''; display:block; position:absolute; top:15px; right:15px; bottom:15px; left:15px; border:1px solid #38889f;}
.contents .best-official .gallery-list li .official-list:after {content:''; display:block; position:absolute; top:10px; right:10px; bottom:10px; left:10px; background:url(../images/sub/active_admin_outline.png) no-repeat 0 0; background-size:100% 100%;}
.contents .best-official .gallery-list li .official-list a {position:relative; display:block; padding:27px 33px 0; text-decoration:none; z-index:1; white-space:nowrap; overflow:visible;}
.contents .best-official .gallery-list li .official-list a:before {content:''; display:block; position:absolute; top:2px; right:3px; width:62px; height:68px; background:url(../images/sub/active_admin_ribbon.png) no-repeat 0 0;}
.contents .best-official .gallery-list li .official-list a>img:first-child {width:68px !important; height:auto !important; margin-left:5px; vertical-align:middle;}
.contents .best-official .gallery-list li .official-list span.title {display:inline-block; width:calc(100% - 120px); margin-left:10px; font-family:'NotoSansB'; font-size:20px; line-height:1.15em; color:#333; font-style:italic; white-space:normal; word-break:keep-all; word-wrap:break-word; vertical-align:middle; overflow:visible;}
.contents .best-official .gallery-list li .official-list .official-name {display:block; margin-top:7px; padding:10px 7px 0; border-top:1px solid #cacaca; color:#333;}
.contents .best-official .gallery-list li .official-list .official-name div {font-family:'NotoSansM';}
.contents .best-official .gallery-list li .official-list .official-name span {display:block; color:#68696b; white-space:normal; word-break:keep-all; word-wrap:break-word;}

/*** 순례길 ***/
.contents .description.ruins-desc {padding-top:0; padding-bottom:0; margin-bottom:20px; background-color:transparent;}
.contents .description.ruins-desc dl:after {content:''; display:block; clear:both;}
.contents .description.ruins-desc dt {display:inline-block; width:157px; padding:5px 0; border-radius:8px; background-color:#04264c; font-size:16px; color:#fff; text-align:center; vertical-align:middle;}
.contents .description.ruins-desc dd {display:inline-block; width:calc(100% - 157px - 25px); margin-left:20px; font-size:16px; color:#494949; text-align:left; vertical-align:middle;}
.contents .ruins-intro {padding:26px 27px; border:4px solid #bfdfff; overflow:hidden;}
.contents .ruins-intro:after {content:''; display:block; clear:both;}
.contents .ruins-intro .pull-left {width:calc(55% - 15px);}
.contents .ruins-intro .pull-right {width:calc(45% - 15px); padding-top:35px;}
.contents .ruins-intro h3 {font-family:'NotoSansM'; font-size:24px;}
.contents .ruins-intro h3 span {display:block;}
.contents .ruins-intro .map {font-size:0;}
.contents .ruins-intro .map img {width:100%;}
.contents .ruins-intro .desc {position:relative; padding-left:17px; margin:10px 0; font-family:'NotoSansL'; font-size:14px; color:#414141;}
.contents .ruins-intro .desc:before {content:'※'; position:absolute; top:0; left:0; display:block; vertical-align:top;}
.contents .ruins-intro .box-type {padding:24px; border-color:#dfdfdf; border-style:solid; border-width:3px 1px;}
.contents .ruins-intro .box-type dl {margin-top:30px;}
.contents .ruins-intro .box-type dl:first-of-type {margin-top:0;}
.contents .ruins-intro .box-type dt {padding-bottom:12px; background:url(../images/dot_line.png) repeat-x 0 bottom; font-family:'NotoSansM'; font-size:24px; color:#004fa8;}
.contents .ruins-intro .box-type dd {color:#666; line-height:1.6;}
.contents .ruins-intro .box-type dt + dd {margin-top:15px;}
.contents .ruins-intro .box-type ul {margin-top:20px;}
.contents .ruins-intro .box-type ul:after {content:''; display:block; clear:both;}
.contents .ruins-intro .box-type li {float:left; width:33.3%; height:109px; padding:5px; border-radius:7px; background-color:#ebebeb;}
.contents .ruins-intro .box-type li:first-of-type {width:33.4%}
.contents .ruins-intro .box-type li img {width:100%; height:100%;}
.contents .ruins-intro .box-type .desc {padding-left:16px; font-size:12px; color:#414141; line-height:1.25;}
.contents .ruins-intro.ruins-course {padding:0;}
.contents .ruins-intro .map-api {position:relative; float:left; width:64%; height:600px; overflow:hidden;}
.contents .ruins-intro .map-api a {display:block; height:100%;}
.contents .ruins-intro .map-api a.js-img-viwer:after {display:block;}
.contents .ruins-intro .map-api img {width:100%; height:auto; position:absolute; top:0; left:0;}
.contents .ruins-intro .map-api img {width:100%; height:auto; position:absolute; top:0; left:0;}
.contents .ruins-intro .map-api .img.ui-landscape img {
	max-width:none;
	width:auto; height:100%;
	position:absolute; left:50%;
	-webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -o-transform:translate(-50%,0); -ms-transform:translate(-50%,0); transform:translate(-50%,0);
}
.contents .ruins-intro .map-api .img.ui-portrait img {
	max-width:none;
	width:100%; height:auto;
	position:absolute; top:50%; left:0;
	-webkit-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%);
}
.contents .ruins-intro .map-api + .map-course {position:relative; float:right; width:36%; height:600px; padding:26px 27px;}
.contents .ruins-intro .map-course:after,
.contents .ruins-intro .map-course ul:after {content:''; display:block; clear:both;}
.contents .ruins-intro .map-course h4 {padding:0 10px 3px; font-family:'NotoSansR'; font-size:20px; border-bottom:2px solid #5c5c5c;}
.contents .ruins-intro .map-course ul {padding:10px 5px 0; counter-reset:section;}
.contents .ruins-intro .map-course li {float:left; min-width:168px; height:32px; padding:0 12px; margin:5px; border-radius:8px; background-color:#04264c; text-align:left; overflow:hidden;}
.contents .ruins-intro .map-course li:before {counter-increment:section; content:counter(section) '. '; display:inline-block; width:auto; height:auto; font-family:'NotoSansR'; color:#fff; line-height:1.1; text-align:center; vertical-align:middle;}
.contents .ruins-intro .map-course li a {position:relative; display:inline-block; padding:4px; color:#fff; letter-spacing:-0.5px; text-decoration:none; vertical-align:middle;}
.contents .ruins-intro .map-course li a[target=_blank]:after {display:none;}
.contents .ruins-intro .map-course .block {position:absolute; bottom:10px; left:27px; right:27px; padding:5px; border-top:1px solid #ccc; white-space:normal; word-break:keep-all; word-wrap:break-word;}
.contents .ruins-intro .map-course .block dl,
.contents .ruins-intro .map-course .block dt,
.contents .ruins-intro .map-course .block dd {display:inline-block; font-size:18px; vertical-align:middle;}
.contents .ruins-intro .map-course .block dl {display:none; margin-right:30px;}
.contents .ruins-intro .map-course .block dl:last-of-type {margin-right:0;}
.contents .ruins-intro .map-course .block dt {min-width:120px; padding-left:15px; background:url(../images/blt4.png) no-repeat 3px center; font-family:'NotoSansR';}
.contents .ruins-intro .map-course .block dd {color:#666;}
.contents .ruins-search {margin-top:30px;}
.contents .ruins-search legend:not(.sr-only) {position:static; float:left; width:150px; height:72px; padding:13px 10px; margin:0; background-color:#04264c; color:#fff; text-align:center;}
.contents .ruins-search .search-condition {float:left; width:calc(100% - 150px); border:1px solid #bebebe; border-left:none; background-color:#fff;}
.contents .ruins-list {margin:0; overflow:hidden;}
.contents .ruins-list li {position:relative; float:none; width:100%; height:auto; max-height:250px; padding:0; margin:0; margin-top:20px; overflow:hidden; transition:0.45s ease-out max-height;}
.contents .ruins-list li:first-of-type {margin-top:0;}
.contents .ruins-list li .inner {height:auto; padding:21px 44px;}
.contents .ruins-list li .img {float:left; width:230px; height:170px; border:1px solid #e2e2e2;}
.contents .ruins-list li .img:after {display:none;}
.contents .ruins-list.imgAutoFit li .img.ui-landscape img {}
.contents .ruins-list.imgAutoFit li .img.ui-portrait img {top:0; transform:translateY(0);}
.contents .ruins-list li .list-info {float:left; width:calc(100% - 230px); padding-left:40px; margin-top:0;}
.contents .ruins-list li .subject {padding-bottom:5px; margin-top:0; margin-bottom:5px; background:url(../images/dot_line.png) repeat-x 0 bottom;}
.contents .ruins-list li .subject span {font-family:'NotoSansM'; font-size:24px; color:#004fa8; letter-spacing:-1px;width:350px;}
.contents .ruins-list li .list-info dl {padding-left:0; margin:3px 40px 0 0; background:none; white-space:nowrap;}
.contents .ruins-list li .list-info dt {padding-left:12px; background:url(../images/blt4.png) no-repeat 3px center; font-family:'NotoSansR'; color:#313131; vertical-align:top;line-height:1.4;}
.contents .ruins-list li .list-info dd {position:relative; padding-left:15px; white-space:normal; word-break:keep-all; word-wrap:break-word; vertical-align:top;width:500px;line-height:1.4;}
.contents .ruins-list li .list-info dd:before {content:'/'; position:absolute; top:0; left:0; display:inline-block; padding-left:4px; padding-right:6px; font-size:13px; color:#ccc; vertical-align:top;}
.contents .ruins-list li .list-info dl:last-of-type {margin-right:0;}
.contents .ruins-list li .list-info dl.descript {display:block;}
.contents .ruins-list li .list-info dl.descript dd {width:calc(100% - 43px);}
.contents .ruins-list li .detail-wrap {height:auto; max-height:0; overflow:hidden; opacity:0; transition:0.25s ease-out all;}
.contents .ruins-list li .detail-wrap>dl>dt {padding-bottom:5px; margin-top:20px; border-bottom:1px solid #333; font-family:'NotoSansM'; font-size:20px;}
.contents .ruins-list li .detail-wrap>dl>dd {color:#666;}
.contents .ruins-list li .detail-wrap .detail dd {padding:10px 5px; border-bottom:1px solid #ccc; white-space:normal; word-break:keep-all; word-wrap:break-word;}
.contents .ruins-list li .detail-wrap .location>dt {border-bottom:none;}
.contents .ruins-list li .detail-wrap .location dl {margin-top:20px;}
.contents .ruins-list li .detail-wrap .location dl:first-of-type {margin-top:0;}
.contents .ruins-list li .detail-wrap .location dl:after {content:''; display:block; clear:both;}
.contents .ruins-list li .detail-wrap .location dl dt {float:left; width:104px; font-size:14px; color:#004fa8; text-align:center;}
.contents .ruins-list li .detail-wrap .location dl dt:before {content:''; display:block; width:75px; height:75px; margin:auto; border-radius:100%; background-color:#f2f2f2; background-repeat:no-repeat; background-position:center center;}
.contents .ruins-list li .detail-wrap .location dl:first-of-type dt:before {background-image:url(../images/contents/ico_car.png);}
.contents .ruins-list li .detail-wrap .location dl:last-of-type dt:before {background-image:url(../images/contents/ico_bus.png);}
.contents .ruins-list li .detail-wrap .location dl dd {float:left; width:calc(100% - 104px); padding-left:40px;}
.contents .ruins-list li .detail-wrap .location table {width:100%;}
.contents .ruins-list li .location a.pull-right {margin-left:10px;}
.contents .ruins-list li .location a.pull-right[target=_blank]:after {display:inline-block;}
.contents .ruins-list li .more {position:absolute; top:27px; right:46px;}
.contents .ruins-list li .more a {display:block; padding-right:20px; background:url(../images/ico_plus1.png) no-repeat right center; font-family:'NotoSansM'; font-size:14px; color:#515151; letter-spacing:-0.5px; text-decoration:none;}
.contents .ruins-list li.ui-expand {height:auto; max-height:550px; padding:28px 43px 55px; border:4px solid #bfdfff; transition:0.45s ease-out max-height;}
.contents .ruins-list li.ui-expand .inner {border:1px solid #e2e2e2;}
.contents .ruins-list li.ui-expand .detail-wrap {height:auto; max-height:300px; visibility:visible; opacity:1; transition:0.25s ease-out all;}
.contents .ruins-list li.ui-expand .more {top:auto; bottom:20px;}
.contents .ruins-list li.ui-expand .more a {background:url(../images/ico_minus1.png) no-repeat right center;}
/* 민주/인권/민생 경찰 */
.contents .nav-tabs.police-tabs {display:table; table-layout:fixed; border-collapse:collapse; width:100%;}
.contents .nav-tabs.police-tabs>li {display:table-cell; float:none; width:inherit; height:58px; margin:0; text-align:center;}
.contents .nav-tabs.police-tabs>li.active {position:static; border-top:1px solid #888; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.contents .nav-tabs.police-tabs>li>a {display:block; padding:9px 10px 10px;}
.contents .nav-tabs.nav-tabs-type2.police-tabs {border-collapse:separate; border-spacing:30px;}
.contents .nav-tabs.nav-tabs-type2.police-tabs:before {display:none;}
.contents .nav-tabs.nav-tabs-type2.police-tabs>li {border-radius:58px;}
.contents .nav-tabs.nav-tabs-type2.police-tabs>li>a,
.contents .nav-tabs.nav-tabs-type2.police-tabs>li>a:hover,
.contents .nav-tabs.nav-tabs-type2.police-tabs>li>a:focus {height:auto;}
.contents .nav-tabs.police-tabs + .nav-tabs.nav-tabs-type2.police-tabs {margin-top:-30px;}
.contents .nav-tabs.nav-tabs-type2.police-tabs {margin-bottom:0;}
.contents .nav-tabs.nav-tabs-type2.police-tabs>li>a {font-size:16px;}
.contents .police-list {margin-bottom:30px;}
.contents .police-list li {height:296px;}
.contents .police-list li .inner {padding:0;}
.contents .police-list li .img {background:url(../images/contents/human_list_bg.png) no-repeat center center; background-size:100% auto; line-height:198px; text-align:center;}
.contents .police-list li .img:after {display:none;}
.contents .police-list li .img img {width:130px; height:auto; vertical-align:middle;}
.contents .police-list li .subject {width:100%; padding:0 15px; margin-top:10px; font-size:16px; color:#004fa8; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center;}
.contents .police-list li .list-info {padding:0 15px; margin-top:0; text-align:center;}
.contents .police-list li .list-info .name {display:block; font-family:'NotoSansM'; font-size:18px; color:#282828; text-align:center;}
.contents .police-list li .list-info .name dt {display:none;}
.contents .police-list li .list-info dl.history {margin-top:-5px;}
.contents .police-list li .list-info dl.history:nth-of-type(2) {padding-left:0; margin-left:0; background:none;}
.contents .police-list li.no-data .subject {margin-top:30px;}
.contents .police-view table.table img {margin:18px 12px;}
.contents .relics-wrap {height:620px; padding:20px; background:url(../images/contents/relics_list_bg.jpg) no-repeat center 0;}
.contents .relics-list {float:right; width:480px; margin-top:0;}
.contents .relics-list li {width:150px; height:135px; margin:5px;}
.contents .relics-list li:nth-of-type(3n+1) {margin-left:5px;}
.contents .relics-list li .inner {padding:0;}
.contents .relics-list li .img {height:100%;}
.contents .relics-list li .img:after {display:none;}
.contents .relics-view {position:relative; float:left; width:calc(100% - 490px); height:100%; margin-top:0; padding:5px;}
.contents .relics-view ul {position:relative; height:100%;}
.contents .relics-view li {width:100%; height:100%; margin:0; border:none;}
.contents .relics-view li .inner {padding:0; border:none; background-color:#000;}
.contents .relics-view li .img {height:80%; cursor:default;}
.contents .relics-view li .img:after {display:none;}
.contents .relics-view li .subject {padding:0 20px; font-size:17px; color:#fff;}
.contents .relics-view li .list-info {max-height:50px; padding:0 20px; font-size:13px; color:#fff; line-height:1.25; white-space:normal; word-break:break-all; word-wrap:break-word; overflow:hidden;}
.contents .relics-view .img-zoom {position:absolute; top:5px; left:50%; width:150px; height:40px; margin-left:-75px; text-align:center;}
.contents .relics-view .img-zoom:before {content:''; position:absolute; display:block; top:0; left:0; width:100%; height:100%; background-color:#000; opacity:.7;}
.contents .relics-view .img-zoom a {position:relative; display:inline-block; padding-left:24px; background:url(../images/ico_zoom.png) no-repeat 0 center; font-size:14px; color:#fff; line-height:40px; text-decoration:none;}

/* 이미지 크게 보기 */
.big-img-show {position:fixed; top:0; bottom:0; left:0; right:0; overflow:auto; z-index:9999;}
.big-img-show:before {content:''; position:absolute; top:0; bottom:0; left:0; right:0; display:block; background-color:#000; opacity:.55;}
.big-img-show .inner {position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

.partcptn-link{
	display:inline-block;
	margin-top:15px !important;
	border-radius: 0;
    padding: 9px 12px;
    text-decoration: none;
    background:#004fa8;
    color:#fff !important;
}
.partcptn-link:hover, .partcptn-link:active{
    color:#fff !important;
}

.partcptn-link:after{
	content:""; display:inline-block; width:18px; height:15px; background:url(../images/ico_popup_white.png) no-repeat center 1px !important; vertical-align:middle;
}


/* 층별 안내도 추가 CSS */
.row.floor .txtbox_type01{padding:0 30px;}
.tabType05.floor{margin-bottom:25px; border-top:1px solid #ddd;}
.tabType05.floor:first-child{border-top:none;}
.tabType05.floor:last-child{margin-bottom:0;}
.tabType05.floor tbody td{font-size:18px; text-align:left; padding:14px 0;}
.tabType05.floor tbody td:first-child{width:100px; text-align:center; font-weight:700; color:#fff; background:#00479D;}
.tabType05.floor tbody td:last-child{padding-left:26px;}
.tabType05.floor tbody td:first-child.top{background:#056647;}
.tabType05.floor tbody td:first-child.botton{background:#A82300;}
.tabType05.floor tbody td:first-child.out{background:#744F0C;}
.tabType05.floor tbody td span{font-weight:700;}


/* 개인정보처리방침 수정 20220908 */
.new220905 .txtbox_type01 .listboxs{display:block; width:100%; max-width:1100px; font-size:0; margin:0 auto; margin-top:15px;}
.new220905 .txtbox_type01 .listboxs .box{display:inline-block; position:relative; width:31.6%; height:192px; text-align:center; margin:0 6px 28px 0; border:1px solid #eee; border-radius:10px; box-shadow:0px 2px 12px rgba(14, 92, 124, 0.2);}
.new220905 .txtbox_type01 .listboxs .box:hover{border:1px solid #0E5C7C;}
.new220905 .txtbox_type01 .listboxs .box:nth-child(1){width:63.8%;}
.new220905 .txtbox_type01 .listboxs .box:nth-child(2){margin-right:0;}
.new220905 .txtbox_type01 .listboxs .box:nth-child(3){margin-bottom:0;}
.new220905 .txtbox_type01 .listboxs .box:nth-child(4){margin-bottom:0;}
.new220905 .txtbox_type01 .listboxs .box:nth-child(5){margin-right:0; margin-bottom:0;}
.new220905 .txtbox_type01 .listboxs .box .imgs{display:inline-block;}
.new220905 .txtbox_type01 .listboxs .box .imgs:nth-child(2) img:last-child{margin-right:0;}
.new220905 .txtbox_type01 .listboxs .box img{ height:82px; margin:0 auto; margin-top:37px;}
/* .new220905 .txtbox_type01 .listboxs .box:nth-child(1) img{margin-right:30px;} */
.new220905 .txtbox_type01 .listboxs .box p{font-size:18px; font-weight:500; line-height:18px; color:#333; text-align:center; margin-top:18px;}
.new220905 .txtbox_type01 .listboxs .box .nobox{display:none; position:absolute; top:50%; right:-264px; transform:translateY(-50%); width:284px; height:140px; font-size:14px; font-weight:500; line-height:20px; color:#454545; padding:50px 30px 50px 50px; background:url(/resources/common/images/sub/nobox2.png) center center no-repeat; z-index:1;}
.new220905 .txtbox_type01 .listboxs .box:nth-child(2) .nobox{left:-264px; padding:40px 50px 40px 30px; background:url(/resources/common/images/sub/nobox.png) center center no-repeat;}
.new220905 .txtbox_type01 .listboxs .box:nth-child(5) .nobox{left:-264px; padding:40px 50px 40px 30px; background:url(/resources/common/images/sub/nobox.png) center center no-repeat;}
.new220905 .txtbox_type01 .listboxs .box:hover .nobox{display:block;}
.new220905 .txtbox_type01 .contents-box{margin-top:15px; padding:20px; border:1px solid #000;}
.new220905 .txtbox_type01 .contents-box ul li.ilink{display:flex; width:100%; font-size:16px; color:#666; font-family:'NotoSansR','Dotum';}
.new220905 .txtbox_type01 .contents-box ul li.ilink a{display:inline-block; width:calc(100% - 46px); line-height:36px; text-decoration:none;font-size: 14px;}
.new220905 .txtbox_type01 .contents-box ul li.ilink img{display:inline-block; float:left; width:36px; height:36px; font-size:0; margin-right:6px;}
.new220905 .txtbox_type01 .contents-box ul li.ilink img:last-child{margin-right:10px;}
.new220905 .txtbox_type01 .contents-box ul li.ilink:nth-child(1) a{width:calc(100% - 172px);}
.new220905 .txtbox_type01 .contents-box ul li.ilink:nth-child(4) a{width:calc(100% - 88px);}
.new220905 .txtbox_type01 p.sub_title{vertical-align:middle; margin-bottom:8px;}
.new220905 .txtbox_type01 section:nth-child(1) p.sub_title{padding-left:28px; margin-bottom:0;}
.new220905 .txtbox_type01 section:nth-child(2) p.sub_title{padding-left:28px; margin-bottom:0;}
.new220905 .txtbox_type01 section:nth-child(3) p.sub_title{padding-left:28px; margin-bottom:0;}
.new220905 .txtbox_type01 p.sub_title img{display:inline-block; width:36px; height:36px; font-size:0; margin-right:6px; vertical-align:middle;}
.new220905 .txtbox_type01 #list_n11 .sub_title{margin-bottom:0;}

@media screen and (max-width: 1024px){
	.new220905 .txtbox_type01 .listboxs{width:724px; max-width:none;}
	.new220905 .txtbox_type01 .listboxs .box{width:calc(50% - 14px); margin-right:0;}
	.new220905 .txtbox_type01 .listboxs .box:nth-child(1){width:100%;}
	.new220905 .txtbox_type01 .listboxs .box:nth-child(2){margin-right:28px;}
	.new220905 .txtbox_type01 .listboxs .box:nth-child(4){margin-right:28px;}
	.new220905 .txtbox_type01 .listboxs .box:nth-child(1) .nobox{right:0; left:auto; padding:50px 50px 50px 30px; background:url(/resources/common/images/sub/nobox.png) center center no-repeat;}
	.new220905 .txtbox_type01 .listboxs .box:nth-child(2) .nobox{left:auto; right:-264px; padding:40px 30px 40px 50px; background:url(/resources/common/images/sub/nobox2.png) center center no-repeat;}
	.new220905 .txtbox_type01 .listboxs .box:nth-child(3) .nobox{right:auto; left:-264px; padding:50px 50px 50px 30px; background:url(/resources/common/images/sub/nobox.png) center center no-repeat;}
}
@media screen and (max-width: 800px){
	.new220905 .txtbox_type01 .listboxs{width:100%;}
}
@media screen and (max-width: 620px){
	.new220905 .txtbox_type01 .listboxs .box:nth-child(1){height:auto; padding:37px 0;}
	.new220905 .txtbox_type01 .listboxs .box:nth-child(1) img{margin-top:0; margin-right:20px;}
	.new220905 .txtbox_type01 .listboxs .box:nth-child(2) .nobox{left:0; right:auto;}
	.new220905 .txtbox_type01 .listboxs .box:nth-child(3) .nobox{right:0; left:auto;}
	.new220905 .txtbox_type01 .listboxs .box:nth-child(4) .nobox{left:0; right:auto;}
	.new220905 .txtbox_type01 .listboxs .box:nth-child(5) .nobox{right:0; left:auto;}
	.new220905 .txtbox_type01 .listboxs .box .imgs{display:block;}
	.new220905 .txtbox_type01 .listboxs .box .imgs:nth-child(2) img{margin-top:20px;}
	.new220905 .txtbox_type01 .listboxs .box .imgs img:last-child{margin-right:0;}
	.new220905 .txtbox_type01 .contents-box ul li.ilink{display:block;}
	.new220905 .txtbox_type01 .contents-box ul li.ilink a{width:auto;}
	.new220905 .txtbox_type01 .contents-box ul li.ilink:nth-child(1) a{width:auto;}
	.new220905 .txtbox_type01 .contents-box ul li.ilink:nth-child(4) a{width:auto;}
}

/*20230920 start*/
.contents .ruins-list li.ui-expand {
    max-height: fit-content;
}
/*20230920 end*/




/* 20230925 */
.conSearch ul#dqAuto1 { width:532.5px; left:161.5px; top:98% !important; box-shadow: 0px 7px 9px 0 rgba(0, 0, 0, .25); border-top:0 !important;}
.conSearch ul#dqAuto1:after { position: absolute; content:"" ; display: block; width: calc(100% - 40px); height: 1px; top:0; left:50%; transform:translateX(-50%); background:rgba(213, 213, 213, 0.5) }
.search-area ul#dqAuto > li, .conSearch ul#dqAuto1 > li { border-bottom:0; font-size:14px; color:#888; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; word-break: break-all; }
.contents .bsearchArea span { font-size:14px; color:#AD0000 !important; font-weight:400 !important; padding:0 !important; vertical-align: unset !important; margin:0 !important}
.wrapper.search-page .conSearch .btnSearch { margin-left: 0; }

.conSearch { height:auto; border-radius: 4px; padding:42px 0; min-width:180px; padding-bottom:32px;}
.conSearch .select_box { margin-right:13px; }
.conSearch .select_box select { background:#fff url(../images/select_bg.png) no-repeat 95% 15px; cursor: pointer;}
.conSearch .bsearchArea  { padding-left:0; display: inline-flex; }
.conSearch .bsearchArea a.btn_autoopen  { position: absolute; right:23px; top:8px; }
.conSearch .bsearchArea input[type=text] { width: 530px; margin-right:10px; }
.conSearch .bsearchArea input[type=text].bdLess { border:none; width: 529.5px; box-shadow: 0px -1px 10px 0px rgba(0, 0, 0, .25); position: relative;  }

.conSearch .tabFlex { display: inline-flex; margin-top:16px; align-items: flex-start;}
.conSearch .tabWrap { display: flex; margin:0 auto;   min-height: 40px; justify-content: flex-start; align-items: center; flex-flow: row wrap; max-widtH:680px; margin-right:25px}
.conSearch .tabWrap li { display: flex; height: auto; border-radius: 50px;  align-items: center;  min-width:120px; background:#fff; border:1px solid #00479d; margin-bottom:10px; margin-right:15px;}
.conSearch .tabWrap li.current { background:#00479D }
.conSearch .tabWrap li.current a{ color:#fff; }
.conSearch .tabWrap li a { display: flex; width: 100%; height: 100%; padding: 9px 15px; align-items: center; justify-content: center; color:#00479D; text-decoration: none;}
.conSearch .tabWrap #resultSearch { margin-top:-1px }
.conSearch .tabWrap label { margin-left:8px; }
.conSearch .resultIn { display: inline-flex; margin-top:8px;  }
.conSearch .resultIn input { margin-right:8px; }
.conSearch .resultIn label { cursor: pointer ;}
.conSearch .tabWrap li:hover { background:#00479D; }
.conSearch .tabWrap li:hover a { color:#fff; }



.wrap_inner .search_list > .content { padding:0; padding:30px 0; }
.wrap_inner .mainView { flex:1; }
.wrap_inner .mainView .filterList { width: 100%; display: flex; flex-flow: row wrap; padding:27px 45px; border-radius: 4px; background:#F7F7F7; margin-bottom:40px; }
.wrap_inner .mainView .filterList li {  width: 25%; position: relative; display: flex; align-items: center; }
.wrap_inner .mainView .filterList li::before { content:"" ; display: block; position: static; width:4px; height:4px; border-radius: 50%; background:#000; margin:0 8px; }
.wrap_inner .mainView .filterList li:nth-child( -n + 4 ) { margin-bottom:12px; }
.wrap_inner .mainView .filterList li a { font-weight: 500; font-size:16px; text-decoration: none; color:#333;  }
.wrap_inner .mainView .filterList li.current a { font-weight: 700; text-decoration: underline; color:#00479D; text-underline-offset : 3px; }
.wrap_inner .mainView .filterList li.current::before { background:#00479D; }
.wrap_inner .mainView .filterList li a:hover  { color:#00479D; text-decoration: underline; font-weight:700;}


.wrap_inner .search_list > .content .link { width: 895px; }


.wrap_inner.sub .flexWrap { display: flex; height: 100%; }


.mainView .search_list .flexTitle { display: flex; align-items: center; }
.mainView .search_list .flexTitle > div { margin-left:auto; display: flex;  }
.mainView .search_list .flexTitle .filter { display: flex; align-items: center; flex-flow:row nowrap; }
.mainView .search_list .flexTitle .filter li { padding:0 18px; position: relative; }
.mainView .search_list .flexTitle .filter li ~ li:before { content:''; position: absolute; display: block; width:1px ; height:calc(100% - 2px); left:0; top:50%; transform: translateY(-50%); background:#000;; }
.mainView .search_list .flexTitle .filter li.current a { font-weight: 700; color:#00479D }
.mainView .search_list .flexTitle .filter li a { text-decoration: none; color:#333; }
.mainView .search_list .flexTitle .more { margin-right:8px; display: block; width: 24px; height:24px; border:1px solid #000; border-radius:3px; font-size:0; background:url(../images/sub/ico_main_more.png) no-repeat center; margin-left:18px; }
.wrap_inner .search_list > .title > span { font-size:16px; margin-left:10px; }


.search_list > .content > .menu_nav { padding-left:20px; }
.mainView .search_list > .content .title a { font-size: 17px; max-width:calc(100% - 150px)}
.mainView .search_list > .content .title a[target=_blank]:after { background: url(../images/ico_popup.png) no-repeat center; background-size: 13px; transform: translateY(-2px); margin-left:5px;}
.wrap_inner .search_list>.title>h3 { font-size:22px; }
.mainView .search_list > .content .notice_board .text { text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; font-size:15px;}
.mainView .search_list > .content .file { margin-top:16px; display: flex; flex-flow:column wrap}
.mainView .search_list > .content .file li ~ li { margin-top:5px }
.mainView .search_list > .content .file a { font-size:13px; color:#888; position: relative; padding-left:23px}
/* .mainView .search_list > .content .file a.pdf:before { content:'' ; display: block; position:absolute; background:url(../images/sub/ico_file_pdf.svg) center/100% no-repeat; width: 15px; height: 16px; left:0; top:3px; }
.mainView .search_list > .content .file a.doc:before { content:'' ; display: block; position:absolute; background:url(../images/sub/ico_file_doc.svg) center/100% no-repeat; width: 15px; height: 16px; left:0; top:3px; }
.mainView .search_list > .content .file a.jpg:before { content:'' ; display: block; position:absolute; background:url(../images/sub/ico_file_jpg.svg) center/100% no-repeat; width: 15px; height: 16px; left:0; top:3px; }
.mainView .search_list > .content .file a.hwp:before { content:'' ; display: block; position:absolute; background:url(../images/sub/ico_file_hwp.svg) center/100% no-repeat; width: 15px; height: 16px; left:0; top:3px; } */

.mainView .search_list > .content .file a:before { content:"" ; left:0; top:0px; display: block; position: absolute; }
.mainView .search_list > .content .file a.jpg:before  { content:"" ; width:17px; height:19px;  background:url(../images/sub/ico_file_jpg.png) center/100% no-repeat; }
.mainView .search_list > .content .file a.jpeg:before  { content:"" ; width:17px; height:19px;  background:url(../images/sub/ico_file_jpeg.png) center/100% no-repeat; }
.mainView .search_list > .content .file a.bmp:before  { content:"" ; width:17px; height:19px;  background:url(../images/sub/ico_file_bmp.png) center/100% no-repeat; }
.mainView .search_list > .content .file a.png:before  { content:"" ; width:17px; height:19px;  background:url(../images/sub/ico_file_png.png) center/100% no-repeat; }
.mainView .search_list > .content .file a.cell:before  { content:"" ; width:17px; height:19px;  background:url(../images/sub/ico_file_cell.png) center/100% no-repeat; }
.mainView .search_list > .content .file a.doc:before  { content:"" ; width:17px; height:20px;  background:url(../images/sub/ico_file_doc.png) center/100% no-repeat; }
.mainView .search_list > .content .file a.docx:before  { content:"" ; width:18px; height:21px;  background:url(../images/sub/ico_file_docx.png) center/100% no-repeat; }
.mainView .search_list > .content .file a.hwp:before  { content:"" ; width:17px; height:19px;  background:url(../images/sub/ico_file_hwp_hwpx.png) center/100% no-repeat; }
.mainView .search_list > .content .file a.pdf:before  { content:"" ; width:17px; height:22px;  background:url(../images/sub/ico_file_pdf.png) center/100% no-repeat; }
.mainView .search_list > .content .file a.ppt:before  { content:"" ; width:17px; height:20px;  background:url(../images/sub/ico_file_ppt.png) center/100% no-repeat; }
.mainView .search_list > .content .file a.pptx:before  { content:"" ; width:17px; height:20px;  background:url(../images/sub/ico_file_pptx.png) center/100% no-repeat; }
.mainView .search_list > .content .file a.show:before  { content:"" ; width:17px; height:19px;  background:url(../images/sub/ico_file_show.png) center/100% no-repeat; }
.mainView .search_list > .content .file a.xls:before  { content:"" ; width:17px; height:20px;  background:url(../images/sub/ico_file_xls.png) center/100% no-repeat; }
.mainView .search_list > .content .file a.xlsx:before  { content:"" ; width:17px; height:20px;  background:url(../images/sub/ico_file_xlsx.png) center/100% no-repeat; }


.mainView .search_list > .content .nav { margin-top:5px; }
.mainView .search_list > .content .nav a { font-size:13px; color:#004FA8; }
.mainView .search_list > .content .nav a:after { content:none }
.mainView .search_list section.mb40 { border-bottom:1px dashed #ddd }
.mainView .search_list>.content section.mb40{ margin-bottom:0 !important; padding:30px 0; }
.mainView .search_list>.content section.mb40:first-child{ padding-top:0 ; }
.mainView .search_list>.content section.mb40:last-child { padding-bottom:0; border: 0; }
.search_list > .content span.point { color:#00479D; font-weight:700; background: #FFF7CC;}




.mainView .search_list table { border-top:3px solid #00479D; }
.mainView .search_list table thead tr { border-bottom:1px solid #e0e0e0; }
.mainView .search_list table th { background:#F5FAFD; text-align: center; padding:12px 0;  }
.mainView .search_list table th ~ th { border-left:1px solid #e0e0e0; }
.mainView .search_list table td { vertical-align: middle; padding:18px 10px; word-break: keep-all; border-bottom: 1px solid #e0e0e0; border-right:1px solid #E0E0E0 ;}
.mainView .search_list table td:not(:last-child) { text-align: center; }
.mainView .search_list table td:last-child { border-right: 0; }

.mainView .search_list > .content .info { display: flex; margin-top:15px;}
.mainView .search_list > .content .info li { margin-right:10px; font-size:13px; font-weight:400; color:#555; }
.mainView .search_list > .content .info li span { font-weight:700 }

.flexTitle .mob_filter { display: none }
.conSearch .mob_recom { display: none }
/* aside */
.wrap_inner.sub .flexWrap .asideWrap { width:285px;; position: relative; max-width: 285px; margin-top:-35px; margin-left:20px;}
.wrap_inner.sub .flexWrap .asideWrap .aside { position: sticky; top:0; padding-top: 20px; margin-top: -20px; }
.flexWrap .asideWrap h4 { font-size:16px; color:#333; margin-bottom:12px; font-weight: 700;}
.flexWrap .asideWrap h4 span { color:#00479D; }
.flexWrap .asideWrap .mostSearch { margin-bottom:45px; }
.flexWrap .asideWrap .mostSearch .tabList { display: flex;  }
.flexWrap .asideWrap .mostSearch .tabList li { flex:1; height:34px; border:1px solid #d5d5d5; }
.flexWrap .asideWrap .mostSearch .tabList li a { height: 100%; display: flex; align-items: center; justify-content: center; text-decoration: none; font-size:14px; font-weight:500; color:#333;;}
.flexWrap .asideWrap .mostSearch .tabList li ~ li { border-left: 0; }
.flexWrap .asideWrap .mostSearch .tabList li.current { border-bottom: 0px; border-top:3px solid #00479D;}
.flexWrap .asideWrap .mostSearch .tabList li.current a { color:#00479D; font-weight: 700; }
.flexWrap .asideWrap .mostSearch .list { padding:27px 33px; border:1px solid #d5d5d5; border-top: 0; }
.flexWrap .asideWrap .mostSearch .list li  { height:23px; display: flex; align-items: center; }
.flexWrap .asideWrap .mostSearch .list li a { max-width:calc(100% - 28px);  display: inline-block; text-decoration: none; color:#333; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.flexWrap .asideWrap .mostSearch .list li a:hover { text-decoration: underline; }
.flexWrap .asideWrap .mostSearch .list li ~ li { margin-top:12px; }
.flexWrap .asideWrap .mostSearch .list li .box{ width: 18px; height: 18px; margin-right:10px; border-radius: 2px; border:1px solid #00479D ; font-size:10px; display: flex; align-items: center; justify-content: center; }
.flexWrap .asideWrap .mostSearch .list li.top .box { background:#00479D; color:#fff; }
.flexWrap .asideWrap .mostSearch .content > ul { display: none; }
.flexWrap .asideWrap .mostSearch .content > ul.current { display: block; }


.flexWrap .asideWrap .mySearch ul { border-top: 1px solid #d5d5d5; padding:12px 27px;  }
.flexWrap .asideWrap .mySearch li { position: relative; display: flex; align-items: center;}
.flexWrap .asideWrap .mySearch li::before { content:'' ; display: block; background:url(../images/sub/ico_main_search.png); width: 18px; height:18px; margin-right:10px}
.flexWrap .asideWrap .mySearch li ~ li { margin-top:12px; }
.flexWrap .asideWrap .mySearch a { text-decoration: none; color:#000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.flexWrap .asideWrap .mySearch a:hover { text-decoration: underline; }

@media (max-width:1200px) {
    .sub_searchSite { width: 100%; }
}


@media (min-width:1025px) {
    .mainView .search_list table { min-width: auto !important; }
}
@media (max-width:1024px) {
    .conSearch .bsearchArea a.btn_autoopen { right:13px; }
    .conSearch ul#dqAuto1 { width:calc(100% - 102px ) !important; right:4px; left:auto !important }
    .search-area ul#dqAuto > li, .conSearch ul#dqAuto1 > li { padding:0px 10px !important; }
    .conSearch ul#dqAuto1:after { width:calc(100% - 20px) }


    .wrapper.search-page .conSearch .bsearchArea { width:calc( 100% - 60px ) !important ; margin-bottom:10px !important; }
    .wrapper.search-page .conSearch .bsearchArea .select_box  { width:90px !important; margin-right:5px !important;  }
    .wrapper.search-page .conSearch .bsearchArea input[type=text] { width:auto !important; flex: 1; margin-right:5px !important;}

    .wrap_inner .mainView { width:100%; margin-right: 0;; }

    .wrapper.search-page .conSearch .bsearchArea {  }
    .conSearch .tabWrap { width: 100%; max-width:none; margin:0px; height: auto;}
    .conSearch .tabWrap li { min-width: auto;}

    .mainView .search_list ~ .search_list { margin-top:40px !important; }
    .mainView .search_list .flexTitle { flex-flow:row wrap; }
    .mainView .search_list > .title > span { margin-left:10px !important; }
    .mainView .search_list > .content section.mb40 { padding:0 0 15px; }
    .mainView .search_list > .content section.mb40:first-child { padding-top:0px; }


    .mainView .search_list .scrollWrap { position: relative; overflow:hidden; }
    .mainView .search_list .tableScroll { overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .mainView .search_list .tableScroll table { position: relative; }
    .mainView .search_list .scrollWrap:before, .mainView .search_list .scrollWrap:after { content: ""; position: absolute; top: 0; bottom: 0; width: 23px; transition-duration: 0.1s; z-index: 10; }
    .mainView .search_list .scrollWrap:before { left: -23px; opacity: 0; visibility: hidden; box-shadow: 5px 0 15px rgba(0, 0, 0, 0.25); }
    .mainView .search_list .scrollWrap:after { right: -23px; box-shadow: -5px 0 15px rgba(0, 0, 0, 0.25); }
    .mainView .search_list .scrollWrap.scroll-ing:before { opacity: 1; visibility: visible; }
    .mainView .search_list .scrollWrap.scroll-end:after { opacity: 0; visibility: hidden; }
    .mainView .search_list .scrollWrap .tableScroll { overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
    .mainView .search_list .scrollWrap .tableScroll table { position: relative; }

    .conSearch .tabFlex { width: 100%; align-items: center; margin-top:0;}
    .conSearch .tabFlex .resultIn { min-width:110px; margin-top:0; margin:0 auto;}

    .wrap_inner.sub .flexWrap { flex-flow: row wrap; }
    .wrap_inner.sub .flexWrap .asideWrap { margin:0; width: 100%; max-width:none; margin-top:20px;}
    .wrap_inner.sub .flexWrap .asideWrap .aside { padding:0; margin:0; }
    .flexWrap .asideWrap .mostSearch { margin:0; }
    .flexWrap .asideWrap .mySearch { display: none; }
}
@media (max-width:820px) {
    .wrap_inner .mainView .filterList li { width: calc(100% / 3) }
}


@media (max-width:768px) {
    .conSearch .tabWrap { display: none; flex-flow:row wrap; }
    .conSearch .tabWrap li { flex:1 1 45%; max-width: none; justify-content: center;}
    .conSearch .tabWrap li ~ li { margin-left:0; }
    .conSearch .tabWrap li:last-child { margin-left:0; }
    .conSearch .tabWrap li:nth-child(even) { margin-left:15px; }
    .conSearch .tabWrap li:nth-child( -n + 4 ) { margin-bottom:15px; } 

    
    .wrapper.search-page .wrap_inner .search_list { margin-top:1.5rem !important }

    
    .wrap_inner .mainView .filterList { padding:20px 15px;  }
    .mainView .search_list > .title > span { font-size:14px !important; margin-left:5px !important; margin-top:5px;}
    .mainView .search_list .flexTitle .filter li { padding:0 10px; font-size:13px;}
    .mainView .search_list .flexTitle > div  { padding-right:0; }
    .wrap_inner .mainView .filterList li:nth-child( -n + 4 ) { margin:0; }
    .wrap_inner .mainView .filterList li:nth-child( -n + 6 ) { margin-bottom:5px; }
    

    .wrap_inner .mainView .filterList li a { font-size:14px }
    .mainView .search_list > .content .title a { font-size:16px !important; }
    .mainView .search_list > .content .notice_board .text { font-size:14px !important; }
    .mainView .search_list > .content .file a { font-size:12px !important; }
    .mainView .search_list .flexTitle > div { align-items: center; }
    .flexTitle .mob_filter { display: block;  }
    .flexTitle .mob_filter ~ .more { margin-left:10px !important; margin-right:0 !important; }
    .flexTitle .mob_filter select { color:#00479D; width: auto; height:30px; padding:0px 20px 0px 10px; font-size:13px; border:none; }
    .mainView .search_list .flexTitle .filter { display: none; }
    
    
    .conSearch .mob_recom { display: flex; flex:1 1 100%; align-items: center;}
    .conSearch .mob_recom select { width: 100% !important; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
    .conSearch .mob_recom select option[selected] { background:Red }
    .conSearch .tabFlex  { margin-top:0; }
    .conSearch .tabFlex .resultIn { margin-top:0; flex:1; margin-left:15px; max-width:110px;}

    .wrapper.search-page .wrap_inner .search_result { font-size:18px !important; }
    .wrapper.search-page .wrap_inner .search_list>.title>h3 { font-size:20px !important; }
}

@media (max-width:500px) {
    .wrapper.search-page .conSearch .btnSearch { float: right !important; }
    .wrapper.search-page .conSearch ul#dqAuto1 { width:calc(100% + 61px) !important; right:-61px !important }
    .conSearch .bsearchArea input[type=text].bdLess  { box-shadow: none; border: 1px solid #ccc; }
}

@media (max-width:425px) {
    .wrapper.search-page .conSearch .bsearchArea .select_box { width: 100% !important; max-width:100px; }
    .wrapper.search-page .conSearch .bsearchArea input[type=text] { width: 100% !important; min-width: 100px; margin-right:0 !important }


    .conSearch .tabWrap li { flex: 1 100%;  }
    .conSearch .tabWrap li:nth-child(even) { margin-left:0; }
    .conSearch .tabWrap li:nth-child( -n + 4 ) { margin: 0; }
    .conSearch .tabWrap li ~ li { margin-top: 15px !important; }


    .wrap_inner .mainView .filterList li { width: calc(100% / 2) }
    .mainView .search_list > .content .info { flex-wrap: wrap; }
    
    /* .conSearch .mob_recom select { width:calc(100% - 80px) !important } */
}
@media (max-width:375px) {
    .conSearch .tabFlex { flex-flow: row wrap; }
    .conSearch .mob_recom { flex: 1 1 100%; }
    .conSearch .tabFlex .resultIn { margin-right:0 auto; margin-top:10px; margin-left:0;}
}
@media (max-width:320px) {
    .mainView .search_list > .title > span { font-size:12px !important; }
    .mainView .search_list .flexTitle .filter li { font-size:12px; }
}
/* 20230925 /> */


/* 20231031 */
.mainView .search_list > .content .title a span.point { color: #00479D; font-weight: 700; background: #FFF7CC; }
#cateList .filter > li:last-child a{ cursor:default; pointer-events: none }
#webList .filter > li:last-child a{ cursor:default; pointer-events: none }
/* 20231031 /> */

/* 20231109 start */
.txtbox_type01 p.sub_title:after { top: 18px; }
.new220905 .txtbox_type01 p.sub_title img { margin-bottom: 5px; }

.moveToList { display: inline-block; margin-left: 5px; padding: 0 12px; height: 28px; line-height: 26px; font-size: 14px; color: #fff !important; background: #004fa8; border-radius: 5px; transform: translateY(-2px); transition: background-color .3s; text-decoration: none; vertical-align: middle; }
.moveToList:hover { color: #fff; background: #004694; text-decoration: none; }

.ex_link { display: inline-flex; align-items: center; justify-content: center; margin-left: 5px; padding: 0 7px; height: 25px; font-size: 12px; color: #004fa8; border: 1px solid #004fa8; border-radius: 5px; background: #fff; transform: translateY(-1px); }
.ex_link:after { content: ''; display: block !important; margin-left: 5px; width: 11px !important; height: 11px !important; background: url(../images/ico_popup_blue.png) no-repeat !important; background-size: 100%; }


.description div {  font-size: 18px; color: #333; font-weight: 500; }
.description div.flex { display: flex; flex-wrap: wrap; align-items: center; }
.description .desc_btn { display: flex; margin-left: 25px; }
.description .desc_btn li { padding: 0; background: none; }
.description .desc_btn li + li { margin-left: 10px; }
.description .desc_btn li a { display: block; width: 60px; height: 60px; border-radius: 50%; }
.description .desc_btn li.download a { background: #bdbdbd url(../images/ico_download_white.png) no-repeat center calc(50% - 2px); }
.description .desc_btn li.preview a { background: #bdbdbd url(../images/ico_preview.png) no-repeat calc(50% + 3px) center; }


.police-privacy { position: relative; }
.topSticky { display: none; position: absolute; top: 0; right: -50px; height: 100%; z-index: 9999; }
.topSticky button { position: sticky; top: 90%; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 60px; height: 60px; font-size: 16px; color: #fff;  border: none; border-radius: 50%; background: #454545; text-transform: uppercase; }
.topSticky button:before { content: ''; display: block; margin: -4px 0 3px; width: 15px; height: 9px; background: url(../images/ico_top_arrow_white.png) no-repeat; background-size: 100%; }

@media (max-width: 1024px) {
    .description div { font-size: 17px; }
    .description .desc_btn li a { width: 48px; height: 48px; }
    .description .desc_btn li.download a { background-size: 22px; }
    .description .desc_btn li.preview a { background-size: 24px; background-position: calc(50% + 2px); }


    .topSticky { right: 25px; }
    .topSticky button { top: 88%; width: 55px; height: 55px; font-size: 14px; }
    .topSticky button:before { margin: -4px 0 5px; width: 12px; height: 7px; }
}
@media (max-width: 600px) {
    .description div { font-size: 15px; }
    .description .desc_btn { margin-left: 15px; }
    .description .desc_btn li a { width: 40px; height: 40px; }
    .description .desc_btn li.download a { background-size: 18px; }
    .description .desc_btn li.preview a { background-size: 18px; background-position: calc(50% + 2px); }

    .topSticky button { width: 50px; height: 50px; font-size: 13px; }
}
/* 20231109 end */
/*20231018 start*/

.cyber-nav-center{width: auto; display: flex; align-items: center; justify-content: center;margin: 0 auto; margin-top: 60px;margin-bottom: 50px;}
.cyber-nav-center.nav-tabs:before {display: none; }

.nav-tabs>li.active{border-bottom: 0;}

.cyber {letter-spacing: -0.4px; font-family:'NotoSansR' ;}
.cyber h3.title01{font-weight:700;font-size: 18px; padding-left: 26px;position: relative;margin-bottom: 20px;}
.cyber h3.title01::before{content: '' ; display: block;position: absolute; top: 5px; left: 0;width: 20px; height: 20px; background: #ccc;background: url(./../images/sub/cyber-title-01.png)center no-repeat;}

.cyber h3.title01 + .box-bg{padding: 40px 30px; background: #f9f9f9; border: 1px solid #ccc; font-weight: 400;}
.cyber h3.title01 + .box {padding: 30px; border: 1px solid #e0e0e0;}
.cyber h3.title01 + .box-bg .list01 li{color: #333;position: relative; padding-left: 10px;}
.cyber h3.title01 + .box-bg .list01 li::before{display: block; position: absolute; top: 10px ; left: 0;content: ''; width: 2px ; height: 2px; background: #333;}
.cyber h3.title01 + .box-bg .list02 li{color: #333;position: relative; padding-left: 10px;}
.cyber h3.title01 + .box-bg .list02 li::before{display: block; position: absolute; top: 11px ; left: 0;content: ''; width: 4px ; height: 1px; background: #333;}
.cyber h3.title01 + .box-bg ul li strong.txt-blue{color:#0054a6; font-weight: 600;}
.cyber .box-cyber {padding: 40px 100px; background: #f9f9f9; border: 1px solid #f1f1f1;
display: flex; align-items: center; flex-wrap: wrap;
}
.cyber .box-cyber.flex-center {justify-content: center;}

.cyber .box-cyber .txt-area  {line-height: 2; font-size: 15px; color: #333; flex: 1;}

.cyber .box-cyber.flex-center .txt-area{flex: none;}
.cyber .box-cyber .txt-area h4{
    color: #0054a6; font-weight: 600; font-size: 18px; margin-bottom: 10px;
}
.cyber .box-cyber::before {
    content: ""; display: inline-flex; width: 127px; height: 132px;
    background: url(./../images/sub/ico-cyber.png); margin-right: 50px;
}
.cyber .box-cyber .txt-area p {}

.cyber .box-cyber-tab{
    padding: 40px 100px;
    background: #f9f9f9;
    border: 1px solid #f1f1f1;
    display: flex; justify-content: center; flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}
.cyber .box-cyber-tab .tab-area {display: flex; align-items: center; justify-content: center; width: 800px; }
.cyber .box-cyber-tab .tab-area li a{ width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; color: #333; font-size: 16px; text-decoration: none;}
.cyber .box-cyber-tab .tab-area li {height: 75px; flex: 1; margin-right: 24px; background: #fff; border: 1px solid #0054a6; border-radius: 2px; }
.cyber .box-cyber-tab .tab-area li:last-child{margin-right: 0;}
.cyber .box-cyber-tab .tab-area li:first-child a::before{ content: ""; margin-right: 10px; display: inline-flex; width: 25px; height: 39px; background: url(./../images/sub/cyber-tab-call.png) center no-repeat;}
.cyber .box-cyber-tab .tab-area li:nth-child(2) a::before{ content: ""; margin-right: 10px; display: inline-flex; width: 47px; height: 37px; background: url(./../images/sub/cyber-tab-account.png)center no-repeat;}
.cyber .box-cyber-tab .tab-area li:last-child a::before{ content: ""; margin-right: 10px; display: inline-flex; width: 35px; height: 37px; background: url(./../images/sub/cyber-tab-email.png)center no-repeat;}
.cyber .box-cyber-tab .tab-area li a::after{content: ""; display: inline-flex; width: 15px; height: 15px; border-radius: 4px; border: 1px solid #989898; margin-top: 1px;margin-left: 16px;}
.cyber .box-cyber-tab .tab-area li.on{background: #00479d;}
.cyber .box-cyber-tab .tab-area li.on a {color: #fff;}

.cyber .box-cyber-tab .tab-area li.on:first-child a::before {background: url(./../images/sub/cyber-tab-call-on.png);}
.cyber .box-cyber-tab .tab-area li.on:nth-child(2) a::before {background: url(./../images/sub/cyber-tab-account-on.png);}
.cyber .box-cyber-tab .tab-area li.on:last-child a::before {background: url(./../images/sub/cyber-tab-email-on.png);}
.cyber .box-cyber-tab .tab-area li.on a::after{background: transparent url(./../images/sub/tab-check-on.png)center no-repeat; border: 0; border-radius: 0;}
.cyber .box-cyber-tab .tab-area li.on{position: relative;}
.cyber .box-cyber-tab .tab-area li.on:after{ position: absolute; left: 50%; transform: translateX(-50%); content: ""; display: block;width: 25px; height: 21px; background: url(./../images/sub/cyber-tab-on.png);}


.cyber .box-cyber-tab .sheet-area {margin-top: 30px; width: 600px; margin-bottom: 15px;}
.cyber .box-cyber-tab .sheet-area li{display: none;}
.cyber .box-cyber-tab .sheet-area li.show {display: block;}
.cyber .box-cyber-tab .sheet-area li div{display: flex; width: 660px; align-items: center; flex-wrap: wrap;}
.cyber .box-cyber-tab .sheet-area li div input{height: 50px; flex: 1; margin-right: 15px;}
.cyber .box-cyber-tab .sheet-area li div input::placeholder{color: #888;}
.cyber .box-cyber-tab .sheet-area li div button {width: 85px;height: 50px; background: #0054a6; color: #fff; border: 0; border-radius: 5px; border: 1px solid #e2e2e2;}

.cyber .box-cyber-tab p {font-size: 14px; text-align: center;}
.cyber .box-cyber-tab p strong{font-weight: 600; color: #0054a6;}



.cyber .box-cyber-tab .tab-area .input-flex input{margin-left: 20px;margin-right: 0;}
.cyber .box-cyber-tab .tab-area .input-flex label{cursor: pointer;}

.cyber .input-flex{display: flex; align-items: center;}
.cyber .input-flex input {margin-right: 10px;}
.cyber .input-flex.cyber-agree-check{margin-top: 10px; }
.cyber .input-flex.cyber-agree-check input[type="checkbox"]{margin: 0 10px;}
.cyber .input-flex.cyber-agree-check label{font-weight: 500; color: #666; cursor: pointer;}
.cyber .phone-authentication {background: #0054a6; border: 0; color: #fff; padding: 10px 30px;text-shadow: 2px 2px 6px rgba(0,0,0,.4) ; font-size: 12px;margin-top: 20px;}
.cyber .phone-authentication-box{display: flex; flex-wrap: wrap; flex-direction: column;align-items: center; justify-content: center;}

.cyber .cyber-table-input{position: relative;}
.cyber-table-input > p.req-title{color: #ed1b2f; font-size: 14px;
    position: absolute; top: -40px; right: 0;
}
.cyber .cyber-table-input table, .cyber .cyber-table table{
    table-layout: fixed; width: 100%;
    border-top: 2px solid #0054a6;
}
.cyber .cyber-table-input table th{padding:15px; background:#f9f9f9;font-size: 15px; color: #292929; font-weight: 600;
border: 1px solid #e2e2e2; vertical-align: middle;
}
.cyber .cyber-table-input table th:first-child{border-left: 0;}
.cyber .cyber-table-input table td{
    padding:10px 15px; border-bottom: 1px solid #e2e2e2;vertical-align: middle;
    font-size: 14px; color: #393939;
}
.cyber .cyber-table-input table span.req{color: #ed1b2f;}

.cyber .cyber-table-input input{border: 1px solid #ddd;}
.cyber .cyber-table-input input::placeholder{color: #888; font-weight: 500;}
.cyber .cyber-table-input .table-input-flex{display: flex; align-items: center; flex-wrap: wrap; }
.cyber .cyber-table-input .table-input-flex > *{margin-right:10px ;}
.cyber .cyber-table-input .input-select-flex {display: flex; align-items: center; flex-wrap: wrap;}
.cyber .cyber-table-input .input-select-flex > input {width: 70%; margin-right: 10px;}
.cyber .cyber-table-input .input-select-flex > select {width: calc(30% - 10px); }
.cyber .cyber-table-input .flex-result {display: flex; flex-wrap: wrap;}
.cyber .cyber-table-input .flex-result > p {margin-right: 20px;}
.cyber .cyber-table-input .flex-result > p:last-child {margin-right: 0px;}
.cyber .cyber-table-input .input-flex-date {display: flex; flex-wrap: wrap; align-items: center;}
.cyber .cyber-table-input .input-flex-date label{width: 20px; height: 20px; background: url(./../images/sub/callender.png)center no-repeat;border: 0; margin-left: 10px; cursor: pointer;}
.cyber .cyber-table-input .input-flex-adress {display: flex; align-items: center;flex-wrap: wrap; }
.cyber .cyber-table-input .input-flex-adress > * + * {margin-left: 10px;}
.cyber .cyber-table-input .input-flex-adress button{ width: 100px; height: 40px; background: #0054a6; color: #fff; border: 0; border-radius:5px; }
.cyber .cyber-table-input .input-flex-adress .input-dress-area { width: calc(100% - 110px); display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.cyber .cyber-table-input .input-flex-adress .input-dress-area > input {width: calc(100% / 2 - 5px);}
.cyber .cyber-table-input .input-flex-adress + input {width: 100%; height: 60px; margin-top: 10px;}
.cyber .cyber-table-input .input-flex + .input-flex-adress {margin-top: 10px;}

.cyber .cyber-table-input .input-radio {display: flex; align-items: center; flex-wrap: wrap;}
.cyber .cyber-table-input .input-radio + .input-radio {margin-top: 5px;}

.cyber input[type="radio"], .cyber input[type="checkbox"] { margin-right: 10px; width: 14px; height: 14px; margin-top: 1px;}
.cyber .cyber-table-input label + input {margin-left: 10px;}
.cyber .cyber-table-input .flex-area01{display: flex; align-items: center; flex-wrap: wrap;}
.cyber .cyber-table-input .flex-area01 > div + div {margin-left: 20px;}

.cyber .cyber-table-input #checkEtc+ label + input[type="text"]{background: #f9f9f9;}
.cyber .cyber-table-input #checkEtc+ label + input[type="text"]:focus{outline: none !important;}
.cyber .cyber-table-input #checkEtc.checked + label + input[type="text"]{background: #fff;}

.cyber .cyber-table-input .flex-area02 {display: flex; flex-wrap: wrap;}
.cyber .cyber-table-input .flex-area02 > div {width: calc(100% / 4);margin:5px 0;}

.cyber .cyber-table-input .flex-area03 { border-bottom: 1px solid #f1f1f1; padding: 10px 0;}
.cyber .cyber-table-input .flex-area03 .flex-area03-01 {display: flex; flex-wrap: wrap;margin-top: 10px;}
.cyber .cyber-table-input .flex-area03 .flex-area03-01 > div{width: calc(100% / 3);}
.cyber .cyber-table-input .flex-area03 > .input-flex input:last-of-type, .cyber .cyber-table-input .flex-area03 .flex-area03-01 > .input-flex > input{width: 100px; margin-right: 10px;}
.cyber .cyber-table-input .flex-area03  .input-flex >*:first-child{width: 100px;}

.cyber .cyber-table-input .flex-area03 > div:first-child > :nth-child(2), .cyber .cyber-table-input .flex-area03 > div:last-child > :nth-child(2){width: 299px; margin-right: 10px;}
.cyber .cyber-table-input .flex-area03 > div:last-child{margin: 10px 0;}
.cyber .cyber-table-input .edu-result { margin-top: 10px; font-weight: 600; font-size: 15px;}
.cyber .cyber-table-input .edu-result span{color: #0054a6;}

.cyber .cyber-table-input .txt-gray {font-size: 12px; line-height: 2; color: #888;}
.cyber .cyber-table-input textarea{margin-top: 10px;}
.cyber textarea::placeholder{color: #888;}
.cyber .button-area{display: flex; align-items: center; justify-content: center; margin: 30px 0;}
.cyber .button-area button{width: 200px; height: 50px; border-radius: 5px; border: 0; font-size: 17px; font-weight: 500;}
.cyber .button-area button + button {margin-left: 10px;}
.cyber .button-area button.btn-white{border: 1px solid #bebdbd; background: #fff;}
.cyber .button-area button.btn-blue{color: #fff; background: #0054a6;}

.cyber .cyber-table table th{
padding: 12px; color: #393939; font-weight:600; font-size: 15px; text-align: center;
border: 1px solid #e2e2e2; border-left: 0; background: #f9f9f9; vertical-align: middle;
}
.cyber .cyber-table table td {
    color: #888; text-align: center; vertical-align: middle;
    padding: 10px;border: 1px solid #e2e2e2; border-left: 0;
}
.cyber .cyber-table table .col-num{color:#292929;}
.cyber .cyber-table table .col-name{color: #004fa8; text-decoration: underline; text-underline-offset:8px;}
/* .cyber .cyber-table table td.col-btn{padding: 5px;} */
.cyber .cyber-table table td.col-btn button{width: 70px; height: 25px; border: 1px solid #00479d; background: #fff; color: #00479d; font-size: 13px;}
.cyber .cyber-table table th:last-child, .cyber .cyber-table table td:last-child{border-right: 0;}
.cyber .cyber-table-nodata{
    padding: 20px; text-align: center;background: #f9f9f9; border: 1px solid #c7c7c7;
}
.cyber .cyber-survey {margin-top: 50px;}
.cyber .cyber-survey p{
    padding: 18px 14px; border-top: 1px solid #d2d2d2; font-weight: 600;
    width: 100%; background: #f9f9f9;
}
.cyber .cyber-survey p span.req{color: #ed1b2f;}
.cyber .cyber-survey .answer {padding: 14px; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2;}
.cyber .cyber-survey .answer.flex-row{display: flex; align-items: center; flex-wrap: wrap;}
.cyber .cyber-survey .answer.flex-row > div{ margin: 2px 0; margin-right: 15px; }
.cyber .cyber-survey .answer.flex-col > div + div {margin-top: 10px;}

.cyber-popup { letter-spacing: -0.4px; position: fixed; top: 0; left: 0;  display: block;  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999;}
.cyber-popup .popup-box{max-width: 800px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);width: 80%; height:auto;background: #f5f6fa; padding: 30px;}
.cyber-popup .popup-box .title-area{position: relative; margin-bottom: 24px;}
.cyber-popup .popup-box .title-area button{position: absolute; top: 50%; transform:translateY(-50%) ; right: 0; font-size: 0;width: 30px; height: 30px; background: url(./../images/sub/btn_x.png)center no-repeat; border: 0;}
.cyber-popup .popup-box .title-area p{text-align: center; font-weight: 700;color: #0054a6; font-size: 28px;}
.cyber-popup .popup-box .notice-area{padding: 30px; background: #fff; border: 1px solid #e0e0e0; color: #313131; line-height: 1.8;}
.cyber-popup .popup-box .notice-area p{text-align: center;}
.cyber-popup .popup-box .notice-area p .txt-blue{color: #0054a6;}
.cyber-popup .popup-box .notice-area p strong{font-weight: 700;}
.cyber-popup .popup-box .notice-area .txt-sm{font-size: 16px;}
.cyber-popup .popup-box .notice-area .txt-sm strong{font-size: 18px;}
.cyber-popup .popup-box .notice-area .txt-md{font-size: 18px;}
.cyber-popup .popup-box .notice-area .txt-lg{font-size: 20px;}
.cyber-popup .popup-box .notice-area .button-area{display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.cyber-popup .popup-box .notice-area .button-area button{width: 200px; height: 50px; border-radius: 5px; border: 0; font-size: 17px; font-weight: 500;}
.cyber-popup .popup-box .notice-area .button-area button + button {margin-left: 10px;}
.cyber-popup .popup-box .notice-area .button-area button.btn-white{border: 1px solid #bebdbd; background: #fff;}
.cyber-popup .popup-box .notice-area .button-area button.btn-blue{color: #fff; background: #0054a6;}

.cyber-layer-popup { display: none; box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.25); width: 360px; position: absolute;z-index: 999; top: 50%; left: 50%; transform: translate(-50% , -50%);}
.cyber-layer-popup .title{
    position: relative; width: 100%; background: #0054a6; height: 40px;
}
.cyber-layer-popup .title p{display: flex; height: 100%; align-items: center; justify-content: center; font-size: 16px; color: #fff;}
.cyber-layer-popup .title button{ border: 0; font-size: 0; width: 16px; height: 16px; background: url(./../images/sub/layer-popup-btn_x.png); position: absolute; top: 50%;transform: translateY(-50%);right: 16px;}
.cyber-layer-popup .info-area{ border-bottom: 1px solid #d2d2d2; display: flex; flex-wrap: wrap; background: #f9f9f9;}
.cyber-layer-popup .info-area .img{  margin: 20px; width: 90px; height: 120px; background: #ccc;padding: 20px;}
.cyber-layer-popup .info-area .txt{ border-left: 1px solid #d2d2d2;padding: 20px;}
.cyber-layer-popup .info-area .txt ul{display: flex;}
.cyber-layer-popup .info-area .txt ul li.txt01{margin-right: 10px;}
.cyber-layer-popup .info-area .txt ul + ul{margin-top: 5px;}

@media (min-width: 1025px) {
  .table-scroll .scroll-container table { min-width: auto !important; }
}

@media (max-width: 1024px) {

  .table-scroll { position: relative; overflow: hidden; }
  .table-scroll:before,
  .table-scroll:after { content: ""; position: absolute; top: 0; bottom: 0; width: 23px; transition-duration: 0.1s; z-index: 10; }
  .table-scroll:before { left: -23px; opacity: 0; visibility: hidden; box-shadow: 5px 0 15px rgba(0, 0, 0, 0.25); }
  .table-scroll:after { right: -23px; box-shadow: -5px 0 15px rgba(0, 0, 0, 0.25); }
  .table-scroll.scroll-ing:before { opacity: 1; visibility: visible; }
  .table-scroll.scroll-end:after { opacity: 0; visibility: hidden; }
  .table-scroll .scroll-container { overflow-y: hidden; overflow-x: auto; -webkit-overflow-scrolling: touch; }
  .table-scroll .scroll-container table { position: relative; }

  .cyber .box-cyber {padding: 30px;}

}

@media (max-width:768px){

    .cyber h3.title01 + .box-bg {padding: 3%;}
    .cyber .cyber-table-input table colgroup{display: none;}
    .cyber .cyber-table-input table {min-width: 100% !important;}
    .cyber .cyber-table-input.table-row th br{display: none;}
    .cyber .cyber-table-input.table-row th,.cyber .cyber-table-input.table-row td{width: 100% !important; display: block; padding: 10px;}
    .cyber .cyber-table-input.table-row th{border: 0;}
    .cyber-table-input > p.req-title {position: static; margin-bottom: 10px; text-align: right;}

    .cyber .cyber-table-input .flex-area02 > div {width: calc(100% / 3);}
    .cyber .cyber-table-input .input-flex-date {margin-bottom: 10px;}
    .cyber .button-area button {width: 180px;}

    .cyber-popup .popup-box .title-area p{font-size: 26px;}
    .cyber-popup .popup-box{padding: 20px;}
    .cyber-popup .popup-box .title-area {margin-bottom: 15px;}
    .cyber-popup .popup-box .notice-area {padding: 3% 5%;}
    .cyber-popup .popup-box .notice-area p br{display: none;}
    .cyber-popup .popup-box .notice-area .button-area button{width: 180px;}
    .cyber .box-cyber.flex-center .txt-area {margin-top: 20px;}
    .nav-tabs.cyber-nav-center {margin: 30px auto;}

    .cyber .box-cyber-tab{padding: 30px;}
    .cyber .box-cyber-tab .tab-area{width: 100%;}
    .cyber .box-cyber-tab .sheet-area{width: 90%;}
    .cyber .box-cyber-tab .sheet-area li div{width: 100%;}
}

@media (max-width:500px){
    .cyber .box-cyber-tab .tab-area{flex-direction: column; flex-wrap: wrap;}
    .cyber .box-cyber-tab .tab-area li {width: 100%;margin: 0; }
    .cyber .box-cyber-tab .tab-area li + li{margin-top: 10px;}
    .cyber .box-cyber-tab .tab-area li a{height: 50px;}
    .cyber .box-cyber-tab .tab-area li.on:after{display: none;}
}


@media (max-width:425px){
    /* .cyber .cyber-table-input .table-input-flex{ flex-direction: column;} */
    .cyber h3.title01 + .box-bg {padding: 5%;}
    .cyber .cyber-table-input .table-input-flex > *{ margin-right:0px ; width: 100%;}
    .cyber .cyber-table-input .table-input-flex > span {width: 7%;}
    .cyber .cyber-table-input .table-input-flex > span + input{width: 93%;}
    .cyber .cyber-table-input .table-input-flex > * + *{margin-top: 10px;}

    .cyber .cyber-table-input .flex-area01 {flex-direction: column; align-items: start;}
    .cyber .cyber-table-input .flex-area01 > div + div {margin-left: 0; margin-top: 10px;}
    .cyber .cyber-table-input .flex-area02 > div{width: 100%;}
    .cyber .cyber-table-input .flex-area03 .flex-area03-01 > div {width: 100%;}
    .cyber .cyber-table-input .flex-area03 .flex-area03-01 > div + div {margin-top: 10px;}
    .cyber .cyber-table-input .flex-area03 .input-flex >*:first-child {width: 80px;}
    .cyber .cyber-table-input .flex-area03 > div:first-child > :nth-child(2), .cyber .cyber-table-input .flex-area03 > div:last-child > :nth-child(2) { width: 100px;}
    .cyber .button-area button {width: 150px; height: 40px; font-size: 15px;}
    .cyber .cyber-table-input .input-flex-date + .table-input-flex{display: flex; flex-direction: column;}
    .cyber .cyber-table-input .input-flex-date > input {width:calc(100% - 30px) !important;}
    .cyber .cyber-table-input .input-flex-date + .table-input-flex select{width:100% !important;}
    .cyber-popup .popup-box{padding: 5%;}
    .cyber-popup .popup-box .title-area p{font-size: 24px;}
    .cyber-popup .popup-box .title-area button {width: 24px; height: 24px;}
    .cyber-popup .popup-box .title-area {margin-bottom: 15px;}
    .cyber-popup .popup-box .notice-area {padding:10% 5%;}
    .cyber-popup .popup-box .notice-area .button-area button{width: 150px; height: 40px;}

    .cyber .box-cyber {flex-direction: column;}
    .cyber .box-cyber::before{margin: 0; margin-bottom: 20px;}
    .cyber .box-cyber.flex-center::before {margin-bottom: 0;}
    .cyber-layer-popup{width: 90%;}



}



/*20231018 end*/

/* 20231106 */
input[type=text][readonly] { background-color: #eee; cursor: default;}
.cyber .cyber-table-input .flex-area01 > div { width:calc(100% / 4) ; margin: 0; }
.cyber .cyber-table-input .flex-area01 > div + div { margin:0; }
.cyber .cyber-table-input #checkEtc+ label + input[type="text"] { max-width: 160px }
.cyber .cyber-table-input .table-input-flex select[title*="시도청"] , .cyber .cyber-table-input .table-input-flex select[title*="강사"] { width: 200px }
.cyber-layer-popup { width: 500px; }


@media (max-width:1024px) {
    .cyber .cyber-table-input .flex-area01 > div { width:calc(100% / 2) ; margin: 0; }
}
@media (max-width:500px) {
    .cyber .cyber-table-input #checkEtc+ label + input[type="text"] { width: 120px; }
}

@media (max-width:425px) {
    .cyber .cyber-table-input .flex-area01 > div { width:calc(100%) ; }
    .cyber .cyber-table-input #checkEtc+ label + input[type="text"] { width: calc( 100% - 70px ); max-width: none; }
    .cyber .cyber-table-input .flex-area01 > div ~ div { margin-top:5px }
    .cyber .cyber-table-input .table-input-flex select[title*="시도청"] , .cyber .cyber-table-input .table-input-flex select[title*="강사"] { width: 100% }
}
/* 20231106 /> */