@charset "UTF-8";

/* ¼­ºêÆäÀÌÁö °øÅë ¿ä¼Ò */
.subpage_wrap {max-width: 1200px; margin: 0 auto; padding: 0 25px; margin-bottom: 45px;} 
.subCont_wrap {width: 100%;} 
h3.subCont_title {font-size: 3rem; font-weight: bold; line-height: 1.17; position: relative; margin-bottom: 20px;} 
h3.subCont_title.point::before {display: block; content: ""; background: #006464; width: 4px; height: 22px; position: absolute; left: -16px; top: -16px; transform: rotate(-45deg);} 
p.subCont_txt {color: #767676; line-height: 1.33; font-size: 1.8rem;} 
.subImgBox {padding: 0 25px; margin-top: 30px;} 
.subImgBox img {width: 100%; height: auto; object-fit: cover;} 

.round_box_type01 {border:1px solid #dedede; background-color:#ffffff; border-radius: 5px; overflow:hidden;}
.round_box_type02 {border-radius: 5px;}
.round_box_contents {padding: 20px; font-size: 1.6rem;}

.clear::after {content:""; display: block; clear: both;}





/* LNB */
.lnb_wrap {width: 240px; float: left; margin-top: 100px;}
.lnb_title {font-size: 25px; font-weight: 700; height: 75px; display: flex; justify-content: center; align-items: center;}
.lnb_title span {position: relative;}
.lnb_title span::after {content:""; width: 25px; height: 4px; background: #006464; position: absolute; top: -20px; left: 0;}
.lnb li {border-bottom: 1px solid #dddddd;}
.lnb li.on {border-bottom: 1px solid #006464;}
/*.lnb li a {display: block; font-family: "Noto Sans KR", sans-serif; font-size: 18px; font-weight: 500; color: #767676; padding: 20px 40px 20px 20px; background: url('/subsite/jpn/images/2023/arr_lnb_off.png') no-repeat top 30px right 20px;position:relative;}
.lnb li.on a {color: #006464; background: url('/subsite/jpn/images/2023/arr_lnb_on.png') no-repeat top 30px right 20px; font-weight: 700;}*/

.lnb li a {display: block; font-family: "Noto Sans KR", sans-serif; font-size: 18px; font-weight: 500; color: #767676; padding: 20px 40px 20px 20px;position:relative;}

.lnb li a::after{
	content:'';
	display:inline-block;
	width:8px;
	height:8px;
	border:2px solid #777777;
	border-left:none;
	border-bottom:none;
	transform:rotate(45deg);
	position:absolute;
	top: 29px;
    right: 15px;
}
.lnb li.on a {color: #006464; font-weight: 700;}
.lnb li.on a::after{
	border:2px solid #006464;
	border-left:none;
	border-bottom:none;
	transform:rotate(135deg);
	top: 26px;
}

.right_wrap {width: calc(100% - 300px); float: right;}

/* ³»ºñ°ÔÀÌ¼Ç */
.sub_title {padding: 100px 0;} 
.sub_title h2 {font-size: 5rem; font-weight: bold; margin-bottom: 25px; text-align: center;} 
.smap {display: flex; align-items: center; justify-content: center;} 
.smap > ul {display: flex; justify-content: center; align-items: center;} 
.smap > ul > li {position: relative; display: flex; align-items: center;} 
.smap > ul > li:last-child {margin-right: 0;} 
.smap > ul > li::after {content: ""; background: url('/subsite/jpn/images/2023/arrow-right-sub.png') no-repeat center; width: 8px; height: 13px; display: block; margin: 0 20px;} 
.smap > ul > li:last-child::after {display: none;} 
.smap > ul > li > a {font-size: 1.8rem; color: #767676; font-weight: 500; display: flex; align-items: center;} 
.smap > ul > li.smap_sub_menu > a {color: #000; font-weight: 600;} 
.smap a .arrow_down {display: inline-block; width: 14px; margin-left: 10px;} 
.smap a .arrow_down img {width: 100%; display: block;} 
.smap_sub_menu .smap_sub {border: 1px solid #b20000; background: #fff; padding: 8px 28px; width: 262px; position: absolute; left: 50%; transform: translate(-50%, 100%); bottom: -17px; display: none; z-index: 50;} 
.smap_sub_menu.on .smap_sub {display: block;} 
.smap_sub li {padding: 16px 0; border-bottom: 1px solid #d7d7d7;} 
.smap_sub li:last-child {border-bottom: none;} 
.smap_sub li a {font-size: 1.8rem; font-weight: 500; color: #767676; display: block;} 


/* ÅÇ */
.tab_active {display: none;}
.tab_menu {display: flex; border-bottom: 1px solid #dddddd; flex-wrap: wrap;}
.tab_menu li {width: 25%;}
.tab_menu.col2 li {width: 50%;}
.tab_menu li a {display: block; height: 100%; font-size: 1.8rem; font-weight: 700; padding: 10px; text-align: center; display: flex; align-items: center; justify-content: center; line-height: 1.2; color: #000;}
.tab_menu.row2 li:nth-child(1) a,
.tab_menu.row2 li:nth-child(2) a,
.tab_menu.row2 li:nth-child(3) a,
.tab_menu.row2 li:nth-child(4) a,
.tab_menu.row2 li:nth-child(5) a,
.tab_menu.row2 li:nth-child(6) a,
.tab_menu.row2 li:nth-child(7) a,
.tab_menu.row2 li:nth-child(8) a
{border-bottom: 1px solid #dddddd;}
.tab_menu li.on a {color: #006464; position: relative;}
.tab_menu li.on a::after {content:""; width: 100%; height: 3px; background: #006464; position: absolute; left: 0; bottom: -3px;}



/* Greetings of Dobong-gu Mayor */
.insa_bg{
	background:url('/subsite/eng/images/2026/ceo_insa_bg.png') no-repeat;
	background-size:cover;
	width:900px;
	height:411px;
	padding:30px 40px;
	margin-bottom:20px;
}

.insa_bg div{
	font-family: "Noto Sans KR" !important;
	font-weight:400;
	line-height:30px;
	color:#000;
	font-size:1.8rem;
	letter-spacing:-1px;
}

.insa_bg div span{
	font-family: "Noto Sans KR" !important;
	font-weight:600;
	color:#006464;
	font-size:2rem;
}

.insa_bg div.p2{margin-top:30px;}
.insa_bg h2{
	font-family: "Noto Sans KR" !important;
	font-weight: 700;
	color:#006464;
	font-size:2rem;
	margin-bottom:20px;
}

.insa_text2{
	width:95%;
	margin:0 auto;
}

.insa_text2 .list1 li.tit::before{
	content:'';
	width:10px;
	height:20px;
	display:inline-block;
	background:#006464;
	vertical-align:-2px;
	margin-right:10px;
	position: relative;
}

.insa_text2 .list1 li.tit{
	font-family: "Noto Sans KR" !important;
	font-weight:600;
	color:#006464;
	font-size:2rem;
	text-indent: -20px;
    padding-left: 20px;
}

.insa_text2 .list2{margin:0 0 40px 0;}
.insa_text2 .list2 li{
	font-family: "Noto Sans KR" !important;
	font-weight: 400;
	color:#000;
	font-size:1.8rem;
	text-indent: 0;
}

.insa_text2 div{margin-left:20px;}

.ceo_insa_m{display:none;}
/*.greetings {position: relative; padding: 60px 0; margin-bottom: 80px; overflow: hidden;}
.greetings .subCont_title {margin-bottom: 45px; width: 550px;}
.greetings .subCont_txt {line-height: 1.6em; font-weight: 500; width: 400px;}
.greetings .img_ceo {position: absolute; top: 0; right: 0; z-index: -1; height: 100%; object-fit: cover;}
.promise .subCont_title {font-weight: 900; margin-bottom: 45px;}
.promise .subCont_title span {display: block; font-weight: 700; font-size: 1.8rem; margin-top: 5px;}
.promise .promise_list {position: relative;}
.promise .promise_list li {width: 50%;}
.promise .promise_list li:nth-child(1),
.promise .promise_list li:nth-child(3) {min-height: 450px;}
.promise .promise_list li:nth-child(2),
.promise .promise_list li:nth-child(4) {min-height: 250px;}
.promise .promise_list li:nth-child(1),
.promise .promise_list li:nth-child(2) {padding-right: 50px;}
.promise .promise_list li:nth-child(3),
.promise .promise_list li:nth-child(4) {position: absolute; right: 0; border-left: 1px solid #d5d5d5; padding-left: 50px;}
.promise .promise_list li:nth-child(3) {top: 0;}
.promise .promise_list li:nth-child(4) {top: 450px;}
.promise .promise_list li .subCont_txt {line-height: 1.55em; font-weight: 500;}
.promise .promise_list li span {font-size: 2rem; font-weight: 900;}
.promise .subCont_txt.txt_closing {text-align: center; line-height: 1.55em; font-weight: 500; margin: 140px 0;}*/


/* History of Dobong-gu */
.subpage_wrap.history h3.subCont_title {margin-bottom: 30px;} 
.subpage_wrap.history .subCont_wrap + .subCont_wrap {margin-top: 50px;}
.history .subImgBox {padding: 0;}

/* Symbol/Character of Dobong-gu */
.subpage_wrap.intro4_1 {padding-top: 50px;}
.intro4_1 .c_img_box + .c_img_box {margin-top: 50px;}
.intro4_1 .round_box_contents {display: flex; flex-wrap: wrap;}
.intro4_1 .round_box_contents .img {width: 25%;}
.intro4_1 .round_box_contents .bul2 {width: 60%;}
.intro4_1 .round_box_contents .btn_box {width: calc(60% - 30px); margin-left: 26%; margin-top: 10px;}

/* Emblem of Dobong-gu */
.subpage_wrap.intro4_2 {padding-top: 50px;}
.intro4_2 .img_tab2_box {display: flex; margin-top: 20px;}
.intro4_2 .img_tab2_box .bul3 {margin-left: 30px;}

/* Character */
.subpage_wrap.intro4_3 {padding-top: 50px;}
.intro4_3 .img_tab3_box {display: flex; margin-top: 20px;}
.intro4_3 .img_tab3_box .bul3 {margin-left: 30px;}

/* Brand Song */
.subpage_wrap.intro7_1 {padding-top: 50px;}
.subpage_wrap.intro7_2 {padding-top: 50px;}
.subpage_wrap.intro7_3 {padding-top: 50px;}

.video_link{outline-offset: 3px;outline-color: darkgreen;}


/* Organization of Dobong-gu */
.subpage_wrap.intro5 {padding: 50px 0 0;}
.intro5 .depth1 {}
.intro5 h3.head {position:relative;width: 170px; height: 170px; border-radius: 50%; background: #004242; color: #fff; display: flex; justify-content: center; align-items: center; margin: 0 auto; font-size: 2rem; font-weight: 700; text-align: center;}
.intro5 h3.head::after {content: ""; width: 1px;height: 30px;position: absolute;top: 100%;left: 50%;background: #d5d5d5;z-index: -1;transform: translateY(0%);}
.intro5 h4.vice_head {width: 295px; height: 65px; background: #006464; color: #fff; display: flex; justify-content: center; align-items: center; margin: 30px auto 0; font-size: 2rem; font-weight: 700; position: relative; z-index: 1;}
.intro5 h4.vice_head::after {content: "";width: 1px;height: 106px;position: absolute;top: 100%; left: 50%;background: #d5d5d5;z-index: -1;transform: translateY(0px);}
.intro5 .depth3 {display: flex; flex-wrap: wrap;}
.intro5 .depth3 .audit {width: 100%; margin: 20px 0 20px auto; position: relative; z-index: 1;}
.intro5 .depth3 .audit::before {content: "";width: 50%;height: 1px;position: absolute;top: 50%;left: 0;background: #d5d5d5;z-index: -1;}
.intro5 .depth3 .audit h5 {width: 295px; height: 65px; background: #767676; margin-right: auto; color: #fff;  display: flex; justify-content: center; align-items: center; font-size: 2rem; font-weight: 700;}

.intro5 .depth3 .public {width: 50%; margin: 20px 0 20px auto; position: relative; z-index: 1;}
.intro5 .depth3 .public::before {content:""; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background: #d5d5d5; z-index: -1;}
.intro5 .depth3 .public::after {content:""; width: 1px; height: 106px; position: absolute; top: 50%; left: 0; background: #d5d5d5; z-index: -1; transform: translateY(-50%);}
.intro5 .depth3 .public h5 {width: 295px; height: 65px; background: #767676; margin-left: auto; color: #fff;  display: flex; justify-content: center; align-items: center; font-size: 2rem; font-weight: 700;}

.intro5 .depth3 .bureau_group {width: 100%; margin: 0 70px; position: relative; z-index: 1;}
.intro5 .depth4 {display: flex; justify-content: space-between; padding-top: 25px; position: relative; z-index: 1; margin: 0 -70px;}
.intro5 .depth4 .bureau {width: calc(100%/6 - (60px / 6)); position: relative; z-index: 1;}
.intro5 .depth4 .bureau::before {content:""; width: 109%; height: 1px; position: absolute; top: -25px; left: 50%; background: #d5d5d5; z-index: -1;}
.intro5 .depth4 .bureau:last-child::before {display: none;}
.intro5 .depth4 .bureau::after {content:""; width: 1px; height: 100%; position: absolute; top: -25px; left: 50%; background: #d5d5d5; z-index: -1;}
.intro5 .depth4 .bureau:nth-child(1)::after {height: 90%;}
.intro5 .depth4 .bureau:nth-child(2)::after {height: 95%;}
.intro5 .depth4 .bureau:nth-child(n+4)::after {content: "";width: 1px;height: 85%; position: absolute;top: -25px; left: 50%;background: #d5d5d5;z-index: -1;}
.intro5 .depth4 .bureau h6 {background: #006464; color: #fff; padding: 10px; font-size: 1.6rem; font-weight: 400; line-height: 1.12em; letter-spacing: -0.04em; min-height: 92px; display: flex; justify-content: center; align-items: center; text-align: center;}
.intro5 .depth5 .division {font-size: 1.6rem; font-weight: 400; line-height: 1.12em; letter-spacing: -0.04em; display: flex; justify-content: center; align-items: center; text-align: center; background: #e4e6ed; padding: 10px; margin-top: 10px; min-height: 75px; min-height: auto;}



/* Contact Us */
.subpage_wrap.intro5_2 {padding-top: 50px;}
.subpage_wrap.intro5_2 .map {display: block; margin: 0 auto;}


/* Basic Information */
.subpage_wrap.intro6_1 {padding-top: 50px;} 
.intro6_1 .table1 {margin-top: 30px;}

/* Beijing Chanping */
.subpage_wrap.intro6_2 {padding-top: 50px;} 


/* Culture & Tourism > Dobong history & Culture streets with stories */
.summary_title{font-size: 3rem; font-weight: bold; line-height: 1.17; position: relative; margin:50px auto;}
.steetsp{font-size:2rem;color:#767676;}
.street_titlepic{ float:right;margin: 20px 0px 50px 50px;}
.coursetitle{font-size:2.2rem; margin-top:150px;}
.firstcourse{ margin-top:50px; font-size:2.2rem;}
.map_img{ width:50%;}
.history_img1{float:right; margin-left:50px; margin-top: 50px;}

.olbox ol{list-style: none;counter-reset: rank-counter;}
.olbox ol::after{content:'';display:block;clear:both;}
.olbox_summary {background: #f9f9f9;margin-top: 20px; padding:5px;}
.olbox_summary ol{list-style: none;counter-reset: rank-counter;}
.olbox_summary ol::after{content:'';display:block;clear:both;}
.olbox_summary ol li{position: relative; counter-increment: rank-counter; box-sizing: border-box; text-align: left;float:left; display:flex; align-items:center; justify-content: center; color:#767676; font-weight:400;padding: 5px 5px;}
.olbox_summary ol li::before {content: counter(rank-counter);width: 23px;height:23px;color: #000; font-weight:900;font-size: 16px; background : #eee; border-radius:20px;text-align:center;font-family:"Myriad Pro";margin-right:10px; display:flex; justify-content: center; position: relative;}
.olbox_summary ol li::after {content:""; width: calc(100% - 30px); height: 1px; position: absolute; left: 0; bottom: 0; right: 30px;}
.olbox_summary ol li .arr {width: 25px; height: 10px; background: url('/subsite/jpn/images/culture/right_arrow.png') no-repeat center center; color:#767676; border:none !important;}
.olbox ol li{position: relative; counter-increment: rank-counter; box-sizing: border-box; text-align: left; font-size:1.8rem; float:left; display:flex; align-items:center; justify-content: center; margin-top:15px; color:#767676; font-weight:400;  gap: 0.5em; padding: 10px 5px;}
.olbox ol li::before {content: counter(rank-counter);width: 23px;height:23px;color: #9d4d44; font-weight:900;font-size: 16px; background : #fae9e2; border-radius:20px;text-align:center;font-family:"Myriad Pro";margin-right:10px; display:flex; justify-content: center; align-items: center; position: relative; flex-shrink: 0;}
.olbox ol li::after {content:""; width: calc(100% - 30px); height: 1px; background: #767676; position: absolute; left: 0; bottom: 0; right: 30px;}
.olbox ol li .arr {width: 25px; height: 10px; background: url('/subsite/jpn/images/culture/right_arrow.png') no-repeat center center; color:#767676; border:none !important;}
.cultureBox span {font-size: 16px; color:#767676;}
.olbox li:last-child .arr{display:none;}
.olbox_summary ol li:last-child .arr{display:none;}
.olbox li:last-child::after{width: 100%; right: 0;}
.map_title1{float:left; margin-top: 50px;}
.map_history1::after{content:'';display:block;clear:both;}
.map_history1{margin-top:100px;}
.photos_title1{margin-top:120px;}
.photos_img{display:flex; justify-content: space-between;}
.photos_img6{display:flex; justify-content: space-between;}
.photos_img img{margin-right:10px; width: calc((100%/4) - 30px/4);}
.photos_img6 img{margin-right:10px; width: calc((100%/3) - 20px/3);}
.photos_img img:last-child {margin-right: 0;}
.photos_img6 img:last-child {margin-right: 0;}
.photos_img7 ul{display:flex; border-bottom: 1px solid #767676; padding:25px 0px; }
.photos_img7 ul:first-child{padding-top:0px;}
.photos_img7 ul li{padding-right:30px;}
.photos_img7 ul li:nth-child(n+2){ width:calc((100%/2));}
.photos_img7 ul li h3{ font-size:2rem;}
.photos_img7 ul li h4{ font-size:1.8rem;}
.photos_img7 ul li p{ font-size:1.5rem; color:#767676; }
.photos_img7 ul li .h4_pad{padding-top:50px;}

/* e-Book for Dobong Tour */
.subpage_wrap.culture3 {padding-top: 50px;} 
.culture3 .btnBlank {margin-top: 10px;}

/* Transportation */
.subpage_wrap.culture3_2 {padding-top: 50px;} 
.culture3_2 .box + .box {margin-top: 20px;}
.culture3_2 .link_box {display: flex;}
.culture3_2 .btnBlank {min-width: 150px; margin-left: 15px;}

/* Restaurant */
.subpage_wrap.culture3_3 {padding-top: 50px;}
.culture3_3 .box ul {display: flex; justify-content: center; margin-bottom: 10px;}
.culture3_3 .box ul li + li {margin-left: 10px;}
.culture3_3 .box ul li img {width: 100%;}

/* Accommodation */
.subpage_wrap.culture3_4 {padding-top: 50px;}

/* Related sites */
.subpage_wrap.culture3_5 {padding-top: 50px;}
.culture3_5 .box {display: flex; align-items: start; border-bottom: 1px solid #ddd; padding-bottom: 25px;}
.culture3_5 .box:first-child {border-top: 1px solid #ddd;padding-top: 25px;}
.culture3_5 .box + .box {margin-top: 25px;}
.culture3_5 .box img {width: 162px;}
.culture3_5 .box a.btnBlank {width: calc(100% - 182px); max-width: 500px; margin-left: 20px;}

/* Visit Seoul */
.visitSeoul .box {display: flex; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; padding: 25px 0; align-items: start;}
.visitSeoul .box .s_right {margin-left: 25px; font-size: 1.6rem;}
.visitSeoul a.btnBlank {margin-top: 15px;}

/* Registrations of foreign nationals or change of the registration */
.subpage_wrap.info1 {padding-top: 50px;}
.subpage_wrap.info1 .map {display: block; margin: 20px auto 0;}

/* Acquiring citizenship */
.subpage_wrap.info1_2 {padding-top: 50px;}

/* Report of seal or issuance of seal */
.subpage_wrap.info1_3 {padding-top: 50px;}
.subpage_wrap.info1_3 .round_box_type01 + .round_box_type01 {margin-top: 45px;}

/* Signing housing contract on lump sum deposit or monthly rent / confirmed date */
.subpage_wrap.info1_4 {padding-top: 50px;}
.subpage_wrap.info1_4 img {display: block; margin-top: 10px;}

/* Information on support centers */
.subpage_wrap.info1_5 {padding-top: 50px;}
.subpage_wrap.info1_5 img {display: block; margin-top: 10px;}

/* Medical institutes */
.subpage_wrap.info2_1 {padding-top: 50px;}

/* Shopping facilities */
.subpage_wrap.info2_2 {padding-top: 50px;}

/* Public organizations */
.subpage_wrap.info2_3 {padding-top: 50px;}

/* Financial institutions */
.subpage_wrap.info2_4 {padding-top: 50px;}

/* Subway stations */
.subpage_wrap.info2_5 {padding-top: 50px;}

/* Related Sites */
.info4 .item {display: flex; align-items: start; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 25px 0;}
.info4 .item + .item {border-top: none;}
.info4 .info_box {margin-left: 25px;}
.info4 p.text2 {font-size: 1.6rem; padding: 0; line-height: 1.3; margin-bottom: 20px;}

/* Newsletter of multicultural family support center */
.imgList {display: flex; flex-wrap: wrap; margin-top: 30px;}
.imgList .box {width: calc(25% - 15px); text-align: center; margin-right: 20px; margin-top: 20px;}
.imgList .box:nth-child(4n) {margin-right: 0;}
.imgList .img {margin-bottom: 15px;}
.imgList .txt {font-size: 1.6rem;}
.imgList .txt li {line-height: 1.2; min-height: 40px;}
.imgList .txt li + li {margin-top: 15px;}
.imgList a.btn_sw3 {display: block; background: none; line-height: 1; font-size: unset;}

/* »çÀÌÆ®¸Ê */
.subpage_wrap.wide {padding: 0;}
.sitemap_box * {font-family: "Noto Sans KR", sans-serif; letter-spacing: -0.04em;}
.sitemap_box h3.subCont_title {flex-shrink: 0; width: 150px; border-top: 3px solid #006464; font-size: 1.8rem; padding-top: 25px;}
.sitemap_box a:hover {text-decoration: underline !important;}
.sitemap_box .depth1 > li {display: flex;}
.sitemap_box .depth1 > li + li {margin-top: 80px;}
.sitemap_box .depth2 {border-top: 1px solid #ddd; display: flex; flex-wrap: wrap; flex-grow: 1; padding-left: 30px; padding-top: 25px}
.sitemap_box .depth2 > li {width: calc((100% / 3) - 10px); margin-bottom: 30px; margin-right: 15px;}
.sitemap_box .depth2 > li:nth-child(3n) {margin-right: 0;}
.sitemap_box .depth2 > li > a {font-size: 1.6rem; font-weight: 500; border: 1px solid #ddd; display: flex; align-items: center; justify-content: center; text-align: center; min-height: 60px; padding: 5px 15px;}
.sitemap_box .depth3 > li {margin-top: 15px;}
.sitemap_box .depth3 > li > a {display: block; font-size: 1.6rem; font-weight: 400; color: #888888; padding-left: 10px; position: relative;}
.sitemap_box .depth3 > li > a::before {content:""; width: 4px; height: 2px; background: #888; position: absolute; top: 13px; left: 0;}


/* ´ã´çºÎ¼­ */
.data_wrap {max-width: 1250px; padding: 0 25px; margin: 0 auto; overflow: hidden;}
.dataPerson2 {border: 1px solid #dedede; margin: 50px 0; width: calc(100% - 300px); float: right;}
.dataPerson2 ul {display: flex; flex-direction: column;}
.dataPerson2 ul li {display: flex; font-size: 16px; color: #262626;}

.dataPerson2 ul li em {padding: 10px 15px; background: #eee; font-weight: 700; display: flex; align-items: center; line-height: 1.2; width: 30%; justify-content: center; text-align: center; min-width: 220px;}
.dataPerson2 ul li.dept em {border-left: none; border-bottom: 1px solid #dedede;}
.dataPerson2 ul li.tel em {border-bottom: 1px solid #dedede;}
.dataPerson2 ul li p {padding: 10px 15px; display: flex; align-items: center; line-height: 1.2; flex-grow: 1;}
.dataPerson2 ul li.dept p {border-bottom: 1px solid #dedede;}
.dataPerson2 ul li.tel p {border-bottom: 1px solid #dedede;}
.dataPerson2 ul li em + p {border-left: 1px solid #dedede;}

@media screen and (max-width: 1240px){
	/* °øÅë */
	.subpage_wrap {padding: 0;}
	.subImgBox {width: 100%;} 
	.subImgBox img {width: 100%; display: block;} 

	/* Greetings of Dobong-gu Mayor */
	.greetings .img_ceo {height: auto;}
	.greetings .subCont_title {width: 50%;}
	.greetings .subCont_title br {display: none;}
	.greetings .subCont_txt {width: 40%;}

	
	
}

@media screen and (max-width: 1100px){
	/* °øÅë */
	.lnb_wrap {display: none;}
	.right_wrap {width: 100%; float: none;}
	.dataPerson2 {width: 100%;}
}

@media screen and (max-width: 900px){
	/* °øÅë Àû¿ë */
	.subpage_wrap.intro4_2,
	.subpage_wrap.intro4_1 {padding-top: 50px;}
	.paging img,
	.imgList img,
	.info4 img,
	.culture3 img,
	.intro4_2 img,
	.intro4_1 img {width: auto;}

	/* Greetings of Dobong-gu Mayor */
	.insa_bg{
		background:#fff;
		background-size:100%;
		width:100%;
		height: auto;
		padding:20px 25px;
		border-radius:15px;
	}
	
	.insa_bg h2{
		margin-bottom:10px;
	}
	
	.insa_bg div.p2{margin-top:15px;}
	
	.ceo_insa_m{display:block;}
	
	.promise .promise_list li {width: 100%;}
	.promise .promise_list li + li {margin-top: 50px;}
	.promise .promise_list li:nth-child(1),
	.promise .promise_list li:nth-child(2) {padding-right: 0;}
	.promise .promise_list li:nth-child(1),
	.promise .promise_list li:nth-child(2),
	.promise .promise_list li:nth-child(3),
	.promise .promise_list li:nth-child(4) {min-height: auto;}
	.promise .promise_list li:nth-child(3),
	.promise .promise_list li:nth-child(4) {padding-left: 0; border-left: none; position: static;}

	/* Symbol/Character of Dobong-gu */
	.intro4_1 .round_box_contents {flex-wrap: nowrap; flex-direction: column;}
	.intro4_1 .round_box_contents .img {width: 100%; margin-bottom: 15px;}
	.intro4_1 .round_box_contents .bul2 {width: 100%;}
	.intro4_1 .round_box_contents .btn_box {width: 100%; margin-top: 20px; margin-left:0px;}
	.intro4_1 .round_box_contents .img {display: flex;justify-content: center;}

	/* Organization of Dobong-gu */
	.intro5 h3.head::after{display:none;}
	.intro5 h4.vice_head::after {display: none;}
	.intro5 .depth3 .audit h5 {margin: 0 auto;}
	.intro5 .depth3 .audit {margin: 20px auto; width: 100%;}
	.intro5 .depth3 .audit::before {display: none;}
	.intro5 .depth3 .audit::after {display: none;}
	.intro5 .depth3 .public h5 {margin: 0 auto;}
	.intro5 .depth3 .public {margin: 0; width: 100%;}
	.intro5 .depth3 .public::before {display: none;}
	.intro5 .depth3 .public::after {display: none;}
	.intro5 .depth4 {flex-wrap: wrap;}
	.intro5 .depth4 .bureau {width: calc(100%/3 - 15px); margin-bottom: 30px;}
	.intro5 .depth4 .bureau::before {display: none;}
	.intro5 .depth4 .bureau::after {display: none;}

	/* e-Book for Dobong Tour */
	.culture3 .img {text-align: center;}

	/* Signing housing contract on lump sum deposit */
	.subpage_wrap.info1_4 img {width: 100%;}

	/* Information on support centers */
	.subpage_wrap.info1_5 img {width: 100%;}

	/* Registrations of foreign nationals */
	.subpage_wrap.info1 .map {width: 100%;}
	.subpage_wrap.info1 .round_box_contents .bul2 {padding-left: 0;}

	/* »çÀÌÆ®¸Ê */
	.sitemap_box .depth2 > li {width: calc(50% - 10px);}
	.sitemap_box .depth2 > li {margin-right: 20px;}
	.sitemap_box .depth2 > li:nth-child(3n) {margin-right: 20px;}
	.sitemap_box .depth2 > li:nth-child(2n) {margin-right: 0;}

	.photos_img img:nth-child(n+3){ display:inline-block; }
}


@media screen and (max-width: 750px){
	/* °øÅë */
	.smap {display: none;} 
	.sub_title {position: relative; padding: 75px 0;}
	.sub_title h1 {font-size: 4rem; line-height: 1.1; margin-bottom: 0; position: relative; text-align: left;} 
	.sub_title h1::before {content:""; width: 25px; height: 4px; background: #b20000; position: absolute; top: -15px; left: 1px;}
	h3.subCont_title{font-size: 2.2rem;}
	.summary_title{font-size: 2.2rem;} 
	
	p.subCont_txt {font-size: 1.6rem;}
	.subImgBox {padding: 0;}
	

	/* ÅǸ޴º */
	.tab_area {position: relative; display: flex; justify-content: center;}
	.tab_active {display: block; font-size: 1.8rem;	font-weight: 700; text-align: center; padding: 10px 30px 10px 10px; border: 1px solid #ddd; width: 100%; color: #b20000; position: relative; min-height: 43px; line-height: normal;}
	.tab_active::after {content:""; width: 10px; height: 6px; background: url('/subsite/jpn/images/2023/arr_tab_down.png') no-repeat center center; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); transition: transform .3s;}
	.tab_active.on::after {transform: translateY(-50%) rotate(180deg);}
	.tab_menu {flex-wrap: nowrap; flex-direction: column; position: absolute; top: 42px; left: 0; width: 100%; background: #fff;z-index: 10; display: none; border-bottom: none;}
	.tab_area.m_row3 .tab_menu {top: 84px;}
	.tab_area.m_row3.info1_4 .tab_menu {top: 63px;}
	.tab_menu li {width: 100%; border: 1px solid #ddd;}
	.tab_menu.col2 li {width: 100%;}
	.tab_menu li:nth-child(1) a, .tab_menu li:nth-child(2) a, .tab_menu li:nth-child(3) a, .tab_menu li:nth-child(4) a {border-bottom: none;}
	.tab_menu.row2 li:nth-child(1) a, .tab_menu.row2 li:nth-child(2) a, .tab_menu.row2 li:nth-child(3) a, .tab_menu.row2 li:nth-child(4) a,
	.tab_menu.row2 li:nth-child(5) a,.tab_menu.row2 li:nth-child(6) a,.tab_menu.row2 li:nth-child(7) a,.tab_menu.row2 li:nth-child(8) a{border-bottom: none;}
	.tab_menu li + li {border-top: none;}
	/* .tab_menu li.on {border: 1px solid #b20000;} */
	/* .tab_menu li.on a {text-decoration: underline !important;} */
	.tab_menu li.on a::after {display: none;}

	.imgList .box {width: calc(50% - 10px);}
	.imgList .box:nth-child(2n) {margin-right: 0;}
	.imgList .txt li {min-height: 35px; padding: 0 20px;}

	/* Greetings of Dobong-gu Mayor */
	.greetings {padding: 0;}
	.greetings .img_ceo {position: static; width: 100%;}
	.greetings .subCont_title {width: 100%; margin-bottom: 30px;}
	.greetings .subCont_txt {width: 100%; margin-bottom: 30px;}
	.promise .subCont_txt.txt_closing {margin: 50px 0;}
	.promise .subCont_txt.txt_closing br {display: none;}


	/* History of Dobong-gu */
	h3.subCont_title.point::before {width: 3px; height: 10px; left: -7px; top: -7px;}
	
	/* Current Status of Dobong-gu */
	.intro3 .round_box_contents img {width: 100%;}

	/* Organization of Dobong-gu */
	.intro5 .depth4 .bureau {width: calc(100%/2 - 10px);}

	/* Contact us */
	.subpage_wrap.intro5_2 .map {width: 100%;}
	
	/* Visit Seoul */
	.visitSeoul .box {flex-direction: column;}
	.visitSeoul .box .s_right {margin-left: 0; margin-top: 15px;}

	/* Related Sites */
	.info4 .item {flex-direction: column;}
	.info4 .info_box {margin-left: 0; margin-top: 15px;}

	/* Street Course */
	.summary_text{font-size:1.5rem; font-weight:400; }
	.firstcourse {margin-bottom: 20px;}
	.street_titlepic{float:none; margin-top:0px; margin-left:0px; width: 100%;}
	.coursetitle{ font-size:1.7em; margin-top: 100px;}
	.map_title1 {margin-top: 0;}
	.steetsp{ font-size:1.5em; font-weight:400;}
	.phtitle {margin-top:100px;}
	.photos_img{flex-wrap: wrap;}
	.map_img{width:100%; margin: 0;}
	.olbox ol li{position: relative;counter-increment: rank-counter;box-sizing: border-box;text-align: left;font-size:1.5rem; float:left;
				 display: flex; align-items: baseline; justify-content: center; margin-top:15px; color:#767676;}
	.olbox ol li::before {content: counter(rank-counter);width: 19px;height:19px;color: #de8764;
					background : #fae9e2;border-radius:20px;text-align:center;font-family:"Myriad Pro";margin-right:10px; flex-shrink: 0;}
	.olbox ol li:nth-child(n+10):before{ font-size:13px; }
	.olbox ol li:first-child {margin-top: 0;}
	.olbox_summary ol li{position: relative;counter-increment: rank-counter;box-sizing: border-box;text-align: left;font-size:1.5rem; float:left;
				 display: flex; align-items: baseline; justify-content: center; color:#767676;}
	.olbox_summary ol li::before {content: counter(rank-counter);width: 19px;height:19px;color: #de8764;
					background : #fae9e2;border-radius:20px;text-align:center;font-family:"Myriad Pro";margin-right:10px; flex-shrink: 0;}
	.olbox_summary ol li:nth-child(n+10):before{ font-size:13px; }
	.photos_img img{width: calc(50% - 5px); margin-bottom: 10px;}
	.photos_img img:nth-child(2n) {margin-right: 0;}
	.photos_img7 img{width:45%; float:left; margin:0px 15px 10px 0px;}
	.photos_img7 ul{display: inline-block;border-bottom: 1px solid #767676;padding-bottom: 30px; }
	.photos_img7 ul li{padding-right:0px;}
	.photos_img7 ul li:nth-child(n+2){ width:auto;}
	.photos_img7 ul li:nth-child(2){float:right;}
	.photos_img7 ul li h3{ font-size:1.8rem;}
	.photos_img7 ul li h4{ font-size:1.6rem;}
	.photos_img7 ul li p{ font-size:1.4rem; color:#767676; }
	.photos_img7 ul li .h4_pad{padding-top:15px;}
	.br_photos7{display: inline-block;content: " ";padding: 0 2px;}
	.photos_img7::after{content:'';display:block;clear:both;}
	
	/* »çÀÌÆ®¸Ê */
	.sitemap_box h3.subCont_title {width: 250px; padding-top: 10px;}
	.sitemap_box .depth1 > li {flex-direction: column;}
	.sitemap_box .depth1 > li + li {margin-top: 50px;}
	.sitemap_box .depth2 {border-top: none; padding-left: 0; padding-top: 0;}

	.dataPerson2 {display: none;}
}

@media screen and (max-width: 628px){
	.tab_area.info1 .tab_menu {top: 63px;}
	.tab_area.m_row3.info1_4 .tab_menu {top: 84px;}
}

@media screen and (max-width: 510px){
	.sitemap_box .depth2 > li > a {min-height: 84px;}
	.insa_bg h2 {
        margin-top: 15px;
        /*margin-bottom: 80px;*/
    }
}

@media screen and (max-width: 500px){
	/* Symbol/Character of Dobong-gu */
	.intro4_1 .round_box_contents .img {display: flex; justify-content: center;}
	.intro4_1 .round_box_contents .img img + img {margin-left: 10px;}
	
	/* Emblem of Dobong-gu */
	.intro4_2 .img_tab2_box {flex-direction: column; margin-top: 35px;}
	.intro4_2 .img_tab2_box .bul3 {margin-left: 0;}

	/* Organization of Dobong-gu */
	.intro5 h3.head {width: 145px; height: 145px;}
	.intro5 h4.vice_head {height: 50px; width: 100%;}
	.intro5 .depth3 .audit h5,
	.intro5 .depth3 .public h5 {height: 50px;}
	.intro5 .depth3 .audit h5,
	.intro5 .depth3 .public h5,
	.intro5 .depth5 .division,
	.intro5 .depth4 .bureau {width: 100%;}
	.intro5 .depth4 .bureau h6 {min-height: auto;}

	/* Related Sites */
	.culture3_5 .box {flex-direction: column; padding-bottom: 50px;}
	.culture3_5 .box:first-child {padding-top: 50px;}
	.culture3_5 .box + .box {margin-top: 50px;}
	.culture3_5 .box a.btnBlank {margin-left: 0; margin-top: 15px; width: 100%;}
}


@media screen and (max-width: 400px){
	/* °øÅë */
	.tab_menu {top: 40px;}
	.tab_area.info1 .tab_menu {top: 59px;}
	.tab_area.m_row3 .tab_menu {top: 78px;}
	.tab_area.m_row3.info1_4 .tab_menu {top: 78px;}

	img{width:100%;}
	.street_titlepic{width:100% !important;}
	
	/* Restaurants */
	.culture3_3 .box ul {flex-direction: column;}
	.culture3_3 .box ul li + li {margin-left: 0;}
	
	/* »çÀÌÆ®¸Ê */
	.sitemap_box h3.subCont_title {width: 200px;}
	.sitemap_box .depth2 > li {width: 100%; margin-right: 0;}
	.sitemap_box .depth2 > li:nth-child(3n) {margin-right: 0;}
	.sitemap_box .depth2 > li > a {min-height: auto;}
}

@media screen and (max-width: 300px){
	.photos_img7 ul li h4{ font-size:1rem;}
	.photos_img7 ul li p{ font-size:1rem; color:#767676; }
	.photos_img7 ul li .h4_pad{padding-top:0px;}
}