@charset "utf-8";

caption, .hidden {position:absolute; display:block; overflow:hidden; text-indent:-5000px; font-size:0; line-height:0; width:1px; height:1px;}
video {width:100%; height:auto;}

#detail_con {word-break:keep-all;}
#detail_con h4 {margin-top:60px; padding-left:37px; font-size:22px; background:url('/open_content/dreame/img/sub/blet.gif') no-repeat left 6px;}
#detail_con h4 span {color:#4176c6;}
#detail_con h4:first-child {margin-top:0;}
#detail_con h4.policy {padding-left:0; background:none; line-height:30px !important;}
#detail_con h4.policy span.num {display:inline-block; margin-right:10px; width:30px; height:30px; background:#4176c6; color:#fff; border-radius:300px; font-size:16px; font-weight:bold; text-align:center;}

.goUrl{text-decoration: underline; font-style: italic; color: #222;}
.num_blet>li {margin-bottom:7px; margin-left:20px; list-style-type:decimal;}
.sblet {margin-bottom:5px; padding-left:18px; font-size:16px; font-weight:bold; background:url('/open_content/dreame/img/contents/sblet.gif') no-repeat left 5px;}
.dot_blet>li {position:relative; padding-left:12px; margin-bottom:7px;}
.dot_blet>li:before {display:block; content:""; position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:4px; background:#333;}
.ssblet>li, li.ssblet, p.ssblet {position:relative; margin-top:4px; padding-left:12px; font-size:14px;}
.ssblet>li:before, li.ssblet:before, p.ssblet:before {display:block; content:""; position:absolute; left:0; top:10px; width:4px; height:1px; background:#555;}
.sssblet {margin:5px 0 10px 0;}
.sssblet>li {position:relative; padding-left:10px; font-size:13px; color:#666;}
.sssblet>li:before {position:absolute; z-index:1; content:''; left:0; top:9px; width:2px; height:2px; background:#888;}
.nobl{padding-left: 0 !important}
.nobl:before{display: none !important; }

.para01 {margin-top:20px;}
.para02 {margin-top:20px; margin-left:15px;}

.green {color:#20a138;}
.blue {color:#0099dd;}

ol.step {overflow:hidden;}
ol.step>li {float:left; width:24%; margin:.5%;}
ol.step>li>p {padding:5px 15px; font-weight:bold; border:2px solid #8746b5; border-radius:0 30px 30px 0;}
ol.step>li:nth-child(odd)>p {border:2px solid #4db232;}
ol.step>li>ul {padding:5px 10px;}
ol.step>li>ul li {font-size:13px !important;}

.dash_box {padding:30px; border-radius:20px; border:1px solid #666; border-bottom:4px solid #666;}
.dash_box p {font-size:16px;}
p.check {margin-bottom:10px; padding-left:32px; font-size:20px; font-weight:bold; background:url('/open_content/dreame/img/sub/check_blet.gif') no-repeat left 3px;}
/*.conBtn {display:inline-block; margin-top:20px; padding:15px 20px; color:#fff; font-size:17px; font-weight:bold; box-shadow:4px 4px 0 #ccc; background:#5b2681;}
.conBtn {display:inline-block; padding:15px 25px; color:#fff; font-size:15px; font-weight:bold; border-radius:40px; background:#333; transition:.5s;}
.conBtn:hover {box-shadow:0 3px 0 #aaa; background:#cce552;}*/


.conBtn {position:relative; overflow:hidden; display:inline-block; text-align:center; padding:10px 25px; color:#fff !important; border-radius:40px; background:#555; transition:.3s; z-index:1;}
.conBtn:after {content:''; position:absolute; top:50%; left:50%; width:0; height:100%; background-color:#6a48aa; opacity:0; transition:.3s; -webkit-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); z-index:-1;}
.conBtn:hover:after {width:100%; opacity:1;}
.conBtn:active:after {background-color:#5e31b3;}
.conBtn.down:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}

.conBtn.link {padding-right:65px;}
.conBtn.link:before {content:''; position:absolute; left:0; top:0; width:100%; height:100%; background:url('/open_content/dreame/img/sub/conbtn_link.gif') right 30px top 14px no-repeat; z-index:2;}

.conBtn_s {display:inline-block; padding:10px 20px; color:#fff; font-size:15px; font-weight:bold; border-radius:40px; background:#0092de; transition:.5s;}
.conBtn_s:hover {box-shadow:0 3px 0 #aaa; background:#ef7509;}
.mapBtn {display:inline-block; padding:0 8px; color:#fff; font-size:13px; font-weight:bold; border-radius:20px; background:#0092de;}

table.data {width:100%; margin-top:15px;}
table.data th, table.data td {text-align:center; padding:15px; word-break:break-all;}
table.data thead th {color:#fff; border:1px solid #2e62ae; background:#4076c6;}
table.data thead tr:nth-child(2) th {border-top:1px solid #2e62ae;}
table.data thead th:first-child {border-left:0;}
table.data tbody th {color:#000; border:1px solid #dad2ae; background:#f6f2e1;}
table.data tfoot th {border:1px solid #ddd; background:#f4f4f4;}
/* table.data tbody tr:first-child th {border-top:0;} */
table.data td {border:1px solid #ddd;}
table.data td.graybg {background:#f4f4f4;}
table.data.youth_facility td{padding:5px 10px}
table.data.youth_facility img{vertical-align:middle}
p.unit {text-align:right; font-size:13px; margin-bottom:-10px;}

.board_alert {padding:30px; border:1px solid #fdde79; border-top:2px solid #ffcb23; background:#fffdf7;}
.board_alert p {line-height:2; padding:3px 10px; color:#555; border-bottom:1px dotted #e9d8a3; font-size:14px;}
.board_alert p.tit {margin-bottom:10px; border-bottom:0px; font-weight:bold; font-size:15px;}
.board_alert p.alert {margin-top:15px; padding-left:35px; color:#c34343; background:url('/open_content/dreame/img/contents/alert.jpg') no-repeat 10px 4px; border-bottom:0; font-size:13px;}
.board_alert ul {margin-top:15px; padding-left:35px; background:url('/open_content/dreame/img/contents/alert.jpg') no-repeat 10px 4px;}
.board_alert ul li {color:#c34343; font-size:13px;}
.alert_txt {padding:2px 0 2px 25px !important; color:#c34343; background:url('/open_content/dreame/img/contents/alert.jpg') no-repeat 0px 1px; border-bottom:0; font-size:13px;}
.ssblet .alert_txt:before {display:none;}

.rights {margin-top:25px; border-top:1px solid #707070;}
.rights li {padding:35px 20px 40px 220px; border-bottom:1px solid #ddd;}
.rights li.survival {background:url('/open_content/dreame/img/contents/rights01.gif') no-repeat 30px center;}
.rights li.protection {background:url('/open_content/dreame/img/contents/rights02.gif') no-repeat 30px center;}
.rights li.development {background:url('/open_content/dreame/img/contents/rights03.gif') no-repeat 30px center;}
.rights li.participation {background:url('/open_content/dreame/img/contents/rights04.gif') no-repeat 30px center;}
.rights.festival li {padding:35px 20px 40px 190px}
.rights.festival li:nth-child(1) {background:url('/open_content/dreame/img/contents/festival01.gif') no-repeat 30px center;}
.rights.festival li:nth-child(2) {background:url('/open_content/dreame/img/contents/festival02.gif') no-repeat 30px center;}
.rights.festival li:nth-child(3) {background:url('/open_content/dreame/img/contents/festival03.gif') no-repeat 30px center;}
.rights .tit {color:#ee7810; font-size:19px; font-weight:bold;}
.rights .txt {margin:10px 0; font-size:17px;}
.rights .ex {font-size:14px;}
.rights .ex span {display:inline-block; padding:0 10px 2px; line-height:18px; border:1px solid #ddd; border-radius:20px;}

.rights2 {margin-top:50px;}
.rights2 .tit {font-size:24px; font-weight:bold;}
.rights2 dt {margin-bottom:5px; font-size:20px; font-weight:bold;}
.rights2 dt span {font-size:15px;}

.policy_tbox_top {position:absolute; z-index:1; left:50%; margin-left:100px; margin-top:100px; padding:10px; border-radius:10px; background:#f9f9f9; border:2px dashed #ddd; font-size:13px;}
.policy_tbox {text-align:center; padding-top:95px; background:url('/open_content/dreame/img/contents/child_f_logo.jpg') no-repeat center top;}
.policy_tbox.city {padding-top:180px; background:url('/open_content/dreame/img/contents/city.gif') no-repeat center top;}
.policy_tbox.english {padding-top:95px; background:url('/open_content/dreame/img/contents/english_tbg.gif') no-repeat center top;}
.policy_tbox .tit {display:inline-block; margin-bottom:10px; font-size:22px; line-height:25px; font-weight:bold; border-bottom:1px solid #777;}

.policy_tab {margin:0 auto; margin-top:20px; width:80%; text-align:center;}
.policy_tab a {display:inline-block; margin:4px 2px; padding:7px 25px; color:#000; background:#f0f0f0; border-radius:10px; text-align:center; font-size:15px; font-weight:bold;}
.policy_tab a:hover {background:#f5f5f5; color:#0092de;}

.facility .facility_box {margin-bottom:50px;}
.facility_box {overflow:hidden; margin-top:20px;}
.facility_box .photo {float:left; width:38%;}
.facility_box .photo.noimg {position:relative; text-align:center; height:278px; padding:20px; background:#f4f4f4;}
.facility_box .photo.noimg span {position:relative; top:50%; transform:translateY(-50%);}
.facility_box .photo>img {width:99%; max-height:316px; box-shadow:5px 5px 0 #ddd;}
.facility_box #tPhoto {position:relative; z-index:0;}
.facility_box #tPhoto ul {position:absolute; left:0; bottom:30px; width:100%; text-align:center; font-size:0; line-height:0;}
.facility_box #tPhoto ul li {display:inline-block; width:15%; margin-left:2%; line-height:100%;}
.facility_box #tPhoto ul li img {max-width:100%; opacity:0.6; border:4px solid #fff; box-sizing:border-box;}
.facility_box #tPhoto ul li img.on {opacity:1; box-shadow:1px 1px 5px #000;}
.facility_box div.con {float:right; width:60%; padding:20px 30px; border:1px solid #ddd; border-top:1px solid #777; box-sizing:border-box;}
.facility_box.nophoto div.con {float:none; width:100%;}
.facility_box div.con p.tit {margin-bottom:10px; margin-top:5px; font-weight:bold; font-size:18px;}
.facility_box div.con dl {overflow:hidden; padding:8px; border-bottom:1px dotted #999;}
.facility_box div.con dl:last-child {border-bottom:0;}
.facility_box div.con dt {float:left; width:18%; font-weight:bold;}
.facility_box div.con dd {float:left; width:82%;}
.facility_box div.con.wide {float:none; width:100%;}
.facility_box h4 {margin-top:5px !Important; margin-bottom:10px;}
.facility_box .photoList {position:relative; margin-top:30px;}
.facility_box .photoList ul {white-space:nowrap; overflow:hidden; width:85%; margin:0 auto; font-size:0; line-height:0;}
.facility_box .photoList ul li {vertical-align:top; display:inline-block; width:32.3%; margin:0 .5%; font-size:16px; line-height:1.2em;}
.facility_box .photoList ul li img {width:100%; height:120px;}
.facility_box .photoList a.mapLink {display:block; text-align:center; height:120px; padding:40px 0; color:#fff; font-weight:bold; background:#00c13a; box-sizing:border-box;}
.facility_box .photoList>a {position:absolute; top:50%; margin-top:-20px; width:22px; height:40px;}
.facility_box .photoList a.prev {left:0; background:url('/open_content/dreame/img/contents/photo_prev.gif') no-repeat;}
.facility_box .photoList a.next {right:0; background:url('/open_content/dreame/img/contents/photo_next.gif') no-repeat;}

.policy7 {overflow:hidden; margin-top:30px;}
.policy7>li {position:relative; float:left; width:32%; margin:0 1%; height:500px; padding:150px 10px 20px; border:1px solid #ddd; border-radius:10px; box-sizing:border-box;}
.policy7>li:first-child {margin-left:0;}
.policy7>li:last-child {margin-right:0;}
.policy7>li.p1 {background:url('/open_content/dreame/img/contents/policy7_ic1.gif') no-repeat center 30px;}
.policy7>li.p2 {background:url('/open_content/dreame/img/contents/policy7_ic2.gif') no-repeat center 28px;}
.policy7>li.p3 {background:url('/open_content/dreame/img/contents/policy7_ic3.gif') no-repeat center 30px;}
.policy7>li>ul {padding:10px;}
.policy7 p {text-align:center; padding:5px; font-weight:bold; font-size:18px;}
.policy7>li p.txt  {margin-top:10px; color:#000;}
.policy7>li.p1 p.txt {background:#bfd148;}
.policy7>li.p2 p.txt {background:#69c569;}
.policy7>li.p3 p.txt {background:#68cec6;}
.policy7>li em {position:absolute; bottom:20px; left:50%; margin-left:-100px; text-align:center; padding-top:5px; border-top:1px solid #777;}

.childcity2 {text-align:center; margin-top:70px;}
.childcity2 .vision dt {display:inline-block; margin-bottom:10px; color:#0056e0; font-size:20px; font-weight:600;}
.childcity2 .vision dd {font-size:26px;}
.childcity2 .goal {margin:50px 0 30px;}
.childcity2 .goal>dt {display:inline-block; margin-bottom:10px; padding:2px 20px; background:#999; color:#fff; border-radius:50px; font-size:16px;}
.childcity2 .goal>dd .goalList {display:flex; justify-content:space-between; flex-wrap:wrap; margin:20px 0;}
.childcity2 .goal>dd .goalList>li {width:19%; padding:10px 4px 4px;}
.childcity2 .goal>dd .goalList>li.g1 {background:#004bc3;}
.childcity2 .goal>dd .goalList>li.g2 {background:#df0268;}
.childcity2 .goal>dd .goalList>li.g3 {background:#5aad00;}
.childcity2 .goal>dd .goalList>li.g4 {background:#df620a;}
.childcity2 .goal>dd .goalList>li.g5 {background:#6f19cd;}
.childcity2 .goal>dd .goalList>li dt {max-height:170px; padding-top:76px; color:#fff; font-size:13px; background-repeat:no-repeat; background-position:center 14px;}
.childcity2 .goal>dd .goalList>li.g1 dt {background-image:url(/open_content/main/images/contents/seogu/childcity2_ic01.png);}
.childcity2 .goal>dd .goalList>li.g2 dt {background-image:url(/open_content/main/images/contents/seogu/childcity2_ic02.png);}
.childcity2 .goal>dd .goalList>li.g3 dt {background-image:url(/open_content/main/images/contents/seogu/childcity2_ic03.png);}
.childcity2 .goal>dd .goalList>li.g4 dt {background-image:url(/open_content/main/images/contents/seogu/childcity2_ic04.png);}
.childcity2 .goal>dd .goalList>li.g5 dt {background-image:url(/open_content/main/images/contents/seogu/childcity2_ic05.png);}
.childcity2 .goal>dd .goalList>li dt span {display:block; line-height:1.3; margin-top:8px; font-size:17px; font-weight:600;}
.childcity2 .goal>dd .goalList>li dd {min-height:210px; margin-top:20px; padding:8px; border-radius:7px 7px 0 0; background:#fff;}
.childcity2 .goal>dd .goalList>li dd li {padding:8px 0; border-bottom:1px dashed #ddd;}
.childcity2 .goal>dd .goalList>li dd li:last-child {border-bottom:0;}
.childcity2 .base {padding:20px; background:#f2f2f2;}
.childcity2 .base dt {margin-bottom:5px; font-size:17px; font-weight:600;}
table.policy tr th,
table.policy tr td {border-left:none; border-top:none; border-right:10px solid #fff; border-bottom:10px solid #fff;}
table.policy tr td {text-align:left;}
table.policy tr th p {max-width:90px; margin:0 auto 10px; border-radius:30px; background:#0092de; color:#fff; font-size:13px;}
table.policy tbody tr th,
table.policy tbody tr td {background:#fbf6df;}
table.policy tbody tr.bg th,
table.policy tbody tr.bg td {background:#f5f5f5;}
table.policy tbody tr.base th {border-bottom:none; color:#fff;background:#4076c6; box-shadow:inset -2px -2px #4076c6, inset 2px 2px #4076c6}
table.policy tbody tr.base th p {color:#333; background:#fff;}
table.policy tbody tr.base td {border-bottom:1px dashed #ccc; background:#fff; box-shadow:inset -2px 0px #4076c6, inset 2px 0px #4076c6}
table.policy tbody tr.base td.top {box-shadow:inset -2px 0px #4076c6, inset 2px 2px #4076c6}
table.policy tbody tr.base td.bottom {border-bottom:none; box-shadow:inset -2px -2px #4076c6, inset 2px 0px #4076c6}

.cityList {margin-top:20px; padding-left:205px; background:url('/open_content/dreame/img/contents/citylist_bg.gif') no-repeat 15px center; overflow:hidden;}
.cityList>ul {float:left; width:49%; margin-left:1%;}
.city_btn_wrap {margin-top:70px; text-align:center;}

.city10 {overflow:hidden; margin-top:30px;}
.city10>li {float:left; text-align:center; margin-left:1.25%; margin-bottom:1.25%; padding:20px 0; width:19%; height:310px; border-radius:10px; border:1px solid #ddd; box-sizing:border-box;}
.city10>li:nth-child(5n+1) {margin-left:0;}
.city10>li dl {padding-top:170px;}
.city10>li dl.c01 {background:url('/open_content/dreame/img/contents/city01.gif') no-repeat center top;}
.city10>li dl.c02 {background:url('/open_content/dreame/img/contents/city02.gif') no-repeat center top;}
.city10>li dl.c03 {background:url('/open_content/dreame/img/contents/city03.gif') no-repeat center top;}
.city10>li dl.c04 {background:url('/open_content/dreame/img/contents/city04.gif') no-repeat center top;}
.city10>li dl.c05 {background:url('/open_content/dreame/img/contents/city05.gif') no-repeat center top;}
.city10>li dl.c06 {background:url('/open_content/dreame/img/contents/city06.gif') no-repeat center top;}
.city10>li dl.c07 {background:url('/open_content/dreame/img/contents/city07.gif') no-repeat center top;}
.city10>li dl.c08 {background:url('/open_content/dreame/img/contents/city08.gif') no-repeat center top;}
.city10>li dl.c09 {background:url('/open_content/dreame/img/contents/city09.gif') no-repeat center top;}
.city10>li dl.c10 {background:url('/open_content/dreame/img/contents/city10.gif') no-repeat center top;}
.city10>li dt {margin-bottom:10px; color:#ee7810; font-weight:bold; font-size:16px;}
.city10>li dd {font-size:13px;}

/* .greeting {position:relative; border-right:20px solid #1d4f9a; background:url('/open_content/dreame/img/contents/greeting_bg2022.jpg') no-repeat right 30px bottom 20px;} */
.greeting {position:relative; border-right:20px solid #1d4f9a; background:url('/open_content/dreame/img/contents/dreame_greeting.png') no-repeat right 30px bottom 20px;}
.greeting:before, .greeting:after {display:block; content:""; position:absolute; right:-20px; height:20px; border-radius:20px; background:#1d4f9a;}
.greeting:before {top:0; left:430px;}
.greeting:after {bottom:0; left:230px;}
.greeting .tit {width:325px; height:69px; margin-left:60px; background:url('/open_content/dreame/img/contents/greeting_tit.gif') no-repeat left top; text-indent:-9999px;}
.greeting>div {padding-top:20px; width:50%; word-break:keep-all;}
.greeting>div p {margin:20px 0;}
.greeting .sign {margin-top:90px; font-weight:bold;}
.greeting .sign span {display:inline-block; width:58px; height:22px; background:url('/open_content/dreame/img/contents/greeting_sign.jpg') no-repeat left top; text-indent:-9999px;}

/* task_250306.jsp */
.organization {position:relative; padding-bottom:70px; margin-bottom:50px; border-bottom:2px solid #ddd;}
.organization>ul>li.headman {margin:0 auto; width:132px; height:132px; background:#1c49b9; border-radius:300px; color:#fff; font-size:20px; font-weight:bold; text-align:center; line-height:132px; }
.organization>ul>li>ul {position:relative; padding-top:40px;}
.organization>ul>li>ul:before {position:absolute; z-index:1; content:''; top:0; left:50%; width:0px; height:40px; border-right:1px solid #ccc;}
.organization .headman_sub {margin:0 auto; padding:12px 0; width:165px; color:#fff; background:#0092de; border-radius:10px; text-align:center; font-weight:bold; font-size:17px;}
.organization .council {position:absolute; z-index:1; top:0px; right:10%; padding:12px 0; width:165px; color:#fff; background:#4db232; border-radius:10px; text-align:center; font-weight:bold; font-size:17px;}
.organization .organi_2dept {position:relative; padding-top:40px;}
.organization .organi_2dept:before {position:absolute; z-index:2; content:''; top:0; left:50%; width:0px; height:40px; border-right:1px solid #ccc;}
.organization .organi_2dept>ul {position:relative; overflow:hidden;}
.organization .organi_2dept>ul:before {position:absolute; z-index:2; content:''; top:0; left:2.9%; width:89.3%; height:0px; border-bottom:1px solid #ccc;}
.organization .organi_2dept>ul>li {position:relative; float:left; padding:40px 1% 0 1%; width:11%;}
.organization .organi_2dept>ul>li:before {position:absolute; z-index:2; content:''; top:0; left:50%; width:0px; height:40px; border-right:1px solid #ccc;}
.organization .organi_2dept>ul>li.vertical {width:5.7%;}
.organization .organi_2dept>ul>li.vertical>p {padding:30px 25%; word-break:break-all;}
.organization .organi_2dept>ul>li.vertical>p>span {display:block; margin-bottom:25px;}
.organization .organi_2dept>ul>li>p {padding:12px 0; color:#333; border-radius:10px; text-align:center; font-size:17px; font-weight:bold; border:2px solid #666; }
.organization .organi_2dept>ul>li>ul {margin-top:20px; padding:20px 20px 15px 20px; border-radius:10px; background:#f5f5f5}
.organization .organi_2dept_2 {overflow:hidden; margin-top:50px;}
.organization .organi_2dept_2>ul>li {float:left; padding:0 2%;}
.organization .organi_2dept_2>ul>li:first-child {width:30%;}
.organization .organi_2dept_2>ul>li:nth-child(2) {width:19%;}
.organization .organi_2dept_2>ul>li:last-child {width:70%;}
.organization .organi_2dept_2>ul>li>p {padding:12px 0; color:#fff; background:#666; border-radius:10px; text-align:center; font-weight:bold; font-size:17px;}
.organization .organi_2dept_2>ul>li>ul, .organization .organi_2dept_2>ul>li>div {margin-top:20px; padding:20px 20px 15px 20px; border-radius:10px; background:#f5f5f5; }
.organization .organi_2dept_2>ul>li:last-child div {overflow:hidden;}
.organization .organi_2dept_2>ul>li:last-child div ul {float:left; width:25%;}
/* 조직도 2개국 추가, 2단으로(2실6국이였음)*/
.organization .organi_2dept>ul:before{width: 85.4%;}
.organization .organi_2dept>ul>li:not(.vertical){padding-left: 2%; padding-right: 2%; width: 23%;}
.organization .organi_2dept>ul>li:nth-last-child(5)~li:before{display: none;}
@media screen and (min-width:801px){
	.organization .organi_2dept>ul>li:nth-child(2){margin-left: 2%;}
	.organization .organi_2dept>ul>li:nth-last-child(4){margin-left: 8%;}
}

/* 메인조직도인크루드 */
.organization .organi_2dept {position:relative; padding-top:40px;}
.organization .organi_2dept:before {position:absolute; z-index:2; content:''; top:0; left:50%; width:0px; height:40px; border-right:1px solid #ccc;}
.organization .organi_2dept>.con {display: flex; gap:3%; position:relative; overflow:hidden;}
.organization .organi_2dept>.con a{pointer-events: none;}
.organization .organi_2dept>.con:before {position:absolute; z-index:2; content:''; top:0; left:2.9%; width:85.7%; height:0px; border-bottom:1px solid #ccc;}
.organization .organi_2dept>.con>ul:first-child{width:6.5%;}
.organization .organi_2dept>.con>ul:last-child{flex-grow: 1;}
.organization .organi_2dept>.con>ul>li{position:relative; float:left; padding:40px 2% 0 2%; width:25%;}
.organization .organi_2dept>.con>ul>li:before {position:absolute; z-index:2; content:''; top:0; left:50%; width:0px; height:40px; border-right:1px solid #ccc;}
.organization .organi_2dept>.con>ul:first-child a,
.organization .organi_2dept>.con>ul span.a {display: block; padding:12px 0; color:#333; border-radius:10px; text-align:center; font-size:17px; font-weight:bold; border:2px solid #666; }
.organization .organi_2dept>.con>ul ul {margin-top:20px; padding:20px 20px 15px 20px; border-radius:10px; background:#f5f5f5}
.organization .organi_2dept>.con>ul ul>li {position:relative; padding-left:12px; margin-bottom:7px;}
.organization .organi_2dept>.con>ul ul>li:before {display:block; content:""; position:absolute; left:0; top:9px; width:4px; height:4px; border-radius:4px; background:#333;}
.organization .organi_2dept>.con>ul:first-child{padding: 0px 1% 0 1%;}
.organization .organi_2dept>.con>ul:first-child>li{width: auto;}
.organization .organi_2dept>.con>ul:first-child>li a {padding:30px 25%; word-break:break-all;}
.organization .organi_2dept>.con>ul:last-child>li:nth-last-child(7)~li:before{display: none;}


.tab_con {position:relative;}
#map_site.tab_con {margin-top:40px;}
.tab_con>div {width:100%;}
.tab_con>div .tab {position:absolute; z-index:1; padding-top:135px; width:18%; height:200px; border:2px solid #ddd; border-radius:10px; font-size:17px; font-weight:bold; text-align:center; cursor:pointer; box-sizing:border-box;}
#work .tab {top:90px;}
#map_site .tab {top:0px;}
.tab_con>div .tab:hover {background-color:#f8f8f8 !important;}
#work>.tit {margin:0 auto; width:261px; height:46px; background:url('/open_content/dreame/img/contents/work_tit.jpg') no-repeat left top; text-indent:-9999px;}
#work>div.work01 .tab {left:0; background:url('/open_content/dreame/img/contents/ic_work01.png') no-repeat center 40px;}
#work>div.work02 .tab {left:20.5%; background:url('/open_content/dreame/img/contents/ic_work02.png') no-repeat center 40px;}
#work>div.work03 .tab {left:41%; background:url('/open_content/dreame/img/contents/ic_work03.png') no-repeat center 45px;}
#work>div.work04 .tab {left:61.5%; background:url('/open_content/dreame/img/contents/ic_work04.png') no-repeat center 45px;}
#work>div.work05 .tab {left:82%; background:url('/open_content/dreame/img/contents/ic_work05.png') no-repeat center 50px;}
.tab_con>div .tab .tit {margin-bottom:15px; color:#222222; font-size:19px; font-weight:bold;}
.tab_con>div .tab p {color:#777777; font-size:14px;}
.tab_con>div .tab p span {display:block;}
.tab_con>div .tab.select {color:#fff; background-color:#0092de !important; border:0px;}
.tab_con>div .tab.select p {color:#fff !important;}
.tab_con>div .tab.select:hover {background-color:#0092de !important;}
.tab_con>div .con {display:none;}
#work.tab_con>div .con {padding-top:270px;}
#map_site.tab_con>div .con {padding-top:220px;}
#work>div.work03 .con, .tab_con>div.site01 .con {display:block;}
.tab_con>div .con>ul {padding:30px 50px; background:#f5f5f5; border-radius:5px;}
.tab_con>div .con>ul>li {padding:20px 0; border-top:1px dashed #ccc;}
.tab_con>div .con>ul>li:first-child {border:0px;}
.tab_con>div .con>ul>li>p {display:inline-block; margin-bottom:10px; padding:5px 20px; background:#0092de; border-radius:100px; color:#fff; box-shadow:2px 2px 0px 0px #ddd; font-weight:bold;}
.tab_con>div .con>ul>li>p a.blank_btn {padding-right:20px; background:url('/open_content/dreame/img/contents/ic_blank.jpg') no-repeat right center; color:#fff;}
.tab_con>div .con>ul>li>span {display:block; padding-left:20px;}
.tab_con>div .con>ul>li>span.box {margin-top:10px; padding:20px; background:#ebebeb; border-radius:5px; border:1px dotted #ddd;}
.tab_con>div .con>ul>li>ul {padding:10px;}
.map {margin-top:25px; border:5px solid #eee;}
.map img {display:block;}
.loupe {border:3px solid #ee7810; z-index:500;}
#map_site>div.site01 .tab {left:0; background:#fff url('/open_content/dreame/img/contents/site01.png') no-repeat center 40px;}
#map_site>div.site02 .tab {left:20.5%; background:#fff url('/open_content/dreame/img/contents/site02.png') no-repeat center 47px;}
#map_site>div.site03 .tab {left:41%; background:#fff url('/open_content/dreame/img/contents/site03.png') no-repeat center 40px;}
#map_site>div.site04 .tab {left:61.5%; background:#fff url('/open_content/dreame/img/contents/site04.png') no-repeat center 40px;}
#map_site>div.site05 .tab {left:82%; background:#fff url('/open_content/dreame/img/contents/site05.png') no-repeat center 53px;}

#history {overflow:hidden;}
#history>.tit {margin:0 auto; margin-bottom:50px; width:198px; height:38px; background:url('/open_content/dreame/img/contents/history_tit.jpg') no-repeat left top; text-indent:-9999px;}
#history>div {float:left; padding:0 2%; width:33.333%; box-sizing:border-box;}
#history>div .tit {padding:17px 0;border-radius:5px; color:#fff; font-size:17px; font-weight:bold; text-align:center;}
#history>div.history01 .tit {background:#4db232; box-shadow:0px 5px 0px 0px #278a0c;}
#history>div.history02 .tit {background:#0092de; box-shadow:0px 5px 0px 0px #00699f;}
#history>div.history03 .tit {background:#8746b5; box-shadow:0px 5px 0px 0px #551682;}
#history>div ul {position:relative; padding:30px 5% 0 5%;}
#history>div ul:before {position:absolute; z-index:1; left:29%; top:0; content:''; width:6px; height:100%; background:#e9e9e9; border-radius:10px;}
#history>div ul li {overflow:hidden;}
#history>div ul li p {position:relative; float:left; padding:7px 0; width:30%; font-size:16px; font-weight:bold;}
#history>div ul li p:after {position:absolute; z-index:2; right:-1.5%; top:7px; content:''; width:6px; height:6px; border:7px solid #fff; border-radius:40px;}
#history>div.history01 ul li p:after {background:#278a0c;}
#history>div.history02 ul li p:after {background:#407794;}
#history>div.history03 ul li p:after {background:#551682;}
#history>div ul li dl {overflow:hidden; float:right; width:65%;}
#history>div ul li dl dt {float:left; padding:7px 0; width:40%; font-weight:bold;}
#history>div ul li.his_list2 dl dt {float:left; width:0%;}
#history>div.history03 ul li dl dt {width:20%;}
#history>div ul li dl dd {float:right; padding:7px 0; width:55%; word-break:keep-all;}
#history>div ul li.his_list2 dl dd {float:left; width:100%;}
#history>div.history03 ul li dl dd {width:75%;}
#history>div.history01 ul li p {color:#278a0c;}
#history>div.history02 ul li p {color:#407794;}
#history>div.history03 ul li p {color:#551682;}
.history_con {margin-top:50px; padding:20px 40px; border-radius:10px; background:#f5f5f5;}
.history_con li {padding:20px 0; border-top:1px dashed #ccc;}
.history_con li:first-child {border-top:0px;}

.town_box {padding:20px 30px; background:#f5f5f5; border-radius:10px;}
.name_map {position:relative; margin-top:50px;}
.name_map ul {overflow:hidden;}
.name_map ul li {float:left; width:49%;}
.name_map ul li:last-child {float:right;}
.sizing img {max-width:100%;}
.name_map .section_dong {position:absolute; z-index:1; top:20%; left:50%; margin-left:-22.5%; width:45%; display:none;}
.name_map .section_dong dl {overflow:hidden; border-radius:10px; background:#fff; box-shadow:0px 0px 50px 15px rgba(0,0,0,0.2);}
.name_map .section_dong dt {padding:40px 40px 30px 40px; color:#fff; background:#0092de url('/open_content/dreame/img/contents/town_bg.jpg') no-repeat right 20px bottom; font-size:35px; font-weight:bold; line-height:120%;}
.name_map .section_dong dt span {display:block; padding:0; font-size:17px; opacity:0.7;}
.name_map .section_dong dd {padding:30px 40px; line-height:150%; word-break:keep-all;}
.name_map .section_dong .close a {position:absolute; z-index:2; right:20px; top:20px; display:block; width:50px; height:50px; background:url('/open_content/dreame/img/contents/town_close.png') no-repeat left top; text-indent:-9999px;}

#symbol>.tit {margin:0 auto; margin-bottom:40px; width:162px; height:47px; background:url('/open_content/dreame/img/contents/symbol_tit.jpg') no-repeat left top;  text-indent:-9999px;}
.symbol_box {overflow:hidden; padding:40px; border:1px solid #333; border-radius:10px; background:url('/open_content/dreame/img/contents/symbol_pattern.jpg');}
#symbol .symbol_box .s_box_left {float:left; width:30%; text-align:center;}
#symbol .symbol_box .con {float:left; padding-left:5%; padding-top:10px; width:65%; font-size:17px; line-height:150%; word-break:keep-all;}
#symbol .symbol_box .con .tit {margin-bottom:25px; font-size:18px; font-weight:bold;}
#symbol .symbol_group {overflow:hidden;}
#symbol .symbol_group>li {float:left; width:49%; text-align:center;}
#symbol .symbol_group>li:last-child {float:right;}
#symbol .symbol_group .symbol_box .tit {display:inline-block; padding:5px 15px; margin-bottom:30px; color:#fff; background:#ef7509; border-radius:100px; font-size:17px; font-weight:bold;}
#symbol .symbol_group .symbol_box {height:430px;}
#symbol .symbol_group .con {padding:0 40px 5px 40px;}
#symbol .symbol_group .con .tit {margin:30px 0 25px 0; color:#ef7509; font-size:19px; font-weight:bold;}
#symbol .symbol_group .con ul, #symbol .symbol_group .con div {height:150px;}
#symbol .symbol_group .con ul li {padding:5px 0; overflow:hidden; text-align:left; word-break:keep-all;}
#symbol .symbol_group .con ul li span {display:block; float:left; width:82%;}
#symbol .symbol_group .con ul li span:first-child {width:18%; font-weight:bold;}
#symbol .symbol_group .con div {padding:0 60px 5px 60px;}
#symbol .symbol_group .con div .wfont {margin-bottom:15px; font-size:16px;}
#symbol .symbol_group .con div span {color:#ef7509; text-decoration:underline;}
#symbol .symbol_list {overflow:hidden; padding-bottom:5px;}
#symbol .symbol_list li {overflow:hidden; float:left; margin-left:2%; width:23.5%; background:#f7f7f7; border-radius:10px; box-shadow:0px 5px 0px 0px #ddd;}
#symbol .symbol_list li:first-child {margin-left:0;}
#symbol .symbol_list li>p img {display:block; width:100%;}
#symbol .symbol_list li div {padding:25px 30px; height:136px;}
#symbol .symbol_list li div>p {margin-bottom:10px; color:#ef7509; font-weight:bold;}

.world_history {overflow:hidden;}
.world_history>div {float:left; width:50%;}
.world_history>div>p {padding-top:7px; width:80px; height:36px; color:#fff; font-size:15px; font-weight:bold; text-align:center;}
.world_history>.world>p {background:url('/open_content/dreame/img/contents/his_tit_b.jpg') no-repeat left top;}
.world_history>.korea>p {background:url('/open_content/dreame/img/contents/his_tit_g.jpg') no-repeat left top;}
.world_history ol {margin-top:20px;}
.world_history ol li {overflow:hidden; padding-bottom:40px;}
.world_history ol li .year {position:relative; float:left; padding-top:26px; width:72px; height:46px; color:#0092de; border-radius:200px; border:3px solid #0092de; text-align:center; font-weight:800; font-size:18px; line-height:110%;}
.world_history ol li .year:after {position:absolute; z-index:1; bottom:-43px; left:50%; content:''; width:0px; height:40px; border-left:1px dashed #ccc;}
.world_history ol li:last-child .year:after {display:none;}
.world_history .korea ol li .year {color:#3a9d20; border:3px solid #4db232;}
.world_history ol li .year span {display:block;}
.world_history .korea>ol>li:last-child .year {padding-top:18px; height:54px;}
.world_history ol li .con {float:right; margin-right:7%; margin-top:14px; width:70%; padding:15px 20px; background:#f0f0f0; border-radius:10px;}
.world_history ol li.big .con {margin-top:3px;}
.world_history ol li .con span {display:block; font-size:14px;}
.process ol {overflow:hidden; padding-bottom:30px;}
.process ol li {position:relative; float:left; margin-right:5%; margin-bottom:2%; width:20%;}
.process ol li:after {position:absolute; z-index:1; content:''; top:50%; right:-16%; width:15px; height:24px; background:url('/open_content/dreame/img/contents/step2_arrow.jpg') no-repeat left top;}
.process ol li .date {padding:13px; border-radius:10px; color:#222; background:#f7d840; font-size:17px; font-weight:800; text-align:center; box-shadow:0px 3px 0px 0px #e4c634;}
.process ol li:nth-child(even) .date {background:#8be074; box-shadow:0px 3px 0px 0px #73ca5c;}
.process ol li .con {position:relative; margin-top:10px; padding:30px; height:80px; border-radius:10px; color:#222; background:#f0f0f0; box-shadow:0px 3px 0px 0px #e5e5e5; letter-spacing:-.5px;}
.process ol li .con:before {position:absolute; z-index:1; left:50%; top:-20px; content:''; margin-left:-74px; width:148px; height:34px; background:url('/open_content/dreame/img/contents/step2_yellow.png') no-repeat left top;}
.process ol li:nth-child(even) .con:before {background:url('/open_content/dreame/img/contents/step2_blue.png') no-repeat left top;}
.process ol li.last {width:45%;}
.process ol li.last:after {display:none;}
.process ol li.last .con {height:auto; font-weight:bold; text-align:center;}
.process ol li.last .con img {display:block; margin-bottom:10px;}
.graph {overflow:hidden; margin:30px;}
.graph>div {float:left; padding:0 20px; width:50%; text-align:center; box-sizing:border-box;}
.opinion li {margin-bottom:5px; padding:20px; background:#f0f0f0; border-radius:10px;}
.opinion li span {display:inline-block; margin-right:10px; width:30px; height:30px; background:#f7d840; border-radius:25px; font-size:14px; font-weight:800; letter-spacing:-1px; text-align:center; line-height:30px;}


.vision {width:970px; max-width:100%; margin:auto;}
.vision dl.tit {padding:20px; text-align:center; background:#f9f9f9; border-radius:100px;}
.vision dl.tit dt span {padding:2px 15px 4px; color:#fff; border-radius:20px; background:#0081cd;}
.vision dl.tit dt p {margin:5px 0; color:#0081cd; font-size:27px;}
.vision dl.tit dd {font-size:20px;}
.vision .goal {text-align:center; margin:10px 0; padding-top:85px; background:url('/open_content/dreame/img/contents/goal_bg.gif') no-repeat center top;}
.vision .goal dt {font-size:19px;}
.vision .goal dd ul {text-align:center; position:relative; margin:20px 0; }
.vision .goal dd ul li {width:37%; padding:30px; color:#fff; font-size:18px; font-weight:bold; border-radius:100px; box-sizing:border-box;}
.vision .goal dd ul li.g1 {position:absolute; left:0; background:#69a113; overflow:hidden;}
.vision .goal dd ul li.g1:after {content:""; display:block; position:absolute; left:85%; top:0; width:200px; height:142px; border-radius:100px; background:#00510f;}
.vision .goal dd ul li.g2 {display:inline-block; padding:44px 30px; background:#0081cd;}
.vision .goal dd ul li.g3 {position:absolute; right:0; top:0; background:#8c2992; overflow:hidden;}
.vision .goal dd ul li.g3:before {content:""; display:block; position:absolute; right:85%; top:0; width:200px; height:142px; border-radius:100px; background:#001575;}
.vision .propel {position:relative; overflow:hidden; padding-top:70px;}
.vision .propel:after {position:absolute; z-index:0; left:0; top:35px; content:''; width:100%; height:1px; border-top:1px dashed #fca601;}
.vision .propel dt {position:absolute; z-index:1; top:20px; left:50%; margin-left:-50px; padding:5px; width:100px; color:#fff; background:#ff7e3f; border-radius:50px; text-align:center; font-weight:bold;}
.vision .propel dd {float:left; width:33.3%; height:300px; padding:40px 20px 40px 40px; border-left:1px dashed #fca601; box-sizing:border-box;}
.vision .propel dd:nth-of-type(1), .vision .propel dd:nth-of-type(4) {border-left:0;}
.vision .propel dd:nth-of-type(1), .vision .propel dd:nth-of-type(2), .vision .propel dd:nth-of-type(3) {border-bottom:1px dashed #fca601;}
.vision .propel dd .tit {position:relative; text-align:center; padding-bottom:45px; margin-bottom:40px;}
.vision .propel dd .tit span {display:block; margin-top:5px; font-size:18px; color:#0081cd;}
.vision .propel dd .tit:after {display:block; content:""; position:absolute; left:50%; bottom:0; margin-left:-36px; width:73px; height:2px; background:#393939;}
.vision .base {overflow:hidden; margin-top:30px; padding:50px 80px; border-radius:100px; border:5px solid #ff7e3f;}
.vision .base dt {float:left; font-weight:bold; width:60px; padding-top:10px;}
.vision .base dd {float:right; width:80%;}
.vision .base dd p {float:left; width:40%; padding-top:8px; font-size:18px; color:#0081cd;}
.vision .base dd ul {float:left; width:60%;}
.vision .propel li, vision .base li {font-size:14px;}

.committee {overflow:hidden;}
.committee li {position:relative; float:left; width:47%; min-height:270px;}
.committee li:nth-child(2n) {float:right;}
.committee li p.photo {position:absolute; padding:10px; width:200px; border:3px solid #f0f0f0; border-radius:14px; overflow:hidden; font-size:0px; box-sizing:border-box;}
.committee li div.con {padding-top:10px; padding-left:230px;}
.committee li div.con p.tit span {display:inline-block; text-align:center; padding:0px 15px; border-radius:38px;}
.committee li div.con p.tit span.name {min-width:100px; height:38px; background:#f7d840; font-size:0px; ;}
.committee li div.con p.tit span.name img {padding-top:7px;}
.committee li div.con p.tit span.group {vertical-align:top; min-width:60px; line-height:32px; font-size:18px; border:3px solid #333;}
.committee li div.con p.txt {margin-top:15px; padding:10px 5px; font-size:17px; word-break:keep-all;}
.committee li.group1 p.photo,
.committee li.group1 div.con p.tit span.group {border-color:#8884e8;}
.committee li.group2 p.photo,
.committee li.group2 div.con p.tit span.group {border-color:#6cbe35;}
.committee li.group3 p.photo,
.committee li.group3 div.con p.tit span.group {border-color:#f07373;}
.committee li.group4 p.photo,
.committee li.group4 div.con p.tit span.group {border-color:#f8b300;}
.committee li.group5 p.photo,
.committee li.group5 div.con p.tit span.group {border-color:#498ee3;}

.UNrights ul {overflow:hidden;}
.UNrights ul li {position:relative; float:left; margin-top:10px; padding:5% 3% 5% 5%; width:49.5%; height:200px; background:#f5f5f5; border:1px solid rgba(0,0,0,.2); border-radius:10px; box-sizing:border-box; background-position:35px center; background-repeat:no-repeat;}
/* .UNrights ul li:nth-child(4n) {background-color:#f7d840;}
.UNrights ul li:nth-child(4n+1) {background-color:#dcf36e;}
.UNrights ul li:nth-child(4n+2) {background-color:#a5e2c4;}
.UNrights ul li:nth-child(4n+3) {background-color:#bde0ff;} */
.UNrights ul li.ic01 {background-image:url('/open_content/dreame/img/contents/right_un01.png');}
.UNrights ul li.ic02 {background-image:url('/open_content/dreame/img/contents/right_un02.png');}
.UNrights ul li.ic03 {background-image:url('/open_content/dreame/img/contents/right_un03.png');}
.UNrights ul li.ic04 {background-image:url('/open_content/dreame/img/contents/right_un04.png');}
.UNrights ul li.ic05 {background-image:url('/open_content/dreame/img/contents/right_un05.png');}
.UNrights ul li.ic06 {background-image:url('/open_content/dreame/img/contents/right_un06.png');}
.UNrights ul li.ic07 {background-image:url('/open_content/dreame/img/contents/right_un07.png');}
.UNrights ul li.ic08 {background-image:url('/open_content/dreame/img/contents/right_un08.png');}
.UNrights ul li.ic09 {background-image:url('/open_content/dreame/img/contents/right_un09.png');}
.UNrights ul li.ic10 {background-image:url('/open_content/dreame/img/contents/right_un10.png');}
.UNrights ul li.ic11 {background-image:url('/open_content/dreame/img/contents/right_un11.png');}
.UNrights ul li.ic12 {background-image:url('/open_content/dreame/img/contents/right_un12.png');}
.UNrights ul li.ic13 {background-image:url('/open_content/dreame/img/contents/right_un13.png');}
.UNrights ul li.ic14 {background-image:url('/open_content/dreame/img/contents/right_un14.png');}
.UNrights ul li.ic15 {background-image:url('/open_content/dreame/img/contents/right_un15.png');}
.UNrights ul li.ic16 {background-image:url('/open_content/dreame/img/contents/right_un16.png');}
.UNrights ul li.ic17 {background-image:url('/open_content/dreame/img/contents/right_un17.png');}
.UNrights ul li.ic18 {background-image:url('/open_content/dreame/img/contents/right_un18.png');}
.UNrights ul li.ic19 {background-image:url('/open_content/dreame/img/contents/right_un19.png');}
.UNrights ul li.ic20 {background-image:url('/open_content/dreame/img/contents/right_un20.png');}
.UNrights ul li.ic21 {background-image:url('/open_content/dreame/img/contents/right_un21.png');}
.UNrights ul li.ic22 {background-image:url('/open_content/dreame/img/contents/right_un22.png');}
.UNrights ul li.ic23 {background-image:url('/open_content/dreame/img/contents/right_un23.png');}
.UNrights ul li.ic24 {background-image:url('/open_content/dreame/img/contents/right_un24.png');}
.UNrights ul li.ic25 {background-image:url('/open_content/dreame/img/contents/right_un25.png');}
.UNrights ul li.ic26 {background-image:url('/open_content/dreame/img/contents/right_un26.png');}
.UNrights ul li.ic27 {background-image:url('/open_content/dreame/img/contents/right_un27.png');}
.UNrights ul li.ic28 {background-image:url('/open_content/dreame/img/contents/right_un28.png');}
.UNrights ul li.ic29 {background-image:url('/open_content/dreame/img/contents/right_un29.png');}
.UNrights ul li.ic30 {background-image:url('/open_content/dreame/img/contents/right_un30.png');}
.UNrights ul li.ic31 {background-image:url('/open_content/dreame/img/contents/right_un31.png');}
.UNrights ul li.ic32 {background-image:url('/open_content/dreame/img/contents/right_un32.png');}
.UNrights ul li.ic33 {background-image:url('/open_content/dreame/img/contents/right_un33.png');}
.UNrights ul li.ic34 {background-image:url('/open_content/dreame/img/contents/right_un34.png');}
.UNrights ul li.ic35 {background-image:url('/open_content/dreame/img/contents/right_un35.png');}
.UNrights ul li.ic36 {background-image:url('/open_content/dreame/img/contents/right_un36.png');}
.UNrights ul li.ic37 {background-image:url('/open_content/dreame/img/contents/right_un37.png');}
.UNrights ul li.ic38 {background-image:url('/open_content/dreame/img/contents/right_un38.png');}
.UNrights ul li.ic39 {background-image:url('/open_content/dreame/img/contents/right_un39.png');}
.UNrights ul li.ic40 {background-image:url('/open_content/dreame/img/contents/right_un40.png');}
.UNrights ul li:nth-child(2n) {float:right;}
.UNrights ul li div.con {position:relative; top:50%; transform:translateY(-50%); padding-left:110px;}
.UNrights ul li div.con p.tit {font-weight:bold; font-size:18px;}
.UNrights ul li div.con p.tit span.num {font-weight:normal; padding-right:5px;}
.UNrights ul li div.con p.txt {margin-top:15px; font-size:13px;}

.site {margin-top:20px; overflow:hidden;}
.site li {float:left; margin:.5%; width:24%; background:#f0f0f0; border:1px solid #aaa; box-sizing:border-box; border-radius:13px;}
/* .site li a {display:block;} */
.site li p.name {display:table; width:100%; text-align:center;}
.site li p.name span {display:table-cell; vertical-align:middle; text-align:center; padding:10px; height:80px; font-weight:bold; font-size:16px;}
.site li p.go {text-align:center; padding:20px 0px; background:#fff; border-bottom-left-radius:14px; border-bottom-right-radius:14px;}
.site li p.go span {display:inline-block; padding:5px 13px; color:#333; font-size:14px; font-weight:bold; border-radius:40px; background:#ecd045; word-break:keep-all; line-height:15px}

#introduce>div {position:relative; margin-bottom:50px; padding-top:120px;}
#introduce>div>p {position:absolute; z-index:1; left:50%; top:0px; margin-left:-102.5px; width:205px; height:99px; background-color:#ffd91f; background-repeat:no-repeat; background-position:left top; border-radius:10px; text-indent:-9999px;}
#introduce>div>p:after {position:absolute; z-index:1; content:''; margin-left:-45px; left:50%; top:99px; width:90px; height:41px; background:url('/open_content/dreame/img/contents/club_bar.png') no-repeat left top;}
#introduce>div.club01>p {background-image:url('/open_content/dreame/img/contents/club_01_v7.png');}
#introduce>div.club02>p {background-image:url('/open_content/dreame/img/contents/club_02_v7.png');}
#introduce>div.club03>p {background-image:url('/open_content/dreame/img/contents/club_03_v7.png');}
#introduce>div.club04>p {background-image:url('/open_content/dreame/img/contents/club_04_v7.png');}
#introduce>div.club05>p {background-image:url('/open_content/dreame/img/contents/club_05_v6.png');}
#introduce>div.club06>p {background-image:url('/open_content/dreame/img/contents/club_06_v6.png');}
#introduce>div.club07>p {background-image:url('/open_content/dreame/img/contents/club_07_v6.png');}
#introduce>div.club08>p {background-image:url('/open_content/dreame/img/contents/club_08.png');}
#introduce>div>ul {padding:50px 50px 30px 50px; background:#f5f5f5; border-radius:20px; text-align:center;}
#introduce>div>ul>li {display:inline-block; margin:0 10px 20px 10px; text-align:center;}
#introduce>div>ul>li>p {overflow:hidden; width:126px; height:126px; border:3px solid #2c288c; border-radius:500px;}
#introduce>div>ul>li>span {display:inline-block; margin-top:-20px; padding:7px 40px; color:#fff; background:#2c288c; border-radius:100px; font-weight:bold;}
#introduce>div.club02>ul li p {border-color:#bb1c21;}
#introduce>div.club02>ul li span {background:#bb1c21;}
#introduce>div.club03>ul li p {border-color:#1a7d3a;}
#introduce>div.club03>ul li span {background:#1a7d3a;}
#introduce>div.club04>ul li p {border-color:#498ee3;}
#introduce>div.club04>ul li span {background:#498ee3;}
#introduce>div.club05>ul li p {border-color:#f8b300;}
#introduce>div.club05>ul li span {color:#000; background:#f8b300;}
#introduce>div.club06>ul li p {border-color:#45bb1c;}
#introduce>div.club06>ul li span {background:#45bb1c;}
#introduce>div.club07>ul li p {border-color:#c71089;}
#introduce>div.club07>ul li span {background:#c71089;}
#introduce>div.club08>ul li p {border-color:#5d1d7e;}
#introduce>div.club08>ul li span {background:#5d1d7e;}

#introduce>div>ul {position:relative;}
.introduce_pop {position:absolute !important; z-index:5; top:40px; left:50%; margin-left:-15%; display:none; width:30%; border:5px solid #ffd91f; background:#fff; border-radius:10px; box-sizing:border-box; box-shadow:0px 0px 70px 10px rgba(0,0,0,0.3);}
.introduce_pop p {padding:20px 20px 15px 20px;}
.introduce_pop .name {padding:15px 0 10px 0; background:#ffd91f;}
.introduce_pop .close {padding:0;}
.introduce_pop .close a {display:inline-block; margin-bottom:20px; padding:5px 20px; color:#fff; background:#555; border-radius:500px;}

/*문화행사일정 추가 - 상세보기 가림*/
.calendar .detailLayer .datatable>p>a.btn:first-child{display:none;}
/*문화행사일정 추가 - 상세보기 가림*/

.intro_logo {overflow:hidden; margin-top:10px;}
.intro_logo>p {float:left; width:20%; box-sizing:border-box; text-align:center;}
.intro_logo>div {float:right; padding-top:20px; width:77%;}
.intro_logo>div>p.tit {margin-bottom:15px; font-size:17px; font-weight:bold;}
.intro_logo>div>p.tit span {color:#ee7810; text-decoration:underline;}

#detail_con .symbolBox {margin-top:10px; border:1px solid #dcdcdc; border-top:2px solid #4a5a67; background:url(/open_content/main/images/contents/seogu/symbol_bg.gif) repeat center top;}
#detail_con .symbol {overflow:hidden; padding:3% 5%;}
#detail_con .symbol p.img {float:left; width:20%; text-align:center;}
#detail_con .symbol div.con {float:right; padding:2% 0% 0%; width:75%; line-height:170%;}
#detail_con .symbol_basic {padding:2% 3%; overflow:hidden;}
#detail_con .symbol_basic li {float:left; padding:2.5%; width:45%;}
#detail_con .symbol_basic li p {text-align:center;}
#detail_con .symbol_basic li p.name {margin:10px auto 0px; width:100px; padding:3px 0px; background:#484848; border-radius:20px; color:#fff;}
#detail_con .symbol_apply {padding:5% 1%; overflow:hidden; text-align:center;}
#detail_con .symbol_apply li {float:left; width:48%; margin-left:2%; text-align:center;}
#detail_con .symbol_use .para01 {margin-bottom:30px; border-top:1px dashed #dcdcdc;}
#detail_con .symbol_use .border {border:1px solid #dcdcdc;}
#detail_con .conPhoto .txt {display:block; padding:13px 5%; text-align:center; background:#f8f8f8; border-top:1px dotted #dcdcdc; font-size:16px; font-weight:bold; color:#333;}
#detail_con .conPhoto .txt p {margin-top:8px; padding:0px 5%; font-size:14px; font-weight:normal;}
#detail_con p.conPhoto img {max-width:100%; border:1px solid #dcdcdc;}
#detail_con .conPhoto {overflow:hidden;}
#detail_con .conPhoto li {float:left; margin:1.5% 0.7% 0% 0.8%; width:48.5%; text-align:center; border:1px solid #dcdcdc; box-sizing:border-box;}
#detail_con .conPhoto li img {display:block; width:100%;}
#detail_con .conPhoto.col2 li {width:48%;}
#detail_con .conPhoto.col3 li {width:31.8%;}
#detail_con .conPhoto.col4 li {width:23.5%;}
#detail_con .conPhoto.yellow_foot {height:160px;}
#detail_con .conPhoto.public_sewer {overflow:hidden; max-height:450px; border:1px solid #dcdcdc;}
#detail_con ul.conPhoto.public_sewer {border:none;}
#detail_con .conPhoto.public_sewer img {border:none;}

.festival_intro {text-align:center; margin-top:30px;}
.festival_intro .photo {text-align:center;}
.festival_intro .photo img { box-shadow:5px 5px 0 #ddd}
.festival_intro .tit {display:inline-block; line-height:25px; margin:60px 0 20px; font-size:22px; font-weight:bold; border-bottom:1px solid #777;}

.jpa_age {border-radius:10px; background:#5c8efd;}
.jpa_age .calculator {text-align:center; width:730px; max-width:80%; margin:0 auto; padding:50px 0;}
.jpa_age .calculator .tit .tt {color:#fff; font-size:30px;}
.jpa_age .calculator .tit .ut {display:inline-block; margin:5px 0 25px; padding-left:25px; font-size:17px; color:#fff; background:url('/open_content/dreame/img/contents/mark.gif') no-repeat left 3px;}
.jpa_age .calculator form>div {color:#fff; font-size:20px;}
.jpa_age .calculator form>div input[type=text] {padding:10px 30px 10px 10px; font-size:17px; border:0; border-radius:8px;}
.jpa_age .calculator form>div input[type=submit] {text-align:center; width:140px; padding:8px 25px 12px 0; color:#fff; font-size:17px; border:0; border-radius:8px; background:#114696 url('/open_content/dreame/img/contents/calculator.gif') no-repeat right 15px center;}
.jpa_age .calculator form>div img {margin-left:-30px; margin-right:25px;}
.jpa_age .calculator form>p {display:none; margin-top:20px; padding:30px 0 0; color:#fff; font-size:20px; border-top:1px solid #4275d9;}
.jpa_age .calculator form>p span {font-weight:bold; color:#fff100;}
.jpa_age .calculator form>div br {display:none;}

.jpa_age .list {padding:30px 50px; border:1px solid #dcdcdc; border-radius:10px; background:#fff;}
.jpa_age .list li {position:relative; margin-top:10px; padding-left:17px;}
.jpa_age .list li:before {display:block; content:""; position:absolute; left:0; top:6px; width:4px; height:4px; border-radius:50%; border:3px solid #5c8efd;}

.edu_vision .img {text-align:center;}
.edu_vision ul.list li {min-height:65px; padding-top:12px; background-repeat:no-repeat; background-position:left center;}
.edu_vision ul.list li.l1 {background-image:url('/open_content/dreame/img/contents/vision_ic01.png');}
.edu_vision ul.list li.l2 {background-image:url('/open_content/dreame/img/contents/vision_ic02.png');}
.edu_vision ul.list li.l3 {background-image:url('/open_content/dreame/img/contents/vision_ic03.png');}
.edu_vision ul.list li.l4 {background-image:url('/open_content/dreame/img/contents/vision_ic04.png');}
.edu_vision ul.list li.l5 {background-image:url('/open_content/dreame/img/contents/vision_ic05.png');}
.edu_vision ul.list li.l6 {background-image:url('/open_content/dreame/img/contents/vision_ic06.png');}

#detail_con .sitemap {width:85%; margin:0 auto; font-size:0; line-height:0;}
#detail_con .sitemap>li {vertical-align:top; display:inline-block; width:31%; margin-left:3.3%; margin-bottom:50px; line-height:1.3rem;}
#detail_con .sitemap>li:nth-of-type(3n+1) {margin-left:0;}
#detail_con .sitemap>li>p {padding:15px 5px; font-size:29px; border-bottom:2px solid #333;}
#detail_con .sitemap .submenu {margin-top:10px;}
#detail_con .sitemap .submenu>ul>li {border-bottom:1px dotted #c6c6c6;}
#detail_con .sitemap .submenu>ul>li:last-child {border-bottom:1px solid #333;}
#detail_con .sitemap .submenu>ul>li>a {display:block; padding:10px; font-size:16px;}
#detail_con .sitemap .submenu>ul>li>ul {padding:20px; background:#f2f4f7;}
#detail_con .sitemap .submenu>ul>li>ul>li {position:relative; padding-left:10px;}
#detail_con .sitemap .submenu>ul>li>ul>li:before {display:block; content:""; position:absolute; left:0; top:12px; width:5px; height:1px; background:#333;}
#detail_con .sitemap .submenu>ul>li>ul a {font-size:14px;}

.ready {text-align:center; margin-top:100px;}
.ready p.stit {display:inline-block; padding:10px 100px; color:#fff; background:#000;}
.ready p.con {position:relative; margin-top:30px; margin-bottom:200px; font-size:25px; ; line-height:140%}
.ready p.con:after {display:block; content:""; position:absolute; left:50%; top:160%; width:1px; height:125px; background:#a8a8a8;}
.ready .end {color:#4e4e4e;}

@media screen and (min-width:801px){
	.table_scroll p.ic_scroll {display:none !Important;}
	.rights2 {position:relative; height:460px; background:url('/open_content/dreame/img/contents/right02_bg.gif') no-repeat center bottom;}
	.rights2 .tit {position:absolute; left:53%; bottom:90px;}
	.rights2 p.num {position:absolute; font-size:24px; color:#000; font-weight:bold;}
	.rights2 .r01 p.num {right:59%; top:220px;}
	.rights2 .r02 p.num {right:53%; top:150px;}
	.rights2 .r03 p.num {left:53%; top:150px;}
	.rights2 .r04 p.num {left:59%; top:220px;}
	.rights2 dl {position:absolute;}
	.rights2 .r01 dl {left:0; top:125px;}
	.rights2 .r02 dl {left:60px; top:5px; text-align:right;}
	.rights2 .r03 dl {left:55%; top:15px;}
	.rights2 .r04 dl {right:5px; top:125px; text-align:right;}

	.edu_vision {position:relative;}
	.edu_vision ul.list li {position:absolute;}
	.edu_vision ul.list li.l1 {left:0; bottom:238px;}
	.edu_vision ul.list li.l2 {left:85px; bottom:100px;}
	.edu_vision ul.list li.l3 {left:240px; bottom:5px;}
	.edu_vision ul.list li.l4 {right:340px; bottom:5px;}
	.edu_vision ul.list li.l5 {right:185px; bottom:100px;}
	.edu_vision ul.list li.l6 {right:10px; bottom:238px;}
	.edu_vision ul.list li.l1, .edu_vision ul.list li.l2, .edu_vision ul.list li.l3 {text-align:right; padding-right:80px; background-position:right top;}
	.edu_vision ul.list li.l4, .edu_vision ul.list li.l5, .edu_vision ul.list li.l6 {padding-left:80px;}
}

@media screen and (max-width:800px){
	ol.step>li {width:100%; margin:.5% 0;}

	.table_scroll {display:block; position:relative; padding-bottom:20px; overflow-x:auto;}
	.table_scroll table,
	.table_scroll table{min-width:850px;}
	.table_scroll>p, .table_scroll>p{width:850px;}
	p.ic_scroll{display:block; content:'좌우 스크롤'; position:absolute; left:35%; top:10%; text-align:center; width:120px; height:45px; padding-top:75px; font-size:14px; color:#fff; background:rgba(0,0,0,.7) url(/open_content/main/images/sub/ic_scroll.png) no-repeat center 25px; border-radius:120px; opacity:1;}

	.board_alert {padding:20px;}
	.board_alert p {font-size:13px !important;}

	.rights2 .tit br {display:none;}
	.rights2 li {margin-top:15px;}
	.rights2 p.num {text-align:center; padding:5px 10px; font-weight:bold; color:#000; box-sizing:border-box;}
	.rights2 .r01 p.num {background:#f7d840;}
	.rights2 .r02 p.num {background:#cce552;}
	.rights2 .r03 p.num {background:#62d49c;}
	.rights2 .r04 p.num {background:#5691c5;}
	.rights2 dt  {text-align:center; margin-top:10px; line-height:25px;}
	.rights2 dt span {display:block; font-size:13px;}
	.rights2 dd br {display:none;}
	.facility_box div.con dt {width:25%;}
	.facility_box div.con dd {width:75%;}

	.policy7>li {float:none; width:100%; height:auto; padding-bottom:60px; margin-bottom:5px; border:1px solid #ddd !important;}
	.city10>li {margin-left:3%; margin-bottom:3%; width:31%;}
	.city10>li:nth-child(5n+1) {margin-left:3%;}
	.city10>li:nth-child(3n+1) {margin-left:0%;}

	.greeting {background-size:50%;}

	.organization .council {position:static; width:auto; padding:10px 0; font-size:15px;}
	.organization .organi_2dept>ul:before {display:none;}
	.organization .organi_2dept>ul>li {float:none; padding:5px !important; width:auto !important;}
	.organization .organi_2dept>ul>li:first-child {padding-top:0 !important;}
	.organization .organi_2dept>ul>li:before {display:none;}
	.organization .organi_2dept>ul>li p {padding:10px 0 !important; font-size:15px;}
	.organization .organi_2dept>ul>li.vertical>p>span {display:inline; margin-bottom:0;}
	.organization .organi_2dept>ul>li>ul {margin:5px 10px;}
	.organization .organi_2dept_2 {margin-top:5px;}
	.organization .organi_2dept_2>ul>li {float:none; padding:5px 0 !important; width:auto !important;}
	.organization .organi_2dept_2>ul>li>p {font-size:15px;}

	.tab_con>div .tab {padding-top:90px !important; height:150px !important; background-size:60px !important; background-position:center 20px !important;  font-size:15px; word-break:keep-all;}
	#work .tab {top:70px !important;}
	#map_site .tab {padding-top:90px; height:135px;}
	#work.tab_con>div .con {padding-top:200px !important;}
	#map_site.tab_con>div .con {padding-top:170px;}
	.tab_con>div .con>ul {padding:10px 30px;}

	#history>.tit {margin-bottom:30px;}
	#history>div {float:none; width:100%;}
	#history>div.history02, #history>div.history03 {margin-top:50px;}
	#history>div ul li p:after {right:4%;}

	.name_map ul li {float:none; width:100%;}
	.name_map .section_dong {top:5%; margin-left:-40%; width:80%;}
	.name_map .section_dong dt {font-size:24px; background-position:right 20px bottom -20px;}

	#symbol .symbol_group .symbol_box {height:auto;}
	#symbol .symbol_group>li {float:none; width:100%;}
	#symbol .symbol_group>li:first-child {margin-bottom:40px;}
	#symbol .symbol_group .con ul, #symbol .symbol_group .con div {margin-bottom:15px; height:auto;}
	#symbol .symbol_list li {margin-left:0; margin-bottom:2%; width:49%;}
	#symbol .symbol_list li:nth-child(even) {margin-left:2%;}
	#symbol .symbol_list li div {height:auto;}

	.world_history>div {float:none; width:auto;}
	.process ol li {width:44%;}
	.process ol li:after {right:-8%;}
	.graph {margin:30px 0;}
	.graph>div {float:none; margin-bottom:30px; padding:0; width:auto;}

	.vision .propel dd {width:50%;}
	.vision .propel dd:nth-of-type(3), .vision .propel dd:nth-of-type(5) {border-left:0;}
	.vision .propel dd:nth-of-type(4) {border-left:1px dashed #fca601; border-bottom:1px dashed #fca601;}
	.vision .base {padding:20px 50px 30px;}
	.vision .base dd p {float:none; width:100%;}
	.vision .base dd ul {float:none; width:100%;}
	.childcity2 .goal>dd .goalList>li {width:49%; margin-bottom:8px;}
	.childcity2 .goal>dd .goalList>li dt {min-height:170px;}

	.committee li {padding-top:30px; margin-bottom:20px; float:none !important; width:100%; border-top:2px dotted #ddd;}
	.committee li:first-child{border-top:0px; padding-top:0px}
	.committee li p.photo {position:relative; left:50%; transform:translateX(-50%);}
	.committee li div.con {padding-left:0px;}
	.committee li div.con p.tit {text-align:center;}
	.committee li div.con p.txt {margin-top:5px; font-size:15px;}

	#introduce>div>ul>li {position:relative;}
	.introduce_pop {top:10px; margin-left:-150px; width:300px;}
	.UNrights ul li {float:none !important; margin-top:10px; padding:5%; width:100%; height:auto;}
	.UNrights ul li div.con {top:0%; transform:translateY(0%);}

	.intro_logo>p {float:none; width:auto;}
	.intro_logo>div {float:none; width:auto;}

	#detail_con .symbol_apply li {width:98%;}
	.jpa_age .calculator form>div br {display:block;}
	.jpa_age .calculator form>div input[type=text] {margin-bottom:5px;}
	.jpa_age .calculator form>div input[type=submit] {width:270px; max-width:82%; background-position:right 70px center;}

	.edu_vision ul.list {overflow:hidden;}
	.edu_vision ul.list li {float:left; width:50%; margin-top:15px; padding-left:70px;}

	#detail_con .sitemap {width:100%;}
	#detail_con .sitemap>li {width:48%; margin-left:4% !important;}
	#detail_con .sitemap>li:nth-of-type(odd) {margin-left:0 !important;}
}



@media screen and (max-width:640px){
	table.data th, table.data td {padding:10px;}
	.policy_tbox .tit {font-size:19px;}
	.rights li {padding:200px 0 30px; background-position:center 25px !important;}
	.facility_box div.photo {float:none; width:100%;}
	.facility_box div.con {float:none; width:100%; margin-top:10px;}
	.cityList {padding-left:0; margin-left:10px; background:none;}
	.cityList>ul {float:none; width:100%; margin-left:0;}
	.city10>li {margin-left:2%; width:48%;}
	.city10>li:nth-child(5n+1), .city10>li:nth-child(3n+1) {margin-left:2%;}
	.city10>li:nth-child(2n+1) {margin-left:0%;}

	.greeting {background:none;}
	.greeting:before {left:85%;}
	.greeting .tit {margin-left:0; max-width:80%; background-size:100%;}
	.greeting>div {width:auto; margin-right:30px;}

	.organization .organi_2dept_2>ul>li:nth-child(3) div ul {float:none; width:auto;}

	#history>div ul li p:after {right:3%;}
	.name_map .section_dong dt span {font-size:14px;}
	.name_map .section_dong dd {font-size:15px;}

	#symbol .symbol_group .con {padding:0 10px 5px 10px;}
	#symbol .symbol_group .con .tit {font-size:16px;}
	#symbol .symbol_box {padding:40px 10px;}
	#symbol .symbol_box .s_box_left {float:none; width:auto;}
	#symbol .symbol_box .con {float:none; margin-top:20px; width:auto; text-align:center;}
	#symbol .symbol_list li {float:none; margin-left:0 !important; margin-bottom:20px; width:auto;}

	.world_history ol li .year:after {display:none;}
	.world_history ol li .con {width:65%;}

	.process ol li {float:none; margin-right:0; padding-bottom:40px; width:auto;}
	.process ol li .con {height:auto;}
	.process ol li:after {left:50%; top:inherit; right:inherit; bottom:5px; margin-left:-7.5px; transform:rotate(90deg);}
	.process ol li.last {width:auto;}
	.vision .goal dd ul li {position:relative !important; width:100%; padding:20px !important;}
	.vision .goal dd ul li.g1:after {display:none;}
	.vision .goal dd ul li.g3:before {display:none;}
	.vision .propel dd {width:100%; height:auto; padding:25px 20px 25px 40px; border-left:0 !important;}
	.vision .propel dd:nth-of-type(5) {border-bottom:1px dashed #fca601;}
	.vision .propel dd .tit {padding-bottom:25px; margin-bottom:20px;}

	.facility_box .photo {float:none; width:100%;}
	#detail_con .conPhoto.col4 li {width:48%;}
	#detail_con .sitemap>li>p {font-size:20px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
}

@media screen and (max-width:480px){
	.city10>li {margin-left:0% !important; width:100%;}
	.facility_box .photo.noimg {height:auto;}
	.facility_box div.con dl {padding:8px 0;}
	.facility_box .photoList ul {width:77%;}
	.facility_box .photoList ul li {width:100%;}
	#work>.tit {width:280px; background-size:280px;}
	.tab_con>div .tab {padding:5px 0 !important; height:60px !important; background-image:none !important;}
	#work>div.work02 .tab, #work>div.work03 .tab, /* #work>div.work04 .tab, #map_site>div.site02 .tab,*/ #map_site>div.site03 .tab, #map_site>div.site04 .tab {padding-top:15px !important;}
	#work.tab_con>div .con {padding-top:100px !important;}
	#map_site.tab_con>div .con {padding-top:75px;}

	#history>div ul li p:after {right:-1%;}

	.name_map .section_dong {margin-left:-45%; width:90%;}
	.name_map .section_dong dt {background-size:100px; background-position:right 20px bottom;}

	.world_history ol li .year {float:none;}
	.world_history ol li .con {float:none; width:auto;}
	.vision .base dt {float:none; text-align:center; width:100%;}
	.vision .base dd {float:none; width:100%;}

	.UNrights ul li {padding:20px; background-position:center 15px;}
	.UNrights ul li div.con {padding-top:90px; padding-left:0px;}
	.UNrights ul li div.con p.tit {font-size:16px;}
	.UNrights ul li div.con p.txt {margin-top:5px;}

	.site li {margin:.5%; width:49%}
	.jpa_age .calculator form>div input[type=submit] {background-position:right 30px center;}
	.jpa_age .calculator .tit .ut {padding-left:0; background:none}
	#detail_con .conPhoto.col4 li {width:94%; margin:0 auto 5%;}

	.greeting {border-right:0;}
	.greeting:before, .greeting:after {display:none;}
	.greeting .tit {max-width:100%;}
	.greeting>div {margin-right:0;}
	.edu_vision ul.list li {float:none; width:204px; max-width:100%; margin:15px auto;}
}