@charset "utf-8";

img {max-width: 100%;}

.contentBody {font-size:1.2rem;} 
/* p테그 공통 왼쪽 띄워주는 소스 */
.indent{margin-left:25px;}
/* 반응형 이미지 제어 */
.pc_Img{display:block;}
.mobile_Img{display:none;}
.conImg {text-align: center;}
.conImg img{max-width:100%;}
@media all and (max-width:1024px) {
	.mobile_Img{display:block !important;text-align:center;}
	.mobile_Img img {max-width:100%;}
	.pc_Img{display:none !important;}
}
/* 반응형 테블릿 이하 사이즈로 되었을때 스크롤 드래그 */
.mCont_scroll .tableauPlaceholder{width:100% !important;}
.img-zoom img , .talk-noImg img {max-width:100%;}
.blind {font-size:0px;}
@media all and (max-width:1700px) { 
	.mCont_scroll2 {overflow-x:scroll; padding-top:45px; background:url("/base/imgs/icon/mCont_scroll_ico.png") no-repeat 99% 0;}
}
@media all and (max-width: 1024px) {
.img-zoom {position:relative;width:100%; }
.img-zoom img {max-width:100%;}
.img-zoom .btn-zoom {position:absolute;bottom:5px;right:0;display:block;width:45px;height:45px;background:url("/base/imgs/icon/imgbig.png") no-repeat;z-index:100;}
.blind {font-size:0px;}
}
@media all and (max-width:1024px) {
	.headnote {text-align:left; margin:2px 0 3px 0;}
}
@media all and (max-width:1023px) { 
	.mCont_scroll {overflow-x:scroll; padding-top:45px; background:url("/base/imgs/icon/mCont_scroll_ico.gif") no-repeat right 0;}
	.mCont_scroll table{width:1023px;}
	.mCont_scroll .tableauPlaceholder{width:1023px !important;}
}
@media screen and (max-width: 840px) {
	.img-zoom img {max-width:100%}
}
.conH3 {position:relative; font-size:25px; background:url("../imgs/contents/h3_bg.png") no-repeat 0 17px; color:#000; padding-left:30px; letter-spacing:-1px; margin-bottom:10px; margin-top:45px; padding-top:10px; word-break: break-all;}
.conH4 {position:relative; font-size:22px; background:url("../imgs/contents/h4_bg.png") no-repeat 0 20px; color:#555; padding-left:30px; letter-spacing:-1px; margin-bottom:10px; margin-top:60px; padding-top:10px;}
.conH5 {position:relative; font-size:19px; background:url("../imgs/contents/h5_bg.png") no-repeat 0 10%; color:#000;  letter-spacing:-1px; margin-bottom:10px; margin-top:60px;}
.conH6 {position:relative; font-size:17px; color:#1e2c4a; padding-left:0px; margin-top:60px; padding-top:10px;}
.conH6:after {background:none;}
.conH6:before {position:absolute; content:""; top:0px; left:0; width:15px; height:8px; background:url("../imgs/contents/h6_bg.png") no-repeat;}
.conH3.top {margin-top:0 !important;}
.conH4.top {margin-top:0 !important;}
.conH5.top {margin-top:0 !important;}
.text_center {text-align:center !important;}
@media all and (max-width:480px) { 
	.conH3 {font-size:22px; background-position:0 13px; line-height:30px;}
	.conH4 {font-size:20px; background-position:0 15px; line-height:30px;}
}


/* 폰트컬러 */
.em_black {color:#000 !important;}
.em_orange {color:#e77114 !important;}
.em_green {color:#068b32 !important;}
.em_yellow {color:#fabe00 !important;}
.em_sky {color:#46a5b2 !important;}
.em_red {color:#e83436 !important;}
.em_b_red {color:#e83436 !important; font-weight:bold;}
.em_blueB {color:#2ca0ad !important; font-weight:bold;}

/* conList */
.conList {position:relative; line-height:22px;margin-top:10px;}
.conList li {position:relative; padding:0 0 7px 30px;color:#555;line-height:1.7;}
.conList li:after {position:absolute; left:14px; top:12px; content:"";}
.conList ul {position:relative;padding:5px 0 0 0;}
.conList li li {position:relative;padding:0 0 5px 13px;font-size:1rem;color:#666;background:none;}
.conList li li:after {position:absolute;display:block;left:3px;top:16px;content:"";width:6px;height:2px;background:#928e8e;}
.conList li li li {padding:0 0 2px 12px;color:#777; font-size:0.95em;}
.conList li li li:after {position:absolute; left:2px; top:10px; content:"";width:5px;height:5px;background:#c1c1c1;border-radius:50%;}

/* contTable_b tbody만 있는 경우 */
.contTable_b {border-collapse:collapse; width:100%; border-top:2px solid #434343;border-bottom:1px solid #ccc; color:#555; word-break:break-all;}
.contTable_b tbody th {height:42px;background:#f8f8f8; padding:6px 4px 6px 10px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; color:#222;}
.contTable_b tbody td {height:42px;padding:5px 10px 6px 10px; border:1px solid #e4e7ec;border-top:none; text-align:left; height:30px;}
.line_top{border-top:2px solid #686e70 !important; }
.contTable_b tbody td.td_c{text-align:center;}
.contTable_b tfoot th {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; height:30px; background:#f3f3f3; text-align:center;}
.contTable_b tfoot td {padding:7px 10px; border:1px solid #e4e7ec; border-top:none; font-weight:bold; height:30px; background:#f3f3f3; text-align:center;}
.contTable_b .first{border-left:0;}
.contTable_b .last{border-right:0;}
.contTable_b .conList {padding:0;}

/* 박스line */
.box {position:relative; border:1px solid #ddd;padding:50px;}
/* 박스gray */
.boxgray {position:relative; background:#fafafa;padding:50px;}
/* 박스Point */
.boxPoint {padding: 2rem;border: 5px solid #E6E6E6;height: auto;text-align: center;position: relative;}
.boxPoint:before {background:#e83436;position:absolute;top:-5px;left:0;width:2.5rem;height:5px;content:'';}
.boxPoint:after {background:#e83436;position:absolute;top:-5px;left:-5px;height:2.5rem;width:5px;content:'';}
/* 박스Pink */
.boxPink {position:relative; border:5px solid #fdadae; padding:50px;}
/* 박스Blue */
.boxBlue {position:relative; border:5px solid #7eb7bf; padding:50px;}
.conBox {font-size:18px;}

/* 버튼 */
a.culture_down{position:relative; font-weight:bold; color:#3361a6; padding-right:30px; text-decoration:underline;}
.culture_down:after{position:absolute; display:block; content:''; top:0; right:0; width:30px; height:30px; background:url('../imgs/contents/culture_down.png') no-repeat;}

/* 사업소개 */
.culture_list01{margin-top:15px; display:inline-block;}
.culture_list01 div {display:flex; width:23%; margin:0 1%; float:left; height:120px;}
.culture_list01 div ul li{float:left;}
.culture_list01 div h4{background:#fabe00; width:150px; font-size:18px; color:#000; padding-top:30px;}
.culture_list01 div+div h4{background:#64bc80;}
.culture_list01 div+div+div h4{background:#f09594;}
.culture_list01 div+div+div+div h4{background:#7eb7bf;}

.culture_list02{margin-top:10px;}

a.clickbtn2{display:block; background:url('../imgs/contents/qr_btnimg2.png') no-repeat; width:150px; height:59px;}
a.clickbtn2:hover{background:url('../imgs/contents/qr_btnimg2_over.png') no-repeat;}

@media all and (max-width:1038px) { 
	.mn_category1 li {float:left; width:33%;}
}
@media all and (max-width:767px) { 
	.mn_category1 li {float:left; width:49.5%;}
}
@media all and (max-width:480px) { 
	.mn_category1 li {float:left; width:99.5%;}
	.mn_category1 a {background:#fff url('../imgs/contents/tab_ico.png') no-repeat 95% 10px; font-size:14px; padding:8px 20px 9px 17px; line-height:20px;}
.mn_category1 .on a {background:#323b50 url('../imgs/contents/tab_on_ico.png') no-repeat 95% 10px; }
}

/* 사이트맵 */
.sitemap2 {position:relative;padding:0;overflow:hidden;}
.sitemap2 ul {margin:0 0 0 -3%;}
.sitemap2 ul li {float:left;padding:0 0 0 3%;width:30.3%;}
.sitemap2 ul li li{float:none;padding:0;width:100%;}
.sitemap2 ul li a{position:relative;display:block;} 
.sitemap2 ul li li a{text-align:left;padding:10px 8px;border-bottom:1px solid #eaeaea;}
.sitemap2 ul li li a[target="_blank"] {background: url('/base/imgs/cmmn/subMn_blank.png') no-repeat 90% 50%;}
.sitemap2 ul li li a:hover{text-decoration:underline;}
.sitemap2 ul ul{margin:0 0 20px 0;width:100%;}
.sitemap2 ul ul ul{background:#f7f7f7;padding:8px 0;margin:0;border-bottom:1px solid #eaeaea; width:auto;}
.sitemap2 ul ul ul ul{background:#f7f7f7;padding:10px 5%;width:90%;margin:0;border-bottom:none;}
.sitemap2 ul ul ul ul li{background:#fff;}
.sitemap2 ul li li li li:first-child a{padding:12px 10px 6px 14px;} 
.sitemap2 ul li li li li:last-child a{padding:6px 10px 12px 14px;} 
.sitemap2 ul li li li a{border:none;padding:7px 10px 7px 20px;line-height:15px;color:#666;font-size:0.9em;} 
.sitemap2 ul li li li a:after{position:absolute;left:11px;top:14px;content:"";width:4px;height:1px;background:#9e9e9e;}
.sitemap2 .map_1depth{background:#52545a;color:#fff;padding:8px 0 12px 0;text-align:center;border-radius:8px; font-weight:600;}
.sitemap2 .ico_blank{position:absolute;top:40%;right:10px;display:block;width:13px;height:15px;}
@media screen and (max-width:768px){
	.sitemap2 ul{margin:0;}
	.sitemap2 ul li{float:none; padding:0;width:100%;}
	.sitemap2 .map_1depth{padding:10px 0 10px 0;}
	.sitemap2 ul li li a{padding:10px 5%;}
	.sitemap2 ul li li li a{padding:5px 10px 5px 7%;line-height:15px;} 
}
/* 가맹점신청 */	
.Boxstyle2{border:3px solid #eee; padding:30px 45px;}
.Boxstyle2 .de_point{font-weight:600; margin-top:30px;}
.radio_ck{background:#eee; padding:20px 30px; text-align:center;}
.radio_ck label{font-weight:bold; margin:0 15px;}

/* 가맹점 사용시준 */
.use_list{border:3px solid #eee; padding:30px 45px;}
.use_list p{color:#1c568c; font-weight:bold;}

/* 도민 신청안내 */
.button{display:inline-block; overflow:hidden; position:relative; min-width:90px; height:43px; line-height:41px; box-sizing:border-box; padding:0 25px 35px 15px; margin:2px 0px; background:#41464e; border:1px solid #25282d; color:#fff !important; vertical-align:top; transition:all 0.4s ease-out 0.1s;}
.button span{display:inline-block; position:relative; z-index:2; padding: 0 20px 0 10px;}
.button:before{content:''; display:block; position:absolute; top:0px; right:0px; bottom:0px; left:0px; z-index:1; width:120%; height:110%; background:#fff; transform:translateX(-120%) skew(-15deg); transition:transform 0.7s cubic-bezier(0, 0, 0.21, 0.87) 0s;}
.button:hover:before,
.button:focus:before{background:#fff; transform:translateX(-10%) skew(-15deg) perspective(500px); color:#222 !important;}
.button:hover,
.button:focus{color:#222 !important; border-color:#222 !important; box-shadow:0px 10px 15px rgba(0,0,0,0.15);}
.button span.blank:after {text-align:left; content:''; display:block; position:absolute; top:12px;  right:-5px; background:url('../imgs/contents/btnBlnk_ico.png') no-repeat 0 -16px; width:16px; height:16px;}
.button:hover span.blank:after,
.button span.blank:focus{background-position:0 0;}

/* 도민신청 */
.domin_box{background:#f7f3f1 url('../imgs/contents/domin_bg.png') no-repeat left top; padding:40px 5%; width:90%; border-bottom:5px solid #f0edeb; border-radius:30px 30px 55px 30px;}
h3.conH3 span.do_color01{color:#f04273;}
h3.conH3 span.do_color02{color:#d87000;}
h3.conH3 span.do_color03{color:#2263b5;}
.domin_box h4{font-size:21px; font-weight:500;}
.domin_box h4 strong{font-size:23px;}
.domin_box h4 span{color:#e33436; text-decoration:underline;}
ul.domin_ul{display:block; margin-top:30px; background:#fff; border-radius:20px 20px 50px 20px; padding:35px 5%;}
ul.domin_ul li{margin-top:10px; margin-bottom:15px; display:flex; align-items:center; font-size:19px; font-weight:500; }
/*ul.domin_ul li:first-child{position:relative;}
ul.domin_ul li:first-child:after{display:block; position:absolute; top:0; right:0; width:1px; height:100%; content:''; background:#ebdfd9;}*/
a.clickbtn{background:url('../imgs/contents/qr_btnimg.png') no-repeat; width:215px; height:84px;}
a.clickbtn:hover{background:url('../imgs/contents/qr_btnimg_over.png') no-repeat;}
/*ul.domin_ul li a:after{display:block; position:absolute; top:20px; right:20px; width:10px; height:10px; content:''; background:url('../imgs/contents/domin_arrow.png') no-repeat;}*/
ul.domin_ul li strong{font-size:23px; margin-right:10px; margin-left:20px; }
ul.domin_ul li span{font-weight:400;margin-right:10px;}

@media screen and (max-width:1190px){
	ul.domin_ul li span{display:block}
	img.clickbtn{max-width:215px;}
	ul.domin_ul li{flex-direction:column;}
	ul.domin_ul li strong{display:contents;}
}
@media screen and (max-width:768px){	
	ul.domin_ul li strong{display:block; margin-right:0; margin-left:0; margin-top:15px;}
}
@media screen and (max-width:850px){	
	.domin_box h3{font-size:26px;}
}