@charset 'utf-8';
.swiper{width:100%; height:100%}
.main-container {position: relative; padding-top:10.3rem; width:100%; }
.main-container .main-content-area{max-width:1920px; padding-top:20px; margin:0 auto; position: relative;box-sizing: border-box;}
.main-container .main-content{padding-left:64px;box-sizing: border-box;}
.main-section{width: calc(100% - 510px); }
.right-col{width:304px; position: absolute;top: 20px; right: 64px;overflow: hidden;}
.main-login-area strong{font-size: 3.2rem; font-family:'NanumSquareNeo-Eb'; line-height: 4.4rem; letter-spacing:-0.05rem; color: #1C3AA3; word-break: keep-all;}
.main-login-area p{margin:1.2rem 0 3rem 0; line-height: 20px; color: #222222; word-break: keep-all;}
ul.login-area, .main-login-area ul{display: flex; margin-top:4rem; padding:0 1.4rem}
ul.login-area li, .main-login-area ul li{padding-right:3.5rem; flex:1; text-align:center}
ul.login-area li:last-child, .main-login-area  ul li:last-child{padding-right:0}
ul.login-area li img{display:block; max-width:100%; margin-bottom:1rem;}
ul.login-area li a{display: inline-block; word-break: keep-all; color:#222; font-size:1.6rem; line-height:2.4rem; font-family:'NanumSquareNeo-Bd';}
.m-login-area{display:none !important}

.main-login-after .login-top{padding:0 30px 0 34px; display:flex; color: #1C3AA3; justify-content: space-between;}
.main-login-after .login-top .name strong{font-size:3.2rem; display:block; font-weight:normal; font-family:'NanumSquareNeo-Eb'; }
.main-login-after .login-top .name strong em{font-size:1.8rem; color:#222;  font-family:'NanumSquareNeo-Rg';}
.main-login-after .login-top .name span{font-size:2.4rem; font-family:'NanumSquareNeo-Eb';}
.main-login-after .login-top .img-area {position: relative;}
.main-login-after .login-top .img-area .img-box{ border:2px solid #E1E3EC; box-sizing: border-box; width:96px; height:96px; border-radius: 100%; overflow: hidden;}
.main-login-after .login-top .img-area::after{width:38px; height:38px; content: ""; display:inline-block; position: absolute; bottom:0; right:-10px;  background-size:100%; z-index: 1; border:2px solid #fff; box-sizing: border-box; border-radius: 100%; box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.25);}
.main-login-after .login-top .img-area.type1::after{background: url(/artist/content/imgaes/common/ico/ico_option_img1.png) no-repeat center; background-size:100%;}
.main-login-after .login-top .img-area.type2::after{background: url(/artist/content/imgaes/common/ico/ico_option_img2.png) no-repeat center; background-size:100%;}
.main-login-after .login-top .img-area.type3::after{background: url(/artist/content/imgaes/common/ico/ico_option_img3.png) no-repeat center; background-size:100%;}
.main-login-after .login-top .img-area.type4::after{background: url(/artist/content/imgaes/common/ico/ico_option_img4.png) no-repeat center; background-size:100%;}
.main-login-after .login-top .img-area.type5::after{background: url(/artist/content/imgaes/common/ico/ico_option_img5.png) no-repeat center; background-size:100%;}
.main-login-after .login-top .img-area.type6::after{background: url(/artist/content/imgaes/common/ico/ico_option_img6.png) no-repeat center; background-size:100%;}
.main-login-after .login-top .img-area.type7::after{background: url(/artist/content/imgaes/common/ico/ico_option_img7.png) no-repeat center; background-size:100%;}
.main-login-after .login-top .img-area.type8::after{background: url(/artist/content/imgaes/common/ico/ico_option_img8.png) no-repeat center; background-size:100%;}
.main-login-after .login-top .img-area.type9::after{background: url(/artist/content/imgaes/common/ico/ico_option_img9.png) no-repeat center; background-size:100%;}
.main-login-after .login-top .img-area.type10::after{background: url(/artist/content/imgaes/common/ico/ico_option_img10.png) no-repeat center; background-size:100%;}
.main-login-after .login-top .img-area.type11::after{background: url(/artist/content/imgaes/common/ico/ico_option_img11.png) no-repeat center; background-size:100%;}
.main-login-after .login-top .img-area.type12::after{background: url(/artist/content/imgaes/common/ico/ico_option_img12.png) no-repeat center; background-size:100%;}
.main-login-after .login-top .img-area.type13::after{background: url(/artist/content/imgaes/common/ico/ico_option_img13.png) no-repeat center; background-size:100%;}

.main-login-after .login-top .img-area img{width:100%; height: 100%; object-fit: cover;}
.main-login-area .main-login-after ul{margin-top:1.6rem; padding:0 1.7rem;  }
.main-login-area .main-login-after ul li{padding: 13px 0; margin-right:6px; background: #ECEEFA; border-radius: 6px; box-sizing: border-box; position: relative;}
.main-login-area .main-login-after ul li:last-child{margin-right:0}
.main-login-area .main-login-after ul li span{display:block; /*font-size:1.5rem;*/font-size:1.2rem; color:#555; font-family:'NanumSquareNeo-Bd';}
.main-login-area .main-login-after ul li p{color: #1C3AA3; /*font-size:2.8rem;*/  font-size:2.4rem; margin:1.2rem 0 0 0;font-family:'NanumSquareNeo-Eb';}
.main-login-area .main-login-after ul li .new{display:block; width:6px; height:6px; position: absolute; top:6px; right:6px;  background: #1AB2FF; border-radius: 100%;}

.main-visual{margin-top:4rem; display:flex; width:100%;}
.main-visual .visual-area{padding-right:2.2rem; position: relative; width:calc(100% - 73px); box-sizing: border-box;}
.main-visual .visual-area .swiper {border-radius: 20px;}
.main-visual .visual-area .swiper-slide{ width:100%;border-radius: 20px; overflow: hidden;}
.main-visual .visual-area .swiper-slide a{display: block; width:100%}
.visual-area img{width:100%; display:block;} 
.visual-area img.mobile{display:none}
.visual-pagination{position: relative;}
.visual-pagination .swiper-pagination{bottom:60px; left:0; width:54px; height:48px;}
.visual-pagination .swiper-pagination > span{display:block; font-family: 'Montserrat', sans-serif; font-style: italic; font-weight:300; color:#222}
.visual-btn-area{position: relative;}
.visual-pagination .swiper-pagination .swiper-pagination-current{color:#1C3AA3; font-size:2.4rem; font-family: 'Montserrat', sans-serif;  font-style: italic;font-weight:600; text-align:left;}
.visual-pagination .swiper-pagination .swiper-pagination-current:after{display:block; width:48px; height:48px;content:""; background: url(/artist/content/imgaes/common/ico/ico_visual_bar.png) no-repeat center; background-size:100%; position:absolute; top:0; left:8px;}
.visual-pagination .swiper-pagination-total{text-align:right}
.visual-pagination .swiper-button-next, .visual-pagination .swiper-button-prev{display:block; width:76px; height:40px;margin-top:8px; line-height:40px; text-align:center; font-size: 1.4rem; letter-spacing: -0.05rem;  color: #1C3AA3;border: 1px solid #1C3AA3;font-family:'NanumSquareNeo-Bd'; border-radius: 100%;position: relative; right:auto; left:auto; top:auto; box-sizing: border-box;}
.visual-pagination .swiper-button-prev{margin-top:0}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{display:none}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{display:none}
.main-visual .controller {position: absolute; bottom:6rem; left:2.5rem; z-index: 1; }
.main-visual .controller .btn-pause {display: inline-block; width: 44px; height: 44px; background: url(/artist/content/imgaes/common/btn/btn_visual_stop.svg) no-repeat  center;background-size: 100%; box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2); border-radius: 100%;}
.main-visual .controller .btn-pause.playing {background: url(/artist/content/imgaes/common/btn/btn_visual_play.svg) no-repeat center; box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.2);}



/*예술인 등록 현황*/
.main-status-section{margin-top:8rem; display:inline-flex; width: calc(100% - 98px); padding:75px; background:#F4F5FA; box-sizing: border-box; border-radius: 20px; 
    flex-flow: row wrap-reverse; position: relative;}
.main-status-section .map-area{margin-top:8.7rem}
.main-status-section .map-area .type{opacity: 1; border: 0;}
.main-status-section .status-list{max-width:344px; width:100%; flex:1; order:1}
.main-status-swiper .swiper-wrapper{display:block; height:auto}
.main-status-swiper .swiper-wrapper .swiper-slide{height:auto}
.main-status-section .status-map-area{width: calc(100% - 344px); padding-left:14.5rem; flex:1; order:1}
.main-status-swiper.swiper{height:auto}
.m-map-area{display:none}
.date-txt{position: absolute; top:50px; right:55px;font-size: 16px; color:#555; font-family:'NanumSquareNeo-Bd';}
.date-txt.type2{position: relative; top:0; right:0; text-align:right; margin-top:30px}


.status-list .main-tit{color:#1C3AA3; font-size:4rem; line-height:5.3rem; font-weight: normal;font-family:'NanumSquareNeo-Eb'; word-break:keep-all}
.status-list .main-tit span{display:block}
.status-list .list-item1{margin-top:7rem}
.status-list .tit{display:block; margin-bottom:1.2rem; font-size:1.6rem; color:#1C3AA3; font-family:'NanumSquareNeo-Bd';}
.status-list .list-item1 .item-box{padding:1.8rem 2rem; background: #fff;border-radius: 8px;}
.status-list .list-item1 .item-box ul{display:flex; align-items: center; justify-content: center;}
.status-list .list-item1 .item-box ul li{flex:1; display:flex; align-items: center;}
.status-list .list-item1 .item-box ul li .img{margin-right:12px} 
.status-list .list-item1 .item-box ul li .info strong{display:block; color:#222; font-size:1.5rem; font-weight:normal; margin-bottom:0.4rem}
.status-list .list-item1 .item-box ul li .info p{ font-family: 'Montserrat', sans-serif; font-weight:600; }
.status-list .list-item1 .item-box ul li .info p em{color: #222222;font-size: 1.4rem;font-family:'NanumSquareNeo-Rg'; font-weight: normal; vertical-align: middle;}
.status-list .list-item2{margin-top:4rem;}
.status-list .list-item2 .item-box{padding:1.8rem 2rem; background: #fff;border-radius: 8px;}
.status-list .list-item2 .item-box ul li{display: flex; margin-bottom:1.5rem; align-items: center;justify-content: space-between;}
.status-list .list-item2 .item-box ul li:last-child{margin-bottom:0}
.status-list .list-item2 .item-box .name {font-size:1.5rem; color:#222222}
.status-list .list-item2 .item-box .name .num{display:inline-block; width: 22px; height: 22px; line-height:22px; text-align:center; color:#fff; font-size:1.4rem; background: #1C3AA3; border-radius: 4px; font-style: normal; margin-right:4px}
.list-item2 .item-box .count-area span{ font-family: 'Montserrat', sans-serif; font-weight:600; }
.list-item2 .item-box .count-area span em{color: #555;font-size: 1.4rem;font-family:'NanumSquareNeo-Rg'; font-weight: normal; vertical-align: middle}
.main-status-section .swiper-pagination{display: none;}
.status-line-txt{ flex: 0 0 100%; order: 0; border-top:1px solid #D4D4D4; margin-top:6rem; padding-top:2.8rem; }
.status-line-txt p{color:#555; font-size:1.4rem; line-height:2.6rem; word-break: keep-all;}

/*예술인상담, 자립지원, 네트워크*/
.main-counsel{margin-top:7.5rem; padding-left:60px; width: calc(100% - 98px); box-sizing: border-box; display:flex; position: relative;}
.counsel-area{width:522px; height:545px; background: url(/artist/content/imgaes/common/bg/bg_main_counsel.svg) no-repeat center; background-size: 100%; position: relative;}
.counsel-tab-content{width: calc(100% - 522px); padding-left:118px; box-sizing: border-box; position: relative;}
.counsel-area a{color:#222;font-family:'NanumSquareNeo-Bd'; }
.counsel-area a i{display:inline-block; width:39px; height:39px; content:""; background: url(/artist/content/imgaes/common/ico/ico_counsel_org.png) no-repeat center; background-size: 100%;  vertical-align: middle; box-shadow: 0px 3px 20px #ff6e1d; border-radius: 100%; overflow: hidden;}
.counsel-area a.counsel-link-type2 i{box-shadow: 0px 3px 20px #00B602; background: url(/artist/content/imgaes/common/ico/ico_counsel_green.png) no-repeat center; background-size: 100%; }
.counsel-area a.counsel-link-type3 i{box-shadow: 0px 3px 20px #000000; background: url(/artist/content/imgaes/common/ico/ico_counsel_black.png) no-repeat center; background-size: 100%; }

.counsel-link-type1{position: absolute; top:4%; left: 15%; z-index: 1;}
.counsel-link-type2{position: absolute; top:42%; right:0; background: #fff; z-index: 1;}
.counsel-link-type3{position: absolute; top:70%; left:18%; z-index: 1;}

.counsel-cont{display: none;}
.counsel-cont strong{display:block; color:#FF6E1D; font-size:4.8rem;font-family:'NanumSquareNeo-Eb'; font-weight:normal; }
.counsel-cont:nth-child(2) strong{color:#00B602}
.counsel-cont:nth-child(3) strong{color:#0F01F7}
.counsel-cont p{color:#222; margin-top:1.5rem; line-height:2.7rem; word-break: keep-all;}
.counsel-cont ul{margin-top:2.5rem;overflow: hidden; display: -ms-grid; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -ms-grid-columns: 1fr 1fr 1fr; grid-gap: 0 4%; min-width: 0; min-height: 0;}
.counsel-cont ul li {margin-top: 1.5rem;}
.counsel-cont ul li a{display: flex; justify-content: space-between; align-items: center; padding:1.8rem 4.2rem 1.8rem 2rem; font-family:'NanumSquareNeo-Bd';  color:#222; border-radius: 8px;  -webkit-transition: background-color 0.5s,  background-image 0.5s;  transition:background-color 0.5s, background-image 0.5s;
    background:#F4F5FA url(/artist/content/imgaes/common/ico/ico_counsel_off.svg) no-repeat 95% 15px; background-size: 24px; word-break: keep-all;}
.counsel-cont ul li a:hover{background: #ECEEFA url(/artist/content/imgaes/common/ico/ico_counsel_on.svg) no-repeat 95% 15px;background-size: 24px}
.counsel-cont.first ul{display:block;}
.counsel-cont.first ul li:first-child{margin-top:0}

.counsel-type-info{position: absolute; width: calc(100% - 582px);  padding-left: 118px;  right: 0;  bottom:0; box-sizing: border-box; z-index:1}
.counsel-type { padding-top:1.5rem; display:flex; justify-content: space-between;border-top: 1px solid #D4D4D4;}
.counsel-type li{color: #222222; font-family:'NanumSquareNeo-Bd'; position: relative;}
.counsel-type li:before{width:12px; height:12px; display:inline-block; vertical-align: middle;; margin-right:1.2rem; content:""; border-radius: 100%;}
.counsel-type li:first-child:before{background: #FF6E1D;}
.counsel-type li:nth-child(2):before{background: #00B602;}
.counsel-type li:last-child:before{background: #0F01F7}

/*에술인 이어달리기*/
.main-board-section{max-width:1920px; padding:0 64px; margin:185px auto 0 auto; display:flex; box-sizing: border-box; justify-content: space-between;}
.main-board-section .main-run-section{width:calc(100% - 446px);}
.main-board-section .main-board{width:304px; padding-left:142px}
.main-run{width:100%; height:681px; position: relative; background: url(/artist/content/imgaes/common/bg/bg_run.svg) no-repeat left top ; background-size: 100% 603px; }
.run-tit{position: absolute; top:10%; left:5%; text-align:left;font-family:'NanumSquareNeo-Eb'; font-size:4.8rem; color:#1C3AA3}
.run-tit span{display: block; color: #fff; text-shadow: -1px 0 #1C3AA3, 0 1px #1C3AA3, 1px 0 #1C3AA3, 0 -1px #1C3AA3; margin-bottom:7px;}
.run-more{position: absolute; bottom:8%; right:5%; width:98px; height:98px; line-height:98px; display:block; background: #1C3AA3; text-align:center; border-radius: 100%; color:#fff; font-family:'NanumSquareNeo-Bd'; font-size:1.4rem}

.inner-run-box{padding:6rem 6.7rem 5rem 5rem; box-sizing: border-box;}
.run-box{max-width:789px; border: 4px solid #1C3AA3; border-radius: 20px; position: absolute; right:16.8%; background: #fff; overflow: hidden;}
.run-box .top-area{display:flex; }
.run-box .top-area .info{margin-top:2rem; padding-right:8rem; width: calc(100% - 232px); box-sizing: border-box;}
.run-box .top-area .info strong{display:block; margin-bottom: 1.5rem; letter-spacing: -0.5rem; color: #1C3AA3; font-size:4.8rem;font-family:'NanumSquareNeo-Eb'; }
.run-box .top-area .info em{font-size:1.6rem; font-family:'NanumSquareNeo-Bd'; color:#1C3AA3}
.run-box .top-area .info ul{display:flex;  margin-top:2rem;}
.run-box .top-area .info ul li{background: #ECEEFA;  border-radius: 15px; margin-right:8px;}
.run-box .top-area .info ul li span{display: block;padding: 8px 16px; color:#395BD2; font-size:1.4rem; text-align:center; font-family:'NanumSquareNeo-Bd';  }
.run-box .top-area .info p{margin-top:3.5rem; font-size:1.6rem; color:#1C3AA3; line-height:2.7rem;display: -webkit-box;  max-height: 8rem;  overflow: hidden;  text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  word-wrap: break-word; }

.run-box .top-area .img-box{position: relative;width:232px; height:232px; order: 1;}
.run-box .top-area .img-box img{max-width:100%; position: absolute; height: 100%; object-fit: cover; z-index:1; border-radius: 12px; filter: drop-shadow(10px 10px 24px rgba(0, 0, 0, 0.4));}
.run-box .top-area .img-box::after{width:232px; height:232px; position: absolute; top:17px; right:-17px; content:""; border-radius: 12px; }
.run-box .top-area .img-box.type1::after{background: #5ABF8B;}
.run-box .top-area .img-box.type2::after{background: #9377B5;}
.run-box .top-area .img-box.type3::after{background: #F27B96;}
.run-box .top-area .img-box.type4::after{background: #E8A7D6 ;}
.run-box .top-area .img-box.type5::after{background:  #FE8C5A;}
.run-box .top-area .img-box.type6::after{background: #6F7CC2;}
.run-box .top-area .img-box.type7::after{background: #0072AB;}
.run-box .top-area .img-box.type8::after{background: #AB4040;}
.run-box .top-area .img-box.type9::after{background: #73CDDA;}
.run-box .top-area .img-box.type10::after{background:#F9D16D;}
.run-box .top-area .img-box.type11::after{background: #B1CD61;}
.run-box .top-area .img-box.type12::after{background: #BBAA7E;}
.run-box .top-area .img-box.type13::after{background: #707070;}


.run-btn{max-width:240px; margin:3rem auto 0 auto}
.run-btn .btn{border-radius: 32px; background:#1C3AA3 url(/artist/content/imgaes/common/ico/ico_run.svg) no-repeat 8px 8px; background-size:40px; 
    transition:background-color 0.5s ease,background-image 0.5s, background-position 0.2s, transform 0.5s ease; box-sizing: border-box;}
.run-btn .btn:hover{border-radius: 32px; background:#fff url(/artist/content/imgaes/common/ico/ico_run.svg) no-repeat center; background-size:40px; border:8px solid #1C3AA3; box-sizing: border-box; text-indent: -9999px; padding:11px 0;}

.run-list{position: absolute; bottom:0; right: 16%; max-width: 803px;}
.run-list .swiper-slide{width:179px; height:179px; margin-right:22px}
.run-more-slide{display: none;}
.run-list .list-img{border-radius: 12px 12px 0px 12px; overflow: hidden; position: relative;  width: 179px; height: 179px;}
.run-list .list-img:after{width:51px; height:51px; content:""; display:block; position: absolute; bottom:0; right:0; border-radius: 6px 0 0 0; overflow: hidden;}
.run-list .list-img img{max-width:100%; height:100%; object-fit: cover;}
.run-list .list-img.type1:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img1.png) no-repeat right top; background-size:51px;} /*문학*/
.run-list .list-img.type2:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img2.png) no-repeat top; background-size:51px;}/*음악*/
.run-list .list-img.type3:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img3.png) no-repeat top; background-size:51px;}/*사진*/
.run-list .list-img.type4:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img4.png) no-repeat top; background-size:51px;}/*연극*/

.run-list .list-img.type5:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img5.png) no-repeat right top; background-size:51px;}/*미술*/
.run-list .list-img.type6:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img6.png) no-repeat top; background-size:51px;}/*영화*/
.run-list .list-img.type7:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img7.png) no-repeat top; background-size:51px;}/*국악*/
.run-list .list-img.type8:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img8.png) no-repeat top; background-size:51px;}/*연예*/

.run-list .list-img.type9:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img9.png) no-repeat right top; background-size:51px;}/*무용*/
.run-list .list-img.type10:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img10.png) no-repeat top; background-size:51px;}/*건축*/
.run-list .list-img.type11:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img11.png) no-repeat top; background-size:51px;}/*만화*/
.run-list .list-img.type12:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img12.png) no-repeat top; background-size:51px;}/*어문*/
.run-list .list-img.type13:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img13.png) no-repeat top; background-size:51px;}/*기타*/

.main-board strong a{color: #1C3AA3; font-size:3.2rem;font-family:'NanumSquareNeo-Eb'}
.main-board ul li{margin-top:2.1rem}
.main-board ul li a{color: #222222; font-size:1.6rem; line-height:2.6rem;}
.main-board ul li a:hover{text-decoration: underline;}

/* 팝업 popup */
.main-popup-area{width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .7); z-index:9999;}
.main-popup-wrapper{position: relative; width:100%}
.main-popup-wrapper .main-popup-cont{position: absolute; top:130px; left: 50%; transform: translate(-50%, 0); width:100%; max-width:500px;}
.main-popup-close .close-wrap{margin-bottom:2rem; position: relative;}
.main-popup-close .close-wrap a.main-popup-close-btn{width:4rem; height:4rem; display: block; background:url('/artist/content/imgaes/common/btn/btn_main-popup_close.png')center; background-size:100%; position: absolute; top:0; right:0;}

.popup-container ul li a{display: block; max-width:500px; max-height:600px;}
.popup-container ul li img{max-width:100%; display: block;}
.popup-btn-area .swiper-button-next{width:60px; height:60px; display: block; background: url('/artist/content/imgaes/common/btn/btn_main_popup.png')no-repeat center; right:0; opacity: 1; background-size: 100%; right:-60px; margin-top:-30px;}
.popup-btn-area .swiper-button-prev {width:60px; height:60px; display: block; background: url('/artist/content/imgaes/common/btn/btn_main_popup.png')no-repeat center; ; left:0; opacity: 1; left:-60px; ms-transform: rotate(180deg); /* IE 9 */-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */transform: rotate(180deg); background-size: 100%; margin-top:-30px;} 

.popup-btn-area .swiper-button-next.swiper-button-disabled, .popup-btn-area .swiper-button-prev.swiper-button-disabled{opacity: 0.5;}

.close-wrap a.ckbox-label{ display: inline-block; color: #fff; font-size: 1.6rem; font-family:'NanumSquareNeo-Bd'; vertical-align: top; 
    background: url(/artist/content/imgaes/common/btn/btn_survey_unchek2.png) no-repeat left center;  background-size:2rem; padding:0 0 0 30px; border-radius: 0;}
.close-wrap a.ckbox-label.on { background: url(/artist/content/imgaes/common/btn/btn_survey_chek2.png) no-repeat left center; background-size: 2rem;}

.popup-pagination .swiper-pagination{margin:2rem auto;width:100%;text-align:center; color:#D4D4D4; font-size:1.8rem; font-family:'NanumSquareNeo-Bd'; position: relative; bottom:0  }
.popup-pagination .swiper-pagination .swiper-pagination-current{font-family:'NanumSquareNeo-Eb'; color:#fff; }

.new-comment{background: #ECEEFA; border-radius: 6px; margin: 0.6rem 1.7rem 0 1.7rem; box-sizing: border-box;}
.new-comment strong{display:block; color:#555555; font-size:1.5rem !important; line-height:1 !important; padding-top:1.2rem; text-align:center;  font-family:'NanumSquareNeo-Bd';}
.new-comment ul li{padding:0 !important; margin-right:0 !important; position: relative;}
.new-comment ul li:after{width:1px; height:20px; background: #C1C9D3; position: absolute; right:0; top:0; content:""}
.new-comment ul li:last-child:after{display:none}
.new-comment ul li p{margin:0 !important; font-size:1.5rem !important}
.new-comment ul li p span{display: inline-block !important}
.new-comment ul {padding:1.2rem 2rem !important; margin : 0 !important} 

.banner-area{margin-top:2.5rem; padding: 0 1.4rem;}
.banner-area .main-banner-swiper .swiper-slide a{display:block; width: 100%; padding-top: 75%; box-sizing: border-box; overflow: hidden; position: relative;}
.banner-area .main-banner-swiper .swiper-slide a img{max-width: 100%;  max-height: 100%; object-fit: cover; display: block; position: absolute;
top: 50%; left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;}
.banner-pagination {display:flex; min-height:30px;    justify-content: end; position: relative;    align-items: center;}
.banner-pagination .swiper-pagination{position: relative;padding-top: 10px;font-family: 'Montserrat', sans-serif; font-weight: 300;font-style: normal; font-size:1.5rem;}
.banner-pagination span{color:#222;font-family: 'Montserrat', sans-serif; font-weight: 300;font-style: normal;}
.banner-pagination .swiper-pagination-current{color:#1C3AA3;    font-weight: 600;}
.banner-btn-area .swiper-button-prev{width:7px; height:10px; background: url(/artist/content/imgaes/common/btn/btn_banner_prev.png) no-repeat center; background-size:100%;}
.banner-btn-area .swiper-button-next{width:7px; height:10px; background: url(/artist/content/imgaes/common/btn/btn_banner_next.png) no-repeat center; background-size:100%;}
.banner-btn-area .btn-pause{display:block; width:10px; height:12px; margin:0 auto; background: url(/artist/content/imgaes/common/btn/btn_banner_pause.png) no-repeat center; background-size:100%; }
.banner-btn-area .btn-pause.playing{width:10px; height:12px; background: url(/artist/content/imgaes/common/btn/btn_banner_play.png) no-repeat center; background-size:100%;}
.banner-btn-area{width:70px; position: relative;}
.banner-btn-area .controller{padding-top:10px; box-sizing: border-box;}
.banner-area.mobile{display: none}

/*주간인기글*/
.posts-tit{display:block; margin-bottom:3.5rem; font-size:3.8rem; font-family: 'NanumSquareNeo-Eb';;color:#1C3AA3; font-weight: normal;}
.posts-tit span{display: block; color: #fff; text-shadow: -1px 0 #1C3AA3, 0 1px #1C3AA3, 1px 0 #1C3AA3, 0 -1px #1C3AA3; margin-bottom:7px;}
.posts-list-wrap{padding:4rem 2rem; border: 4px solid #ECEEFA; border-radius: 20px; box-sizing: border-box; background: #FBFBFD url(/artist/content/imgaes/common/bg/bg_posts_1.png) no-repeat left bottom;}
.main-posts-section{width: calc(100% - 522px); padding-left:118px; box-sizing: border-box; position: relative;}
.posts-txt-box{display: flex; justify-content: space-between; align-items: center; padding-bottom: 2rem; border-bottom: 1px solid #C1C9D3;}
.posts-txt-box strong{font-size: 1.8rem; font-family:'NanumSquareNeo-Bd'; font-weight: normal; color: #222;}
.posts-txt-box i{width: 24px; height: 24px; content: ""; display:inline-block; background:url(/artist/content/imgaes/common/ico/ico_counsel_off.svg) no-repeat center;
    background-size: 24px;}
.posts-txt-box a{transition: all 0.2s;}
.posts-txt-box a:hover i{background:url(/artist/content/imgaes/common/ico/ico_counsel_on.svg) no-repeat center;  background-size: 24px}

.posts-list-wrap ul li {margin-top: 2rem;}
.posts-list-wrap ul li:first-child{margin-top: 0;}
.posts-list-wrap ul li a{display: flex; align-items: center;}
.posts-list-wrap ul li span{width: 25px; margin-right: 10px; font-size: 3.2rem; font-family: 'Montserrat', sans-serif;  font-weight: 600;color:#299900; font-style: italic;}
.posts-list-wrap ul li p{width: calc(100% - 35px); color:#222; font-size: 1.8rem; line-height: 1.5;    overflow: hidden; text-overflow: ellipsis; display: -webkit-box;
    -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: keep-all;}

@media all and (min-width:992px) and (max-width:1920px) {
/*에술인 이어달리기*/
.main-board-section .main-run-section{width: calc(100% - 29.5vw);; padding-left:5.3vw; box-sizing: border-box;}
.main-run{height:37.83vw; background-size: contain;}
.run-box{max-width:39vw; right: 11%;}
.run-list{max-width:42vw; right: 8%; bottom:4%}
.run-more{width:5.4vw; height:5.4vw; right: -3%; bottom:14%; line-height:5.5vw; font-size:0.77vw}
.run-tit{font-size:2vw;left:-5%;}

.main-board-section{padding:0 3.55vw}
}

@media all and (min-width:992px) and (max-width:1800px) {

.counsel-area a i{width:2.4vw; height:2.4vw}
.counsel-area a{font-size:1.1vw}

.main-section{width: calc(100% - 28.33vw);}
.right-col{width:16.88vw; right: 3.55vw;}
.main-board-section .main-board{width:16.88vw; padding-left:7.4vw}
.main-container .main-content-area{padding-top:20px}
.main-container .main-content{padding-left:3.55vw }
.main-login-area strong{font-size:2.8rem; line-height:3.4rem;}
.main-login-area p{font-size:1.6rem}
.main-login-after .login-top{padding:0 15px}
.main-login-after .login-top .name strong{font-size:2.8rem}
.main-login-after .login-top .name span{font-size:2rem}
.main-login-area .main-login-after ul li span{font-size:1.2rem}
.main-login-area .main-login-after ul li{padding:10px}
.main-login-area .main-login-after ul li p{font-size:2.4rem}

.counsel-cont strong{font-size:4rem}
.counsel-cont p{font-size:1.6rem}
.counsel-cont ul li a{padding:1.1vw 2vw 1.1vw 1vw; font-size:1.4rem; background-size:18px;}
.counsel-cont ul li a:hover{ background-size:18px}
.counsel-tab-content{padding-left:2.7vw;width: calc(100% - 29vw);}

.counsel-area{width:29vw; height:36.2vw}
.main-counsel{padding-left:3.3vw}
.main-login-area ul li a{font-size:1.6rem;}

.counsel-cont ul{grid-gap: 0 2%;}
.date-txt{top:2.77vw; right:2.77vw; font-size:0.9vw}

.counsel-type-info{    padding-left: 2.7vw;width: calc(100% - 32.5vw);;}
.counsel-type {margin-top:11vw;}
.counsel-type li{font-size:1.4rem}
.counsel-type li:before{width:9px; height:9px; margin-right:1rem}

/*예술인 등록 현황*/
.main-status-section{padding:4.1vw;}
.main-status-section .status-list{max-width:22vw; }
.main-status-section .status-map-area{width: calc(100% - 22vw); padding-left:5vw}
.status-list .main-tit{font-size:3.2rem; line-height:4.5rem;}
.status-list .list-item1{margin-top:3.88vw}
.status-list .list-item1 .item-box ul li .info strong{font-size:1.4rem;}
.status-list .list-item1 .item-box ul li .info p{font-size:1.6rem}
.status-list .list-item1 .item-box{padding:1vw }
.status-list .list-item1 .item-box ul li .img img{max-width:100%}
.status-list .list-item1 .item-box ul li .img{margin-right:0.6vw}

.main-posts-section{padding-left: 2.7vw; width: calc(100% - 29vw);}
.posts-tit{font-size: 4rem;}

/*이어달리기*/
.inner-run-box{padding:2vw 3.72vw 2vw 2.77vw; }
.run-box .top-area .info strong{font-size:2.6vw; margin-bottom: 0.83vw;    letter-spacing:0}
.run-box .top-area .info em{font-size:0.83vw}
.run-box .top-area .info ul{margin-top:1.3vw;}
.run-box .top-area .info ul li span{font-size:0.7vw; padding:0.4vw 0.8vw }
.run-box .top-area .info p{margin-top:2.2vw; font-size:0.88vw; height:4.44vw; line-height:1.5vw}
.run-box .top-area .img-box{width:12.88vw; height:12.88vw}
.run-box .top-area .info{margin-top:1vw; padding-right:4.4vw; width: calc(100% - 12.88vw);}
.run-box .top-area .img-box::after{width:12.88vw; height: 12.88vw; top:0.94vw; right:-0.94vw;}
.run-btn .btn{padding:1vw; font-size:0.88vw; background: #1C3AA3 url(/artist/content/imgaes/common/ico/ico_run.svg) no-repeat 0.44vw 0.44vw; background-size: 2.22vw;}

.run-list .swiper-slide{width:9.94vw; height:9.94vw; margin-right:1.2vw}
.run-list .list-img{width:9.94vw; height:9.94vw;}
.run-list .list-img:after{width:2.83vw; height:2.83vw}
.run-list .list-img.type1:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img1.png) no-repeat right top; background-size:2.83vw;}
.run-list .list-img.type2:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img2.png) no-repeat top; background-size:2.83vw;}
.run-list .list-img.type3:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img3.png) no-repeat top; background-size:2.83vw;}
.run-list .list-img.type4:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img4.png) no-repeat top; background-size:2.83vw;}

.main-board-section .main-run-section {
    width: calc(100% - 30.5vw);
    padding-left: 3vw;}

}

/*************************************************큰 태블릿*************************************************/
@media all and (min-width:992px) and (max-width:1500px) {
.main-status-section {padding:2.1vw;}


}


/*************************************************큰 태블릿*************************************************/
@media all and (min-width:992px) and (max-width:1279px) {
.main-container .main-content{padding-right:3.55vw}
.main-section{width:100%}
.main-board-section .main-run-section{width: calc(100% - 98px); padding:0}
.main-run{width:100%; height:40vw}
.right-col{display:none}

.main-status-section .status-list{max-width:26.89vw}
.main-status-section .status-map-area {width: calc(100% - 26.89vw); padding-left: 8vw;}

.m-login-area{display:flex !important; width: calc(100% - 98px);}    
ul.login-area li img{margin:0 auto 1rem auto;}

.main-board-section{display:block;}
.main-board-section .main-board{width:100%; padding:0; margin-top:10rem}
.run-box .top-area .info strong{font-size:3vw}
.run-tit{left:0%; font-size:3vw }
.run-box .top-area .info p{font-size:1vw}
.run-box .top-area .info em{font-size:1vw}
.run-box .top-area .info ul li span{font-size:0.9vw}
.run-box{right:15%}
.run-list{right:15%; bottom: -5%;}
.run-more{right:3%; bottom:-1%;}
.main-board-section{padding:0 3.55vw 0 8vw !important}
.inner-run-box {padding: 3vw 3.72vw 3vw 2.77vw;}

.counsel-cont ul li a{background: #F4F5FA url(/artist/content/imgaes/common/ico/ico_counsel_off.svg) no-repeat 95% 0.93vw; background-size: 18px;}
.posts-list-wrap ul li p{font-size: 1.5rem;}
.posts-list-wrap ul li span{font-size: 2.6rem; width: 20px; ;}
.posts-list-wrap ul li p{width: calc(100% - 25px);}
.posts-tit{font-size: 3rem;}

}

 /*************************************************모바일&태블릿*************************************************/
@media all and (max-width:991px){
.banner-area.mobile{display:block}
.banner-area.pc{display:none}
.banner-area .main-banner-swiper .swiper-slide a img{width:100%; height:100%;}
.banner-area{margin:0; padding:4rem 3.2rem}

.m-login-area{margin-top:0 !important; padding:0 1.6rem 10rem 1.6rem !important; display:flex !important;background: #F4F5FA; }    
ul.login-area li img{margin:0 auto 1rem auto;}
.main-container{padding-top:6.4rem}
.main-container .main-content-area{padding-top:0}
.search-wrap.main-conten {display:none}
.main-section{width:100%}
.right-col{display:none}
.main-container .main-content{padding:0 16px;}

.main-popup-area .swiper-button-next, .main-popup-area .swiper-button-prev{display:none}
.main-popup-area {position: fixed;}
.main-popup-wrapper{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width:90%; max-width: 500px;}
.main-popup-wrapper .main-popup-cont{position:relative;	top: 0;	left: 0;transform: translate(0, 0);}

.close-wrap a.ckbox-label{font-size:1.5rem}
.main-popup-close .close-wrap a.main-popup-close-btn{width:3rem; height:3rem;top: 8px}
.popup-pagination .swiper-pagination{font-size:1.6rem;}


/*메인 비쥬얼*/
.main-visual.main-content{padding:0; display:block; margin-top:0}
.visual-btn-area{display:none}
.main-visual .visual-area{margin-right:0; width:100%; padding:0}
.main-visual .visual-area .swiper{border-radius: 0;}
.main-visual .visual-area .swiper-slide{border-radius: 0;}
.visual-area img.mobile{display:block;}
.visual-area img.pc{display:none;}
.visual-pagination .swiper-pagination{width:60px; height:26px; right:1.6rem; bottom:3em; left:auto; background: rgba(0, 0, 0, 0.4);border-radius: 13px;line-height: 2.6rem;}
.visual-pagination .swiper-pagination > span{display:inline-block; font-size:1.4rem;color:#fff;}
.visual-pagination .swiper-pagination .swiper-pagination-current:after{display:inline-block; width:8px; height:16px;content:""; background: url(/artist/content/imgaes/common/ico/m_ico_visual_bar.png) no-repeat center; background-size:100%; position: relative; top:auto; left:auto; vertical-align: middle; }
.visual-pagination .swiper-pagination .swiper-pagination-current{font-size:1.4rem; color:#fff;}
.main-visual .controller .btn-pause{width:36px; height:36px;}
.main-visual .controller{bottom:3.5rem; left:1.6rem}

/*등록현황*/
.main-status-swiper .swiper-wrapper{display:flex;}
.main-status-swiper .swiper-wrapper .swiper-slide{height:100%}
.main-status-section{margin:0; width:100%; padding: 8rem 2rem 6.4rem 2rem; border-radius: 0; display:block}
.main-status.main-content{padding:0}
.main-status-section .status-list{max-width:100%}
.status-list .main-tit{text-align:center}
.status-list .main-tit span{display: inline-block;}
.status-list .main-tit em{display: block;}
.date-txt{position: relative; top:auto; right:auto;text-align: center; margin-top:1.5rem}
.status-list .list-item1{margin-top:4rem}
.status-list .tit{text-align:center; margin-bottom:1.6rem}
.status-list .list-item1 .item-box{background: none;}
.status-list .list-item1 .item-box ul li{justify-content: center;}
.m-map-area{margin-top:4rem; display: block}
.m-map-area .type{display:flex;    justify-content: left;}
.m-map-area .type strong {width:50%; color:#fff; font-size:1.5rem; padding:9px 6px 9px 10px; background: #1C3AA3; border-radius: 20px 0px 0px 20px; font-weight:normal; text-align:center;}
.m-map-area .type span {width: 50%; padding:9px 17px 9px 6px;background: #FFFFFF; border-radius: 0px 20px 20px 0px; font-size:1.8rem;color: #FF602E; font-family: 'Montserrat', sans-serif; font-weight:600;line-height: 1; box-sizing: border-box;text-align:center;}
.m-map-area .type span em{color:#0D9844}
.m-map-area .type span i{color:#555; font-weight: 400;}
.main-status-section .map-area{display:none}
.main-status-section .status-map-area{width:100%; padding:0}
.main-status-section .map-li{overflow: hidden; display: -ms-grid; display: grid; margin: 0; padding: 0; grid-template-columns: repeat(2, minmax(0, 1fr));
-ms-grid-columns: 1fr 1fr 1fr; grid-gap: 0 1.5%; min-width: 0; min-height: 0;}
.main-status-section .map-li p{margin-bottom:1rem}
.m-map-area .tit{display:block; text-align: center; margin-bottom: 1.6rem; font-size:1.6rem; color:#1C3AA3; font-family:'NanumSquareNeo-Bd';}
.main-status-section .swiper-pagination{position: relative; margin-top:1.6rem; display:block; bottom:auto}
.main-status-section .swiper-pagination-bullet{width:10px; height:10px; background: #FFFFFF; border: 1px solid #1C3AA3;    opacity: 1;}
.main-status-section .swiper-pagination-bullet-active{background: #1C3AA3;;}

.main-status-section .m-map-area .swiper-pagination{margin-top:0.6rem}


/*예술인 상담*/
.main-counsel{width:100%; padding-left:0; display:block}
.counsel-area{margin:0 auto}
.counsel-tab-content{width:100%; padding-left:0; margin-top:6rem}
.counsel-type{overflow: hidden; display: -ms-grid; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); -ms-grid-columns: 1fr 1fr 1fr; padding:0; margin-top:2rem}
.counsel-type li{margin-top:2rem}
.counsel-type-info{position: relative; right:auto; bottom:auto; width:100%; padding:0;}

.main-board-section{display:block; position: relative; padding:0 !important}
.main-board-section .main-run-section{width:100%}
.main-board-section .main-board{width:100%; margin-top:8rem; padding:0 1.6rem; box-sizing: border-box;}
.main-run{background: none; height:auto}
.run-more{display:none}
.run-box{position: relative; right:auto; max-width: calc(100% - 32px); margin:0 auto}
.main-board-section:after{width:16px; height:25px; background: #1c3aa3; position: absolute; top:27%; right:0; content:""; }
.run-list:after{width:25px; height:90px; background: #1c3aa3; position: absolute; top:-32px; left:64px; content:""; }
.run-list{position: relative; right:auto; margin-top:3.2rem; max-width: calc(100% - 16px); padding-left: 16px;}
.run-list .swiper-slide{width:120px; height:120px;margin-right:8px;}
.run-more-slide{display: block;}
.run-list .list-img{width:120px; height:120px;}
.run-list .swiper-slide:last-child:after{display:none}
.run-list .swiper-slide .run-more{display:block !important; position: relative; bottom:auto; right:auto; margin-top: 10px;}

.run-list:before{width: calc(100% - 16px); height:25px; background: #1c3aa3; position: absolute; top:50%; right:0; margin-top:-4px; content:"";}
.run-tit{display:block; margin-bottom:1.6rem; position: relative; top:auto; left:auto; padding:2rem 1.6rem; position: relative;}
.run-tit:after{width:26px; height:26px; background: #1c3aa3; position: absolute; top:-20px; left:120px; content:"";}
.run-tit:before{width:26px; height:26px; background: #1c3aa3; position: absolute; bottom:-20px; left:120px; content:"";}
.run-tit span{display:inline-block; margin-bottom:0}
.run-list .list-img:after{width:34px; height:34px;}
.run-list .list-img.type1:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img1.png) no-repeat right top; background-size:34px;} /*문학*/
.run-list .list-img.type2:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img2.png) no-repeat top; background-size:34px;}/*음악*/
.run-list .list-img.type3:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img3.png) no-repeat top; background-size:34px;}/*사진*/
.run-list .list-img.type4:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img4.png) no-repeat top; background-size:34px;}/*연극*/

.run-list .list-img.type5:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img5.png) no-repeat right top; background-size:34px;}/*미술*/
.run-list .list-img.type6:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img6.png) no-repeat top; background-size:34px;}/*영화*/
.run-list .list-img.type7:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img7.png) no-repeat top; background-size:34px;}/*국악*/
.run-list .list-img.type8:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img8.png) no-repeat top; background-size:34px;}/*연예*/

.run-list .list-img.type9:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img9.png) no-repeat right top; background-size:34px;}/*무용*/
.run-list .list-img.type10:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img10.png) no-repeat top; background-size:34px;}/*건축*/
.run-list .list-img.type11:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img11.png) no-repeat top; background-size:34px;}/*만화*/
.run-list .list-img.type12:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img12.png) no-repeat top; background-size:34px;}/*어문*/
.run-list .list-img.type13:after{background: #fff  url(/artist/content/imgaes/common/bg/bg_main_run_img13.png) no-repeat top; background-size:34px;}/*기타*/

.run-box .top-area{flex-direction: column;}
.run-box .top-area .img-box{height:232px; order:0; margin:0 auto;max-width: 100%;}
.run-box .top-area .info{width:100%; text-align: center; padding-right:0}
.run-box .top-area .info p{text-align: left;}
.run-box .top-area .info ul{justify-content: center;}
.run-box .top-area .info{margin-top:4.8rem}
.inner-run-box{padding:3rem 3rem 4rem 3rem}
.run-box .top-area .info strong{font-size:3rem; letter-spacing:0;}
.run-box .top-area .info em{font-size:1.5rem}
.run-box .top-area .info ul li span{font-size:1.3rem}
.run-box .top-area .info p{margin-top:2rem}
.run-btn .btn{font-size:1.5rem}
.run-box .top-area .img-box::after{max-width:100%}

.main-posts-area{width: 100%;}
.main-posts-section{width: 100%; padding-left: 0; margin-top: 4rem;}
.posts-list-wrap .swiper-slide{width: 100%; margin-right: 0;}
.posts-list-wrap ul li p{font-size: 1.5rem;}
.posts-list-wrap ul li span{font-size: 2.6rem; width: 20px; ;}
.posts-list-wrap ul li p{width: calc(100% - 25px);}
.posts-tit{font-size: 3.2rem; margin-bottom: 2.5rem;}
.posts-list-wrap .swiper-slide{padding: 3rem 2rem;}
}

/*************************************************태블릿*************************************************/
@media all and (min-width:768px) and (max-width:991px){


}
/*************************************************모바일*************************************************/
@media all and (max-width:767px){
.status-line-txt{margin-top:4rem;}

/*예술인 등록현황*/
.status-list .main-tit{font-size:3.2rem; line-height:3.5rem; line-height:1.5}
.date-txt{font-size:1.5rem}
.status-list .list-item1 .item-box{padding:0}

.counsel-area{width:100%; height:100vw}
.counsel-area a{font-size:2.34vw; }
.counsel-link-type1{top:8%}
.counsel-area a i{width:5.08vw; height:5.08vw}
.counsel-link-type2{right:1.2%}
.status-list .list-item1 .item-box ul li .info p{font-size:1.8rem}
.list-item2 .item-box .count-area span{font-size:1.8rem}
.counsel-cont strong{font-size:3.2rem}
.counsel-cont ul{display:block}
.counsel-cont ul li{margin-top:0.58rem}
.counsel-cont ul li a{padding: 1.5rem 4rem 1.5rem 2rem; background: #F4F5FA url(/artist/content/imgaes/common/ico/ico_counsel_off.svg) no-repeat 95% center; background-size: 20px;}
.counsel-cont ul li a:hover {background: #ECEEFA url(/artist/content/imgaes/common/ico/ico_counsel_on.svg) no-repeat 95% center; background-size: 20px;}

.main-board-section{margin:8rem auto 0 auto}
.run-tit{font-size:3.2rem}
.run-box .top-area .img-box::after{top:2.21vw; right:-2.2vw}
.posts-list-wrap{padding: 2rem;}

}

@media all and (max-width:470px){
.m-map-area .type span{font-size:1.4rem; padding: 9px 0; width:60%}
.m-map-area .type strong{font-size:1.3rem; width:40%}
}