@charset "utf-8";

/*왼쪽_타이틀및검색*/
body {padding-bottom:100px;}
#contents {position:relative;}
.tf_intro {position:absolute; left:6.5%; top:36%;}
.tf_ttl {display:inline-block; position:relative; padding-right:30px; font-size:63px;}
.tf_ttl:after {content:""; position:absolute; right:-5px; bottom:10px; width:18px; height:18px; border-radius:50%; background:#850aee;}
.tf_sttl {margin-top:60px; font-size:24px; color:#850aee; font-weight:500;}
.tf_txt {margin-top:20px; color:#444; font-size:15px; font-weight:500; letter-spacing:-.5px;}

.tf_search {width:320px; max-width:90%; margin-top:60px; border-bottom:3px solid #850aee;}
.tf_search input[type=text] {width:calc(100% - 40px); padding:15px 0; border:0; background:none;}
.tf_search input[type=submit] {width:35px; height:35px; text-indent:-100%; font-size:0; color:#f5f5f5; overflow:hidden; border:0; background:#f5f5f5 url('/open_content/theme/share/img/ic_search.gif') no-repeat center center;}
.tf_search input[type=submit]:hover {cursor:pointer}

/*0.첫화면_박스링크목록*/
/* .tf_link {position:absolute; top:670px; width:100%; padding-top:400px;} */
/*.tf_link {position:relative; display:flex; justify-content:flex-end; padding-right:11%; padding-top:8.8%;}*/
.tf_link {position:static; display:flex; justify-content:flex-end; padding-right:11%; padding-top:8.8%;}
.tf_link>div {padding:30px;}
.tf_link>div>a {position:relative; display:block; width:370px; height:370px; font-weight:600; font-size:30px; border-radius:60px; background:#f4f4f4; box-shadow:20px 20px 60px #eaeaea, -30px -30px 30px #fff;}
.tf_link>div>a:hover,
.tf_link>div>a.on {color:#fff; background:#850aee; z-index:1;}
.tf_link>div>a>span {position:relative; top:55%; left:15%;}
/*1.공통//박스링크 클릭 후 컨텐츠*/
.tf_link_list {display:none; position:absolute; right:0; width:100%; z-index:10;}
/* .tf_link_list:before {content:""; position:absolute; top:-44px; width:115px; height:44px; background-repeat:no-repeat; background-position:center bottom;}
#tf_link01 .tf_link_list:before {background-image:url('../../transfer/img/transfer_link01_on.png'); right:42%;}
#tf_link02 .tf_link_list:before {background-image:url('../../transfer/img/transfer_link02_on.png'); right:19%;} */

/*1.공통//박스링크 클릭 후 컨텐츠_상단화살표*/
.tf_link>div:before {display:none; content:""; position:absolute; width:115px; height:44px; bottom:30px; margin-left:129px; background-repeat:no-repeat; background-position:center bottom; transition:.2s; z-index:10;}
#tf_link01:before {background-image:url('../../transfer/img/transfer_link01_on.png');}
#tf_link02:before {background-image:url('../../transfer/img/transfer_link02_on.png');}
.tf_link>div.on:before {display:block;}

/*1박스_2단계//어두운배경_리스트선택*/
.bg-dark {padding:35px 5%; background:#272634;}
.bg-dark>div {max-width:600px; margin:0 auto;}
/*박스클릭후_2,3단계//체크박스리스트선택*/
.checkbox_list li {margin-top:15px; overflow:hidden;}
.checkbox_list label {position:relative; display:block; width:100%; padding:13px 25px; font-size:20px; color:#999; font-weight:500; border-radius:60px; border:3px solid transparent;}
.checkbox_list label:before {content:""; position:absolute; right:20px; top:10px; width:32px; height:32px; border-radius:50%; border:2px solid #3c3b49; background:linear-gradient(to bottom, #1a1b2b, #26283a);}
.checkbox_list input[type=checkbox],
.checkbox_list input[type=radio]{position:absolute; left:-100%;}
.checkbox_list input[type=checkbox]:checked + label,
.checkbox_list input[type=radio]:checked + label {color:#fff; border-color:#850aee; background:#3a205a;}
.checkbox_list input[type=checkbox]:checked + label:before,
.checkbox_list input[type=radio]:checked + label:before {border-color:#fff; background:#fff;}
.checkbox_list input[type=checkbox]:checked + label:after,
.checkbox_list input[type=radio]:checked + label:after {content:""; position:absolute; right:22px; top:5px; width:17px; height:28px; border-right:5px solid #850aee; border-bottom:5px solid #850aee; border-radius:0 4px 0 4px; transform:rotate(45deg);}
.link_view {display:block; position:relative; text-align:center; width:100%; margin-top:50px; padding:15px; font-size:20px; font-weight:500; color:#fff; border:0; border-radius:30px; background:#850aee;}
.link_view:before,
.link_view:after {content:""; position:absolute; right:50%; margin-right:-70px; top:50%; transition:.5s;}
.link_view:before {width:25px; height:2px; background:#fff;}
.link_view:after {margin-top:-3px; width:8px; height:8px; border-right:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg);}
.link_view:hover:before {width:15px;}


/*2박스_2단계//탭*/
.tab {display:flex; justify-content:flex-end; padding:20px 11% 20px 20px; background:#7100db;}
.tab>li {margin-right:5px;}
.tab>li>a {display:block; padding:30px 50px; font-size:19px; border-radius:35px; font-weight:600; color:#fff;}
.tab>li>a.on,
.tab>li>a:hover {color:#111; background:#fff;}
.tab>li>a.link-yellow {color:#eeda00;}
.tab>li>a.link-yellow.on,
.tab>li>a.link-yellow:hover {color:#000; background:#eeda00;}
/*2박스_3단계//탭컨텐츠*/
.tab_con {display:none; position:absolute; left:5%; width:90%; margin-top:30px; padding-bottom: 1.5rem;}
/*2박스_3단계//탭컨텐츠_전입자생활팀*/
#tf_link02 .tf_link_con-right {left:auto; right:11%; max-width:650px;}
/*2박스_3단계//탭컨텐츠_전입자생활팀//리스트형_오른쪽정렬*/
.select_list {margin-bottom:20px; overflow:hidden;}
.select_list_ttl {width:430px; max-width:100%; padding:12px 30px 14px; color:#fff; font-size:20px; border-radius:0 30px 30px 30px; background:#850aee;}
.select_list>ul,
.select_list>select, .select_list>input[type=text], .layerpop select {outline:none; float:right; width:430px; max-width:100%;}
.select_list>select, .layerpop select {background: url('/open_content/theme/transfer/img/ic_arrow.svg') no-repeat center right 15px !important; outline: none; font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕'; letter-spacing: -1.5px; -webkit-appearance: none; -moz-appearance: none;}
.select_list>input[type=text]::placeholder {letter-spacing: -1.5px;}
.select_list>ul>li {margin-top:5px;}
.select_list>ul>li:first-child,
.select_list>select, .select_list>input[type=text], .layerpop select {letter-spacing:-1.5px; margin-top:10px;}
.select_list>ul>li>a,
.select_list>select,
.layerpop select,
.select_list>input[type=text] {position:relative; display:block; padding:12px 30px; font-size:17px; color:#7100db; font-weight:500; border:3px solid #7100db; border-radius:30px 0 30px 30px; background:transparent;}
.select_list>ul>li>a:before,
.select_list>ul>li>a:after {content:""; position:absolute; right:30px; top:50%; transition:.5s;}
.select_list>ul>li>a:before {width:25px; height:2px; background:#850aee;}
.select_list>ul>li>a:after {margin-top:-3px; width:8px; height:8px; border-right:2px solid #850aee; border-bottom:2px solid #850aee; transform:rotate(-45deg);}
.select_list>ul>li>a:hover:before {width:15px;}
.select_list>ul>li>a .num {display:inline-block; margin-right:15px; font-size:14px; color:#666;}
/*2박스_3단계//탭컨텐츠_365의료//박스가운데정렬_리스트*/
.box_list {display:flex; justify-content:center; flex-wrap:wrap;}
.box_list>li {padding:20px;}
.box_list>li>a {position:relative; display:block; width:160px; height:160px; text-align:center; padding-top:105px; font-size:19px; font-weight:500; color:#111;}
.box_list>li>a:before {content:""; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:60px; background:#ececec; box-shadow:18px 18px 45px #d3d3d3, -18px -18px 45px #fff; z-index:-1;}
.box_list>li>a:hover {color:#fff; z-index:1;}
.box_list>li>a:hover:before {background:linear-gradient(#850aee,#7100db);}


/*이미지스프라이트모음*/
a[class*=ic_is3]:after {content:""; position:absolute; right:50px; top:50px; width:100px; height:100px; background-image:url('/open_content/theme/share/img/ic_is.png'); background-repeat:no-repeat; transition:.4s;}
.ic_is3_01:after {background-position:left -200px;}
.ic_is3_02:after {background-position:-100px -200px;}
.ic_is3_01.on:after, .ic_is3_01:hover:after {background-position:left -300px;}
.ic_is3_02.on:after, .ic_is3_02:hover:after {background-position:-100px -300px;}
a[class*=ic_is4]:after {content:""; position:absolute; right:50%; margin-right:-25px; top:30px; width:50px; height:60px; background-image:url('/open_content/theme/share/img/ic_is.png'); background-repeat:no-repeat; transition:.4s;}
.ic_is4_01:after {background-position:left -400px;}
.ic_is4_02:after {background-position:-50px -400px;}
.ic_is4_03:after {background-position:-100px -400px;}
.ic_is4_04:after {background-position:-150px -400px;}
.ic_is4_05:after {background-position:-200px -400px;}
.ic_is4_06:after {background-position:-250px -400px;}
.ic_is4_07:after {background-position:-300px -400px;}
.ic_is4_08:after {background-position:-350px -400px;}
.ic_is4_09:after {background-position:-400px -400px;}
.ic_is4_10:after {background-position:-450px -400px;}
.ic_is4_11:after {background-position:-500px -400px;}
.ic_is4_12:after {background-position:-550px -400px;}
.ic_is4_13:after {background-position:-600px -400px;}
.ic_is4_14:after {background-position:-650px -400px;}
.ic_is4_15:after {background-position:-700px -400px;}
.ic_is4_01:hover:after {background-position:left -460px;}
.ic_is4_02:hover:after {background-position:-50px -460px;}
.ic_is4_03:hover:after {background-position:-100px -460px;}
.ic_is4_04:hover:after {background-position:-150px -460px;}
.ic_is4_05:hover:after {background-position:-200px -460px;}
.ic_is4_06:hover:after {background-position:-250px -460px;}
.ic_is4_07:hover:after {background-position:-300px -460px;}
.ic_is4_08:hover:after {background-position:-350px -460px;}
.ic_is4_09:hover:after {background-position:-400px -460px;}
.ic_is4_10:hover:after {background-position:-450px -460px;}
.ic_is4_11:hover:after {background-position:-500px -460px;}
.ic_is4_12:hover:after {background-position:-550px -460px;}
.ic_is4_13:hover:after {background-position:-600px -460px;}
.ic_is4_14:hover:after {background-position:-200px -460px;}
.ic_is4_15:hover:after {background-position:-700px -460px;}

/* start of 전입신고 질문 리스트 */
.layerpop_con.hidden,
.layerpop_result_con.hidden {
	display: none;
}

.layerpop_con img,
.layerpop_con2 img {
	width: 100% !important;
	height: 100% !important;
}

.layer-title {
    width: 100%;
    padding: 12px 30px 14px;
    color: #fff;
    font-size: 1rem;
    border-radius: 0 30px 30px 30px;
    background: #850aee;
}

.transfer_question_list > li {
	margin: 1rem 0;
}

.transfer_question_list {
	padding: 1rem 0;
}

.transfer_question_list .question {
	font-size: 1rem;
    color: #850aee;
    line-height: 24px;
    margin: 0 10px 0 0;
	font-weight: 600;
}

.transfer_question_list .question::before {
    font-size: .9rem;
    background-color: #850aee;
    content: 'Q';
    width: 24px;
    height: 24px;
    display: inline-block;
    margin-right: 10px;
    background-position: -154px -340px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-weight: 400;
}

.transfer_map {
	margin: 1.2rem 0;
	width: auto;
	height: 0;
}

.transfer_road_search_btn {
    color: #fff;
    border: none;
    margin-left: 1rem;
    background: #850aee;
    border-radius: 10px;
	padding: 0.4rem 1.2rem;
    cursor: pointer;
    font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕',sans-serif;
}

.transfer_result_img {
	width: 100%;
}
/* end of 전입신고 질문 리스트 */

/* start of 드롭다운 */
.dropdown-show-btn {
	cursor: pointer;
}

.dropdown {
    transition: 1.5s all;
	height: 0;
    max-height: 0;
}

.dropdown.on {
    max-height: 1000px;
    transition: 1.5s all;
    height: auto;
}
/* end of 드롭다운 */

/* start of 문화나누미 */
.category_list {
	text-align: center;
	font-size: 0;
	margin: 2rem 0;
}

.category_list > li {
	display: inline-block;
	position: relative;
	padding: .8rem 1.2rem;
	font-weight: 600;
	font-size: 1.2rem;
    cursor: pointer;
    width: 20%;
    max-width: 100px;
}

.category_list > li.on {
	color: #106FB8;
	position: relative;
}

.category_list > li.on::before {
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 2px;
	display: block;
	background: #106FB8;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.category_list > li .sub_category_list {
	display: none;
	position: absolute;
}

.category_list > li:hover .sub_category_list {
	display: block;
}

.category_list > li .sub_category_list > .dropdown_item {
	cursor: pointer;
}

.event_etc, .sub_category_list {
	padding: 2rem;
}

.sub_category_list {
	text-align: center;
	padding: .5rem 1rem;
	margin: 0.4rem;
}

.sub_category_list > a {
    display: inline-table;
	margin: 0 .4rem .4rem;
	padding: .4rem 1.2rem;
	border: 1px solid #ddd;
	border-radius: 30px;
}

.sub_category_list > a.on,
.sub_category_list > a:hover {
	border-color: #106FB8;
	color: #106FB8;
}

.event_etc {
	display: flex;
	align-items: center;
}

.event_etc .event_num {
	font-weight: 600;
}

.event_etc .search_div > input,
.page_go input[type=text] {
    border: 1px solid #ddd;
    width: 100%;
    height: 50px;
    padding: 15px 60px 13px 14px;
    margin: 0 auto;
    font-size: .95rem;
    background-color: #fff;
    color: #333;
    appearance: none;
    outline: 0;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.event_etc .search_div > input:focus {
    border-color: #106FB8;
}

.event_etc .search_div > button {
    font-size: .9rem;
    height: fit-content;
    top: 0;
    position: absolute;
    right: 0.8rem;
    bottom: 0;
    padding: 0.8rem 1rem;
    margin: auto;
    font-size: 0;
    border: none;
    background: transparent url(/open_content/theme/share/img/ic_search.png) no-repeat center/contain;
    cursor: pointer;
}

.event_etc > .search_div {
	width: 50%;
	max-width: 300px;
	margin-left: auto;
	position: relative;
}

.event_etc > .event_view_type.on {
	font-weight: 600;
}

.event_detail_btn_list {
	text-align: center;
	border: 1px solid #ddd;
	border-width: 1px 0 1px 0;
	padding: 1rem 0;
}

.event_detail_btn_list > button {
	background: transparent;
    font-family: 'Noto Sans KR','Malgun Gothic','맑은고딕',sans-serif;
    cursor: pointer;
    font-size: 1.05rem;
    border: none;
    margin: 0 1rem;
	position: relative;
}

.event_detail_btn_list > button.on {
	font-weight: 600;
}

.event_detail_btn_list > button.on::before {
    bottom: -1rem;
    content: '';
    height: 2px;
    width: 100%;
    background: #111;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.event_detail_box {
	display: none;
	padding: 3rem 1.2rem;
}

.event_detail_box img {
	max-width: 100%;
}

.event_detail_box .con .addr::before {
	content: '주소';
    padding: 0.2rem 0.4rem;
    font-size: .9rem;
    margin-right: 0.6rem;
}

.event_detail_box > .event_tit {
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.event_detail_box.on {
	display: block;
}

.event_list, .event_view {
	display: flex;
	flex-wrap: wrap;
	padding: 0 2rem;
}

.event_view {
	align-items: center;
	padding: 2rem;
}

.event_list > li {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    padding: 0 1rem;
    margin-bottom: 1.5rem;
}

.event_list > li.no_result {
    width: 100%;
    padding: 10rem 0;
    text-align: center;
}

.event_list > li > .img {
	overflow: hidden;
	position: relative;
}

.event_list > li > .img img {
    width: 100%;
    height: 280px;
    object-fit: cover;
}

.event_list > li > .img img:hover {
    transition: all .3s ease;
    transform: scale(1.1);
}

.event_list > li > .img > .cate {
    z-index: 1;
	position: absolute;
	right: 0;
	top: 0;
	color: #fff;
	background: #106FB8;
	font-size: .9rem;
	padding: .4rem .8rem;
}

.event_list > li > .con {
	padding: 1rem 0;
}

.event_list > li > .con > .tit,
.event_view .tit_con > .tit {
    display: block;
    font-size: 1.5rem;
    margin-bottom: 1.8rem;
}

.event_view .tit_con {
	width: calc(64% - 1rem);
}

.event_view .tit_con .cat {
    display: inline-block;
    margin-bottom: 0.4rem;
    color: #106FB8;
}

.event_list > li > .con li {
	line-height: 24px;
}

.event_list > li > .con li::before {
	padding: .2rem .4rem;
	font-size: .9rem;
	margin-right: .6rem;
}

.event_list > li > .con li.date::before {
	content: '날짜';
}

.event_list > li > .con li.place::before {
	content: '장소';
}

.event_list > li > .con li.price::before {
	content: '가격';
}

.event_list > li > .con li.target::before {
	content: '대상';
}

.paging, .page {
    text-align: center;
    margin: 40px 0;
}

.page_go {
	padding: 0 2rem;
	position: relative;
    text-align: center;
}

.page_go .btn_forinput {
	position: absolute;
    top: 0;
    position: absolute;
    right: 1.8rem;
    bottom: 0;
    padding: 0.8rem 1rem;
    margin: auto;
    cursor: pointer;
    border: none;
}

.paging .select {
    border-color: #106FB8;
    color: #106FB8;
}

select::-ms-expand {display:none}

.paging a,
.page a {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    margin: 0 1px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ccc;
    background-color: #fff;
}

.paging a.ir,
.page a.page_btn {
    font-size: 0;
    position: relative;
}

.paging a.ir.first::before,
.paging a.ir.prev::before,
.paging a.ir.last::before,
.paging a.ir.next::before,
.page a.page_btn.prev::before,
.page a.page_btn.next::before {
    content: '';
    display: block;
    top: -1px;
    width: 40px;
    height: 40px;
    position: absolute;
}

.page a.page_btn.prev,
.page a.page_btn.next {
	margin: 0 .4rem;
}

.paging a.ir.first::before {
    background: url('/open_content/theme/share/img/prev2.png') no-repeat center center;
}

.paging a.ir.prev::before,
.page a.page_btn.prev::before {
    background: url('/open_content/theme/share/img/prev1.png') no-repeat center center;
}

.paging a.ir.next::before,
.page a.page_btn.next::before {
    background: url('/open_content/theme/share/img/next1.png') no-repeat center center;
}

.paging a.ir.last::before {
    background: url('/open_content/theme/share/img/next2.png') no-repeat center center;
}

.event_view > .img {
	padding: 2rem;
	width: 36%;
}

.event_view > .img img {
    width: 100%;
    object-fit: cover;
}

.event_detail_view .info_box {
	margin: 0 2rem;
	background-color: #fff;
    padding: 1.5rem;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1), 0px 4px 20px rgba(0, 0, 0, 0.1);
	border-radius: 4px;
}

.event_detail_view .info_box > p::before {
	content: '';
}

.event_detail_view .back_btn {
    display: block;
    max-width: 275px;
    margin: 4rem auto 0 auto;
    line-height: 65px;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    background-color: #111;
    position: relative;
}

.event_detail_view .back_btn::after {
	content: '';
    position: absolute;
    right: 10px;
    bottom: 10px;
	border: 1px solid #fff;
	border-width: 0 1px 1px 0;
	width: 10px;
	height: 10px;
}

.event_view .tit_con > dl > dt {
    width: 140px;
    height: 3rem;
    line-height: 3rem;
    border: 1px solid #ccc;
    background: #fff;
    display: inline-block;
	text-align: center;
    float: left;
    margin-right: 1rem;
    border-width: 1px 1px 0 1px;
}

.event_view .tit_con > dl > dd {
    padding: 12px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    word-break: keep-all;
    margin-bottom: 1rem;
}
/* end of 문화나누미 */

.sss {
    padding: 0 20px;
    height: 80%;
    overflow-y: auto;
    letter-spacing: -.5px;
}

.sss.transfer_form .transfer_map {
	height: 300px;
}

/****************************/
@media screen and (max-width:1500px) {
	.tf_intro {left:4%;}
	.tf_link  {padding-right:3%;}
	.tf_link>div>a {width:300px; height:300px;}
}

@media screen and (max-width:1200px) {
	#contents {padding-top:13.5%;}
	.tf_intro {text-align:center; position:static;}
	.tf_search {margin:5% auto 0;}

	.tab {justify-content:space-around; padding:0;}
	.tab>li>a {position:relative; text-align:center; padding:20px 0;}
	.tab>li>a.on,
	.tab>li>a:hover {background:none !Important; color:#fff !important;}
	.tab>li>a.on:after,
	.tab>li>a:hover:after {content:""; position:absolute; left:5%; right:5%; bottom:0; height:3px; border-radius:3px; background:#fff;}
	.tab>li>a.link-yellow.on,
	.tab>li>a.link-yellow:hover {color:#eeda00 !important;}
	.tab>li>a.link-yellow.on:after,
	.tab>li>a.link-yellow:hover:after {background:#eeda00;}

	.tf_link {justify-content:space-around; margin-top:5%;}	
	.tf_link>div:before {margin-left:92px;}
}


@media screen and (max-width:800px) {
	#tf_link02 .tf_link_con-right {right:5%;}
	
	 .event_view > div {
	    flex: 0 0 100%;
	    max-width: 100%;
	 }
}


@media screen and (max-width:640px) {
	.sfont {font-size:0.8em !important;}
	.tf_ttl {padding-right:15px; font-size:6.5vw;}
	.tf_ttl:after {bottom:5px; width:9px; height:9px;}
	.tf_sttl {margin-top:2.5%; font-size:3.3vw; letter-spacing:-.5px;}
	.tf_txt {display:none;}

	.tf_search {margin-top:10%; border-bottom-width:2px;}

	.tf_link>div {flex:1; padding:10px;}
	.tf_link>div:before {width:65px; bottom:-21px; margin-left:17%; background-size:100%;}
	.tf_link>div>a {width:100%; height:auto; padding-top:45%; padding-bottom:15%; border-radius:20px; font-size:5vw; font-weight:500;}
	.tf_link_list {margin-top:30px;}
	/* .tf_link_list:before {width:55px; background-size:100%;}	 */

	.checkbox_list li {margin-top:0;}
	.checkbox_list label {padding:10px 0; font-size:4vw; border:0;}
	.checkbox_list label:before {width:28px; height:28px;}
	.checkbox_list input[type=checkbox]:checked + label {background:none;}
	.checkbox_list input[type=radio]:checked + label {padding-left:1rem;}
	.link_view {border-radius:5px; font-size:4vw;}

	.select_list>ul>li>a .num {display:none;}
	.select_list_ttl,
	.select_list>ul>li>a {box-shadow:1px 1px 1px rgba(0,0,0,.1);}

	.box_list>li>a {text-align:center; width:70px; height:auto; padding-top:80px; padding-left:0; font-size:3.2vw; color:#111 !important; white-space:nowrap;}
	.box_list>li>a:before {height:70px; border-radius:20px; box-shadow:5px 5px 20px #d3d3d3, -5px -5px 20px #fff;}
	
	a[class*=ic_is3]:after {right:5px; top:20px; transform-origin:center top; transform:scale(0.8);}

	a[class*=ic_is4]:after {top:17px; transform-origin:center top; transform:scale(0.6);}
	
	.event_list > li {
	    flex: 0 0 50%;
	    max-width: 50%;
	}
}

@media screen and (max-width:480px) {
	a[class*=ic_is3]:after {transform:scale(0.6);}

	.tf_link>div:before {margin-left:14.5%;}

	.tab_con {margin-top:20px;}
	.tab>li>a {font-size:3.5vw;}

	.select_list_ttl {font-size:4.2vw;}
	.select_list>ul>li>a {font-size:3.8vw;}
	
	.event_list {
		flex-wrap: inherit;
    	overflow-x: auto;
    	cursor: grab;
	}
	
	.event_list::-webkit-scrollbar {
	    height: 5px;
	}
	
	.event_list::-webkit-scrollbar-thumb {
	  background-color: #ddd;
	  border-radius: 10px;
	}
	
	.event_list > li {
	    flex: 0 0 100%;
	    max-width: 100%;
	}
}