@charset "utf-8";

.caution_box { overflow:hidden; position:relative; margin-top:20px; }
.caution_box .tit { width:20%; padding:7px 5px 7px 60px; background:#fb7f1c url('/open_content/welfare/images/sub/icon_caution.png') no-repeat 20px center; color:#fff; font-size:20px; font-weight:600; }
.tbox { margin-bottom:30px; padding-bottom:4px; border:1px solid #ccc; border-top:3px solid #554d47; background:url('/open_content/welfare/images/contents/tbox_bgB.gif') repeat-x left bottom }
.tbox .bg { padding:30px 40px 25px; font-size:15px; background:url('/open_content/welfare/images/contents/tbox_bg.gif') no-repeat right bottom }
.tbox_tit { font-size:18px; font-weight:600; margin:5px auto 20px; }
.tbox_tit strong { color:#c54e17; font-weight:600; }
.tbox .caution { font-size:20px; color:#ff7133; font-weight:600; padding:25px 25px 25px 100px; background:url('/open_content/welfare/images/sub/icon_caution.gif') no-repeat 20px center; }
.tbox2 { margin-top:10px; padding:20px 25px; border:1px solid #ccc; background:#f9f9f9; }

#detail_con .mapApi { margin-top:15px; padding:1%; border:1px solid #ddd; }

#detail_con .outlink { text-align:center; margin-top:10%; }
#detail_con .outlink.dotline { margin-top:50px; padding-top:40px; background:url('/open_content/main/images/contents/dotline.gif') repeat-x; }
#detail_con .outlink img { margin-bottom:15px; }
#detail_con .outlink a span, #detail_con a span.window { display:inline-block; padding:5px 45px 5px 0; font-size:16px; background:url('/open_content/welfare/images/sub/icon_window.gif') no-repeat right center; }

#detail_con .pictures>div { text-align:center; padding:8px; border:1px solid #dbdbdb; }
#detail_con .pictures ul { text-align:center; margin-top:20px; font-size:0; line-height:0; }
#detail_con .pictures ul li { display:inline-block; width:14.5%; margin:0 1% 15px; font-weight:600; line-height:120%; vertical-align:top; }
#detail_con .pictures ul li img { margin-bottom:10px; outline:1px solid #aaa; }
#detail_con .pictures ul li a:hover img, #detail_con .pictures ul li a:active img, #detail_con .pictures ul li img.on { outline:4px solid #519908; }
#detail_con .pictures2 { text-align:center; margin-top:20px; }
#detail_con .pictures2 li { display:inline-block; width:33%; }

ol.step { overflow:hidden; margin-top:10px; }
ol.step.step2 li { width:43%; }
ol.step.step3 li { width:29%; }
ol.step.step4 li { width:22%; }
ol.step.step5 li { width:17%; }
ol.step.step5_2 li { width:16%; }
ol.step.step6 li { width:13.5%; }
ol.step li { float:left; margin-right:30px; margin-top:5px; position:relative; display:table; }
ol.step li:after { display:block; content:"";  position:absolute; right:-30px; top:50%; width:24px; height:25px; margin-top:-13px; background:url('/open_content/welfare/images/sub/step_point.gif') no-repeat right center; }
ol.step li.last { margin-right:0; }
ol.step li.last:after { display:none; }
ol.step li p { display:table-cell; text-align:center; vertical-align:middle; height:80px; padding:0 10px; font-size:15px; font-weight:600; line-height:150%; border:5px solid #dcdcdc; border-radius:3px; }
ol.step li:first-child p, ol.step li.last p { border:5px solid #f5d2b7; }
ol.step li.gray p { border:5px solid #dcdcdc; }
ol.step_icon { overflow:hidden; }
ol.step_icon li { float:left; width:23%; margin:20px 1% 0; }
ol.step_icon li .tit { text-align:center; padding:5px; color:#fff; font-weight:600; font-size:17px; border:1px solid #352b23; background:#554d47; }
ol.step_icon li .box { text-align:center; margin-bottom:8px; padding:30px 0; border-left:1px solid #d9d3d0; border-right:1px solid #d9d3d0; border-bottom:1px solid #d9d3d0; background:#e9e7e6; }

ol.bstep>li { overflow:hidden; padding-bottom:25px; margin-bottom:5px; background:url('/open_content/main/images/sub/step_point_mb.gif') no-repeat 15% 75px; }
ol.bstep.stand>li { background-position:12% 97%; }
ol.bstep>li.line2 { background-position:15% 100px; }
ol.bstep li.pb_n { padding-bottom:0; }
ol.bstep li.append { width:31%; text-align:center; padding:0; font-size:13px; color:#0a488d; font-weight:600; background:none; }
ol.bstep>li.last { background:none; padding-bottom:0; }
ol.bstep li p.tit { float:left; text-align:center; width:24%; font-weight:600; border:5px solid #ccf1e7; background:#eff8f6; font-size:15px; line-height:24px; }
ol.bstep.stand li p.tit { font-size:16px; padding:23px 0; }
ol.bstep li p.orange { border:5px solid #f5d2b7; background:#f9f4f0; }
ol.bstep li ul, ol.bstep li p.txt { float:right; width:67%; padding:18px; border:1px solid #dcdcdc; background:#f9f9f9; }


ol.step_icon { overflow:hidden; }
ol.step_icon li { float:left; width:23%; margin:20px 1% 0; }
ol.step_icon li .tit { text-align:center; padding:5px; color:#fff; font-weight:600; font-size:17px; border:1px solid #e64b20; background:#ff6236; }
ol.step_icon li .box { text-align:center; margin-bottom:8px; padding:30px 0; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; border-bottom:1px solid #d9d3d0; background:#f9f9f9; }
ol.step_icon li p { text-align:center; font-size:16px; font-weight:600; }
ol.step_icon li p span { text-align:center; font-size:14px; }

.copy_con .stamp { padding-right:80px; font-size:22px; }
.copy_con .stamp strong span { font-size:90%; }
.copy_con .box { margin-top:15px; padding:20px 30px; border:1px solid #b0b0b0; }
.copy_con .box .caution { font-size:20px; color:#ff7133; font-weight:600; padding:25px 25px 25px 100px; background:url('/open_content/welfare/images/sub/icon_caution.gif') no-repeat 20px center; }
.copy_con .box li:first-child { border-top:0; }


.reward_vision .top_con { overflow:hidden; position:relative; width:100%; height:463px; margin:0 auto; background:url('/open_content/welfare/images/contents/reward_tbg_pc.gif') no-repeat center top; }
.reward_vision .top_con p { width:100%; position:absolute; font-weight:600; text-align:center; }
.reward_vision .top_con .txt1 { top:190px; font-size:46px; color:#fff; }
.reward_vision .top_con .txt2 { top:396px; font-size:20px; color:#4b4b4b; line-height:25px; }
.reward_vision .reward_chapter { overflow:hidden; width:100%; height:100%; margin:20px auto 150px; }
.reward_vision .reward_chapter .img { margin:70px auto; text-align:center; }
.reward_vision .reward_chapter>ul>li { float:left; width:186px; height:221px; margin-right:10px; }
.reward_vision .reward_chapter>ul>li>ul { position:absolute; width:184px; text-align:center; font-weight:600; margin-top:30px; padding:15px 0; border:1px solid #acacac; background:#fcfcfc; }
.reward_vision .reward_chapter>ul>li>ul .tit { font-size:16px; margin-bottom:17px; }
.reward_vision .reward_chapter .chapter1 { background:url('/open_content/welfare/images/contents/chap1_bg.gif') no-repeat center top; }
.reward_vision .reward_chapter .chapter2 { background:url('/open_content/welfare/images/contents/chap2_bg.gif') no-repeat center top; }
.reward_vision .reward_chapter .chapter3 { background:url('/open_content/welfare/images/contents/chap3_bg.gif') no-repeat center top; }
.reward_vision .reward_chapter .chapter4 { background:url('/open_content/welfare/images/contents/chap4_bg.gif') no-repeat center top; }

#con_search { overflow:hidden; width:100%; }
#con_search .tit { font-size:16px; font-weight:bold; text-align:center; }
#con_search .select_list { margin-top:20px; padding:15px; background:#f9f9f9; border:1px solid #ddd; }
#con_search .select_list .con { overflow:hidden; border-bottom:1px solid #ddd; padding-bottom:10px; margin:5px 0 }
#con_search .select_list .con.last { border-bottom:0; }
#con_search .select_list .t { margin:0; padding:10px 20px; background:#fff; border:1px solid #dfdfdf; font-size:20px; color:#444; font-weight:600; }
#con_search .select_list .a { float:left; width:20%; min-height:60px; font-size:18px; font-weight:600; padding-left:18px; padding-top:10px; color:#3e9e14; }
#con_search .select_list .a.a_long { min-height:100px; }
#con_search .select_list ul { width:100%; }
#con_search .select_list ul li { float:left; width:35%; line-height:28px; font-weight:600; }
#con_search .select_list ul li.st { width:16%; }
#con_search .select_list ul li input { margin-right:10px; }
/*#con_search .tit a:hover { color:#519908; }
#con_search .select_list { margin-top:20px; padding:15px 20px; background:#f9f9f9; border:1px solid #ddd; }
#con_search .select_list>div { overflow:hidden; margin:0; padding-bottom:20px; border-bottom:1px dotted #ddd; }
#con_search .select_list .last { padding-bottom:10px; border-bottom:0 }
#con_search .select_list p { float:left; width:20%; font-size:18px; font-weight:600; margin-top:10px; }
#con_search .select_list .t { color:#519908; }
#con_search .select_list .a { font-size:14px; }
#con_search .select_list ul { width:100%; margin-top:10px; }
#con_search .select_list ul li { float:left; width:180px; line-height:28px; font-weight:600; }
#con_search .select_list ul li input { margin-right:10px; }*/

.area_tab { overflow:hidden; margin-top:30px; background:#f9f9f9; margin-bottom:10px; border:1px solid #cdcdcd; }
.area_tab li { float:left; text-align:center; width:16.5%; padding-bottom:3px; border-left:1px solid #cdcdcd; }
.area_tab li:first-child { border-left:0; background:#f9f9f9; }
.area_tab li.on { background:#fff; border-bottom:2px solid #f7941e; }
.area_tab li.on:first-child { background:#fff; }
.area_tab li a { display:block; padding:20px 0 15px; font-weight:600; letter-spacing:-1px; }
.area_tab li a span { display:inline-block; width:100%; height:50px; margin-bottom:5px; }
.area_tab li.tab01 a span { background:url('/open_content/welfare/images/contents/area_tab01.gif') no-repeat center top; }
.area_tab li.tab02 a span { background:url('/open_content/welfare/images/contents/area_tab02.gif') no-repeat center top; }
.area_tab li.tab03 a span { background:url('/open_content/welfare/images/contents/area_tab03.gif') no-repeat center top; }
.area_tab li.tab04 a span { background:url('/open_content/welfare/images/contents/area_tab04.gif') no-repeat center top; }
.area_tab li.tab05 a span { background:url('/open_content/welfare/images/contents/area_tab05.gif') no-repeat center top; }
.area_tab li.tab06 a span { background:url('/open_content/welfare/images/contents/area_tab06.gif') no-repeat center top; }
.area_tab li.on a span { background-position:center -50px; }


table.data { width:100%; text-align:center; }
table.data thead th { font-size:15px; padding:10px; border-left:1px solid #6f6f6f; border-top:2px solid #6f6f6f; border-bottom:1px solid #6f6f6f; background:#f6f6f6; color:#444; }
table.data .Rline { border-right:1px solid #6f6f6f; }
table.data .Lline { border-left:1px solid #6f6f6f; }
table.data .Tline { border-top:1px solid #6f6f6f; }
table.data thead th:first-child { border-left:none; }
table.data tbody tr td:first-child { border-left:none; }
table.data tbody td { padding:14px 10px; border-bottom:1px solid #cdcdcd; border-left:1px solid #cdcdcd; }
table.data tbody td[rowspan]:not(:last-child) {border-right:1px solid #cdcdcd;}
table.data tbody th { padding:14px 10px; border-bottom:1px solid #cdcdcd; background:#f3f3f3; }
table.data tbody th:first-child { border-left:0; }
table.data .bg_or { background:#f9f9f9; color:#333; border-bottom:1px solid #fff; }
table.data .Rline { border-right:1px solid #cdcdcd; }
table.data .Lline { border-left:1px solid #cdcdcd; }
table.data .border_bt { border-bottom:1px solid #6f6f6f; border-top:2px solid #6f6f6f; }
table.data .border_t1 { border-top:1px solid #6f6f6f; }
table.data .border_t2 { border-top:2px solid #6f6f6f; }


.help_box { overflow:hidden; width:100%; margin:20px auto; background:#719d44 url('/open_content/welfare/images/contents/help_box_bg.png') no-repeat left top; border-radius: 23px 0px 23px 0px; border: 7px solid #4F7628; }
.help_box .con1 p { width:63%; margin:25px 0 10px 30px; color:#fff; font-weight:600; font-size:16px; line-height:26px; }
.help_box .con1 p span { color:#f6ff06; font-size:18px; font-weight:600; }
.help_box .con2 { text-align:center; margin:40px 0 30px; }
.help_box .con2 .tit { font-family:'Nanum Myeongjo', '나눔명조', sans-serif; color:#436124; font-size:28px; font-weight:600; }
.help_box .con2 p { font-size:18px; color:#222; font-weight:600; margin-top:5px; }
.help_box .con2 p span { font-size:20px; color:#c31b46; }

.happy_incheon { text-align:center; }
.happy_incheon .tit { font-family:'Nanum Myeongjo', '나눔명조', sans-serif; font-size:22px; letter-spacing:-1px; font-weight:600; padding-bottom:15px; color:#4f7628; } 
.happy_incheon>p { line-height:30px; font-size:16px; font-weight:600; } 
.happy_incheon span { color:#c31b46; font-size:18px; }

.help_group { overflow:hidden; width:100%; text-align:center; }
.help_group .tit { font-size:20px; font-weight:600; color:#333; }
.help_group ul { width:100%; margin:0 auto; }
.help_group ul li { float:left; text-align:center; margin-left:10%; margin-top:15px; font-size:20px; font-weight:600; color:#5d5d5d; }
.help_group ul li:first-child { margin-left:18%; }
.help_group ul li img { vertical-align:bottom; }

.dream_img img { margin:10px 0; text-align:center; }

.in_photo { position:relative; margin-top:20px; }
.in_photo div { text-align:center; }
.in_photo div span { position:relative; display:inline-block; padding:10px; border:1px solid #d7d7d7; border-bottom:1px solid #a5a5a5; }
.in_photo div span:after { position:absolute; left:0; bottom:-18px; width:100%; height:17px; display:block; content:""; background:url('/open_content/museum/images/museum/inc/in_photo_bg.gif') no-repeat center; background-size:100% 17px; }
.in_photo>a { position:absolute; top:30%; width:32px; height:53px;  }
.in_photo>a:hover, .in_photo>a:active, .in_photo>a.on { background-position:0 -53px; }
.in_photo ul { overflow:hidden; margin-top:20px; text-align:center; }
.in_photo ul li { display:inline-block; max-width:25%; margin-left:7px; }
.in_photo ul li:first-child { margin-left:0; }
.in_photo ul li a { display:block; padding:3px; border:1px solid #d3d3d3; border-bottom:1px solid #a5a5a5; }
.in_photo ul li a:hover, .in_photo ul li a:active { padding:0; border:4px solid #519908; }
.in_photo ul li a:hover img, .in_photo ul li a:active img { border:1px solid #519908; }
.in_photo ul li img { border:1px solid #d3d3d3; }

/* 공용(program.css, inc.css) css */
#control div.data_control div.data div ul.con li img { display:none; }

ol.step2 {display:flex; gap:3%; margin-top:6px;}
ol.step2>li {text-align:center; flex:1 1 22.75%; border-radius:10px 10px 0 0; border-bottom:2px solid #54883d; background:#fff; box-shadow:0 0 3px rgba(0,0,0,.2);}
ol.step2>li .tit {padding:10px; color:#ffea26; font-size:16px; font-weight:bold; border-radius:10px 10px 0 0; background:#54883d;}
ol.step2>li .tit span {display:block; color:#fff; font-weight:normal; font-size:14px; margin-bottom:3px;}
ol.step2>li .txt {font-weight:bold; color:#d2435d; padding:10px 0; letter-spacing:-0.5px;}
ol.step2>li .txt + .con:before {position:absolute; content:""; top:0; left:10px; right:10px; height:1px; background:#54883d;}
ol.step2>li .con {position:relative; padding:10px;}
ol.step2>li .con ul.bl>li {position:relative; padding-left:8px; margin-top:10px;}
ol.step2>li .con ul.bl>li:first-child {margin-top:0;}
ol.step2>li .con ul.bl>li:before {position:absolute; left:0; top:8px; width:3px; height:3px; background:#d2435d; content:"";}

/*****************************************************************************************************************************************************************************************/

@media all and (max-width:1024px) { 
	ol.step.step3 li { width:30%; }
	ol.step.step5 li { width:16%; }
	ol.step.step6 li { width:13%; }
	.dream_img img { width:100%; }
	.reward_vision .reward_chapter>ul>li { width:50%; margin-right:0; }
	.reward_vision .reward_chapter>ul>li.chapter1, .reward_vision .reward_chapter>ul>li.chapter2 { height:356px; }
	.reward_vision .reward_chapter>ul>li>ul { font-weight:600; margin-left:90px; margin-top:30px; }


} 

@media all and (max-width:930px) { 
	.caution_box .tit { width:25%; }
	.help_box .con1 p { width:83%; margin-left:40px; }
	.help_box .con2 { width:98%; }
	.help_box .con2 .tit { font-size:24px; }
	.help_group ul li { margin-left:7%; }
	.help_group ul li:first-child { margin-left:10%; }
	.reward_vision .reward_chapter>ul>li>ul { margin-left:60px; }

} 

@media all and (min-width:769px) { 
	.dp_mb { display:none; }
	.pc_block { display:block; }
	.food_img { text-align:center; }
	.happy_01 { font-size:0; text-indent:-5000px; overflow:hidden; height:0; padding-top:366px; width:734px; background:url('/open_content/welfare/images/contents/happy_01.gif') no-repeat; }
	.happy_02 { font-size:0; text-indent:-5000px; overflow:hidden; height:0; padding-top:218px; width:767px; background:url('/open_content/welfare/images/contents/happy_02.gif') no-repeat; margin-top:15px; }
} 

@media all and (max-width:768px) { 
	.dp_pc { display:none; } 
	#detail_con .outlink { margin-top:8%; }
	#detail_con .outlink img { width:98%; }
	.caution_box .tit { width:auto; }
	ol.step { margin-left:-20px; }
	ol.step li { display:block; float:none; width:100% !important; margin-right:0; margin-bottom:30px; }
	ol.step li p { display:block; height:auto; padding:10px; }
	ol.step li:after { left:50%; top:auto; bottom:-23px; width:25px; height:16px; margin-left:-13px; background:url('/open_content/welfare/images/sub/step_point_mb.gif') no-repeat right center; }
	ol.step_icon li { width:48%; min-height:330px; }
	#con_search .select_list .a { min-height:100px; }
	#con_search .select_list ul li { width:33%; }
	.food_img img { width:100%; }
	.help_box { width:95%; }
	.help_box .con1 p { width:65%; margin-left:30px; }
	.reward_vision .reward_chapter>ul>li>ul { margin:30px 75px; }
	.in_photo div span { max-width:70%; }
	.in_photo div span img { width:100%; }
	.in_photo ul li img { width:100%; }
} 

@media all and (max-width:680px) { 
	.help_box .con1 p { width:90%; margin-left:10px; }
	.help_group ul li { margin-left:5%; font-size:18px; }
	.help_group ul li:first-child { margin-left:5%; }
	.help_group ul li img { vertical-align:middle; }
	ol.step_icon li { width:48%; min-height:330px; }
	
	ol.step2 {flex-direction:column; gap:15px;}
	ol.step2>li {flex:1 1 auto; width:calc(100% - 2px);}

} 

@media all and (max-width:600px) { 
	ol.bstep>li { background-position:48% bottom !important; }
	ol.bstep li p.tit { float:none; width:98%; margin:0 auto; padding:10px 0;}
	ol.bstep li ul, ol.bstep li p.txt { width:92%; margin-top:5px; }
	ol.bstep li.append { width:100%; }
	.area_tab li.tab05 { background:#f2f1f0; }
	.area_tab li.on.tab05 { background:#fff; }
	.area_tab li { width:25%; }
	.area_tab li a { font-size:13px; }
	.reward_vision .reward_chapter>ul>li>ul { margin:30px 35px; }

} 

@media all and (max-width:454px) { 
	ol.step_icon li { width:100%; min-height:auto; margin:20px 0 0; }

	ol.bstep li p.tit { width:97%; }
	ol.bstep li ul, ol.bstep li p.txt { width:88%; }

	ol.step_icon li { width:100%; min-height:auto; margin:20px 0 0; }

	#con_search .select_list p { float:none; width:88%; text-align:center; margin:20px auto; }
	#con_search .select_list .a { float:none; width:auto; min-height:0; margin-top:20px; }
	#con_search .select_list ul { float:none; margin-bottom:10px; }
	#con_search .select_list ul li { float:none; width:100%; }
	#con_search .select_list ul li.st { width:auto; }
	.help_box { width:95%; background:#719d44; }
	.help_box .con1 p { margin-left:15px; }
	.help_box .con2 { width:100%; margin:20px 0 0; padding:20px 0; background:#d9e6cb; }
	.help_box .con2 p { width:95%; margin:0 auto; font-size:16px; }
	.help_box .con2 .tit { font-size:22px; margin-bottom:20px; }
	.reward_vision .top_con { background:url('/open_content/welfare/images/contents/reward_tbg_mb.gif') no-repeat center top; }
	.reward_vision .reward_chapter>ul>li { float:none; width:100%; margin:0 auto; height:356px; }
	.reward_vision .reward_chapter>ul>li:last-child { height:240px; }
	.reward_vision .reward_chapter>ul>li>ul { margin-left:20%; margin-top:100px; width:54%; }
	.reward_vision .reward_chapter .img { margin:0; padding:70px 0 0; }

} 
@media all and (max-width:400px) { 
	.in_photo div span { padding:7px; }
	.in_photo>a { top:18%; }
} 

@media all and (max-width:328px) { 
	.help_group ul li { float:none; }

}