#sub_visual{width:100%;position:relative;color:#fff;font-size:1.125em; text-align:center; line-height:1.15;margin-bottom:1rem}
.ban-text{display:flex; width:100%; height:100%;position:absolute;top:0;left:0;align-items:center;justify-content:center;}
.ban-text .in{display:table-cell; vertical-align:middle}
#sub_visual .main-tit-s{font-size:2.000em;}
#sub_visual .main-text{margin-top:1.667em;word-break:keep-all;}
#sub_main{padding:3.750rem 0 3rem}

#sub_visual .sub-bg .w2000 .pc-m{display:none;}

.new-n{color:#1caef0;}
.sel-bold{font-weight:bold;}

.text-left{text-align:left !important;}

.sub-top{position:relative; padding-bottom:1.875em; margin-bottom:2.500em; border-bottom:1px solid #ddd; line-height:1.15}
.sub-top .tit{font-size:1.625rem; font-weight:700;}
.sub-top .etc{font-size:0.875em; position:absolute;right:0; bottom:1.563em;}
.sub-top .etc > *{display:inline-block; vertical-align:middle}

.sub-top .btn-share{width:40px; height:40px; border:1px solid #ddd; border-radius:3px; font-weight:500; margin-left:20px}
.sub-top .btn-share1{width:40px; height:40px; border:1px solid #ddd; border-radius:3px; font-weight:500; margin-left:20px}
.sub-top .btn-share1.mm{margin-left:5px}
.sub-top .btn-share span{background:url('../img/sub/share-i.png') center center no-repeat; padding-right:24px}
.sub-top .btn-share1.mm span{background:url('../img/sub/link-i.png') center center no-repeat; padding-right:24px}

.sns-box{position:absolute;right:0;background:#fff;border:1px solid #ddd;margin-top:8px;display:flex;z-index:10;}
.sns-box a{width:40px;height:40px;background:#fff;}
.sns-box .fb{background:url('../img/sub/fb1.png') center center no-repeat;}
.sns-box .blog{background:url('../img/sub/blog1.png') center center no-repeat;}
.sns-box .twitt{background:url('../img/sub/tw1.png') center center no-repeat;}
.sns-box .kakao{background:url('../img/sub/kakao2.png') center center no-repeat;}


/* #location{font-size:0} */
#location > li{display:inline-block; font-size:1em; padding-left:18px; margin-left:14px; vertical-align:middle; background:url('../img/common/ico-arrow.gif') left center no-repeat}
#location .home{padding-left:0; margin-left:0; white-space:nowrap; overflow:hidden; text-indent:-999px; width:18px; height:18px; background:url('../img/sub/home-i.png') center center no-repeat}

.s1 .s1-tabs{display:flex;width:100%;margin-top:40px;}
.s1 .s1-tabs li{width:15%;text-align:center;border:1px solid #ccc;padding:20px 0;font-size:17px;color:#666;font-weight:bold;}
.s1 .s1-tabs li{border-left:none}
.s1 .s1-tabs li:first-child{border-left:1px solid #ccc}
.s1 .s1-tabs li.active{color:#fff;background:#1caef0;border:1px solid #1caef0}

.tabs-st1{text-align:center; font-size:1.063rem; font-weight:500; color:#666; border-left:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:50px}
.tabs-st1 > li{float:left; border:1px solid #ddd; border-left:0; border-top:0; position:relative; width:33.33333333%; height:3.529em}
.tabs-st1 a{display:table; width:100%; height:100%;}
.tabs-st1 span{vertical-align:middle;display:table-cell;}
.tabs-st1 .active{color:#fff;background:#1caef0;border:1px solid #1caef0;}
.tabs-st1 .active:after{position:absolute;left:0;top:0;right:0;bottom:0; border:1px solid #1caef0; margin:auto; content:''}
.tabs-st1.li2 > li{width:50% !important}
.tabs-st1.li3 > li{width:33.3333%}
.tabs-st1.li3 > li2{width:50% !important;}
.tabs-st1.li4 > li{width:25%}
.tabs-st1.li5 > li{width:20%}
.tabs-st1.li6 > li{width:16.6666666667%}
.tabs-st1.li7 > li{width:14.2857142857%}
.tabs-st1.li8 > li{width:12.5%}
.tabs-st1.li1 > li{width:100%;}

.tabs-st2{text-align:center; font-size:1.063rem; font-weight:500; color:#666; border-left:1px solid #ddd; border-top:1px solid #ddd; margin-bottom:50px}
.tabs-st2 > li{float:left; border:1px solid #ddd; border-left:0; border-top:0; position:relative; width:33.33333333%; height:3.529em}
.tabs-st2 a{display:table; width:100%; height:100%;}
.tabs-st2 span{vertical-align:middle;display:table-cell;}
.tabs-st2 .active{color:#fff;background:#1caef0;border:1px solid #1caef0;}
.tabs-st2 .active:after{position:absolute;left:0;top:0;right:0;bottom:0; border:1px solid #1caef0; margin:auto; content:''}
.tabs-st2.li2 > li{width:50% !important}
.tabs-st2.li3 > li{width:33.3333%}
.tabs-st2.li3 > li2{width:50% !important;}
.tabs-st2.li4 > li{width:25%}
.tabs-st2.li5 > li{width:20%}
.tabs-st2.li6 > li{width:16.6666666667%}
.tabs-st2.li7 > li{width:14.2857142857%}
.tabs-st2.li8 > li{width:12.5%}
.tabs-st2.li1 > li{width:100%;}


.sub-newTabs{display:flex; border-width:1px 0 0 1px; border-style:solid; border-color:#ddd;}
.sub-newTabs a{font-size:17px; color:#666; font-weight:500; border-width:0 1px 1px 0; border-style:solid; border-color:#ddd; flex:1; display:flex; justify-content:center; align-items:center; height:60px;border-bottom:1px solid #1caef0;text-align:center;}
.sub-newTabs a.active{color:#1caef0;border:2px solid #1caef0;border-bottom:0;}


.bbs-top{display:flex;justify-content:space-between;align-items:flex-end;}
.bbs-top .sum{font-size:18px;font-weight:500}
.bbs-top .sum .colored{color:#1caef0}
.bbs-top .not-search{position:relative;}
.bbs-top .not-search input{width:295px;padding:10px;color:#999;font-size:14px}
.bbs-top .search-op{padding:10px;font-size:14px;width:5rem;}
.bbs-top .not-search button{width:90px;padding:10px;background:#666;color:#fff;margin-left:-4px;border:1px solid #666;font-size:14px}
.bbs-top .not-search a{width:90px;padding:10px;background:#666;color:#fff;margin-left:-4px;border:1px solid #666;font-size:14px}

.btn-not a{width:240px;height:65px;margin:0 5px;text-align:center;color:#fff;background:#1caef0;font-size:1.063em;font-weight:500;line-height:65px;}

.plus-form{width:100%;height:55px;}
#commentForm #content{width:100%;min-height:24px !important;}

/* 占쎈�믭옙�뵠�뇡占� �뵳�딅뮞占쎈뱜 */
.board-table{width:100%;margin-top:60px;border-top:2px solid #111;border-bottom:1px solid #ddd;}
.board-table thead th{font-size:1.063em;padding:25px 0}
.board-table tr{border-top:1px solid #ddd;height:65px;}
.board-table thead tr{text-align:center;}
.board-table tr td{font-size:15px;padding:20px 5px;vertical-align:middle;/* text-align:center */; vertical-align:middle}
.board-table tr td:nth-child(1){text-align:center;}
.board-table tr td:nth-child(2){/* text-align:center; */}
#tableTr tr {text-align: center;}

/* 占쎈읂占쎌뵠筌욑옙 */
.pagination{font-weight:500;margin:2em 0;}
.pagination.ac{margin-top:2em;}
.pagination .pagination-center{text-align:center;}
.pagination .pagination-center li{font-size:1em;display:inline-block;margin:0 12px;}
.pagination .pagination-center li.active{color:#1caef0;text-decoration:underline;}
.pagination .i{white-space:nowrap;overflow:hidden;text-indent:-999px;width:14px;height:11px;background-repeat:no-repeat;background-position:center center;background-size:100%;}
.pagination .first{background-image:url(/resources/total/img/common/first-i.png);}
.pagination .prev{background-image:url(/resources/total/img/common/prev-i.png);}
.pagination .next{background-image:url(/resources/total/img/common/next-i.png);}
.pagination .last{background-image:url(/resources/total/img/common/end-i.png);}

.form{border-top:2px solid #000;}
.form .item {display:table;width:100%;border-bottom:1px dotted #ccc;}
.form .tit {width:150px;padding:10px 10px 10px 20px;font-weight:600;font-size:0.938em;}
.form .cont {padding:10px 0 10px 20px;color:#666;}
.form .cont input[type=text]{padding:10px}
.form .cont input[type=password]{height:55px;width:18.750em;padding:10px;}
.form .cont textarea{padding:10px}
.form .item > * {display:table-cell;vertical-align:middle;}
.select-cate{border:1px solid #ccc;appearance:none;font:inherit;font-size:1em;background:#fff url(../img/main/select.png) 91.5% center no-repeat;padding:0 3em 0 1em;width:27.500em;height:55px;}
.item span{color:#1caef0}
.item input[type="text"]{height:45px;width:27.500em; padding:0 10px;}
.item #number{height:45px;width:27.500em}
.item #topik{height:45px;width:27.500em}
.item #context{height:312px;width:100%;padding:10px}
.item #write{height:45px;width:27.500em}
.item #numbers{width:5em;padding:0 20px;height:55px;}
.item #mobile1{width:7rem;}
.item #mobile2{width:7rem;margin-left:10px;}
.item #mobile3{width:7rem;margin-left:10px;}
.item #item_27{width:92%;margin:0 4%;}


.file_w button{width:40px;height:40px;font-size:20px;margin:0 5px;border:1px solid #111;border-radius:100%;}
.img{display:inline-block;vertical-align:inherit;}
.file-in{display:flex;align-items:center;}
/* .file-in .plus{width:41px;height:41px;background:url(../img/common/plus.png) center center no-repeat;}
.file-in .minus{width:41px;height:41px;background:url(../img/common/minus.png) center center no-repeat;} */

.btn-not{display:flex;justify-content:center;align-content:center;width:100%;margin-top:60px;}
.btn-not button{width:240px;height:65px;margin:0 5px;text-align:center;color:#1caef0;border:1px solid #1caef0;font-size:1.063em;font-weight:500;}
.btn-not .active{color:#fff;background:#1caef0;}

.photo_not{margin-top:20px;padding-top:40px;border-top:2px solid #111;display:flex;flex-wrap:wrap;width:100%}
.photo_not li{margin:0 1% 3% 1%;;width:23%;}
.photo_not .box-img{position:relative;padding-bottom:60%;overflow:hidden;}
.photo_not .box-img img{max-width:100%;position:absolute;left:0;top:0;right:0;bottom:0;margin:auto;width:100%;}
.photo_not .box-img{width:100%;height:210px;background:#ccc;}
.photo_not .p_cate{background:#1caef0;color:#fff;font-size:13px;text-align:center;width:60px;padding:3px 0;margin:20px 0 10px 0;}
.photo_not .p_title{font-size:1.125em;font-weight:bold;margin-bottom:1.125rem;}
.photo_not .n_day{font-size:0.875em;color:#999;padding:20px 0 10px 0;}

.write_btn{text-align:center;margin-top:60px;width:100%}
.write_btn button{width:240px;height:65px;border:1px solid #111;font-weight:bold;font-size:17px;}

.class-sel{width:100%;height:auto;background:#f4f4f4;margin-top:-20px;padding:30px;justify-content:center;}
.class-sel form{display:flex;flex-wrap:wrap;justify-content:space-between;}
.class-sel li{margin:0 20px;position:relative;}

.class tr td:nth-child(2){text-align:center;}
.class tr td button{color:#fff;border-radius:30px;background:#666;font-size:15px;padding:10px 20px;}
.class tr td button.active{background:#1caef0;}
.class tr td button.planned{background:#fff;border:none;color:#666}
.class tr td{padding:10px 0}

.btn-save{text-align:right;margin-top:20px;}
.btn-save button{border:1px solid #ccc;padding:5px 20px;border-radius:5px;margin-left:5px}

/* 占쎈솚占쎈씜1 */
.class-pop{width:100%;height:100%;position:absolute;background:rgba(0,0,0,0.4);top:0;left:0;display:none;z-index:150}
.class-pop3{width:100%;height:100%;position:absolute;/* background:rgba(0,0,0,0.1); */top:0;left:0;display:none;z-index:150}
.class-pop3 #createFrm{border:1px solid #ddd;}
.class-pop3 .close-bt1{border:1px solid #ddd;}
.class-pop3 .pop_w1{height:auto;}

.class-pop_1 #createFrm{border:1px solid #ddd;}

.class-pop.ac{}
.pop_w{max-width:650px;height:650px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%}
.class-pop_1 .pop_w{max-width:600px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%;border:1px solid #ddd;}
.pop_w .createFrm input{height:45px;}
.pop_w.ac{height:auto;/* border:1px solid #ddd; */}
.w_tit{width:100%;height:82px;background:#333;line-height:82px;color:#fff;font-size:21px;padding-left:30px;}
.pop-det{padding-top:10px;background:#fff;}
.pop-det li{width:100%;display:flex;padding:10px 0;}
.pop-det li .cont{width:75%}
.pop-det li .tit{font-size:1.125em;font-weight:500;padding:0 25px;width:25%;word-break:keep-all;text-align:right;}

.pop-det #f-name{height:55px;width:95%;}
.pop-det #people{height:55px;width:95%;}
.pop-det #people::-webkit-input-placeholder {text-align:right;padding-right:10px}
.pop-det #text{height:195px;width:95%;}
.pop_w .save-bt{height:70px;background:#1caef0;text-align:center;width:100%;color:#fff;font-weight:500;font-size:17px;}
.pop-det li .tit.moved{border:1px solid #111;text-align:center;line-height:45px;margin:0 20px 40px 148px;width:150px;border-radius:5px;display:none;}
.file_w1{margin-left:150px;}
.pop-det .red-s{color:#f40c33}
.pop_w .close-bt{background:url(/resources/total/img/sub/close.jpg) center no-repeat;width:50px;height:50px;position:absolute;top:0;right:-64px;}
.close-bt11{background:url(/resources/total/img/sub/close.jpg) center no-repeat;width:50px;height:50px;position:absolute;top:0;right:-64px;border:1px solid #ddd;}
/* 占쎈솚占쎈씜1 end*/

/* 占쎈솚占쎈씜2 */
.class-pop1{width:100%;height:100%;position:absolute;background:rgba(0,0,0,0.5);top:0;left:0; display:none;z-index:150}
.pop_w1{max-width:600px;height:650px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:90%}
.w_tit1{width:100%;height:82px;background:#111;line-height:82px;color:#fff;font-size:21px;padding-left:30px;}
.pop-det1{padding-top:10px;background:#fff;}
.pop-det1 li{width:100%;display:flex;padding:10px 0;}
.pop-det1 li .cont{width:75%}
.pop-det1 li .tit{font-size:17px;font-weight:500;padding:0 25px;width:25%;word-break:keep-all;text-align:right;}

.pop-det1 #f-name{height:55px;width:95%;}
.pop-det1 #people{height:55px;width:95%;}
.pop-det1 #people::-webkit-input-placeholder {text-align:right;padding-right:10px}
.pop-det1 #text{height:195px;width:95%;}
.pop-det1 #comm{height:100px;width:95%;}
.pop_w1 .save-bt{height:70px;background:#1caef0;text-align:center;width:100%;color:#fff;font-weight:500;font-size:17px;}
.pop-det1 li .tit.moved{border:1px solid #111;text-align:center;line-height:45px;margin:0 20px 40px 148px;width:150px;border-radius:5px;}
.pop-det1 .red-s{color:#f40c33}
.pop_w1 .close-bt1{background:url(/resources/total/img/sub/close.jpg) center no-repeat;width:50px;height:50px;position:absolute;top:0;right:-64px;}
.pop_w1 .w_btns{width:100%;height:70px;display:flex;}
.pop_w1 .w_btns button{width:50%}
.pop_w1 .w_btns .approv{background:#1caef0;color:#fff;}
.pop_w1 .w_btns .resign{border:1px solid #1caef0;background:#fff;color:#1caef0}
/* 占쎈솚占쎈씜2 end*/


.not-tit{/* text-align:center; */font-weight:bold;font-size:1.5em;margin:-10px 0 30px 0;word-break:keep-all;}
.not-det{width:100%;/* border-bottom:1px solid #ccc; */border-top:2px solid #111;}
.not-det.bt-no{border-top:none;}

.det-header{display:flex;align-items:center;height:68px;border-bottom:1px solid #ccc;width:100%;}
.det-header li{display:flex;align-items:center;}
.det-header li:nth-child(1){width:60%}
.det-header li:nth-child(2){width:20%}
.det-header li:nth-child(3){width:20%}
.det-header .in-tit{text-align:center;font-weight:bold;padding:0 50px;}
.det-header.none .files1 .files-column{display:flex !important;flex-direction:column;}
.det-header.none .files1{display:flex !important;height:auto;padding:2% 0;line-height:inherit;}

.det-header li p:nth-child(2){color:#666}

.det-footer{display:flex;align-items:center;width:100%;height:70px;/* border-top:1px solid #ccc; */}
.det-footer li{width:50%;padding:22px 50px;height:100%;border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.det-footer li:first-child{border-right:1px solid #ccc}
.det-footer li a{display:flex;align-items:center;}
.det-footer li{display:flex;align-items:center;}
.det-footer li .prev-not{font-weight:bold;width:130px;text-align:center;background:url(../img/sub/prev-not.png) left center no-repeat;}
.det-footer li .next-not{font-weight:bold;width:130px;text-align:center;background:url(../img/sub/next-not.png) right center no-repeat;}
.det-footer li .prev-tit{background:url(../img/sub/lines.png) left center no-repeat;padding-left:40px;font-size:1.188em;color:#666;text-overflow:ellipsis;white-space:nowrap;width:470px;overflow:hidden;}
.det-footer li .next-tit{background:url(../img/sub/lines.png) right center no-repeat;padding-right:40px;font-size:1.188em;color:#666;text-overflow:ellipsis;white-space:nowrap;width:470px;overflow:hidden;}
.det-footer li a .prev-not{font-weight:bold;width:130px;text-align:center;background:url(../img/sub/prev-not.png) left center no-repeat;}
.det-footer li a .next-not{font-weight:bold;width:130px;text-align:center;background:url(../img/sub/next-not.png) right center no-repeat;}
.det-footer li a .prev-tit{background:url(../img/sub/lines.png) left center no-repeat;padding-left:40px;font-size:1.188em;color:#666;text-overflow:ellipsis;white-space:nowrap;width:470px;overflow:hidden;}
.det-footer li a .next-tit{background:url(../img/sub/lines.png) right center no-repeat;padding-right:40px;font-size:1.188em;color:#666;text-overflow:ellipsis;white-space:nowrap;width:470px;overflow:hidden;}

.det-cont{padding:50px 50px 30px;position:relative;}
.det-cont .likes{position:relative;height:80px;margin:0 auto;}
.det-cont .likes .like-count{border:1px solid #ddd;width:85px;height:80px;position:absolute;left:50%;transform:translateX(-50%);text-align:center;bottom:0;padding:1%;}
.det-cont .likes .like-count img{width:20px;height:auto;}
/* .det-cont p{margin-bottom:50px} */
.det-cont .down-doc{position:absolute;top:5%;right:8%;width:250px;height:30px;background:url(../img/sub/down.png) left center no-repeat;}
.det-cont .down-doc a{padding-left:30px}

.view_slide_navi {position:relative; padding:0 70px; margin-bottom:40px;}
.view_slide_navi .slick-arrow {position:absolute; top:0; width:12px; height:100%; background:url('../img/sub/arrow_slide.svg') no-repeat 50% 50%;}
.view_slide_navi .slick-prev {left:0;}
.view_slide_navi .slick-next {right:0; transform:scaleX(-1);}
.view_slide_navi .slick-slide {padding:0 10px;}
.view_slide_navi .slick-slide a {display:block; border:#ddd 1px solid; width:120px; height:80px;}
.view_slide_navi .slick-slide img {width:100%; height:100%; object-fit:cover;}
.view_slide {border-top:#ccc 1px solid; padding-top:60px;}
.view_slide img {display:block; width:100%; max-width:900px; margin:0 auto;}

.photo-tit{font-weight:bold;font-size:24px;margin:-10px 0 30px 0;word-break:keep-all;}
.view-cont{padding:1.5em;}
.view-cont p{padding:1.5em;}
.view-header{border-top:2px solid #111;display:flex;width:100%;flex-wrap:wrap;}
/* .view-header .down-doc{margin:0 2%;} */
.view-header div:nth-child(1){width:33.3333%;border-bottom:1px solid #ccc;}
.view-header div:nth-child(2){width:33.3333%;border-bottom:1px solid #ccc;}
.view-header div:nth-child(3){width:33.3333%;border-bottom:1px solid #ccc;}
.view-header div:nth-child(4){width:100%;border-bottom:1px solid #ccc;}
.view-header div:nth-child(5){height:auto;}
.view-header div:nth-child(5) .txt {padding:10px 0;}
.view-header div a {display:block; line-height:48px;}
.view-header div span.down-doc a{line-height:inherit;}
.view-header div .in-tit{font-weight:bold;padding:0 50px; width:160px;}
.view-header div{height:68px;line-height:68px}
.board-view__list-item {display:flex;width:100%;}
.board-view ul.photo-det{border-bottom:1px solid #ccc;}
.view-list{border-top:1px solid #ccc}
.view-list li a{/* display:flex; */}
.view-list li{height:68px;line-height:68px}
.view-list  li a .prev-not{font-weight:bold;width:10%;text-align:center;background:url(../img/sub/up-bt.png) right center no-repeat;float:left;}
.view-list  li a .next-not{font-weight:bold;width:10%;text-align:center;background:url(../img/sub/down-bt.png) right center no-repeat;float:left;}
.view-list  li:last-child{border-bottom:1px solid #ccc;border-top:1px solid #ccc;}
.view-list li .tit{padding-left:40px;font-size:1.125em;color:#666;float:left;}

.list_btn{text-align:center;margin-top:60px;width:100%}
.list_btn button{width:240px;height:65px;font-weight:bold;font-size:17px;background:#1caef0;color:#fff;}
.list_btn > a{font-weight:bold;font-size:17px;background:#1caef0;color:#fff;padding:20px 100px}
.list_btn .edits{font-weight:bold;font-size:17px;border:1px solid #1caef0;color:#1caef0;padding:20px 100px}

/* Seoul-map */
.seoul-map{float:left;width:38%;position:relative;}
.seoul-map .nowun::hover{float:left;width:38%;padding-top:2.375rem}

.seoul-map__btns{}
.seoul-map__btns a{position:absolute; width:9.3984962406%; height:5.24934383202%; text-indent:-9999px; overflow:hidden; /* background:rgba(0,0,0,.6); */}
.seoul-map__btns a.gangnam{top:67.24147%;left:60.15037593985%;}
.seoul-map__btns a.gangdong{top:50.96850393701%;left:78.1954887218%;}
.seoul-map__btns a.gangbuk{top:25.7217847769%;left:52.81954887218%;}
.seoul-map__btns a.gangseo{top:48.03149606299%;left:15.97744360902%;}
.seoul-map__btns a.gwanak{top:76.16535433071%;left:40.78947368421%;}
.seoul-map__btns a.gwangjin{top:52%;left:67.48120300752%;}
.seoul-map__btns a.guro{top:65.92913385827%;left:25.75187969925%;}
.seoul-map__btns a.geumcheon{top:76.69028871391%;left:31.39097744361%;}
.seoul-map__btns a.nowon{top:24.9343832021%;left:65.41353383459%;}
.seoul-map__btns a.dobong{top:16.79790026247%;left:57.14285714286%;}
.seoul-map__btns a.dongdaemun{top:41.58765%;left:60.15037593985%;}
.seoul-map__btns a.dongjak{top:64.091864%;left:40.03759398496%;}
.seoul-map__btns a.mapo{top:49%;left:33.5%;}
.seoul-map__btns a.seodaemun{top:43.619423%;left:38.72180451128%;}
.seoul-map__btns a.seocho{top:73.540682%;left:54.13533834586%;}
.seoul-map__btns a.seongdong{top:50.181102%;left:58.45864661654%;}
.seoul-map__btns a.seongbuk{top:35.8%;left:53.00751879699%;}
.seoul-map__btns a.songpa{top:63.566929%;left:71.42857142857%;}
.seoul-map__btns a.yangcheon{top:60.154856%;left:23.30827067669%;}
.seoul-map__btns a.yeongdeungpo{top:59.892388%;left:33.64661654135%;}
.seoul-map__btns a.yongsan{top:55.692913%;left:47.55639097744%;}
.seoul-map__btns a.eunpyeong{top:31.5%;left:36.84210526316%;}
.seoul-map__btns a.jongno{top:41%;left:48.12030075188%;}
.seoul-map__btns a.jungnang{top:37%;left:68.98496240602%;}
.seoul-map__btns a.jung{top:47%;left:49.43609022556%;}


.ic-perc{float:right;width:60%;transition:width 0.5s;}
.perc-tit{font-size:1.625em;font-weight:bold;position:relative;/* padding-left:0.625em; */transition:width 0.5s;margin-bottom:1em;}
/* .perc-tit > span::before{content:'';display:block;width:3px;height:26px;background:#111;position:absolute;top:10px;left:0;} */
.ic-box{/* display:flex; */width:100%;/* flex-wrap:wrap; */margin-top:-2.25em;}
.ic-box li{text-align:center;width:16%;margin:2% 2% 4% 2%;float:left;height:160px;padding:0 1%;transition:width 0.5s;}
.ic-box .per-pro{font-size:2em;font-weight:500;margin-top:10px;}
.ic-box .per-name{font-size:1.063em;color:#666;word-break:keep-all;margin-top:0.313em;}
.ic-box .p-icon{height:75px;position:relative;}
.ic-box .p-icon img{position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
#pop-layer{display:none;}
.change-map{position:absolute;top:38px;left:0;}
.restart{position:absolute;top:5%;left:3%;background:#fff;color:#7ba658;text-align:center;font-weight:500;padding:1% 3%;box-shadow:rgb(0 0 0 / 10%) 0px 5px 15px}



.year-board{margin-top:4rem;}
.y-tabs button.active {background:#7ba658;color:#fff;border:1px solid #7ba658;}
.y-tabs button {display:inline-block;border:1px solid #ddd;width:80px;text-align:center;border-radius:25px;padding:0.625em 1.250em;margin-right:2px;color:#999;font-size:1em;}
.y-tabs button:last-child{width:120px;}
.y-content {display:none;}
.y-content.active {display:inherit;}
.years-table thead tr th{padding:15px 25px;word-break:keep-all;}
.years-table tbody tr td:nth-child(2){text-align:center;}
.years-table tbody tr td{font-weight:500;}
.table-comment{margin-top:0.938rem;color:#999;font-size:0.875em;word-break:keep-all;}
.year-con-select{margin:70px 0 20px;}
.bottom-graph{padding:2% 10%;}
.bottom-graph .charts{width:100%;}
.bottom-graph1{padding:2% 10%;}
.bottom-graph1 .charts{width:100%;}
.select-cate.sm{width:18.750em;font-weight:500}

.light-blue {background:#f2fafe;}
.double-bt{display:flex;margin-top:1.875em;}
.download{width:155px;color:#fff;font-size:0.938em;background:#666;margin-left:0.500em;height:55px;}
.download span{background:url(../img/seoul_map/d-icon.png) left 5px no-repeat;padding-left:24px;}
.bottom-graph.m3{position:relative;}
.select-cate.m3{position:absolute;right:1.875em;top:1.875em;width:10em;}



/* sub1 */
.page-tit{position:relative;overflow:hidden;display:block;margin-bottom:20px;}
/* .page-tit span::before{position:absolute;left:0;top:50%;width:37px;height:37px;background:url(../img/sub/tit-dot.png) center center no-repeat;content:'';transform:translateY(-50%);} */
.page-tit span{font-size:1.500em;font-weight:bold;position:relative;display:block; vertical-align:baseline;/* padding-left:3.125rem */word-break:keep-all;}
/* .page-tit span::after{content:'';position:absolute;width:100%;top:50%;margin-left:1.250rem;border-top:1px solid #111;} */
.page-tit img{margin-right:0.625rem;float:left;margin-top:0.375em;}
/* .middle-cont{margin-top:1.688em;} */
.mid-tit::before{position:absolute;left:0;top:7px;width:20px;height:16px;background:url(../img/sub/s-tit-dot1.png) center center no-repeat;content:'';;}
.mid-tit{padding-left:1.500em;font-size:1.3em;font-weight:bold;position:relative;word-break:keep-all;margin-bottom:10px;}
.middle-cont p{/* text-align:justify; */font-size:1em;word-break:keep-all;margin-top:10px;font-weight:400;}
/* .board-table.smoke1{border-top:2px solid #1caef0;} */
.board-table.smoke1 thead{border-bottom:1px solid #111;}
.board-table.smoke1 tbody tr td:nth-child(1) > ul li::before{display:none;}
.board-table.smoke1 tbody tr:nth-child(1){border-top:none;}
.board-table.smoke1 tbody tr td:nth-child(1){background:#f6f6f6;font-weight:bold;}
.board-table.smoke1 tbody tr td:last-child{border-right:none;}
.board-table.smoke1 tbody td{text-align:left;padding:0;border-right:1px solid #ddd;word-break:keep-all;}
.board-table.smoke1 tbody td ul{padding:1.250rem;word-break:keep-all;}
.board-table.smoke1 tbody td ul li > p{font-size:0.875em;}
.board-table.smoke1 tbody td ul li{margin:5px 0;position:relative;}
.board-table.smoke1 tbody td ul li::before{display:block;content:'';width:5px;height:1px;background:#666;position:absolute;top:12px;left:0;}
.board-table.smoke1 tbody td ul .dot::before{display:block;content:'';width:3px;height:3px;background:#666;position:absolute;top:12px;left:2px;}
.board-table.smoke1 tbody td ul li div{padding-left:12px;}
/* .board-table.calls tbody td:nth-child(2){text-align:left;padding-left:20px;} */


.board-table.smoke1 tbody td span{font-size:1.313em;}
.board-table.smoke1 tbody td:nth-child(1) ul{padding:1.250rem 2.500rem;}
.table-s{font-size:0.875em;color:#666;text-align:right;margin:1.250em 0 2.125rem 0;}
.board-table.smoke2 tbody td{text-align:center;}
.part-logos{text-align:center;}
.sm-logo{display:table;margin:30px 0 20px 0;}
.sm-logo li{float:left;height:7rem;width:20%;text-align:center;transition:width 0.5s;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.sm-logo li:nth-child(5n){border-right:none;}
.sm-logo li:nth-child(n+21){border-bottom:none;}
.plus-logos{font-size:15px;color:#666;border-radius:25px;border:1px solid #ccc;padding:10px 25px;}
.plus-logos .bl-plus{color:#1caef0;font-size:15px;}
.height1{margin-top:2.375rem;}
.bottom-txt{margin-top:50px;word-break:keep-all;}
.list-txt{margin-top:20px;background:#f9f9f9;padding:20px;}
.p-ac3{background:#fff;padding:0;}
.list-txt li{position:relative;margin:10px 0;}
.list-txt li p:first-child{padding-left:0.625em;font-size:1em;color:#333;font-weight:500;margin-top:0;}
.list-txt li p:first-child::before{content:'';width:3px;height:3px;background:#bbb;position:absolute;top:9px;;left:0;}
.list-txt.p-ac3 li p:first-child::before {content:'';width:3px;height:3px;background:#bbb;position:absolute;top:10px;left:0;}
.list-txt.p-ac3 li{margin:0;word-break:keep-all;}
.list-txt.p-ac3 li p{font-size:1em;font-weight:normal;}
.list-txt li p:last-child{margin-top:5px;color:#666;letter-spacing:-1.2px;font-size:0.875em;}

.bg_none { background: none !important; }
.bottom-txt.height2 { margin-top:60px;}
.sub_txt { line-height: 1.8;}

.list_box { background: #f9f9f9; display: flex; padding: 20px 40px 20px 20px; gap: 30px; }
.list_box .list { margin: 0; padding: 0;}
.list_box img { margin-top: auto; max-height: 205px; width: 100%; max-width: 260px;}

.list {margin-top: 20px; padding: 20px; background: #f9f9f9;}
.list li {position:relative;}
.list li + li { margin-top: 20px;}
.list li strong { margin-top: 20px; margin-bottom: 10px; display: block;}
.list li p { padding-left:0.625em;font-size:0.94em;color:#111;font-weight:400; margin-top: 0;}
.list.ty1 { padding: 0;}
.list.ty1 li { margin-top: 10px;}
.list.ty1 li p:first-child::before {content:'';width:3px;height:3px;background:#bbb;position:absolute; top: 12px;left:0;;}
.list.ty2 li p:first-child::before { display: block; content: ''; width: 5px; height: 1px; background: #666; position: absolute; top: 12px; left: 0;}

.graph-txt{margin:1.688em 0 1.250em 0;font-size:1em;}
.pg1 .table-s{text-align:center;}
.bg{background:#f6f6f6;font-weight:bold;}
.mid-tit.space{margin-top:2.5em}
.img-box{margin-top:40px;display:flex;}
.img-1{position:relative;margin-bottom:0.875em;}
.img-1 span{padding-left:10px;font-weight:bold;}
.img-1::before {content:'';width:4px;height:4px;background:#111;position:absolute;top:12px;left:0;}
.blue01{background:#1caef0;color:#fff;border-radius:20px;padding:2px 8px;margin-right:0.438em;text-align:center;}
.img-ab{margin-top:1.250em;}
.img-a{float:left;margin-right:1.250em;}
.img-box .img-exp{text-align:right;font-size:0.875em;color:#888;transition:all ease-in-out .3s;}
.mid-exp{margin:20px 0 40px;}
.middle-cont .last-txt{margin-top:50px;}
.middle-cont .last{font-size:0.875em;color:#888;}

/* 240507 추가 */
.w_100 { width: 100% !important;}
.normal-txt {margin-top:1.250em;word-break:keep-all;}
.break-txt {margin-top:1.250em; word-break: break-all;}
.middle-tl{width:100%;margin-top:2.188em;display:flex;align-items:flex-end;padding:2% 5%;}
.middle-tl li{width:25%;text-align:center;font-size:1.063em}
.middle-tl li span{font-weight:bold;}
.base{width:100%;height:15px;margin:10px 0 20px;}
.line-1{background:#1caef0;border-radius:10px 0 0 10px;}
.line-2{background:#14b9c4;}
.line-3{background:#63c25f;}
.line-4{background:#afdf4e;border-radius:0 10px 10px 0;}
.line-tit{height:80px;}
.list-txt.p-ac li a{font-weight:500;}
.list-txt.p-ac li a .norm{font-weight:normal;}
.small-up{font-size:0.750em;vertical-align:5px;color:#1caef0;}
h3 .small-up {font-size:0.750em;vertical-align:5px;color:#1caef0;position:absolute;top:0;left:209px;}
.list-txt.p-ac3 li a{font-weight:normal;}
.mid-graph{display:flex;width:100%;margin-bottom:20px;}
.mid-graph .gr-tit{font-size:17px;color:#333;margin-bottom:2%;font-weight:bold;}
.mid-graph .gr-tit1{font-size:15px;color:#666;margin-bottom:1%;text-align:right;margin-top:3px;}
.mid-graph .gr1{width:49%;}
.mid-graph .gr1:last-child{margin-left:2%;}
.mid-graph .gr1.m:last-child{margin-left:0;border-left:0;}
.mid-graph .gr1.m{width:50%;border:1px solid #ddd;text-align:center;border-top:none;}
.mid-graph .gr1.m .gr-tit{background:#f7f7f7;text-align:center;padding:10px 0;}
.mid-graph.m{border-top:2px solid #1caef0;}
.mid-graph.m img{padding-top:20px;}

.mid-graph.two {display:flex;width:100%;margin-bottom:20px; flex-wrap: wrap; gap: 30px;}
.mid-graph.two .gr1 { width: calc((100% - 30px) / 2);}
.mid-graph.two .gr1:last-child{margin-left:0;}

/* 240510 추가 */
.one_box { width: 50% !important; margin: 0 auto;}
.one_box .one_list { width: 100% !important; border-left: 1px solid #ddd !important;}
.one_box .one_list .mid-graph.m img { padding-top: 0;}
/* .mid-graph img{width:49%;} */

.mid-tit.m{margin-top:1em;}
.bottom-comment.m{border-top:none;margin-top:0;}
.gr1.big{margin-top:1.5em;}
.gr1.big.m{margin-bottom:2.5em;}
.pg1.m{margin-bottom:0;}
.middle-cont.m{margin-top:-3em;}
.middle-cont.m table tbody tr td:first-child{text-align:left;padding-left:30px;}
.middle-cont.m .board-table{margin-top:10px;}
.middle-cont.m .table-unit{margin:50px 0 10px;text-align:right;}
.middle-cont.m .table-s.m{background:#f7f7f7;padding:5px 20px 5px 0px;border-bottom:1px solid #ddd;margin:0;}
.down-tit.m{font-size:1.125em;font-weight:bold;position:relative;word-break:keep-all;margin-top:3em;}
.pg1.m .graph-txt{margin:1em 0 1.25em 0;}
.board-table.m thead tr{background:#f7f7f7;}
.board-table.m thead tr th{border-right:1px solid #ddd;}
.board-table.m thead tr th:last-child{border-right:none;}
.board-table.m tbody tr td:first-child{text-align:center !important;background:#fff;padding-left:0 !important;font-weight:normal;}

.box-img{border:1px solid #ddd;position:relative;margin-top:20px;}
/* .box-img span{position:absolute;top:0;right:0;margin-right:0;color:#fff;} */
.box-img span.proceed{background:#63c25f;}
.box-img span.closed1{background:#999;}
.box-img span.planned{background:#e87209;}


.box-img .tabs1::before{display:none;}
.box-img .tabs1{background:#f9f9f9;padding-top:1.250em;padding-bottom:1.250em;border-top:2px solid #1caef0;}
.four-b{width:100%;display:flex;margin-top:1.875rem;}
.four-b .box-txts{width:24%;transition:width 0.5s;}
.box-txts .b-tit{background:#f9f9f9;text-align:center;padding:1em 0;font-size:1em;font-weight:600;border-top:2px solid #1caef0;}
.box-txts{border:1px solid #ddd;}
.b-tit-mid li{position:relative;}
.b-tit-mid{padding:6% 8%;word-break:keep-all;}
.box-txts:nth-child(2){margin:0 2%}
.box-txts:nth-child(3){margin-right:2%}
.b-tit-mid li::before{content:'';display:block;width:3px;height:3px;background:#111;float:left;position:absolute;top:10px;left:0;}
.b-tit-mid li span{padding-left:10px;}
.b-tit-mid li .diff-t{color:#666;font-size:0.875em;}
.physc5 thead th{padding:0}


/* tab3 */
.three-part{margin-top:50px;}
.three-part > ul{display:flex;align-items:flex-end;width:100%;}
.three-part li{width:32.3333%;text-align:center;border-bottom:none !important;transition:width 0.5s;}
.three-part li:nth-child(2){margin:0 1%;}
.three-part .part-tit{font-size:1.125em;padding:1rem 0;color:#fff;background:#14b9c4;font-weight:bold;border-radius:15px;text-align:center;margin:1.025em 0 0.625em;}
.three-part .part-tit.second{background:#63c25f;}
.three-part .part-tit.third{background:#afdf4e;}
.ac-box > li{width:100%;display:flex;justify-content:center;align-items:center;border-bottom:1px solid #edf5f7;position:relative;padding:20px 0}
.ac-box > li:last-child::after{display:none;}
.ac-box{background:#f3fbfc;border:1px solid #edf5f7;border-radius:20px;height:338px;}
.ac-box.b2{background:#f7fcf7;border:1px solid #d4e8d3;}
.ac-box.b3{background:#fbfdf6;border:1px solid #dfe8ce;}
.ac-txt{text-align:left;padding-left:24px;width:228px;}
.ac-box > li::after{display:block;content:'';width:60%;height:1px;background:#dbecee;position:absolute;bottom:0;}
.ac-txt .big-co{font-size:1.125em;font-weight:500}
.ac-txt .co-time{color:#1caef0;}
.ac-txt .co-time1{color:#63c25f;}
.ac-txt .co-time2{color:#afdf4e;}
.bottom-comment{margin-top:4em;margin-bottom:-1em;border-top:1px solid #ddd;color:#888;font-size:0.875em;padding-top:20px;word-break:keep-all;}
.bottom-comment .co-number{color:#1caef0;}

/* �뜮袁⑥춸 tab2 */
.normal-txt.no-pt{margin-top:0.313em;}
.hl-box{width:100%;border:1px solid #ddd;background:#f7f7f7;text-align:center;margin:1.125em 0 1.500em;}
.hl-box span{color:#666;}
.hl-tit{font-size:1.250em;font-weight:bold;color:#1caef0;margin-top:1.875rem;word-break:keep-all;padding:0 10%}
.hl-box .hl-perc{display:flex;justify-content:center;padding:1.063em 0;}
.hl-box .hl-perc li{padding:1em 3em;transition:width 0.5s;}
.hl-box .hl-perc li:first-child{border-right:1px dotted #ccc;}
.strategy{width:100%;border:1px solid #ddd;background:#fff;text-align:center;padding:1.875em 0;margin:1.125em 0 1.500em;}
.strategy .st-four li{text-align:center;float:left;width:21%;margin:0 2%;color:#666;transition:width 0.5s;}
.strategy .st-four li > div{margin-top:0.313em;word-break:keep-all;}
.strategy .st-four{width:80%;margin:0 auto;}
.board-table.home-w th{padding:0;background:#f7f7f7;border-right:1px solid #ddd;border-top:2px solid #1caef0;height:45px !important;font-size:1em;}
.board-table.home-w th:last-child{border-right:none;}
.board-table.home-w tbody td:last-child{border-right:none;}
.board-table.home-w tbody td{padding:0;border-right:1px solid #ddd;text-align:left;}
.board-table.home-w tbody td li{position:relative;}
.board-table.home-w tbody td li::before{content:'';width:3px;height:3px;background:#999;position:absolute;top:10px;left:0;}
.board-table.home-w tbody td li span{padding-left:8px;}
.board-table.home-w tbody td ul{padding:5%;}

/* �뜮袁⑥춸 tab3 */
.protect{width:100%;background:#f7f7f7;padding:2%;margin-top:1em;}
.protect .pro-tit{position:relative;}
.protect .pro-tit::before{content:'';width:4px;height:4px;background:#111;position:absolute;top:10px;left:0;}
.protect .pro-tit span{padding-left:10px;font-weight:bold;}
.protect ul{padding-left:10px;font-size:0.875em;color:#666;word-break:keep-all;}
.protect .pro-det:nth-child(2){margin:1.125em 0}


.board-view__item{padding:2em 1em;line-height:2;}
/* .board-comment__write-info{display:flex;} */

 
/* tab4 */
.board-table.physic1{border-top:2px solid #1caef0;margin-top:10px;}
.board-table.physic1 tr td{text-align:center;}
.board-table.physic1 tr .bgbg{background:#f6f6f6;}
.board-table.physic1 tr .left{border-left:1px solid #ddd;border-right:1px solid #ddd;}
.middle-cont .unit{text-align:right;color:#666;margin-top:60px;}


/* 占쎌쟿雅뚳옙 */
.img-box.hi{text-align:center;display:block;}
.img-jk{padding-top:50px;}
.img-jk_0604{padding-top:10px;}
.monitoring{padding:1em 0}
.monitoring li{position:relative;}
.monitoring li p{padding-left:10px;font-size:1em;margin-top:0;line-height:1.7;}
.monitoring li p::before{content:'';width:4px;height:4px;background:#111;position:absolute;top:12px;left:0;}
.monitoring_0604{padding:0.2em 0}
.monitoring_0604 li{position:relative;}
.monitoring_0604 li p{padding-left:10px;font-size:1em;margin-top:0;line-height:1.7;}
.monitoring_0604 li p::before{content:'';width:4px;height:4px;background:#111;position:absolute;top:12px;left:0;}
.alc-dr{padding-top:1.875rem;}
.alc-dr ul li{display:flex;}
.alc-dr .box-tt{width:20%;border-radius:10px;color:#fff;background:#1caef0;text-align:center;font-size:1.250em;padding:5rem 1rem;word-break:keep-all;transition:width 0.5s;display:flex;justify-content:center;align-items:center;}
.alc-dr .box-contnt{background:#f3fbfe;border:1px solid #cae6f2;border-radius:10px;width:79%;margin-left:1%;padding:2% 3%;}
.alc-dr .box-contnt .sm-tt{color:#1caef0;font-weight:bold;margin:1em 0 -0.626em}
.monitoring.bf-color li p::before{background:#1caef0;}
.monitoring.bf-grey li p::before{background:#999;}
.monitoring.bf-color li p{font-weight:500;}
.green-bl{margin:2% 0;}
.green-bl .box-tt{background:#14b9c4;padding:15rem 1rem}
.green-bl .box-contnt{background:#f3fbfc;border:1px solid #dbecee;}
.green-bl .box-contnt .sm-tt{color:#15adb7;}
.green-bl .monitoring.bf-color li p::before{background:#14b9c4;}
.monitoring .bold500{font-weight:500;}
.green-gr{margin:2% 0;}
.green-gr .box-tt{background:#63c25f;padding:14rem 1rem}
.green-gr .box-contnt{background:#f7fcf7;border:1px solid #d4e8d3;}
.green-gr .box-contnt .sm-tt{color:#46a742;}
.green-gr .monitoring.bf-color li p::before{background:#46a742;}
.green-ye .box-tt{background:#afdf4e;padding:15rem 1rem}
.green-ye .box-contnt{background:#fbfdf6;border:1px solid #dfe8ce;}
.green-ye .box-contnt .sm-tt{color:#85b81e;}
.green-ye .monitoring.bf-color li p::before{background:#85b81e;}
.green-ye .monitoring.bf-grey li{margin-top:0.626em;}
.alc-drive{margin:-1em 0 1.5em;}
.alc-drive li{position:relative;}
.alc-drive li p::before{content:'';width:3px;height:3px;background:#111;position:absolute;top:12px;left:0;}
.alc-drive li p {padding-left:10px;font-size:1em;margin-top:0;line-height:1.7;}
/* .pg1{margin-bottom:4em;} */


/* 獄쎻뫖揆 椰꾨떯而�*/
h3 .small-up.short {font-size:0.550em;top:5px;left:149px;}
.midd-image{background:#f9f9f9;text-align:center;margin-bottom:1.875em;}
.midd-image img{padding:30px 0;}
.bt-short{margin:1.650em 0 1em;}
.midd-down{text-align:center;margin-bottom:1.875em;border:1px solid #dfdfdf;}
.midd-down img{margin:30px 0 0 0;}
.midd-down.sec img{margin:30px 0 30px 0;}
.midd-down.mnm img{margin:0;}
.midd-down.mnm .icon-line{margin:30px 0 30px 0;display:flex;justify-content:center;align-items:center;}
.midd-down.mnm .icon-line .ic-01:nth-child(2){margin:0 2%;}
.midd-down.mnm .icon-line .ic-01{width:15%;}
.midd{margin:30px 0 30px 0;text-align:center;}

.dotted{margin:20px 0 30px;}
.dotted li{position:relative;}
.dotted li::before{content:'';display:block;width:3px;height:3px;background:#1caef0;float:left;position:absolute;top:10px;left:0;}
.dotted li span{padding-left:0.625em;}
.tabs-st1 .li2{width:50%;}
.vis-pur{width:100%;margin-top:50px;}

.vis-pur .vision{float:left;width:30%;position:relative;}
.vis-pur h4{position:relative;width:100%;text-align:center;z-index:150;font-weight:500;}
.vis-pur .vis-line{width:100%;background:#ddd;height:1px;position:absolute;top:12px;left:0}
.vis-tit{position:relative;}
.vis-tit .txt-bg{background:#fff;padding:0 12px;}
.pur-tit .txt-bg{background:#fff;padding:0 12px;}
.vis-pur .purpose{float:left;width:65%;position:relative;margin-left:40px;}
.vis-cont{text-align:center;padding:7%;}
.pur-sam{width:100%;display:flex;padding:2% 0;}
.pur-sam li{width:33%;background:#edfafa;border-radius:90px;padding:3% 4%;text-align:center;font-weight:bold;transition:width 0.5s;}
.pur-sam .big-pur-n{font-size:1.875em;color:#14b9c4;font-style:italic;}
.pur-sam li:nth-child(2){background:#f3faf2;margin:0 1.5%;}
.pur-sam li:nth-child(2) .big-pur-n{color:#63c25f;}
.pur-sam li:nth-child(3){background:#f9fcf1;}
.pur-sam li:nth-child(3) .big-pur-n{color:#afdf4e;}
.pur-sam .pur-cont{font-size:1.125em;line-height:1.3;}

.p-ac3.m5-1{margin-top:10px;}
.p-ac3.m5-1 li p{font-size:1em;color:#111;margin-top:0;}
.p-ac3.m5-1 li p:first-child::before{top:12px;}
.imp-conts{/* background:#f7f7f7 */padding:1%;margin:0.825rem 0;}
.imp-conts .impt-tit{font-size:1em;font-weight:bold;margin-bottom:0.313rem}
.imp-conts li{color:#666;}

.steps{display:flex;justify-content:center;/* background:#f7f7f7 */;padding:30px 0;margin:20px 0;align-items:center;}
.steps .step{text-align:center;width:30%;height:100%;transition:width 0.5s;}
/* steps .top-ic1{background:url(../img/sub/step1.png) center no-repeat;width:209px;height:210px;} */
/* .steps .top-ic2{background:url(../img/sub/step2.png) center no-repeat;width:209px;height:210px;}
.steps .top-ic3{background:url(../img/sub/step3.png) center no-repeat;width:209px;height:210px;} */
.prog-ic{padding-bottom:4%}
.steps .co-s{font-size:1.063em;font-weight:bold;color:#1caef0;}
.steps .step span{padding-top:0.825em;}
.board-table.result tbody tr td:first-child{text-align:center;width:15%}
.board-table.result thead th{font-size:15px;height:65px;padding:0 1.875rem;;border-bottom:1px solid #ddd;}
.board-table.result thead th:first-child{background:#f6f6f6;}
.board-table.result thead th:last-child{text-align:left;font-weight:normal;border-left:1px solid #ddd;}
.board-table.result tbody tr td{padding:0 1.875rem;}
.board-table.result .row6{width:15% !important;text-align:center;font-weight:bold;}
.sm-logo.res{margin-top:10px;}


/* sub4 - totalhealth */
#sub_visual4{background:url(../img/sub/sub-4.jpg) center no-repeat;width:100%;position:relative;color:#fff;height:275px; font-size:1.125em; text-align:center; line-height:1.15}
#sub_visual4 .main-tit-s{font-size:2.000em;}
#sub_visual4 .main-text{margin-top:1.667em;padding:0 20px;word-break:keep-all;}
.select-year{margin-left:20px;border:1px solid #ccc;appearance:none;font:inherit;font-size:1em;background:#fff url(../img/main/select.png) 85% center no-repeat;padding:0 3em 0 1em;width:8.125em;height:55px;}
#total-lists{display:flex;align-items:center;position:relative;margin-top:-40px;padding:20px 0;background:#f9f9f9}
#total-lists .bbs-top{margin-left:20px}
.total-tabs{position:absolute;right:2%;display:flex;font-size:15px;font-weight:500;}
.see-cal {background:url(../img/sub/calendar-icon.png) left center no-repeat;padding-left:24px;}
.see-not {background:url(../img/sub/notice-icon.png) left center no-repeat;padding-left:24px;margin-left:20px;}

.cal-work{display:flex;margin-top:60px;}
.cal-box{width:55%;transition:width 0.5s;}
.custom_calendar_table{width:100%}
.cal_date {display:flex;justify-content:center;align-items:center;margin-bottom:35px;font-family:'GmarketSansMedium';}
.cal_date p{font-size:31px;font-weight:bold;background:url(../img/sub/day-ic.png) right 8px no-repeat;padding-right:30px;margin-top:5px;}
.cal_date button {width:40px;height:40px;background-position:center center;display:block;background-repeat:no-repeat;text-indent:-9999px;}
.cal_date .prev {background-image:url(../img/sub/cal-p.png);margin-right:15px;}
.cal_date .next {background-image:url(../img/sub/cal-n.png);margin-left:15px;}
.custom_calendar_table thead.cal_week tr {border-top:1px solid #ccc;border-bottom:2px solid #666;font-size:0.875em;font-family:'GmarketSansMedium';}
.custom_calendar_table thead.cal_week th:first-child{color:#ee2222;}
.custom_calendar_table thead.cal_week th:last-child{color:#0038da;}
.custom_calendar_table thead.cal_week th{padding:15px 0}
.evented{background:#f9f9f9;}
.evented ul{display:flex;flex-direction:column;align-items:flex-end;}
.green-ev{margin:2px 0;line-height:20px;width:40px;height:20px;border-radius:10px;color:#fff;font-size:15px;text-align:center;display:inline-block;}
.blue-ev{background:#2e86fe;}
.green-ev{background:#2e86fe;}
.orange-ev{background:#ff9c1c;}

.custom_calendar_table{position:relative;}
.custom_calendar_table:after{position:absolute;right:-1px;top:0;width:1px;height:100%;content:''; background:#fff}
.custom_calendar_table tbody td {cursor:pointer;}
/* .custom_calendar_table tbody td.select_day {background-color:#288CFF;color:#fff;} */
#custom_set_date tr td{width:100px;height:100px;}
#custom_set_date tr{border-bottom:1px solid #ccc;}
#custom_set_date tr td{padding-bottom:90px;vertical-align:top;text-align:right;border-right:1px solid #ccc;padding:10px;color:#ccc;}
#custom_set_date tr:last-child td{border-right:1px solid #ddd;}

.edu-type{display:flex;font-size:0.875em;color:#999;margin-top:10px}
.edu-type a{position:relative;margin-right:20px}
.edu-type a span{margin-left:10px}
.edu-b::before{content:'';display:block;width:6px;height:6px;background:#2e86fe;border-radius:100%;position:absolute;top:50%;transform:translateY(-50%);margin-top:1px;}
.edu-o::before{content:'';display:block;width:6px;height:6px;background:#ff9c1c;border-radius:100%;position:absolute;top:50%;transform:translateY(-50%);margin-top:1px;}
.edu-g::before{content:'';display:block;width:6px;height:6px;background:#30c259;border-radius:100%;position:absolute;top:50%;transform:translateY(-50%);margin-top:1px;}

.edu-t{color:#2e86fe;margin-left:5px;}
.edu-s{color:#ff9c1c;margin-left:5px;}
.edu-r{color:#30c259;margin-left:5px;}

.list-box{margin-left:60px;width:39%;margin-top:75px;height:auto;overflow-y:scroll;transition:width 0.5s;}
.list-box::-webkit-scrollbar-thumb {border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / 30%);background-color:#ddd;}
.list-box::-webkit-scrollbar {width:5px;background-color:#F5F5F5;}
.edu-tit{font-size:1.125em;font-weight:bold;word-break:keep-all;}
.info-box{width:100%;height:7.125em;border:1px solid #ccc;border-radius:5px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 25px;}
.see-app-more{font-size:15px;font-weight:bold;border:1px solid #aaa;border-radius:25px;padding:5px 0;text-align:center;width:100px;}
.app-box div span:first-child{margin-right:13px;color:#888;}
.app-box div span:last-child{font-size:1em;font-family:'GmarketSansMedium'}
.app-box .app-accept .num-edu{margin-left:-5px;}
.app-box .app-accept span.col-b{color:#2e86fe;}
.list-edus{margin-bottom:50px;width:98%;}
.planned{color:#0038da;border:1px solid #0038da;padding:2px 5px;margin-right:10px;font-size:15px;font-weight:normal;border-radius:5px}
.closed1{color:#999;border:1px solid #999;padding:2px 5px;/* margin-right:10px; */font-size:15px;font-weight:normal;border-radius:5px}
.list-edus.orange .info-box{border-left:5px solid #30c259;}
.list-edus.orange span.col-b{color:#30c259;}
.list-edus.green .info-box{border-left:5px solid #ff9c1c;}
.list-edus.green span.col-b{color:#ff9c1c;}

.total_health tr td:nth-child(2){text-align:center;}
.total-list2{background:#fff !important;}
#total-lists #listFrm1{width:100%}
.n1{opacity:0.5}

.agree-txt::-webkit-scrollbar-thumb {border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgb(0 0 0 / 30%);background-color:#ddd;}
.agree-txt::-webkit-scrollbar {width:5px;background-color:#F5F5F5;}

.finished-pro{color:#ccc;}
.planned-pro{color:#ccc;}


/* sub6  - greetings*/
#sub_visual6{background:url(../img/sub/sub-6.jpg) center no-repeat;width:100%;position:relative;color:#fff;height:275px; font-size:1.125em; text-align:center; line-height:1.15}
.ban-text{display:flex; width:100%; height:100%;align-items:center;justify-content:center;}
.ban-text .in{/* display:table-cell;  */vertical-align:middle}
#sub_visual6 .main-tit-s{font-size:2.000em;}
#sub_visual6 .main-text{margin-top:1.667em;padding:0 20px;word-break:keep-all;}
.greet{padding-top:30px;display:flex;}
.ceo-img{width:400px;height:565px;background:#ccc;}
/* .greet-txt{margin-left:87px;} */
.greet-tit{font-size:2.063em;font-weight:500;}
.greet-tit::before{content:'';display:block;width:30px;height:4px;background:#111;margin-bottom:20px}
.greet-tit .green{color:#63c25f;font-weight:bold}
.greet-msg{margin-top:30px;font-size:1.063em;line-height:1.6;letter-spacing:-1px;}
.sign{text-align:right;font-size:1.125em;margin-top:30px;word-break:keep-all;}
.sign .bold-name{font-weight:bold;font-size:1.188em}

/* sub6 - history */
.history .hs-img{width:100%;position:relative;padding:1em 0 7em;}
.history .top-txt{font-size:1.875em;font-weight:bold;text-align:center;line-height:1.4;position:absolute;left:50%;transform:translate(-50%,-50%);top:50%;color:#111;width:100%}
.history-line{padding-top:40px;position:relative;margin-top:40px;}
.history-line .group{width:50%;float:right}
.history-line .group.l dd{text-align:right;padding-top:8px;font-size:1.125em;}
.history-line .group.l dd .month{color:#666;}
.history-line .group.r dd{padding-top:7px;font-size:1.125em;}
.history-line .group.r dd .month{color:#666;}
.history-line .group.r .year{float:left;}
.history-line:before {position:absolute;left:50%;top:0;width:1px;height:100%;content:'';background:#ddd;}
.history-line .group.l .year {float:right;width:30%;height:100px;padding:0 6rem 0 1rem;position:relative;font-size:1.875em;font-weight:bold}
.history-line .group.r .year {float:left;width:30%;height:100px;padding:0 1rem 0 6rem;text-align:right;position:relative;font-size:1.875em;font-weight:bold}
.history .group.l .year::before{content:'';background:url(../img/sub/chart-dot.png) center center no-repeat;width:23px;height:23px;position:absolute;top:9px;z-index:10;right:-12px;}
.history .group.l .year::after{content:'';display:block;width:100px;height:1px;background:#1caef0;position:absolute;top:20px;right:0;}
.history .group.r .year::before{content:'';background:url(../img/sub/chart-dot.png) center center no-repeat;width:23px;height:23px;position:absolute;top:12px;z-index:10;left:-12px;}
.history .group.r .year::after{content:'';display:block;width:100px;height:1px;background:#1caef0;position:absolute;top:23px;left:0;}

/* 240507 수정*/
.history-line .h-2021{margin-top:140px;}
.history-line .h-2020{margin-top:30px;}
.history-line .h-2017{margin-top:140px;}
/* .history-line .h-2014{margin-top:10px;} */
.history-line .h-2013{margin-top:10px;}
.history-line .h-2012{margin-top:150px;}
.history-line .h-2010{margin-top:10px;}


/* 占쎄텢占쎈씜占쎈꺖揶쏉옙 */
.bg-pic{width:100%;position:relative;color:#fff;text-align:center;font-size:1.750em;font-weight:bold;word-break:keep-all;margin-top:20px;}
.bg-pic .pc-m{display:none}
.bg-pic span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;}
.row4 li{padding:3.125em 0;border-bottom:1px solid #ddd;transition:width 0.5s;}
.row4 li:last-child{border-bottom:none;}
.row4 li .text-side p:first-child{font-size:1.375em;font-weight:bold;}
.row4 li .text-side p:last-child{line-height:1.8;word-break:keep-all;}
.r1{background:url(../img/sub/big1.png) center no-repeat;width:131px;height:151px;float:left;margin:0 60px 0 100px;}
.diff1{background:url(../img/sub/big2.png) center no-repeat;}
.diff2{background:url(../img/sub/big3.png) center no-repeat;}
.diff3{background:url(../img/sub/big4.png) center no-repeat;}
.page-tit.cntr{text-align:center;margin-bottom:20px;}
.no-inner{background:url(../img/sub/colorful-bg.jpg) center no-repeat;width:100%;text-align:left;margin-top:-6em;color:#fff;padding:9em 0 4em;font-size:1.125em;word-break:keep-all;}
.double-img{position:relative;}
.imp-txt{max-width:1400px;margin:0 auto;text-align:left;}
.imp-tit{font-size:1.500em;padding:3rem 0;font-weight:bold;}
.imp-cont > li{display:flex;width:100%}
.imp-cont > li .tab-t{width:10%;margin-right:2%;border-top:2px solid #111;padding:3% 0;font-size:1.125em;font-weight:bold;}
.imp-cont > li ul{border-top:2px solid #e1e1e1;padding:3% 0;font-size:1.063em;color:#333;width:88%;}
.imp-cont > li ul li{margin-bottom:1%;position:relative;word-break:keep-all}
/* .imp-cont > li > ul > li::before{content:'';display:block;width:3px;height:3px;background:#999;position:absolute;top:10px;left:0;} */
/* .imp-cont > li > ul > li > span{padding-left:10px;word-break:keep-all;} */
.imp-cont > li ul li::before{content:'';display:block;width:3px;height:3px;background:#999;position:absolute;top:10px;left:0;}
.imp-cont > li ul li div{padding-left:10px;}


/* sub6 - organization-chart */
.organization{background:#f9f9f9;text-align:center;}
.organization img{padding:45px 0 95px;}
.top{width:31%;height:80px;font-size:28px;font-weight:bold;color:#fff;background:#1caef0;border-radius:40px;text-align:center;line-height:80px;margin:0 auto;}
.top::after{position:absolute;left:49.7%;width:9px;height:9px;content:'';border-radius:100%;background:#fff;top:7.5%;border:2px solid #1caef0;z-index:10;}
.organization .top{width:100%;height:80px;font-size:1.750em;font-weight:bold;color:#fff;background:#1caef0;border-radius:40px;text-align:center;line-height:80px;margin:0 auto; max-width:450px}
.organization > ul{position:relative;padding-top:3em;margin:0 12%;}
.organization > ul:before{position:absolute;left:50%;width:1px;height:122px;content:'';border-right:2px solid #ccc;top:0;}
.organization .teams{position:relative;padding:4.5em 2em 4em;}
.organization .teams:before{position:absolute;left:14.5%;width:71.5%;content:'';height:1px;border-top:2px solid #ccc;top:7%}
.organization .teams > li{float:left; width:23.8%;color:#fff;background:#14b9c4;position:relative;border-radius:40px;height:8%;}
.organization .teams > li:before{position:absolute;left:50%;top:-3.5em;width:1px;height:4em;border-left:2px solid #ccc;content:'';margin-left:2px;}
.organization .teams > li.e{margin:0 14.2%;}
.organization .teams > li > strong{display:block;font-size:1.625em;text-align:center;padding:0.78em 1em;position:relative;font-weight:bold}
.organization .teams > li strong:before{position:absolute;left:51.5%;width:9px;height:9px;content:'';border:2px solid #14b9c4;margin-left:-0.25em; top:-0.2em;z-index:1;border-radius:50%;background:#fff;}
.organization .txt{text-align:center;margin-top:2.5em;}
.organization .txt span{display:inline-block;}
.org-table{width:100%;}
.org-table thead th{background:#1caef0;color:#fff;height:80px;line-height:80px;position:relative;text-align:center;font-size:24px;font-weight:500;}
.org-table thead th:nth-child(1)::after{content:'';display:inline-block;width:2px;height:30px;background:#61c6f5;position:absolute;top:32%;right:0;}
.org-table thead th:nth-child(2)::after{content:'';display:inline-block;width:2px;height:30px;background:#61c6f5;position:absolute;top:32%;right:0;}
.org-table tbody tr td{text-align:center;font-size:1.500em;padding:20px 0;background:#f8f8f8;}
.org-table tbody tr:nth-child(2){border-top:1px dotted #ccc;}
.org-table tbody tr:nth-child(5){border-top:1px dotted #ccc;}
.org-table tbody tr:nth-child(7){border-top:1px dotted #ccc;}


/* 占쎈꺖占쎈꺖占쎈립 椰꾨０由� - 占쎈뻿筌ｏ옙 */
.prog-check button{border-radius:5px;padding:5px 10px;padding:2px 5px;font-size:15px;}
.prog-check .progress{color:#fff;background:#1caef0;}
.prog-check .closed {color:#fff;background:#666;}
.prog-check .approved {color:#1caef0;border:1px solid #1caef0;}
.proceed{color:#ee2222;border:1px solid #ee2222;padding:2px 5px;font-size:15px;font-weight:normal;border-radius:5px}
.proceed.mr{margin-right:10px;}
.table-tit-check{font-size:1.500em;font-weight:500;display:flex;align-items:center;word-break:keep-all;margin-bottom:2%;}
.up-file{background:#f8f8f8;border-bottom:1px solid #ddd;width:100%;}
.up-tit{float:left;padding-left:35px;font-weight:bold;width:10%;border-right:1px solid #ccc;margin:20px 0;}
/* .up-tit::after{display:inline-block;width:2px;height:14px;content:'';background:#d4d4d4;margin:0 35px;} */
.files{width:90%;text-decoration:underline;color:slateblue;float:left;margin:20px 0;padding-left:3%;}
.link{width:90%;float:left;margin:20px 0;padding-left:3%;}
.applied{margin-top:70px;display:flex;transition:width 0.5s;}
.applied ul{width:50%;transition:width 0.5s;width:100%;}
.applied ul li label{background:#edf6fa;}
.mob p{height:55px;line-height:55px;}
.checked {display:flex;justify-content:center;}
.checked button{margin:0 5px;font-weight:500}
.checked .list{background:#666}
.checked .cancel-c{background:#fff;border:1px solid #ddd;color:#666;}
.applied input#p-name{background:#f4f4f4}
.soso_walk li label{background:#eee}


/* login */
.login-top{text-align:center;}
.login-top h4{font-size:36px;font-weight:bold;}
.login-top .log-tit{font-size:17px;padding:10px 0;word-break:keep-all;padding:30px 10px 0;}
.login-list{margin-top:60px;display:flex;flex-direction:column;align-items:center;}
.member-login{width:45%;/* padding:0 95px 20px 95px; *//* border-right:2px solid #111 */}
#memberLogin{display:flex;flex-direction:column;}
#memberLogin button{width:100%;height:94px;background:#1caef0;color:#fff;font-size:19px;font-weight:500;}
#memberLogin .txt{font-size:13px;padding:0 10px;margin-top:20px;word-break:keep-all;}
#memberLogin .btn{text-align:center;margin:35px 0 -20px 0;font-size:1em;font-weight:500;word-break:keep-all;}
#memberLogin .btn a{padding:0 15px}
#memberLogin .btn a:nth-child(2){background:url(../img/sub/log-lines.png) left center no-repeat;}
#memberLogin .btn .red-bold{color:#a00f16;background:url(../img/sub/log-lines.png) left center no-repeat;padding:0 15px}
.member-login input[type="text"]{height:70px;border:1px solid #111;margin-bottom:12px;padding-left:70px;}
.member-login input[type="password"]{height:70px;border:1px solid #111;margin-bottom:12px;padding-left:70px;}
/* #saveId{display:none} */
/* .member-login input[type="checkbox"] + label.s-Id::before {content:'';display:block;width:27px;height:27px;background:url(../img/sub/login.png) no-repeat 0 0;margin:0 10px 0 0;transition:all .5s;position:relative;top:0;transform:none;border:0;}
.member-login input[type="checkbox"]:checked + label.s-Id::before {background-image:url(../img/sub/login-checked.png);}
.member-login input[type="checkbox"] + label.s-Id {display:flex;align-items:center; width:100%;font-size:15px;color:#666;line-height:1;margin:0 0 30px;cursor:pointer;padding:0;} */
.member-login input[type="text"].id{background:url(../img/sub/id-icon.png) no-repeat 0 0;background-position:30px center;}
/* .member-login input[type="text"].pass{background:url(../img/sub/pass-icon.png) no-repeat 0 0;background-position:30px center;} */
.member-login input[type="password"].password{background:url(../img/sub/pass-icon.png) no-repeat 0 0;background-position:30px center;}
.auto-save{margin:0 0 30px 0;display:flex;align-items:center;}
.auto-save label{margin-left:10px}

/* login sns */
.member-login-sns{width:45%;margin-top:4%;background:#f0f0f0;padding:2em 0;}
.member-login-sns .sns-boxs{display:flex;justify-content:center;}
.member-login-sns a{width:22%;margin:0 3%;text-align:center;}
.member-login-sns .sns-i{margin-bottom:10px;}
/* .member-login-sns a::before{content:'';display:block;width:94px;height:94px;background-repeat:no-repeat;background-position:0 0;margin-right:20px;} */
/* .member-login-sns .naver::before{background:url(../img/sub/naver.png) no-repeat 0 0;} */
.member-login-sns .google::before{background:url(../img/sub/google.png) no-repeat 0 0;}
.member-login-sns .kakaoIdLogin::before{background:url(../img/sub/kakao.png) no-repeat 0 0;}
.member-login-sns .facebookIdLogin::before{background:url(../img/sub/facebook.png) no-repeat 0 0;}
.member-login-sns .txt span{font-weight:bold}
.member-login-sns .txt{font-size:1.063em;text-align:center;width:80%;margin:4% auto 0;border-top:1px dotted #aaa;padding:3% 0 0;}

/* 占쎌돳占쎌뜚揶쏉옙占쎌뿯 */
.member-top{text-align:center;}
.member-top h4{font-size:36px;font-weight:bold;}
.member-top .member-tit{font-size:17px;padding:10px 0;word-break:keep-all;margin-top:1.5em;}
.member-type{margin-top:40px;display:flex;justify-content:center;}
.member-box{width:410px;height:360px;border:1px solid #ddd;margin:0 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.member-type a::before {content:'';display:block;margin:0 auto;background-repeat:no-repeat;}
.member-type a.health::before{width:109px;height:94px;background-image:url(../img/sub/health-mem.png);background-position:center center;background-size:contain;margin-bottom:25px;}
.member-type a.physical::before{width:81px;height:101px;background-image:url(../img/sub/physc-mem.png);background-position:center center;background-size:contain;margin-bottom:25px;}
.member-type a.normal::before{width:81px;height:101px;background-image:url(../img/sub/normal-mem.png);background-position:center center;background-size:contain;margin-bottom:25px;}
.member-type .m-tit{font-size:19px;font-weight:500}
.member-type .m-bt{width:160px;height:40px;border-radius:20px;background:#1caef0;text-align:center;line-height:40px;color:#fff;font-weight:500;margin-top:35px}

/* personal-info */
.info-top h4{font-size:36px;font-weight:bold;text-align:center;margin-bottom:50px}
.check-id{background:#111;color:#fff;border-radius:5px;padding:0 15px;margin-left:5px;line-height:55px}
.per-info .cont input[type=text]{padding:10px;height:55px;width:18.750em}
.per-info .p-txt{line-height:55px;padding:0 10px;margin-left:10px;color:#999}
.per-info .birth-sel{line-height:55px;margin-left:20px;color:#111}
.per-info #lunar{margin-left:30px;}
.per-info #men{margin-left:30px;}
.per-info .select-email{height:55px;width:18.750em;padding:0 10px}
.per-info .select-email.ch{background:none;}
.per-info #adult{margin-left:30px;}
.a{color:#111 !important;padding:0 10px;font-weight:bold;font-size:15px;}
.gen-sel{height:55px;line-height:55px;}
.cont.b-day-s{display:flex;}

.per-info .select-place{padding:10px;width:18em;}
.per-info .special input:first-child{margin-left:0;}
.per-info .special input{margin-left:20px;}
.per-info .create .cont{padding:20px 0 20px 20px;}


/* 揶쏆뮇�뵥占쎌젟癰귣�猷욑옙�벥占쎄퐣 */
.agree-top h4{font-size:36px;font-weight:bold;text-align:center;}
.tems-header{display:flex;justify-content:space-between;padding:5px 0 20px 0}
.terms-agree .sm-tit{font-size:1.5em;font-weight:bold;}
.agree-txt{width:100%;height:200px;overflow-y:scroll;border:1px solid #ddd;padding:1.875rem 1.875rem 1.250rem 1.875rem}
.agree-txt .subj{font-size:1.063em;font-weight:bold}
.agree-txt p{font-size:15px;}
.pers-agree .sm-tit{font-size:1.5em;font-weight:bold;}
.pers-agree{margin-top:50px}
.tems-header #disagree1{margin-left:20px}
#disagree{margin-left:20px}

/* 揶쏉옙占쎌뿯占쎌끏�뙴占� */
.complete-top h4{font-size:36px;font-weight:bold;text-align:center;}
.com-icon{margin-bottom:45px;}
.complete-box{text-align:center;margin-top:65px}
.comp-sent{font-size:1.625em;padding:2.813rem 0 1.875rem 0;word-break:keep-all;}
.com-bold{font-weight:bold}
.complete-box p{font-size:17px;padding-top:30px}

/* 占쎈툡占쎌뵠占쎈탵 筌≪뼐由� */
.header-tab{display:flex;width:100%}
.id-search{margin-top:70px}
.header-tab a{width:50%;height:60px;border:1px solid #ddd;text-align:center;line-height:60px;font-size:17px}
.header-tab .by.active{background:#1caef0;color:#fff;border:1px solid #1caef0}
.check-email{display:flex;flex-direction:column;width:432px;position:relative;}
.check-email input{height:50px;padding-left:10px}
.check-email label{font-size:15px;font-weight:bold;margin:10px 0}
.cont-tab{width:100%;}
.phone-cont{display:flex;flex-direction:column;align-items:center;}
.rec-num{position:absolute;top:45%;right:2%;border-radius:5px;padding:7px 15px;background:#111;color:#fff;font-size:13px;}
.rec-nums{position:absolute;top:65%;right:2%;border-radius:5px;padding:7px 15px;background:#111;color:#fff;font-size:13px;}
#email{margin-top:10px}
.num-check{position:absolute;top:83%;right:2%;border-radius:5px;padding:7px 15px;background:#1caef0;color:#fff;font-size:13px;}
.num-checks{position:absolute;top:89%;right:2%;border-radius:5px;padding:7px 15px;background:#1caef0;color:#fff;font-size:13px;}
.phone-cont p{text-align:center;margin:40px 0 30px 0;word-break:keep-all;}
.check-email #ch-email::-webkit-input-placeholder {color:#ccc}
.black-name{font-weight:bold}
.blue-bold{font-weight:bold;color:#1caef0;}
.tot-id{color:#ef1c1c;font-weight:bold;}
.join-phone{display:flex;justify-content:center;}
.join-phone a{width:25%;height:360px;border:1px solid #ddd;text-align:center;padding:150px 0;}
.join-phone a span{font-size:19px;font-weight:500;}

/* �④쑴�뻻占쎈솇 - 占쎈솊疫뀐옙*/
.comm-top{width:100%;border-top:2px solid #111}
.comm-total{font-size:20px;font-weight:bold;margin:30px 0;}
.comment-board{margin-top:20px}
.comm-total .col-bold{color:#1caef0;font-weight:bold}
#comm-txt{border:1px solid #1caef0;width:100%;height:135px;padding:10px;}
#comm-txt::-webkit-input-placeholder {color:#ccc}
.btn-comm{margin-top:20px;text-align:right;}
.btn-comm button{height:50px;width:150px;border:1px solid #ccc;font-size:15px}
.btn-comm button.active{background:#1caef0;border:1px solid #1caef0;color:#fff}
.tabs button{display:inline-block;border:1px solid #ddd;margin-right:-4px;width:130px;height:60px;text-align:center;line-height:60px;border-bottom:none;}
.tabs button.active{border:1px solid #ddd;color:#222;border-top:3px solid #1caef0;border-bottom:none;height:62px;}
.tab-content{display:none;border:1px solid #ddd;}
.tab-content.active{display:inherit;}
.comm-name{position:relative;display:flex;align-items:center;}
.comm-name p{display:inline-block;}
.comm-name .del-fix{position:absolute;top:50%;right:0;transform:translateY(-50%);}
.comm-name .per-name::before{content:'';display:block;width:28px;height:28px;background:#ddd;border-radius:100%;float:left;}
.comm-name .per-name span{margin-left:10px;font-size:17px;font-weight:500}
.comm-name .comm-day{margin-left:10px;font-size:15px;color:#999}
.comm-name .del-fix{width:3px;height:15px;background-image:url(/resources/total/img/sub/comm-day-icon.png);}
.comm-msg{height:100px;padding-top:20px;}
.comm-footer{display:flex;justify-content:flex-end;margin:10px 0;}
.comm-footer button{width:60px;height:30px;border:1px solid #ddd;text-align:center;line-height:27px;background:#666;color:#fff;}
.comment-base{padding:20px;}
.answer-box{padding:20px;padding:15px; /* background:#e8f7fd; *//*border-top:1px solid #ddd; */margin:0 0 30px;border:1px solid #ccc;background:#fff;}
.answer-box.colored{background:#f7f7f7;}
/* .answer-box .name::before{content:'';display:block;width:28px;height:28px;background:#ddd;border-radius:100%;float:left;margin-right:5px;} */
.answer-box .txt{padding:20px 0;border-bottom:1px solid #ccc;}
.answer-box .txt:last-child{border-bottom:none !important;}
.answer-box .date{margin-left:10px;font-size:15px;color:#999;}


.writer{display:flex;align-items:center;background:#f4f4f4;width:100%;position:relative;margin-top:10px;}
.writer .comm-name{height:130px;align-items:flex-start;padding:0 35px 0 10px;}
.write-msg{width:100%;display:flex;}
#text-box::-webkit-input-placeholder {color:#ccc}
#text-box{height:130px;width:89%;padding:10px}
.write-msg button{width:10%;background:#666;height:130px;color:#fff;padding-left:-2px;margin-left:-3px;}
.comm-footer .like{background:url(../img/sub/like-icon.png) 15px center no-repeat;padding-left:20px;}
.comment-2{display:none;}
.edit-box{width:70px;height:70px;position:absolute;top:90%;right:0%;color:#666;text-align:center;font-size:15px;display:none;padding:10px 12px;}
.edit-box button{color:#666;text-align:center;font-size:15px;}
.write-msg a{width:10%;background:#666;height:auto;color:#fff;margin-left:0;padding:1%;text-align:center;}
.edit-box .edited{border:1px solid #ccc;padding:0 7px;background:#fff;}
.edit-box .delete{border:1px solid #ccc;padding:0 7px;margin-top:2px;background:#fff;}

/* 筌띾뜆�뵠占쎈읂占쎌뵠筌욑옙 */
#sub_visual8{background:url(../img/sub/sub-8.jpg) center no-repeat;width:100%;position:relative;color:#fff;height:275px; font-size:1.125em; text-align:center; line-height:1.15}
#sub_visual8 .main-tit-s{font-size:2.000em;}
#sub_visual8 .main-text{margin-top:1.667em}
.welcome-msg{margin-top:-20px;margin-bottom:4%;}
.welcome-msg span{font-size:26px;font-weight:500}
.welcome-msg p{font-size:18px;}

/* 占쎄돌占쎌벥占쎌넞占쎈짗 占쎄땀占쎈열 */
.activity-list{margin-top:0}
.question tbody tr td:nth-child(2){text-align:left;}
.question tbody tr td:nth-child(3){text-align:center;}
.activity-list thead th{padding:0}
.activity-list td button{border-radius:5px;padding:2px 5px;}
.activity-list tr td:nth-child(2) {text-align:center;}
.activity-list tr td:nth-child(3) {text-align:left;}
.activity-list .progress{color:#fff;background:#1caef0;}
.activity-list .prog-app{color:#1caef0;border:1px solid #1caef0;}
.activity-list .finished{color:#fff;background:#666}
.activity-list .waiting{color:#111;background:#f4f4f4;border:1px solid #ddd}
.activity-list a{text-decoration:underline;color:slateblue;}
.quistion .item{display:block;}
.quistion li .cont{width:100%}
.quistion li .tit{width:100%;text-align:left;margin-bottom:20px;}
.quistion #lect{width:92%;margin:0 4%;height:70px;overflow-y:scroll;}
.quistion textarea{width:92%;margin:0 4%;height:70px;overflow-y:scroll;}
.quistion select{width:92%;height:30px;}
.quistion li .emot{margin:0 7%;}
.quistion li .emot li{padding:0;display:flex;align-items:center;}
.quistion li .dept{margin-top:20px;padding:0 25px;}
.quistion li .dept .in-w100{width:100%;}
.quistion li .dept select.in-w100{background:#fff url(../img/common/select.gif) 95% center no-repeat;}
.quistion li .emot li label{font-size:1em;margin-left:5px;}
.quistion li .cont.pers{margin:0 4%;background:#f4f4f4;width:92%;padding:1.563rem;font-size:0.938em;border:1px solid #ccc;height:100px;overflow-y:scroll;word-break:keep-all;}
.quistion li .cont.pers .per-t{font-weight:bold;margin-bottom:10px;}
#lect::-webkit-input-placeholder{color:#ccc;font-size:13px;padding:0.313rem}

/* 占쎌넅占쎌뜚占쎌젟癰귨옙 占쎈땾占쎌젟 */
.t-top-tit{padding:30px 0;border-top:1px solid #ddd  ;margin-top:50px;font-size:17px;font-weight:500;}
.pass-change input[type="text"] {height:50px;border:1px solid #ccc;margin-bottom:12px;padding-left:20px;}
.pass-change input[type="text"]::-webkit-input-placeholder{color:#ccc}
#info-change{margin:0 auto;width:30%;display:flex;flex-direction:column;}
#info-change .sns-btns{width:100%;display:flex;}
#info-change .sns-btns button{width:48%;height:57px;}
#info-change .sns-btns .next-time{border:1px solid #ccc;margin-right:4%;color:#666;font-size:17px;font-weight:500}
#info-change .sns-btns .check-change{border:1px solid #1caef0;color:#fff;font-size:17px;font-weight:500;background:#1caef0}
.no-change{text-align:left;font-size:15px;color:#333;display:flex;align-items:center;margin:13px 0}
.no-change label{margin-left:10px;}

/* 占쎌돳占쎌뜚占쎄퉱占쎈닚 占쎈뻿筌ｏ옙 */
.a_del_box{text-align:center;margin-top:70px}
.a_del_box .box-tit{font-size:1.688em;font-weight:bold;word-break:keep-all;}
.a_del_box .tnx-to{font-size:17px;word-break:keep-all;margin:5px 0 18px 0;}
#memberDel{margin:0 auto;width:30%;display:flex;flex-direction:column;}
.member_del input[type="text"] {height:50px;border:1px solid #ccc;margin-bottom:12px;padding-left:50px;}
.member_del input[type="password"] {height:50px;border:1px solid #ccc;margin-bottom:12px;padding-left:50px;}
.member_del .select-issue{border:1px solid #ccc;appearance:none;font:inherit;font-size:1em;background:#fff url(../img/main/select.png) 91.5% center no-repeat;padding:0 3em 0 1em;height:50px;}
.member_del input[type="text"].id {background:url(../img/sub/d-acc.png) no-repeat 0 0;background-position:20px center;}
.member_del input[type="password"].pass {background:url(../img/sub/d-pass.png) no-repeat 0 0;background-position:20px center;}
.member_del button{width:100%;height:50px;background:#1caef0;color:#fff;font-size:19px;font-weight:500;margin-top:10px}
/* .member_del .pass{height:55px;margin-bottom:3%;padding-left:35px;}*/

/* sns �④쑴�젟 占쎈염野껓옙 */
.sns-top-tit{text-align:center;font-size:26px;border-top:1px solid #ccc;margin-top:50px;padding:50px 0 40px 0;word-break:keep-all;}
.sns-top-tit .sns-bold{font-weight:bold}
.sns-conn-box .box{border:1px solid #ccc;display:flex;justify-content:space-between;align-items:center;padding:20px;}
.sns-conn-box .nav1{display:flex;align-items:center;}
.sns-img{background:url(../img/sub/sns-nav.png) left center no-repeat;padding-right:24px;width:50px;height:50px;margin-right:15px;background-size:cover;}
.sns-conn-box .kakao{display:flex;align-items:center;}
.sns-conn-box .google{display:flex;align-items:center;}
.kakao .sns-img{background:url(../img/sub/sns-kakao.png) left center no-repeat;padding-right:24px;width:50px;height:50px;background-size:cover;}
.google .sns-img{background:url(../img/sub/sns-google.png) left center no-repeat;padding-right:24px;width:50px;height:50px;background-size:cover;}
.conn-cancel{font-size:16px;color:#666;border:1px solid #ccc;border-radius:3px;padding:5px 12px;margin-left:15px;}
.conn-conn{font-size:16px;color:#fff;background:#111;border-radius:3px;padding:5px 12px;}
.sns-conn-box .box.kakao{margin:20px 0;}
.sns-not{font-size:16px;color:#666;}


/* 占쎈꽰占쎈�野껓옙占쎄퉳 */
.swrod{display:flex;justify-content:space-between;}
.swrod button{width:80px;padding:0.5rem 0;color:#666;}
.search-tit{font-size:2.250em;font-weight:bold;text-align:center;}
.search-box{background:#f9f9f9;text-align:center;padding:2em;margin-bottom:2em;}
.search-box forum{display:flex;justify-content:center;}
.search-box .words{float:left;width:18%;}
#searchW{height:55px;width:50%;}
#searchW::-webkit-input-placeholder{padding:10px;color:#ccc;}
.sw-btn{width:14%;background:#666;color:#fff;padding:0.938em;margin-left:0.626em;}
.searchResultBox{text-align:center;margin:3rem 0;font-size:1.25em;}
.searchResultBox .colored{color:#1caef0;}
.sns-top-tit{margin:1% 0 2%;}

.bottom-graph1{background:#f8f8f8;padding:3% 12%;margin:0 10%;margin-top:50px;}

.res-board{}
.res-tabs button.active {background:#1caef0;color:#fff;border:1px solid #1caef0;}
.res-tabs button {float:left;border:1px solid #ddd;border-left:0;border-top:0;position:relative;width:14.2857142857%;height:3.529em;display:table;color:#666;}
.res-content {display:none;}
/* .res-tabs button:first-child{border-left:1px solid #ddd;} */
/* .res-tabs button.active:first-child{border-left:1px solid #1caef0;} */
.res-content.active {display:inherit;}
.res-tabs{text-align:center;font-size:1.063rem;font-weight:500;color:#666;border-left:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:50px;height:3.529em;}
.res-content table{margin-top:20px;}

.contents-tab{width:100%;border-left:1px solid #ddd;border-top:1px solid #ddd;margin-bottom:50px;display:flex;word-break:keep-all;flex-wrap:wrap;}
.contents-tab a{width:14.285%;border:1px solid #dedede;color:#666;border-left:0;border-top:0;text-align:center;font-size:1.063rem;font-weight:500;color:#666;padding:0.938em;}
.contents-tab a.active {background:#1caef0;color:#fff;border:1px solid #1caef0;}
.total-search:not(:last-child) {margin-bottom:3.75rem;}
.total-search__title{display:flex;justify-content:space-between;align-items:center;margin:0 0 1.875rem;}
.total-search__title .title{font-size:1.25rem;color:#333;font-weight:500;line-height:1;}
.total-search__title a::after {content:'+';font-size:inherit;color:inherit;line-height:inherit;margin-left:0.313rem;}
.total-search tbody tr td{text-align:center;}
.total-search tr td:nth-child(2){text-align:center;}
.total-search tr td:nth-child(1){text-align:left;padding-left:10px;}


/* calendar */
.board-calendar .ui-datepicker-calendar thead tr{border-top:1px solid #ccc;border-bottom:2px solid #666;font-size:0.875em;font-family:'GmarketSansMedium';border-left:0;border-right:0;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar{border-width:0 !important;}
.calendarCategory.base{display:none;}
.board-calendar{}
.board-calendar .ui-datepicker-cover{display:none;}
.board-calendar .ui-datepicker-header{display:flex; flex-wrap:wrap; justify-content:center;}
.board-calendar .ui-datepicker-header .ui-datepicker-title{display:flex; justify-content:center; align-items:center; order:2;}
.board-calendar .ui-datepicker-header .ui-datepicker-title span{font-size:28px; font-weight:600; color:#222; line-height:1;}
.board-calendar .ui-datepicker-month{order:2 !important;position:relative;}
.board-calendar .ui-datepicker-year{order:-1 !important;}
.board-calendar .ui-datepicker-month::before{content:'';display:block;width:4px;height:4px;background:#111;position:absolute;bottom:10px;margin-left:-6px;border-radius:100%;}
.board-calendar .ui-datepicker-header .ui-corner-all{overflow:hidden; text-indent:-9999px; display:block; width:55px; height:55px; margin:0 50px; border:1px solid #ddd; border-radius:100%; cursor:pointer;}
.board-calendar .ui-datepicker-header .ui-datepicker-prev{background:url(../img/sub/cal-p.png) no-repeat center center; order:1;left:28%;border:none}
.board-calendar .ui-datepicker-header .ui-datepicker-next{background:url(../img/sub/cal-n.png) no-repeat center center;margin-left:15px;right:28%;border:none}
.board-calendar .ui-datepicker-header .ui-datepicker-bigmonth{display:none;}
.board-calendar .ui-datepicker-header .ui-datepicker-bigmonth .monthyear{display:flex;}
.board-calendar .ui-datepicker-header .ui-datepicker-bigmonth .monthyear .ui-datepicker-month{order:2;}
.board-calendar .ui-datepicker-header .ui-datepicker-bigmonth .monthyear .ui-datepicker-year{order:1;}
.board-calendar .ui-datepicker-header .calendarCategory{order:4; display:flex; align-items:center; width:100%; justify-content:flex-end; flex-wrap:wrap; margin-top:40px;}
.board-calendar .ui-datepicker-header .calendarCategory__item{display:flex; align-items:center; margin-left:10px;}
.board-calendar .ui-datepicker-header .calendarCategory__item i{display:block; width:10px; height:10px; margin:0 5px 0 0;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar{width:100%; table-layout:fixed; border-width:2px 1px 1px; border-color:#6d6d6d #d7d7d7 #d7d7d7; border-style:solid; order:5; margin-top:30px;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar thead th{height:50px; text-align:center; font-size:16px; font-weight:900; color:#333; border-width:0 1px 0 1px; border-style:solid; border-color:#d7d7d7;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td{position:relative; height:75px; padding:30px 10px 10px; border-width:1px 0 1px 1px; border-style:solid; border-color:#d7d7d7; font-weight:800; line-height:1; transition:all .5s; vertical-align:top;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td::before{content:''; background-color:transparent; transition:background-color .5s; position:absolute; top:0; left:0; width:100%; height:100%; z-index:2;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td.active::before{background-color:rgba(0,0,0,0.4);}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td a{color:#333; font-size:16px; line-height:1; font-weight:300; position:absolute; top:0; left:0; padding:10px; width:100%; height:100%; z-index:2; cursor:default;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td:nth-child(1) a{color:#e64b3c;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td:nth-child(7) a{color:#287db9;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td #in_contents{display:block;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td #in_contents > span{display:flex; width:100%; align-items:flex-start; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; color:#333; font-weight:300; flex-wrap:wrap;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td #in_contents > span:not(:last-child){margin-bottom:10px;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td #in_contents > span i{display:block; width:10px; height:10px; margin:2px 5px 0 0;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td #in_contents > span .Name{}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td #in_contents > span .rentTime{width:100%; padding-left:15px;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td #in_contents > span .applyCenter{display:none;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td #in_contents > span .agent{display:none;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td.ui-state-disabled{background:#f7f7f7;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td.ui-state-disabled #in_contents{display:none;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td .in_section{display:none;}
.board-calendar .convention_box{position:absolute; top:30px; left:30px; width:280px; padding:10px; background-color:#fff; border:2px solid #643608; z-index:10; opacity:0; animation:conventionBox .5s forwards;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td:nth-child(7) .convention_box{left:auto; right:30px;}
.board-calendar .convention_box > span{position:relative; display:flex; height:100%; font-size:15px; font-weight:400; color:#333; transition:all .5s; align-items:flex-start; line-height:1; flex-wrap:wrap;}
.board-calendar .convention_box > span:not(:last-child){margin-bottom:10px; border-bottom:1px solid #ddd; padding-bottom:10px;}
.board-calendar .convention_box > span i{display:block; width:10px; height:10px; margin:1px 5px 0 0;}
.board-calendar .convention_box > span .Name{font-weight:600;}
.board-calendar .convention_box > span .rentTime{display:none;}
.board-calendar .convention_box > span .applyCenter{width:100%; padding-left:15px; margin-top:5px;}
.board-calendar .convention_box > span .applyCenter::before{content:'占쎈뻿筌ｏ옙疫꿸퀗占� :';}
.board-calendar .convention_box > span .agent{width:100%; padding-left:15px; margin-top:5px;}
.board-calendar .convention_box > span .agent::before{content:'占쎈뼖占쎈뼣占쎌쁽 :';}

.ui-datepicker th{background:#fff;}

.board-calendar .ui-datepicker{width:100%;}
.board-calendar .ui-widget-header{background:#fff;}
.board-calendar .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl{border:none;}
.board-calendar .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:none;border:none;}
.board-calendar .ui-datepicker-header .ui-corner-all{position:absolute;top:5px;width:30px;height:30px;}

.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td #in_contents > .green-ev{width:35px;color:#fff;text-align:center;display:block;font-size:14px;height:18px;line-height:14px;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td #in_contents > .planned{width:35px;color:#fff;text-align:center;display:block;font-size:14px;height:18px;line-height:14px;border:none;border-radius:10px;margin-right:0;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td #in_contents > span:not(:last-child){margin-bottom:2px;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td #in_contents > .closed1{width:35px;color:#fff;text-align:center;display:block;font-size:14px;height:18px;line-height:14px;border:none;border-radius:10px;background:#30c259;margin-right:0;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody td #in_contents{display:flex;flex-direction:column;align-items:flex-end;}
.board-calendar .ui-datepicker-week-sun{color:#ee2222 !important;border-left:none;}

.board-calendar .monthyear{font-family:'GmarketSansMedium';background:url(../img/sub/day-ic.png) right top no-repeat;font-size:31px;padding-right:30px;margin-top:5px;display:flex;}
.board-calendar .ui-datepicker-week-sat{color:#0038da !important;}

.board-calendar .ui-datepicker-header .ui-datepicker-calendar thead th{border-right:0;border-left:0;padding-top:18px;}
.board-calendar .ui-datepicker-header .ui-datepicker-calendar tbody tr td:first-child{border-left:0;}

@keyframes conventionBox{from{opacity :0;}	to{opacity:1;}}

.context-boxV{border:1px solid #ccc;width:100%;margin-top:2rem;padding:1.25em;}
.context-boxV .view-cont{}

.quizz{font-size:1.5em;font-weight:bold;position:relative;}
.quizz::before{display:block;content:'';position:absolute;top:10px;left:0;width:3px;height:20px;background:#1caef0;}
.quizz span{padding-left:10px;}

.board-table.quizz1 thead tr td:first-child{background:#f0f0f0;font-weight:bold;}
.board-table.quizz1 tbody tr td:first-child{background:#f0f0f0;font-weight:bold;}
.board-table.quizz1 thead tr td{padding:0 2%;}
.board-table.quizz1 tbody tr td{padding:0 2%;}

.ans-box{margin-top:3em;}

#popQuistion{height:550px;overflow-y:scroll;}

#search-bbs{display:flex;justify-content:center;align-items:center;}

/* �삤�떆�뒗 湲� */
.road{display:flex;}
.road .maps{background:#ddd;width:50%;height:500px;}
.road #add-dets{width:44%;margin-left:6%;}
.metro-line{display:flex;align-items:center;font-size:14px;color:#7e7e7e;margin:4% 0;}
.metro-line .m-exp{margin-left:5%}
.real-adds{font-size:14px;color:#7e7e7e;font-weight:normal;margin-left:4%;}
.flex01{display:flex;margin:0 0 1%;align-items:center;}
.flex01:last-child{align-items:center;}
.root_daum_roughmap{width:100% !important;}

.m-sh{display:none;}
.sub-share-copy{position:fixed;top:-9999px;left:-9999px;}

.board-table.normal-doc tbody tr td:nth-child(2){text-align:center;}
.board-table.normal-doc tbody tr td:nth-child(3){text-align:left;padding-left:3%;}

board-table.ms tbody tr td:nth-child(2){text-align:center;padding-left:3%;}

.newsfeed tbody tr td:nth-child(2){text-align:left;}
.newsfeed tbody tr td:nth-child(3){text-align:left;padding-left:3%;}

.ta-center{text-align:center !important;}
.ta-left* {text-align:left !important !important;}

.board-table.soso-walks tbody tr td:nth-child(2){text-align:center;}

.board-table.single tbody tr td:nth-child(2){text-align:center;}
.board-table.single tbody tr td:nth-child(3){text-align:left;padding-left:30px;}

.board-table.answer .text{text-align:left;}

.gu-sell{display:flex !important;justify-content:stretch;align-items:center;flex-wrap:wrap;padding:20px;}
.gu-sell li{margin:0 5px;}


/* 媛쒖씤�젙蹂� & �씠硫붿씪 */
.e-top{display:flex;word-break:keep-all;}
.so-tit{font-size:15px;color:#999;padding-left:55px;word-break:keep-all;}
.e-top .top-title{font-size:1.563em;font-weight:bold;margin-left:5px;}
.boxs-txt{border:1px solid #d7d7d7;margin-top:20px;padding:1.875em;}
.ul-bx p{font-size:15px;font-weight:bold;}
.ul-bx:last-child{margin-top:30px;}
.top-ul{padding-top:5px;word-break:keep-all;}
.top-ul li{position:relative;color:#333;font-size:15px;}
.top-ul li div::before{content:'';display:block;width:5px;height:1px;background:#111;position:absolute;top:12px;left:0;}
.top-ul li div{padding-left:10px;}
.top-ul li:last-child{font-weight:bold;margin-top:5px;}

.page-cont .download-file{background:#ddd;width:280px;text-align:center;padding:5px 10px;border:1px solid #ccc;margin-top:20px;}

.e-top.mn{display:flex;word-break:keep-all;align-items:center;}
.e-top.mn .icon-img{margin-right:10px;}
.e-top.mn .so-tit{padding-left:5px;}
.main-texts{word-break:keep-all;margin:45px 0;}
.prot-sys p span{color:#1caef0;}
.prot-sys p{font-weight:bold;}
.prot-sys{font-size:15px;}
.prot-sys ul{padding:5px;}

.pers-info{border:1px solid #ddd;padding:30px;margin-top:50px;word-break:keep-all;font-size:15px;}

.pers-info .det-title{font-weight:bold;}
.pers-info .explain{margin-bottom:30px;}
.pers-info .midd-bold{font-weight:500;}

#layer_popup{position:fixed;z-index:10000;width:100%;height:100%;top:0;}
.layerPopup .layerBox {background:#fff; border-radius:6px;position:absolute;top:5%;left:5%;}
.layerPopup .layerBox .title {font-weight:600;background:#333; color:#fff;padding:10px;}
.layerPopup .layerBox .btnTodayHide {font-size:14px; font-weight:600; color:black;float:left;text-decoration:none;width:150px;height :30px;line-height:30px;border:black solid 1px; text-align :center;text-decoration:none;}
.layerPopup div{display :inline;}
.layerPopup div p{padding:10px;border:1px solid #ddd;background:#f7f7f7;}
.layerPopup form{font-size:16px;height:52px;line-height:30px;border:1px solid #ddd;padding:10px;border-top:none;}
.layerPopup #close {font-size:16px; width:50px; height :30px;float:right; line-height:28px; text-align :center;border-radius:5px;background:#343a40;color:#fff;}
.layerPopup a{text-decoration :none;width:50px;height :40px;}
.layerPopup .layerBox .layer-top{display:flex;width:100%;background:#333;position:relative;}
.layerPopup .layerBox .close-x{position:absolute;right:2%;top:53%;transform:translateY(-50%);}

.popup {position:fixed;z-index:10000;width:100% !important;height:100%;top:0;display:none;}
.popup .popupBox {background:#fff; border-radius:6px;position:absolute;}
.popup .popupBox .title {font-weight:600;background:#333; color:#fff;padding:10px;}
.popup .popupBox .btnTodayHide {font-size:14px; font-weight:600; color:black;float:left;text-decoration:none;width:150px;height :30px;line-height:30px;border:black solid 1px; text-align :center;text-decoration:none;}
.popup div {display :inline;}
.popup div p {padding:10px;border:1px solid #ddd;background:#f7f7f7;}
.popup form {font-size:16px;height:52px;line-height:30px;border:1px solid #ddd;padding:10px;border-top:none;}
.popup .close {font-size:16px; width:50px; height :30px;float:right; line-height:28px; text-align :center;border-radius:5px;background:#343a40;color:#fff;}
.popup .layerBox .layer-top {display:flex;width:100%;background:#333;position:relative;}
.popup .layerBox .close-x {position:absolute;right:2%;top:53%;transform:translateY(-50%);}
.popup .button {text-decoration :none;width:50px;height :40px;}

#searchGubun{height:45px;margin-right:5px;border:1px solid #ccc;border-radius:inherit;}
#earchGubun{height:43px;margin-right:0px; border:1px solid #ccc;border-radius:inherit; font-size:14px;}
.w-25{width:5.5rem !important;font-size:14px;color:#111;}

.table-s.ed{margin:3em 0 1rem 0;}
.years-table{margin-top:10px;}

.gallery_list {display:flex; flex-wrap:wrap; gap:60px 30px; border-top:#111 2px solid; padding-top:40px; margin-top:60px;}
.gallery_list li {width:calc((100% - 120px)/5);}
.gallery_list a {display:block;}
.gallery_list .img {width:100%; height:183px; overflow:hidden;}
.gallery_list .img img {width:100%; height:100%; max-width:100%; max-height:100%; object-fit:cover;}
.gallery_list p {font-size:17px; color:#111; font-weight:500; line-height:25px; margin:16px 0 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.gallery_list .date {display:flex; gap:24px; font-size:15px; color:#999; font-weight:300;}
.gallery_list .date span {position:relative;}
.gallery_list .date span:before {content:""; position:absolute; top:50%; left:-12px; width:1px; height:10px; background:#ddd; transform:translateY(-50%);}
.gallery_list .date span:first-child:before {display:none;}

.gallery_view_tit {font-size:32px; color:#111; font-weight:700; text-align:center; padding-bottom:60px; border-bottom:#111 2px solid; margin-bottom:40px;}