@charset "utf-8";

.rss{margin-top:100px}
#data_control{margin-top:0px}
.color1 {color:#8e35a8;}
.color2{color:#4d9015;}
.color3 {color:#ef6e51;}
.color4 {color:#0766ff;}


/***  ***/
.sub_title{padding:40px 0px; overflow:hidden; border-bottom:1px solid #7f7f7f}
.sub_title h3{float:left; margin-right:20px; font:500 2.375em 'Gmarket'; letter-spacing:-.03em; line-height:1.5em}
.sub_title h3+ul{float:left; margin-top:13px; white-space:nowrap}
.sub_title h3+ul li{display:inline-block; }
.sub_title .sns li { float:left; margin-left:3px; }
.sub_title .sns li a { display:block; width:25px; height:25px; border-radius:25px; overflow:hidden; text-indent:-5000px; background-size:20px; }
.sub_title .sns li.sns01 a { background:url(/open_content/share/images/inc/ic_sns01.gif) no-repeat center center; background-size:25px; }
.sub_title .sns li.sns02 a { background:url(/open_content/share/images/inc/ic_sns02.gif) no-repeat center center; background-size:25px; }
.sub_title .sns li.sns03 a { background:url(/open_content/share/images/inc/ic_sns04.gif) no-repeat center center; background-size:25px; }
.sub_title .sns li.sns04 a { background:url(/open_content/share/images/inc/ic_sns03.gif) no-repeat center center; background-size:25px; }
.sub_title .sns li.print a { background:url(/open_content/share/images/inc/ic_print.gif) no-repeat center center; background-size:25px; }
.sub_title ol{float:right; margin-top:17px; white-space:nowrap}
.sub_title ol li{display:inline-block; font-size:15px}
.sub_title ol li:before{display:inline-block; content:'>'; position:relative; top:-1px; margin:0px 4px 0px 2px; font-family:dotum; font-size:13px; font-weight:bold; color:#aaa}
.sub_title ol li:first-child:before{display:none}
.sns_list {right:auto;}
/***  ***/
#tab ul{margin:50px 0px 60px; overflow:hidden; font-size:0px}
#tab ul li{display:inline-block; min-width:19.6%; margin:.2%}
#tab ul li:last-child{margin-right:0%}
#tab ul li a{display:block; text-align:center; padding:13px 20px; border:1px solid #aaa; vertical-align:top; font-size:18px; border-radius:3px}
#tab ul li.select a{border-color:#43a608; background:#53c50f; color:#111; box-shadow:0px 1px 2px #888; font-weight:bold}
/***  ***/
#detail_con{padding-bottom:7%; min-height:400px}


/*** contents ***/
.para01{margin-left:10px; margin-top:60px}
.bl02{color:#ff5400; margin-bottom:20px; font-size:1.3em; font-weight:bold}
.bl02:before{display:inline-block; content:''; vertical-align:top; margin-top:6px; margin-right:7px; width:8px; height:8px; border:5px solid #ff8000; border-radius:3px}
.bl03{margin-left:14px}
.bl03:not(ul), .bl03>li{position:relative; padding-left:12px; margin-bottom:10px; word-break:keep-all}
.bl03:not(ul):before, .bl03>li:before{display:block; content:''; position:absolute; left:0px; top:9px; width:6px; height:6px; background:#b2b2b2}
.bl04{margin-left:14px}
.bl04:not(ul), .bl04>li{position:relative; padding-left:10px; margin-bottom:10px; word-break:keep-all}
.bl04:not(ul):before, .bl04>li:before{display:block; content:''; position:absolute; left:0px; top:10px; width:5px; height:1px; background:#666}
.bl03+.bl04{margin-left:27px; margin-top:5px}
.bl03 .bl04{margin-top:10px; margin-bottom:25px}
.bl04+.bl03{margin-top:25px}
.bl03>li:last-child .bl04{margin-bottom:0px}
.nobl:before{display:none !important}
h4{margin-top:40px; font-size:1.68em}
h4:before{display:inline-block; content:''; vertical-align:top; margin-top:10px; margin-right:24px; width:12px; height:12px; border-radius:1px; background:#e5e5e5; box-shadow:0px 13px #ffb017, 13px 0px #ffb017, 13px 13px #ff8000}

h4+.budget_tbox{margin-top:20px}
.budget_tbox{padding:2.8% 3.5%; border:3px solid #eee; background:#fff; word-break:keep-all; word-wrap:break-word}
.budget_tbox>p.wfont{margin-bottom:4px; font-size:1.07em}
.nocon{text-align:center; margin:10% 0px 5%}
.data{width:100%}
.data caption{height:0px; text-indent:-500000px}
.data td, .data th{padding:8px 1%; border:1px solid #ddd}
.data thead th{background:#f0f0f0; border-top:2px solid #333}
.data thead td{background:#f0f0f0}
.conbtnBox {text-align:center; margin-top:30px;}
.conbtn{display:inline-block; padding:15px 40px; background:#ff5400; color:#fff; border-radius:3px; font-size:1.2em}
.conbtn:hover{transition:all ease .5s; background:url(../img/inc/bg_aside.jpg) no-repeat left top/cover}
.consbtn {display:inline-block; padding:5px 15px; background:#757575; border-radius:50px; color:#fff; font-size:14px; border:0px; transition:all .5s ease; line-height:100%;}
.btn_down {padding-left:45px; background-image:url(/open_content/share/images/program/ic_down.gif); background-repeat:no-repeat; background-position:25px 14px;}
.consbtn.btn_down {padding-left:30px; background-position:12px center;}

.step{margin-bottom:20px}
.step>li{position:relative; margin-top:40px}
.step>li:before,
.step>li:after{display:block; content:''; position:absolute; margin:auto; left:0px; right:0px; top:-20px; width:15px; height:3px; border-radius:10px; background:#ddd; transform:rotate(45deg); -webkit-transform:rotate(45deg)}
.step>li:after{left:18px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg)}
.step>li:first-child{margin-top:0px}
.step>li:first-child:before,
.step>li:first-child:after{display:none}
.step>li>dl{display:table; width:100%; border:1px solid #ddd; border-radius:7px; overflow:hidden}
.step>li>dl>dt,
.step>li>dl>dd{display:table-cell; vertical-align:middle; padding:25px 3%; letter-spacing:0px}
.step>li>dl>dt{text-align:center; background:#f5f5f5; width:20%; color:#888}
.step>li>dl>dt span.num{display:inline-block; position:relative; top:-1px; font-weight:bold; color:#333}
.step>li>dl>dd{}

.search input[type=submit].btn{height:30px; line-height:30px; margin-top:2px; background:#fff; border:1px solid #ddd; box-shadow:none; font-size:15px}
.budget_comment{}
.budget_comment {border-top:2px solid #333;  margin-top:60px; padding:20px 10px 5px;}
.budget_comment div.formBox{ position:relative; overflow:hidden;  margin-top:10px; padding-left:160px}
.budget_comment div.formBox p.comment_writer { position:absolute; left:10px; top:20px; text-align:center; padding-top:50px; width:140px; background:url(/open_content/budget/img/sub/ic_man02.gif) no-repeat center top; font-weight:bold}
.budget_comment div.comment_form { position:relative; margin-top:10px; height:80px; padding-right:93px; border:3px solid #eee}
.budget_comment div.comment_form textarea { width:96%; padding:10px 2% 9px; height:60px; border:0px; line-height:150%; font-size:15px }
.budget_comment div.comment_form input[type=submit] { position:absolute; right:5px; top:5px; width:93px; height:70px; background:#ff5400; font-weight:bold; color:#fff; border:0px; }
.budget_comment div.comment_view ul.comment_list{margin-top:40px}
.budget_comment div.comment_view ul.comment_list li { position:relative; overflow:hidden;  margin-top:25px; padding-top:30px; padding-left:160px; border-top:1px dashed #ddd; border-bottom:0px}
.budget_comment div.comment_view ul.comment_list li p.writer { position:absolute; left:10px; top:40px; text-align:center; padding:0px;  padding-top:50px; width:140px; background:url(/open_content/budget/img/sub/ic_man.gif) no-repeat center top; font-weight:bold}
.budget_comment div.comment_view ul.comment_list li p.txt { padding:30px;  background:#f0f0f0; border-radius:5px}
.budget_comment div.comment_view ul.comment_list li p.txt span.date { margin-left:10px; color:#666; }
.budget_comment div.comment_view ul.comment_list li p.txt a img {position:relative; bottom:0px; margin-left:5px; }
.budget_comment div.comment_view div.comment_page { margin-top:10px; padding:10px 0px; text-align:center; font-size:13px; }
.budget_comment div.comment_view div.comment_page a { display:inline-block; margin:0px 3px; }
.budget_comment div.comment_view div.comment_page a img { vertical-align:middle; }
.budget_comment div.comment_view div.comment_page a.select { font-weight:bold; text-decoration:underline; }
.budget_comment div.comment_view div.comment_page a.page_btn { margin:0px; }
.budget_comment div.comment_view div.comment_page a.page_btn.prev { margin-right:10px; }
.budget_comment div.comment_view div.comment_page a.page_btn.next { margin-left:10px; }
.comment_list .vote .like a{display:inline-block; border:0px; vertical-align:middle}
.comment_list .vote .like span.date{display:inline-block; vertical-align:middle; padding:5px 0px}

/* À§¿øȸ ¼Ò°³ */
#detail_con .organ { text-align:center; }
#detail_con .organ>li.rank1 { position:relative; width:220px; height:60px; margin:0 auto; background:#ff5400; border-radius: 7px;}
#detail_con .organ>li.rank1 p { position:absolute; line-height:1.2; transform:translateY(-50%); top:50%; width:100%; color:#fff; font-size:20px; font-weight:bold; }
#detail_con .organ>li.rank2 { position:relative; padding:3% 0; }
#detail_con .organ>li.rank2 p { text-align:center; width:20.5%; margin:0px auto 12px; padding:10px; border:1px solid #ff5400; color:#ff5400; font-size:16px; font-weight:bold; background:#fff; border-radius: 7px;}
#detail_con .organ>li.rank2:before { content:''; display:block; position:absolute; top:0; left:50%; width:1px; height:100%; background:#ddd; z-index:-1; }
#detail_con .organ>li.rank2>ul { position:relative; width:80%; margin:0 auto; font-size:0; }
#detail_con .organ>li.rank2>ul:after { content:''; position:absolute; top:50%; left:29%;width:42%; height:1px; background:#ddd; }
#detail_con .organ>li.rank2>ul>li { display:inline-block; vertical-align:middle; width:29%; }
#detail_con .organ>li.rank2>ul>li:first-child { margin:0 auto; padding-right:42%; }
#detail_con .organ>li.rank2>ul>li>p { width:auto; margin:0; }
#detail_con .organ>li.rank2>p { position:relative;}
#detail_con .organ>li.rank2>p:after { content:''; display:block; position:absolute; top:50%; height:1px; background:#ddd; }
#detail_con .organ>li.rank2>p.organ_left{ margin-left:10%; }
#detail_con .organ>li.rank2>p.organ_left:after { left:100%; width:73%; }
#detail_con .organ>li.rank2>p.organ_right { margin-right:10%; }
#detail_con .organ>li.rank2>p.organ_right:after { right:100%; width:73%; }
#detail_con .organ>li.rank3 { padding-top:30px; }
#detail_con .organ>li.rank3>ul { position:relative; }
#detail_con .organ>li.rank3>ul:before { left:15%; width:70%; }
#detail_con .organ>li.rank3>ul.col6:before { left:11.8%; width:76.5%; }
#detail_con .organ>li.rank3>ul:before,
#detail_con .organ>li.rank3>ul>li:before { content:''; display:block; position:absolute; top:-30px; height:1px; background:#ddd; }
#detail_con .organ>li.rank3>ul>li { position:relative; display:inline-block; vertical-align:top; width:21%; margin:0 1%; }
#detail_con .organ>li.rank3>ul>li:before { top:-30px; left:50%; width:1px; height:30px; }
#detail_con .organ>li.rank3>ul.col6>li { width:13%; }
#detail_con .organ>li.rank3>ul>li>p { padding:10px; color:#fff; background:#777; }
#detail_con .organ>li.rank3>ul>li>p.sub {margin-top:5px; color:#333; background:#e5e5e5; }
#detail_con .organ>li.rank3>ul>li>ul>li { margin-top:10px; padding:10px; border:1px solid #ddd; background:#fff; line-height:35px; }
#detail_con .organ>li.rank3>ul>li>ul>li .mem { margin-top:7px; font-size:13px; letter-spacing:-1px; }

@media screen and (max-width:800px){	
	#contents .wrapper{width:100%}
	.sub_title{margin:0px 4%; padding:110px 10px 30px}
	.sub_title h3{font-size:2em}
	.sub_title ol{display:none}
	.sns_list {left:50%; transform:translateX(-50%);}
	#detail_con{margin:0px 4%; margin-top:40px; padding:0px 10px 12%}
	#data_control{border-bottom:1px solid #666}
	#data_control .control .manager{padding:23px 8% 25px}
	#data_control .control .satisfy{padding:23px 8% 25px}
	.para01{margin-top:10%}
	h4{font-size:1.6em}
	h4:before{margin-top:7px}
	.bl02:before{margin-top:8px}
	.budget_tbox{padding:5% 6%}
	.nocon{margin-top:20%}
	.comment_list .vote{position:static}
	.budget_comment{padding:20px 0px}
	.budget_comment div.formBox,
	.budget_comment div.comment_view ul.comment_list li {padding-left:80px}
	.budget_comment div.formBox p.comment_writer,
	.budget_comment div.comment_view ul.comment_list li p.writer{width:60px}
	.budget_comment div.comment_view ul.comment_list li{padding-top:20px}
	#detail_con .organ:before { height:32%; }
	#detail_con .organ>li.rank2>ul,
	#detail_con .organ>li.rank2>p, 
	#detail_con .organ>li.rank2>p.organ_right, 
	#detail_con .organ>li.rank2>p.organ_left{ width:auto; margin-right:0; margin-left:0; } { display:none; }
	#detail_con .organ>li.rank2>ul>li { width:100%; padding-right:0; margin:2% 0; }
	#detail_con .organ>li.rank3 { padding-top:0; }
	#detail_con .organ>li.rank2>ul:after,
	#detail_con .organ>li.rank2>p.organ_left:after, 
	#detail_con .organ>li.rank2>p.organ_right:after,
	#detail_con .organ>li.rank3>ul:before,
	#detail_con .organ>li.rank3>ul>li:before,
	#detail_con .organ>li.rank3>ul.col6>li:before { display:none; }
	#detail_con .organ>li.rank3>ul>li,
	#detail_con .organ>li.rank3>ul.col6>li{ width:98%; margin:2% 1%; }
}

@media screen and (max-width:480px){	
	table.budget_state{table-layout:auto !important; border-top:2px solid #333}
	table.budget_state thead	{display: none}
	table.budget_state td{position:relative}
	table.budget_state td.left{padding:0px 13px; width:90%}
	table.budget_state td.left a{display:block; font-size:1.05em; font-weight:bold}
	table.budget_state td{display:inline-block}

	.survey_layout>.box{height:auto !important; padding-bottom:30px}
	.survey_layout>.box .title{height:auto !important; padding-bottom:60px}
	.survey_layout>.box .join{bottom:100px}
	.survey_layout>.box.end .title{padding-bottom:50px}
	.survey_layout>.box.end .join{bottom:70px}
}