@charset "UTF-8";


/*========================================================================
SUB LAYOUT
========================================================================*/
body,  html {min-width:320px; -webkit-overflow-scrolling:touch;}
dl,dd {margin:0;}
.contents-wrap {padding-bottom:10px;}

#container {position:relative; top:-58px; min-height:890px; max-width:1160px; margin:0 auto; background:#fff;}
#content {position:relative; width:870px; padding:40px 50px; margin-left:290px; box-sizing: border-box}
#container.base {padding:40px 50px; box-sizing:border-box;}
#snb {position:absolute; top:0; left:0; bottom:0; width:290px; height:100%; border:1px solid #e2e1e1; box-sizing:border-box;}
	#snb .snb-tit {margin:-1px -1px 0;font-size:26px; color:#fff; font-weight:600; background:#f69f4d; text-align:center; line-height:150px; }
	#snb .snb-menu > li {border-bottom:1px solid #e2e1e1}
	#snb .snb-menu > li > a {display:block; height:54px; padding-left:25px; font-size:18px; color:#474747; line-height:54px;}
	#snb .snb-menu > li.current > a {color:#fa5c25; font-weight:600; background:url(/img/sub/btn-snb.png) no-repeat 90% 50%;}
	#snb .snb-menu > li > a:hover {color:#fa5c25; font-weight:600; background:url(/img/sub/btn-snb.png) no-repeat 90% 50%;}
	#snb .sub {display:none; padding:0 25px; border-top:1px solid #e2e1e1; font-weight:600}
	#snb .sub li {margin-top:13px;}
	#snb .sub li:first-child {margin-top:18px;}
	#snb .sub li:last-child {margin-bottom:25px;}
	#snb .sub a {color:#565656; font-size:16px;}
	#snb .sub a:before {display:inline-block; margin-right:5px; content:"-";}
	#snb .sub .current a {color:#fa5c25; font-weight:600}
	#snb .sub a:hover {color:#fa5c25; font-weight:600}


.sub-header {overflow:hidden; position:relative; height:220px; background:url(/img/sub/img-sub-header-base.png) no-repeat 50% 0; background-size:cover;}
	.sub-header.business {background:url(/img/sub/img-sub-header-business.png) no-repeat 50% 0; background-size:cover;}
	.sub-header.board {background:url(/img/sub/img-sub-header-board.png) no-repeat 50% 0; background-size:cover;}
	.sub-header.service {background:url(/img/sub/img-sub-header-service.png) no-repeat 50% 0; background-size:cover;}

	.sub-header .important-ment {width:445px; height:123px; margin:23px auto 0; background:url(/img/sub/img-sub-header-txt.png) no-repeat 50% 0; text-indent:-9999em}
	.sub-header .sub-move-btn a {display:block; width:70px; height:70px; background:rgba(256,256,256,0.2); text-decoration:none}
	.sub-header .sub-move-btn a span {position:absolute; top:22px; width:100px; color:rgba(256,256,256,0.5); font-size:18px; transition:0.3s ease;}
	.sub-header .sub-move-btn a span {cursor:default;}
	.sub-header .sub-move-btn .prev {position:absolute; top:50%; margin-top:-35px;left:0;}
	.sub-header .sub-move-btn .next {position:absolute; top:50%; margin-top:-35px; right:0;}
	.sub-header .sub-move-btn .prev a:before {display:block; position:relative; width:12px; height:70px; margin:0 auto; background:url(/img/sub/btn-arrow-prev.png) no-repeat 50% 50%; content:"";}
	.sub-header .sub-move-btn .next a:before {display:block; position:relative; width:12px; height:70px; margin:0 auto; background:url(/img/sub/btn-arrow-next.png) no-repeat 50% 50%; content:"";}
	.sub-header .sub-move-btn .prev span {left:90px;}
	.sub-header .sub-move-btn .next span {right:90px; text-align:right;}



/*========================================================================
SUB COMMON
========================================================================*/
a {text-decoration:none;}

/* PAGE TITLE ZONE */
.title-zone {margin-bottom:65px;}
	.page-tit {font-size:40px; line-height:1; font-weight:600; color:#222;}
	.breadcrumb	{color:#999999; font-size:17px;}
	.breadcrumb:after {display:block; clear:both; content:""}
	.breadcrumb li {float:left; margin-left:8px;}
	.breadcrumb li:first-child {margin:0;}
	.breadcrumb li + li:before {display:inline-block; content:">"; margin-right:8px; color:#a6a6a6;}
	.breadcrumb a	{color:#999999; font-size:17px;}
	#content .breadcrumb	{position:absolute; right:50px; top:45px;}
	#container .breadcrumb	{position:absolute; right:50px; top:45px;}

/* TITLE TYPE */
.h2 {font-size:20px; font-weight:600; color:#474747; letter-spacing:-0.25px}
.h2:before {display:inline-block; width:26px; height:22px; margin-right:7px; background:url(/img/sub/icon-h2.png) no-repeat 0 50%; content:""; vertical-align:middle}
.h2 em {padding:0 6px; font-weight:normal; color:#fff; font-size:16px; background:#fa5c25; font-style:normal}
.h3 {padding-left:10px; font-size:16px; color:#434343; font-weight:normal;}
.h3.bold {font-weight:600; font-size:18px;}
.h3:before {display:inline-block; width:7px; height:7px; margin-right:15px; border-radius:100px; background:#f69f4d; content:""; vertical-align:2px;}
.h3-1 {font-size:16px; font-weight:600; color:#333;}

/* TEXT */
.paragraph {color:#888; font-size:16px; line-height:30px; word-break:keep-all;}
.paragraph + .paragraph {margin-top:30px;}
.paragraph2 {color:#6b6b6b; font-size:15px; line-height:25px; word-break:keep-all; letter-spacing:-0.25px}

.txt-hyphen li {position:relative; padding-left:9px; font-size:16px; line-height:30px; color:#888;}
.txt-hyphen li:before {display:block; position:absolute; top:0; left:0; content:"-"; margin-right:4px;}
.txt-dotted li {position:relative; padding-left:8px; font-size:14px; color:#999; line-height:25px}
.txt-dotted li:before {display:block; position:absolute; top:11px; left:0; width:2px; height:2px; content:""; background:#999; }
/* BOX */
.box-type1 {padding:20px 0 20px; border:1px solid #c4c4c4; color:#888; font-size:16px;}
	.box-type1 > ul > li {margin-top:13px;}
	.box-type1 > ul > li:first-child {margin-top:0;}
	.box-type1 > ul > li:after {display:block; clear:both; content:""}
	.box-type1 > ul > li .tit {float:left; display:inline-block; color:#2a2a2a; font-size:18px; font-weight:600 }
	.box-type1 > ul > li .tit:before {display:inline-block; width:3px; height:19px; margin-right:15px; background:#fa5c25; content:""; vertical-align:middle}
	.box-type1 > ul > li .area {word-break:keep-all;}
.box-type2 {display:table;border:1px solid #c4c4c4;}
	.box-type2 > * {display:table-cell; vertical-align:top}
	.box-type2 .cont {padding:20px 10px 10px 10px; word-break:keep-all; letter-spacing:-0.25px}


/* BUTTON */
.btn-zone {margin-top:40px;text-align:center;}
.btn-zone * + * {margin-left:5px;}

.btn-type1 {display:inline-block; width:200px; height:38px; font-size:16px; color:#474747; box-sizing: border-box; border:1px solid #c4c4c4; background:#fff;  text-align:center; line-height:36px;}
.btn-type1:hover {background:#eaeaea;}
.btn-type1.outlink:after {display:inline-block; content:">"; margin-left:24px; color:#989898;}
.btn-type2 {display:inline-block; height:23px; width:148px; border:1px solid #c2c2c2; background:#fff; color:#666; box-sizing:border-box; text-align:center}
.btn-type2 span {display:block;margin:0 1px;  background:#f3f3f3;  background: linear-gradient(#fff, #f3f3f3); line-height:21px;}
.btn-type3 {display:inline-block; overflow:hidden; height:28px; border:1px solid #c2c2c2; background:#fff; color:#666; box-sizing:border-box; text-align:center; font-size:11px; letter-spacing:-0.25px}
.btn-type3 span {display:block;margin:0 1px; background:#f3f3f3; background: linear-gradient(#fff, #f3f3f3);; line-height:26px;}
.btn-type4 {display:inline-block; height:66px; width:124px; border:2px solid #f69f4d; background:#fa5d26; font-weight: 600; font-size:16px; box-sizing: border-box; text-align:center; color:#fff; vertical-align:top; line-height:62px}
.btn-type4.color1 {width:72px; border-color:#c2c2c2; border-width:1px; color:#666; line-height:62px; font-weight: normal; background:#fff}
.btn-type4.color1 span {display:block; width:100%; height: 100%; border:1px solid #fff; background:#f3f3f3; background: linear-gradient(#fff, #f3f3f3); box-sizing: border-box}
.btn-type5 {display:inline-block; height:42px; min-width:132px; border:1px solid #c2c2c2; color:#666; box-sizing:border-box; text-align:center; vertical-align: top; font-weight:600; font-size: 16px}
.btn-type5 span {display:block; border:1px solid #fff; background:#f3f3f3; background: linear-gradient(#fff, #f3f3f3);; line-height:38px; }
.btn-type5.color1 {border-color: #f69f4d}
.btn-type5.color1 span {border-color:#fa5f28; background:#fa5f28; color:#fff; }

/* FORM */
.inp-type {display: inline-block;}
.inp-type input {height:28px;color:#5b5b5b; border:1px solid #e0e0e0; font-size:13px; box-sizing:border-box;}
.sel-type {display:inline-block;}
.sel-type select {height:28px; border:1px solid #e0e0e0; color:#5b5b5b; font-size:13px; padding-left:6px;}
.text-area {overflow-y:scroll; height:180px; width:100%; margin-top:4px; padding: 10px 10px; border:1px solid #e0e0e0; resize:none;-webkit-appearance: none; box-sizing: border-box; border-radius:0}
.radio-type input {vertical-align:middle; margin-right:5px}
/* SLIDE */
.jsSlide {overflow:hidden; position:relative; width:100%; height:403px; }
	.jsSlide .slide {overflow:hidden; position:relative; width:100%; height:100%; background: #ededed}
	.jsSlide .slide:after {display:block; clear:both; content:""}
	.jsSlide .slide li {position:absolute; top:0; left:100%; width:100%; height:100%}
	.jsSlide .slide li img {max-width:100%; width:100%;}
	.jsSlide .slide li.view {z-index:1;}
	.jsSlide .slide .caption {display:block; position:absolute; left:0; bottom:0; width:100%; height:50px; background:rgba(0,0,0,0.6); color:#fff; text-align:center; font-size:18px; line-height:50px}
	.jsSlide .indicator button {overflow:hidden; position:absolute;top:50%; width:50px; height:95px;background:rgba(0,0,0,0.5); border:0; margin-top:-45px; text-indent:-9999em; z-index:2;}
	.jsSlide .indicator span {display:block; width:100%; height:100%;} 
	.jsSlide .indicator .prev button {left:0;}
	.jsSlide .indicator .next button {right:0;}
	.jsSlide .indicator .prev button span {background:url(/img/sub/btn-slide-prev.png) no-repeat 50% 50%}
	.jsSlide .indicator .next button span {background:url(/img/sub/btn-slide-next.png) no-repeat 50% 50%}

/* TAB */
.tab-menu {width: 100%}
	.tab-menu ul {display:table; width:100%;border:1px solid #e0e0e0; border-bottom:2px solid #fa5f28; box-sizing: border-box;}
	.tab-menu li {display: table-cell; width:50%;}
	.tab-menu a {display: block; border-top:1px solid #f4f4f4; text-align: center; font-size:15px; color:#666; background:#fff;}
	.tab-menu a span {display: block; height:45px; margin:1px 1px 0; line-height:42px; background:#f7f7f7;}
	.tab-menu .current a {overflow:hidden; position: relative; margin:-1px -1px 0; color:#fff; background:#fa5f28; border-top-color:#fa5f28;}
	.tab-menu .current a span {background:#fa5f28;}

/*========================================================================
SUB Each STYLE
========================================================================*/
/* 협회소개 > 개요 */
.itd_summary .section {margin:10px 0 40px;}
.itd_summary .paragraph {padding-left:33px;}
.itd_summary .box-type1 {background:url(/img/sub/bg-sumarry.png) no-repeat 100% 100%;}
.itd_summary .box-type1 li .tit {width:85px;}
.itd_summary .box-type1 li .area {padding-left:85px;}
/* 협회소개 > 산하기관 */
.itd_organization .h2 {margin:45px 0 10px;}
.itd_organization .btn-zone {margin-top:7px;}
/* 협회소개 > 인사말 */
.greeting-zone p {color:#888; font-size:16px; line-height:30px}
.greeting-zone p + p {margin-top:30px;}
.greeting-zone em {color:#fa5c25; font-style:normal;}
.greeting-zone strong {color:#3d3d3d; font-size:18px;}
.greeting-zone strong.underline {text-decoration:underline;}
.greeting-zone .group {display:table; margin:32px 0 28px;}
.greeting-zone .group > * {display:table-cell; vertical-align:top}
.greeting-zone .group .txt-group {padding-right:20px; word-break:keep-all;}
.greeting-zone .group .txt-group p + p {margin-top:20px;}
.greeting-zone .writer {text-align: center}
.greeting-zone .point {margin-top:5px;}
/* 협회소개 > 조직도 */
.chart-zone .img {text-align:center;}
.chart-zone .img img {max-width:100%}
/* 협회소개 > 찾아오시는길 */
.toway-zone {padding-bottom:120px;}
.toway-zone .toway-map {position:relative; overflow:hidden; height:385px; border:1px solid #c4c4c4; box-sizing:border-box;}
.toway-zone .toway-map .bulet {display:inline-block; position:absolute; height:38px; padding:0 14px; background:#f69f4d; color:#fff; font-size:16px; line-height:38px; border-radius:4px}
.toway-zone .toway-map .bulet:after {display:block; position:absolute; top:100%; left:50%; border-top:16px solid #f69f4d; border-left:10px solid transparent; border-right:10px solid transparent; content:""; margin-left:-10px;}

.toway-zone .toway-lst {margin-top:24px; border:1px solid #c4c4c4;}
.toway-zone .toway-lst li {position:relative; padding:20px 18px; border-top:1px solid #c4c4c4; color:#575757; font-size:16px; font-weight:600}
.toway-zone .toway-lst li:first-child {border:0;}
.toway-zone .toway-lst dl:after {display:block; clear:both; content:""}
.toway-zone .toway-lst dt {padding-right:125px;color:#474747; font-weight:600;font-size:18px;}
.toway-zone .toway-lst .btn-type1 {position:absolute; top:18px; right:18px; width:122px;}
.toway-zone .toway-lst .addr {margin:27px 0 10px; word-break:keep-all;}
.toway-zone .toway-lst .tel {float:left; width:195px;}
.toway-zone .toway-lst .fax {float:left;}
.toway-zone .toway-lst .addr:before {display:inline-block; width:15px; height:18px; margin-right:10px; vertical-align:middle; background:url(/img/sub/icon-addr.png) no-repeat 50% 50%; content:"";}
.toway-zone .toway-lst .tel:before {display:inline-block; width:15px; height:19px; margin-right:10px; vertical-align:middle; background:url(/img/sub/icon-tel.png) no-repeat 50% 50%; content:"";}
.toway-zone .toway-lst .fax:before {display:inline-block; width:21px; height:19px; margin-right:10px; vertical-align:middle; background:url(/img/sub/icon-fax.png) no-repeat 50% 50%; content:"";}
/* 협회소개 > 연혁 */
.history-zone {padding-bottom:75px; font-size:16px; font-weight:600}
.history-lst {padding-left:35px;}
.history-lst > li {margin-top:28px; line-height:1}
.history-lst > li:first-child {margin-top:44px;}
.history-lst li:after {display:block; clear:both; content:""}
.history-lst .year	{float:left; width:95px; padding-left:25px; font-size:22px; font-weight:600; color:#454545;background:url(/img/sub/icon-round.png) no-repeat 0 50%; box-sizing:border-box; line-height:28px}
.history-lst .each-event {padding-left:95px;}
.history-lst .each-event li {position:relative; padding-left:65px; line-height:28px; word-break:break-all;}
.history-lst .each-event .date	{display:block; position:absolute; left:0; top:0; color:#fa5c25;}
.history-lst .each-event em {color:#383838; font-style:normal}


/* 사업안내 > 사업소개 */
#content.bsin-introduce {min-height:1180px; padding-bottom:90px;}
.bsin-introduce .img {margin-top:20px;}
.bsin-introduce .img img {max-width:100%;}
.bsin-introduce .h3 {margin-top:35px;}
.bsin-introduce .paragraph2 {margin-top:6px; padding-left:33px;}
.bsin-introduce .box-type1 {margin-top:30px; padding:25px 0;}
.bsin-introduce .box-type1 > ul > li {margin-top:30px;}
.bsin-introduce .box-type1 > ul > li:first-child {margin-top:0;}
.bsin-introduce .box-type1 .tit {font-size:16px;}
.bsin-introduce .box-type1.business1 .area {padding-left:180px;}
.bsin-introduce .box-type1.business2 .area {padding-left:200px;}
/* 사업안내 > 모집안내 */
#content.bsin-recruit {padding-bottom:50px;} 
.bsin-recruit .h3 {margin-top:30px;}
.bsin-recruit .box-type1 {margin-top:25px;}
.bsin-recruit .box-type1 > ul > li {margin-top:20px;}
.bsin-recruit .box-type1 > ul > li:first-child {margin-top:0;}
.bsin-recruit .box-type1 .tit {font-size:16px; text-align:justify;}
.bsin-recruit .box-type1 .area {padding-left:110px; font-weight:600}
.bsin-recruit .box-type1 .color1 {font-style:normal; color:#fa5c25;}
.recruit-box {margin-top:45px;}


/* 봉사 및 후원 > 봉사 및 후원안내 */
#content.service-infor {padding-bottom:60px;}
.service-infor .h2 {margin-top:44px;}
.service-infor .box-type1 {margin-top:15px;}
.service-infor .box-type1 .tit {padding-right:15px;}
.service-infor .box-type1 .area {line-height:30px; letter-spacing:-0.5px;font-weight:600}
.service-infor .box-type1.bank .area {padding-left:132px;}
.service-infor .box-type1.bank .banknum {display:inline-block;width:190px; padding:0 7px; margin-right:5px; background:#fffcd5;}
.service-infor .box-type1.bank .area li + li {margin-top:7px;}
.service-infor .box-type1.bank > ul > li {margin-top:20px;}
.service-infor .box-type1.bank > ul > li:first-child {margin-top:0;}
.service-infor .box-type1 div.tit {word-break:keep-all;}
.service-infor .box-type1 div.tit .color1 {color:#fa5c25; font-weight:normal;}
.service-infor .box-type1.service .area {padding-left:350px;}
/* 봉사 및 후원 > 발달장애인권리선언문 */
#content.service-declaration {padding-bottom:50px;}
.declaration {min-height:994px; margin-top:40px; padding:125px 50px 0 70px; font-size:16px; line-height:26px; color:#5b5b5b; background:url(/img/sub/bg-declaration.png) no-repeat 50% 0; text-align:center; box-sizing:border-box;}
.declaration .subtitle {font-size:14px; color:#868686; margin-top:4px;}
.declaration .num {position:absolute; top:0; left:0; font-weight:600; color:#fa5c25;}
.declaration .declaration-lst li {position:relative; padding-left:65px; margin-top:21px; word-break:keep-all; text-align:left;}
.declaration .declaration-lst li:first-child {margin-top:57px;}
.declaration .sign {margin-top:42px}


/* 로그인 */
.login-zone {border-top:2px solid #fa5c25;}
.login-zone .inner {padding:30px 33px 24px; border:1px solid #e0e0e0; border-top:0;}
.login-zone .txt-help {font-size:15px; text-align:center; color:#666; word-break:keep-all;}
.login-zone .findgroup-box {padding:30px 0 0; border-top:1px solid #e9e9e9; color:#999999; font-size:14px; text-align: center}
.login-zone .findgroup-box ul {display: inline-block;}
.login-zone .findgroup-box li {text-align: left;margin-top:6px;}
.login-zone .findgroup-box li:before {display:inline-block; content:""; width:2px;height:2px; border-radius:100px; background:#999; vertical-align:4px; margin-right:5px;}
.login-zone .findgroup-box li:first-child {margin:0;}
.login-zone .findgroup-box .txt {display:inline-block;width:360px;}
.login-zone .login-box {width:512px; margin:40px auto;}
.login-zone .login-box:after {display:block; clear:both; content:""}
.login-zone .login-box .form {float: left}
.login-zone .login-box li + li {margin-top:10px;}
.login-zone .login-box li:after {display:block; clear:both; content:""}
.login-zone .login-box label {float:left; display:block; width:70px; line-height:28px; color:#666; font-size:15px;}
.login-zone .login-box .inp-type input {width:310px;}
.login-zone .login-box .btn-type4 {float: right;}


/* 아이디/비번 찾기 */
.tab-content {border:1px solid #e0e0e0; border-top:0;}
.find-box {color:#666666; font-size:15px; line-height:25px; }
.find-box:after	{display:block; clear:both; content:""}
.find-box .inner {padding:45px 0 75px; margin:0 auto; text-align:center}
.find-box .inner p {text-align: left}
.find-box .important {padding:0 5px; background: #fffcd5; font-weight:normal; box-sizing:border-box;}
.find-box .form-box {display: inline-block;}
.find-box .form {float:left; font-size:15px; color:#666;}
.find-box .form li:after {display:block; clear:both; content:""}
.find-box .form li > * {float:left;}
.find-box .form li + li {margin-top:10px;}
.find-box .form label {display:inline-block; text-align:left; letter-spacing:-0.5px}
.find-box .form .name input {width:310px;}
.find-box .form .phone input {width:96px;}
.find-box .form .phone select {width:95px;}
.find-box .form .phone .block > * {float: left}
.find-box .form .phone .txt {color:#999; font-size:15px; margin:0 3px;}
.find-box .btn-type4 {float:left; margin-left:14px;}
.find-box.idfind .form label {width:90px;}
.find-box.idfind .inner {width:490px;}
.find-box.idfind .form-box {margin-top:50px;}
.find-box.idfind p + p {margin-top:11px;}
.find-box.pwfind .inner {width:600px;}
.find-box.pwfind .form-box {margin-top:68px;}
.find-box.pwfind .form label {width:115px;}
.find-box.pwfind p + p {margin-top:9px;}
.find-box.pwfind .btn-type4 {height:104px; line-height:102px}

.result-box {padding:60px 0 50px; text-align: center}
.result-box p {padding-bottom:60px; color:#666666; font-size: 15px; }
.result-box p .id {font-weight: 600; color:#f69f4d;}

.block:after {display:block; clear:both; content:""}
.block > * {float: left}
.block > * + * {margin-left:6px;}


/* 회원가입 */
.process {border-top:2px solid #f69f4d; border-right:1px solid #e0e0e0; border-left:1px solid #e0e0e0; box-sizing:border-box; }
.process:after {display:block; clear:both; content:""}
.process li {float:left; position:relative; height:65px; width:33.33%; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; text-align:center; background:#f7f7f7; color:#999; font-weight:600;font-size:17px; box-sizing:border-box; line-height: 63px} 
.process li+li:after {display:block; position: absolute; left:0; top:0; width:22px;height:63px; content: ""; background:url(/img/sub/img-process.png) no-repeat 0 0; z-index:1;}
.process li.current+li:after {background: url(/img/sub/img-process-current.png) no-repeat 0 0}
/*.process li:last-child:after {display:none;}*/
/*.process li.current:last-child:after {display: none}*/
.process li.current {background:#fa5f28; color:#fff; border-color:#f69f4d;}
.process li.current:first-child {margin-left:-1px;}
.process li.current:last-child {margin-right:-1px;}

.process li:before {display:inline-block; width:23px; height:24px; margin-right:13px; content:"" ; vertical-align:middle;}
.process li:first-child:before {background:url(/img/sub/icon-step1-off.png) no-repeat 100% 0%}
.process li:nth-child(2):before {background:url(/img/sub/icon-step2-off.png) no-repeat 100% 0%}
.process li:last-child:before {background:url(/img/sub/icon-step3-off.png) no-repeat 100% 0%}
.process li.current:first-child:before {background:url(/img/sub/icon-step1-on.png) no-repeat 100% 0%}
.process li.current:nth-child(2):before {background:url(/img/sub/icon-step2-on.png) no-repeat 100% 0%}
.process li.current:last-child:before {background:url(/img/sub/icon-step3-on.png) no-repeat 100% 0%}

.agreement {margin-top:30px;}
.agreement .radio-lst {display: inline-block;}
.agreement .radio-lst:after {display:block; clear:both; content:""}
.agreement .radio-lst li {float:left;}
.agreement .radio-lst li + li {margin-left:15px;}
.agreebox {text-align:right;}
.certification {margin-top:30px;}
.certification p  {margin-top:5px; font-size: 14px; color:#999;}
.certification-box {margin-top:10px; padding:40px 0; border:1px solid #e0e0e0; text-align:center}
.certification-box .form {display:inline-block; margin:0 auto;}
.certification-box li:after {display:block; clear:both; content:""}
.certification-box li + li {margin-top:10px;}
.certification-box label {display:block; float:left; width:90px; text-align:left;}
.certification-box .block {float: left}
.certification-box .block.email .inp-type:first-of-type {width:185px;}
.certification-box .block.email .txt + .inp-type {width:145px;}
.certification-box .block.email .inp-type input {width: 100%}
.certification-box .block.email .btn-type3 {width:90px;}
.certification-box .block.email .sel-type select {width:150px;}
.certification-box .block.num .inp-type input {width:310px}

.step3-form-zone {margin-top:30px;}
.step3-box {padding:60px 10px; margin-top:5px; border:1px solid #e0e0e0; border-top:2px solid #fa5c25; color:#666; text-align:center; }
.step3-box .txt1 {font-size:25px; font-weight:600}
.step3-box .txt2 {margin-top:37px; font-size:15px; line-height:25px}
.step3-box p strong {color:#fa5f28;}

.step2-form-zone {position:relative; margin-top:35px;}
.step2-form-zone .helper {position:absolute; right:0; top:3px;}
.step2-form-zone .important {position:relative; margin-right:10px; color:#fa5f28;}
.step2-form-zone .important span {position:absolute; left:0; top:0; display:inline-block; overflow:hidden; text-indent:-9999em;}
.step2-form-zone .important:before {content:"+";}
.tbl-form {margin-top:10px; width:100%; table-layout:fixed; border-bottom:1px solid #fffde9; border-bottom:1px solid #cdcdcd; }
.tbl-form caption {display: none}
.tbl-form tr > * {padding:8px 0; border-top:1px solid #cdcdcd; text-align:left;}
.tbl-form th {width:200px; padding-left:60px; background:#fffde9; font-weight:600; color:#5b5b5b; box-sizing:border-box;font-size:15px;}
.tbl-form td {padding:8px 15px; color:#a7a7a7; font-size:14px; }
.tbl-form td > .inp-type input {width:336px;}
.tbl-form th .important {margin-left:-17px;}
.tbl-form .help {display:inline-block; margin-left:13px; line-height:22px; vertical-align:top}
.tbl-form .help:before {display:inline-block; content:"*";margin-right:5px;}
.tbl-form .btn-type3 {width:90px; font-weight:600}
.tbl-form .auto-submit {display: inline-block; margin:10px 0;}
.tbl-form .auto-submit:after {display:block; clear:both; content:""}
.tbl-form .auto-submit .auto-img {overflow:hidden; float:left; width:185px; height:68px; background:#cdcdcd}
.tbl-form .auto-submit .auto-img img {width:100%; height: 100%}
.tbl-form .auto-submit .inp-type {float:left; margin:20px 0 0 8px;}
.tbl-form .auto-submit .inp-type input {width:170px;}
.tbl-form .auto-submit + .help {margin-top:30px;}


.block + .block {margin-top:8px;}
.block.addr input {width:336px;}
.block.tell input {width:96px;}
.block.tell select {width:96px;}


/* mypage */
.mypage-zone {margin-top:-20px;}
.mypage-zone .important {position:relative; margin-right:10px; color:#fa5f28;}
.mypage-zone .important span {position:absolute; left:0; top:0; display:inline-block; overflow:hidden; text-indent:-9999em;}
.mypage-zone .important:before {content:"+";}
.out-terms {margin:10px 0 64px; padding:20px 18px; border:1px solid #e0e0e0;}
































/*========================================================================
SUB Media query
========================================================================*/
@media (max-width: 1159px) and (min-width: 0px){


/*========================================================================
SUB LAYOUT
=======================================================================*/
.contents-wrap {padding-bottom:30px;}

.sub-header {height:200px}
	.sub-header .important-ment {width:100%; max-width:500px; height:100%; margin-top:0; background-size:70% auto; background-position:center center;}
	.sub-header .sub-move-btn a {width:45px; height:45px;}
	.sub-header .sub-move-btn a span {font-size:15px; top:100%; color:rgba(256,256,256,0.8);}
	.sub-header .sub-move-btn .prev {margin-top:-23px;}
	.sub-header .sub-move-btn .next {margin-top:-23px;}
	.sub-header .sub-move-btn .prev span {left:5px;}
	.sub-header .sub-move-btn .next span {right:5px;}
	.sub-header .sub-move-btn .prev a:before {height:45px;}
	.sub-header .sub-move-btn .next a:before {height:45px;}
#container {top:0; min-height:auto}
#snb {position:relative; width:auto; border:0; border-bottom:1px solid #e2e1e1;}
	#snb .snb-tit {line-height:40px; font-size:16px; margin:0;}
	#snb .snb-menu:after {display:block; clear:both; content:""}
	#snb .snb-menu > li {float:left;border-bottom:0;}
	#snb .snb-menu > li > a {padding:0; font-size:14px; text-align:center;}
	#snb .snb-menu > li > a:hover {background:none;}
	#snb .snb-menu > li.current > a {background:none;}
	#snb .snb-menu > li.open > a {color:#fa5c25; font-weight:600}
	#snb .snb-menu > li:first-child:nth-last-of-type(6),
	#snb .snb-menu > li:first-child:nth-last-of-type(6) ~ li {width:15%;}
	#snb .snb-menu > li:first-child:nth-last-of-type(6) ~ li:last-child {width:25%;}
	#snb .snb-menu > li:first-child:nth-last-of-type(2),
	#snb .snb-menu > li:first-child:nth-last-of-type(2) ~ li {width:50%;}
	#snb .snb-menu > li:first-child:nth-last-of-type(3),
	#snb .snb-menu > li:first-child:nth-last-of-type(3) ~ li {width:30%;}
	#snb .snb-menu > li:first-child:nth-last-of-type(3) ~ li:last-child {width:40%;}
	#snb .sub {position:absolute; left:0; top:100%; width:100%; background:#fff; padding:0 15px; z-index:1; border-bottom:1px solid #e2e1e1; box-sizing:border-box; box-shadow:0 5px 5px rgba(0,0,0,0.2)}
	#snb .sub a {display:block; font-size:14px;}
#content {width:auto; margin:0; padding:15px 15px 20px;}
#container.base {padding:15px 15px 20px;}


/*========================================================================
SUB COMMON
========================================================================*/
/* PAGE TITLE ZONE */
.title-zone {margin-bottom:35px;}
	.page-tit {font-size:22px; }
	.breadcrumb {font-size:13px;}
	.breadcrumb li + li:before {margin-right:5px;}
	.breadcrumb li {margin-left:5px;}
	.breadcrumb a {font-size:13px;}
	.breadcrumb li:first-child {margin-left:0;}
	.breadcrumb li:first-child a {display: block}
	.breadcrumb li:first-child img {width:80%;}
	#content .breadcrumb {top:18px; right:15px;}
	#container .breadcrumb {top: 18px; right: 15px; }
/* TITLE TYPE */
.h2 {font-size:16px; font-weight:600; color:#474747;}
.h2:before {display:inline-block; width:26px; height:22px; margin-right:7px; background:url(/img/sub/icon-h2.png) no-repeat 0 50%; content:""; vertical-align:middle}
.h3 {padding:0;font-size:14px;}
.h3.bold {font-size:14px;}
.h3:before {margin-right:10px;}
/* TEXT */
.paragraph {font-size:14px; line-height:1.6}
.paragraph + .paragraph {margin-top:20px;}
.paragraph2 {font-size:13px; line-height:1.5}

.txt-hyphen li {font-size:13px; line-height:24px}
/* BOX */
.box-type1 {font-size:14px;}
.box-type1 li .tit {font-size:14px;}

.box-type2 {display:block;}
.box-type2 > * {display:block;}
.box-type2 .img img {width:100%; height:auto;}
.box-type2 .cont {padding:15px 10px;}
/* BUTTON */
.btn-type2 {width:85px; font-size:12px;}
.btn-type3 {height:35px; font-size:12px;}
.btn-type3 span {line-height:31px}

/* FORM */
.inp-type input {height:35px;}
.sel-type select {height:35px;}

/* SLIDE */
.jsSlide .slide li img {height:100%;}

/*========================================================================
SUB Each STYLE
========================================================================*/
/* 협회소개 > 개요 */
.itd_summary .box-type1 li .tit {width:70px; font-size:15px;}
.itd_summary .box-type1 li .area {padding-left:70px; font-size:13px; line-height:24px}
/* 협회소개 > 산하기관 */
.itd_organization .h2 {margin:30px 0 10px;}
.itd_organization .btn-zone {margin-top:7px;}
/* 협회소개 > 인사말 */
.greeting-zone p {font-size:14px; line-height:1.6}
.greeting-zone strong {font-size:14px; line-height:1.6}
.greeting-zone .point img {max-width:100%;}
.greeting-zone .writer img {max-width:100%;}
/* 협회소개 > 연혁 */
.history-lst {font-size:14px;}
.history-lst .year {width:70px;font-size:16px; padding-left:20px;}
.history-lst .each-event {padding-left:70px;}
.history-lst .each-event li {padding-left:50px;}


/* 사업안내 > 사업소개 */
#content.bsin-introduce {min-height:auto; padding-bottom:50px;}
.bsin-introduce .img img {width:100%;}
.bsin-introduce .paragraph2 {padding-left:15px;}
.bsin-introduce .box-type1 .tit {font-size:14px;}
.bsin-introduce .box-type1 .area { font-size:13px; line-height:24px}


/* 봉사 및 후원 > 발달장애인권리선언문 */
#content.service-declaration {padding-bottom:50px;}
.declaration {padding:125px 18% 0; background-size:contain; font-size:14px; line-height:1.6}
.declaration .sign {margin-top:30px;}

/* 로그인 */
.login-zone .btn-type4 {height: 80px; }
/* 아이디/비번 찾기 */
.find-box.idfind .btn-type4 {height:80px; line-height:76px}
.find-box .txt {line-height:35px}
/* 회원가입 */
.block .txt {line-height:35px}
/* mypage */
.mypage-zone {margin-top:0px;}


}







@media (max-width: 900px) and (min-width: 0px){

.declaration {background-size:100% 100%; padding:125px 10% 0;}
.declaration .declaration-lst li:first-child {margin-top:30px;}
.declaration .sign img {width:80%;}

.certification-box label {float:none; display:block; margin-bottom:5px;}

.tbl-form .help {display:block; margin:5px 0 0;}

}






@media (max-width: 600px) and (min-width: 0px){
/* COMMON */
#snb .snb-menu a {font-size:12px;}
#snb .snb-menu > li > a {font-size:12px;}
#snb .snb-menu > li > a:hover {color:#474747; font-weight:normal;}
.breadcrumb,
.breadcrumb a {font-size:10px;}
.breadcrumb li:first-child img {width:18px}
.breadcrumb li {margin-left:3px;}
.breadcrumb li:first-child {margin-left:0;}
.breadcrumb li + li:before {margin-right:3px;}

.page-tit {font-size:20px;}

.btn-zone {margin-top:20px;}

.txt-dotted li {font-size:13px; line-height:1.6; word-break:keep-all;}
/* TAB */
.tab-menu a {font-size:12px;}
.tab-menu a span {height:30px; line-height:28px;}

/* SLIDE */
.jsSlide {height:300px}
.jsSlide .indicator button {height:70px; width:40px; margin-top:-35px;}
.jsSlide .indicator .prev button span {background-size:30% auto;}
.jsSlide .indicator .next button span {background-size:30% auto;}
.jsSlide .slide .caption  {height:35px; line-height:35px; font-size:13px;}


/* 협회소개 > 인사말 */
.greeting-zone .group {display: block}
.greeting-zone .group > * {display:block}
.greeting-zone .group .txt-group {padding:0;}
.greeting-zone .group .img {margin-top:10px; text-align:center}
.greeting-zone .group img {max-width:100%;}
.greeting-zone .writer {margin-top:15px;}
/* 협회소개 > 찾아오시는길 */
.toway-zone {padding-bottom:30px;}
.toway-zone .toway-lst dt {padding:0; word-break:keep-all;}
.toway-zone .toway-lst .addr {margin-top:10px;}
.toway-zone .toway-lst .btn-type1 {position:static; margin-top:15px; width:100%;}
.toway-zone .toway-map .bulet {font-size:10px; height:25px; line-height:25px}
/* 협회소개 > 연혁 */
.history-lst {padding:0;}
.history-lst > li {margin-top:20px;}
.history-lst > li:first-child {margin-top:30px;}
.history-lst .year {display:block; float:none;}
.history-lst .each-event {padding-left:20px;}
.history-lst .each-event li {word-break:keep-all; letter-spacing:-0.25px}


/* 사업안내 > 사업소개 */
.bsin-introduce .box-type1 > ul > li {margin-top:15px;}
.bsin-introduce .box-type1 > ul > li:first-child {margin-top:0;}
.bsin-introduce .box-type1.business1 .tit {float:none; display: block;}
.bsin-introduce .box-type1.business1 .area {padding-left:20px; margin-top:5px;}
.bsin-introduce .box-type1.business2 .tit {float:none; display: block;}
.bsin-introduce .box-type1.business2 .area {padding:0 20px; margin-top:5px;}
/* 사업안내 > 모집안내 */
.recruit-box {margin-top:30px;}
.bsin-recruit .box-type1 {margin-top:10px;}
.bsin-recruit .box-type1 .tit {font-size:14px;}
.bsin-recruit .box-type1 .area {padding:0 10px 0 90px;font-size:13px;}


/* 봉사 및 후원 > 봉사 및 후원안내 */
.service-infor .box-type1 .tit {float:none; display: block; font-size:14px;}
.service-infor .box-type1 .area {padding:0 20px; font-size:13px;}
.service-infor .box-type1.bank .area {padding:5px 20px 0;}
.service-infor .box-type1.bank .banknum {display:block}
.service-infor .box-type1.service .area {padding:0 20px;}
/* 봉사 및 후원 > 발달장애인권리선언문 */
.declaration {min-height:auto; padding:50px 10px 40px; background:url(/img/sub/bg-declaration-up.png) no-repeat 50% 0, url(/img/sub/bg-declaration-down.png) no-repeat 50% 100%; background-size:100% auto, 100% auto;}
.declaration .title img {max-width: 85%}
.declaration .declaration-lst li {padding:0;}
.declaration .declaration-lst li:first-child {margin-top:30px;}
.declaration .declaration-lst .num {display: block; position:static;}
.declaration .sign {margin-top:20px;}
.declaration .sign img {width:70%;}


/* 로그인 */
.login-zone .inner {padding:20px 15px;}
.login-zone .txt-help  {font-size:13px;}
.login-zone .login-box {width: 100%; margin:20px auto;}
.login-zone .login-box .form {float:none;}
.login-zone .login-box .inp-type {display:block}
.login-zone .login-box .inp-type input {width: 100%}
.login-zone .login-box .btn-type4 {margin-top:10px; float:none; width:100%; height:50px; line-height:48px}
.login-zone .findgroup-box {padding:20px 0 0; font-size:12px;}
.login-zone .findgroup-box ul {display: block}
.login-zone .findgroup-box li {margin-top:10px;}
.login-zone .findgroup-box li:first-child {margin-top:0;}
.login-zone .findgroup-box .txt {width:auto}
.login-zone .findgroup-box .btn-type2 {float: right}

/* 아이디/비번 찾기 */
.find-box p {font-size:13px;}
.find-box .inner {width:auto !important; margin:0; padding:30px 15px; box-sizing: border-box;}
.find-box .form-box {display: block;}
.find-box .form {float: none;}
.find-box .form label {float:none; font-size:13px; display:block; line-height:35px}
.find-box .form .name input {width: 100%}
.find-box .form .name .inp-type {display: block}
.find-box .form li > * {float: none}
.find-box .form .phone .block {display:-webkit-flex; display:flex;}
.find-box .form .phone .sel-type {flex:1; width:30%;}
.find-box .form .phone .sel-type select {width:100%;}
.find-box .form .phone .inp-type {width:30%;}
.find-box .form .phone .inp-type input {width:100%;}
.find-box.idfind .inner {width:auto;}
.find-box.idfind .form-box {margin-top:20px;}
.find-box.idfind .btn-type4 {float:none; width:100%; margin:10px 0 0; height:40px; line-height:36px;}
.find-box.pwfind .btn-type4 {float:none; width:100%; margin:10px 0 0; height:40px; line-height:36px;}
.find-box.pwfind .form-box {margin-top:20px;}


/* 회원가입 */
.process {}
.process li {height:50px; line-height:48px; font-size:11px;}
.process li:before {display: none}
.process li+li:after {width:17px; height:48px; background-size:auto 100%;}
.process li:nth-child(2) {padding-left:15px;}
.process li.current+li:after {background-size:auto 100%;}

.certification-box .form {display: block; padding:0 15px;}
.certification-box .block {float:none;}
.certification-box .block.email > * {margin-bottom:5px}
.certification-box .block.email .inp-type:first-of-type {width:50%;}
.certification-box .block.email .txt + .inp-type {width:40%;}
.certification-box .block.num .inp-type,
.certification-box .block.num .inp-type input {width: 100%}
.certification-box .block.email .sel-type {margin:0;width:50%}
.certification-box .block.email .sel-type select {width:100%;}

.step3-box {padding:50px 10px}
.step3-box .txt1 {font-size:20px;}
.step3-box .txt2 {margin-top:20px; font-size:13px; line-height:1.6}

.join-zone {padding-bottom:30px;}
.step2-form-zone .helper {font-size:12px;}
.tbl-form th .important {margin-left:-15px;}
.tbl-form th {width:30%; padding:0 5px 0 25px; font-size:12px; }
.tbl-form td {font-size:12px;}
.tbl-form td > .inp-type {width:100%;}
.tbl-form td > .inp-type input {width:100%;}
.tbl-form .help {font-size:12px; line-height:1.3}
.tbl-form .auto-submit .auto-img {float: none}
.tbl-form .auto-submit .inp-type {float:none; margin:5px 0 0;}
.tbl-form .auto-submit .inp-type input {width:185px;}
.tbl-form .auto-submit + .help {margin-top:5px;}

.block.tell .sel-type,
.block.tell select {width:100%;}
.block.tell .inp-type {margin:5px 0 0; width:100%;}
.block.tell input {width:100%;}
.block.tell .txt {display: none}
.block.addr .inp-type {width: 100%}
.tbl-form .btn-type3 {width:100%; margin:5px 0 0;}
.block.addr input {width: 100%}
/* mypage */
.mypage-zone {padding-bottom:30px; margin-top:0px;}
.out-terms {margin-bottom:30px;}

}







@media (max-width: 350px) and (min-width: 0px){
.page-tit {font-size:16px;}
.process li {font-size:10px;}
/* SLIDE */
.jsSlide {height:250px}
.jsSlide .slide .caption  {font-size:11px;}

}