@charset "utf-8";
/**
 * @File Name : common.css
 * @Description : Subpage common content css
 * @Modification Information
 * <pre>
 * 2017.02.23 | 김소화 | 최초 등록 - 전체 사이트 공통 컨텐츠를 한곳으로 묶음. 본회의 경우 body 구분값으로 구분.(main - #portal / sub - .site_portal)
 * </pre>
 * @author 디자인팀 김소화
 * @since 2017.02.23
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */


.greeting01 {position:relative;overflow:hidden;}
.greeting01 .ltext {position:relative;overflow:hidden;}
.greeting01 .ltext .t1{float:left;display:block;position:absolute;left:0;top:0;margin-top:0;padding-right:5%;}
.greeting01 .ltext .warp1texts{display:block;padding:0 1.5em;color:#fff;line-height:1.5;overflow:hidden;background:#005ca0;}
.greeting01 .ltext .t2{margin:1em 0 .5em 0;font-size:1.429em;letter-spacing:-2px;}
.greeting01 .ltext .t3{margin:.5em 0;font-size:1em; }
.greeting01 .ltext .t4{margin:.5em 0;font-size:24px;font-weight:600;}
.greeting01  .rtext .t1{position:relative;font-size:17px;color:#222;font-weight:600;line-height:1.333;padding:20px 0;}
.greeting01 .rtext .t1:after {content:'';width:60px;height:1px;background:#000;position:absolute;left:0;bottom:0;}
.greeting01 .rtext .t2{font-size:1.385em;color:#007bcb;font-weight:500;padding-top:20px;line-height:1.333;}
.greeting01 .rtext .t3{font-size:15px;color:#000;font-weight:500;line-height:1.6;padding-top:20px;}

@media all and (min-width:768px){
	.greeting01>.column.m1{width:36%;}
	.greeting01>.column.m2{width:58%;font-size:1.077em;}
	.greeting01 	.ltext {width:390px;}
	.greeting01 	.ltext .warp1texts{float:left;position:absolute;right:0;top:340px;padding:15px; height:70px; width:210px;}
	.greeting01 	.ltext .t3{margin:.5em 0 0 0;font-size:1em; }
	.greeting01 	.ltext .t4{margin:0;font-size:28px;}
	.greeting01  .rtext .t1{font-size:28px;padding:0px 0 15px 0;font-weight:500;margin-bottom:20px;}
	.greeting01  .rtext .t2{font-size:1.714em;line-height:1.333;padding-top:10px;}
	.greeting01  .rtext .t3{font-size:16px;line-height:1.5;letter-spacing:-1px;padding-top:10px;}
}

@media all and (min-width:1000px){
	.greeting01>.column.m1{width:42%;}
	.greeting01>.column.m2{width:52%;font-size:1.077em}


}

.gree_circle{border-radius:0% !important;}
@media all and (min-width:768px){
.gree_circle{border-radius:50% !important;}
}


 

/*연혁 */
.history{position:relative;margin:90px 0;padding:10px 0 50px;}
.history:before{content:"";display:block;position:absolute;top:0;left:29px;width:9px;height:100%;background:url(/_res/portal/img/content/history_pa.gif) repeat;border-radius:4px;}
.history>p{position:absolute;left:0;margin:0;width:76px;height:76px; border-radius:100%;color:#fff;background:url(/_res/seoul/img/content/history_his.png) repeat;line-height:76px;text-align:center;font-weight:500;font-size:20px;}
.history .present{top:-86px;}
.history .before{bottom:-80px;}
.history .item{position:relative;margin-top:40px;}
.history .item:first-child{margin-top:0;}
.history .item:after{content:"";display:block;clear:both;visibility:hidden;}
.history .item .grap{position:relative;padding:0 25px 0 55px;}
.history .item .grap:before{content:"";display:block;position:absolute;top:-5px;left:25px;width:17px;height:33px;background:url(/_res/seoul/img/content/history_bul.png) no-repeat;}
.history .item .grap .con_history{}
.history .item .grap .con_history h3{margin:0;color:#005da0;font-size:26px;font-weight:bold;line-height:38px;word-wrap:break-word;word-break:keep-all;font-weight:600;}
.history .item .grap .con_history .lst_history {padding:0;margin:0;}
.history .item .grap .con_history .lst_history li{position:relative;list-style:none;margin-top:10px;line-height:20px;word-wrap:break-word;word-break:keep-all;color:#666}
.history .item .grap .con_history .lst_history li:first-child{margin-top:0;}
.history .item .grap .con_history .lst_history li b{display:block;color:#333333;letter-spacing:0px;}

@media all and (min-width:640px) {
	.history>p{left:50%;margin-left:-38px;}
	.history:before{left:50%;margin-left:-4px;}
	.history .item .grap{padding:0;}
	.history .item .grap:before{top:-6px;left:50%;margin-left:-8px;}
	.history .item .grap:after{content:"";display:block;clear:both;visibility:hidden;}
	.history .item .grap .con_history{padding-top:2px;}
	.history .item .grap.lcnt .tit,
	.history .item .grap.rcnt .con_history{float:right;padding-left:100px;width:46%;text-align:left;}
	.history .item .grap .con_history .tit,
	.history .item .grap.lcnt .con_history{float:left;padding-right:0px;width:46%;text-align:right;}
} 
@media all and (min-width:768px) {
	.history .item .grap .con_history {padding:0;margin:0;}
	.history .item .grap.lcnt .con_history .lst_history li{padding:0 100px 0 0;}
	.history .item .grap.lcnt .con_history .lst_history li b{left:auto;right:0;}
	.history .item .grap .con_history .lst_history li{padding-left:100px;}
	.history .item .grap .con_history .lst_history li b{position:absolute;top:0;left:0;}
 	.history .item .grap .con_history h3{font-size:34px; padding: 0 0 20px 0;margin:0; }
}

 
 
 
.msafety .ctit {position:relative;font-size:19px;color:#333;margin-bottom:30px; text-align:center;}
.msafety .ctit:after {content:'';position:absolute;left:50%;bottom:-15px;margin-left:-8px;width:17px;height:1px;background:#000;}
.msafety ul li {color:#777;}
 

@media all and (min-width:768px) {
.msafety{min-height:280px;}
}


.ss_none {display: block !important;}
.ss_mnone {display: none !important;}

@media all and (min-width:768px) {
.ss_none {display: none !important;}
.ss_mnone {display: block !important;}

}

.mspoint{position:relative;padding:50px 0 20px 0;margin:0; }
.mspoint .ctit {position:relative;font-size:16px;color:#6a6a6a;margin-bottom:30px; text-align:center;padding:30px 0;margin:0; }
.mspoint .ctit:after {content:'';position:absolute;left:15%;top:-15px;margin-left:-8px;width:70%;height:25px;background:url(/_res/portal/img/content/por_design_img01.png) no-repeat 50% 100%;  }
.mspoint .ctit .t1{color:#008800;font-size:1.846em;padding-bottom:20px;}


.button .ic1.ic1gogo{display:inline-block;width:40px;height:30px;margin:-2px 0 2px 20px;background:url(/_res/portal/img/content/por_design_img02.png) no-repeat 100% 0%;background-size:contain;vertical-align:middle;}



 
.location1info2{padding:20px 0; border-bottom:2px solid #000;}
.location1info2 .t1{color:#333;font-size:1.385em}
.location1info2 .t2{color:#666;font-size:1.154em}

@media all and (min-width:768px){
.location1info2 .t1{font-size:1.538em}
.location1info2 .t2{font-size:1.385em}
}

.location1info1{padding:20px 0;border-bottom:1px dotted #dfdfdf; }
.location1info1 *{list-style:none;margin:0;padding:0;overflow:hidden;}
.location1info1 dl{border-top:1px dotted #dfdfdf;padding:.666em 0;}
.location1info1 dl:first-child{padding-top:0;border-top:0;}
.location1info1 dl:last-child{padding-bottom:0;}
.location1info1 dt{display:block;font-size:1.385em;font-weight:600;letter-spacing:-2px;}
.location1info1 dd{display:block;margin-top:.333em;padding:.333em 0;}
.location1info1 dd ul.bu li,
.location1info1 dd ul.bu ul{margin-top:0;}
.location1info1 dd ul.bu li li{margin:0 0 .166em;}
.location1info1 .t1{display:block;}
.location1info1 .t2{display:block;}
.location1info1 .ic1{display:none;}

.location1info1 .m1{color:#f9b610;}
.location1info1 .m2{color:#116cab;}
.location1info1 .m3{color:#199fa2;}
.location1info1 .m4{color:#dc3262;}
 
.location1info1  .ic2{display:inline-block;width:26px;height:26px;margin-right:.333em;background:#888888 url() no-repeat;background-size:contain;border-radius:50%;vertical-align:middle;}
.location1info1  .ic2.phone{background-image:url(/_res/portal/img/content/location1info1ic1phone@2x.png)}
.location1info1  .ic2.fax{background-image:url(/_res/portal/img/content/location1info1ic1fax@2x.png)}

 
@media all and (min-width:768px){
	.location1info1{margin:.333em;}
	.location1info1 dt{float:left;width:25%;}
 
	.location1info1 dd{float:left;width:73%;margin-top:12px;padding-left:2%;font-size:1.231em}
	.location1info1 .ic1{display:inline-block;width:54px;height:54px;margin:0.888em;background:url() no-repeat;background-size:contain;vertical-align:middle;}
	.location1info1 .ic1.home{background-image:url(/_res/portal/img/content/location1info1ic1home@2x.png)}
	.location1info1 .ic1.subway{background-image:url(/_res/portal/img/content/location1info1ic1subway@2x.png)}
	.location1info1 .ic1.phone{background-image:url(/_res/portal/img/content/location1info1ic1phonee@2x.png)}
	.location1info1 .ic1.bus{background-image:url(/_res/portal/img/content/location1info1ic1bus@2x.png)}
	.location1info1 .ic1.info{background-image:url(/_res/portal/img/content/location1info1ic1infomaion@2x.png)}
	.location1info1 .mvsv{display:none;}

	.location1info1 .m1{color:#222;}
	.location1info1 .m2{color:#222;}
	.location1info1 .m3{color:#222;}
	.location1info1 .m4{color:#222;}
}
 
.news_view {padding-left:46px}
.news_view .summary_view {display:block;position:relative;padding-left:14px;margin:-4px 0 29px;font-weight:400;line-height:1.5}
.news_view .summary_view:before {content:'';position:absolute;top:6px;left:0;bottom:2px;width:3px;background-color:#000}
.news_view .summary_view:before {top:2px;bottom:6px}

.mWay1 .root_daum_roughmap{width:auto !important;}
 

.welfare1info1{}
.welfare1info1 .wrap1{display:block;margin:0 0 10px;border:1px solid #cacaca;}
.welfare1info1 .tab{}
.welfare1info1 .tab .toggle{display:block;min-height:23px;padding:10px 70px 14px 26px;text-decoration:none;color:#232323;font-size:1.154em;background:url(/_res/seoul/img/content/bg_close.png) #f6f9fd no-repeat 98% 7px;}
.welfare1info1 .tab .toggle.on{color:#000; font-weight:600;background:url(/_res/seoul/img/content/bg_open.png) #f6f9fd no-repeat 98% 7px;}
.welfare1info1 .cont{display:none;padding:1em;background:#fdfdfd;margin:0 20px; padding:1em;}

 
#skipapi{z-index:9999;position:absolute;left:0;top:0;width:100%;}
#skipapi *{display:inline;list-style:none;margin:0;padding:0;}
#skipapi a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
#skipapi a:focus{left:0;width:98%;padding:1%;height:auto;background:#00881e;color:#fff;font:bold 1em/2.5;text-decoration:none;text-align:left;line-height:18px;}


.org1{width:300px;margin:0 auto;overflow:hidden;}
.org1 ul, .org1 li{list-style:none;padding:0;margin:0;}
.org1 li[class*='lv']>a{display:block;position:relative;
	width:143px;height:40px;margin:0 0 10px;
	color:#fff;text-align:center;line-height:40px;
	background:#636476;border:1px solid #4f4e56;
}
.org1 :before, .org1 :after{content:'';display:block;position:absolute;}
.org1 li[class*='lv']>a:after{left:50%;top:41px;width:0;height:10px;border-left:1px solid #ddd;}
.org1 .lv0>a{background-color:#2a9324 !important;border-color:#057b3f !important;}
.org1 .lv1>a{background-color:#108cc0 !important;border-color:#0d6d95 !important;}
.org1 .lv3>a{background-color:#199fa2 !important;border-color:#0c7e81 !important;}
.org1 .lv6>a{color:#555 !important;background-color:#f8f9fb !important;border-color:#ddd !important;}
.org1 .lv7>a{background-color:#f13c2b !important;border-color:#c01d0e !important;}
.org1 .lv9>a{background-color:#f13c2b !important;border-color:#c01d0e !important;}
.org1 .lv4>ul{clear:both;float:none;}
.org1 .wrap1lv4{margin:0 -5px;}
.org1 .wrap1lv4>li{float:left;margin:0 5px;}
.org1 .wrap1lv4>li:first-child{clear:both;float:none;margin:0 0 0 5px;}
.org1 .wrap1lv5{position:relative;margin:0 0 0 -160px;}
.org1 .wrap1lv5>ul>li{float:left;margin:0 0 0 10px;}
.org1 .wrap1lv5>ul>li:first-child{margin:0 0 0 5px;}
.org1 .wrap1lv5:before{left:77px;top:-58px;width:155px;height:0;border-top:1px solid #ddd;}
.org1 .wrap1lv5:after{left:232px;top:-58px;width:0px;height:6px;border-left:1px solid #ddd;}
.org1 .lv6>a:after{display:none !important}
.org1 .wrap1lv6{
	width:123px;height:200px;padding:10px;margin:-10px 0 10px;
	font-size:13px;
	border:1px solid #ddd;background:#fff;border-top:0;
}
.org1 .wrap1lv6 a{display:block;padding:0 0 0 7px;color:#555;background:url(/_res/portal/img/content/org1li1.png) no-repeat 0 10px;}
.org1 .lv7>a:before{left:50%;top:-11px;width:0;height:10px;border-left:1px solid #ddd;}
.org1 .wrap1lv7{position:relative;clear:both;float:none;display:block;padding:10px 0 20px;overflow:hidden;}
.org1 .wrap1lv7:before{left:35px;top:0;width:230px;height:0;border-top:1px solid #ddd;}
.org1 .wrap1lv7:after{left:35px;bottom:12px;width:230px;height:0;border-top:1px solid #ddd;}
.org1 .wrap1lv7 ul{margin:-1%;}
.org1 .wrap1lv7 li{position:relative;float:left;width:23%;margin:1%;}
.org1 .wrap1lv7 li a{display:block;padding:5px 0;border:1px solid #ddd !important;color:#555 !important;text-align:center !important;background:#fff !important;}
.org1 .wrap1lv7 li a:before{content:'';display:none;position:absolute;left:50%;top:-10px;width:0;height:10px;border-left:1px solid #ddd;}
.org1 .wrap1lv7 li a:after{content:'';display:none;position:absolute;left:50%;bottom:-10px;width:0;height:10px;border-left:1px solid #ddd;}
.org1 .wrap1lv7 li:nth-child(1) a:before,
.org1 .wrap1lv7 li:nth-child(2) a:before,
.org1 .wrap1lv7 li:nth-child(3) a:before,
.org1 .wrap1lv7 li:nth-child(4) a:before,
.org1 .wrap1lv7 li:nth-child(13) a:after,
.org1 .wrap1lv7 li:nth-child(14) a:after,
.org1 .wrap1lv7 li:nth-child(15) a:after,
.org1 .wrap1lv7 li:nth-child(16) a:after{display:block}
.org1 .lv8>a:before{left:50%;top:-13px;width:0;height:12px;border-left:1px solid #ddd;}
.org1 .wrap1lv9{position:relative;padding:10px 0 20px;}
.org1 .wrap1lv9:before{left:35px;top:0;width:230px;height:0;border-top:1px solid #ddd;}
.org1 .wrap1lv9 ul{margin:-1%;}
.org1 .wrap1lv9 li{float:left;width:23%;margin:1%;}
.org1 .wrap1lv9 li a{display:block;padding:5px 0;border:1px solid #ddd !important;color:#555 !important;text-align:center !important;background:#fff !important;}
.org1 .wrap1lv9 li a:before{content:'';display:none;position:absolute;left:50%;top:-10px;width:0;height:10px;border-left:1px solid #ddd;}
.org1 .wrap1lv9 li:nth-child(1) a:before,
.org1 .wrap1lv9 li:nth-child(2) a:before,
.org1 .wrap1lv9 li:nth-child(3) a:before,
.org1 .wrap1lv9 li:nth-child(4) a:before{display:block}
 

@media all and (min-width:768px) {

.org1{width:728px;}
.org1 li[class*='lv']>a{width:210px;font-size:16px;}
.org1 li[class*='lv']>a:after{height:25px;top:41px;}
.org1 .lv0>a{margin:0 auto 25px !important;width:96px !important;height:96px !important;border-radius:100%;line-height:96px !important;font-size:20px;}
.org1 .lv0>a:after{top:97px !important;}
.org1 .lv1>a{margin:0 auto 25px !important;}
.org1 .lv2>a{margin:-67px 0 0 516px !important;}
.org1 .lv2>a:after{left:-47px !important;top:50% !important;width:46px !important;height:0 !important;border-top:1px solid #ddd;border-left:0 !important;}
.org1 .lv3>a{margin:25px auto !important;}
.org1 .lv3>a:after{height:303px !important;}
.org1 .lv4>a{margin:-134px 0 0 0 !important;}
.org1 .lv4>a:after{left:211px !important;top:50% !important;width:46px !important;height:0 !important;border-top:1px solid #ddd;border-left:0 !important;}
.org1 .wrap1lv4>li:nth-child(1) a:after,
.org1 .wrap1lv4>li:nth-child(2) a:before{display:none !important;}
.org1 .lv5>a:after{height:100px !important;}
.org1 .lv7>a{margin:0 auto 25px !important;}
.org1 .lv8>a{margin:0 auto 25px !important;}
.org1 .lv9>a{margin:0 auto 25px !important;}
.org1 .wrap1lv4{margin:25px -5px 0 !important;}
.org1 .wrap1lv4>li:nth-child(1)>a:after,
.org1 .wrap1lv4>li:nth-child(2)>a:after{display:none;}
.org1 .wrap1lv4>li:nth-child(3){float:none;float:right !important;margin:-52px 5px 0;}
.org1 .wrap1lv5{margin:80px 0 0 -521px;}
.org1 .wrap1lv5>ul>li{float:none;float:right !important;}
.org1 .wrap1lv5>ul>li:first-child{float:left !important;}
.org1 .wrap1lv5:before{left:0 !important;top:20px;width:520px;height:0;border-top:1px solid #ddd;}
.org1 .wrap1lv5:after{display:none}
.org1 .wrap1lv6{width:190px;height:160px;}
.org1 .wrap1lv7:before{left:16px;width:697px;}
.org1 .wrap1lv7:after{left:16px;bottom:17px;width:697px;}
.org1 .wrap1lv7 li{position:relative;float:left;width:4.25%;margin:1%;}
.org1 .wrap1lv7 li a{height:75px;padding:10px 6%;line-height:130%;}
.org1 .wrap1lv7 li a:before{display:block;}
.org1 .wrap1lv7 li a:after{display:block;}
.org1 .lv8>a:before{top:-18px;height:17px;}
.org1 .wrap1lv9:before{left:16px;width:697px;}
.org1 .wrap1lv9 li{position:relative;float:left;width:4.25%;margin:1%;}
.org1 .wrap1lv9 li a{height:75px;padding:10px 6%;line-height:130%;}
.org1 .wrap1lv9 li a:before{display:block;}
/* [Ie8] */
html.iteIE8 .org1 .wrap1lv4>li+li+li>a{margin:0 0 0 227px;}
html.iteIE8 .org1 .wrap1lv5{margin:80px 0px 0px -294px;}
html.iteIE8 .org1 .wrap1lv4>li>a:after,
html.iteIE8 .org1 .wrap1lv4>li+li>a:after{display:none;}
html.iteIE8 .org1 .wrap1lv4>li+li+li{float:none;float:right !important;margin:-52px 5px 0;}
html.iteIE8 .org1 .wrap1lv7:after{bottom:27px;}
html.iteIE8 .org1 .wrap1lv7 li a{width:auto !important;font-size:14px;}
html.iteIE8 .org1 .lv8>a:before{top:-28px;height:27px;}
html.iteIE8 .org1 .wrap1lv9 li a{width:auto !important;font-size:14px;}

}

/* 배너광고모음 */
#bannerad1{overflow:hidden;}
#bannerad1 ul{list-style:none;padding:0;margin:0;}
#bannerad1 li{float:left;height:110px;margin:5px;}
#bannerad1 li>a{display:block;text-align:center;}
/* basic */
#bannerad1 li>a .wrap1{display:block;position:relative;
	/*width:100%;*/width:230px;height:80px;margin:0 auto;
	overflow:hidden;
}
#bannerad1 li>a .wrap1 .f1{z-index:10;display:block;
	position:absolute;left:0;top:0;
	width:100%;height:80px;
	overflow:hidden;
}
#bannerad1 li>a .wrap1 .f1 img{width:100%;height:100%;}
#bannerad1 li>a .wrap1 .twrap1{z-index:20;display:table;
	position:relative;width:100%;height:100%;
	text-align:center;
}
#bannerad1 li>a .wrap1 .bg.bg0+.ic1+.f1+.twrap1{display:none;}
#bannerad1 li>a .wrap1 .twrap2{display:table-cell;vertical-align:middle;}
#bannerad1 li>a .wrap1 .t1{display:inline-block;width:100%;color:#fff;margin:0 0 5px;line-height:1.1em;}
#bannerad1 li>a .wrap1 .t2{display:inline-block;width:100%;color:#fff;font-size:24px;line-height:1.1em;font-weight:bold;font-family:'나눔고딕';vertical-align:middle;}
#bannerad1 li>a .wrap1 .logo1{display:inline-block;height:24px;padding:4px 0;}
#bannerad1 li>a .wrap1 .logo1>img{width:auto;height:24px;}
#bannerad1 li>a .wrap1 .bg{z-index:15;display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url() repeat;}
#bannerad1 li>a .wrap1 .bg1{background-image:url(/_res/portal/img/main/bannerad1bg01.png)}
#bannerad1 li>a .wrap1 .bg2{background-image:url(/_res/portal/img/main/bannerad1bg02.png)}
#bannerad1 li>a .wrap1 .bg3{background-image:url(/_res/portal/img/main/bannerad1bg03.png)}
#bannerad1 li>a .wrap1 .bg4{background-image:url(/_res/portal/img/main/bannerad1bg04.png)}
#bannerad1 li>a .wrap1 .bg5{background-image:url(/_res/portal/img/main/bannerad1bg05.png)}
#bannerad1 .viewcounter1{display:block;margin-top:10px;text-align:center;font-size:13px;color:#aaa}
@media all and (min-width:768px) {
	#bannerad1 li>a .wrap1{width:230px;}	
}


/* 회원가입안내 */
.join1guide1{}
.join1guide1 .wrap1{border:1px solid #ddd;height:180px;padding:1em;text-align:center;}
.join1guide1 .wrap1 .t1{display:block;line-height:1.3em;font-size:15px;}
.join1guide1 .wrap1 .ic{display:block;width:120px;height:120px;margin:5px auto 13px;background:#7ecef4 url() no-repeat;background-size:contain;border-radius:100%;overflow:hidden;}
.join1guide1 .wrap1 .ic1{background-image:url(/_res/gyeonggi/img/content/join1guide1ic1@2x.png)}
.join1guide1 .wrap1 .ic2{background-image:url(/_res/gyeonggi/img/content/join1guide1ic2@2x.png)}
.join1guide1 .wrap1 .ic3{background-image:url(/_res/gyeonggi/img/content/join1guide1ic3@2x.png)}
.join1guide1 .wrap1 .ic4{background-image:url(/_res/gyeonggi/img/content/join1guide1ic4@2x.png)}
.join1guide1 .wrap1 .ic5{background-image:url(/_res/gyeonggi/img/content/join1guide1ic5@2x.png)}
.join1guide1 .wrap1 .ic6{background-image:url(/_res/gyeonggi/img/content/join1guide1ic6@2x.png)}
.join1guide1 .wrap1 .ic7{background-image:url(/_res/gyeonggi/img/content/join1guide1ic7@2x.png)}
.join1guide1 .wrap1 .ic8{background-image:url(/_res/gyeonggi/img/content/join1guide1ic8@2x.png)}