/* 공통 */
.left{text-align: left;}
.center{text-align: center;}
.btn_right{position: relative;}
.btn_right a{position: absolute;top: -10px;right: 0}
@media only screen and (max-width:767px){
	.btn_right a{position: relative;top: auto;right: auto;margin-bottom: 10px}
}
.table td a,
.table th a{/*color: #4a89dc;*/ color:#236DC6; text-decoration: underline; font-weight:bold;}
.table td a.t_link:hover,
.table td a.t_link:focus,
.table td a.t_link:active,
.table th a.t_link:hover,
.table th a.t_link:focus,
.table th a.t_link:active{font-weight: 600;}

.noti_box{padding: 15px;border:1px solid #e0e0e0;}
.noti_box > strong{display: block;position: relative;padding-left: 25px;font-size: 15px;color:#6e7179;font-weight: 700;}
.noti_box > strong:before{position: absolute;left:0;top: 4px;width: 16px;height: 16px;background: url(/images/skin/txt-tip.png);content: '';}
.noti_box ul{padding-left:20px}

/*이미지 확대 버튼*/
.img_box{text-align: center;}
.pic_btn a, .ds_no {display: none;}
.pic_btn a:hover{background-color:#236dc7;/*border-color:#348c01;*/color:#fff;transition: all 300ms ease-out }

@media(max-width:767px){
.pic_btn a {display: block;width: 60%;margin: 10px auto 0;padding: 10px 40px;border: 1px solid #ddd;background: #fff;text-align: center;}
.pic_img{text-align: center;}
}
@media(max-width:560px){
.pic_btn a {width: 75%;}
}
@media(max-width:450px){
.pic_btn a {width: 100%;}
}
/* 공통 End */

/* 세종대표명소_ viw.jsp css 가져옴_20201208웹표준 수정 */
.sub01_08 #location{display:block;}
.sub01_08 .contents_wrap{margin:0 !important;}
/* 세종대표명소 End */

/* 세종대표명소 */
/*.tour.photo_wrap05 .thm_slide .grap .obj .item .inner img{height:100%}*/
.tour.photo_wrap05 .thm_slide .grap .obj .item .inner img{height: 180%;}

.tour.photo_wrap05.type2 .inner .tit_wrap .menu_wrap.btn1 li a{height: 340px;padding-top: 110px;}
.tour.photo_wrap05 .photo_list .ui-thumb{height:auto}

.ui-location-info{margin-top:20px}
.ui-location-info .items .item{padding-left:160px;}
.ui-location-info .items .item .tit{width:160px;}
.ui-location-info .items .item.list1 .tit{top:-30px;}
.ui-location-info .items .item.list1 .cont-box{margin-top: 40px}
.ui-location-info .items .item .cont-box .inner strong{letter-spacing: -0.1em}
.ui-location-info .items .item .cont-box .inner.no_tit .txt{width: 100%}

.btn_area{overflow:hidden;}
.btn_area .info_btn span{display:inline-block;float:left;width:49.5%;}
.btn_area .info_btn span a{display:block;width:100%;height:30px;background:url(/images/tour/sub01/tour_link.gif) no-repeat;background-size:20%;border:1px solid #cbcbcb;color:#4c4c4c}
.btn_area .info_btn span{margin-left:5%;width:auto;background:url(/images/tour/sub01/round.gif) no-repeat;/*border:none*/}
.btn_area .info_btn span:first-child{margin-left:0}
.btn_area .info_btn span a{height:95px;border:none;text-align:center;line-height:135px;background-size:auto}
.btn_area .info_btn span a.tour_link1{display:block;width:95px;background-position:50% 18px;}
.btn_area .info_btn span a.tour_link2{display:block;width:95px;background-position:50% -158px;}
.btn_area .info_btn span a.tour_link3{display:block;width:95px;background-position:50% -300px;padding:0;line-height:135px;}
.btn_area .info_btn span a.tour_link4{display:block;width:95px;background-position:50% -450px;padding:0;line-height:135px;}
.btn_area .info_btn span a:hover,
.btn_area .info_btn span a:focus,
.btn_area .info_btn span a:active{text-decoration:underline}
.btn_area .info_btn{width:448px;margin:0 auto;}

.caption-buttons{overflow:hidden;text-align: center;}
.caption-buttons a{display:inline-block;margin: 0 5px;width: 95px;height:95px;margin-bottom:5px;background:url(/images/tour/sub01/tour_link.png) no-repeat;border:1px solid #cbcbcb;border-radius: 50%;color: #4c4c4c;text-align: center;line-height: 140px;background-size:auto;letter-spacing:-0.1em;vertical-align: middle;}
.caption-buttons a:nth-child(1){background-position: 0 0;}
.caption-buttons a:nth-child(2){background-position: -100px 0;}
.caption-buttons a:nth-child(3){background-position: -295px 0;}
.caption-buttons a:nth-child(4),
.caption-buttons a:nth-child(5){background-position: -195px 0px;}
.caption-buttons a:nth-child(6){background-position:-390px 0;}
.caption-buttons a:hover,
.caption-buttons a:focus,
.caption-buttons a:active{background-color:#125fac;border:0;color:#fff;}
.caption-buttons a:nth-child(1):hover,
.caption-buttons a:nth-child(1):focus,
.caption-buttons a:nth-child(1):active{background-position: 0 -95px;}
.caption-buttons a:nth-child(2):hover,
.caption-buttons a:nth-child(2):focus,
.caption-buttons a:nth-child(2):active{background-position: -100px -95px;}
.caption-buttons a:nth-child(3):hover,
.caption-buttons a:nth-child(3):focus,
.caption-buttons a:nth-child(3):active{background-position: -295px -95px;}
.caption-buttons a:nth-child(4):hover,
.caption-buttons a:nth-child(4):focus,
.caption-buttons a:nth-child(4):active,
.caption-buttons a:nth-child(5):hover,
.caption-buttons a:nth-child(5):focus,
.caption-buttons a:nth-child(5):active{background-position: -195px -95px;}
.caption-buttons a:nth-child(6):hover,
.caption-buttons a:nth-child(6):focus,
.caption-buttons a:nth-child(6):active{background-position: -390px -95px;}
.caption-buttons a i{font-style:normal}

@media only screen and (max-width:767px){
	.tour.photo_wrap05.type2 .inner .tit_wrap .menu_wrap li{width:100%;}
	.tour.photo_wrap05.type2 .inner .tit_wrap .menu_wrap.btn1 li a{height: auto;padding-top: 15px;}

	.ui-location-info .items .item{padding-left:0px;}
	.ui-location-info .items .item .tit{width:auto;}
	.ui-location-info .items .item.list1 .tit{top:00px;}
	.ui-location-info .items .item.list1 .cont-box{margin-top: 0px}
}
@media only screen and (max-width:500px){
	.btn_area .info_btn{width:100%;text-align:center;}
	.btn_area .info_btn span{float:none;;margin:0 0 10px;}

}


/*20210223 HOME > 세종대표명소 > 국립세종도서관  코로나관련 추가*/
.photo_wrap02.type1 .inner .toursub01 ul li {height: 19px;}
.photo_wrap02.type1 .inner .toursub01 ul li.txt-check {padding-left:20px !important;color:#d92f2f;}


/* sub02_02 추천여행코스 */
.course_intro{margin-bottom:30px;padding:30px 0px 30px 0px;width:100%;background: url(/images/tour/sub02/course_intro_bg.gif) repeat;/*border-top:2px dotted #cacaca;*/border-bottom:1px dotted #cacaca;}
.course_intro h2{position:relative;padding-top: 20px;padding-left:0px;width:100%;text-align:center;font-size:30px;color:#535353;line-height:45px; font-weight:bold; letter-spacing:-1px;}
.course_intro h2:before{position:absolute;top:0;left:50%;width:40px;height:3px;margin-left:-20px;background:#2f60cf;content:'';}
.course_intro h2 span{color:#2f60cf;}
.course_intro h3{margin:30px 0 30px 0; padding-left:0px; width:100%; background:none; text-align:center; color:#4b4a4a; font-size:16px; font-weight:normal;}
.course_intro .cours_in{text-align:center;}
.course_intro .cours_in:after{clear:both;display:block;content:""}
.course_intro .cours_in div{padding-top:20px; width:100%;}
.course_intro .cours_in div a{display:block}
.course_intro .cours_in div img{display:inline-block; margin:0 auto;}
.course_intro .cours_in div em{display:block; margin-top:20px; text-align:center; font-weight:bold; color:#4b4a4a;}
.course_intro .cours_in div em span{width:100%}
.course_intro .cours_in div span{margin:0 auto; width:77%; display:block;  text-align:center; font-size:14px;}
.course_intro p{font-style: italic; margin: 0 auto 20px; padding-left: 0px; text-align: center; color: #ffffff; background: #039be0; font-size: 20px;width: 100%;}

@media only screen and (min-width:768px){
.course_intro h2{font-size:35px;}
.course_intro .cours_in div{display: inline-block; width: 40%;min-height: 310px;vertical-align:top;}
.course_intro p{width:40%;}
}
@media screen and (min-width:980px){
.course_intro h2{font-size:40px;}
.course_intro .cours_in.col3 div{width:25%;}
.course_intro .cours_in.col4 div{width:25%;float: left;}
}


/*  sub02_0201 ~ sub02_0204 여행-추천여행코스 */
.course_tit {position: relative; margin: 0; padding-top: 30px;}
.course_tit h2 {color: #333; font-weight: normal; background: none; margin:0; padding: 0}
.course_tit h2 .txtline1 { display: inline-block; border-bottom: 1px solid #aaa; font-size: 18px; line-height:100%;}
.course_tit h2 .txtline2 { display: block; font-size:22px; }
.course_tit h2 .txtline2 em { color: #649b27;}
.course_tit h2 span { font-size: 15px;}
.course_tit ul { background: #3a3a3a; margin-top: 20px;}
.course_tit ul:after {content: ""; clear: both; display: block;}
.course_tit ul li { float: left; padding: 58px 0 0; width: 40%; font-size: 17px; text-align: center; color: #fff; background:#3a3a3a url(/images/tour/sub02/bul_clock.png) no-repeat 50%}
.course_tit ul li:first-child {padding: 33px 5% 15px;width: 100%;text-align: right;line-height: 110%;background: none;color: #fff;font-size: 12px;color: #B4C0CB;}
.course_tit ul li:first-child span { display: block; font-size: 25px; color: #fff;}

.course_tit_info {border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc;margin:20px 0;padding: 20px;font-size: 14px;}

.course_view {position: relative; background: #eeeeee; border: 1px solid #ddd;text-align:center}
.course_view .tab_li:after {content: ""; clear: both; display: block;}
.course_view .course_map {text-align:left;}
.course_view .course_map img{ padding: 10px 0;}
.course_view .course_map .course_list{overflow:hidden;padding:15px 0;width:auto;text-indent:10px;background:#fff;border:1px solid #ccc;text-align:left}
.course_view .course_map .course_list {position: absolute;top: 50%;right: 20px;width: 300px;margin-top: -239px;}
.course_view.sub02_0204 .course_map .course_list{margin-top: -278px}
.course_view .course_map .course_list ul li{padding:10px 1.6%;width: 100%;height: auto;line-height: 10px;font-size:15px;padding: 10px;}
.course_view .course_map .course_list ul li:first-child { padding-top: 20px;}
.course_view .course_map .course_list ul li.km {height: 32px;line-height: 10px;padding-bottom: 0;background-position:50% top;}
.course_view .course_map .course_list ul li span { display: inline-block; border-radius: 20px; padding: 1px 9px; margin-right: 10px; background: #ee4d00; color: #fff; text-indent: 0;}
.course_view .course_map .course_list ul li.km {float: left;height: 46px;line-height: 20px;background: url(/images/tour/sub02/course_list_arrow.gif) no-repeat 50% 50%;text-align: center;font-size: 13px;color: #777;}
.course_view .tab_li li{float:left;width:46%;display:block;padding:2%;height:40px;line-height:40px;border-left:1px solid #ddd;margin-left:-1px;background:#fff;border-bottom:1px solid #ddd;}
.course_view .tab_li li:first-child{border-left: none; margin-left: 0;}
.course_view .tab_li li.ov { border-bottom: none; font-weight: 600; background:#eeeeee }

.course{margin-top: 50px}
.course .c_info .c_gallery{text-align: center;}
.course .c_info .c_gallery p{margin-bottom: 20px}
.course .info_item { margin-top:30px; border:1px solid #ccc; background:#f1f1f1;}
.course .info_item ul li.first,
.course .info_item ul li.first-child {border:none;}
.course .info_item ul li {border-top:1px solid #ccc;}
.course .info_item span { display:inline-block; padding:15px; border-left:1px dotted #ccc;}
.course .info_item span:first-child {border-left:none}
.course .info_item span.course_url,
.course .info_item span.course_lacation {display:block; border-bottom:1px dotted #ccc; min-width:200px;}


@media only screen and (min-width:600px){
	.course_tit h2 .txtline1 { font-size: 30px;}
	.course_tit h2 .txtline2 { font-size: 40px;}
}
@media only screen and (min-width:768px){
	.course .photo_wrap03 .inner .txt_box{/* width: 320px; */width: 350px;}
	.course_view .course_map img{ padding: 30px;}
}
@media only screen and (min-width:900px){
	.course .info_item { margin-top:30px; border:1px solid #ccc; background:#f1f1f1;}
	.course .info_item span { display:inline-block; padding:15px; border-left:1px dotted #ccc;}
	.course .info_item span:first-child {border-left:none}
	.course .info_item span.course_url,
	.course .info_item span.course_lacation {display:inline-block; border-bottom:none;}
}
@media only screen and (min-width:1000px){
	.course_tit ul { position: absolute; top:10px; right: 0;}
	.course_tit ul li { width: 80px;}
	.course_tit ul li:first-child {padding: 33px 20px 15px;width: 150px;}
}
@media only screen and (min-width:1200px){
	.course_view .course_map {padding-left: 130px;}
}
@media only screen and (max-width:999px){
	.course_view .course_map .course_list{position:relative;top: auto;right: auto;width: 100%;margin-top: 0 !important;}
	.course_view .course_map .course_list ul{max-width:300px;margin:0 auto;}
}

/* sub02_0301 둘레길여행 */
.pop_box{position:relative;background:url(/images/tour/sub02/sub02_03_01a_img1.jpg) no-repeat 50% 0;height:601px;}
.pop_box .pop{display:none}
.display_mo{display:block;}
.pop_box .list_1st2{position:static;}
.pop_box p.txt{display:none;}

.list_1st2{margin-bottom:10px;margin-left:2px;background:none;position:absolute;top:389px;}
.list_1st2 li{font-size:14px;}
.list_1st2 li.list_01{background:url(/images/tour/sub02/sub02_03_01_01.gif) no-repeat 0 9px;margin-bottom:2px;padding-left:50px;}
.list_1st2 li.list_02{background:url(/images/tour/sub02/sub02_03_01_02.gif) no-repeat 0 9px;margin-bottom:2px;padding-left:50px;}
.list_1st2 li.list_03{background:url(/images/tour/sub02/sub02_03_01_03.gif) no-repeat 0 9px;margin-bottom:2px;padding-left:50px;}
.list_1st2 li.list_04{background:url(/images/tour/sub02/sub02_03_01_04.gif) no-repeat 0 9px;margin-bottom:2px;padding-left:50px;}

@media only screen and (min-width:640px){
	.pop_box .list_1st2{position: static;top:auto;}
}
@media only screen and (max-width:1199px){
	.pop_box{padding-top:70%;min-height:110px;height:auto;background-size:100% auto}
}
@media only screen and (min-width:1200px){
	.display_mo{display:none;}

	.pop_box{padding-bottom:0;}
	.pop_box .pop{display:block;}
	.pop_box .pop > a{display:block;position:absolute;left:50%;width:7%;height:10.5%;}
	.pop_box .pop > a span{display:block;width:100%;height:100%;font-size:0;background:url(/images/tour/sub02/sub02_03_01_img1.gif);}
	.pop_box .pop a + div{display:none;position:absolute;top:30px;left:50%;margin-left:-32%;padding:30px 55px 30px 20px;width:500px;background:#fff;border:1px solid #ddd;z-index:50;}

	.pop_box #btn1{top: 39%;margin-left: -6.2%;}
	.pop_box #btn2{top: 32%;margin-left: 17%;}
	.pop_box #btn3{top: 24%;margin-left: -10.3%;}
	.pop_box #btn4{top: 26.9%;margin-left:-1.5%;}
	.pop_box #btn5{top: 31.9%;margin-left: 8%;}
	.pop_box #btn6{top: 32%;margin-left: -18%;}
	.pop_box #btn7{top: 10.7%;margin-left: -20%;}

	.pop_box #road1,
	.pop_box #road2{width: 360px;}

	.pop_box .pop .obj .close{position:absolute;top:25px;right:20px;cursor:pointer;}
	.pop_box .pop .obj .close a{display:block;width:25px;height:25px;border:1px dotted #ddd;line-height:27px;text-align:center;}

	.pop_box .list_1st2{position: absolute;top:417px;}
	.pop_box p.txt{display:block;position:absolute;bottom:90px;right:0;color:#a46e9e;}
}


/* sub02_03 여행테마 */
.course_intro .c_gallery{text-align: center;}
.course_intro .c_gallery p{font-style: normal; margin: 30px 0 30px 0; color: #666;background: none;font-size: 16px;width: auto;}
.photo_wrap03 .inner .img_box img{width: 100%}
.c_info_img{text-align: center;}
.c_info_img h2 {text-align: left; margin:40px 0 0 0!important; }
.c_info_img p{text-align: left; margin:30px 0 30px 0!important;}
.photo_wrap03 .inner .txt_box .f_wrap{text-align:left;}
.photo_wrap03 .inner .txt_box .f_wrap p{position: relative;margin:20px 0 0;padding:24px 0 0 20px;}
.photo_wrap03 .inner .txt_box .f_wrap p b{position: absolute;left: 18px;top: 0;}
.photo_wrap03 .inner .txt_box .f_wrap p i{position: absolute;left: 0;top: 3px;}
.photo_wrap03 .inner .txt_box .f_wrap p a{color:#fff;line-height:1.2}
.photo_wrap03.type1 .inner .txt_box.txt_box02{padding:0 15px;}
.photo_wrap03.type1 .inner .txt_box.txt_box02 .tit{margin:50px 0 0;}
.photo_wrap03.type1 .inner .txt_box.txt_box02 p{margin:20px 0 0;font-size:14px;text-align:left;}


.course_intro2{margin-bottom:30px; padding:30px 0px 30px 0px; width:100%; background:url(/images/tour/sub02/course_intro_bg.gif) no-repeat; border-top:2px dotted #cacaca;  border-bottom:2px dotted #cacaca;}
.course_intro2 .cours_tt{width:100%;}
.course_intro2 .cours_tt h2{padding-top:10px;padding-left:0px; width:100%;font-size:30px; background:url(/images/tour/sub02/cours_tit_bg.gif) no-repeat 50% 0%; color:#535353; line-height:100%; text-align:center;}
.course_intro2 .cours_tt h2 span{color:#8fa460;}
.course_intro2 .cours_tt h3{margin-bottom:20px;padding-left:0px; width:100%; background:none;color:#4b4a4a; font-size:16px; font-weight:normal;text-align:center;}
.course_intro2 .cours_in:after{clear:both;display:block;content:""}
.course_intro2 .cours_in div{padding-top:20px; width:100%;}
.course_intro2 .cours_in div img{display:block; margin:0 auto;}
.course_intro2 .cours_in div em{display:block; margin-top:20px; text-align:center; font-weight:bold; color:#4b4a4a;}
.course_intro2 .cours_in div span{margin:0 auto; width:77%; display:block;  text-align:center; font-size:14px;}

@media only screen and (min-width:768px){
	.course_intro2 .cours_tt{float:left; margin-top:50px; width:40%;}
	.course_intro2 .cours_tt h2{background:url(/images/tour/sub02/cours_tit_bg.gif) no-repeat 0% 0%; text-align:left;}
	.course_intro2 .cours_tt h3{text-align:left;}
	.course_intro2 .cours_in div{float:left; width:30%;}
}

/* sub02_0307 생태탐방여행 */
.BiologyList{overflow: hidden;}
.BiologyList li{width:15.6%;display:inline-block;position:relative;margin: 0 1% 1% 0;min-height:280px;float:left;}
.BiologyList li strong{display: block;padding:7px 0 7px 42px;}
.BiologyList li strong:before{position: absolute;display: inline-block; content:'';background:url(/images/tour/sub02/sub02_0307_BiologyList.png);width:38px; height:34px;left: 0px;margin-top: -5px;}
.BiologyList li .BiologyList01:before{background-position: 0 0;}
.BiologyList li .BiologyList02:before{background-position: -38px 0;}
.BiologyList li .BiologyList03:before{background-position: -76px 0;}
.BiologyList li .BiologyList04:before{background-position: -114px 0;}
.BiologyList li .BiologyList05:before{background-position: -152px 0;}
.BiologyList li .BiologyList06:before{background-position: -190px 0;}
.BiologyList li .BiologyList07:before{background-position: -228px 0;}
.BiologyList li .BiologyList08:before{background-position: -266px 0;}
.BiologyList li .BiologyList09:before{background-position: -304px 0;}
.BiologyList li .BiologyList10:before{background-position: -342px 0;}
.BiologyList li .BiologyList11:before{background-position: -380px 0;}
.BiologyList li .BiologyList12:before{background-position: -418px 0;}
.BiologyList li p{background: none; color: #666; font-style: normal; font-size: 14px; text-align: left; width: 100%;}
@media only screen and (max-width:1000px){
	.BiologyList li{width:32.333%;}
}
@media only screen and (max-width:425px){
	.BiologyList li{width:49%;min-height: 310px;}
	.BiologyList li p{font-size: 13px;}
}
/* sub02_0307 생태탐방여행 */

/* sub02_04 여름 정기투어 */
.sejongtour_map div{padding:10px 20px; width:100%;}
.sejongtour_map div img{display:block; margin:0 auto;}
.sejongtour_map div em{display:block; margin-top:20px; text-align:center; font-weight:bold; color:#4b4a4a;}
.sejongtour_map div span{margin:0 auto; width:77%; display:block;  text-align:center; font-size:14px;}

@media screen and (min-width:980px){
.sejongtour_map div{float:left;width:25%;display:inline-block;float:none;}
}

.top_intro.type3 {position:relative;padding: 25px;border:1px solid #ddd;border-top:2px solid #0f2b47;}
.top_intro.type3  h3 {padding: 10px 80px;font-size: 25px;color:#000;line-height:35px;text-align:center;letter-spacing: -0.05em;}
.course_img{background-color:#f2c5cf}

.walking-list{margin: 20px 0;}
.walking-list .list-grap{position:relative;top:-39px;display:table;table-layout:fixed;width:100%;text-align: center;}
.walking-list .name{position:relative;display:table-cell;vertical-align:top;text-align:center}
.walking-list .km{position:absolute;top:70px;right:0;margin-right:-40px;width:80px;min-width:80px;padding:3px 10px;font-size:13px;border-radius:25px;border:1px solid #ddd}
.walking-list .km .minute{font-size:11px;}
.walking-list .name .course{position:relative;width:100%;height:35px;text-align:center;line-height:1.3;color:#505050;}
.walking-list .name .course.space{padding-top: 5px;}
.walking-list .name .course:after{content:"";position:absolute;top:51px;left:0;right:0;height:1px;background-color:#8e8e8e}
.walking-list .name.first .course:after{content:"";left:50%;}
.walking-list .name.last .course:after{content:"";right:50%;}
.walking-list .name .course em{width:100%;font-size:16px;}
.walking-list .name .course .pointer{position:absolute;top:48px;left:0;right:0;width:8px;height:8px;margin:0 auto;background:url(/images/tour/sub02/walking_point.png) no-repeat;z-index:10;}
.walking-list .name .course .time{position:absolute;left:0;bottom: -45px;font-size: 13px;}

@media(max-width:800px){
	.walking-list .name{display: inline-block;width: 20%;height:130px;}
	.walking-list .name .course em{font-size:14px;/* letter-spacing: -2px; */word-break: keep-all;}
	.walking-list .km{top:80px;right:0;margin-right:0;}
	.walking-list .km:after{content:"";position:absolute;top:-29px;left:50%;width:1px;height:29px;background:#ddd}
	.walking-list .course{font-size:14px}
	.ui-walking .walking-info .box_info_descript.box1{margin-top:-100px;}
	.ui-walking .walking-info .box_info_descript .wrap_info_descript{padding:0;}
	.ui-walking .walking-info .box_info_descript .wrap_info_descript h3{position:relative;top:0;left:0;padding-top:40px;width:100%;}
}
@media only screen and (max-width:640px) {
	.top_intro.type2 h3,.top_intro.type3 h3  { padding:80px 5% 20px;}
}
@media(max-width:599px){
	.walking-list .list-grap{top:auto;}
	.walking-list .name{display: block;width: 100%;height:auto;}
	.walking-list .name .course{height:auto;margin-top: 30px;}
	.walking-list .name.first .course{margin-top:0}
	.walking-list .name .course:after{display:none;}
	.walking-list .name .course .time{display: block;position:static;margin: 5px 0 0px;}
	.walking-list .name .course .pointer{left: 50%;bottom: -21px;top: auto;margin-left: -5px;background:none;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #0f2b47;}
	.walking-list .name.last .course .pointer{display:none;}
}
@media(max-width:480px){
	.walking-list .km:after{left:70%}
}
@media only screen and (max-width:450px) {
	.top_intro.type2 h3,.top_intro.type3 h3  {padding: 10px 0;font-size: 22px;line-height: 1.2;word-break: keep-all;}
}



/* sub03_0105 세종시블로그맛집 */
.sub03_0105.link_b:before{width: 274px;height: 240px;background: url(/images/tour/sub03/linkB_icon.png) no-repeat;}

/* sub04_01 ???? */
.s0401 .ui-map-info .btn_map a{width: 190px;height: 94px;}
.s0401 .ui-location-info .items .item .cont-box .inner strong{width: 40%;max-width: 190px;}
.s0401 .ui-location-info .items .item .cont-box .inner .txt{width:60%;margin-left: 1%;}
.s0401 .ui-location-info .item .tit .block{display:block;}
.s0401 .ui-map-info .btn_map{top:23.5px;}
@media only screen and (max-width:900px){
    .s0401 .ui-map-info .btn_map a{width: 190px;height: 60px;margin: 10px auto;padding: 0px 25px 0;line-height: 30px;}
}
@media only screen and (max-width:767px){
    .s0401 .ui-location-info .item .tit .block{display:inline;}
}
@media only screen and (max-width:537px){

	.s0401 .ui-location-info .items .item .cont-box .inner strong{width: 100%;max-width: 100%;margin-bottom: 10px;}
    .s0401 .ui-location-info .items .item .cont-box .inner .txt{width:100%;padding-left: 0;margin-left: 0;}
}



/* 여행-걷고싶은세종의길 */
.s0207 article{font-size:14px}

.s0207 .box_travel{position:relative;}
.s0207 .box_travel h2 {margin-top: 40px;}
.s0207 .box_travel .ti_figure{border:1px solid #ddd;background:#efefef;text-align:center;}
.s0207 .box_travel .ti_figure img{max-width:100%;}
.s0207 .box_travel .info_area{position:relative;}
.s0207 .box_travel .box_photo{position:relative;width:100%;}

.s0207 .box_photo{position:relative;width:100%;}
.s0207 #galleryView{overflow:hidden;margin:0 0 10px;text-align:center;}
.s0207 #galleryView img{vertical-align:middle}
.s0207 #galleryThum{position:relative;width:100%;min-height: 98px;background-color: #fff;}
.s0207 #galleryThum .holder{position:relative;width:100%;overflow:hidden;margin:0 auto}
.s0207 #galleryThum .list{margin:0;padding:0;list-style: none;width:99999px;overflow: hidden}
.s0207 #galleryThum .item{float:left;width: 170px;margin: 0;}
.s0207 #galleryThum .item img{width:160px;height:115px}
.s0207 #galleryThum .arrLeft{position:absolute;left:2%;top:40px;width:5%;height:70px;text-align:center;border: none;margin: 0;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.s0207 #galleryThum .arrLeft img{position:relative;top:17px}
.s0207 #galleryThum .arrRight{position:absolute;right:2%;top:40px;width:5%;height:70px;text-align:center;border: none;margin: 0;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.s0207 #galleryThum .arrRight img{position:relative;top:17px}

.s0207 .course_tit_info { border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin:20px 0; padding: 20px; color:#777; font-size: 14px; line-height: 135%;}


.s0207 .hearttit{background:url(/images/tour/common/hearttit.gif) no-repeat 2px 4px;padding: 3px 10px 5px 25px; font-size: 16px;margin:10px 0 10px 25px;}
.s0207 .hearttit2{background:url(/images/tour/common/hearttit2.gif) no-repeat 0 0;color:#8fa460}
.s0207 .bb{border-bottom: 1px solid #d1d1d1;padding:40px;}
.s0207 .sejongroad{text-align:center; margin:20px 0}

.s0207 #galleryThum li a {width: 160px; height: 115px;}

@media only screen and (min-width:640px){
	.s0207 .hearttit {background:none; display:none;}
}
@media only screen and (max-width:639px){
	.s0207 .sejongroad{display:none;}
}

/* 여행-버스타고세종여행 */
.stxt {color:#fff;}
.s020814 .zoom {display:inline-block;position: relative;width:100%}
.s020814 .zoom img {display: block; width:100%;}
.s020814 .zoom img::selection { background-color: transparent; }



/* 관광지 날씨 */
.btn-weather,.btn-weather:link, .btn-weather:visited{display:inline;color:#136edf;font-size:14px;letter-spacing: -0.02em;}
.btn-weather:active, .btn-weather:hover, .btn-weather:focus {text-decoration: underline;}
.btn-weather .ir{display:inline-block;margin-left:3px;width:16px; height:12px; background:url(/images/tour/common/placeweather_icon.png) no-repeat center center;}
.placeweather {overflow: hidden;width: 100%;position:relative;margin-bottom: 100px;padding: 65px 55px;border: 5px solid #e9ecf2;}
.placeweather:before {content:'';background:url(/images/tour/sub04/placeweather_bg.png) no-repeat;position: absolute;bottom: 0px;right: -5px;width: 423px;height: 411px;opacity:0.8;}
.placeweather.box_2:before{content:'';background:url(/images/tour/sub04/placeweather_bg2.png) no-repeat;position: absolute;bottom: 0px;right: -27px;width: 423px;height: 189px;opacity:0.8;}
.placeweather li{width:100%;margin:0 1% 1% 0;padding:0;float: left;display: block;width:49.5%;}
.placeweather li:nth-child(2n){margin-right:0}
.placeweather li a{transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;}
.placeweather [class^=item] {position: relative;display: block;padding: 17px 40px 15px 20px;background: #fff;border: 1px solid #d9d9d9;}
.placeweather .item .numinfo{padding:0;display: inline-block;font-size: 20px;word-break: keep-all;font-style: normal;background:#2678cc;color:#fff; border-radius:50%; width:60px; height:60px;line-height: 2.9;text-align: center;font-weight: bold;
	transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;
    box-shadow: 3px 3px 2px 1px rgb(91 91 91 / 20%);-webkit-box-shadow: 3px 3px 2px 1px rgb(91 91 91 / 20%);-moz-box-shadow: 3px 3px 2px 1px rgb(91 91 91 / 20%);}
.placeweather .item .numinfo em {font-size: 15px;font-weight: bold;}
.placeweather .item .placeinfo{padding:0;display: inline-block;font-size: 18px;word-break: keep-all;font-style: normal;margin-left:8px;}
.placeweather .item .ir-home{background-position: -213px -213px;right: 22px;}
.placeweather .item:after {content: "";position: absolute;bottom: -4px;left: -1px;display: block;width: 100%;height: 3px;background: #f1f1f1;}
.placeweather li a:hover{background:#2678cc;}
.placeweather li a:hover .numinfo{background:#fff;color:#222222;box-shadow: 3px 3px 2px 1px rgba(0, 0, 255, .2);-webkit-box-shadow: 3px 3px 2px 1px rgba(0, 0, 255, .2);-moz-box-shadow: 3px 3px 2px 1px rgba(0, 0, 255, .2);}
.placeweather li a:hover .placeinfo{color:#fff;}
.placeweather li a:hover .ir-home{background-position: -198px -213px;}
.placeweather.box_2 li a:hover .numinfo{background:#fff;box-shadow: 3px 3px 2px 1px rgb(14, 90, 120 , .2);-webkit-box-shadow: 3px 3px 2px 1px rgb(14, 90, 120 , .2);-moz-box-shadow: 3px 3px 2px 1px rgb(14, 90, 120 , .2);}
.placeweather.box_2 .item .numinfo,
.placeweather.box_2 li a:hover{background:#26a9cc;}

@media only screen and (max-width: 820px){
    .placeweather li{width:100%;margin-right:0;}
}


 /*[start]vod 영상 (sub02_0101)*/
.videowrapper {position: relative;padding-bottom: 56.25%; /* 16:9 비율인 경우 *//* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */padding-top: 25px;height: 0;}
.videowrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*[end]vod 영상 (sub02_0101)*/



/*'21.11.04. 농촌융복합산업사업장이란*/
.s020101 .d_tit {right: 0px;top: 0px;width: 100%;padding: 30px 4%;height: 650px;z-index: 10;border-radius: 0px 5px 5px 0px;border: 1px solid #e6e6e6;background: url(/images/adtc/sub02/sub02_0101_img01.png);background-repeat: no-repeat;background-position: right bottom,0 0;}
.s020101 .d_tit .h2 {position:relative; margin-top:30px; font-size:24px; color:#0059b5;}
.s020101 .d_tit .h2:after {content:"";position:absolute;top: -15px;left:0;width: 70px;height:2px;background: #0059b5;}
.s020101 .d_tit p {width:35%; margin-top:30px;}
.s020101 p {margin:0;}
.s020101 ul li {width:33.33%; float:left; margin:20px 0; text-align: center;}

@media (max-width:767px){
	.s020101 .d_tit, .s020101 .d_tit p {width:100%;}
	.s020101 .d_tit{position: static; border-radius: 0px; text-align: center; height: 100%; padding-bottom: 75%;background-size: 100%, 100%;}
	.s020101 .d_tit .h2:after {left:50%; margin-left:-35px;}
}
@media (max-width:540px){
	.s020101 ul li{width:100%;}
}

/* '22.04.12 세종시티투어 상단 문구 */
.sub0204_top_title { color:#da4453!important; font-size:16px; }
.sub0204_top_txt { color:#333333!important; }
.sub0204_top p { font-weight:bold; }


/* '22.04.19. 2층버스 시티투어 */
.sub0204_box { overflow: hidden;margin-top:30px;}
.sub0204_box .inner{float:left;width:49%;min-height: 400px;padding: 30px 20px 30px;margin-right:2%;border:1px solid #d2d7dd;text-align: center;}
.sub0204_box .inner:last-child{margin-right:0;}
.sub0204_box .inner h3{font-size:20px;color:#000; font-weight:bold; letter-spacing:-1px; }
.sub0204_box .inner h3 span { color:#2f60cf; }
.sub0204_box .inner p{ letter-spacing:-1px; font-size:16px; color:#333333; font-weight:bold; }
.sub0204_box .inner img{display:block;margin:30px auto; width:85%; }
.sub0204_box .btn-primary{min-height: 44px;margin-top:10px;/* background: #2b83d2; */border-radius: 4px;/* border: 0; */}
.sub0204_box .btn-primary.btn.btn-icon{padding: 16px 62px 14px 15px;}
.sub0204_box .btn-primary .ir{right: 14px;width:25px;height:25px;margin-top: -12.5px;background:url(/images/skin/linkB_arr.png);}
.sub0204_box .btn-primary.focus,.bus_system .btn-primary:focus,.bus_system .link_b .btn-primary:hover{color:#fff;}

@media only screen and (max-width: 767px){
    .sub0204_box .inner{float:none;width:100%;min-height:auto;margin:0 0 20px;padding-top:30px;}
}

/* '22.04.25.(월) 이응다리(금강보행교) */
.sub0191_td { text-align:left!important; }
.sub0119_info { font-weight:bold; letter-spacing:-1px; }
.icon-bike { background:url(/images/tour/sub01/sub01_19_icon1.png) #f0f1f6 center center!important; background-repeat: no-repeat!important; }
.sub0119_listTxt { padding:30px 15px 0 15px!important; }
.sub0119_img_box { margin:25px 0 0 0; }
.sub0119_item { min-height:385px!important; }

@media only screen and (max-width: 767px){
    .sub0119_item { min-height:250px!important; }
}


/* '22.06.15. 여행테마 배열 문제 수정 */
.course_intro .list-1st { margin:30px 0 30px 0!important; }
.c_gallery p { margin:30px 0 30px 0!important; }
.c_info p { margin:30px 0 30px 0!important; }

/* 20240109 블로그 아이콘 추가*/

.blogicon01:after {
    z-index: 1;
    position: absolute;
    display: block;
    content: "";
    width: 47px;
    height: 48px;
    top: 10px;
    right: 10px;
    background: url(/images/home_renew/icn_blog2.png) no-repeat;
}
.blogicon02:after {
    z-index: 1;
    position: absolute;
    display: block;
    content: "";
    width: 47px;
    height: 48px;
    top: 10px;
    right: 10px;
    background: url(/images/home_renew/icn_blogsj.png) no-repeat;
}

/*스탬프 24.06.19*/

.item_img {text-align: center; margin: 10px 0;}
.sub02_1002 { display: flex; flex-wrap: wrap;}
.item_img {text-align: center; margin: 10px 0;}
.sub02_1002 { display: flex; flex-wrap: wrap;}
.text_left {text-align: left;}
.sub02_1001 {display: flex; flex-wrap: wrap;}
.sub02_1001 .img_box, .sub02_1001 .txt_box {float: left; width: 50%;}
@media(max-width:767px){
	.sub02_1001 .txt_box {width:100%;}
	.sub02_1001 .img_box {width:100%; margin: 0 0 30px;}
}
/*.tab-ul.type1 li a span:after {position: absolute;content: "";border-right: 1px solid #125fac;border-top: 1px solid #125fac;width: 11px;height: 10px;-webkit-transform: rotate(45deg);transform: rotate(45deg);top: 40%;right:15px;transition: all 0.2s ease-out;}*/
.tab-ul.type1 li a:active,.tab-ul.type1 li a:focus,.tab-ul.type1 li a:hover,.tab-ul.type1 li.on a,.tab-ul.type1 li.on a:active,.tab-ul.type1 li.on a:focus,.tab-ul.type1 li.on a:hover {
    border: 1px solid #0f2b47;
    outline: 1px solid #0f2b47;
    color: #0f2b47;
}

.tab-ul.type1 li a:active span:after,.tab-ul.type1 li a:focus span:after,.tab-ul.type1 li a:hover span:after,.tab-ul.type1 li.on a span:after,.tab-ul.type1 li.on a:active span:after,.tab-ul.type1 li.on a:focus span:after,.tab-ul.type1 li.on a:hover span:after {
    border-top-color: #0f2b47;
}

/*.table thead tr:first-child th{background:#f9fcff;border-top:1px solid #125fac;}*/
/*.table thead th{border-bottom:2px solid #125fac;background:#f9fcff}*/
.bbs--view {
    border-top: 2px solid #125fac;
}

.bbs--view .bbs--view--header {
    border-bottom: 2px solid #125fac;
}

.bbs--view .bbs--view--file {
    border-top: none;
}

.pagination.pg-blue .active a, .pagination.pg-blue .active .page-link {
    border-color: #125fac;
    background-color: #125fac;
}

.btn-primary,.btn-primary:link,.btn-primary:visited {
    border-color: #125fac;
    background-color: #125fac;
}

.btn-primary.focus,.btn-primary:focus,.btn-primary:hover {
    border-color: #125fac;
    background-color: #fff;
    color: #125fac;
}

@charset "utf-8";
.program--count{padding-left:15px;}
.program--count:before{display:inline-block;position:absolute;top:5px;left:0;width:10px;height:12px;content:'';background:url(/pcms/common/images/ir/icon_bbs.gif) no-repeat;}
.form-control:-moz-placeholder{color:#767676}.form-control::-moz-placeholder{opacity:1;color:#767676}.form-control:-ms-input-placeholder{color:#767676}.form-control::-webkit-input-placeholder{color:#767676}

.hidden{
	display:none;
}

.color-default{background-color: #236DC7}
.color-basic{background-color: #002D68}
.navy{background-color: #555b69}
.grey{background-color: #abacaf}
.blue{background-color: #0089cf}

label.flow{position:absolute; width: 1px !important; height: 1px !important; overflow:hidden;top:-1px;clip:rect(0,0,0,0);display:block !important;  font-size:12px !important; line-height:14px !important; }

.skip{top:-9999px;}
.h2{padding-top:0;font-size:20px;color:#0d1218;}
.h2:before{display:none}
.h3{font-size:17px;color:#114ab0;font-weight:bold}
.h4{font-size:15px;color:#0d1218;font-weight:bold}
.h4:before{top:5px;left:1px;width:5px;height:13px;border-radius:10px;background-image:none;background-color:#114ab0;}
.h5{margin-left:0;}
.h5:before{top:6px;width:3px;height:3px;border:2px solid #114ab0;border-radius:50%;background-image:none;}

.h6{position:relative;margin-left:0;}
.h6:before{content:"";display:block;position:absolute;left:0;top:7px;width:7px;height:3px;border-radius:10px;background-color:#797e82;}
.h4,
.h5,
.h6{padding-left:12px;}


/*font-size*/
span.tbftsz01 {font-size: 1.1em !important; }
span.tbftsz02 {font-size: 1.25em !important; }

.txt-h4,
.txt-h5,
.txt-h6{margin-left:0;}
/* 개인정보처리방침 들여쓰기 추가 */
.p-txt-h4{margin:10px 0;padding:25px 30px;border:1px solid #ddd;}
.p-txt-h5{margin:10px 0;padding-left:17px}

.list-1st dd,
.list-1st li,
.txt_bul{padding-left:12px;line-height:1.6}
.list-num .badge.blue{background: #2678cc !important;}
.list-1st dd:before, .list-1st li:before, .txt_bul:before{top:10px;left:1px;width:4px;height:4px;border-radius:50%;background: #1161be;}
.list-2st dd:before, .list-2st li::before, .txt_bul2::before{top:13px;width:5px;height:1px;border-radius:0}
.list-3st dd:before, .list-3st li::before, .txt_bul3::before{top:13px;width:2px;height:2px;border-radius:0}

.ir-icon__md{background-image: url(/images/skin/ir-icon__md2.png);}
.ir-icon__md.icon1 {background-position: -2px 0px;}
.ir-icon__md.icon4 {background-position: -331px -2px;}
.ir-icon__md.icon5 {background-position: -446px 0;}
.ir-icon__md.icon7 {background-position: -663px 0;}
.ir-icon__md.icon18 {background-position: -778px -110px;}
.ir-icon__md.icon28 {background-position: -774px -220px;}
.ir-icon__md.icon37 {background-position: -662px -330px;}
.ir-icon__md.icon44 {background-position: -333px -440px;}
.ir-icon__md.icon49 {background-position: -883px -442px;}
.ir-icon__md.icon50 {background-position: -996px -442px;}
.ir-icon__md.icon53 {background-position: -223px -550px;}
.ir-icon__md.icon58 {background-position: -773px -552px;}
.ir-icon__md.icon76 {background-position: -555px -773px;}
.ir-icon__md.icon84 {background-position: -332px -880px;}
.ir-icon__md.icon102 {background-position: -113px -1104px;}
.ir-icon__md.icon105 {background-position: -444px -1100px;}
.ir-icon__md.icon111 {background-position: 0px -1212px;}
.ir-icon__md.icon112 {background-position: -114px -1212px;}
.ir-icon__md.icon113 {background-position: -221px -1209px;}
.ir-icon__line.icon17 {background-position: -209px -68px;}

.btn {padding: 9px 13px 8px;border-radius:4px;letter-spacing: 0.01em;font-size:14px;font-weight:bold;}
.btn-icon{padding-right: 35px;font-weight:normal;}
.btn-icon .arrow{right:25px}
.btn-icon .arrow:after, .btn-icon .arrow:before{height: 8px;}

.btn-lg{padding: 16px 30px 16px 13px;/* letter-spacing: -0.01em; */}
.btn-file.btn-on-ico{font-weight:normal}
.btn-lg.btn-icon {padding-right: 50px;}
.btn-file {padding:5px 8px 4px;}
.btn .left{margin-right:4px;}
.btn-secondary,.btn-secondary:link,.btn-secondary:visited {}
.btn-secondary:hover,.btn-secondary:focus {border-color:#2f86d3;background-color:#fff;color:#2f86d3}
.btn-primary,.btn-primary:link,.btn-primary:visited {border-color: #236dc7;background-color: #236dc7;color:#fff;}
.btn-purple,.btn-purple:link,.btn-purple:visited {border-color: #3f3276 !important;background-color: #3f3276;color:#fff !important;}

.btn-outline-primary{border-color:#c8c8c8;}
.btn-outline-primary:focus, .btn-outline-primary:hover{background-color:#2678cc}
.btn-primary:hover,.btn-primary:focus {border-color:#2b83d2;background-color:#fff;color:#2b83d2;}
.btn-purple:hover,.btn-purple:focus {border-color:#3f3276;background-color:#fff;color: #3f3276 !important;}

.btn-default.active, .btn-default:active, .btn-default:focus, .btn-default:hover, .open .dropdown-toggle.btn-default{background-color: #236dc7;color:#fff;}
.btn-only-icon .ir {/* right: 8px!important; */}
.btn-only-icon[target=_blank] .ir.ir-bbs ,
.btn-only-icon[target=_blank] .ir.ir-bbs.ir-home{right: 8px !important;}/*새창아이콘 클때*/
.btn-only-icon .ir.ir-bbs ,
.btn-only-icon .ir.ir-bbs.ir-home{right: 8.5px !important;}
.btn-only-icon .ir.ir-bbs.ir-download,
.ui-link__click .ir.ir-bbs.ir-home{right: 12px !important;}
.ui-link__click:hover .ir.ir-bbs.ir-home,
.ui-link__click:focus .ir.ir-bbs.ir-home{background-position:-213px -213px}
.btn-primary:hover .ir.ir-bbs.ir-download,
.btn-primary:focus .ir.ir-bbs.ir-download {background-position: -124px -216px;}
.ui-link__click:hover .ir.ir-bbs.ir-download,
.ui-link__click:focus .ir.ir-bbs.ir-download{background-position: -124px -216px;}

.btn-list,.btn-list:link,.btn-list:visited {background-color:#3e4c5e;border-color:#3e4c5e;color:#fff;}
.btn-list:hover,.btn-list:focus {border-color:#3e4c5e;background-color:#fff;color:#3e4c5e}
.btn-prev,.btn-prev:link,.btn-prev:visited {background-color:#3e4c5e;border-color:#3e4c5e;color:#fff;}
.btn-prev:hover,.btn-prev:focus {border-color:#3e4c5e;background-color:#fff;color:#3e4c5e}
.btn-prev a,.btn-prev:link a,.btn-prev:visited a {color:#fff;}
.btn-prev:hover a,.btn-prev:focus a {color:#3e4c5e}
.btn-noline .ir{right:5px;margin-top:-17px;}
.btn-noline.btn-icon{padding-left:0;margin-right:10px;padding-right: 40px;text-transform: inherit;letter-spacing:1px;}
.btn-noline.btn-icon .ir{margin-top: -17px;}

.btn-create,.btn-create:link,.btn-create:visited {background-color:#2f86d3;border-color:#2f86d3;color:#fff;}
.btn-create:hover,.btn-create:focus {border-color:#2f86d3;background-color:#fff;color:#2f86d3}
.btn-update,.btn-update:link,.btn-update:visited {background-color:#fff;border-color:#2f86d3;color:#2f86d3;}
.btn-update:hover,.btn-update:focus {border-color:#2f86d3;background-color:#2f86d3;color:#fff}
.btn-delete,.btn-delete:link,.btn-delete:visited {background-color:#fff;border-color:#2f86d3;color:#2f86d3;}
.btn-delete:hover,.btn-delete:focus {border-color:#2f86d3;background-color:#2f86d3;color:#fff}
.btn-icon.btn-default:focus .ir-download, .btn-icon.btn-default:hover .ir-download, .btn:focus .ir-download, .btn:hover .ir-download{background-position:-109px -216px}
.btn-icon.btn-default:focus .arrow::after, .btn-icon.btn-default:focus .arrow::before, .btn-icon.btn-default:hover .arrow::after, .btn-icon.btn-default:hover .arrow::before{background-color:#fff;}
.btn-default:focus .ir-home, .btn-default:hover .ir-home{background-position:-198px -213px}

.btn .fa{margin-right:5px;}
.ir-download, .ir-home{right:13px;}
.ir-download, .ir-sms2{right:13px;}
a[target=_blank].btn-primary .ir-home,
a[target=_blank].btn-primary .ir-link{right: 6px;top: 50%;width:25px;height:25px;margin-top: -12.5px;background: url(/images/skin/btn_ir.png) 0 0;}
a[target=_blank].btn-default .ir-link,
a[target=_blank].btn-outline-primary .ir-link{right: 10px;top: 50%;width:25px;height:25px;margin-top: -12.5px;background: url(/images/skin/btn_ir.png) -25px 0;}
a[target=_blank].btn-primary:hover .ir-home,
a[target=_blank].btn-primary:focus .ir-home,
a[target=_blank].btn-primary:hover .ir-link,
a[target=_blank].btn-primary:focus .ir-link{background-position:-25px 0}
a[target=_blank].btn-default:hover .ir-link,
a[target=_blank].btn-default:focus .ir-link,
a[target=_blank].btn-outline-primary:hover .ir-link,
a[target=_blank].btn-outline-primary:focus .ir-lin{background-position:0px 0}
.ir-file.ir-down{top: -2px;position: relative;height:28px;width:28px;background-position:0 -264px;}

.viewBtn{position:relative;/* top: 13px; */display:inline-block;border:none;padding: 0;font-size:0;width: 84px;height: 28px;overflow: hidden;vertical-align: middle;margin:3px 0;}
.viewBtn:before{display:inline-block;content:'';width: 84px;height: 28px;background: url(/pcms/common/images/ir/ir-bbs.png) no-repeat -31px -264px;}

.table tbody>tr>td, .table tbody>tr>th, .table tfoot>tr>td, .table tfoot>tr>th, .table thead>tr>td, .table thead>tr>th{padding:7px;}
.table tfoot>tr>td, .table tfoot>tr>th{letter-spacing:-1px;}
/* common skin */
.tab-ul.type1{margin: 1px 1px 20px;}
.tab-ul.type1 li{margin-left:-1px;}
.tab-ul.type1 li a{height:56px;border-color: #ddd #c6c6c6 #c6c6c6 #ddd;position: relative;z-index:0;transition: all 0.3s ease-out;}
.tab-ul.type1 li a span,.tab-ul.type1 li a h3{position: relative;width: 100%;padding: 0.4rem 2rem 0.4rem 1rem;font-size: 15px !important; line-height: 1.2; letter-spacing: -.4px;}
.tab-ul.type1 li.on a span, .tab-ul.type1 li.on a h3 {font-weight: bold;}
.tab-ul.type1 li a span:after,.tab-ul.type1 li a h3:after {position: absolute;content: "";width: 11px;height: 3px;background: #aeb6c3;top: 50%;right:15px;transition: all 0.2s ease-out;}
.tab-ul.type1 li.on a,.tab-ul.type1 li.on a:active,.tab-ul.type1 li.on a:focus,.tab-ul.type1 li.on a:hover {border: 3px solid #114ab0;background: none;color: #114ab0;z-index:1;font-weight:bold;}
.tab-ul.type1 li.on a span:after,.tab-ul.type1 li.on a:active span:after,.tab-ul.type1 li.on a:focus span:after,.tab-ul.type1 li.on a:hover span:after,.tab-ul.type1 li.on a h3:after,.tab-ul.type1 li.on a:active h3:after,.tab-ul.type1 li.on a:focus h3:after,.tab-ul.type1 li.on a:hover h3:after{width: auto;height: auto;background: none;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #1b548e;right:14px;}
.tab-ul.type1 li a:active,.tab-ul.type1 li a:focus,.tab-ul.type1 li a:hover{z-index:1;border-color:#114ab0;background:none;color:#114ab0}
.tab-ul.type1 li a:active span:after,.tab-ul.type1 li a:focus span:after,.tab-ul.type1 li a:hover span:after,.tab-ul.type1 li a:active h3:after,.tab-ul.type1 li a:focus h3:after,.tab-ul.type1 li a:hover h3:after,{background:#114ab0}
.tab-ul.type1 li a[target=_blank]:after{position: absolute;right: 15px;top: 50%;width: 14px;height: 14px;margin-top: -7.5px;background: url(/template/A/images/target_blank.png);content: '';}
.tab-ul.type1 li a[target=_blank] span:after,.tab-ul.type1 li a[target=_blank] h3:after{display:none;}

/*25-03-07 접근성 추가*/
.mjointbbtBox .tab-ul.type1 li{margin-left:2px;}
.mjointbbtBox .tab-ul.type1 li {width: 49%;}
.totLogcont > .tab-ul.type1 > li { margin-left: 2px;margin-bottom: 2px;}
.totLogcont > .tab-ul.type1 > li { width: 49%;}

@media only screen and (max-width:767px){
    .tab-ul.type1 li a span:after,.tab-ul.type1 li a h3:after {right:10px;}
	.tab-ul.type1 li.on a span:after,.tab-ul.type1 li.on a:active span:after,.tab-ul.type1 li.on a:focus span:after,.tab-ul.type1 li.on a:hover span:after,.tab-ul.type1 li.on a h3:after,.tab-ul.type1 li.on a:active h3:after,.tab-ul.type1 li.on a:focus h3:after,.tab-ul.type1 li.on a:hover h3:after{right: 5px;}
}

/* 페이지내 탭 (4차) */
.tab-ul.type3{border:0;border-bottom:1px solid #dedede;}
.tab-ul.type3 li{width: auto;height: 50px;background:none;border: 0;}
.tab-ul.type3 li a{font-size:16px;color:#535353;}
.tab-ul.type3 li a:after{position:absolute;right:0;top:50%;width:1px;height:14px;margin-top:-7px;background:#b2b2b2;content:'';}
.tab-ul.type3 li a:hover:before, .tab-ul.type3 li.on a:before{border: 0;border-bottom: 3px solid #1f61c0;}
.tab-ul.type3 li a span{padding:0 30px;}
.tab-ul.type3 li.on a span{padding: 0 45px 0 20px;text-align:left;}
.tab-ul.type3 li.on a:after{width:19px;height:19px;margin-top: -9.5px;background:url(/images/skin/tab_arr.png);}

.table thead tr:first-child th{background: #f9f9f9;border-top: 2px solid #236dc7;color:#09326d;}
.table thead th{padding:14px 10px;background:#fafafa;border-left:1px solid #e2e2e2;color:#385a7d;font-weight:bold;font-size:15px;}
.table tbody th{background-color:#fff;line-height:1.2;color:#333;font-weight: bold}
.table tbody td{border-left:1px solid #e2e2e2;color:#666;letter-spacing:-1px;}
.table tbody th,
.table tbody td{padding:5px 10px}
.table tbody td.t_left {text-align:left;}

.board_list.table thead th,
.board_list.table tbody th,
.board_list.table tbody td,
.table[data-rwdb=yes] thead th,
.table[data-rwdb=yes] tbody th,
.table[data-rwdb=yes] tbody td{border-left:none;}

.bbs--view{border-top:2px solid #236dc7;}
.bbs--view .bbs--view--header .bbs--view--tit{color:#09326d;margin-bottom:10px;}
.bbs--view .bbs--view--header .bbs--view--tit .ir-bbs-new{display:none}
.bbs--view .bbs--view--header{border-bottom:1px dashed #999}
.bbs--view .bbs--view--file{border-top:none;border-bottom:1px solid #dedede;padding:10px 15px;}

.bbs--view .bbs--view--header .bbs--view--opt{display:inline-block;float:right;padding-top:0;}
.bbs--view .bbs--view--header .date{float:left;}
.bbs--view .bbs--view--header span{position: relative;font-size:14px;display:inline-block;padding:0 8px;min-height:24px;}
.bbs--view .bbs--view--header span.date{padding-left:0;top:2px;}
.bbs--view .bbs--view--header span:before{content:'';display:block;position:absolute;top:4px;left:0;width:1px;height:14px;background-color:#c8c8c8}
.bbs--view .bbs--view--header .date:before{display:none;}
.bbs--view .bbs--view--header .bbs--view--opt span{margin-right:0}
.bbs--view .bbs--view--header .qna_ico{color:#fff;padding:2px 0;font-size:16px;display:inline-block;}
.bbs--view .bbs--view--header .qna_ico:before{display:none;}
.bbs--view .bbs--view--header .label{padding: 5px 3px;font-size: 12px;display: inline-block;}

.bucket-form,
.table-form{border-top:2px solid #236dc7;}
.bucket-form + .box-footer{border-top:none;margin-top:0;}
.form-horizontal.bucket-form .form-group>div[class^=col-], .form-horizontal.bucket-form .form-group>div[class^=alert-], .form-horizontal.bucket-form .form-group>div[class^=control-]{padding-top:7px;padding-bottom:7px;}
.form-horizontal .control-label{text-align:left;color:#09326d}
.form-horizontal .control-label label{margin-bottom:0;}
.form-horizontal .control-label .pilsu{color:#09326d}
.form-horizontal.bucket-form>.form-group.editor{padding:17px 0;}
.form-group > div > pre {white-space: pre-wrap;}
.form-horizontal .control-label { font-weight:700; font-size:16px; color:#333333!important; margin:2px 0 0 0!important;}
.form-horizontal.bucket-form .form-group .control-label:before { z-index:-1!important; }

.program--search{border-radius:5px;border: 1px solid #e9e9e9;border-bottom:1px solid #c6c6c6;}
.program--search:before{display:none}
.program--count strong{color:#4f7b9e}
.program--search .search--btn .btn--submit,
.program--search .search--btn span{width:auto;/*background-color:transparent;*/border-radius: 5px;}
.program--search .search--btn input[type="submit"],
.program--page button{width:auto;padding:0 11px;background:#4f7b9e;font-size: 14px;border-radius:4px;letter-spacing: 0.05em;overflow: hidden;font-weight: bold;}
.program--search .search--btn button{padding:7px 11px 7px;font-size:13px;border-radius:4px;letter-spacing: -1px;}
.program--search .search--btn button i{display:none;}
.program--search .program--page{border:none;}

.board_faq{border-top:2px solid #3383c8;}
.board_faq .item{border-bottom:1px solid #e4e4e4;}
.board_faq .title .ti.on,
.board_faq .title .ti:hover,
.board_faq .title .ti:focus{text-decoration:none}
.board_faq .title{border-bottom:none;}
.board_faq .title .ti .q_ico{background-color:#fff;color:#347fd2;border-color:#347fd2;line-height: 1.5;}
.board_faq .title .ti.on .q_ico{background-color:#347fd2;color:#fff;border-color:#347fd2;line-height: 1.5;}
.board_faq .title .ti{font-weight:bold;letter-spacing: -1px;color:#535353;padding:11px;padding-left:50px;}
.board_faq .title .ti.on b{color: #0f407a;font-weight:bold;}
.board_faq .ico{top:9px;left:11px;}
.board_faq .pt{margin-top:-1px;background-color:#fff;border-top:1px dashed #a9a9a9;border-bottom:1px solid #e4e4e4;padding:11px;padding-left:50px;}
.board_faq .pt .a_ico {border-color:#515d75;color: #fff;background-color:#515d75}
.board_faq .pt .text-right .btn{padding:5px 11px 4px;}
.board_faq .pt .text-right .btn-primary,
.board_faq .pt .text-right .btn-primary:link,
.board_faq .pt .text-right .btn-primary:visited{border-color:#507aa4;background-color:#fff;color:#507aa4}
.board_faq .pt .text-right .btn-primary:focus,
.board_faq .pt .text-right .btn-primary:hover{border-color:#495b71;color:#fff;background-color:#495b71;}
.board_faq .pt .text-right .btn-danger,
.board_faq .pt .text-right .btn-danger:link,
.board_faq .pt .text-right .btn-danger:visited{border-color:#507aa4;background-color:#fff;color:#507aa4}
.board_faq .pt .text-right .btn-danger:focus,
.board_faq .pt .text-right .btn-danger:hover{border-color:#495b71;color:#fff;background-color:#495b71;}
.board_faq .title .ti:after{display:none;}
#galleryThum .arrLeft, #galleryThum .arrRight, .gThum .arrLeft, .gThum .arrRight{margin-top:-10px;width:20px;height:20px;border-left:1px solid;border-bottom:1px solid;}


.txt-tip{color:#6e7179;}
.txt-tip:before{top:4px;width:16px;height:16px;background:url(/images/skin/txt-tip.png);}

.check-box{background:none;border:1px solid #dfdfdf;border-radius:4px;}
.check-box p{margin-top:0;}
.check-box p.cbbtSet01{margin:7px 0 0 20px;}

.example-box{background: #eeeef1;border-radius: 4px;}
.example-box .txt-fouse{margin:0;color:#666;}
.example-box .txt-fouse:before{width: 13px;height: 13px;background: url(/images/skin/txt-q.png);}

.ir-icon__md.icon30{background-position:-995px -225px;}
.ir-icon__md.def.icon1{background:url(/images/skin/ir-icon__md.png) 0 0}
.ir-icon__md.def.icon2{background:url(/images/skin/ir-icon__md.png) -104px 0}

.ir-link,
.btn:focus .ir-link, .btn:hover .ir-link{width: 34px;height: 34px;background: url(/images/skin/ir-link.png);}


/* 탑박스 A */
.ui-topbox.type1{border-color:#e1e1e1;border-radius: 8px;}
.ui-topbox.type1 .inner{padding-top:50px}
.ui-topbox.type1 .inner.pt_25{padding-top:25px}
.ui-topbox.type1 .circle{top: 33px;left: 40px;width:104px;height: 104px;background-color: transparent !important;}
.ui-topbox.type1 .circle:before{position: absolute;z-index: -1;width:104px;height: 104px;background: url(/images/skin/topbox_bg.png);content:'';}
.ui-topbox.type1 .inner .txtwrap .h-box{font-size:17px;color:#24374a;font-weight:bold;}
.ui-topbox.type1 .inner .txtwrap .txt-tip{padding-top:12px;border-top:1px dashed #ccc;}
.ui-topbox.type1 .inner .txtwrap .txt-tip:before{top:14px}
.ui-topbox .btnwrap{top:-20px;}

@media only screen and (max-width: 768px){
    .ui-topbox .btnwrap{top:0;}
}

/* 탑박스 B */
.ui-topbox.type3{border: 1px solid #cfcfcf;background: none;}
.ui-topbox.type3 .inner{min-height: 304px;margin:0;padding: 60px 350px 60px 55px;border: 0;}
.ui-topbox.type3 .inner .ir-icon{overflow: visible;right: 50px;top: 40px;left: auto;width: 291px;height:217px;background:url(/images/skin/topboxB_bg.png);border-radius: 0;}
.ui-topbox.type3 .inner .txtwrap .h-box{position: relative;margin: 0;padding-bottom: 50px;font-size: 22px;color: #2f2f2f;font-weight:700;}
.ui-topbox.type3 .inner .txtwrap .h-box:before{position:absolute;bottom:20px;left:0;width: 51px;height:3px;background:#474747;content:'';}

@media only screen and (max-width:767px){
    .ui-topbox.type3 .inner{min-height: 100%;padding:30px;}
}

/* 탑박스 C */
.ui-topbox.type4{position: relative;height:328px;border:0;background:url(/images/skin/topboxC_bg.png);background-size:cover;}
.ui-topbox.type4:before{position: absolute;top:12px;left:12px;right:12px;bottom:12px;border:1px solid rgba(219,219,219,0.7);content:'';}
.ui-topbox.type4 .txt{position: absolute;top: 55px;right: 60px;width:241px;height: 221px;padding-top: 62px;background: url(/images/skin/topboxC_bg2.png) center bottom;background-size: cover;}
.ui-topbox.type4 .txt strong{display:block;position: relative;padding-top: 38px;font-size:20px;color:#fff;letter-spacing: 0;text-align: center;vertical-align: baseline;line-height: 1.5;}
.ui-topbox.type4 .txt strong:before{position:absolute;top:0;left:50%;width:34px;height:2px;margin-left:-17px;background:#fff;content:'';}
.ui-topbox.type4 .txt strong b{display: inline-block;position: relative;top: -20px;width:75px;height: 35px;background: url(/images/skin/topboxC_tit.png);font-size: 0;text-indent: -9999px;vertical-align: baseline;}
.ui-topbox.type4 em{display: block;position: absolute;bottom: 30px;left: 40px;font-size: 22px;color: #fff;letter-spacing: 5px;}
.ui-topbox.type4 em b{display: inline-block;font-weight: 900}

@media only screen and (max-width:767px){
    .ui-topbox.type4{height: 221px;}
    .ui-topbox.type4 .txt{position: static;width:100%;}
    .ui-topbox.type4 .txt strong b{display:block;top: auto;margin: 5px auto 0;}
    .ui-topbox.type4 em{display: none;}
}

/* 인사말 A */
.intro_a:after{content:'';display:block;visibility:hidden;clear:both;}
.intro_a .img{float:right;width:48%;}
.intro_a .txt{float:left;position:relative;width:50%;margin-top: 30px;background: url(/site/common/img/ui/introa_bg1.png) no-repeat right 30px;}
.intro_a .txt .tit{display: block;position: relative;margin-bottom: 30px;padding-top: 65px;font-size: 30px;font-weight: normal;letter-spacing: -2px;line-height: 1.2;}
.intro_a .txt .tit:before{position: absolute;left: 0;top: 0;width: 48px;height: 42px;background: url(/images/skin/introA_arr.png)no-repeat;content:'';}
.intro_a .txt .tit .color1{display: inline-block;color: #3c92e3;font-weight: 700;}
.intro_a .txt .tit .color2{color: #004bb3;font-weight: 700;}
.intro_a .txt .sub_tit{display: block;margin-bottom: 10px;font-size: 17px;line-height: 1.4;color: #191919;}
.intro_a .txt .sub_tit em{display: block;}
.intro_a .txt strong{font-size:38px;font-family: 'nsr';}
.intro_a .txt > p{font-size: 15px;line-height: 1.5;}
.intro_a .txt .name{display:block;margin-top:40px;font-size:15px;font-weight:700;color:#313131;}
.intro_a .txt .name b{display: inline-block;position: relative;width: 83px;height: 31px;margin-left: 10px;background: url(/images/jochiwon119/sub01/introA_name.png);font-size:0;text-indent:-9999px;vertical-align: middle;}

@media only screen and (max-width:1200px){
    .intro_a .img .info{width: 35%}
    .intro_a .img .info:before{right: 27%;}
}
@media only screen and (max-width:860px){
    .intro_a .img{overflow:hidden;float:none;width:100%;height: 340px;text-align: center;}
    .intro_a .txt{float:none;width: 100%;margin: 0;background-size: 100px auto;text-align: center;}
    .intro_a .txt .tit{padding-top:0}
    .intro_a .txt .tit:before{display:none;}
}
@media only screen and (max-width:650px){
    .intro_a .img{margin-left:15px;}
    .intro_a .txt{background: none;}
    .intro_a .txt .tit{margin-bottom: 20px;font-size: 25px;line-height: 1.3;}
    .intro_a .txt .tit:after{bottom: 5px;}
    .intro_a .txt .tit em{display: inline;}
    .intro_a .txt .sub_tit em{display: inline;}
}
@media only screen and (max-width:420px){
    .intro_a .txt .m_tit{background-size:90%;}
}

/* 인사말 B */
.intro_b{position: relative;min-height: 477px;}
.intro_b:after{content:'';display:block;visibility:hidden;clear:both;}
.intro_b .img{position: absolute;right: 0;top: 0;width: 334px;margin-top: 40px;}
.intro_b .img .name{display:block;height: 95px;padding: 35px 30px 0;background:#1161be url(/images/skin/introB_bg.png) no-repeat left bottom;text-align: right;color: rgba(255,255,255,0.55);font-size: 15px;vertical-align: baseline;}
.intro_b .img .name b{display:inline-block;margin-left:10px;font-size:34px;color:#fff;}
.intro_b .txt{position:relative;margin-right: 385px;background: url(/site/common/img/ui/introa_bg1.png) no-repeat right 30px;}
.intro_b .txt .tit{display: block;position: relative;margin-bottom: 30px;padding-top: 50px;font-size: 20px;font-weight: bold;letter-spacing: -2px;line-height: 1.2;color: #333b43;}
.intro_b .txt .tit b{display:inline-block;font-size:38px;color: #2d2d2d;}
.intro_b .txt:before{position: absolute;right: 0;top: 0;width: 248px;height: 112px;background: url(/images/skin/introB_bg2.png)no-repeat;content:'';}
.intro_b .txt .tit .color1{display: inline-block;color: #378be2;font-weight: 700;}
.intro_b .txt .tit .color2{color: #004bb3;font-weight: 700;}
.intro_b .txt .sub_tit{display: block;width: 458px;height: 70px;margin-top: 30px;background: url(/images/fire/sub05/introB_tit.png);font-size: 0;text-indent: -9999px;}
.intro_b .txt strong{font-size:38px;/* font-family: 'nsr'; */letter-spacing: -0.1em;}
.intro_b .txt > p{font-size: 15px;line-height: 1.5;}
.intro_b .txt > p b{display:inline-block;font-weight:700;color:#333b43;}
@media only screen and (max-width:1200px){
    .intro_b .img{position: static;margin:0 auto;}
    .intro_b .txt{margin:0}
}
@media only screen and (max-width:767px){
    .intro_b .txt:before{display:none;}
}
@media only screen and (max-width:650px){
    .intro_b .txt .tit{margin-bottom: 20px;font-size: 25px;line-height: 1.3;}
}
@media only screen and (max-width:540px){
    .intro_b .txt .sub_tit{width:100%;height: 80px;background-size:100%;background-repeat:no-repeat;}
}
@media only screen and (max-width:380px){
    .intro_b .img{width:100%}
}

/* 연혁 A */
.timeline-a{position: relative;background: none;}
.timeline-a .top{position:relative;margin-bottom: 50px;padding-top: 205px;text-align: center;}
.timeline-a .top:before{position:absolute;top: 27px;left: 50%;width:170px;height:149px;margin-left: -85px;background:url(/images/skin/hisA_bg.png);content:'';}
.timeline-a .top strong{display:block;margin-bottom: 10px;font-size:27px;color:#195db9;font-weight:700;line-height: 1.3;}
.timeline-a .top p{margin:0;font-size:22px;color:#666;line-height: 1.3;}
.timeline-a .inner{padding:40px 0 50px 165px;border-bottom:1px solid #d1d3d8;}
.timeline-a .inner strong em.br{display:block;}
.timeline-a .inner:nth-child(2){border-top:2px dotted #ccc;}
.timeline-a .inner:nth-child(2n){background: #f1f2f5;}
.timeline-a .inner strong{display:block;position:absolute;left:50px;font-size:24px;color:#111;font-weight:700;}
.timeline-a .inner ul{min-height:181px;padding-left:28px;border-left:3px solid #2e6cbf;}
.timeline-a .inner ul li{position:relative;margin-bottom:5px;font-size:15px;color:#666}
.timeline-a .inner .txt_list:after{display:block;visibility:hidden;clear:both;content:'';}
.timeline-a .inner .txt_list li{float:left;width:50%;padding-left:19px;}
.timeline-a .inner .txt_list li:before{position:absolute;left:0;top:10px;width:6px;height:6px;background:#3d6cc0;border-radius:50%;content:'';}
.timeline-a .inner .tit_list li{padding-left:78px}
.timeline-a .inner .tit_list li:before{position:absolute;left:60px;top:10px;width:6px;height:6px;background:#3d6cc0;border-radius:50%;content:'';}
.timeline-a .inner .tit_list li b{display:block;position:absolute;left:0;font-size:16px;font-weight:700;color:#0c3786;}

.timeline-a.sub051301 .inner .tit_list li{padding-left:200px}
.timeline-a.sub051301 .inner .tit_list li:before{left:160px;}


@media only screen and (max-width:767px){
    .timeline-a .inner .txt_list li{float:none;width:100%;}
}
@media only screen and (max-width:540px){
    .timeline-a .inner{padding: 30px;}
    .timeline-a .inner strong{position:static;margin-bottom: 10px;font-size: 20px;}
    .timeline-a .inner strong em.br{display:none;}
    .timeline-a .inner ul{min-height:auto;padding: 20px 0 0;border-top:3px solid #2e6cbf;border-left:0;}
}
@media only screen and (max-width:650px){
    .timeline-a.sub051301 .inner .tit_list li{padding-left:0}
    .timeline-a.sub051301 .inner .tit_list li:before{display: none;}
    .timeline-a.sub051301 .inner .tit_list li b{position: relative;}
}

/* 연혁 B */
.timeline-b{position:relative;min-height: 1820px;text-align:center;}
.timeline-b:before{display:block;position:absolute;top: 250px;left:50%;width:1px;height: 80%;background:#d5d5d5;content:'';z-index:-1;}
.timeline-b .timeline__head{display:inline-block;margin-bottom: 60px;}
.timeline-b .timeline__head strong{display:block;width:135px;height:135px;margin: 0 auto;padding: 33px 0 0;background:url(/images/skin/hisB_bg.png);font-size: 32px;color: #015bbd;font-weight: 700;line-height: 1.2;}
.timeline-b .timeline__head strong em{display:block;font-size:22px;font-weight: 700;color:#002d68;}
.timeline-b .timeline__head p{font-size:18px;color:#333;font-weight:700;}
.timeline-b .timeline__body [class^="timeline__"]{position:relative;}
.timeline-b .timeline__body [class^="timeline__"]:before{display:block;position:absolute;top:5px;width:23px;height:23px;background:url(/images/department/depart_common_ir.png) no-repeat -455px -1px;content:'';}
.timeline-b .timeline__body [class^="timeline__"]:first-child{margin-top:0;}
.timeline-b .timeline__body [class^="timeline__"] .title{display:block;width: 100px;height: 100px;margin: 0 auto 20px;border-radius: 50%;color: #fff;font-size: 18px;font-weight:700;line-height: 100px;text-align: center;}
.timeline-b .timeline__body [class^="timeline__"] .title.color1{background: #022D68 url(/images/skin/hisB_icon1.png) no-repeat right bottom;}
.timeline-b .timeline__body [class^="timeline__"] .title.color2{background: #1161be url(/images/skin/hisB_icon2.png) no-repeat right bottom;}
.timeline-b .timeline__body [class^="timeline__"] .title.color3{background: #06819b url(/images/skin/hisB_icon3.png) no-repeat right bottom;}
.timeline-b .timeline__body [class^="timeline__"] .title.color4{background:#3ea5f0 url(/images/skin/hisB_icon4.png) no-repeat right bottom;}
.timeline-b .timeline__body [class^="timeline__"] .bg:before{position: absolute;top:0;background-size: 100%;content:'';}
.timeline-b .timeline__body [class^="timeline__"] .bg1:before{top: 60px;left: 8%;width: 279px;height: 304px;background: url(/images/skin/hisB_img1.png);}
.timeline-b .timeline__body [class^="timeline__"] .bg2:before{right: 70px;width: 229px;height: 409px;background: url(/images/skin/hisB_img2.png);}
.timeline-b .timeline__body [class^="timeline__"] .bg3:before{top:50px;left: 7%;width: 299px;height: 293px;background-image: url(/images/skin/hisB_img3.png);}
.timeline-b .timeline__body [class^="timeline__"] ul li{position:relative;margin:25px 0 0;}
.timeline-b .timeline__body [class^="timeline__"] ul li:before{position:absolute;top:8px;width:7px;height:7px;background:#959595;border-radius:50%;content:'';}
.timeline-b .timeline__body [class^="timeline__"] ul li:first-child{margin:0;}
.timeline-b .timeline__body [class^="timeline__"] ul li b{display:inline-block;position:absolute;top:0;color:#000;font-size:16px;font-weight:bold;}
.timeline-b .timeline__body [class^="timeline__"] ul li span{display:inline-block;color:#000;font-size:16px;}
.timeline-b .timeline__body .timeline__center ul li:before{display:none;}
.timeline-b .timeline__body .timeline__left{margin:50px 0 0;text-align:right;}
.timeline-b .timeline__body .timeline__right{margin:50px 0 0;text-align:left;}
.timeline-b .timeline__body .timeline__left:before{right:50%;margin-right:-11px;}
.timeline-b .timeline__body .timeline__right:before{left:50%;margin-left:-11px;}
.timeline-b .timeline__body .timeline__left ul{margin-right: 38px;padding: 0 50% 0 0;}
.timeline-b .timeline__body .timeline__right ul{margin-left: 38px;padding: 0 0 0 50%;}
.timeline-b .timeline__body .timeline__left ul li{padding: 0 80px 0 0;}
.timeline-b .timeline__body .timeline__right ul li{padding: 0 0 0 90px;}
.timeline-b .timeline__body .timeline__right ul li:before{left: -41px;}
.timeline-b .timeline__body .timeline__left ul li b{right:0;text-align: left;}
.timeline-b .timeline__body .timeline__left ul li:before{right: -42.3px;}
.timeline-b .timeline__body .timeline__right ul li b{left:0;}

@media (max-width:767px) {
    .timeline-b .timeline__body [class^="timeline__"]:before,
    .timeline-b .timeline__body [class^="timeline__"]:after{display:none;}
    .timeline-b .timeline__body [class^="timeline__"]{padding:20px 0;background:#fff;text-align:center;}
    .timeline-b .timeline__body [class^="timeline__"] ul{margin:0;padding: 0;}
    .timeline-b .timeline__body [class^="timeline__"] .bg:before{display:none;}
    .timeline-b .timeline__body [class^="timeline__"] ul li{padding:0;margin:10px 0 0;}
    .timeline-b .timeline__body [class^="timeline__"] ul li:before{display:none}
    .timeline-b .timeline__body [class^="timeline__"] ul li b{display:block;position:static;text-align: center;}
    .timeline-b .timeline__body [class^="timeline__"] ul li b br{display:none;}
}

/* 연혁 C */
.timeline-c{position:relative;margin-top: 57px;padding-left: 400px;}
.timeline-c:before{position:absolute;left: 20px;width:235px;height:551px;background:url(/images/skin/hisD_bg.png);content:'';}
.timeline-c span{display:block;font-size:15px;color:#343b42;}
.timeline-c span b{color:#2479e1;font-weight:700;}
.timeline-c strong{display:block;margin:10px 0 30px;font-weight:700;font-size: 30px;color:#333;}
.timeline-c ul{position:relative;}
.timeline-c ul:before{position:absolute;left: 7px;top: 7px;width:1px;height:100%;background:#0cb0ba;content:'';}
.timeline-c ul li{position:relative;min-height: 40px;margin-bottom: 30px;padding-left: 140px;}
.timeline-c ul li:before{position:absolute;left:0;top: 5px;width: 8px;height: 8px;background:#fff;border:3px solid #2479e1;border-radius:50%;content:'';}
.timeline-c ul li b{display:block;position:absolute;left: 30px;font-size:16px;color:#343b42;font-weight:700;line-height: 1.2;}

@media (max-width:1023px) {
  .timeline-c{margin-top: 0px;padding-left: 300px;}
}
@media (max-width:767px) {
   .timeline-c{padding-left: 0px;}
   .timeline-c:before{display:none;}
   .timeline-c ul li{margin-bottom: 10px;padding-left:30px;}
   .timeline-c ul li b{position:static;margin-bottom:10px}
   .timeline-c ul li b br{display:none;}
   .timeline-c span{display:inline-block;}
}

/* 조직도 대표 */
.organization_a{position:relative;margin:0 auto;width: 100%;font-size:14px;text-align:center;}
.organization_a span{border-radius:5px; display:block; /*margin-left:-58px;*/}
.organization_a span.org_sejong{display:block;width:auto;height: 180px;padding-left: 46px;background: url(/images/skin/org_top.png) no-repeat 50% 50%;font-size: 17px;font-weight:700;line-height: 1.2;color:#fff;text-align: center;padding-top: 100px;}
.organization_a span.org_sejong:before{position:absolute;top: 37px;left: 50%;width:94px;height:53px;margin-left: -26px;background:url(/images/skin/org_logo.png);content:'';}
.org_deputy_mayor_2019{overflow: hidden;margin: 10px auto;}
.org_deputy_mayor_2019 li{padding:10px 0;border-radius:5px;min-width:135px;text-align:center;color:#fff;font-size: 16px;}

.org_deputy_mayor_2019 li a{color:#fff;}
.org_deputy_mayor_2019 li.org_spokesman1{float:left;background-color: #01a3a2;}
.org_deputy_mayor_2020{overflow:hidden;margin: 10px auto;}
.org_deputy_mayor_2020 li{padding:10px 0;border-radius:5px;min-width:135px;text-align:center;color:#fff;font-size: 16px;}
.org_deputy_mayor_2020 li a{color:#fff;}
.org_deputy_mayor_2020 li.org_Operation_support{float:left;background-color: #01a3a2;}
.org_deputy_mayor_2020 li.org_Agriculture_policy{float:right;background-color: #359423;}
.org_deputy_mayor_2021{overflow: hidden;margin:0 -14px 0 0;}
.org_deputy_mayor_2021 li{padding:10px 0;border-radius:5px;min-width:135px;text-align:center;color:#fff;font-size: 16px;}
.org_deputy_mayor_2021 li a { color:#ffffff;}
.org_deputy_mayor_2021 li.org_policy{float:right;background-color: #01a3a2;;display:block; margin: 3% 0 0 60%;}

.org_deputy_mayor_2020 li.org_International_relations{float:right;background-color: #359423;display:block;margin: 3% 0 0 60%;}
.org_deputy_mayor{overflow:hidden;}
.org_deputy_mayor li{padding:10px 0;background-color: #3c82c9;border-radius:5px;min-width:135px;text-align:center;color:#fff;font-size: 16px;}
.org_deputy_mayor li a{color:#fff;}
.org_deputy_mayor li.org_executive{float:left;}
.org_deputy_mayor li.org_political_affairs{float:right; background-color: #3c82c9;}
.organization_a span.org_general_affairs a{display:block;margin:20px auto;padding:10px 0 10px 15px;width:175px;background:#40add1;border-radius:5px;text-align:left;color:#fff;}
.organization_a span.org_general_affairs .plus{background:url(/images/kor/sub01/plus.png) no-repeat 90% 50% #31b8bd;}
.organization_a span.org_general_affairs_2019 a {display: block;margin: 10px auto;padding: 11.5px 0;width: 184px;background: #3c82c9;border-radius: 5px;text-align: center;color: #fff;font-size: 16px;}
.organization_a span.org_general_affairs_2019 .plus {background: #01a3a2;}
.org_department li.department_w{margin-top:20px;background: #f6f6f6;}
.org_department li{display:inline-block;vertical-align: top;width:100%;}
.org_department li:after{display:block;visibility:hidden;clear:both;content:" "}
.organization_a .org_department li b{display: block;width:100%;}
.organization_a .org_department li b a.economy{background:#194B7D;}
.organization_a .org_department li b a{display:block;position:relative;margin-bottom:5px;padding:10px 0;background: #555b69;color:#fff;font-size: 16px;}
.organization_a .org_department li ul{overflow: hidden;width:100%;padding: 10px;}
.organization_a .org_department li ul li{float:left;padding: 0 10px;width: 33.333%;background:url(/images/kor/sub01/organization_bar.gif) no-repeat right 50%;letter-spacing:-1px;line-height: 1.4;text-align: left;}
.organization_a .org_department li ul li a{display: block;position:relative;width: 100%;padding: 0 0px 0 10px;line-height: 1.4;}
.organization_a .org_department li ul li a:before{position:absolute;left: 0;top: 8px;width:3px;height:3px;background:#6a6a6a;border-radius: 50%;content:'';}
.organization_a .org_department li ul li.no_bg{background:none}
.org_department2 li.department_w2{margin-top:20px}
.org_department2 li{display:inline-block;width:100%;}
.org_department2 li:after{display:block;visibility:hidden;clear:both;content:" "}
.organization_a .org_department2 li b{float:left;width:100%;}
.organization_a .org_department2 li b a{display:block;position:relative;margin-bottom:5px;padding:10px 0;background:url(/images/kor/sub01/plus.png) no-repeat 90% 50% #767676;border-radius:5px;color:#fff;}
.organization_a .org_department2 li b a:after{position:absolute;left:50%;bottom:-8px;margin-left:-8px;border-color:#767676 transparent transparent;border-image:none;border-right:8px solid transparent;border-style:solid;border-width:8px 8px 0;content:"";color:#fff;}
.organization_a .org_department2 li ul{float:left;margin-top:5px;padding:7px 0;width:100%;border:1px solid #999;border-radius:5px;}
.organization_a .org_department2 li ul li{float:left;padding-left:5px;width:31%;background:url(/images/kor/sub01/organization_bar.gif) no-repeat right 50%;letter-spacing:-1px;line-height:30px;}
.organization_a .org_department2 li ul li.no_bg{background:none}

.orglink {margin-top: 35px;border-top: 1px dotted #ccc;padding-top: 20px;}

@media only screen and (min-width:480px){
  .org_deputy_mayor li{min-width:175px;}
  .org_deputy_mayor_2019 li{min-width:175px;}
  .org_deputy_mayor_2020 li{min-width:175px;}
  .org_deputy_mayor_2021 li{min-width:175px;}
}

@media only screen and (max-width: 768px){
   .org_deputy_mayor_2021 { margin:0 0 10px 0!important; }
}

@media only screen and (min-width:768px){
  .organization_a .org_wrap{display:block;position:relative;margin:0 auto;width: 507px;}
  .organization_a{height: 1600px;}
  .organization_a:before{position:absolute;/* top: 178px; */ top:58px; left: 50%;width:100%;height: 100%;margin-left: -292px;background: url(/images/skin/org_line.png) no-repeat;content:'';}
  .organization_a span.org_sejong{margin:0 auto;width: 297px;}
  .organization_a span.org_spokesman a{display:block;position:absolute;top: 12px;right: -49px;padding: 11px 0;width: 184px;border-radius:5px;color:#fff;}
  .organization_a span.org_spokesman1{display:block;position:absolute;top:257px;left:13%;padding:10px;width:235px;background-color:#01a3a2;color:#fff}
  .organization_a span.org_policy{display:block;position:absolute;top:278px;left:50%;padding:10px;width:235px;background-color:#40add1;color:#fff}
  .organization_a span.org_executive{display:block;position:absolute;top:257px;left:13%;padding:10px;width:235px;background-color:#40add1;color:#fff}
  .organization_a span.org_political_affairs{display:block;position:absolute;top:278px;left:50%;padding:10px;width:235px;background-color:#40add1;color:#fff}
  .org_deputy_mayor_2019 li.org_spokesman1{position: absolute; bottom:95px; left: -197px;}
  .organization_a ul.org_deputy_mayor_2019{overflow: visible;position:absolute;top:178px;left: 70px;}
  .organization_a ul.org_deputy_mayor_2019 li{width: 184px;}
  .organization_a ul.org_deputy_mayor{position:absolute;top:95px;width: 450px;left: 70px;}
  .organization_a ul.org_deputy_mayor li{width: 184px;}
  .organization_a ul.org_deputy_mayor_2020{position:absolute;top:160px;width:185px;left:70px;}
  .organization_a ul.org_deputy_mayor_2020 li{width: 184px;}
  .organization_a ul.org_deputy_mayor_2021 li{width: 184px;}
  .organization_a span.org_general_affairs{margin-left:-58px;}
  .organization_a span.org_general_affairs_2019{top: 170px;position: absolute;}
  .organization_a span.org_general_affairs a{position:relative;top:152px;padding:10px 0;width:150px;text-align:center;margin-left:5px;float:left; margin-top:40px;}
  .organization_topbox{width:100%;}
  .organization_topbox:after{display:block;visibility:hidden;clear:both;content:" "}
  ul.org_department:after{display:block;visibility:hidden;clear:both;content:" "}
  ul.org_department.right {_float: right; width: 90%;}
  ul.org_department{position:relative;top:210px;left:0;padding: 10px 0 25px;border: 1px solid #dbdbdb;width:90%; display:inline-block;float: left; background:#fff; background-position:right top;}
  ul.org_department20 { background: url(/images/skin/org_line2.png) no-repeat right top #fff; background-size:100% auto;  }
  ul.org_department.right > li.department_w {width: 89%; }

  .department_block:before { content:''; display:block; }

  .organization_a .org_department li{width:28%;}
  .organization_a .org_department li b a{display:block;}
  .organizatorganization_aion .org_department li ul{margin-top:-5px;padding: 20px 0 0 0;width:auto;min-height: 191px;background: #f6f6f6;border-radius:0;}
  .organization_a .org_department li ul li{float:none;width:100%;background:none;text-align: left;}
  .org_department li.department_w{overflow: hidden;min-height: 203px;margin-left:14px;border-radius: 5px;}
  .org_department li.department_w:first-child{margin-left:14px}
  .organization_a .org_department2{position:absolute;width:100%;top:730px;left:0;}
  .org_department2 li.department_w2{border:1px solid #999;border-radius:6px;}
  .organization_a .org_department2 li b{width:auto;}
  .organization_a .org_department2 li b a{margin-bottom:0;width:160px;}
  .organization_a .org_department2 li ul{float:right;margin-top:0;padding:10px 0;width:70%;border:none}
  .organization_a .org_department2 li ul li{line-height:1.6}
  .organization_a .org_department2 li b a{position:relative;background: #767676;}
  .organization_a .org_department2 li b a:after, .organization_a .org_department2 li b a:before{position:absolute;left:100%;top:50%;height:0;width:0;border:solid transparent;content:" ";}
  .organization_a .org_department2 li b a:after{margin-top:-8px;border-width:8px;border-color:rgba(118, 118, 118, 0);border-left-color:#767676;}
  .organization_a .org_department2 li b a:before{margin-top:-8px;border-width:8px;border-color:rgba(118, 118, 118, 0);border-left-color:#767676;}
}
@media only screen and (max-width: 767px){
  .organization_a span.org_sejong{width: 180px;margin: 0 auto;padding: 0;border-radius: 50%;background-position: -80px 0px;line-height: 224px;}
  .organization_a span.org_sejong:before{margin-left: -47px;}
}
@media only screen and (max-width:500px){
  .organization_a .org_department li ul li{width:50%;padding: 0;}
}

/* '22.05.20. 조직도 상단 디자인 변경_syt*/
.orgHead_e{display:inline-block;position:relative;width: 284px;height:60px; background:url(/images/common/orgHead_bg.jpg) no-repeat; box-sizing:border-box;vertical-align:middle; border-radius:5px; margin:0 0 0 46px; }
.orgHead_e p { font-weight:900;font-size: 17px;text-align:center;color:#fff; line-height:60px; margin: 0 0 0 45px; }
.orgHead_e:before { position:absolute; top:10px; left:50%; width:70px; height:53px; margin-left:-120px; background:url(/images/skin/org_logo.png) no-repeat; background-size:100% auto; content:''; }
.orgHead_e_a { display:inline-block; }
@media only screen and (max-width: 767px){
	.orgHead_e { margin:0 0 10px 0; }
}

.orgHead_a{display:inline-block;position:relative;width: 284px;height:60px; background-color:#1d5fc0; font-weight:900;font-size: 17px;text-align:center;color:#fff;line-height:60px;box-sizing:border-box;vertical-align:middle; border-radius:5px; }
.orgHead_a:before{content:"";position:absolute;top: 60px;left: 50%;width:1px;height:45px;background-color:#c6c6c6;}

.orgHead_b{display:inline-block;position:relative;width: 284px;height:60px; background-color:#1d5fc0; font-weight:900;font-size: 17px;text-align:center;color:#fff;line-height:60px;box-sizing:border-box;vertical-align:middle; border-radius:5px; }
/* .orgHead_b > a{display: block;width: 100%;height: 100%;padding-top: 105px;color:#fff;} */
.orgHead_b:before{content:"";position:absolute;top: 60px;left: 50%;width:1px;height:140px;background-color:#c6c6c6;}

.orgHead_c{ margin:0 auto; position:relative;width: 284px;height:60px; background-color:#1d5fc0; font-weight:900;font-size: 17px;text-align:center;color:#fff;line-height:60px;box-sizing:border-box;vertical-align:middle; border-radius:5px; }

.orgHead_d{display:inline-block;position:relative;width: 284px;height:60px; background-color:#1d5fc0; font-weight:900;font-size: 17px;text-align:center;color:#fff;line-height:60px;box-sizing:border-box;vertical-align:middle; border-radius:5px; }
/* .orgHead_b > a{display: block;width: 100%;height: 100%;padding-top: 105px;color:#fff;} */
.orgHead_d:before{content:"";position:absolute;top:60px;left: 50%;width:1px;height:140px;background-color:#c6c6c6;}
.orgHead_d_sub { margin-top:85px!important; }

.orgHead_color1 { background-color:#1d5fc0; }
.orgHead_color2 { background-color:#2784d9; }
.orgHead_color3 { background-color:#01a4bd; }




/* 조직도 공통 B*/
.org_wrap_b {overflow:hidden;position: relative;}
.org_wrap_b .tit{position: absolute;top: 50px;right: 75px;font-size: 19px;color: #231f20;font-weight: 900;text-align: right;opacity: 0.1;letter-spacing: 1px;}
.org_wrap_b .organization{display:inline-block;width:100%; height:auto; }
.org_wrap_b .organization > li{ position:relative;width:100%; height:auto; margin:0 auto;text-align:center; }
.org_wrap_b .organization .step1{display:inline-block;position:relative;width: 297px;height: 180px;margin-left: -39px;padding-left: 45px;background: url(/images/skin/org_top.png) no-repeat;font-weight:900;font-size: 17px;text-align:center;color:#fff;line-height: 224px;box-sizing:border-box;vertical-align:middle;}
.org_wrap_b .organization .step1 > a{display: block;width: 100%;height: 100%;padding-top: 105px;color:#fff;}
.org_wrap_b .organization .step1:before{content:"";position:absolute;top: 179px;left: 56.9%;width:1px;height: 47px;background-color:#c6c6c6;}
.org_wrap_b .organization .step1:after{position:absolute;top: 37px;left: 50%;width:94px;height:53px;margin-left: -26px;background:url(/images/skin/org_logo.png);content:'';}
.org_wrap_b .organization .step1_1{display: block;position: relative;width: 180px;height: 54px;margin: 40px auto 0;border-radius: 5px;background-color: #555b69;line-height: 54px;}
.org_wrap_b .organization .step1_1 a{display: block;width: 100%;height: 100%;line-height: 54px;font-size: 14px;color:#fff;letter-spacing: -0.1em;}
.org_wrap_b .organization > li > .group1{margin-top: 15px;}
.org_wrap_b .organization > li > .group1 li{position: relative;width: 100%;}
.org_wrap_b .organization > li > .group1 li:before{content:""; position:absolute; top:30px; left:53%;width:5%; height:1px; background-color:#e3e4e5;  transform:translateX(-50%);}
.org_wrap_b .organization > li > .group1 li .step1_1{position:relative;width: 158px;margin-left: 55%;background-color:#6d6d6d; font-size:16px; color:#fff; line-height:54px; }
.org_wrap_b .organization > li > .group2{position: relative; width:100%;height: auto; padding:0; margin:90px 0 0 0;}
.org_wrap_b .organization > li > .group2:before{content:"";position:absolute;top:-45px;left: 50%;width: 66.3%;height:1px;background-color:#e3e4e5;transform:translateX(-50%);}
.org_wrap_b .organization > li > .group2.col1:before{width:0;}
.org_wrap_b .organization > li > .group2.col2:before{width:50%;}
.org_wrap_b .organization > li > .group2.col4:before{width:75%;}
.org_wrap_b .organization > li > .group2.col5:before{width:80%;}
.org_wrap_b .organization > li > .group2 li{float: left;width:33.3%;}
.org_wrap_b .organization > li > .group2.col1 li{width: 100%;}
.org_wrap_b .organization > li > .group2.col2 li{width: 50%;}
.org_wrap_b .organization > li > .group2.col3 > li{width:33.3%;}
.org_wrap_b .organization > li > .group2.col4 > li{width:25%;}
.org_wrap_b .organization > li > .group2.col5 li{width:20%;}
.org_wrap_b .organization > li > .group2.col6 li{width:16.66%;}
.org_wrap_b .organization > li > .group2 li .step2:before{content:""; position:absolute; top:-45px; left:50.4%;width:1px; height:66px; background-color:#c6c6c6; }
.org_wrap_b .organization > li > .group2.col1 li .step2:before{left: 50.1%;}
.org_wrap_b .organization > li > .group2 li ul{ margin-top:7px;}
.org_wrap_b .organization .step2{display: block;position:relative;width: 95%;margin: 0 auto;background-color: #555b69;font-size:16px;color:#fff;line-height:54px;border-radius:5px;font-size: 14px;letter-spacing: -0.1em;}
.org_wrap_b .organization .step2 > a{display: block;width: 100%;height: 100%;color:#fff;line-height: 45px;}
.org_wrap_b .organization .step3{ background-color:#707070; font-size:18px; color:#fff; line-height:54px;}
.org_wrap_b .organization .group2 .list-fire{margin-top:0;}
.org_wrap_b .organization .group2 .list-fire > li{width:80%;margin-left:10%;padding:10px 0;border:1px solid #ccc;border-bottom:0;letter-spacing: -0.1em;}
.org_wrap_b .organization .group2 .list-fire.list-fire-blue > li{border:1px solid #4d89d5;border-bottom:0;}
.org_wrap_b .organization .group2 .list-fire.list-fire-blue > li:last-child{border-bottom:1px solid #4d89d5;}
.org_wrap_b .organization .group2 .list-fire li:last-child{border-bottom:1px solid #ccc;}

@media only screen and (max-width:767px){
      .org_wrap_b .organization .step1{width: 180px;margin: 0 auto;padding: 0;border-radius: 50%;background-position: -80px 0px;}
      .org_wrap_b .organization .step1:before{left:50%}
      .org_wrap_b .organization .step1:after{margin-left: -47px;}
}

@media(max-width:640px){
    .sub010201 .org_wrap_b .organization .group2 .list-fire > li{width:90%;margin-left:5%;}
}

/* 찾아오시는길 */
.ui-map-area{border: 1px solid #e5e6e7;}
.ui-map-area .ui-map{height: 310px;}
.ui-map-info{position: relative;top: auto;background: #f7f8fa;}
.ui-map-info .map-tit{display: none;}
.ui-map-info .cont-box{padding: 30px 135px 30px 55px;border-left: 0;}
.ui-map-info .cont-box .info_list:after{display: block;visibility: hidden;clear: both;content: '';}
.ui-map-info .cont-box .info_list > li{display: block;float:left;position: relative;width: 47%;min-height: 81px;padding: 12px 0 0 100px;vertical-align: middle;text-align: left;}
.ui-map-info .cont-box .info_list > li + li{margin-left:3%}
.ui-map-info .cont-box .info_list > li span{display:block;position: absolute;left: 0;top: 0;width: 81px;height: 81px;background: #fff url(/images/skin/ir.png);border-radius: 50%;border: 1px solid #dedede;}
.ui-map-info .cont-box .info_list > li .icon1{background-position: -2px -268px;}
.ui-map-info .cont-box .info_list > li .icon2{background-position: -83px -268px;}
.ui-map-info .cont-box .info_list > li .icon3{background-position: -160px -268px;}
.ui-map-info .cont-box .info_list > li b{display: block;}
.ui-map-info .btn_map{position: absolute;right:40px;top:32px;}
.ui-map-info .btn_map a{display: block;position: relative;width:96px;height: 77px;padding-top: 20px;background: #5c627c;color: #fff;line-height: 1.2;text-align:center;}
.ui-map-info .btn_map a:after{position: absolute;left: 50%;bottom: 18px;width:18px;height: 11px;margin-left: -9px;background: url(/images/skin/map_arr.png);content:'';}
.ui-map-info.type2 .cont-box{padding: 30px 55px;}
.ui-map-info.type2 .cont-box .info_list > li{width: 45%;margin:0;}
.ui-map-info.type2 .cont-box .info_list > li:nth-child(2),
.ui-map-info.type2 .cont-box .info_list > li:nth-child(3){width: 27%;}
.ui-map-info.type2 .cont-box .info_list > li span{width: 79px;height: 79px;}
.ui-map-info.type2 .btn_map{top: -43px;right: 0;z-index: 1;}
.ui-map-info.type2 .btn_map a{width:103px;height:43px;padding: 0px 15px;line-height:43px;text-align: left;}
.ui-map-info.type2 .btn_map a:after{margin-left: 16px;}
.ui-map-info.type2.sub02 .cont-box .info_list > li{width: 50%;margin:0;}
.ui-location-info .items .item{float:none;width: 100%;min-height: 180px;padding-left: 210px;margin-bottom: 30px;}
.ui-location-info .items .item .tit{display: block;position: absolute;left: 0;width:150px;padding:110px 0 0;text-align: center;font-size:17px;color:#114ab0;font-weight: 700;line-height: 1.2;}
.ui-location-info .items .item .icon{position: absolute;top: auto;left: 50%;top: 0;width:90px;height: 90px;margin-left: -45px;background: #f0f1f6 url(/images/skin/ir.png);border-radius: 50%;}
.ui-location-info .items .item .icon.icon-bus{background-position: 0 -349px;}
.ui-location-info .items .item .icon.icon-car{background-position: -180px -349px;}
.ui-location-info .items .item .icon.icon-walk{background-position: -357px -346px;}
.ui-location-info .items .item .icon.icon-train{background-position: -90px -349px;}
.ui-location-info .items .item .icon.icon-bus2{background-position: -270px -340px;}
.ui-location-info .items .item .icon.icon-airport{background-position: -428px -350px;}
.ui-location-info .items .item .cont-box{margin: 0;border:2px solid #313131;border-width:2px 0 1px;}
.ui-location-info .items .item .cont-box .inner{overflow: hidden;position: relative;padding: 19px 0 17px 20px;border-bottom: 1px solid #d6d6d6;font-size: 15px;color: #2f2f2f;}
.ui-location-info .items .item .cont-box .inner:last-child{border:0;}
.ui-location-info .items .item .cont-box .inner strong{display:block;float: left;width: 30%;left: 25px;max-width: 160px;font-size:15px;color:#2f2f2f;line-height: 1.2;font-weight: 700;}
.ui-location-info .items .item .cont-box .inner .txt{float: left;width:65%;padding-left:3%;border-left:1px solid #ddd;margin-left:5%;}
.ui-location-info .items .item .cont-box .inner .txt a,
.ui-location-info .items .item .cont-box .inner .txt ul li,
.ui-location-info .items .item .cont-box .inner .txt p{margin: 0;font-size:15px;color:#2f2f2f;font-weight: 400;}
.ui-location-info .items .item .cont-box .inner .txt ul{margin-top:0}
.ui-location-info .items .item .txt-tip{color:#2f2f2f;}
.ui-location-info .items .item .txt-tip:before{background:url(/images/skin/txt-tip.png)}
.ui-location-info .items .item .cont-box .inner .txt .btn-default:focus,.ui-location-info .items .item .cont-box .inner .txt .btn-default:hover{color:#fff}

@media only screen and (max-width:1199px){
    .ui-map-area .ui-map-info .cont-box{padding:0 135px 0 30px;}
    .ui-map-area .ui-map-info .btn_map{right:30px;}

    .ui-location-info .items .item{padding-left:170px;}
    .ui-location-info .items .item .tit{width:160px;}
}
@media only screen and (max-width:900px){
    .ui-map-info{padding:20px 0}
    .ui-map-info .cont-box{padding:0 20px}
    .ui-map-info.type2 .cont-box{padding:0 20px}
    .ui-map-info .btn_map{position: static;}
    .ui-map-info .btn_map a{width: 120px;height: 50px;margin:10px auto 0;padding: 0px 20px 0;text-align: left;line-height: 50px;}
    .ui-map-info .btn_map a:after{left:auto;right:20px;top:50%;margin:-5.5px 0 0}
}
@media only screen and (max-width:767px){
    .ui-map-info .cont-box .info_list > li,
    .ui-map-info.type2 .cont-box .info_list > li,
    .ui-map-info.type2 .cont-box .info_list > li:nth-child(2), .ui-map-info.type2 .cont-box .info_list > li:nth-child(3){float:none;width:100%;min-height: 100%;margin-bottom: 10px;padding: 0;}
    .ui-map-info.type2.sub02 .cont-box .info_list > li{width: 100%;margin-bottom:10px;}
    .ui-map-info .cont-box .info_list > li + li{margin-left:0}
    .ui-map-info .cont-box .info_list > li span{display: none;}

    .ui-location-info .items .item{padding:0}
    .ui-location-info .items .item .tit{position: relative;width: auto;padding-bottom: 20px;}
    .ui-location-info .items .item .icon{display: block;position: relative;bottom:auto;left:auto;margin: 0 auto 10px;}
}
@media only screen and (max-width:500px){
    .ui-location-info .items .item .cont-box .inner strong,
    .ui-location-info .items .item .cont-box .inner .txt{float:none;width:100%;max-width: 100%;margin-bottom: 10px;border: 0;}
}

/* 조직 및 연락처 */
.ui-info-text{margin-left: -1%;}
.ui-info-text:after{content:"";display:block;clear:both;visibility:hidden;}
.ui-info-text .col{display: table-cell;float:left;margin: 0 0 1% 1%;}
.ui-info-text .col .item{position:relative;padding:18px;padding-bottom:60px;border:1px solid #d7d7d7;min-height:260px;}
.ui-info-text .col .item.nob{padding-bottom:20px;}
.ui-info-text .col .item strong,
.ui-info-text .col .item .text,
.ui-info-text .col .item .sinfo{display:block}
.ui-info-text .col .item strong{display:block;position:relative;margin-bottom:15px;padding-bottom:5px;color:#121212;font-size:20px;font-family:'nsr';font-weight:600;line-height:1.4;word-wrap:break-word;word-break:keep-all;}
.ui-info-text .col .item strong i{display:block;font-size:15px;font-family:'nsr';font-weight:600;}
.ui-info-text .col .item strong:after{content:"";display:block;position:absolute;bottom:0;left:0;width:25px;height:1px;background-color: #022D68;}
.ui-info-text .col .item .text{font-family:'nsr';font-size:14px;line-height:1.3;color:#777;word-wrap:break-word;word-break:keep-all;}
.ui-info-text .col .item .text i{font-weight: 600;font-family:'nsr';color:#333}
.ui-info-text .col .item .sinfo{display:block;position:absolute;bottom:0;left:0;width:100%;padding:10px 18px;border-top:1px solid #d7d7d7;font-family:'nsr';font-size:13px;line-height:1.3;color:#777}
.ui-info-text .col .item .sinfo *{vertical-align:middle}
.ui-info-text .col .item .sinfo i{display: inline-block;margin-right:5px;position:relative;top:-2px;width: 23px;height: 23px;background: url(/images/skin/ir.png) 0 -442px;}
.ui-info-text.col1 .col {margin-left: 0;margin-right: 0;margin-bottom: 0;margin-top: -1px;width: 100%;}
.ui-info-text.col1 .col:first-child {margin-top: 0;}
.ui-info-text.col2 .col{width:49%}
.ui-info-text.col3 .col{width:32.33%}
.ui-info-text.col4 .col{width:24%}
.ui-info-text.col1 .col .item {padding: 30px;padding-bottom: 30px;min-height: auto;}
.ui-info-text.col1.item-date .col .item{padding-bottom:80px;}
.ui-info-text.col1 .col .item.item-img{padding-left:200px;position:relative;min-height:210px}
.ui-info-text.col1 .col .item.item-img .img{position:absolute;top:30px;left:15px;width:150px;}
.ui-info-text.col1 .col .text {margin-bottom: 10px;}
.ui-info-text.col1 .col .item .text:first-child {font-weight: bold;font-size: 16px;}

@media all and (max-width:959px) {
    .ui-info-text.col3 .col,
    .ui-info-text.col4 .col{width:49%}
}
@media all and (max-width:639px) {
    .ui-info-text .col{float:none;display:block;margin:0;}
    .ui-info-text.col2 .col,
    .ui-info-text.col3 .col,
    .ui-info-text.col4 .col{width:100%;margin-bottom: 10px;}
	.ui-info-text.col1 .col .item.item-img{padding-left:30px;position:relative;min-height:auto}
	.ui-info-text.col1 .col .item.item-img .img{display:block;position:relative;top:auto;left:auto;margin:0 auto;}
}

/* 바로가기 일러스트형 */
.link_a{position: relative;min-height: 258px;padding: 40px 50px 30px 305px;border: 5px solid #e8ebee;}
.link_a:before{position: absolute;top:35px;left:50px;width:197px;height: 176px;background: url(/images/skin/linkA_icon.png);content: '';}
.link_a strong{display:block;font-size:22px;color:#000;font-weight:700;}
.link_a p,
.link_a ul li{margin:0;padding-left:15px;font-size:15px;line-height:1.5}
.link_a ul li:before{width:7px;height:3px;background:#797d81;border-radius:2px;}

@media all and (max-width:999px) {
    .link_a{min-height: 100%;padding:20px}
    .link_a:before{display: none;}
}

/* 바로가기 가로형 */
.link_b{position: relative;min-height: 294px;padding: 55px 400px 55px 55px;border: 1px solid #d2d7dd;}
.link_b:before{position: absolute;top: 40px;right: 25px;width:296px;height: 209px;background: url(/images/skin/linkB_icon.png);content: '';}
.link_b strong{display:block;font-size: 25px;color:#000;font-weight: 500;}
.link_b p{margin-bottom:20px}

@media all and (max-width:999px) {
    .link_b{min-height: 100%;padding:20px}
    .link_b:before{display: none;}
}

/* 바로가기 아이콘형 */
.ui-list__column .inner .circle.icon{width: 117px;height: 117px;background: #f3f4f9;}
.ui-list__column .inner .circle.icon .ir-icon{width: 134px;height: 127px;background:url(/images/skin/ir.png);}
.ui-list__column .inner .circle.icon1 .ir-icon{background-position:0 -137px;}
.ui-list__column .inner .circle.icon2 .ir-icon{background-position:-137px -137px;}
.ui-list__column .inner .circle.icon3 .ir-icon{background-position: -274px -137px;}
.ui-list__column .inner .circle.icon4 .ir-icon{background-position: -412px -137px;}
.ui-list__column .inner .circle.icon5 .ir-icon{background-position: -550px -137px;}
.ui-list__column .inner .circle.icon6 .ir-icon{background-position: -686px -137px;}
.ui-list__column .inner .circle.icon7 .ir-icon{background-position: -822px -137px;}
.ui-list__column .inner .circle.icon8 .ir-icon{background-position: -960px -137px;}
.ui-list__column .inner .circle.icon9 .ir-icon{background-position: -1099px -137px;}
.ui-list__column .inner .circle.icon10 .ir-icon{background-position: -1234px -137px;}
.ui-list__column .inner .ui-summary strong{color: #1d5ea1;}
.ui-list__column .inner .ui-summary .btn{display: block;width:148px;height:37px;margin: 20px auto 0;padding: 8px 30px 8px 20px;}


.ui-list__card .obj .item .card--body{text-align: center;}
.ui-link-list li{width:100%;margin:0 1% 1% 0;padding:0}
.ui-link-list.col2 li{width:49.5%;}
.ui-link-list.col3 li{width: 32.6%;}
.ui-link-list.col2 li:nth-child(2n){margin-right:0}
.ui-link-list.col3 li:nth-child(3n){margin-right:0}
.ui-link-list .item .ui-link__title{padding:0}
.ui-link-list .item .ui-link__click{top:11px;min-width: auto;}

@media only screen and (max-width: 820px){
    .ui-link-list.col2 li,
    .ui-link-list.col3 li{width:100%;margin-right:0;}
}

/* 리스트 A */
.list_a.ui-list__bodo.type2{border-top:2px solid #4c8fd4;border-bottom:1px solid #ddd}
.list_a.ui-list__bodo.type2 .inner{min-height:133px;padding: 40px 15px 20px 120px;background: none;border: 0;border-bottom: 1px dashed #b8b8b8;}
.list_a.ui-list__bodo.type2 .inner:last-child{border:0}
.list_a.ui-list__bodo .inner .circle.icon{height:53px;left: 30px;top: 44px;background: url(/images/skin/ir.png);border-radius: 0;font-size: 0;}
.list_a.ui-list__bodo .inner .circle.icon1{width:47px;border-radius: 0;background-position: -1px -467px;}
.list_a.ui-list__bodo .inner .circle.icon2{width:50px;background-position: -50px -467px;}
.list_a.ui-list__bodo .inner .circle.icon3{width:53px;height: 50px;background-position: -102px -467px;}
.list_a.ui-list__bodo .inner .circle.icon4{width:46px;height: 40px;background-position: -155px -467px;}
.list_a.ui-list__bodo .inner .circle.icon5{width:40px;background-position:-205px -467px;}
.list_a.ui-list__bodo .inner .circle.icon6{width:55px;height:56px;background-position:-262px -465px;}
.list_a.ui-list__bodo .inner .circle.icon7{width:51px;background-position:-330px -467px;}
.list_a.ui-list__bodo .inner .circle.icon8{width:50px;background-position:-395px -467px;}
.list_a.ui-list__bodo .inner .circle.icon9{width:55px;background-position:-457px -467px;}
.list_a.ui-list__bodo .inner .circle.icon10{width:54px;background-position:-522px -467px;}
.list_a.ui-list__bodo .inner .circle.icon11 {width: 53px;background-position: -588px -467px;}
.list_a.ui-list__bodo .inner .circle.icon12 {width:56px;background-position:-651px -467px;}
.list_a.ui-list__bodo .inner .circle.icon13 {background-position:-713px -467px;}
.list_a.ui-list__bodo .inner .circle.icon14 {background-position: -785px -466px;}
.list_a.ui-list__bodo .inner .circle.icon15 {background-position: -860px -466px;height: 55px;}
.list_a.ui-list__bodo .inner .circle.icon16 {background-position: -935px -466px;}
.list_a.ui-list__bodo .inner .circle.icon17 {background-position: -1007px -466px;height: 55px; width: 51px;}
.list_a.ui-list__bodo .inner .circle.icon18 {width: 51px;background-position: -1007px -467px;}
.list_a.ui-list__bodo .inner .circle.icon19 {width: 60px;height: 54px;background-position: -1069px -463px;}
.list_a.ui-list__bodo .inner .circle.icon22 {width: 46px;background-position: -1381px -467px;}
.list_a.ui-list__bodo .inner .circle.icon23 {width: 46px;background-position: -1439px -467px;}
.list_a.ui-list__bodo .inner .circle.icon24 {width: 46px;background-position: -1499px -467px;}
.list_a.ui-list__bodo .inner .circle.icon25 {width: 48px;background-position: -1553px -467px;}
.list_a.ui-list__bodo .inner .circle.icon26 {width: 48px;background-position: -1614px -467px;}
.list_a.ui-list__bodo .inner .circle.icon27 {width: 48px;background-position: -1669px -467px;}
.list_a.ui-list__bodo .inner .circle.icon28 {width: 48px;background-position: -1722px -467px;}
.list_a.ui-list__bodo .inner .circle.icon29 {width: 50px;background-position: -1779px -467px;}
.list_a.ui-list__bodo .inner .circle.icon30 {width: 50px;height: 54px;background-position: -1846px -466px;}
.list_a.ui-list__bodo .inner .circle.icon31 {width: 50px;height: 54px;background-position: -1907px -466px;}
.list_a.ui-list__bodo .inner .circle.icon32 {width: 50px;height: 54px;background-position: -1964px -466px;}
.list_a.ui-list__bodo .inner .circle.icon33 {width: 50px;height: 54px;background-position: -2018px -466px;}
.list_a.ui-list__bodo .inner .circle.icon34 {width: 54px;height: 54px;background-position: -2077px -466px;}
.list_a.ui-list__bodo .inner .circle.icon35 {width: 54px;height: 54px;background-position: -2146px -466px;}
.list_a.ui-list__bodo .inner .circle.icon37 {width: 54px;height: 54px;background-position: -2264px -466px;}
.list_a.ui-list__bodo .inner .circle.icon38 {width: 54px;height: 54px;background-position: -2318px -466px;}
.list_a.ui-list__bodo .inner .circle.icon39 {background-position: -801px -521px;}
.list_a.ui-list__bodo .inner .circle.icon40 {background-position: -869px -521px;}
.list_a.ui-list__bodo .inner .circle.icon41 {background-position: -932px -521px;}
.list_a.ui-list__bodo .inner .circle.icon42 {background-position: -1000px -521px;}


.list_a.ui-list__bodo .inner .ui-bodo__summary strong{font-size:17px;color:#1f1f1f;}

@media only screen and (max-width: 560px){
    .list_a.ui-list__bodo.type2 .inner{padding:30px}
    .list_a.ui-list__bodo .inner .circle.icon{position: static;margin: 0 auto 10px;}
}

/* 리스트 B */
.list_b.ui-list__bodo.type1 .inner{min-height:117px;margin-bottom: 12px;padding-top:35px;padding-left:145px;background:none;}
.list_b.ui-list__bodo .inner .circle{left:40px;width: auto;height: auto;border-radius: 0;color:#e5e5e5;font-size:60px;font-weight: 300;}
.list_b.ui-list__bodo .inner .circle b{display: inline-block;position: relative;right: -5px;width:53px;height: 53px;padding: 8px 0 0;background: #2678cc;border-radius: 50%;font-size: 14px;line-height: 1.3;color: #fff;vertical-align: middle;}
.list_b.ui-list__bodo .inner .ui-bodo__summary strong{font-size:15px}

@media only screen and (max-width: 560px){
    .list_b.ui-list__bodo.type1 .inner{padding: 15px 30px 30px;}
    .list_b.ui-list__bodo .inner .circle{position: static;margin:0 auto 10px}
}

/* 리스트 C */
.list_c.ui-list__bodo .inner{width: 50%;min-height:152px;padding: 35px 40px 30px 125px;}
.list_c.ui-list__bodo .inner .ui-bodo__summary strong{font-size:16px}
.list_c.ui-list__bodo .inner .circle{top: 50px;left: 40px;border-radius: 0;background: url(/images/skin/ir.png);}
.list_c.ui-list__bodo .inner .icon1{width:50px;height:49px;background-position: -1px -522px;}
.list_c.ui-list__bodo .inner .icon2{width: 54px;height: 42px;background-position: -51px -522px;}
.list_c.ui-list__bodo .inner .icon3{width: 45px;height: 47px;background-position: -108px -522px;}
.list_c.ui-list__bodo .inner .icon4{width: 53px;height: 52px;background-position: -155px -522px;}
.list_c.ui-list__bodo .inner .icon5{width: 53px;height: 52px;background-position: -215px -522px;}
.list_c.ui-list__bodo .inner .icon6{width: 50px;height: 52px;background-position: -269px -522px;}
.list_c.ui-list__bodo .inner .icon7{width: 50px;height: 52px;background-position: -323px -522px;}
.list_c.ui-list__bodo .inner .icon8{width: 50px;height: 49px;background-position: -383px -522px;}
.list_c.ui-list__bodo .inner .icon9{width: 55px;height: 49px;background-position: -435px -520px;}
.list_c.ui-list__bodo .inner .icon10{width: 55px;height: 49px;background-position: -495px -522px;}
.list_c.ui-list__bodo .inner .icon11{width: 59px;height: 49px;background-position: -557px -521px;}
.list_c.ui-list__bodo .inner .icon12{width: 59px;height: 49px;background-position: -621px -522px;}
.list_c.ui-list__bodo .inner .icon13{width: 53px;height: 49px;background-position: -684px -522px;}
.list_c.ui-list__bodo .inner .icon14{width: 53px;height: 49px;background-position: -742px -522px;}

@media only screen and (max-width: 768px){
    .list_c.ui-list__bodo .inner{width:100%;padding:30px}
    .list_c.ui-list__bodo .inner .circle{position: static;margin:0 auto 10px}
}

/* 리스트 D */
.list_d.ui-list__bodo .inner{width: 49%;min-height:152px;margin-right: 2%;margin-bottom: 2%;padding: 35px 40px 30px 125px;}
.list_d.ui-list__bodo .inner:nth-child(2n){margin-right:0;}
.list_d.ui-list__bodo .inner .ui-bodo__summary strong{font-size:16px}
.list_d.ui-list__bodo .inner .circle{top: 30px;left: 35px;width: 80px;height: 80px;background: #f0f1f6 url(/images/skin/ir.png);}
.list_d.ui-list__bodo .inner .icon1{background-position: 0 -577px;}
.list_d.ui-list__bodo .inner .icon2{background-position: -80px -577px;}
.list_d.ui-list__bodo .inner .icon3{background-position: -160px -577px;}
.list_d.ui-list__bodo .inner .icon4{background-position: -240px -577px;}
.list_d.ui-list__bodo .inner .icon5{background-position: -320px -577px;}
.list_d.ui-list__bodo .inner .icon6{background-position: -400px -577px;}
.list_d.ui-list__bodo .inner .icon7{background-position: -480px -577px;}
.list_d.ui-list__bodo .inner .icon8{background-position: -560px -577px;}
.list_d.ui-list__bodo .inner .icon9{background-position: -640px -577px;}
.list_d.ui-list__bodo .inner .icon10{background-position: -722px -577px;}
.list_d.ui-list__bodo .inner .icon11{background-position: -800px -577px;}
.list_d.ui-list__bodo .inner .icon12{background-position: -880px -577px;}
.list_d.ui-list__bodo .inner .icon19{background-position: -1374px -575px;}
.list_d.ui-list__bodo .inner .icon20{background-position: -1444px -575px;}

@media only screen and (max-width: 768px){
    .list_d.ui-list__bodo .inner{width:100%;padding:30px}
    .list_d.ui-list__bodo .inner .circle{position: static;margin:0 auto 10px}
}

/* 리스트 D */
.icon_c{border-top: 2px solid #2678cc;}
.icon_c:after{content:"";display:block;clear:both;visibility:hidden;}
.icon_c .uiwrap{overflow: hidden;min-height: 147px;border-bottom:1px solid #dcdcdc; }
.icon_c .ui.uit{ position: relative;min-height: 60px;background: none;}
.icon_c .ui.uit +  .ui.uit{border-top:1px solid #dcdcdc }
.icon_c .ui.uit .inner { position: relative; padding: 25px;}
.icon_c .ui.uit .inner .ico{display: block;overflow: hidden;margin: 0 auto 15px; width: 60px; height: 60px;background: url(/images/skin/iconc_icon.png) no-repeat;}
.icon_c .ui.uit .inner .oico1 { background-position: 0px 0;}
.icon_c .ui.uit .inner .oico2 { background-position: -60px 0; }
.icon_c .ui.uit .inner .oico3 { background-position: -120px 0;}
.icon_c .ui.uit .inner .oico4 { background-position: 0px -60px;}
.icon_c .ui.uit .inner .oico5 { background-position: -60px -60px;}
.icon_c .ui.uit .inner .oico6 { background-position: -120px -60px;}
.icon_c .ui.uit .inner .oico7 { background-position: 0px -120px;}
.icon_c .ui.uit .inner .oico8 { background-position: -60px -120px;}
.icon_c .ui.uit .inner .oico9 { background-position: -120px -120px;}
.icon_c .ui.uit .inner .oico10 { background-position: 0px -180px;}
.icon_c .ui.uit .inner .oico11 { background-position: -60px -180px;}
.icon_c .ui.uit .inner .oico12 { background-position: -120px -180px;}
.icon_c .ui.uit .inner .oico13 { background-position: 0px -240px;}
.icon_c .ui.uit .inner .txtwrap { position: relative;}
.icon_c .ui.uit .inner .txtwrap .tit_inner { margin-bottom: 5px; color: #348c01; font-size: 20px; line-height: 22px; height:auto; padding-top:0; border-bottom:0; }
.icon_c .ui.uit .inner .txtwrap ul{margin:0}

@media only screen and (min-width: 425px){
	.icon_c .uiwrap{width: 50%;float: left;}
}
@media only screen and (min-width: 700px){
    .icon_c .ui.uit .inner { padding: 40px 50px 40px 130px; }
    .icon_c .ui.uit .inner .large{ position: absolute; top: 20px; left: 40px;}
    .icon_c .ui.uit .tit_inner,
    .icon_c .ui.uit .inner p {margin: 0;text-align: left;}
}
@media only screen and (min-width: 850px){
    .icon_c .uiwrap{padding: 30px 0;float: none;width: auto;}
    .icon_c .ui.uit{overflow: hidden;float: left;width: 33.3%;}
    .icon_c .ui.uit +  .ui.uit{ border-top: 0;border-left: 1px dashed #bfbfbf;}
    .icon_c .ui.uit .inner { padding: 5px 50px 0px 130px; }
    .icon_c .ui.uit .inner .large{top: 0}
}

.icon_d{overflow: hidden;border-top: 2px solid #2678cc;}
.icon_d .ui.uit{position: relative;padding: 30px;background: none;border: 1px solid #dcdcdc;margin-top: -1px;}
.icon_d .ui.uit .inner { position: relative;min-height: 60px;padding: 0}
.icon_d .ui.uit .inner .tit_inner {height:auto;margin: 0px;padding-top:0;border-bottom:0;color: #333;font-size: 18px;line-height: 20px;}
.icon_d .ui.uit .inner .ico{display: block;overflow: hidden;width: 60px;height: 60px;background: url(/images/skin/iconc_icon.png) no-repeat;}
.icon_d .ui.uit .inner .oico1 { background-position: 0px 0;}
.icon_d .ui.uit .inner .oico2 { background-position: -60px 0; }
.icon_d .ui.uit .inner .oico3 { background-position: -120px 0;}
.icon_d .ui.uit .tit_inner {height:auto;margin: 0px;padding-top:0;border-bottom:0;color: #333;font-size: 18px;line-height: 20px;}
.icon_d .ui.uit .inner .txtwrap { position: relative;}
.icon_d .ui.uit .inner .txtwrap .point_box{margin-top: 30px;padding: 25px;background: #f8f8f8;}

@media only screen and (min-width: 640px){
    .icon_d .ui.uit .inner {padding: 0 0px 0px 90px;}
    .icon_d .ui.uit .inner .large{ position: absolute; top: 0px; left: 0px;}
}
@media only screen and (min-width: 1000px){
    .icon_d .ui.uit{overflow: hidden;float: left;width: 50%;margin: -1px -1px 0 0;padding: 30px;}
    .icon_d .ui.uit .inner .large{top: 0;}
}

/* 이용절차 type A */
.ui-process.type10 li{margin-bottom: 40px;}
.ui-process.type10 li:nth-child(5),
.ui-process.type10 li:nth-child(6),
.ui-process.type10 li:nth-child(7),
.ui-process.type10 li:nth-child(8){float:right;}
.ui-process.type10 li .inner:before{position: absolute;top: 54px;right: 0;width: 8px;height: 8px;border: 1px solid #9fa1a7;border-width: 3px 3px 0 0;background: none;border-radius: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);content: '';}
.ui-process.type10 li:nth-child(4) .inner:before{top: auto;left: 50%;bottom: -20px;transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.ui-process.type10 li:nth-child(5) .inner:before,
.ui-process.type10 li:nth-child(6) .inner:before,
.ui-process.type10 li:nth-child(7) .inner:before{right:auto;left:0;transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.ui-process.type10 li .circle{width:97px;height:96px;background:#f3f4f9;}
.ui-process.type10 li .ir-icon__line{width:97px;height:96px;background:url(/images/skin/ir.png)}
.ui-process.type10 li .ir-icon__line.icon1{background-position:-4px -658px}
.ui-process.type10 li .ir-icon__line.icon2{background-position:-97px -660px}
.ui-process.type10 li .ir-icon__line.icon3{background-position: -197px -660px;}
.ui-process.type10 li .ir-icon__line.icon4{background-position: -290px -660px;}
.ui-process.type10 li .ir-icon__line.icon5{background-position: -387px -660px;}
.ui-process.type10 li .ir-icon__line.icon6{background-position: -482px -660px;}
.ui-process.type10 li .ir-icon__line.icon7{background-position: -566px -658px;}
.ui-process.type10 li .ir-icon__line.icon8{background-position: -656px -659px;}
.ui-process.type10 li .ir-icon__line.icon9{background-position: -748px -663px;}
.ui-process.type10 li .ir-icon__line.icon10{background-position: -842px -658px;}
.ui-process.type10 li .ir-icon__line.icon11{background-position: -928px -660px;}
.ui-process.type10 li .ir-icon__line.icon12{background-position: -1021px -663px;}
.ui-process.type10 li .ir-icon__line.icon13{background-position: -1113px -663px;}
.ui-process.type10 li .ir-icon__line.icon14{background-position: -1200px -663px;}
.ui-process.type10 li .ir-icon__line.icon15{background-position: -1268px -663px;}
.ui-process.type10 li strong{font-weight:700;color:#444647}

@media only screen and (max-width: 768px){
	.ui-process.type10 li:nth-child(5),
	.ui-process.type10 li:nth-child(6),
	.ui-process.type10 li:nth-child(7),
	.ui-process.type10 li:nth-child(8){float:left;}
	.ui-process.type10 li:nth-child(4) .inner:before,
	.ui-process.type10 li:nth-child(5) .inner:before,
	.ui-process.type10 li:nth-child(6) .inner:before,
	.ui-process.type10 li:nth-child(7) .inner:before{left:auto;right:0;bottom:auto;top:50%;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
}
@media only screen and (max-width: 640px){
	.ui-process.type10 li:nth-child(4) .inner:before,
	.ui-process.type10 li:nth-child(5) .inner:before,
	.ui-process.type10 li:nth-child(6) .inner:before,
	.ui-process.type10 li:nth-child(7) .inner:before{display:none;}
}

/* 이용절차 type B */
.ui-process.type1{overflow: hidden;width: auto;margin: 0 -15px;}
.ui-process.type1:before{display:none;}
.ui-process.type1.max > li{display:inline-block;width: 33.333%;margin-bottom: 10px;border: 25px solid transparent;}
.ui-process.type1 > li:before{position:absolute;top: 50%;left: -30px;z-index: 1;width:9px;height:15px;margin-top: -7.5px;background:url(/images/skin/sub02_01_arr.png);content:'';}
.ui-process.type1 li:first-child{border-left: 25px solid transparent;}
.ui-process.type1 li:last-child{border-right: 25px solid transparent;}
.ui-process.type1 > li:first-child:before,
.ui-process.type1 > li:nth-child(6):before,
.ui-process.type1 > li:nth-child(7):before,
.ui-process.type1 > li:last-child:before{display:none;}
.ui-process.type1 li:first-child .inner{border:1px solid #4680d6;}
.ui-process.type1 li .inner{padding-top:35px;border:1px solid #cbd2d9;}
.ui-process.type1 li:last-child .inner{border:1px solid #4680d6;background: #eef3f8;}
.ui-process.type1 li .inner strong{margin-bottom:20px;padding: 0 0 15px;border-bottom: 1px dashed #a9a9a9;font-size:17px;color:#1559a3;text-align: center;}
.ui-process.type1 li .inner span{display: block;position: absolute;left:50%;top: -20px;width:38px;height:38px;margin-left: -19px;background:#064f9e;border-radius:50%;color:#fff;text-align:center;line-height:38px;font-size:15px;}
.ui-process.type1 li .inner b{display: block;font-size:15px;color:#1c1d1d;line-height: 1.2;}
.ui-process.type1 li .inner > .list-1st li{position: relative;float:none;width:100%;border: 0;text-align: left;letter-spacing: -0.1em;}
.ui-process.type1 li .inner .list-1st li:before{width:4px;height:4px;background:#686868}
.ui-process.type1 > li:nth-child(3):after,
.ui-process.type1 > li:nth-child(6):after,
.ui-process.type1 > li:nth-child(9):after{position:absolute;bottom: -30px;left: 50%;z-index: 1;width:9px;height:15px;margin-left: -7.5px;background:url(/images/skin/sub02_01_arr.png);transform:rotate(90deg);content:'';}
.ui-process.type1 li:nth-child(4),
.ui-process.type1 li:nth-child(5),
.ui-process.type1 li:nth-child(6),
.ui-process.type1 li:nth-child(10),
.ui-process.type1 li:nth-child(11),
.ui-process.type1 li:nth-child(12){float:right;}
.ui-process.type1 li:nth-child(4):before,
.ui-process.type1 li:nth-child(5):before,
.ui-process.type1 li:nth-child(10):before,
.ui-process.type1 li:nth-child(11):before{transform:rotate(180deg)}
.ui-process.type1.step2 > li:nth-child(2):before{display:block;}
.ui-process.type1.step3 > li:nth-child(3):before{display:block;}
.ui-process.type1.step3 > li:nth-child(3):after,
.ui-process.type1.step6 > li:nth-child(6):after{display:none;}
.ui-process.type1.step9 > li:last-child:before{display:block;}
.ui-process.type1.step9 > li:nth-child(9):after{display:none;}

@media only screen and (max-width: 767px){
    .ui-process.type1.max > li{width:50%;}
    .ui-process.type1 > li:nth-child(3),
    .ui-process.type1 > li:nth-child(7),
    .ui-process.type1 > li:nth-child(8){float:right}
    .ui-process.type1 li:nth-child(5),
    .ui-process.type1 li:nth-child(6){float:left;}
    .ui-process.type1 > li:nth-child(2):after,
    .ui-process.type1 > li:nth-child(4):after,
    .ui-process.type1 > li:nth-child(8):after,
    .ui-process.type1 > li:nth-child(10):after{position:absolute;bottom: -30px;left: 50%;z-index: 1;width:9px;height:15px;margin-left: -4.5px;background:url(/images/skin/sub02_01_arr.png);transform:rotate(90deg);content:'';}
    .ui-process.type1 > li:last-child:after{display:none;}
    .ui-process.type1 > li:nth-child(3):before{transform:rotate(180deg)}
    .ui-process.type1 > li:nth-child(3):after,
    .ui-process.type1 > li:nth-child(4):before,
    .ui-process.type1 > li:nth-child(8):before,
    .ui-process.type1 > li:nth-child(9):after,
    .ui-process.type1.step3 > li:nth-child(3):before,
    .ui-process.type1.step9 > li:last-child:before{display:none;}
    .ui-process.type1 li:nth-child(5):before{left:auto;right:-30px;transform: rotate(0deg);}
    .ui-process.type1 li:nth-child(7):before{display:block;transform: rotate(180deg);}
    .ui-process.type1 li:nth-child(10):before{transform: rotate(0)}
}
@media only screen and (max-width: 500px){
    .ui-process.type1 > li:nth-child(2):before{display:none;}
    .ui-process.type1.max > li{width:100%;}
    .ui-process.type1 > li:first-child:before,
    .ui-process.type1 > li:nth-child(3):before,
    .ui-process.type1 > li:nth-child(7):before,
    .ui-process.type1 > li:nth-child(9):before,
    .ui-process.type1 li:nth-child(11):before{display:block;left:50%;top:auto;bottom: -30px;margin: 0 0 0 -4.5px;transform: rotate(90deg);}
    .ui-process.type1 > li:nth-child(5):before{right:auto;left:50%;top:auto;bottom:-30px;margin: 0 0 0 -4.5px;transform:rotate(90deg)}
    .ui-process.type1.step2 > li:nth-child(2):before{display:none;}
}

/* 이용절차 type C */
.ui-process.type11:before{border-top: 1px solid #d5d5d5;}
.ui-process.type11 ol:before{top: 54px;width:9px;height:9px;border:0;background:#2473c8;}
.ui-process.type11 ol:after{top: 54px;width:9px;height:9px;border:0;background:#ccc6c6;}
.ui-process.type11 ol li{position:relative}
.ui-process.type11 ol li:before{position: absolute;top: 54px;right: 0;width: 6px;height: 6px;border: 1px solid #717171;border-width: 2px 2px 0 0;border-radius: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);content:'';}
.ui-process.type11 ol li:first-child:before{border-color:#396ec6;}
.ui-process.type11 ol li:first-child:after{position:absolute;top: 58px;left:0;right: 0;z-index: -1;height:1px;background: #1a6dc6;content:'';}
.ui-process.type11 ol li:last-child:before{display:none;}
.ui-process.type11 li .circle{overflow: visible;margin-bottom: 20px;padding-top: 15px;background: #fff !important;border:2px solid #5d6063;font-size: 18px;font-weight:700;line-height: 1.3;color: #000;}
.ui-process.type11 li .circle:before{display:block;position:absolute;top: -9px;left: 50%;width:81px;height:81px;margin-left: -43px;border: 2px dotted #c7c5c5;border-radius:50%;content:'';}
.ui-process.type11 li:first-child .circle{border-color:#2f6bc3;color:#1148a2;}
.ui-process.type11 li:first-child .circle:before,
.ui-process.type11 li:last-child .circle:before{border-color:#acbacf;}
.ui-process.type11 li:first-child .circle em,
.ui-process.type11 li:last-child .circle em{color:#064190;}
.ui-process.type11 li:first-child strong,
.ui-process.type11 li:last-child strong{color:#0357b1;}
.ui-process.type11 li:last-child .circle{border-color:#2f6bc3;background:#e9eff4;color:#1148a2;}
.ui-process.type11 li .circle em{display:block;font-size:12px;font-weight: 700;color: #000;}

@media(max-width:768px){
    .ui-process.type11 ol li:before{display:none;}
    .ui-process.type11 ol li:first-child:after{display:none;}
}

/* 행정서비스 헌장 */
.promise_box{min-height: 908px;padding:30px;background: url(/images/skin/promise_line.png);background-size: 100% 100%;}
.promise_box2{min-height:1550px;background: url(/images/skin/promise_line2.png)no-repeat;background-size: 100% 100%;}
.promise_box .frame{padding: 50px 8%;background: url(/images/skin/logo_bg.png) no-repeat center 320px;}
.promise_box .frame .tit {padding-bottom: 50px;border-bottom: 1px dotted #b2b2b2;}
.promise_box .frame .tit span {display: block;width: 188px;height: 44px;margin: 0 auto;background: url(/images/skin/promise_tit.png);font-size: 0;text-indent: -9999px;}
.promise_box .frame .tit strong {display: block;margin: 15px 0 0px;font-size:28px;font-weight: 700;color:#333;text-align: center;}
.promise_box .frame .tit p {margin:0;font-size: 16px;color:#666;text-align: center;line-height: 1.4;}
.promise_box .frame .tit p em {display: block;}
.promise_box ul{margin-top:40px;}
.promise_box ul li{position:relative;margin-top:30px}
.promise_box ul li .list_1st{margin-top:15px;}
.promise_box ul li .list_1st li{margin:5px 0;background-position:0 5px;}
.promise_box ul li:first-child{margin-top:0}
.promise_box ul li:after{display:block;visibility:hidden;clear:both;content:''}
.promise_box ul li .order{display:inline-block;position:absolute;top:0;left:0;width:30px;height:30px;border-radius:100%;background-color:#1568c9;font-size:13px;font-weight:600;color:#fff;text-align:center;vertical-align:middle; line-height:30px;}
.promise_box ul li .order:before{display:inline-block;height:100%;vertical-align:middle;content:''}
.promise_box ul li .txt{display:inline-block;margin:0;padding-left:40px;padding-top:5px;line-height:1.2;word-break:keep-all;word-wrap:break-word;}
.promise_box .ftxt{margin-top:60px;padding-top:20px;color:#000;text-align:center;}
.promise_box .ftxt em {display: block;}


@media(max-width:767px){
    .promise_box{min-height: auto;background: none;border: 1px solid #ddd;padding:10px;}
    .promise_box .frame {padding:30px 15px;background-size: 80%;}
    .promise_box .frame .tit p em {display:inline;}
    .promise_box ul li .order {width:26px; height:26px; line-height:26px;}
    .promise_box ul li .txt {padding-top:0;}
    .promise_box .ftxt em {display:inline;}
}

/* 포토유형ir */
.photo_wrap .ir {background:url(/images/skin/ir.png) no-repeat;}

/* 포토유형01 */
.photo_wrap01 {border:1px solid #ddd;}
.photo_wrap01 .ui {margin: 0;}
.photo_wrap01 .ui .inner {min-height:380px; border: none;border-right:1px solid #ddd;}
.photo_wrap01 .ui .inner:last-child {border:none;}
.photo_wrap01 .ui .inner .item {padding: 0;border: none;}
.photo_wrap01 .ui .inner .item .img_box {overflow:hidden; position:relative; width:100%; height:220px; }
.photo_wrap01 .ui .inner .item .img_box img {position:absolute; top: 50%; left: 50%; max-width:1000%; height:100%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.photo_wrap01 .ui .inner .item .ui-summary {padding:30px 6%; text-align: center;}
.photo_wrap01 .ui .inner .item .ui-summary strong {display: block; font-weight: 700; font-size:18px; color:#1161be;}
.photo_wrap01 .ui .inner .item .ui-summary p{font-size:14px; color:#666;}

@media(max-width:767px){
    .photo_wrap01 .ui .inner {display:block;width:100%;padding: 20px 10px;border-right:none;border-bottom:1px solid #ddd;}
}

/* 포토유형02 */
.photo_wrap02 {padding:40px; border:1px solid #ddd;}
.photo_wrap02 .inner {}
.photo_wrap02 .inner:after {display:block; clear:both; visibility:hidden; content:'';}
.photo_wrap02 .inner .img_box {overflow:hidden; float:left; position:relative;}
.photo_wrap02 .inner .img_box img {position:absolute; top: 50%; left: 50%; max-width:1000%; height:100%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.photo_wrap02 .inner .txt_box {float:right;padding-left:30px;}
.photo_wrap02 .inner .txt_box strong {display:block; margin:0 0 20px; color:#1161be; font-weight:700;}

.photo_wrap02.type1 .inner .img_box {width:45%;height:250px;}
.photo_wrap02.type1 .inner .txt_box {width:55%;}
.photo_wrap02.type1 .inner .txt_box strong {font-size:24px; }
.photo_wrap02.type1 .inner .txt_box ul {margin:0 0 35px;}
.photo_wrap02.type1 .inner .txt_box ul li {position:relative; padding-left:100px; margin:0 0 15px; font-size:15px; color:#666;}
.photo_wrap02.type1 .inner .txt_box ul li span {position:absolute; left:0; top:0; width:100px; font-size:15px; font-weight:700; vertical-align:middle;}
.photo_wrap02.type1 .inner .txt_box ul li span .ico {display:inline-block;width:24px;height:24px;margin-right:8px;border-radius: 50%;vertical-align:middle;}
.photo_wrap02.type1 .inner .txt_box ul li span .ico.ico1 {background-position:0 0;background-color: #1a1a1a;}
.photo_wrap02.type1 .inner .txt_box ul li span .ico.ico2 {background-position:-24px 0 ; background-color:#1161be;}
.photo_wrap02.type1 .inner .txt_box ul li span .ico.ico3 {background-position:-48px 0 ;background-color:#039be0;}
.photo_wrap02.type1 .inner .txt_box ul li span .ico.ico4 {background-position:-72px 0 ;background-color:#039be0;}
.photo_wrap02.type1 .inner .txt_box ul li span .ico.ico5 {background-position:-96px 0 ;background-color:#039be0;}
.photo_wrap02.type1 .inner .txt_box ul li span .ico.ico6 {background-position:-120px 0 ;background-color:#039be0;}
.photo_wrap02.type1 .inner .txt_box ul li span .ico.ico7 {background-position:-147px 0 ;background-color:#039be0;}
.photo_wrap02.type1 .inner .txt_box ul li span .ico.ico8 {background-position:-172px 0 ;background-color:#1a1a1a;}
.photo_wrap02.type1 .inner .txt_box ul li span .ico.ico9 {background-position:-196px 0 ;background-color:#0f7478;}
.photo_wrap02.type1 .inner .txt_box ul li span .ico.ico10 {background-position:-222px 0 ;background-color:#2db3a7;}
.photo_wrap02.type1 .inner .txt_box ul li span .ico.ico11 {background-position:-248px 0 ;background-color:#039be0;}
.photo_wrap02.type1 .inner .txt_box .info span {display:inline-block; height:30px; padding:0 20px;line-height:30px; border:1px solid #1161be; border-radius:20px; color:#1161be; font-weight:700; font-size:15px;}
.photo_wrap02.type1 .inner .txt_box .info p {font-size:15px; color:#666;}

.photo_wrap02.type2 .inner .img_box {width:30%; height:170px;}
.photo_wrap02.type2 .inner .txt_box {width:70%;}
.photo_wrap02.type2 .inner .txt_box strong {FONT-SIZE:20PX;}
.photo_wrap02.type2 .inner .txt_box p {font-size:15px; color:#666;}
.photo_wrap02.type2 .inner .txt_box .info_box {margin:30px 0 0; padding:20px 15px; background:#f8f8fa; }
.photo_wrap02.type2 .inner .txt_box .info_box ul {}
.photo_wrap02.type2 .inner .txt_box .info_box ul li {position:relative; margin:0 0 5px; padding-left:10px;}
.photo_wrap02.type2 .inner .txt_box .info_box ul li:after {display:block; position:absolute; left:0; top:11px; width:3px; height:3px; background:#666; content:'';}
.photo_wrap02.type2 .inner .txt_box .info_box ul li span {}

@media(max-width:767px){
    .photo_wrap02 {padding:25px 5%;}
    .photo_wrap02 .inner .img_box {float:none; width:100%; margin:0 0 20px;text-align:center; }
    .photo_wrap02 .inner .txt_box {float:none; width:100%; padding:0;}

    .photo_wrap02.type1 .inner .img_box,
    .photo_wrap02.type2 .inner .img_box,
    .photo_wrap02.type1 .inner .txt_box,
    .photo_wrap02.type2 .inner .txt_box {width:100%;}
}

/* 포토유형03 */
.photo_wrap03 {}
.photo_wrap03 .inner {position: relative;height: 440px;padding-right:270px;}
.photo_wrap03 .inner:after {display:block; clear:both; visibility:hidden; content:'';}
.photo_wrap03 .inner .img_box {overflow:hidden; position:relative; width:100%; height:100%;}
.photo_wrap03 .inner .img_box img {position:absolute; max-width:1000%; height:110%; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.photo_wrap03 .inner .txt_box {position:absolute; top:0; right:0; width:270px;  height:100%; padding:0 30px; background:#378be2; text-align:center;}
.photo_wrap03 .inner .txt_box .tit {}
.photo_wrap03 .inner .txt_box .tit em {display:block;width: 49px;height: 49px;margin:0 auto 10px;border-radius: 50%;background-position: -1px -27px;background-color: #00367c;vertical-align:middle;}
.photo_wrap03 .inner .txt_box .tit span {display:block; line-height:1.3;font-size:22px; font-weight:700; color:#fff;vertical-align:middle;}
.photo_wrap03 .inner .txt_box p {margin:30px 0 0;font-size: 15px;color:#fff;}

.photo_wrap03.type1 .inner .txt_box {background:#378be2 url(/images/skin/obj_01.png) no-repeat right bottom;}
.photo_wrap03.type1 .inner .txt_box .tit {margin:70px 0 0;}

.photo_wrap03.type2 .inner .txt_box .tit {min-height:192px;margin:45px 0 0;padding:30px 0 0;background: url(/images/skin/obj_02.png) no-repeat 40% top;}

@media(max-width:767px){
    .photo_wrap03 {background:#378be2;padding: 20px 10px 30px;}
    .photo_wrap03 .inner {height:auto; padding:0;}
    .photo_wrap03 .inner .img_box {height:300px; }
    .photo_wrap03 .inner .img_box img {height:100%;}
    .photo_wrap03 .inner .txt_box {position:static;width:100%;padding: 23px 5% 40px;}
    .photo_wrap03 .inner .txt_box .tit em {display:none;}
    .photo_wrap03 .inner .txt_box .tit span {display:inline;}

    .photo_wrap03.type1 .inner .txt_box .tit {margin:0;}

    .photo_wrap03.type2 .inner .txt_box {background:#378be2 url(/images/skin/obj_01.png) no-repeat right bottom;}
    .photo_wrap03.type2 .inner .txt_box .tit {margin:0;}
    .photo_wrap03.type2 .inner .txt_box .tit {min-height:auto; margin:0; padding:0; background:none;}
}

/* 포토유형04 */
.photo_wrap04 {}
.photo_wrap04 .touch_icon{position: absolute;z-index:10;top:37%;right:50%;margin-right:-20px;width: 50px;height: 50px;border-radius: 50px;background: #fff;box-shadow: -1px 1px 10px grey;align-items: center;justify-content: center;transition: all .5s ease-in-out}
.photo_wrap04 .thm_slide{position:relative;}
.photo_wrap04 .thm_slide .grap{position:relative;width:100%;height:100%}
.photo_wrap04 .thm_slide .grap .obj{overflow: hidden; position: relative;width: 100%;height: 440px;background-color: #f0f0f0;}
.photo_wrap04 .thm_slide .grap .obj .item{position: absolute; top: 0; left: 0; width: 300%; height: 100%; margin-left: -100%; text-align: center;}
.photo_wrap04 .thm_slide .grap .obj .item .inner{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;width:100%;height:100%;}
.photo_wrap04 .thm_slide .grap .obj .item .inner img{position:absolute;top:50%;left:50%;max-width:none;height:100%;max-height:100%;transform:translate(-50%, -50%);transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-webkit-transform:translate(-50%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-o-transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-ms-transform:translate(-50%, -50%);}
.photo_wrap04 .thm_slide .control{text-align:center}
.photo_wrap04 .thm_slide .control button{display:inline-block;position:relative;width:56px;height:56px;margin:0;padding:0;font-size:0;text-indent:-9999px;content:''}
.photo_wrap04 .thm_slide .control button[data-control="prev"]{position:absolute;top:50%;left: 40px;width:56px;height:56px;margin:-28px 0 0;border:2px solid #fff; border-radius:50%;background: rgb(0, 0, 0 , 0.5);}
.photo_wrap04 .thm_slide .control button[data-control="next"]{position:absolute;top:50%;right:40px;width:56px;height:56px;margin:-28px 0 0;border:2px solid #fff; border-radius:50%;background: rgb(0, 0, 0 , 0.5);}
.photo_wrap04 .thm_slide .control button[data-control]:before,
.photo_wrap04 .thm_slide .control button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.photo_wrap04 .thm_slide .control button[data-control="prev"]:before {position: absolute;top: 0;width: calc(100%/3);height: calc(100%/3);border-style: solid;border-color: #fff;transform: rotate(-135deg);left: 8px;border-width: 2px 2px 0 0;}
.photo_wrap04 .thm_slide .control button[data-control="prev"]:after {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.photo_wrap04 .thm_slide .control button[data-control="next"]:before {position: absolute;top: 0;width: calc(100%/3);height: calc(100%/3);border-style: solid;border-color: #fff;transform: rotate(45deg);left: -10px;border-width: 2px 2px 0 0;}
.photo_wrap04 .thm_slide .control button[data-control="next"]:after {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.photo_wrap04 .thm_slide .control .paging{display: inline-block;position:absolute; top:-25px; right:0; vertical-align: middle; font-size:16px; color:#ccc; letter-spacing:0.09em;}
.photo_wrap04 .thm_slide .control .paging em {color:#000;}
.photo_wrap04 .thm_slide .txt_box {position:relative;border:1px solid #ddd;}
.photo_wrap04 .thm_slide .txt_box .tit {position:absolute; top:-55px; left:-1px; width:246px; height:232px; padding:70px 0 0;background:url(/images/skin/photo_bg.jpg)no-repeat center; background-size:cover; text-align:center; color:#fff; font-size:24px; font-weight:700;line-height: 1.3;}
.photo_wrap04 .thm_slide .txt_box .tit span {display:block;width: 49px;height: 49px;margin:0 auto 5px;background-position: -51px -27px;}
.photo_wrap04 .thm_slide .txt_box .con {min-height:177px; padding:30px 50px 30px 280px; }
.photo_wrap04 .thm_slide .txt_box .con strong {font-size:18px; font-weight:700; color:#333;}
.photo_wrap04 .thm_slide .txt_box .con p {font-size:15px; color:#666;}

@media(max-width:767px){
    .photo_wrap04 .thm_slide .grap .obj {height:350px;}
    .photo_wrap04 .thm_slide .control button[data-control="prev"]{left:10px; width:40px; height:40px; margin:-20px 0 0;}
    .photo_wrap04 .thm_slide .control button[data-control="next"]{right:10px; width:40px; height:40px; margin:-20px 0 0;}

    .photo_wrap04 .thm_slide .txt_box .tit {width:130px;height:auto;padding:20px 10px;font-size: 18px;letter-spacing: -0.1em;}
    .photo_wrap04 .thm_slide .txt_box .con {padding:25px 25px 25px 155px; }
}

@media(max-width:580px){
    .photo_wrap04 .thm_slide .txt_box .tit {position:static; width:100%; text-align:center;}
    .photo_wrap04 .thm_slide .txt_box .tit span {display:none;}
    .photo_wrap04 .thm_slide .txt_box .con {padding:20px 10px; text-align:center;}
    .photo_wrap04 .thm_slide .txt_box .con strong {font-size:17px;}
}

/* 포토 유형05  */
.photo_wrap05 {}
.photo_wrap05 .inner {}
.photo_wrap05 .inner .tab_wrap {position:relative; height:336px; padding-right:270px;}
.photo_wrap05 .inner .tit_wrap {position:absolute; top:0; right:0; width:270px;}
.photo_wrap05 .inner .tit_wrap .menu_wrap {}
.photo_wrap05 .inner .tit_wrap .menu_wrap li {}
.photo_wrap05 .inner .tit_wrap .menu_wrap li a {display:block; width:100%; height:112px; padding-left:40px;line-height:112px; font-size:16px; font-weight:700; color:#fff;}
.photo_wrap05 .inner .tit_wrap .menu_wrap li:nth-child(1) a {background:#1161be;}
.photo_wrap05 .inner .tit_wrap .menu_wrap li:nth-child(2) a {background:#378be2;}
.photo_wrap05 .inner .tit_wrap .menu_wrap li:nth-child(3) a {background:#71b7ff;}
.photo_wrap05 .inner .tit_wrap .menu_wrap li a span{display:inline-block;width: 38px;height: 38px;border-radius:50%;/* background-size: 1000%; */background-color:#fff;margin-right:15px;vertical-align:middle;}
.photo_wrap05 .inner .tit_wrap .menu_wrap li a span.ico1 {background-position: -168px -79px;}
.photo_wrap05 .inner .tit_wrap .menu_wrap li a span.ico2 {background-position: -209px -79px;}
.photo_wrap05 .inner .tit_wrap .menu_wrap li a span.ico3 {background-position: -248px -79px;}

.photo_wrap05.type2 .inner .tit_wrap .menu_wrap li a {display:block; width:100%; height:168px; padding:30px 10px 0;line-height:1.3; font-size:16px; font-weight:700; text-align:center;}
.photo_wrap05.type2 .inner .tit_wrap .menu_wrap li a span{display:block;width: 54px;height: 54px;margin:0 auto 15px;}
.photo_wrap05.type2 .inner .tit_wrap .menu_wrap li a span.ico1 {background-position: -1px -79px;}
.photo_wrap05.type2 .inner .tit_wrap .menu_wrap li a span.ico2 {background-position: -57px -79px;}
.photo_wrap05.type2 .inner .tit_wrap .menu_wrap li a em {display:block; margin:5px 0 0; font-size:14px; font-weight:300; }
.photo_wrap05.type2 .inner .con_wrap .ui-map-area .ui-map{height: 335px}

.photo_wrap05 .touch_icon{position: absolute;z-index:10;top:37%;right:50%;margin-right:-20px;width: 50px;height: 50px;border-radius: 50px;background: #fff;box-shadow: -1px 1px 10px grey;align-items: center;justify-content: center;transition: all .5s ease-in-out}
.photo_wrap05 .thm_slide{position:relative;}
.photo_wrap05 .thm_slide .grap{position:relative;width:100%;height:100%}
.photo_wrap05 .thm_slide .grap .obj{overflow: hidden; position: relative;width: 100%;height:336px;background-color: #f0f0f0;}
.photo_wrap05 .thm_slide .grap .obj .item{position: absolute; top: 0; left: 0; width: 300%; height: 100%; margin-left: -100%; text-align: center;}
.photo_wrap05 .thm_slide .grap .obj .item .inner{display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;width:100%;height:100%;}
.photo_wrap05 .thm_slide .grap .obj .item .inner img{position:absolute;top:50%;left:50%;max-width:none;height: 120%;/* max-height:100%; */transform:translate(-50%, -50%);transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s, -webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-webkit-transform:translate(-50%, -50%);-webkit-transition:-webkit-transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-o-transition:transform cubic-bezier(0.22, 0.61, 0.36, 1) 0.4s;-ms-transform:translate(-50%, -50%);}
.photo_wrap05 .thm_slide .control{text-align:center}
.photo_wrap05 .thm_slide .control button{display:inline-block;position:relative;width:56px;height:56px;margin:0;padding:0;font-size:0;text-indent:-9999px;content:''}
.photo_wrap05 .thm_slide .control button[data-control="prev"]{position:absolute;top:50%;left: 10px;width:40px;height:40px;margin:-20px 0 0; border:1px solid #fff; border-radius:50%;}
.photo_wrap05 .thm_slide .control button[data-control="next"]{position:absolute;top:50%;right:10px;width:40px;height:40px; margin:-20px 0 0;border:1px solid #fff; border-radius:50%;}
.photo_wrap05 .thm_slide .control button[data-control]:before,
.photo_wrap05 .thm_slide .control button[data-control]:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.photo_wrap05 .thm_slide .control button[data-control="prev"]:before {position: absolute;top: 0;width: calc(100%/3);height: calc(100%/3);border-style: solid;border-color: #fff;transform: rotate(-135deg);left: 8px;border-width: 1px 1px 0 0;}
.photo_wrap05 .thm_slide .control button[data-control="prev"]:after {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.photo_wrap05 .thm_slide .control button[data-control="next"]:before {position: absolute;top: 0;width: calc(100%/3);height: calc(100%/3);border-style: solid;border-color: #fff;transform: rotate(45deg);left: -10px;border-width: 1px 1px 0 0;}
.photo_wrap05 .thm_slide .control button[data-control="next"]:after {position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}

.photo_wrap05 .info_txt {position:relative; margin:0 0 20px; padding:40px 30px 40px 240px; background:#f8f8fa; }
.photo_wrap05 .info_txt strong {display:block;position:absolute;top:40px;left: 30px;width:180px;font-size:18px;font-weight:700;color:#1161be;line-height:1.5;}
.photo_wrap05 .info_txt p {margin:0; font-size:15px; color:#666; line-height:1.5;}

.photo_wrap05 .photo_list {}
.photo_wrap05 .photo_list:after {display:block; clear:both; visibility:hidden; content:'';}
.photo_wrap05 .photo_list .ui-thumb {overflow:hidden;float:left;position:relative;width:32%; height:190px; margin-right:2%; margin-bottom:15px; }
.photo_wrap05 .photo_list .ui-thumb:nth-child(3n){margin-right:0;}
.photo_wrap05 .photo_list.col2 .ui-thumb {width:49%;}
.photo_wrap05 .photo_list.col2 .ui-thumb:nth-child(2n){margin-right:0;}
.photo_wrap05 .photo_list.col3 .ui-thumb {width:32%;}
.photo_wrap05 .photo_list.col3 .ui-thumb:nth-child(3n){margin-right:0;}
.photo_wrap05 .photo_list .ui-thumb .thumb-block {height:100%;}
.photo_wrap05 .photo_list .ui-thumb .thumb-block a {display:block; width:100%; height:100%;}
.photo_wrap05 .photo_list .ui-thumb .thumb-block .thumb_inner {overflow:hidden; position:relative; width:100%; height:100%;}
.photo_wrap05 .photo_list .ui-thumb .thumb-block .thumb_inner img {position: absolute; top: 50%; left: 50%; max-width:1000%;height:120%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.photo_wrap05 .photo_list .ui-thumb .thumb-block .scope {}
.photo_wrap05 .photo_list .ui-thumb .thumb-block .txt_box {position:absolute; left:0; bottom:0; width:100%; padding:10px; background:rgba(0,0,0,0.5); color:#fff; text-align:center; font-size:15px; font-weight:700;}

@media(max-width:767px){
    .photo_wrap05 .inner .tab_wrap {height:auto; padding:0;}
    .photo_wrap05 .inner .tit_wrap {position:static;width: 100%;}
    .photo_wrap05 .inner .tit_wrap .menu_wrap:after {display:block; clear:both; visibility:hidden; content:'';}
    .photo_wrap05 .inner .tit_wrap .menu_wrap li {float:left; width:33.33%;}
    .photo_wrap05 .inner .tit_wrap .menu_wrap li a {height:auto; padding:15px 0;line-height:1.3; text-align:center; font-size:15px;}
    .photo_wrap05.type2 .inner .tit_wrap .menu_wrap li {width:50%;}
    .photo_wrap05.type2 .inner .tit_wrap .menu_wrap li a {height: auto;padding:15px 0;font-size:15px;}
    .photo_wrap05.type2 .inner .tit_wrap .menu_wrap li a span{display:inline-block;width: 38px;height: 38px;margin: 0 15px 0 0;vertical-align:middle;}
    .photo_wrap05.type2 .inner .tit_wrap .menu_wrap li a span.ico1 {background-position: -168px -79px;}
    .photo_wrap05.type2 .inner .tit_wrap .menu_wrap li a span.ico2 {background-position: -209px -79px;}
    .photo_wrap05.type2 .inner .tit_wrap .menu_wrap li a em {display:none;}
    .photo_wrap05 .inner .con_wrap {height:336px;}
    .photo_wrap05 .info_txt {padding:30px 5%;}
    .photo_wrap05 .info_txt strong {position:static; margin:0 0 10px;}
    .photo_wrap05 .photo_list .ui-thumb,
    .photo_wrap05 .photo_list.col2 .ui-thumb ,
    .photo_wrap05 .photo_list.col3 .ui-thumb {float:none; width:100%;  height:300px; margin:0 0 20px;}
}

@media(max-width:500px){
    .photo_wrap05 .inner .tit_wrap .menu_wrap li a {padding:10px 0;}
    .photo_wrap05 .inner .tit_wrap .menu_wrap li a span {display:block; margin:0 auto 5px;;}
}

#tab_moType1.mobile {margin-bottom: 30px;}
#tab_moType1.mobile .title {border: 1px solid #cbcbcb;}
#tab_moType1.mobile .title a{padding: 12px 47px 9px 22px;}
#tab_moType1.mobile ul li{border-radius:4px;}
#tab_moType1.mobile ul{padding:1px}
#tab_moType1.mobile .tab-ul li a span{padding:10px 50px 10px 22px;}

.tab{margin:30px 0 0 0;display: block;text-align: right;position:relative;border-bottom: 1px solid #dedede;clear: both;}
.tab a {display: inline-block;position:relative;padding: 10px 20px 10px 20px;height:100%;text-align: right;font-size: 16px;color: #535353;z-index: 1;}
.tab a.tab_ov{padding-right:45px;color: #00418e;margin-bottom:-3px;font-weight: bold;border-bottom:3px solid #2b81e2;}
.tab a:after{position:absolute;right:0;top:50%;width:1px;height:14px;margin-top:-7px;background:#b2b2b2;content:'';}
.tab a.tab_ov:after {width: 19px;height: 19px;margin-top: -9.5px;background: url(/images/skin/tab_arr.png);background-position:-38px 0px;}


/* 오시는길 여백 */
.ui-location-info{margin:50px auto 0;}

.btn-_self,.btn-_self:link,.btn-_self:visited {border-color: #236dc7;background-color: #236dc7;color:#fff;}
.btn-_self.focus,.btn-_self:focus,.btn-_self:hover {background-color: #fff;border-color: #236dc7;color: #3f61b2}
.btn-icon.btn-_self:focus .arrow::after,.btn-icon.btn-_self:focus .arrow::before,.btn-icon.btn-_self:hover .arrow::after,.btn-icon.btn-_self:hover .arrow::before {background-color: #3f61b2}


.btn-_blank, .btn-_blank:link, .btn-_blank:visited {border-color: #cbcbcb;background-color: #fff;color: #666;}
.btn-_blank.active,.btn-_blank:active,.btn-_blank:focus,.btn-_blank:hover{border-color: #3f61b2;background-color: #fff;color: #666}
.btn-_blank .arrow,.btn-_blank:focus .arrow,.btn-_blank:hover .arrow {overflow: hidden;font-size: 0;line-height: 0;right: 13px;margin-top: -7px; width: 15px;height: 15px;position: absolute;top: 50%;background: url(/pcms/common/images/ir/ir-bbs.png) no-repeat;background-position: -213px -213px;    transform: rotate(0deg);}

.btn-_self,
.btn-_blank{margin:0 2px;}
.inline-input label{margin-left: 4px !important;}
.inline-input a{display:inline-block;margin-left: 4px !important;vertical-align: middle;width:28px;height:28px;background:url(/pcms/common/images/ir/ir-plus.png)no-repeat center;font-size:0;}

/* 조직도 직원소개_(전화번호, 팩스, 주소 ) */
.Deptab .tab,
.Deptab .tab,
.Deptab .tab,
.Deptab .tab,
.Deptab .tab,
.Deptab .tab,
.Deptab .tab,
.Deptab .tab {text-align: left;border:2px solid #dedede !important;/* border: 5px solid #dedede;*/}
.Depinfo {margin:40px 0 10px 0;display: inline-flex;}
.Depinfo h2 {width:auto;display:inline-block;margin:0 auto;}
.Depinfo_txt {width: auto;display:inline-block;margin: 0 0 0 25px;}
.DepinfoICON {background:url(/images/common/Depinfo.png;);display: block;width: 25px; height: 25px;margin-right: 5px;}
.Depinfo_txt span {display: inline-block; position:relative; padding-left:30px; margin:5px 0;}
.Depinfo_txt span em {display: block; position:absolute; padding-left:25px;box-sizing: border-box; left:0}
.Deptel {background-position: 0px 0px;}
.Depfax {background-position: 50px 0px;}
.Depaddress {background-position: 100px 0px;}


/*2020 웹접근성 임시 조치*/
.ui-topbox.type1  > .inner > .circle {display:none;}
.ui-topbox.type1  > .inner {background: url(/images/skin/be_web2020.png) no-repeat 30px 30px;}
@media only screen and (max-width: 768px){
	.ui-topbox.type1 > .inner,
	.ui-topbox.type1 > .inner.remembrance {background:none !important;}
}

/*'21.07.23. 공고/고시 브라우저 아이콘 추가*/
.txtwrap_browser_icon { margin:-2px 5px 0 0; }

/* 읍면동 통합 및 개별 사이트 */
.s051703{border:1px solid #ddd;padding:20px 0;text-align: center;}
/*이미지 확대 버튼*/
.pic_btn a,
.ds_no{display:none;}
.pic_btn a:hover{background-color:#3f61b2;/*border-color:#348c01;*/color:#fff;transition: all 300ms ease-out }

@media(max-width:767px){
.pic_btn a{display:block;width:60%;margin:10px auto 0;padding:10px 40px;border:1px solid #ddd;background:#fff;text-align:center;}
.pic_img{text-align:center;}
}
@media(max-width:560px){
.pic_btn a{width:75%;}
}
@media(max-width:450px){
.pic_btn a{width:100%;}
}


/* sub01_01 책임읍동 제도안내 */
.link_a.dong{min-height: 657px;margin-bottom: 45px;padding: 25px 480px 30px 60px;}
.link_a.dong:before{top: 45px;right: 46px;left: auto;width: 398px;height: 560px;background: url(/images/dong/sub01/sub01_01_bg.png);}
.link_a.dong .title{margin-bottom: 15px;padding: 40px 0 15px;border-bottom: 1px dashed #adadad;font-size: 18px;}
.link_a.dong .title span{display:block;margin-bottom: 10px;background:url(/images/dong/sub01/sub01_01_icon.png);}
.link_a.dong .title .icon1{width: 35px;height: 40px;background-position:0 0;}
.link_a.dong .title .icon2{width: 40px;height: 37px;background-position: -37px 0;}
.link_a.dong p{padding:0}
.link_a.dong .list-num{margin-top:30px}
.link_a.dong .list-num li{margin-bottom:5px;font-size: 16px;color:#252525;font-weight: 700;}

.link_a.dong0201{padding:55px 420px 30px 60px;min-height:450px;position:relative;}
.link_a.dong0201:before{position:absolute;right: 20px;left: auto;width:327px;height:316px;background:url(/images/dong/sub01/sub01_06_bg.png) no-repeat;}
.link_a.dong0201 .title1{width:345px;height: 82px;margin-bottom: 25px;background: url(/images/dong/sub01/sub01_06_title.png) no-repeat;font-size:0;text-indent:-9999px;}

.sub01_01.list_d.ui-list__bodo .inner{min-height:165px;}
.sub01_01.ui-list__bodo .inner .ui-bodo__summary p{letter-spacing:-0.1em}

@media only screen and (max-width:1279px){
    .link_a.dong{padding: 0px 410px 40px 30px;}
    .link_a.dong:before{right: 20px;}
    .link_a.dong0201{padding:55px 420px 30px 60px;}
}
@media only screen and (max-width:999px){
    .link_a.dong{min-height:auto;padding: 20px 30px 30px;}
    .link_a.dong .title{padding-top:0;margin-top: 20px;}
}

@media only screen and (max-width:767px){
    .link_a.dong0201 .title1{width:220px;background-size:100%;height:53px;}
}

/* 행복복지센터- 책임동,책임읍*/
.dong_trust .ui-list__column.col3 .inner{width:50%;}
.dong_trust .ui-list__column .inner .item {padding: 30px 20px 10px;min-height: 227px;}
.dong_trust .ui-list__column .inner .item.long {min-height: 285px;}
.dong_trust .ui-list__column .inner .circle{position: absolute;left:5%;top:10%;}
.dong_trust .ui-list__column .inner .circle.trust01{background: url(/images/dong/sub01/sub01_icon1.jpg)}
.dong_trust .ui-list__column .inner .circle.trust02{background: url(/images/dong/sub01/sub01_icon2.jpg)}
.dong_trust .ui-list__column .inner .circle.trust03{background: url(/images/dong/sub01/sub01_icon3.jpg)}
.dong_trust .ui-list__column .inner .circle.trust04{background: url(/images/dong/sub01/sub01_icon4.jpg)}
.dong_trust .ui-list__column .inner .circle.trust05{background: url(/images/dong/sub01/sub01_icon5.jpg)}
.dong_trust .ui-list__column .inner .circle.trust06{background: url(/images/dong/sub01/sub01_icon6.jpg)}
.dong_trust .ui-list__column .inner .circle.trust07{background: url(/images/dong/sub01/sub01_icon7.jpg)}
.dong_trust .ui-list__column .inner .circle.trust08{background: url(/images/dong/sub01/sub01_icon8.jpg)}
.dong_trust .ui-list__column .inner .circle.trust09{background: url(/images/dong/sub01/sub01_icon9.jpg)}
.dong_trust .ui-list__column .inner .ui-summary{padding-left:130px;}
.dong_trust .ui-list__column .inner .ui-summary strong{text-align:left;}

@media(max-width:1279px){
    .dong_trust .ui-list__column .inner .item{min-height: 327px;}
    .dong_trust .ui-list__column .inner .item.long{min-height:377px;}
}
@media(max-width:1023px){
    .dong_trust .ui-list__column .inner .item,
    .dong_trust .ui-list__column .inner .item.long{min-height:385px;}
}
@media(max-width:999px){
	.dong_trust .ui-list__column .inner .circle{position: relative;}
	.dong_trust .ui-list__column .inner .ui-summary{padding-left:0;}
    .dong_trust .ui-list__column .inner .item{min-height: 347px;}
    .dong_trust .ui-list__column .inner .item.long{min-height:372px;}
}
@media(max-width:767px){
    .dong_trust .ui-list__column .inner .item{min-height: 372px;}
    .dong_trust .ui-list__column .inner .item.long{min-height:422px;}
}

@media(max-width:640px){
	.dong_trust .ui-list__column.col3 .inner{width:100%;}
	.dong_trust .ui-list__column .inner .item,
    .dong_trust .ui-list__column .inner .item.long{min-height:auto;}
}

/* 마을안내*/
.sub05_title .ui-photo-item{border:1px solid #ddd;padding:25px;}
.sub05_title .ui-photo-item .figure{width:33%;}
.sub05_title .ui-photo-item .figcaption{width:66%;vertical-align: top;}

@media(max-width:767px){
	.sub05_title .ui-photo-item .figure{width:100%;}
	.sub05_title .ui-photo-item .figcaption{width:100%}
}
@media(max-width:560px){
	.ui-list__bodo .inner .ui-bodo__summary.sub05 strong{text-align: center;}
}

/* 문화재, 특산품 190412 오세현 */
.dong.ui.ui-photo-item .figure{width:29%;text-align:center}
.dong.ui.ui-photo-item .figcaption{width:70%}
.dong.ui.ui-photo-item .figcaption .h-box{font-weight:600}
.dong.ui.ui-photo-item li strong{font-weight:600;color:#222;}
.dong_img.figure{vertical-align:top}

@media(max-width:767px){
    .dong.ui.ui-photo-item .figure{width:60%;margin:0 auto;}
	.dong.ui.ui-photo-item .figcaption{width:100%}
}
/* 문화재, 특산품 End */

/* sub03_01 주민자치센터 */
#dong_tab_content .con {display: none;}
#dong_tab_content .con.active {display: block;}

/* sub03_0201 주민자치(위원)회 */
.juminjachi_wrap {border: 1px solid #ddd;padding: 35px;}

/* sub04_04 우리마을 이름의 뜻  */
.dong.ui-tablist{margin-top:50px;}
.dong.ui-tablist .num_list{position:relative;padding: 25px 20px 25px 95px;}
.dong.ui-tablist .num_list + .num_list{border-top:1px dashed #b8b8b8;}
.dong.ui-tablist .num_list span{display:block;position:absolute;left:35px;top: 50%;width:30px;height:30px;margin-top: -15px;border-radius: 50%;background: #5991d7;font-size:15px;color:#fff;text-align:center;line-height:30px;font-weight: 700;}
.dong.ui-tablist #tab-panel1 .num_list span{background: #5991d7;}
.dong.ui-tablist #tab-panel2 .num_list span{background: #f5ab2a;}
.dong.ui-tablist #tab-panel3 .num_list span{background: #62b773;}
.dong.ui-tablist .num_list ul li{padding-left:95px;}
.dong.ui-tablist .num_list ul li:before{background: #4e4e4e;}
.dong.ui-tablist .num_list ul li b{display:block;position: absolute;left: 10px;top:0;color:#000;}

@media(max-width:767px){
    .dong.ui-tablist .num_list{padding-left:0}
    .dong.ui-tablist .num_list span{position:static;margin:0 auto;}
    .dong.ui-tablist .num_list ul li{margin-bottom: 10px;padding-left:0;}
    .dong.ui-tablist .num_list ul li b{position: relative;margin-bottom: 5px;}
}

/*sub05_1207 나라꽃 무궁화*/
.dong_td{background-color:#f1f3f8;font-weight:500;}
.s051207 .ui-photo-item{ margin-top: 0;}
.s051207 .ui-photo-item .figure{width: 49%;}
.s051207 .ui-photo-item .figure:first-child{margin-right: 1.8%;}
@media screen and (max-width: 767px){
    .s051207 .ui-photo-item .figure {width:80%;margin: 0 auto 2%;}
    .s051207 .ui-photo-item .figure:first-child {margin-right: auto;}
}
/*sub05_1207 나라꽃 무궁화 End*/

/* 찾아오시는길*/
#dong .ui-location-info .item .tit .block{display: block;}

@media (max-width: 767px){
    #dong .ui-location-info .item .tit .block{display: inline;}
}

#dong{}
#dong .ui-map-info.sub020102 .cont-box .info_list > li:nth-child(2){width:50%;}
#dong .ui-map-info.sub020102 .cont-box .info_list > li:nth-child(3){width:100%;}
#dong .ui-map-info.sub020102 .list-1st li{float:left;width:50%;}
#dong .ui-map-info.type2.sub020102 .btn_map a{width:240px;}
#dong .ui-map-info.type2.sub021502 .btn_map a{width:290px;}
#dong .ui-map-info.type2 .btn_map a{width:220px;}
#dong .ui-map-info.type2 .btn_map a:after{margin-left:35%;bottom:16px;}
#dong .dong_schedule{text-align: center;margin-top:30px;}
#dong .dong_schedule ul {display: inline-block;}
#dong .dong_schedule ul li {float:left;}
#dong .dong_schedule ul li:first-child {margin-right:10px;}

@media(max-width:600px){
	#dong .dong_schedule{text-align:left;}
	#dong .dong_schedule ul{display: block;}
	#dong .dong_schedule ul li{float:none;}
	#dong .dong_schedule ul li:first-child{margin-right:0;margin-bottom:10px;}
	#dong .dong_schedule ul li a{width:100%;}
}
@media(max-width:900px){
	#dong .ui-map-info.type2 .btn_map a:after{right:7%;}
}
@media(max-width:460px){
	#dong .ui-map-info.sub020102 .cont-box .info_list > li:nth-child(2){width:50%;}
	#dong .ui-map-info.sub020102 .list-1st li{float:none;width:100%;}
}

/* sub05 연혁 */
.sub050102 .timeline-c:before{background:url(/images/dong/sub05/sub050102_bg.png);}
.sub050202 .timeline-c:before{background:url(/images/dong/sub05/sub050202_bg.png);}
.sub050302 .timeline-c:before{background:url(/images/dong/sub05/sub050302_bg.png);}
.sub050402 .timeline-c:before{background:url(/images/dong/sub05/sub050402_bg.png);}
.sub050502 .timeline-c:before{background:url(/images/dong/sub05/sub050502_bg.png);}
.sub050602 .timeline-c:before{background:url(/images/dong/sub05/sub050602_bg.png);}
.sub050702 .timeline-c:before{background:url(/images/dong/sub05/sub050702_bg.png);}
.sub050802 .timeline-c:before{background:url(/images/dong/sub05/sub050802_bg.png);}
.sub050902 .timeline-c:before{background:url(/images/dong/sub05/sub050902_bg.png);}
.sub051002 .timeline-c:before{background:url(/images/dong/sub05/sub051002_bg.png);}
.sub051102 .timeline-c:before{background:url(/images/dong/sub05/sub051102_bg.png);}
.sub051202 .timeline-c:before{background:url(/images/dong/sub05/sub051202_bg.png);}
.sub051302 .timeline-c:before{background: url(/images/dong/sub05/sub051302_bg.png) no-repeat;}
.sub051602 .timeline-c:before{background: url(/images/dong/sub05/sub051602_bg.png) no-repeat;}
/* 이미지 미수급 임시수정 */
.s051902 .timeline-c {padding-left: 100px;}
.s051902 .timeline-c:before{display: none;}

/* 읍면동 통합 및 개별 사이트 End */

.flow{position: absolute;top: 0;height: 0;font-size: 0;line-height: 0;}

.content_info__satisfaction {padding:15px 25px 40px;}
.content_info__satisfaction:before{position:absolute;right: 40px;bottom:0;width:204px;height:104px;background:url(/images/skin/satisfaction_icon.png);content:'';}
.content_info__satisfaction .research strong {padding-left:30px;}
.content_info__satisfaction .research strong:before {top: 0;width:25px;height:25px;background:url(/images/skin/content-info.png)no-repeat;}
.content_info__satisfaction .research div{padding-right:0}
.content_info__satisfaction .research input[type=text] {width: 50%;top:38px;left:0;}
.content_info__satisfaction .research input[type=button], .content_info__satisfaction .research input[type=submit] {top:38px;right: 50%;margin-right: -80px;background: #5b7090;}

@media only screen and (max-width: 1100px){
  .content_info__satisfaction .research div {padding-right:0;}
}

@media only screen and (max-width: 768px){
  .content_info__satisfaction {padding:15px 25px 25px;}
  .content_info__satisfaction:before{display:none;}
  .content_info__satisfaction .research div {padding-right:0;padding: 7px 0 0;}
  .content_info__satisfaction .research input[type=text] {top: 7px;width: 84%;}
  .content_info__satisfaction .research input[type=button],
  .content_info__satisfaction .research input[type=submit] {position: absolute;top: 42px;right: 0;width: 15%;margin-right: 0;}
}

@media only screen and (max-width: 500px){
  .content_info__satisfaction .research input[type=text] {display: block;top: 7px;width: 70%;}
  .content_info__satisfaction .research input[type=button],
  .content_info__satisfaction .research input[type=submit] {top: auto;bottom: -7px;width: 29%;}
}

/* 준비중 */
.message-icon,
.message-icon svg {
  width: 150px;
  padding: 40px;
  background: white;
  margin: 20px auto;
  box-shadow: 5px 10px #555555;
  text-align: center;
}

.rotate {
  transform-origin: 50% 50%;
  -webkit-animation: rotation .3s infinite ease;
  animation-delay: .5s;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(-80deg);
  }
  to {
    -webkit-transform: rotate(0deg);
  }
}

.btn-windows,.btn-windows:link, .btn-windows:visited{display:inline;color:#136edf;font-size:14px;letter-spacing: -0.02em;}
.btn-windows:active, .btn-windows:hover, .btn-windows:focus{text-decoration:underline}
.btn-email,.btn-email:link, .btn-email:visited{display:inline;color:#4a89dc;font-size:14px;letter-spacing: -0.02em;}
.btn-email:active, .btn-email:hover, .btn-email:focus{text-decoration:underline}
.btn-email .ir{display:inline-block;margin-left:3px;width:14px; height:13px; background:url(/images/home/board_emil.png) no-repeat center center;}
.btn-windows .ir{display:inline-block;margin-left:3px;width:11px; height:13px; background:url(/images/home/board_blank.png) no-repeat center center;}

.whatprocedures li{background:url(/images/skin/arr.gif) no-repeat 94% 50%; float:left; padding-right: 4%;margin-top: 15px;  }
.whatprocedures li p{ padding:15px; font-weight:bold; color:#fff;  border-radius: 5px; height:100px; }
.whatprocedures:after{content:"";clear:both;display:block}
.whatprocedures .w1 p{ background-color:#0a53d9;}
.whatprocedures .w2 p{ background-color:#084ac3;}
.whatprocedures .w3 p{ background-color:#0843b0;}
.whatprocedures .w4 p{ background-color:#0a3d9a;}
.whatprocedures .w5 p{ background-color:#0b337c;}
.whatprocedures .w6 p{ background-color:#032668;}
.whatprocedures .w7 p{ background-color:#0c2249;}
.whatprocedures li.last{background:none;}
.whatprocedures li span {display: block; font-weight:bold; font-size: 13px; letter-spacing: -1px; border-top: 1px dotted #fff; padding-top: 0px; line-height: 30px; margin-top: 5px;}

@media only screen and (max-width: 1130px){
	.whatprocedures .step_what{height: 81px;}
}
@media only screen and (max-width: 1012px){
	.whatprocedures .step_what{height:auto;}
}
@media only screen and (max-width:946px){
	.whatprocedures .step_what{height: 81px;}
}
@media only screen and (max-width: 750px){
	.whatprocedures li {padding-right: 12%; width:90%}
}

.whatprocedures .step_what{margin-top: 44px; font-weight: bold;background: url(/images/skin/arr.gif) no-repeat 94% 5px;}

@media only screen and (max-width: 1130px){
	.whatprocedures .step_what{height: 81px;}
}
@media only screen and (max-width: 1012px){
	.whatprocedures .step_what{height:auto;}
}
@media only screen and (max-width:946px){
	.whatprocedures .step_what{height: 81px;}
}
.arc {
    border-radius: 1000px;
    width: 55px;
    height: 45px;
    background-color: #e78159;
    padding: 15px 15px 20px 15px;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}
.arc2 {
    border-radius: 1000px;
    width: 55px;
    height: 45px;
    background-color: #af843f;
    padding: 15px 15px 20px 15px;
    vertical-align: middle;
    text-align: center;
    font-size: 15px;font-weight: bold;color: #fff;}
.txt_red{color: #e13d00;}
.item2_focus {color: #177d4f;font-size: 13px;margin-top: 10px;letter-spacing: -0.5px;}
.call{display:block;margin:10px 0;padding:10px 0;border-top: 1px solid #d1d3d8;text-align:right;font-size:12px;font-weight: bold;color:#5c627c}
.board--card--list .obj .link:hover .tit,
.board--card--list .obj .link:focus .tit{text-decoration: underline;}

/* li 스타일 */
.list_1st li {margin-bottom:6px;  padding-left:10px; font-size:15px; position:relative;}
.list_1st li:before {content:'';display:block; width:4px; height:4px; position:absolute; border-radius:50%; top:9px; left:1px; background-color:#1161be;}

.list_3st li {
    margin-bottom: 5px;
    padding-left:14px;
    position:relative;
}
.list_3st li strong {color:#000; font-weight:600;}
.list_3st li:before {content:''; display:block; width:7px; height:2px; position:absolute; top:11px; left:1px; background-color:#000;}

.list_2st li {
    margin-bottom: 5px;
    padding-left:12px;
    font-size: 15px;
    position:relative; font-weight:300;
}
.list_2st li:before {content:'';display:block; width:5px; height:1px; position:absolute; top:11px; left:1px; background-color:#1161be;}

/* li 스타일 적용안할경우 */
.list_no_style   {background:none; background:none}
li.bg-no:before  {background:none !important; }
.no_bul li:before  {background:none !important; }

/* 주민센터 이용안내 : 공통 */
.jumincenter {display:inline-block; width:100%;}
.jumincenter .wrap {float:left; width:100%; margin-bottom:50px; border-left: 1px solid #eee;border-right: 1px solid #eee;border-bottom: 1px solid #eee;}
.jumincenter .wrap > li {padding: 20px; border-bottom: 1px solid #f0f0f0;}
.jumincenter .wrap > li:first-child {padding:10px 0; background: #3066b3; color: #fff; text-align: center; font-size:18px; border-radius: 5px 5px 0 0; width:100%;}
.jumincenter .wrap > li:last-child {border-bottom: 0;}
.jumincenter .wrap > li.infoimg {width:50%; float: left; border-bottom: 0;}
.jumincenter .wrap > li.infoimg .info {height:420px;}
.jumincenter .wrap > li.infoimg .info li {width:100%}
.jumincenter .wrap > li.infoimg .info .img { border:1px solid #f0f0f0;}
.jumincenter .wrap > li.infoimg li .tit {margin-top: 5px;}
.jumincenter .wrap > li .floor {display: inline-block;width: 50px;height: 50px;vertical-align: top;line-height: 50px;background: #555b69;text-align: center;border-radius: 10px;color: #fff;font-size: 18px;}
.jumincenter .wrap > li .floor2 { width:120px; }
.jumincenter .wrap > li .floor3 { width:80px; }
.jumincenter .wrap > li .info {display: inline-block; width: calc(100% - 63px); margin-left: 5px; border: 1px solid #f0f0f0; border-radius: 5px;}
.jumincenter .wrap > li .info2 {  width: calc(100% - 133px)!important; }
.jumincenter .wrap > li .info3 {  width: calc(100% - 100px)!important; }
.jumincenter .wrap > li .info3 li { border-left:none!important; }

.jumincenter .wrap > li .info li {float:left; width:50%; padding: 15px;}
.jumincenter .wrap > li .info li:nth-child(even) {border-left:1px dashed #f0f0f0;}
.jumincenter .wrap > li .info li .tit {display:inline-block; width:100%; font-size:17px;vertical-align: top;}
.jumincenter .wrap > li .info li .tit b  {position: relative;}
.jumincenter .wrap > li .info li .tit p {margin-top:0;}
.jumincenter .wrap > li .info li .tit .ir-home {position: static; margin-left: 5px; vertical-align: middle; background-position: -213px -213px;}
.jumincenter .wrap > li .info li .time {display:inline-block; padding:10px 0;}
.jumincenter .wrap > li .info li .time dl {padding-left:10px;}
.jumincenter .wrap > li .info li .time dd,
.jumincenter .wrap > li .info li .time dt {display:inline-block;}
.jumincenter .wrap > li .info li .time dt {position: relative; padding-left:15px; min-width:50px; font-weight: 600;}
.jumincenter .wrap > li .info li .time dt:before {position: absolute; left: 0; top: 10px; width: 6px; height: 6px; background: #3d6cc0; border-radius: 50%; content: '';}
.jumincenter .wrap > li.Bfloor {background:#f8f8f8;}
.jumincenter .wrap > li.Bfloor .info {border:0;}

/* 행정동  */
.s1807 .wrap:last-child > li:nth-child(4){border-top:1px solid #f0f0f0;}


@media (max-width:767px){
    .jumincenter .wrap > li .info li .tit small {display:block;}
}
@media (max-width:640px){
    .jumincenter .wrap > li.infoimg .info {height:auto;}
    .jumincenter .wrap > li .info li,
    .jumincenter .wrap > li.infoimg {float:none; width:100%;}
    .jumincenter .wrap > li .info li:nth-child(even) {border-left:0; border-top: 1px dashed #f0f0f0;}
}
@media (max-width:540px){
    .jumincenter .wrap > li .floor,
    .jumincenter .wrap > li .info {width:100%;}
    .jumincenter .wrap > li .info {margin-left:0; border-radius: 0;}
    .jumincenter .wrap > li .floor {border-radius: 0;}
}

/* 주민센터 이용안내 : 공통 End  */


/* 각 사이트 공통 : 묻고 답하기 */
.citizen_calligraphy{background: url(/images/common/main_ir.png);}
.citizen_btn .btn_wrap{text-align:center;vertical-align:middle}
.citizen_btn .btn_wrap .icon_btn{background: #2678cc;}
.citizen_btn .btn_wrap > a{display: inline-block;position: relative;width: 230px;margin-top: 1%;padding: 16px 0 14px 30px;background: #364452;border-radius: 8px;color: #fff;text-align: left;font-size: 20px;font-weight: 700;line-height: 1.2em;letter-spacing: -0.1em;vertical-align: middle;}
.citizen_btn .btn_wrap a:after{position: absolute;right: 16px;top:50%;width: 26px;height: 26px;margin-top: -13px;background: url(/images/common/main_ir.png) -443px -1px;content: '';}
.citizen_btn .btn_wrap a em{font-size:15px}
.citizen_btn .btn_wrap a b{display:inline-block;width: 24px;height: 31px;margin-left: 5px;background-position: -238px -87px;font-size: 0;text-indent: -9999px;vertical-align: bottom;}

.mjointbbtBox {overflow: hidden; min-height: 20px; padding:0 0 50px 0;}

/*직원전화번호 */

 .mobiletel{display:none !important;}

@media (max-width:767px){
    .pctel{display:none !important;}
    .mobiletel{display:block !important;}
    table .mobiletel{display:table-cell !important;}
    .Depinfo_txt span.mobiletel{display:inline-block !important;}
}

/*03.31. 자전거 이벤트 css 수정*/
.bicycle_down_red { color:red!important; }
.bicycle_event_img { width:180px; height:180px; float:left;  }
.bicycle_event_text { margin-top:45px; margin-bottom:10px;}
.bicycle_event_box { display:block; height:90px; }
.bicycle_event_box2 { float:left;}

@media (max-width:617px){
    .bicycle_event_box { height:240px; }
    .bicycle_event_text { margin-top:20px; }
}

@media (max-width:406px){
    .bicycle_event_box { height:300px; }
}

/* '22.05.18. hwpx 형식의 파일 > 한글아이콘 나오도록 수정 */
.ir-hwpx { background-position:0 -177px; }

/* '23.05.18. input width 100% */
.wd100 { width:100% !important;}

.loading_msg {
    padding: 10px 15px;
    background-color: #f4f4f4;
    border-radius: 3px;
    font-size: 15px;
    margin-bottom: 10px;
}
.loading_msg span { font-weight: bold;}

/*코로나19 클린존 CSS 추가 2020-03-14 - 시작*/
	.Markcol {margin-bottom:10px; text-align:right;}
	.Markcol span {margin:0 5px; display: inline-block;}
	.Markcol span em{width:14px;height:14px;border-radius: 10px;display: inline-block;margin-right: 4px;}
	.Markcol span em:before {content: ''; bottom: -10px; position: relative; display: block; width: 0px; height: 0px; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent;}
	.Markcol span.Markcol01 em{border: 3px solid #4d23c7;}
	.Markcol span.Markcol02 em{border: 3px solid #686868;}
	.Markcol span.Markcol03 em{border: 3px solid #e68d00;}
	.Markcol span.Markcol01 em:before {border-top: 4px solid #4d23c7;}
	.Markcol span.Markcol02 em:before {border-top: 4px solid #686868;}
	.Markcol span.Markcol03 em:before {border-top: 4px solid #e68d00;}
	@media only screen and (max-width: 640px){.Markcol {text-align:left;}.Markcol span {margin:0 3px; font-size:13px;}}
	.ui-infowindow{position: relative; width:280px !important;left: 0px;top: 0px;}
	.ui-infowindow .safemark{position:absolute; top:18px; left:8px; z-index:100;height:55px; width:55px; display:block; background:url(/images/covid19/safemark02.png) no-repeat;background-size: cover;text-indent: -500000px; }
	.map-view {height: 600px !important;} 
	.ui-infowindow p{color:#000;}
	.ui-infowindow .topbox{ font-size:13px;font-weight:400;color:#000;margin:5px 0; position:relative;}
	.ui-infowindow .topbox a{background: url(/images/home/icn_bd_more.png)no-repeat; width:10px;height:10px;display:inline-block; background-size: cover;}
	.ui-infowindow ul li {text-align:left; font-size:13px;font-weight:400;color:#000;}
	.list-1st dd, .list-1st li, .txt_bul {padding-left: 8px;}
	.list-1st dd:before, .list-1st li:before, .txt_bul:before {background: #6a6a6a !important; top: 7px; width: 3px; height: 3px;}
	.list-1st span.soptitle {font-size:13px; font-weight: 600;}
	.mgse01 {margin: 7px 0 30px 62px !important;}
	.ui-infowindow .Overflow{}
	.ui-infowindow .Overflow table{width:100%;font-size:12px;font-weight:400;border:1px solid #ddd;}
	.ui-infowindow .Overflow table th,
	.ui-infowindow .Overflow table td {border:1px solid #ddd; font-size:12px;}
	.ui-infowindow .cleZonegud {color: #236DC7; font-size: 12px; }
	.ui-infowindow a.clzmore {position:absolute; right:10px; /* top:63px; */ bottom:24px; z-index:100;display: block;		}
	.ui-infowindow a.clzmore > span {		display:block;padding:0 5px;background: #63676d;border-radius:3px;line-height: 20px;font-size: 11px; color:#fff;letter-spacing: -0.03em;		}	
	.ui-infowindow a.clzmore:hover > span {background: #000;}
	span.addr > em.ico01 {display: inline-block;width: 24px;height: 24px;margin-right: 8px;border-radius: 50%;vertical-align: middle;		background-position: -48px 0;background-color: #039be0;background-image: url(/images/skin/ir.png);background-repeat:  no-repeat;}	
	/*코로나19 클린존 CSS 추가 2020-03-14 - 끝*/
	/* 음식점 . 숙박 업소 지도 CSS 추가 2020-05-06 [START]*/
	.sejongPlaceMap .customoverlay {position:absolute;bottom:49px;left:-135px;border-radius:6px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;width:280px;}
	.sejongPlaceMap .customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
	.sejongPlaceMap .customoverlay .title-bx {display:block;text-decoration:none;color:#000;text-align:center;border-radius:6px;font-size:14px;font-weight:bold;
     overflow:hidden;background: #d95050;background: #009ee3 url(../img/content/map_logo.png) no-repeat 3px 50%;}
	.sejongPlaceMap .customoverlay .title {display:block;text-align:right;background:#fff;margin-left:35px;padding:20px 10px;font-size:14px;font-weight:bold;}
	.sejongPlaceMap .customoverlay .title .plceTitle_mj { text-align: left; display: block; font-size: 1.1em; letter-spacing: -0.03em;
		padding:0 0 0 23px; background: url(../img/content/marker_Food.png) no-repeat 3px 50%; background-size:18px;
	}
	 
	
	.sejongPlaceMap .customoverlay .title .address { text-align: left; display: block; font-weight: normal; white-space: pre-line;}
	.sejongPlaceMap .customoverlay .title .plceMore { text-align: left; font-weight: normal;}
			
	.sejongPlaceMap .customoverlay .title a.roadsearch {color:#0295d6;text-align:center; font-size:12px;font-weight:normal;margin-left:10px; padding-left:16px; background:url(/images/common/mapsearch.png) no-repeat 0 50% transparent;}
	.sejongPlaceMap .customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url(/images/common/vertex_white.png)}
	.map_wrap, .map_wrap * {padding:0;font-family:'Malgun Gothic',dotum,'돋움',sans-serif;font-size:12px;}
	.map_wrap a, .map_wrap a:hover, .map_wrap a:active{color:#000;text-decoration: none; display: block;}
	.map_wrap {position:relative;width:100%;height:600px;}
	#search_wrap {position:absolute;top:0;left:0;width:300px;padding:5px; height:auto; border-top: 1px solid #ddd; border-left: 1px solid #ddd;background:rgba(255, 255, 255, 1);z-index: 1;font-size:12px;border-bottom: 2px solid #44b571;}
	/* #menu_wrap {position:absolute;top:0;left:0;bottom:0;width:250px;margin:10px 0 30px 10px;padding:5px;overflow-y:auto;background:rgba(255, 255, 255, 0.7);z-index: 1;font-size:12px;border-radius: 10px;} */
	#result_wrap {position:absolute;top:145px;left:0;bottom:0;width:300px;padding:5px;background:rgba(255, 255, 255, 1);z-index: 1;font-size:12px; border-left:1px solid #ddd; border-bottom:1px solid #ddd;overflow-y:auto;}
	#category_arr {position: absolute;top: 29.7px;left: 220px;width: 79px;height: 20px;padding: 5px;background: rgba(255, 255, 255, 1);z-index: 1;font-size: 12px;border-right: 1px solid #ddd;border-bottom: 2px solid #44b571;-ms-transform: rotate(270deg);-webkit-transform: rotate(270deg);transform: rotate(270deg);text-align:center;}
	#category_wrap {position:relative;bottom:0;width:100%;height:auto;background:rgba(255, 255, 255, 1);z-index: 1;font-size:12px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;margin-bottom:7px;}
	.bg_white {background:#fff;}
	#search_wrap .option{text-align: center;}
	#search_wrap .option p {margin:10px 0;}  
	#search_wrap .option button {margin-left:5px;}
	#search_wrap .search-keyword{position: relative; margin-top: 7px;}
	#search_wrap .search--select{margin-bottom:5px;}
	#map{height:600px;border:1px solid #ddd;margin-bottom: 50px;}
	.sejongPlaceMap select, select.form-control {padding-left: 5px; font-size:14px !important; }
	select.form-control > option {font-size:14px !important; }
	.sejongPlaceMap .arr input{background:url(../img/content/arrow_tab.png); width:14px; height:8px;}
	.sejongPlaceMap .arr.on input{background:url(../img/content/arrow_tab.png); width:14px; height:8px;background-position:-23px 0px;}
	.sejongPlaceMap .arr2{top: -2px;position: absolute;left: 32px;}
	#placesList li {list-style: none;}
	#placesList .item {position:relative;border-bottom:1px solid #888;overflow: hidden;cursor: pointer;min-height: 65px;}
	#placesList .item span {display: block;margin-top:4px; letter-spacing: -0.03em;}
	#placesList .item h5, #placesList .item .info {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	#placesList .item .info{padding:10px 0 10px 40px;}
	#placesList .info .gray {color:#8a8a8a;}
	#placesList .info .jibun {padding-left:26px;background:url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/places_jibun.png) no-repeat;}
	#placesList .info .tel {color:#009900; display: inline-block;}
	#placesList .info .tel:before {
		content: '☎'; padding: 0 3px 0 10px;		
	}
	a.plceCke, a.plceCke{display: none}
	a.plceCke > span {
		display: block; padding:0 10px 0 0;
		border: 1px solid #a6a6a6;
		width: 70px; line-height: 20px;
		text-align: center;
		font-size: 0.92em; 
	    background-image: url(/template/A/images/target_blank.png);
	    background-repeat: no-repeat;
	    background-position: 53px 50%;
	    background-size:10px;
	}
	a.plceCke:hover > span {
		background-color: #eee;
	}	
	
	a.plceMore, a.plceMore:hover  {display: inline-block;}
	a.plceMore > span {
		display: block; padding:0 10px 0 0;
		border: 1px solid #a6a6a6;
		width: 70px; line-height: 20px;
		text-align: center;
		font-size: 0.92em; 
	    background-image: url(/template/A/images/target_blank.png);
	    background-repeat: no-repeat;
	    background-position: 50px 50%;
	    background-size:10px;
	    	
	}	
	a.plceMore:hover > span {
		background-color: #eee;
	}
	
	
	/*CSS 마터 변경 위치*/
	#placesList .item .markerbg {
		float:left; position:absolute;
		width:29px; height:48px; margin:5px 0 0 2px;
		line-height: 30px;
		background:url(/images/common/marker_sim_01.png) no-repeat;		
		text-align: center;
		color: #000;
		font-weight: 600; 
		font-size: 1.2em;		
	}
	
	#placesList .item:hover .markerbg {
		background:url(/images/common/marker_sim_01_ov.png) no-repeat;
		color: #fff;		
	}
	
	/*CSS 마터 변경 위치 - End */
	
	/*
	#placesList .item .marker_1 {background-position: 0 -10px;}
	#placesList .item .marker_2 {background-position: 0 -56px;}
	#placesList .item .marker_3 {background-position: 0 -102px}
	#placesList .item .marker_4 {background-position: 0 -148px;}
	#placesList .item .marker_5 {background-position: 0 -194px;}
	#placesList .item .marker_6 {background-position: 0 -240px;}
	#placesList .item .marker_7 {background-position: 0 -286px;}
	#placesList .item .marker_8 {background-position: 0 -332px;}
	#placesList .item .marker_9 {background-position: 0 -378px;}
	#placesList .item .marker_10 {background-position: 0 -423px;}
	#placesList .item .marker_11 {background-position: 0 -470px;}
	#placesList .item .marker_12 {background-position: 0 -516px;}
	#placesList .item .marker_13 {background-position: 0 -562px;}
	#placesList .item .marker_14 {background-position: 0 -608px;}
	#placesList .item .marker_15 {background-position: 0 -654px;}
	*/
	#category {position:relative;border-radius: 5px; border:1px solid #909090;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);background: #fff;overflow: hidden;z-index: 2;}
	#category li {float:left;list-style: none;width:16.5%;border-right:1px solid #acacac;padding:6px 0;text-align: center; cursor: pointer;}
	#category li.on {background: #eee;}
	#category li:hover {background: #ffe6e6;border-left:1px solid #acacac;margin-left: -1px;}
	#category li:last-child{margin-right:0;border-right:0;}
	#category li span {display: block;margin:0 auto 3px;width:27px;height: 28px;}
	#category li .category_bg {background:url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/places_category.png) no-repeat;}
	#category li .bank {background-position: -10px 0;}
	#category li .mart {background-position: -10px -36px;}
	#category li .pharmacy {background-position: -10px -72px;}
	#category li .oil {background-position: -10px -108px;}
	#category li .cafe {background-position: -10px -144px;}
	#category li .store {background-position: -10px -180px;}
	#category li.on .category_bg {background-position-x:-46px;}
	#pagination {margin:10px auto;text-align: center;}
	#pagination a {display:inline-block;margin-right:10px;}
	#pagination .on {font-weight: bold; cursor: default;color:#777;}
	#keyword {width: 100%;height: 30px;padding: 7px;background-color: #eee; border-radius: 4px; float:left; margin-bottom:7px;position:relative;padding-right:43px;}
	#search_wrap button[type="submit"]{overflow: hidden;position: absolute;width: 43px;height: 30px;border: 0 none;background: #8698b0 url(../img/content/bul_search.png) no-repeat 50% 50%;font-size: 0;line-height: 0;border-radius: 0px 4px 4px 0px;right: 0;}
	/* 음식점 . 숙박 업소 지도 CSS 추가 2020-05-06 [END]*/
	
	@media screen and (max-width: 600px) {
    	/* 모바일에 사용될 스트일 시트를 여기에 작성합니다. */
    	#search_wrap{
    		width:100%;
    	}
    	#search_wrap .search--select {
    		width: 49%;
		    display: inline-block;
		    float: left;
		    margin-bottom:5px;
    	}
    	#search_wrap .mmr1 {
    		margin-right: 1%;
    	}
    	#result_wrap{
    		width:100%;
    	}
    	#search_wrap button[type="submit"]{
    	top:39px;
    	}
    	#result_wrap{
    	top: 115px;
    	}
    	.plceCke{
    	display:inline-block !important;
    	}
    	
    	
    	
    	
	}
	.form-control {
	display: block;
    width: 100%;
    height: 34px;
	}