@charset "utf-8";
/**
 * @File Name : content.css
 * @Description : Subpage Body Contents CSS.
 * @Modification Information
 * <pre>
 * 수정일 | 수정자 | 수정내용
 * 2018.00.00 | 성이름 | 최초 등록
 * </pre>
 * @author 웹표준화실 문영신
 * @since 2018.05.10
 *
 * @Copyright (C) IACTS.CO.KR All rights reserved.
 */

/*! Subpage Body Content Each Template v.20150905~ 20160929. 20170621 | by @Who
 ★ 최초…최종 작업자는 * 수정일 | 수정자 | 수정내용 ~ 을 항상 남겨주세요!
 */

/* [IE8+]compatible! */

/* Table of contents ))
 | .content1template1
 | …
 */

/* All Device ◆◆◆◆◆◆◆◆◆◆ */

/* ◇◆ StyleName. YYYYMMDD. @Who	 ◇◆ */

/* 배너모음 20170404 */
.banner1 .f1{display:table;position:relative;width:98%;height:55px;padding:10px 0 .5em;text-align:center;overflow:hidden;border:1px solid #ddd;background:#fff;vertical-align:middle;}
.banner1 .f1p1{display:table-cell;height:55px;vertical-align:middle;text-align:center;}
.banner1 .f1 img{max-width:90%;width:auto;}


/* 옥외광고물 단계활성 */
.formsteps1{display:none;}
.formsteps1>.wrap1{display:flex; justify-content:center; margin: 0 auto;list-style:none;overflow:hidden;}
.formsteps1 [class*='step']{position:relative;width: 22%;padding:0 5% 0 0;color:#333;text-align:center;}
.formsteps1 [class*='step'].on{color: #000000;font-weight:600;}
.formsteps1 [class*='step'] .t1{display:block;font-size: 1em;letter-spacing:0;}
.formsteps1 [class*='step'] .t2{padding: 5px 0;background: #eee;position: relative;display:block;margin: 0 0 .333em 0;font-size: 1em;z-index: 1;border-radius: 10px;}
.formsteps1 [class*='step'].on .t2{color:#fff; background:#f87799;}

.formsteps1 [class*='step'] .ic1{display:inline-block;width:100px;height:100px;
	background:url() no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
}
.formsteps1 .step1 .ic1{background-image:url(/_res/portal/img/lib/icform2check001.png);}
.formsteps1 .step2 .ic1{background-image:url(/_res/portal/img/lib/icform2check002.png);}
.formsteps1 .step3 .ic1{background-image:url(/_res/portal/img/lib/icform2check003.png);}
.formsteps1 [class*='step'] .ic2{display:inline-block;
	position:absolute;right:10%;top:50%;
	width:40px;height:40px;margin:-20px;
	background:url(/_res/portal/img/lib/ic80a1right1.png) no-repeat center center;
	background-size:contain;text-indent:-9999px;overflow:hidden;
}

@media all and (min-width:768px){
.formsteps1{display:block;}
	} /* /(min-width:768px) */
	
.panel1 .fsxdbu li:before{top:7px;}

/* 옥외광고물 로그인 화면 */
.msg1box1 {text-align:center;border-bottom:1px solid #444;padding-bottom:1.5em;margin:3em 0 1.5em;}
.msg1box1 p {margin:0;font-size:1.063em;}
.msg1box1 .t1 {font-size:1.25em;color:#111;font-weight:600}
.msg1box1 .t2{margin-top:10px;font-size:15px;color:#000;text-align:center;}
.msg1box1 ul.bu.bu2 {background:#f6f6f6;padding:20px;text-align:center;margin-bottom:0}
.msg1box1 ul.bu.bu2 li {background-image:none;}
.msg1box1 ul.bu.bu2 li:before {content:"";display:inline-block;vertical-align:middle;width:14px;height:14px;background:url(../../img/lib/li2bg.png) no-repeat 0 0;margin-top:-2px}
@media all and (min-width:768px){
	.msg1box1 .t1:before {width:154px;height:154px;background-size:auto}
}

.mileage2login1{max-width:360px;margin:0 auto;padding:.5em 0;border-width: 0; background:#eef3f4;border-radius:10px; font-size:20px; text-align:center;}
.mileage2login1>.deco1{display:block;
	width:154px;height:154px;margin:0 auto 10px;
	background:url(../../img/sub/member21login1.png) no-repeat center center;
	background-size:contain;
}
.mileage2login1 .t1{font-size:20px;color:#000;text-align:center;}
.mileage2login1 .login{width:300px;margin:0 auto;text-align:left;font-size:14px;}
.mileage2login1 .item label{display:inline-block;width:70px;color:#000;font-weight:600;}
.mileage2login1 .item input{height:2.5em;width:140px;margin-right:4px;background:#}
.mileage2login1 fieldset>:last-child{margin-bottom:0;}

.mileage2login1 .login .agree1 {text-align:center;background:#fff;margin:20px 0 0;border-radius:5px;padding:5px 0}
.mileage2login1 .login .btns {text-align:center;margin:20px 0 0;width:100%}
.mileage2login1 .login .btns button{width:100%}

 @media all and (min-width:768px){
 	.msg1box1 .t1 {font-size:1.5em;}
	.msg1box1 .t2{font-size:18px;}
 	.mileage2login1{margin:0 auto;padding:1em 0;}
	.mileage2login1 .t1{font-size:24px; }
	.mileage2login1 .login{width:520px; font-size:16px;}
	.mileage2login1 .item label{ width:100px;}
	.mileage2login1 .item input{ width:300px;}
	.mileage2login1{max-width:100%;}
	.mileage2login1 .login .btns button{width:300px;}
 }



.p02275_point{
	display:inline-block;position:absolute;right:0;top:0px; z-index:5;
	width:60px;height:60px;padding:0;margin:0;
	background:#000;
}
.p02275_point .ic1{display:inline-block;
	position:absolute;left:38%;top:26%;
	width:32px;height:31px;
	margin:-12px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.p02275_point.mm1{background:#da1f1d;}
.p02275_point.mm1.b1{background:#000;}
.p02275_point.mm1 .ic1{background-image:url(/_res/depart/img/sub/p02268_img3.png);}
.p02275_point .tt1{position:absolute;color:#FFF; font-size:17px;left:12px;top:32px;}

/* 김해 하키단  */
.p07626_point{
	display:inline-block;position:absolute;right:0;top:0px; z-index:5;
	width:60px;height:60px;padding:0;margin:0;
	background:#000;
}
.p07626_point .ic1{display:inline-block;
	position:absolute;left:38%;top:26%;
	width:32px;height:31px;
	margin:-12px;
	background:url() no-repeat center center;
	background-size:contain;
	vertical-align:middle;
}
.p07626_point.mm1{background:#0c5ed3;}
.p07626_point.mm1.b1{background:#000;}
.p07626_point.mm1 .ic1{background-image:url(/_res/depart/img/sub/p02268_img3.png);}
.p07626_point .tt1{position:absolute;color:#FFF; font-size:17px;left:12px;top:32px;}






.p02155 .he260{min-height:260px;margin-top:0px;}
 

.p01440h40{min-height:50px !important;}

/* 꿈드림 센터소개 */
@media all and (min-width:768px){
.p04820_bg{background:url("/_res/depart/img/sub/p04820_img1.png") no-repeat center;min-height:360px; border-bottom:1px solid #e7e7e7;}
.p04820_bg .txt{content:'';
	display:block;
	position:absolute;right:30px;top:10%;}
}



.member2login1{max-width:450px;}

.step1{list-style:none;padding:0;margin:0 0 1em;overflow:hidden;}
.step1 li{float:left;width:25%;
	position:relative;
	box-sizing:border-box;
	text-align:center;
	background:#edf6fa;
	height:70px;
	line-height:70px;
	color:#000;
	border:1px solid #bbd5ef;
	border-left:0;
	font-size:17px;
	font-weight:bold;
	letter-spacing:-1;
}
.step1 li br{display:none;}
.step1 li:first-child{border-left:1px solid #bbd5ef;}
.step1 li.on{border-color:#1d446d;background:#1d446d;color:#fff}
.step1 li.on+li:before{content:'';
	display:block;
	position:absolute;left:0;top:0;
	width:0;height:0;
    border-top:35px solid transparent;
    border-left:20px solid #1d446d;
    border-bottom:35px solid transparent;
}
@media all and (max-width:768px){
.step1 li{line-height:120%;padding:13px 0;}
.step1 li br{display:block;}
}


/* RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */
/* small~xlarge */
@media all and (min-width:768px){/* medium ◇◆◇◆◇◆◇◆◇◆ */

.p01521_he{height:180px;}

} /* /(min-width:768px) */
@media all and (min-width:1000px){/* large ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1000px) */
@media all and (min-width:1260px){/* xlarge (1200+20*2+16+2*2) ◇◆◇◆◇◆◇◆◇◆ */
} /* /(min-width:1260px) */
/* /RWD ◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆◇◆ */



/* 여성친화도시 비전 및 목표 - 20240415 추가 */
.vision1 {margin-top:3em;border:8px solid transparent;border-radius:8px;background:linear-gradient(#fff, #fff) padding-box, linear-gradient(to bottom, #eeedf5, #fff) border-box;}
.vision1 .h1{width:300px;margin:-40px auto 50px;text-align:center;color:#fff;font-size:20px;height:62px;line-height:62px;background:#5649b9;border-radius:62px;box-shadow:0 5px 5px rgba(0,0,0,0.14);}
.vision1 .even-grid{width:96%;margin:auto;}
.vision1 .wrap1{display:block;width:100%;height:180px;border-radius:10px;background:#f0f6fd;padding:30px 10px 20px;text-align:center;box-sizing:border-box;line-height:1.5;font-size:20px;color:#333;}
.vision1 .wrap1:before{content:'';display:block;width:70px;height:70px;margin:auto;background:url() no-repeat 0 0 / contain;margin-bottom:5px;}
.vision1 .m1 .wrap1:before{background-image:url();}
.vision1 .m2 .wrap1:before{background-image:url();}
.vision1 .m3 .wrap1:before{background-image:url();}

.vision1.policy .h1{background:#8b4ace;}
.vision1.policy .wrap1{background:#f3effa;padding-top:50px;font-size:18px;}
.vision1.policy .wrap1:before{display:none;}

.vision1.policy2 .h1{position:relative;width:60px;height:40px;margin:-20px auto 20px;font-size:0;background:none;box-shadow:0 5px 5px rgba(0,0,0,0);}
.vision1.policy2 .h1:before{position:absolute;left:0;top:-10px;margin-left:-10px;content: '';border-color:#d06bd1 transparent transparent;border-style:solid;border-width:60px 40px 0;transform:rotate(360deg);}
.vision1.policy2 .wrap1{height:160px;background:#f8f0fb;padding-top:50px;font-size:18px;}
.vision1.policy2 .wrap1:before{display:none;}

.vision1 .t1{display:block;text-align:center;font-size:1.75em;color:#000;}
.vision1 .t2{display:block;width:50px;height:30px;border-radius:15px;background:#5649b9;text-align:center;margin:-10px auto 10px;line-height:30px;color:#fff;font-size:14px;font-weight:600;}
.vision1 .t3{display:block;}


.gimhaepass-login{max-width:520px;margin:auto;}
.gimhaepass-login input{display:block;width:100%;height:48px;padding:0 0 0 20px;margin:5px 0;border-radius:5px;box-sizing:border-box;}
.gimhaepass-login button{display:block;width:100%;height:48px;margin:10px 0 20px;border-radius:5px;background:#333;border-color:#333}
.gimhaepass-login ul{list-style:none;padding:0;margin:0;display:flex;}
.gimhaepass-login li a{position:relative;display:block;font-size:14px;color:#333}
.gimhaepass-login li:first-child a{padding-right:12px;margin-right:12px;}
.gimhaepass-login li:first-child a:before{content:'';display:block;position:absolute;right:0;top:calc(50% - 7px);width:1px;height:14px;background:#999;}
.gimhaepass-login li:last-child{margin-left:auto}

.agreebox1{border:1px solid #ddd;max-height:200px;padding:20px;box-sizing:border-box;overflow-y:auto;}

.panel6{padding:30px 70px}
.panel6>table{margin:0}

.panel6>table .full{display:flex;gap:5px}
.panel6>table .full input{flex:1;width:calc(100% - 145px);margin:0}
.panel6>table .full  .button{flex:0;min-width:140px;margin:0;height:50px;padding:0;line-height:50px;}
.panel6>table input,
.panel6>table button,
.panel6>table select{height:50px}
.panel6>table input[readonly] {border:0;background:#eee}

@media all and (max-width:767px){
	.panel6{padding:20px}
}
@media all and (max-width:540px){
	.panel6>table tr{display:block;margin-bottom:10px;}
	.panel6>table th, .panel6>table td{display:block;padding:0 !important;} 
	.panel6>table .full{flex-wrap:wrap}
	.panel6>table .full input{flex:0;min-width:100%;}
	.panel6>table .full  .button{min-width:100%;height:40px;line-height:40px;}
	.panel6>table input,
	.panel6>table button,
	.panel6>table select{height:40px}
}



.gimhaepass-complete{text-align:center;background:#f2fcff;border-radius:30px;padding:210px 50px 50px}
.gimhaepass-complete .w1{position:relative;background:#fff;border-radius:30px;padding:40px 30px 30px;box-shadow:3px 5px 10px 0 #d9f5fd;}
.gimhaepass-complete .w1:before{content:'';display:block;width:246px;height:166px;margin:-206px auto 40px;background:url(/_res/depart/img/sub/gimhaepass_bg1.png) no-repeat 0 0 / contain;}
.gimhaepass-complete h2{padding:0;margin:0;font-size:27px;color:#000}
.gimhaepass-complete  p{margin:0;padding:0;word-break:keep-all}
.gimhaepass-complete .t1{margin:10px 0;color:#1782f0;font-size:18px;line-height:130%}
.gimhaepass-complete .t2{margin-bottom:20px;}
@media all and (max-width:640px){
	.gimhaepass-complete{padding:210px 30px 30px}
	.gimhaepass-complete .w1{padding:40px 20px 20px;}
	.gimhaepass-complete .w1:before{content:'';display:block;width:200px;height:135px;margin:-175px auto 40px;}
	.gimhaepass-complete .t1{color:#1782f0;font-size:16px;}
	.gimhaepass-complete .t2{margin-bottom:16px;}
	.gimhaepass-complete h2{font-size:22px;color:#000}
}
@media all and (max-width:500px){
	.gimhaepass-complete{padding:210px 10px 10px}
}


[class*='register'] .date{text-align:left;font-size:18px;font-weight:600;color:#000;border-radius:10px;border:1px solid #ddd;max-width:540px;padding:10px 50px;margin:0 auto;box-sizing:border-box;}
[class*='register'] .date .t1:after{content:':';display:inline-block;margin:0 15px;}
[class*='register'] .w1{max-width:540px;margin:20px auto 0;background:#f5f7f9;border-radius:10px;padding:30px 40px;box-sizing:border-box;}
[class*='register'] ul{margin:0 0 10px;color:#000}
[class*='register'] ul li{margin:0}
.gimhaepass-noregister .date{background:#f5f7f9;border-color:transparent}
@media all and (max-width:480px){
	[class*='register'] .date{padding:10px 20px;}
}



.gimhaepass-noregister{text-align:center;}
.gimhaepass-noregister h2{font-size:32px;color:#000}
.gimhaepass-noregister h2 span{color:#5f7487}
.gimhaepass-noregister h2:before{content:'';display:block;width:269px;height:201px;margin:0 auto 20px;background:url(/_res/depart/img/sub/gimhaepass_bg2.png) no-repeat 0 0 / contain}
@media all and (max-width:650px){
	.gimhaepass-noregister h2{font-size:24px;}
	.gimhaepass-noregister h2:before{width:200px;height:150px;}
}



.gimhaepass-register1{border:0;background:#f5f7f9;border-radius:10px;padding:50px 100px}
.gimhaepass-register1 .box1{border:0;padding:30px 30px 20px;margin:0;background:#eee}
.gimhaepass-register1 .box1 h2{color:#000;font-size:18px;margin:0;padding:0}
.gimhaepass-register1 .box1 ul{max-width:none;margin:auto}
@media all and (max-width:650px){
	.gimhaepass-register1{padding:30px}
}

.gimhaepass-register2 .panel6{padding:100px 0 80px;}
.gimhaepass-register2 .mycard{position:relative;max-width:458px;width:100%; aspect-ratio:458 / 263;margin:auto auto 20px;border-radius:10px;background:url(/_res/depart/img/sub/gimhaepass_card.png) no-repeat 0 0 / contain;overflow:hidden;}
.gimhaepass-register2 .mycard [class*="t"]{position:absolute;color:#000;font-family: 'S-CoreDream';font-weight:500}
.gimhaepass-register2 .mycard .t1{left:30px;top:30px;font-size:15px;color:#d57d65}
.gimhaepass-register2 .mycard .t2{left:30px;bottom:55px;font-size:20px;letter-spacing:0;color:#4e3934;}
.gimhaepass-register2 .mycard .t3{left:30px;bottom:30px;font-size:14px;color:#4e3934;letter-spacing:0}
.gimhaepass-register2 a.button{display:block;margin:auto;max-width:540px;}
@media all and (max-width:650px){
	.gimhaepass-register2 .panel6{padding:30px}
}


.gimhaepass-info table td{position:relative;line-height:50px;}
.gimhaepass-info table .button{position:absolute;right:20px;top:0;height:50px;line-height:50px;padding:0;width:100px;text-align:center;}
@media all and (max-width:540px){
	.gimhaepass-info table .button{position:static;display:block;height:40px;line-height:40px;width:100%;}
	.gimhaepass-info table th, .gimhaepass-info table td{display:block;}
	.gimhaepass-info table td{line-height:40px}
}


.layer1{z-index:100;position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,0.7)}
.layer1 [class*="w"]{position:absolute;border:1px solid #000;left:50%;top:50%;transform:translate(-34.5%, -50%);background:#fff;box-sizing:border-box; overflow:hidden;overflow-y:auto;}
.layer1 .w1{padding:30px;width:100%;max-width:920px;max-height:600px;}
.layer1 .w1>a.close{position:absolute;right:30px;top:30px;width:30px;height:30px;border-radius:5px;background:#eee;}
.layer1 .w1>a.close:before, .layer1 .w1>a.close:after{content:'';position:absolute;width:2px;height:14px;background:#000;left:calc(50% - 2px);top:calc(50% - 7px);}
.layer1 .w1>a.close:before{transform:rotate(45deg)}
.layer1 .w1>a.close:after{transform:rotate(-45deg)}
.layer1 .w2{width:390px;text-align:center;}
.layer1 .w2 .alert{display: flex;flex-wrap:wrap;justify-content: center; align-items: center;height: 150px;vertical-align:middle;}
.layer1 .w2 a.close{display:block;width:100%;height:50px;line-height:50px;background:#000;color:#fff;}
.layer1 .w2 .btns{display:flex;width:100%;}
.layer1 .w2 .btns>a{flex:1;height:50px;line-height:50px;}
.layer1 .w2 .btns>a.confirm{background:#eee;color:#333}
.layer1 .w2 .btns>a.cancle{background:#333;color:#fff}

.layer1 .w1 .qualification-check{text-align:center}
.layer1 .w1 .qualification-check .hg1 .h3{margin:0;padding:0}
.layer1 .w1 .qualification-check .hg1 .t1{margin:0;padding:0}
.layer1 .w1 .qualification-check .box1{border:0;background:#f4f4f4;margin:20px 0;word-break:keep-all}
.layer1 .w1 .qualification-check .box2{display:flex;justify-content:center;text-align:left;border:0;background:#fff;border-radius:5px;max-width:500px;margin:auto;}
.layer1 .w1 .qualification-check .box2 ul{list-style:none;padding:0;margin:0}
.layer1 .w1 .qualification-check .box2 li [class*="ic"]{position:relative;display:inline-block;vertical-align:top;margin:4px 5px 0 0;width:20px;height:20px;border-radius:5px;background:#000;box-sizing:border-box;}
.layer1 .w1 .qualification-check .box2 li [class*="ic"]:before, .layer1 .w1 .qualification-check .box2 li [class*="ic"]:after{content:'';position:absolute;}
.layer1 .w1 .qualification-check .box2 li .ic1{background:#1a77d4}
.layer1 .w1 .qualification-check .box2 li .ic1:after{content:'';position:absolute;left:7px;top:4px;width:4px;height:6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.layer1 .w1 .qualification-check .box2 li .ic2{background:#f1547f;}
.layer1 .w1 .qualification-check .box2 li .ic2:before, .layer1 .w1 .qualification-check .box2 li .ic2:after{content:'';position:absolute;width:2px;height:10px;background:#fff;left:calc(50% - 1px);top:calc(50% - 5px);}
.layer1 .w1 .qualification-check .box2 li .ic2:before{transform:rotate(45deg)}
.layer1 .w1 .qualification-check .box2 li .ic2:after{transform:rotate(-45deg)}
@media all and (max-width:1259px){
	.layer1 [class*="w"]{left:50%;top:50%;transform:translate(-50%, -50%);}
}
@media all and (max-width:950px){
	.layer1 .w1{width:calc(100% - 40px);max-width:none;}
}
@media all and (max-width:640px){
	.layer1 .w1 table th, .layer1 .w1 table td{display:block;}
	.layer1 .w1 table input[title*="주민등록"]{width:calc(50% - 10px)}
}
@media all and (max-width:400px){
	.layer1 .w2{width:calc(100% - 40px);}
}


.qualification-check2 .box1{border:0;background:#f4f4f4;color:#000 !important;border-radius:5px;padding:30px;}
.qualification-check2 .box1 .h3{margin:0;padding:0;color:#000}
.qualification-check2 .box1 ul{list-style:none;padding:0;margin:0}
.qualification-check2 .box1 li{margin:5px 0}
.qualification-check2 .box1 li .ic1{position:relative;display:inline-block;vertical-align:top;margin:5px 5px 0 0;width:20px;height:20px;border-radius:5px;background:#1a77d4;box-sizing:border-box;}
.qualification-check2 .box1 li .ic1:before{content:'';position:absolute;left:7px;top:4px;width:4px;height:6px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg);}
.qualification-check2 .check3{padding:10px 0 0;margin:10px 0 0;border-top:1px dotted #ccc}


.pw-box{position:relative;}
.pw-box input{width:100%;height:50px;}
.pw-box .btn-toggle{position:absolute;right:10px;top:calc(50% - 10px);width:16px;height:20px !important;margin:0;border:0;background:#fff url(/_res/depart/img/sub/ic32a1locker1.png) no-repeat 0 0 / contain}
.pw-box .btn-toggle.active{background-image:url(/_res/depart/img/sub/ic32a1locker2.png)}


.gimhaepass-panel{position:relative;margin:0;padding:30px 30px 30px 180px;border:1px solid #ddd;border-radius:20px 20px 100px 20px}
.gimhaepass-panel:before{content:'';display:block;position:absolute;left:40px;top:calc(50% - 44px);width:93px;height:89px;background:#fff url(/_res/depart/img/sub/ic186a1pencle1.png) no-repeat 0 0 / contain}
.gimhaepass-panel h2.h1{font-size:22px;color:#000;padding:0;margin:0 !important;background:transparent}
.gimhaepass-panel ul{margin:0}
.gimhaepass-panel ul li{margin:0;color:#000}
@media all and (max-width:767px){
	.gimhaepass-panel{padding:30px;}
	.gimhaepass-panel:before{display:none}
}
@media all and (max-width:560px){
	.gimhaepass-panel{border-radius:20px}
}