@charset "utf-8";

/*이용정책*/
.container-etc { width:100%; min-width:1000px; height:auto; min-height:700px; background:#f7f7f7; }
.container-etc .contents .location { width:970px; height:50px; margin:0 auto; padding-top:30px; text-align:right; color:#767676; font-size:13px; line-height:50px; vertical-align:top; }
.container-etc .contents .location span { display:inline-block; vertical-align:top; margin:0 5px; }
.container-etc .contents .location span.icon-home { width:13px; height:14px; padding:0 5px 0 0; background:url('../../images/images_2018/sub/icon_home.gif') left 2px no-repeat; text-indent:-9999px; overflow:hidden; margin:17px 0 0 0; }
.container-etc .contents .location span.page { color:#333; font-weight:500; }
.container-etc .contents-title { width:970px; height:96px; }
.container-etc .contents-title h4 { margin:0; padding:0; font-weight:400; font-size:36px; color:#333; line-height:40px; }
.container-etc .contents-title p { margin:15px 0 0 0; padding:0; font-size:14px; color:#666; }
.agreement { padding:7px 40px 30px; height:auto; border-top:2px solid #d2d2d2; background:#fff; }
.agreement p { color:#6c6969; font-size:14px; line-height:24px; margin:0; padding:0; }
.agreement p:last-child { margin-top:15px; }
/*이용약관*/
.contents-clause { width:970px; margin:0 auto; padding:0 0 50px 0; }
.contents-clause .agreement h5 { margin:27px 0 -5px; padding:0 0 15px 18px; border-bottom:2px solid #4162A3; background:url('../../images/images_2018/sub/icon_bluet.png') no-repeat 0 8px; font-weight:500; font-size:22px; color:#000; }
.contents-clause .agreement h6 { margin:19px 0 6px; padding:0; font-size:18px; color:#4162A3; }
.contents-clause .agreement ul { margin:0 0 0 10px; padding:0; }
.contents-clause .agreement ul li { list-style:none; color:#6c6969; font-size:14px; line-height:24px; padding:0 0 0 10px; text-indent:-15px; }
/*개인정보취급방침*/
.contents-privacy { width:970px; margin:0 auto; padding:0 0 50px 0; }
.contents-privacy .agreement h5 { margin:0; padding:28px 0 0; font-weight:500; font-size:22px; color:#000; }
.contents-privacy .agreement strong { display:block; color:#6c6969; font-size:14px; line-height:24px; font-weight:normal; margin:10px 0 0 0; }
.contents-privacy .agreement p { padding:0 0 0 20px; }
.contents-privacy .agreement p.info { padding:28px 0 0; }
.contents-privacy .agreement ul { margin:0 0 10px 20px; padding:0; }
.contents-privacy .agreement ul li { list-style:none; color:#6c6969; font-size:14px; line-height:24px; padding:0 0 0 20px; text-indent:-10px; }
.contents-privacy .agreement ul.txt-info li { padding:0; }
.contents-privacy .agreement table { width:100%; margin:20px 0 20px 0; border-top:2px solid #4162A3; font-size:14px; line-height:24px; }
.contents-privacy .agreement table caption { width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; }
.contents-privacy .agreement table th { vertical-align:middle; padding:12px 10px; border-bottom:1px solid #d8d8d8; font-weight:500; color:#000; background-color:#f7f7f7; }
.contents-privacy .agreement table td { vertical-align:middle; padding:12px 10px; border-bottom:1px solid #d8d8d8; color:#6c6969; }
.contents-privacy .agreement .contact table th { border-right:1px solid #d8d8d8; }
.contents-privacy .agreement .contact table td { border-right:1px solid #d8d8d8; text-align:center; }
.contents-privacy .agreement .contact table .last { border-right:0; }
.contents-privacy .agreement2018 { font-size:14px; line-height:22px; color:#666; }
.contents-privacy .agreement2018 h5 { padding:30px 0 15px; }
.contents-privacy .agreement2018 p { padding:0; }
.contents-privacy .agreement2018 p+p { padding:10px 0 0; }
.contents-privacy .agreement2018 ul { margin:0; padding:0; }
.contents-privacy .agreement2018 ul li { padding-left:18px; text-indent:-18px; }
.contents-privacy .agreement2018 ul li li { padding-left:16px; text-indent:-16px; }
.contents-privacy .agreement2018 ul li dl,.contents-privacy .agreement2018 dl dd { margin-left:17px; }
.contents-privacy .agreement2018 .line dt,.contents-privacy .agreement2018 .line dd { display:inline-block; margin:0; }
.contents-privacy .agreement2018 .prev-ver { margin:0 0 0 18px; }
.contents-privacy .agreement2018 .prev-ver a { color:#0c7c6d; text-decoration:underline; }

/*공공누리 이용안내-일반이용자*/
.contents-userguide { width:970px; margin:0 auto; padding:0 0 50px 0; }
.contents-userguide .userguide { padding:7px 40px 30px; height:auto; border-top:2px solid #d2d2d2; background:#fff; }
.contents-userguide h5 { margin:27px 0 15px; padding:0 0 15px 18px; border-bottom:2px solid #4162A3; background:url('../../images/images_2018/sub/icon_bluet.png') no-repeat 0 8px; font-weight:500; font-size:22px; color:#000; }
.contents-userguide p { font-size:14px; line-height:24px; color:#6c6969; padding:0; margin:0; }
.contents-userguide h6 { margin:12px 0 0; padding:0; font-weight:500; font-size:30px; color:#222; letter-spacing:-1px; }
.contents-userguide h6 + span { font-size:16px; line-height:24px; color:#555; font-weight:normal; }
.contents-userguide .step-list { margin-top:25px; padding:0; border:1px solid #e8e8e8; background-color:#f2f4f7; list-style:none; }
.contents-userguide .step-list > li { border-top:2px dotted #e8e8e8; }
.contents-userguide .step-list > li:first-child { border-top:0; }
.contents-userguide .step-title { text-align:center }
.contents-userguide .step-mark { display:inline-block; width:112px; height:48px; padding-top:8px; border-radius:0 0 56px 56px; background-color:#4162A3; font-weight:700; font-size:16px; line-height:18px; color:#fff; }
.contents-userguide .step-box ul { margin:0; padding:0; list-style:none; }
.contents-userguide .step-box li { margin-top:25px; font-size:14px; line-height:20px; color:#444; }
.contents-userguide .step-box li > strong { display:inline-block; padding-left:9px; font-weight:500; }
.contents-userguide .step-box li > strong:before { display:inline-block; width:4px; height:4px; margin:0 5px 0 -9px; border-radius:2px; background-color:#4162a3; vertical-align:middle; content:''; }
.contents-userguide .step-box li > strong span { color:#4162a3; }
.contents-userguide .step1 { height:1429px; background:url('../../images/images_2018/sub/img_user_step1.jpg') center 140px no-repeat; }
.contents-userguide .step2 { height:961px; background:url('../../images/images_2018/sub/img_user_step2.jpg') center 134px no-repeat; }
.contents-userguide .step3 { height:1369px; background:url('../../images/images_2018/sub/img_user_step3.jpg') center 159px no-repeat; }
.contents-userguide .step4 { height:1040px; background:url('../../images/images_2018/sub/img_user_step4.jpg') center 134px no-repeat; }
.contents-userguide .step5 { height:636px; background:url('../../images/images_2018/sub/img_user_step5.jpg') center 161px no-repeat; }
.contents-userguide .step6 .step-box { width:750px; margin:0 auto; }
.contents-userguide .step6 a { display:block; width:230px; height:36px; margin:30px auto 50px; color:#fff; background:#4162a3; text-align:center; font-size:14px; line-height:36px; }
.contents-userguide .step6 .example { width:708px; border:1px solid #d2d2d2; margin-top:10px; padding:15px 20px; background-color:#fff; }
.contents-userguide .step6 .example p { margin:10px 0 0 0; line-height:24px; color:#666; }
.contents-userguide .step6 .example p span { font-weight:500; color:#4162a3; }
.contents-userguide .step6 p.notice { color:#666; font-size:14px; margin:5px 0 0; padding:0; font-weight:normal; }
.contents-userguide .opentype { border:0; margin:15px 0 0; padding:0; }
.contents-userguide .opentype table{ width:750px; border-collapse:collapse; border-top:2px solid #4162a3; }
.contents-userguide .opentype table caption { width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; }
.contents-userguide .opentype table thead th { padding:13px 0 12px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f7f7f7; text-align:center; }
.contents-userguide .opentype table tbody td { padding:20px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background-color:#fff; font-size:13px; color:#767676; }
.contents-userguide .opentype table .last { border-right:0; }
.contents-userguide .opentype table tbody td span { display:block; width:186px; font-size:11px; color:#6c6969; height:15px; padding:45px 0 0 0; text-align:center; }
.contents-userguide .opentype table tbody td span.opencode1 { background:url('../../images/images_2018/sub/img_opencode1.jpg') top center no-repeat; }
.contents-userguide .opentype table tbody td span.opencode2 { background:url('../../images/images_2018/sub/img_opencode2.jpg') top center no-repeat; }
.contents-userguide .opentype table tbody td span.opencode3 { background:url('../../images/images_2018/sub/img_opencode3.jpg') top center no-repeat; }
.contents-userguide .opentype table tbody td span.opencode4 { background:url('../../images/images_2018/sub/img_opencode4.jpg') top center no-repeat; }

/*공공누리 이용안내-공공기관이용자*/
.contents-publicguide { overflow:hidden; padding:0 0 50px 0; }
.contents-publicguide .info-tab-list { margin:0 0 30px 0; }
.contents-publicguide .info-tab-list ul { margin:0; padding:0; font-size:0; width:750px; height:44px; background:url('../../images/images_2018/sub/deco_tab_line.gif') bottom repeat-x; border-right:1px solid #d2d2d2; }
.contents-publicguide .info-tab-list ul li { display:inline-block; vertical-align:top; list-style:none; width:373px; height:41px; line-height:44px; font-size:14px; background:#f1f1f1; text-align:center; border-top:1px solid #d2d2d2; border-right:1px solid #f1f1f1; border-left:1px solid #d2d2d2; }
.contents-publicguide .info-tab-list ul li a { color:#a1acad; display:block; }
.contents-publicguide .info-tab-list ul li.last { border-right:1px solid #d2d2d2; }
.contents-publicguide .info-tab-list ul li.on { border-top:1px solid #876299; border-left:1px solid #876299; border-right:1px solid #876299; background:#876299; }
.contents-publicguide .info-tab-list ul li.on a { color:#fff; font-size:16px; }
.contents-publicguide h5 { width:750px; margin:30px 0 20px 0; padding:0 0 20px 0; border-bottom:1px solid #47608c; font-size:20px; color:#47608c; }
.contents-publicguide p { font-size:14px; line-height:24px; color:#6c6969; padding:0; margin:0; }
.contents-publicguide h6 { font-size:20px; color:#353232; line-height:35px; margin:40px 0 0 0; padding:0; }
.contents-publicguide h6 span { color:#02b294; }
.contents-publicguide ol { padding:0; margin:0; }
.contents-publicguide ol li { list-style:none; }
.contents-publicguide ol li p { margin:0 0 25px 25px; }
.contents-publicguide ol li span { color:#02b294; }
.contents-publicguide ol li ul { margin:10px 0 0 25px; padding:0; }
.contents-publicguide ol li ul li { list-style:none; color:#6c6969; font-size:14px; line-height:24px; }
.contents-publicguide .online h6 { margin:0 0 20px 0; }
.contents-publicguide .online h6 span { display:inline-block; vertical-align:top; width:98px; height:35px; margin:0 20px 0 0; padding:0 0 0 15px; text-align:left; background:url('../../images/images_2018/sub/bg_guide.png') no-repeat; color:#fff; }
.contents-publicguide .online .online-step { margin:0 0 35px 0; }
.contents-publicguide .online .online-step ol { margin:0; padding:0; }
.contents-publicguide .online .online-step ol li { line-height:24px; font-weight:bold; }
.contents-publicguide .online .step1 { font-size:0; margin:0 0 40px 0; }
.contents-publicguide .online .step1 ul { margin:0 0 15px 0; padding:0; }
.contents-publicguide .online .step1 ul li { list-style:none; font-size:14px; line-height:24px; color:#6c6969; }
.contents-publicguide .online .step1 ul li span { color:#02b294; font-weight:bold; }
.contents-publicguide .online .step1 table{ width:748px; height:158px; border-top:1px solid #353232; border-bottom:1px solid #d2d2d2; font-size:13px; }
.contents-publicguide .online .step1 table caption { width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; }
.contents-publicguide .online .step1 table thead th { padding:10px 0 10px 0; color:#353232; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#f1f1f1; font-size:14px; text-align:center; }
.contents-publicguide .online .step1 table tbody td { border-right:1px solid #d2d2d2; color:#6c6969; margin:0 auto; padding:0 0 0 20px; }
.contents-publicguide .online .step1 table .last { border-right:0; }
.contents-publicguide .online .step1 table tbody td span { display:block; width:125px; height:45px; text-align:center; margin:25px 0 0 10px; padding:55px 0 0 0; font-size:13px; font-weight:bold; background:url('../../images/images_2018/sub/img_opencode1_b.jpg') no-repeat; background-size:125px auto; }
.contents-publicguide .online .step1 > p { margin:5px 0 25px 0; }
.contents-publicguide .online .step1 > strong { display:block; font-size:18px; margin:0 0 20px 0; }
.contents-publicguide .online .step1 > a { display:inline-block; vertical-align:top; width:242px; height:47px; padding:8px 0 0 0; color:#fff; text-align:center; line-height:20px; font-size:16px; }
.contents-publicguide .online .step1 a.btn-guide1 { background:#876299; }
.contents-publicguide .online .step1 a.btn-guide2 { background:#47608c; margin:0 10px 0 10px; }
.contents-publicguide .online .step1 a.btn-guide3 { background:#02b294; }
.contents-publicguide .online .step2 { font-size:0; margin:0 0 40px 0; }
.contents-publicguide .online .step2 strong { display:block; margin:0 0 15px 0; font-size:18px; }
.contents-publicguide .online .step2 p { margin:0; padding:0; }
.contents-publicguide .online .step2 p span { font-weight:bold; }
.contents-publicguide .online .step2 > a { display:inline-block; vertical-align:top; }
.contents-publicguide .online .step2 ol > li { margin:0 0 35px 0; }
.contents-publicguide .online .step2 ol > li > a { width:437px; height:34px; padding:0 0 0 10px; margin:10px 0 0 0; font-size:16px; line-height:34px; color:#876299; border:1px solid #876299; background:url('../../images/images_2018/sub/icon_arrow.png') 410px center no-repeat; }
.contents-publicguide .online .step2 ol li p { font-weight:bold; }
.contents-publicguide .online .step2 ol li p.info-box { width:728px; height:85px; font-weight:normal; padding:15px 0 0 20px; border:1px solid #d2d2d2; }
.contents-publicguide .online .step2 ol li p.info-box span { display:block; }
.contents-publicguide .opentype { border:0; margin:15px 0 10px 0; padding:0; }
.contents-publicguide .opentype p { margin:0 0 12px 0; padding:0; font-size:14px; color:#6c6969; }
.contents-publicguide .opentype p span { color:#02b294; }
.contents-publicguide .opentype table{ width:748px; height:112px; border:1px solid #d2d2d2; }
.contents-publicguide .opentype table caption { width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; }
.contents-publicguide .opentype table thead th { padding:5px 0 5px 0; color:#353232; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#f1f1f1; font-size:13px; text-align:center; }
.contents-publicguide .opentype table tbody td { padding:15px 0 15px 0; border-right:1px solid #d2d2d2; font-size:13px; color:#6c6969; }
.contents-publicguide .opentype table .last { border-right:0; }
.contents-publicguide .opentype table tbody td span { display:block; width:186px; font-size:11px; color:#6c6969; height:15px; padding:45px 0 0 0; text-align:center; }
.contents-publicguide .opentype table tbody td span.opencode1 { background:url('../../images/images_2018/sub/img_opencode1.jpg') top center no-repeat; }
.contents-publicguide .opentype table tbody td span.opencode2 { background:url('../../images/images_2018/sub/img_opencode2.jpg') top center no-repeat; }
.contents-publicguide .opentype table tbody td span.opencode3 { background:url('../../images/images_2018/sub/img_opencode3.jpg') top center no-repeat; }
.contents-publicguide .opentype table tbody td span.opencode4 { background:url('../../images/images_2018/sub/img_opencode4.jpg') top center no-repeat; }
.contents-publicguide .online .step2 ul.btn-download { margin:0 0 25px 0; padding:0; }
.contents-publicguide .online .step2 ul.btn-download li { display:inline-block; vertical-align:top; width:187px; text-align:center; margin:0; }
.contents-publicguide .online .step2 ul.btn-download li a { width:166px; background:#93a09e; border:0; color:#fff; padding:0; text-align:center; }
.contents-publicguide .online .step2 p.img-exmaple { width:750px; height:850px; background:url('../../images/images_2018/sub/img_public_step2.jpg') no-repeat; margin:20px 0 0 0; overflow:hidden; text-indent:-9999px; }
.contents-publicguide .online .step3 { margin:0 0 40px 0; }
.contents-publicguide .online .step3 p { font-weight:bold; line-height:30px; }
.contents-publicguide .online .step3 ul { margin:0 0 15px 20px; padding:0; position:relative; top:-5px; }
.contents-publicguide .online .step3 ul li { list-style:none; font-size:14px; color:#6c6969; line-height:24px; }
.contents-publicguide .online .step3 p.img-exmaple { width:750px; height:500px; background:url('../../images/images_2018/sub/img_public_step3.jpg') no-repeat; overflow:hidden; text-indent:-9999px; }
.contents-publicguide .online .step3 a { display:block; vertical-align:top; width:242px; height:36px; background:#876299; margin:30px auto 0; color:#fff; text-align:center; line-height:36px; font-size:16px; }
.contents-publicguide .online .step4 p { font-weight:bold; margin:0 0 10px 0; }
.contents-publicguide .online .step4 ul { margin:0 0 20px 0; padding:0; }
.contents-publicguide .online .step4 ul li { list-style:none; font-size:14px; color:#6c6969; line-height:24px; }
.contents-publicguide .online .step4 p.img-exmaple { width:750px; height:500px; background:url('../../images/images_2018/sub/img_public_step4.jpg') no-repeat; overflow:hidden; text-indent:-9999px; }
/*20160111추가*/
.contents-publicguide .opentype-example { border:0; margin:20px 0 20px 0; padding:0; }
.contents-publicguide .opentype-example p { margin:0; padding:0; font-size:14px; color:#6c6969; }
.contents-publicguide .opentype-example p span { color:#02b294; }
.contents-publicguide .opentype-example table{ width:748px; height:112px; border:1px solid #d2d2d2; margin:5px 0 0 0; }
.contents-publicguide .opentype-example table caption { width:0; height:0; font-size:0; line-height:0; text-indent:-9999px; overflow:hidden; }
.contents-publicguide .opentype-example table thead th { padding:5px 0 5px 0; color:#353232; border-bottom:1px solid #d2d2d2; border-right:1px solid #d2d2d2; background:#f1f1f1; font-size:13px; text-align:center; }
.contents-publicguide .opentype-example table tbody td { padding:10px 0 10px 0; border-right:1px solid #d2d2d2; border-bottom:1px solid #d2d2d2; font-size:13px; color:#6c6969; text-align:center; }
.contents-publicguide .opentype-example table .last { border-right:0; }
.contents-publicguide .opentype-example table tbody td.last { text-align:left; padding:0 10px 0 10px; }
.contents-publicguide .opentype-example table tbody td span { display:block; width:186px; font-size:11px; color:#6c6969; height:35px; margin:0 auto; text-align:center; }
.contents-publicguide .opentype-example table tbody td span.opencode1 { display:block; text-indent:-9999px; background:url('../../images/images_2018/sub/img_opencode1.jpg') top center no-repeat; }
.contents-publicguide .opentype-example table tbody td span.opencode2 { display:block; text-indent:-9999px; background:url('../../images/images_2018/sub/img_opencode2.jpg') top center no-repeat; }
.contents-publicguide .opentype-example table tbody td span.opencode3 { display:block; text-indent:-9999px; background:url('../../images/images_2018/sub/img_opencode3.jpg') top center no-repeat; }
.contents-publicguide .opentype-example table tbody td span.opencode4 { display:block; text-indent:-9999px; background:url('../../images/images_2018/sub/img_opencode4.jpg') top center no-repeat; }
.contents-publicguide .opentype-example table tbody td.last strong { color:#02b294; display:inline-block; font-size:14px; }
.contents-publicguide .opentype-example ul { margin:0; padding:0; }
.contents-publicguide .opentype-example ul li { list-style:none; margin:0; }
.contents-publicguide .opentype-example ul li span { text-decoration:underline; color:#02b294; display:inline-block; font-size:14px; }
.contents-publicguide .opentype-example ul li a { display:inline-block; vertical-align:middle; width:100px; height:30px; padding:0 0 0 10px; margin:0 0 0 5px; font-size:16px; line-height:34px; color:#876299; border:1px solid #876299; background:url('../../images/images_2018/sub/icon_arrow.png') 80px center no-repeat; }
.contents-publicguide .offline ol li p.img-exmaple { width:661px; height:878px; margin:0 0 0 45px; background:url('../../images/images_2018/sub/img_guide_offline.jpg') no-repeat; overflow:hidden; text-indent:-9999px; }
.contents-publicguide .offline p.etc { margin:0 0 0 25px; }

/*전체메뉴*/
.contents-allmenu { padding:0 0 40px 0; }
.contents-allmenu .menu-list,.menu-depth { margin:0; padding:0; list-style:none; }
.contents-allmenu .menu-list:before,.contents-allmenu .menu-list:after { display:table; clear:both; content:''; }
.contents-allmenu .menu-list > li { float:left; width:33.33%; padding:0 0 40px 15px; box-sizing:border-box; }
.contents-allmenu .menu-list > li:nth-child(3n+1) { clear:left; padding-left:0; }
.contents-allmenu .menu-list > li strong { display:block; border-bottom:1px solid #d0d8e8; background-color:#ebf0fa; font-weight:500; font-size:22px; line-height:77px; color:#273a61; text-align:center; }
.contents-allmenu .menu-list > li.member strong { border-bottom:1px solid #d4d5d8; background-color:#e8eaed; }
.menu-depth { margin-top:4px; background-color:#fff; }
.menu-depth li { position:relative; border-bottom:1px solid #f7f7f7; }
.menu-depth li:last-child { border-bottom:1px solid #f7f7f7; }
.menu-depth li a { display:block; height:22px; padding:15px 20px; color:#333; }
.menu-depth li:hover a,.menu-depth li a:focus { background-color:#4162a3; font-weight:500; color:#fff; }
.menu-depth li:hover a:after,.menu-depth li a:focus:after { position:absolute; top:20px; right:20px; width:8px; height:13px; background:url('../../images/images_2018/sub/deco_dot.png') no-repeat 0 -79px; content:''; }

/*해당페이지없음*/
.contents-nopage { width:100%; min-width:1000px; height:auto; min-height:700px; background:url('../../images/images_2018/sub/bg_member.jpg') center top no-repeat; }
.contents-nopage .nopage-inner { width:1000px; margin:0 auto; padding:0 0 50px; }
.contents-nopage .nopage-inner .contents-title { padding:55px 0 0; }
.contents-nopage .nopage { padding:0 20px 30px 20px; height:435px; border-top:2px solid #d2d2d2; background:#fff url('../../images/images_2018/common/icon_nopage.png') center 130px no-repeat; text-align:center; }
.contents-nopage .nopage strong { display:block; padding:220px 0 0 0; font-weight:500; font-size:20px; color:#252525; }
.contents-nopage .nopage p { margin:5px 0 26px 0; font-size:15px; color:#666; }
.contents-nopage .nopage a { display:block; text-align:center; width:450px; height:36px; margin:0 auto; color:#fff; line-height:36px; background:#4162a3; }