/* 기본 전체사이즈 모바일 사이즈부터 타블렛 사이즈로 정리중 */ /* 기본셋팅 */ .ui-widget select {border: none !important;} .crossbrowsing {z-index: 999;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #333} .crossbrowsing .inner {width: 550px;height: 250px;margin: 0 auto;padding-top: 280px;text-align: center;color: #fff;font-size: 13px;line-height: 21px} .crossbrowsing .inner a {color: #fff} #wrap {height: 100%} #wrap .blind {position: absolute;overflow: hidden;clip: rect(0, 0, 0, 0);margin: -1px;width: 1px;height: 1px} #wrap .caption {position: absolute;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important} #wrap .mr90 {margin-right: 90px} #wrap .mt30 {margin-top: 30px} #wrap .mt70 {margin-top: 70px} #wrap .wd_100 {width: 100%} #wrap .wd_50 {width: 50%} #wrap .line_style {border: none} #wrap .no_border {border: none !important} #wrap .inr_button {display: inline-block;margin-left: 24px;padding: 8px 18px;border: 1px solid #161616;text-decoration: none;font-size: 18px;color: #161616} #wrap .inr_button:hover {background: #f8f8f8} #wrap .btn_wrap {width: calc(100% - 15px);overflow: hidden;margin: 21px 0;text-align: center} #wrap .btn_wrap a {display: inline-block;padding: 17px 83px;background: #ccc;font-size: 15px;color: #161616} #wrap .btn_wrap a.blue_btn {background: #0046cd;color: #fff} #wrap .btn_wrap a.mo_on {display: none} #wrap .btn3_box {overflow: hidden;margin: 21px 0;box-sizing: border-box;display: table;width: 100%;} #wrap .btn3_box a {/* float: left; */width: 33.3%;height: 74px;/* padding-top: 14px; */box-sizing: border-box;text-align: center;font-size: 1.2rem;color: #161616;display: table-cell;vertical-align: middle;padding: 10px} #wrap .btn3_box a:nth-child(1) {/* padding-top: 27px; */background: #ccc} #wrap .btn3_box a:nth-child(2) {border: 1px solid #0046cd;border-top-left-radius: 13px;border-bottom-left-radius: 13px;font-size: 16px;} #wrap .btn3_box a:nth-child(3) {background: #0046cd;color: #fff;border-top-right-radius: 13px;border-bottom-right-radius: 13px;font-size: 17px;} #wrap .btn2_box {overflow: hidden;margin: 21px 0;box-sizing: border-box;display: table;width: 100%;} #wrap .btn2_box a {/* float: left; */width: 50%;height: 74px;/* padding-top: 14px; */box-sizing: border-box;text-align: center;font-size: 1.2rem;color: #161616;display: table-cell;vertical-align: middle;padding: 10px} #wrap .btn2_box a:nth-child(1) {/* padding-top: 27px; */background: #ccc} #wrap .btn2_box a:nth-child(2) {border: 1px solid #0046cd;border-radius: 13px;font-size: 16px;} #wrap .button_blue {display: inline-block;padding: 8px 18px;border: 1px solid #0046cd;font-size: 18px;color: #0046cd;text-decoration: none} #wrap .button_blue:hover {background: #0046cd;color: #fff} /* #wrap button {outline: none} */ .textH3 {font-size: 20px; padding-left: 15px; display: inline-block; font-weight: bold; vertical-align: middle;} .disMg { margin-bottom: 50px} .disuseText{margin: 30px 0 0 0;list-style: outside; } .disuseText li{margin: 10px 0 0 35px;padding-left: 0px;font-size: 18px;line-height: 25px} .mobile_ontab {display: none} .mo_on {display: none} .toggle_list>li a p b {font-size: 22px} .agency { color: #8f8f8f } #wrap .btn_wrap2 {width: 100%;margin: 30px 0;text-align: center}/*정기전송철회버튼*/ #wrap .btn_wrap2 div { width: 49%; display: inline-block; margin: 0 auto;} #wrap .btn_wrap2 div.blueBtn {} #wrap .btn_wrap2 div a {display: block;padding: 17px 0;background: #eff9ff;font-size: 17px;color: #0046cd;border-radius:13px; border: 1px solid #0046cd; width: 95% }/*정기전송철회버튼*/ #wrap .btn_wrap2 div.blueBtn a {display: block;padding: 17px 0;background: #0046cd;font-size: 17px;color: #ffffff;border-radius:13px; border: 1px solid #0046cd; width: 95%; font-weight: bold; }/*정기전송수정버튼*/ .greenTag { font-size: 11px; font-weight: normal; color:#00723e; background-color: #daf6ea; padding: 2px 9px; border-radius:4px; display: inline-block; margin-bottom: 5px } .blueTag { font-size: 11px; font-weight: normal; color:#2774ba; background-color: #ffffff; padding: 5px; border-radius:0px; display:block; margin:0 0px 15px 10px; line-height: 11px; border: 1px solid #8fbcea; clear: both; width: 65px; text-align: center;; float: left;} .redTag { font-size: 11px; font-weight: normal; color:#930000; background-color: #ffeaea; padding: 2px 9px; border-radius:4px; display: inline-block; margin-bottom: 5px } .grayTag {font-size: 11px; font-weight: normal; color:#777; background-color: #eee; padding: 5px; border-radius:0px; display: block; ; margin:0 0px 15px 10px; line-height: 11px; border: 1px solid #cccccc; clear: both; width: 65px; text-align: center;; float: left; } .mt18 {margin-top: 18px;} /* ******************************************************************전자증명서 20221201 */ #header{position:fixed;top:0;right:0;left:0;padding-bottom:23px;background:#e3ecf3;transition:top 0.2s ease-in-out;z-index:10} #header:after{display:block;clear:both;content:''} #header.on{top:-82px} #header h1.logo { float: left; margin: 29px 0 0 20px; font-size: 14px; line-height: 1em; } #header h1.logo img { width: 100%; } #header>.inr{float:right;margin-top:19px;padding-right:14px} #header>.inr button,#header>.inr a{display:inline-block;padding:5px;vertical-align:top} #header>.inr button{margin:9px 0 0 4px} #header>.inr a{margin:6px 0 0 4px} #header>.inr a:first-child{margin:9px 0 0 0} /* #header h1.logo img{width: 100%;} */ /* 변경된 로고 */ /* #header h1.logo{float:left;margin:25px 0 0 20px;font-size:14px;line-height:1em; width: 60%;} @media (max-width:345px) { #header h1.logo{ width: 170px;margin:30px 0 0 20px} } @media (min-width: 500px) and (max-width: 700px){ #header h1.logo{ width: 50%;} } @media (min-width: 701px) { #header h1.logo{ width: 30%;} } */ /* 변경된 로고 END */ .dBlockUi {width: 100%; height: 100%; background-color: black; opacity: 0.35; position: fixed; z-index: 999999; display: none} /* ******************************************************************전자증명서 20221201 END */ /*핀번호전송 only*/ .pnWrap {margin: 25px 0 15px 0; width: 100%; padding: 10px 0; background-color: #eeeeee; text-align: center;} .pnWrap p {font-size: 14px; font-weight: bold;} .pnWrap p b {color: #0789db; font-size: 24px; display: inline-block; margin-left: 5px} .newLay {margin: 0px !important;} .newGrBox {background-color: #fff; font-size: 17px !important;} .trsmBeginEndDe { font-size: 19px !important; font-weight: normal; color: #1e2124 !important;} /* 전자증명서아이콘*/ .ico{display:inline-block;vertical-align:top} /* 로고 수정 : 230308 황지현 */ .ico.logo { background-image: url("../images/sprites/m_sp_ico.png"); background-position: -405px -844px; width: 309px; height: 61px; width: 220px; height: 30.5px; background-position: -202.5px -455px; background-size: 934px 824px; } /* .ico.logo{background-image:url(../images/sprites/m_sp_ico.png);background-position:-405px -844px;width:309px;height:61px;width:154.5px;height:30.5px;background-position:-202.5px -422px;background-size:934px 824px} */ .ico.qr{background-image:url(../images/sprites/m_sp_ico.png);background-position:-564px -390px;width:38px;height:38px;width:19px;height:19px;background-position:-282px -195px;background-size:934px 824px} .ico.bell{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1819px -1194px;width:40px;height:48px;width:20px;height:24px;background-position:-909.5px -597px;background-size:934px 824px} .ico.menu{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1755px -575px;width:43px;height:33px;width:21.5px;height:16.5px;background-position:-877.5px -287.5px;background-size:934px 824px} .ico.search{background-image:url(../images/sprites/m_sp_ico.png);background-position:-515px -390px;width:39px;height:42px;width:19.5px;height:21px;background-position:-257.5px -195px;background-size:934px 824px} .ico.issuance{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1755px -780px;width:105px;height:105px;width:52.5px;height:52.5px;background-position:-877.5px -390px;background-size:934px 824px} .ico.application{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1755px -460px;width:105px;height:105px;width:52.5px;height:52.5px;background-position:-877.5px -230px;background-size:934px 824px} .ico.send{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1755px -940px;width:105px;height:105px;width:52.5px;height:52.5px;background-position:-877.5px -470px;background-size:934px 824px} .ico.certificate{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1755px -620px;width:105px;height:105px;width:52.5px;height:52.5px;background-position:-877.5px -310px;background-size:934px 824px} .ico.more_plus{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1792px -895px;width:27px;height:27px;width:13.5px;height:13.5px;background-position:-896px -447.5px;background-size:934px 824px} .ico.more_blue{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1755px -895px;width:27px;height:27px;width:13.5px;height:13.5px;background-position:-877.5px -447.5px;background-size:934px 824px} .ico.twitter{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1227px -947px;width:19px;height:14px;width:9.5px;height:7px;background-position:-613.5px -473.5px;background-size:934px 824px} .ico.facebook{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1853px -378px;width:11px;height:20px;width:5.5px;height:10px;background-position:-926.5px -189px;background-size:934px 824px} .ico.kakaotalk{background-image:url(../images/sprites/m_sp_ico.png);background-position:-728px -390px;width:19px;height:17px;width:9.5px;height:8.5px;background-position:-364px -195px;background-size:934px 824px} .ico.menu_search{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1783px -1260px;width:58px;height:57px;width:29px;height:28.5px;background-position:-891.5px -630px;background-size:934px 824px} .ico.menu_close{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1755px -1194px;width:54px;height:53px;width:27px;height:26.5px;background-position:-877.5px -597px;background-size:934px 824px} .ico.toggle_menu{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1157px -947px;width:25px;height:14px;width:12.5px;height:7px;background-position:-578.5px -473.5px;background-size:934px 824px} .ico.popup_view {background-image:url(../images/sprites/m_sp_ico.png);background-position:-921px -367.5px;width:26px;height:26px;width:13px;height:13px;background-position:-921px -367.5px;background-size:934px 824px} .gnb{visibility:hidden;overflow:hidden;position:fixed;top:0;bottom:0;left:0;-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;-webkit-transform:translate3d(100%, 0, 0) scale(1);transform:translate3d(100%, 0, 0) scale(1);z-index:10} .gnb.on{visibility:visible;-webkit-transform:translate3d(0, 0, 0) scale(1);transform:translate3d(0, 0, 0) scale(1)} .gnb.on .close{display:block} .gnb:after{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.8);content:''} .gnb .inr{position:absolute;top:64px;right:0;bottom:0;width:253px;height:auto;background:#45438a;color:#fff;z-index:1} .gnb .inr>ul{overflow:auto;height:100%;box-sizing:border-box} .gnb .inr>ul>li>a{display:block;padding:0} .gnb .inr>ul>li.on>span .toggle_menu{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1192px -947px;width:25px;height:14px;width:12.5px;height:7px;background-position:-596px -473.5px;background-size:934px 824px} .gnb .inr>ul>li .box>ul>li.subon>span .toggle_menu{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1192px -947px;width:25px;height:14px;width:12.5px;height:7px;background-position:-596px -473.5px;background-size:934px 824px} .gnb .inr>ul>li.on span em{padding-top:7px} .gnb .inr>ul>li{border-bottom:1px solid #19184a} .gnb .inr>ul>li:last-child .box{border-bottom:1px solid #25236d} .gnb .inr>ul>li span{font-family:'NotoSansKR-Medium',arial,sans-serif !important;display:block;position:relative;height:50px;padding:18px 0 0 21px;background:#25236d;font-size:13px;color:#fff;box-sizing:border-box;z-index:2} .gnb .inr>ul>li span em{position:absolute;top:50%;right:19px;width:23px;height:23px;margin-top:-11px;padding-top:9px;border-radius:50%;box-sizing:border-box;text-align:center} .gnb .inr>ul>li .box{display:none} .gnb .inr>ul>li .box>ul>li.submenu {border-bottom:1px solid #545293} .gnb .inr>ul>li .box>ul>li.submenu>a {display:block;height:50px;padding:18px 0 0 25px;font-size:13px;color:#fff;box-sizing:border-box; } .gnb .inr>ul>li .box>ul>li.submenu>ul{display: none;} .gnb .inr>ul>li .box>ul>li.submenu>span{display:block;height:50px;padding:18px 0 0 25px;font-size:13px;color:#fff;box-sizing:border-box; background-color: #45438a;} .gnb .inr>ul>li .box>ul>li>ul>li>a{background:#545293; height:50px;padding:18px 0 0 30px; font-size: 13px; display: block; box-sizing: border-box; color: #ccc;} .gnb .inr>ul>li .box>ul>li>ul>li{border-top:1px solid #6361aa} .gnb .close{display:none;position:fixed;top:22px;left:28px;z-index:1}.gnb .close:focus{background:none} /* .item_group.bgGray>ul>li {border-bottom: 1px dashed #ccc; padding-bottom: 20px} .item_group.bgGray>ul>li:last-child {border-bottom: 0} */ nav{height:auto;background-color:transparent;line-height:1em; width: 100%;} nav form{height:auto} nav ul li{float:none} #container{position:relative;padding-top:82px} #container>.back{position:absolute;top:96px;left:2px;padding:5px 10px;margin-top:2px} .baseWrap { margin: 0 10px} .baseWrap40 { margin: 40px 10px} .titWrap {text-align: center;} .find_btn{ padding-top: 20px; background: #ffffff;} .find_btn2g { padding-top: 20px; background: #ffffff; margin-bottom: 20px !important;} .find_btn>button {background-color: #3789db;width: 100%;height: 39px !important;border: none;color: #fff; ;font-size: 15px !important; padding-top: 2px; box-sizing: border-box; font-family: "NotoSansKR-Medium" !important; line-height: 1.5em; margin-bottom: 20px;} .find_btn2g>button {background-color: #515589;width:calc(50% - 5px);height: 39px !important;border: none;color: #fff; ;font-size: 15px; padding-top: 2px; box-sizing: border-box; font-family: "NotoSansKR-Medium" !important; line-height: 1.5em;} /*.find_btn2g>button:last-child {background-color: #3789db; margin-left: 7px}*/ .find_btnf2 {position: absolute; bottom: 10px; width: calc(100% - 30px); margin-left: 15px} /* @media (max-width: 400px){ .find_btn2g>button {;width:100%} .find_btn2g>button:last-child {margin-top: 10px; margin-left: 0} } */ .selorg {height: 280px; margin: 0 10px;} #srch-tab1>label {display: block; margin-bottom: 5px;} .pagination{text-align:center; padding:20px 0; clear: both;} .pagination li{border:1px solid #bbb; display: inline-block; border-radius:2px; text-align: center; vertical-align: top; height:30px; min-width: 29px; margin: 0 2px; } .pagination li.active,.pagination li.current{background:#e3ecf3} /*.pagination li.active,.pagination li.current{border-color:#3789db;background:#e3ecf3}*/ .pagination li.active a,.pagination li.current a{color:#fff; text-decoration:none;} .pagination li .material-icons{margin:0 -2px} .pagination li a{font-family:'NotoSansKR-Medium',arial,sans-serif !important;min-width:29px;padding:0;font-size:13px;color:#666;line-height:28px} .pagination li a span{display:inline-block;padding:0 5px;vertical-align:top} .pagination li .direction img{width:9px; margin-top:8px;vertical-align: top;} .pagination li .direction{padding:0 10px} /*주소검색 페이지*/ /* .modal_con.addr .modal_content .pagination{text-align:center; margin-top: 24px; clear: both;} .modal_con.addr .modal_content .pagination li{border:1px solid #bbb; display: inline-block; border-radius:2px; text-align: center; vertical-align: top; height:22px; width: 22px; margin: 0 2px } .modal_con.addr .modal_content .pagination li.active,.pagination li.current{background:#e3ecf3} .modal_con.addr .modal_content .pagination li.active a,.pagination li.current a{color:#666} .modal_con.addr .modal_content .pagination li .material-icons{margin:0 -2px} .modal_con.addr .modal_content .pagination li a{font-family:'NotoSansKR-Medium',arial,sans-serif !important; padding:0;font-size:11px;color:#666;line-height:23px} .modal_con.addr .modal_content .pagination li a span{display:inline-block;padding:0 5px;vertical-align:top} .modal_con.addr .modal_content .pagination li.prev a,.pagination li.next a{padding:0 10px} */ /*게시판 셀렉트*/ /*.browser-default {font-family:'NotoSansKR-Medium',arial,sans-serif !important ; height: 30px; padding-left: 8px; border-color: #d5d5d5; font-size: 12px; color: #666; appearance:none;background: url(/images/bg_select2.png) 95% center no-repeat; background-size: 9px 8px; background-color: #ffffff;}*/ /*데이터 서치 221020*/ .date_search_group{padding:10px 10px 0} .date_search_group:after{display:block;clear:both;content:''} .date_search_group>button{font-family:pretendardGOV;height:41px;margin-right:2px;background:#e4e4e4;font-size:14px;color:#666} .date_search_group>button.on{background:#3789db;color:#fff} .date_search_group>button#btnMonth04{width:25%;margin-right:0} /* .date_search_group .inr{border-bottom:1px solid #e4e4e4} */ .date_search_group .inr:after{display:block;clear:both;content:''} .date_search_group .inr .box{width:304px;margin:0 auto;box-sizing:border-box} .date_search_group .inr .box:after{display:block;clear:both;content:''} .date_search_group .inr .box>span{font-family:'NotoSansKR-Medium',arial,sans-serif !important;float:left;width:10px;margin-left:7px;font-size:19px;color:#666;text-align:center;line-height:52px} .date_search_group .inr .btn_group{float:left} .date_search_group .inr .btn_group button{width:50px;height:24px;margin:14px 0 0 9px;border:1px solid #3789db;font-size:13px;color:#3789db;line-height:1em} .date_search_group .inr:after{display:block;clear:both;content:''} .date_search_group .inr .datepicker{float:left;width:94px;height:52px;margin:0;padding:0 7px;border:0;background-size:18px 17px;font-size:14px;color:#666;box-sizing:border-box} .date_search_group .inr .datepicker+span{float:left;margin-top:17px} .date_search_group .inr .btn{height:32px;line-height:32px} .date_search_group .inr .box.dateonly div { float: left; } .date_search_group .inr .box.dateonly img { width: 20px; padding-top: 15px;} /* 데이터 서치 end */ /* 전자증명서 소개 20221219 */ .tab01guide {font-family:'NotoSansKR-Medium',arial,sans-serif;} .tab01guide img{ width: 100% } .tab01guide>p {font-size: 18px; color: #0375e0; margin-top: 30px;} .tab01guide>div.subTit { font-size: 15px; color: #333333; margin-top: 10px} .tab01guide>h3 {font-size: 20px; color: #121212; margin-top: 40px; } .imgGroup ul li { width: 70%; margin: 0 auto; padding: 30px} .imgGroup ul li span { display: block; font-size: 15px; width: 100%; text-align: center; margin-top: 15px;} .imgGroup2 ul li { width: 90%; margin: 0 auto; padding: 10px; display: block;} @media (min-width: 400px) { /*전체 사이즈 1024px - 본문사이즈 757px*/ .imgGroup {width: 100%; text-align: center;} .imgGroup ul li { width: 300px; margin: 0 auto; padding: 30px 30px; display: block;} .imgGroup ul li span { font-size: 15px; margin-top: 20px;} .imgGroup2 {width: 100%; text-align: center;} .imgGroup2>img{ width:400px; margin: 0 auto; padding: 30px 0;} .imgGroup2 ul li { width: 300px; margin: 10px auto; padding: 10px; display: inline-block;} } @media (min-width: 880px) { /*전체 사이즈 1230px - 본문사이즈 880px*/ .imgGroup {width: 100%; text-align: center;} .imgGroup ul li { width: 210px; margin: 0 auto; padding: 30px 30px; display: inline-block;} .imgGroup ul li span { font-size: 13px; margin-top: 20px;} .imgGroup2>img{ width:500px; margin: 0 auto; padding: 30px 0;} .imgGroup2 ul li { width: 400px; margin: 10px auto; padding: 10px; display: inline-block;} } /* @media (min-width: 1230px) { .imgGroup {width: 100%; text-align: center;} .imgGroup ul li { width: 240px; padding: 50px 40px 30px; font-size: 15px; } } */ /* 전자증명서 소개 20221219 end*/ /* header{position:relative;background:#ffffff;box-sizing:border-box} header>.inr>.logo a{display:block} header>.inr .ico.logo{padding:0}header>.inr:after{content:'';display:block;clear:both} header>.inr .gnb{float:right;margin-top:62px}header>.inr .gnb>.inr{position:relative;z-index:10;height:100%} header>.inr .gnb>.inr>li{position:relative;float:left;width:200px;font-size:22px} header>.inr .gnb>.inr>li>a{display:block;position:relative;margin-bottom:25px;font-weight:bold;font-size:22px;color:#fff} header>.inr .gnb>.inr>li>a:hover span,header>.inr .gnb>.inr>li>a.on span{position:relative} header>.inr .gnb>.inr>li>a:hover span:after,header>.inr .gnb>.inr>li>a.on span:after{position:absolute;bottom:-25px;left:0;width:100%;height:4px;background:#0046cd;content:''} header>.inr .gnb>.inr>li div{display:none;overflow:hidden;position:absolute;top:100%;left:0;width:100%;height:291px;padding-top:19px;z-index:10} header>.inr .gnb>.inr>li div li+li{margin-top:13px} header>.inr .gnb>.inr>li div li a{display:inline-block;font-size:16px;color:#8f8f8f} header>.inr .gnb>.inr>li div li a:hover{color:#161616;font-weight:bold;text-decoration:none} header>.inr .gnb>.inr:after{content:'';clear:both;display:block} header>.inr .gnb .btn_menu,header>.inr .gnb .btn_gnb_close{display:none} header.on{border-bottom:1px solid #e5e5e5;background:#fff} header.on .ico.logo{background-image:url(../images/sprites/sp_ico.png);background-position:-2152px -1019px;width:223px;height:34px} header.on>.inr .gnb>.inr>li>a{color:#161616} header .gnb_bg{display:none;position:absolute;top:100%;left:0;z-index:3;width:100%;height:320px;box-shadow:0 2px 4px 0 rgba(0,0,0,0.3);background:#fff} */ /*.breadcrumb{display:none} PC버전 상단 네비 히든*/ /*이용방법 토글*/ /* .useMet {float:right;margin-top:62px} */ .useMet>.inr{position:relative;z-index:10;height:100%} .useMet>.inr>li{position:relative;float:left;width:200px;font-size:22px} .useMet>.inr>li>a{display:block;position:relative;margin-bottom:25px;font-weight:bold;font-size:22px;color:#fff} .useMet>.inr>li>a:hover span,header>.inr .gnb>.inr>li>a.on span{position:relative} .useMet>.inr>li>a:hover span:after,header>.inr .gnb>.inr>li>a.on span:after{position:absolute;bottom:-25px;left:0;width:100%;height:4px;background:#0046cd;content:''} .useMet>.inr>li>div{display:none;overflow:hidden;position:absolute;top:100%;left:0;width:100%;height:291px;padding-top:19px;z-index:10} .useMet>.inr>li>div li+li{margin-top:13px} /* .useMet>.inr>li>div li{display:inline-block;font-size:16px;color:#8f8f8f} */ .useMet>.inr>li>div li a:hover{color:#161616;font-weight:bold;text-decoration:none} .useMet>.inr:after{content:'';clear:both;display:block} /* #container.main{padding-bottom:60px;background:url(../images/bg_main.png) no-repeat left bottom} */ #container.main .topMent { padding: 0 15px; margin-top: 25px; position: relative;} #container.main .topMent .mainService {position: absolute; right: 30px; top: 20px;} #container.main .topMent p { font-size: 27px; color:#0046cd; line-height: 36px; padding-left: 15px; letter-spacing: -1px;} #container.main .topMent span { display: block; color: #666666; font-size: 13px; margin-top: 15px; letter-spacing: -1px; padding-left: 15px } #container.main .cpgWrap { border-radius:15px; background-color: #0046cd; margin: 40px 15px 30px; position: relative; padding-bottom: 20px;} #container.main .cpgWrap .cpgM01 { font-size: 20px; color: #ffffff; padding:20px 0 0 30px} #container.main .cpgWrap .cpgM01 span{ color: #fdfb34;} #container.main .cpgWrap .cpgM02 {font-size: 12px; color: #ffffff; padding:0 0 10px 30px } #container.main .cpgWrap .mainSet {position: absolute; right: 30px; top: 47px;} #container.main .widgetWrap { border-radius:15px; background-color: #eaeaea; margin: 40px 15px 30px; position: relative; padding-bottom: 20px;} #container.main .widgetWrap .cpgM01 { font-size: 20px; color: #0046cd; padding:20px 0 0 30px}s #container.main .widgetWrap .cpgM01 span{ font-weight: bold; display: inline-block; margin-right: 5px;} #container.main .widgetWrap .wiMenu { padding:10px 0 0 20px} #container.main .widgetWrap .wiMenu button {font-size: 16px; color: #0046cd; padding:10px } #container.main .widgetWrap .wiMenu button.on { font-weight: bold; border-bottom: 1px solid #0046cd; } .visual_group{width:100%;background:#0046cd} .visual_group .swiper-container .swiper-pagination>.btn_group{position:absolute;top:6px;right:0} .visual_group .swiper-container .swiper-pagination>.btn_group button{display:none;overflow:hidden;width:11px;height:11px;cursor:pointer;z-index:11} .visual_group .swiper-container .swiper-pagination>.btn_group button.on{display:inline-block} /* .visual_group .swiper-slide{overflow:hidden;position:relative;height:200px;padding:0 40px;box-sizing:border-box} */ /* .visual_group .swiper-slide .inr{position:relative;max-width:1230px;margin:0 auto;box-sizing:border-box} .visual_group .swiper-slide .inr p{margin-top:67px;font-size:43px;color:#fff;line-height:22px} .visual_group .swiper-slide .inr p strong{font-family:'NotoSansKR-Medium',arial,sans-serif !important;display:block;margin-top:20px;font-weight:bold;font-size:47px;line-height:1em} .visual_group .swiper-slide .inr span{display:block;margin-top:31px;font-size:20px;color:#fff} .visual_group .swiper-slide .inr i.visual_01{position:absolute;right:-28px;bottom:-104px;z-index:-1} .visual_group .swiper-slide .inr a{display:inline-block;height:60px;margin-top:35px;padding:0 40px;border:1px solid #fff;border-radius:30px;background:#fff;font-size:17px;color:#161616;line-height:58px;box-sizing:border-box;text-align:center} .visual_group .swiper-slide .inr a .lin_btn{margin:17px 0 0 40px} */ .visual_group .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#779bde;opacity:1} .visual_group .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;background:#dcdcdc} .visual_group .swiper-pagination-bullet.swiper-pagination-bullet-active:after{position:absolute;bottom:0px;left:0;width:10px;height:1px;background:#dcdcdc;content:''} .visual_group .swiper-pagination{right:50%;bottom:21px;left:auto !important;width:180px !important;margin:0 auto;text-align:center} .visual_group .swiper-pagination .inr{margin-right:-180px} .visual_group .swiper-navigator button{top:93px;margin:0 20px;color:#fff;text-indent:-9999px} .visual_group2 {width:100%;} .visual_group2 .swiper-container2 .slideImg { text-align: center; box-sizing: border-box; padding-top: 30px;} .visual_group2 .swiper-container2 .swiper-pagination>.btn_group{position:absolute;top:6px;right:0} .visual_group2 .swiper-container2 .swiper-pagination>.btn_group button{display:none;overflow:hidden;width:11px;height:11px;cursor:pointer;z-index:11} .visual_group2 .swiper-container2 .swiper-pagination>.btn_group button.on{display:inline-block} .visual_group2 .swiper-slide{height:150px;} .visual_group2 .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#779bde;opacity:1} .visual_group2 .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;background:#0046cd} /*.visual_group2 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{position:absolute;bottom:0px;left:0;width:10px;height:1px;background:#0046cd;content:''}*/ .visual_group2 .swiper-pagination{right:50%;bottom:0px;left:auto !important;width:180px !important;margin:0 auto;text-align:center} .visual_group2 .swiper-pagination .inr{margin-right:-180px} .visual_group2 .swiper-navigator button{top:93px;margin:0 20px;color:#fff;text-indent:-9999px} .swiper-container2 {text-align: center;} .swiper-container2 img { width: 100%;} .swiper-container2 .swiper-pagination>.btn_group{position:absolute;top:6px;right:0} .swiper-container2 .swiper-pagination>.btn_group button{display:none;overflow:hidden;width:11px;height:11px;cursor:pointer;z-index:11} .swiper-container2 .swiper-pagination>.btn_group button.on{display:inline-block} .swiper-container2 .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#779bde;opacity:1} .swiper-container2 .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;background:#dcdcdc} .swiper-container2 .swiper-pagination-bullet.swiper-pagination-bullet-active:after{position:absolute;bottom:0px;left:0;width:10px;height:1px;background:#dcdcdc;content:''} .swiper-container2 .swiper-pagination{bottom:0px;left:auto !important;width:100% !important;margin:0 auto;text-align:center} .swiper-container2 .swiper-pagination .inr{margin-right:-180px} .circle_panel_group{margin-top:0px} .circle_panel_group .inr{max-width:1230px;margin:0 auto;padding:10px 0 0 0;box-sizing:border-box} .circle_panel_group .inr:after{display:block;clear:both;content:''} .circle_panel_group .inr li{position:relative;float:left;width:33%;text-align:center; margin-top: 23px} .circle_panel_group .inr li span{display:block} .circle_panel_group .inr li span{ margin-top:7px;font-weight:bold;font-size:20px;color:#ffffff} .circle_panel_group .inr li .count{font-family:'NotoSansKR-Medium',arial,sans-serif !important;position:absolute;top:0;left:50%;width:36px;height:36px;margin-left:20px;border-radius:50%;background:#000000;font-size:26px;color:#fff;line-height:36px;cursor:default} .circle_panel_group.pgSet {} .circle_panel_group.pgSet p { color: #0046cd; padding: 20px 0 0 30px; position: relative; font-weight: bold;} .circle_panel_group.pgSet p a {display:block; position: absolute; top:25px; right: 30px; /*border: 1px solid #d2e1ff; padding: 3px 10px; font-size: 11px; color: #0046cd; border-radius:5px; font-weight: bold;*/ } .circle_panel_group.pgSet .inr li span{ color:#000000} .circle_panel_group.pgSet .ico.circle_panel_01{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-494px -651px;background-size:1205px 837.5px; opacity: 0.2} .circle_panel_group.pgSet .ico.circle_panel_01.on {opacity: 1} .circle_panel_group.pgSet .ico.circle_panel_02{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-884px -651px;background-size:1205px 837.5px; opacity: 0.2} .circle_panel_group.pgSet .ico.circle_panel_02.on {opacity: 1} .circle_panel_group.pgSet .ico.circle_panel_03{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-949px -651px;background-size:1205px 837.5px; opacity: 0.2} .circle_panel_group.pgSet .ico.circle_panel_03.on {opacity: 1} .circle_panel_group.pgSet .ico.circle_panel_04{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-559px -651px;background-size:1205px 837.5px; opacity: 0.2} .circle_panel_group.pgSet .ico.circle_panel_04.on {opacity: 1} .circle_panel_group.pgSet .ico.circle_panel_05{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-624px -651px;background-size:1205px 837.5px; opacity: 0.2} .circle_panel_group.pgSet .ico.circle_panel_05.on {opacity: 1} .circle_panel_group.pgSet .ico.circle_panel_06{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-819px -651px;background-size:1205px 837.5px; opacity: 0.2} .circle_panel_group.pgSet .ico.circle_panel_06.on {opacity: 1} .circle_panel_group.pgSet .ico.circle_panel_07{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-689px -651px;background-size:1205px 837.5px; opacity: 0.2} .circle_panel_group.pgSet .ico.circle_panel_07.on {opacity: 1} .circle_panel_group.pgSet .ico.circle_panel_08{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-754px -651px;background-size:1205px 837.5px; opacity: 0.2} .circle_panel_group.pgSet .ico.circle_panel_08.on {opacity: 1} #inputModal2 .circle_panel_group.pgSet p { color: #0046cd; padding: 20px 0 0 30px; position: relative; font-weight: bold; font-size: 22px !important;} #inputModal2 .circle_panel_group .inr{ margin:0 auto;padding:30px 15px ;box-sizing:border-box} #inputModal3 .circle_panel_group.pgSet p { color: #0046cd; padding: 20px 0 0 30px; position: relative; font-weight: bold; font-size: 22px !important;} #inputModal3 .circle_panel_group .inr{ margin:0 auto;padding:30px 15px ;box-sizing:border-box} /* .board_group{margin-top:50px} */ .board_group>.inr{max-width:1230px;margin:0 auto;padding:0 15px;box-sizing:border-box} .board_group>.inr:after{display:block;clear:both;content:''} .board_group>.inr .box{margin:-10px 0 0 -10px} .board_group>.inr .box .inr{position:relative} .board_group>.inr .box .inr .more{position:absolute;top:43px;right:33px} .board_group section{float:left;width:50%} /* .board_group section>.inr{height:220px;margin:10px;padding:0 33px 0 40px;border:1px solid #d5d5d5;border-radius:23px;background:#fff;box-sizing:border-box} */ .board_group section>.inr p{font-family:'NotoSansKR-Medium',arial,sans-serif !important;display:inline-block;position:relative;margin-top:35px;font-weight:bold;font-size:27px; color: #0046cd; padding-left: 10px} /* .board_group section>.inr p:after{position:absolute;right:0;bottom:1px;left:0;height:10px;background:#7ecef4;z-index:0;content:''} */ .board_group section>.inr p span{position:relative;z-index:1} .board_group section>.inr ul{margin-top:15px} .board_group section>.inr ul li{position:relative;box-sizing:border-box; padding: 5px 10px; clear: both;} .board_group section>.inr ul li+li{margin-top:7px} .board_group section>.inr ul li a{display:inline-block;overflow:hidden;width:85%;font-size:18px;color:#292929;white-space:nowrap;text-overflow:ellipsis;word-break:break-all; float: left;} .board_group section>.inr ul li a.otherA {width:10%; box-sizing: border-box; float: right; padding: 5px 5px 0 0; text-align: right; } .board_group section>.inr ul li span{position:absolute;top:0;right:0;font-size:18px} .board_group section>.inr .faq_icons{margin:5px 13px 0 0} .board_group section.notice ul li{padding-right:75px} .board_group section.link_banner>.inr{position:relative;border-color:#00aadb;background:#00aadb} .board_group section.link_banner>.inr p{display:block;overflow:hidden;position:relative;margin-top:32px;font-weight:normal;font-size:30px;color:#fff;line-height:36px;z-index:1; letter-spacing: -1px;} .board_group section.link_banner>.inr p strong{font-family:'NotoSansKR-Medium',arial,sans-serif !important;font-weight:bold} .board_group section.link_banner>.inr p:after{display:none} .board_group section.link_banner>.inr a{display:inline-block;position:relative;height:60px;margin-top:27px;padding:0 40px;border:1px solid #fff;border-radius:30px;background:#fff;font-size:17px;color:#161616;line-height:58px;box-sizing:border-box;text-align:center;z-index:1} .board_group section.link_banner>.inr a .lin_btn{margin:17px 0 0 40px} .board_group section.link_banner>.inr .main_banner_01{position:absolute;right:-1px;bottom:-1px;z-index:0} .search_group{margin-top:80px;padding:25px 22px;background:#f8f8f8;box-sizing:border-box} .search_group .select_group+.text_group{margin-top:17px} .text_group.search{position:relative;padding-right:162px} .text_group.search:after{display:block;clear:both;content:''} .text_group.search input[type="text"]{padding-right:65px} .text_group.search button{position:absolute;top:0;right:0;width:150px;height:50px;background:#0046cd;font-size:22px;color:#fff;text-align:center;line-height:48px} .text_group.search .ico.search{position:absolute;top:11px;right:189px} .text_group.search.date{padding-right:0} .text_group.search.date .select_box,.text_group.search.date .inr{float:left} .text_group.search.date .select_box{width:32.4705%} .text_group.search.date .inr{position:relative;width:66.2352%;margin-left:1.2942%;padding-right:162px;box-sizing:border-box} .text_group.search.date .inr input[type=text]{margin:0;background-image:none} .text_group input[type=text]{display:block;width:100%;height:50px;padding:0 10px;border:1px solid #8f8f8f;font-size:18px;color:#262626;box-sizing:border-box} .text_group input[type=text]::placeholder{font-size:18px;color:#c3c3c3} .select_group.half:after{display:block;clear:both;content:''}.select_group.half .select_box{float:left;width:49.3528%} .select_group.half .select_box+.select_box{margin-left:1.2942%} .select_group.multi:after{display:block;clear:both;content:''} .select_group.multi .select_box{float:left;width:32.4705%} .select_group.multi .select_box+.select_box{margin-left:1.2942%} .select_box{position:relative} .select_box label{font-family:'NotoSansKR-Medium',arial,sans-serif !important;position:absolute;top:0;right:0;left:0;padding:0 10px;line-height:48px;font-size:18px;border:1px solid #8f8f8f;background:#fff;box-sizing:border-box} .select_box label:focus,.select_box label:hover{outline:-webkit-focus-ring-color auto 1px} .select_box label:after{position:absolute;top:50%;right:20px;width:13px;height:9px;margin-top:-4px;background:url(../../images/bg_select.png) no-repeat;content:''} .select_box select{appearance:none;-moz-appearance:none;-webkit-appearance:none;display:inline-block;width:100%;padding:0 10px;line-height:48px;font-size:18px;font-weight:bold;color:#262626;opacity:0;filter:alpha(opacity=0);cursor:pointer} .about_group{position:relative;width:100%;padding-bottom:146px} .about_group .swiper-slide{overflow:hidden;/* padding:0 40px; */box-sizing:border-box} .about_group .swiper-slide img{display:block;width:100%} .about_group .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#ccc;opacity:1} .about_group .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;background:#0046cd} .about_group .swiper-pagination-bullet.swiper-pagination-bullet-active:after{position:absolute;bottom:0;left:0;width:10px;height:1px;background:#0046cd;content:''} .about_group .swiper-pagination{right:50%;bottom:-5px;left:auto !important;width:180px !important;margin-right:-90px;text-align:center} .about_group .swiper-pagination>.btn_group{position:absolute;top:6px;right:50%;height:11px} .about_group .swiper-pagination>.btn_group button{display:none;overflow:hidden;width:11px;height:11px;cursor:pointer;z-index:11} .about_group .swiper-pagination>.btn_group button.on{display:inline-block} .about_group { padding:0 10px; box-sizing: border-box;} /* .about_group>.inr p{font-family:'NotoSansKR-Medium',arial,sans-serif !important;position:relative;padding-left:38px;font-size:30px;color:#333} .about_group>.inr p:after{position:absolute;top:50%;left:0;width:18px;height:18px;margin-top:-9px;background:#0046cd;content:''} .about_group>.inr ul{padding-top:29px} .about_group>.inr ul li+li{margin-top:19px} .about_group>.inr ul li .box{padding:16px 148px 16px 43px;border-radius:30px;background:#d9f0f6;font-size:22px;line-height:34px} .about_group>.inr ul li span{display:block;margin:5px 30px 0 0;font-size:20px;color:#666;text-align:right} */ .about_group .titleWrap {width: 100%; text-align: center; margin: 50px 0 30px 0 } .about_group .titleWrap:first-child {margin: 0px 0 30px 0 } .about_group .titleWrap p {position: relative;} .about_group .titleWrap p:after {position: absolute; bottom: 1px; background: #c8f4f8; height: 10px; left:35%; right: 0; content: ''; z-index:0; width: 30%;} .about_group .titleWrap p>strong { font-size: 18px; z-index: 1; position: relative;} .tab_group{position:relative;width:100%;} .tab_group .swiper-slide{overflow:hidden;/* padding:0 40px; */box-sizing:border-box} .tab_group .swiper-slide img{display:block;width:100%} .tab_group .swiper-pagination{/* right:48.5%;bottom:-5px;left:auto !important; margin-right:-90px;text-align:center */} .tab_group .swiper-pagination.useSw{bottom:70px !important; width: 100%;} .tab_group .swiper-pagination>.btn_group{position:absolute;top:6px;right:50%;height:11px} .tab_group .swiper-pagination>.btn_group button{display:none;overflow:hidden;width:11px;height:11px;cursor:pointer;z-index:11} .tab_group .swiper-pagination>.btn_group button.on{display:inline-block} .tab_group .swiper-pagination-bullet{width:10px;height:10px;margin:0 5px;background:#ccc;opacity:1} .tab_group .swiper-pagination-bullet.swiper-pagination-bullet-active{position:relative;background:#0046cd} .tab_group .swiper-pagination-bullet.swiper-pagination-bullet-active:after{position:absolute;bottom:0;left:0;width:10px;height:1px;background:#0046cd;content:''} .movWrap { margin-top: 40px; text-align: center;} .movWrap img { width: 100%;} #content{height:auto;max-width:1230px;margin:0 auto;padding:0 15px;box-sizing:border-box} /* #content .title_txt{padding:38px 0 30px;border-bottom:1px solid #cccccc;font-size:40px;} */ /*#content .title_txt.sub02{background:url(../images/bg_sub02.png) no-repeat top right} #content .title_txt.sub03{background:url(../images/bg_sub03.png) no-repeat top right} #content .title_txt.sub04{background:url(../images/bg_sub04.png) no-repeat top right}*/ #content .title_txt .title_icon{position:relative;top:38px;left:6px} #content .titWrap sub{display:block;margin-top:0px;font-weight:normal;font-size:20px} #content .title_txt+article{margin-top:80px} /* #content>.back{display:none} */ #content>.back{position:absolute;top:96px;left:2px;padding:5px 10px; margin-top: 2px; } .ico{display:inline-block;vertical-align:top} .ico.faq_icons{background-image:url(../images/sprites/sp_ico.png);background-position:-1494px -1145px;width:13px;height:18px} .ico.start{background-image:url(../images/sprites/sp_ico.png);background-position:-2212px -1063px;width:11px;height:11px} .ico.stop{background-image:url(../images/sprites/sp_ico.png);background-position:-2233px -1063px;width:11px;height:11px} /* .ico.logo{background-image:url(../images/sprites/sp_ico.png);background-position:-2152px -975px;width:223px;height:34px} */ .ico.logo_w{background-image:url(../images/sprites/sp_ico.png);background-position:-1088px -1145px;width:191px;height:31px} /* .ico.location_arr{background-image:url(../images/sprites/sp_ico.png);background-position:-941px -1186px;width:20px;height:26px} */ /* .ico.home{background-image:url(../images/sprites/sp_ico.png);background-position:-860px -1234px;width:50px;height:50px} */ .ico.visual_arr_left{background-image:url(../images/sprites/sp_ico.png);background-position:-786px -1305px;width:30px;height:60px} .ico.visual_arr_right{background-image:url(../images/sprites/sp_ico.png);background-position:-826px -1305px;width:30px;height:60px} /* .ico.visual_01{background-image:url(../images/sprites/sp_ico.png);background-position:0px -975px;width:776px;height:634px} .ico.circle_panel_01{background-image:url(../images/sprites/sp_ico.png);background-position:-1401px -975px;width:121px;height:121px} .ico.circle_panel_02{background-image:url(../images/sprites/sp_ico.png);background-position:-1532px -975px;width:121px;height:121px} .ico.circle_panel_03{background-image:url(../images/sprites/sp_ico.png);background-position:-1663px -975px;width:121px;height:121px} .ico.circle_panel_04{background-image:url(../images/sprites/sp_ico.png);background-position:-1794px -975px;width:121px;height:121px} .ico.circle_panel_05{background-image:url(../images/sprites/sp_ico.png);background-position:-1925px -975px;width:121px;height:121px} .ico.circle_panel_06{background-image:url(../images/sprites/sp_ico.png);background-position:-2056px -975px;width:121px;height:121px} */ .ico.visual_01{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:0px -975px;width:842px;height:700px;width:421px;height:350px;background-position:0px -487.5px;background-size:1205px 837.5px} .ico.circle_panel_01{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-494px -651px;background-size:1205px 837.5px} .ico.circle_panel_02{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-884px -651px;background-size:1205px 837.5px} .ico.circle_panel_03{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-949px -651px;background-size:1205px 837.5px} .ico.circle_panel_04{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-559px -651px;background-size:1205px 837.5px} .ico.circle_panel_05{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-624px -651px;background-size:1205px 837.5px} .ico.circle_panel_06{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-819px -651px;background-size:1205px 837.5px} .ico.circle_panel_07{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-689px -651px;background-size:1205px 837.5px} .ico.circle_panel_08{background-image:url(../images/sprites/mobile_sp_ico.png);width:60px;height:60px;background-position:-754px -651px;background-size:1205px 837.5px} .ico.lin_btn{background-image:url(../images/sprites/sp_ico.png);background-position:-2385px -1019px;width:24px;height:23px} .ico.board_more{background-image:url(../images/sprites/sp_ico.png);background-position:-1400px -1145px;width:24px;height:21px} .ico.main_banner_01{background-image:url(../images/sprites/sp_ico.png);background-position:-786px -975px;width:292px;height:201px} .ico.footerlogo{background-image:url(../images/sprites/sp_ico.png);background-position:-786px -1186px;width:145px;height:38px} .ico.top{background-image:url(../images/sprites/sp_ico.png);background-position:-786px -1234px;width:64px;height:61px} .ico.back{background-image:url(../images/sprites/m_sp_ico.png);background-position:-1850px -1100px;width:18px;height:27px;width:9px;height:13.5px;background-position:-925px -550px;background-size:934px 824px} .ico.doc_info_setting{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1203px -975px;width:230px;height:230px;width:115px;height:115px;background-position:-601.5px -487.5px;background-size:1205px 837.5px} /* .breadcrumb{border-bottom:1px solid #c5c5c5} .breadcrumb .inr{max-width:1230px;margin:0 auto} .breadcrumb .inr ul:after{display:block;clear:both;content:''} .breadcrumb .inr ul li{float:left;height:50px;line-height:50px} .breadcrumb .inr ul li span{color:#8f8f8f} .breadcrumb .inr ul li .location_arr{margin:13px 10px 0} */ footer{background:#3b3b3b; margin-top: 50px;} #footer{overflow:hidden;position:relative;max-width:1230px;height:180px;margin:0 auto;padding:0 15px;color:#464646;font-size:15px;box-sizing:border-box} #footer .btn_top{display:block;position:absolute;top:-1px;right:15px} #footer .inr{position:relative;box-sizing:border-box} #footer .footer_logo{position:absolute;top:22px;left:0} #footer address sub{display:block;bottom:0} #footer address sub .p_txt{color:#fefefe} #footer ul li p{color:#464646;line-height:27px} #footer ul li a{position:relative;margin-right:12px;color:#fff} #footer ul li a::after{content:'';position:absolute;top:9px;right:-16px;width:3px;height:10px;background:#989898} #footer ul li a:last-child:after{display:none} .modal_con.send{ width:700px; } .modal_con.send .modal_content{/* padding:0 30px */} /* .modal_con.send .modal_content>fieldset>.inr {margin-top:39px;padding-bottom:30px;border-bottom:1px solid #8f8f8f;box-sizing:border-box} */ .modal_con.send .modal_content>fieldset>.inr+.inr{margin-top:49px} .modal_con.send .modal_content>fieldset .inr {/* margin-top:39px; */} .modal_con.send .modal_content .title{/* margin-bottom:30px; */padding:25px ;border-bottom:1px solid #464646;background:none;font-family:"NotoSansKR-Medium";font-size:20px;color:#161616;text-align:left} .modal_con.send .modal_content .title.noBo{ border-bottom:0px solid #464646 !important; text-align: center; } .modal_con.send .item_group>ul>li+li{margin-top:20px} .modal_con.send .item_group>ul>li strong{display:block;font-family:"NotoSansKR-Medium";font-weight:normal;font-size:16px;color:#000;text-align:left; margin-top: 30px;} /* .modal_con.send .item_group>ul>li strong+.sub_title{ margin-top:5px } */ .modal_con.send .item_group>ul>li .sub_title{margin-top: 30px;} .modal_con.send .item_group>ul>li .item{margin-top:10px} .modal_con.send .item_group>ul>li .sub_title b {display: none; margin-left: 10px; padding:0px 5px; cursor: pointer; background: #fff047; } .modal_con.send .item_group input[type=text],.modal_con.send .item_group input[type=number],.modal_con.send .item_group input[type=password],.modal_con.send .item_group .select_box select,.modal_con.send .item_group .select_box label{padding:0 10px;border:1px solid #c5c5c5;box-sizing:border-box} .modal_con.send .item_group input[type=text],.modal_con.send .item_group input[type=number],.modal_con.send .item_group input[type=password],.modal_con.send .item_group .select_box select,.modal_con.send .item_group .select_box label,.modal_con.send .item_group .btn{width:auto;height:40px} .modal_con.send .item_group .select_box select,.modal_con.send .item_group .select_box label{width:100%;font-family:'NotoSansKR-Regular' !important;font-weight:normal;font-size:15px;color:#161616;line-height:38px} .modal_con.send .item_group .input_button_box>.inr{position:relative} .modal_con.send .item_group .input_button_box>.inr input[type=text]{width:100%} .modal_con.send .item_group .input_button_box>.inr button{position:relative; letter-spacing:0} /* .modal_con.send .item_group .input_button_box>.inr button.leftBtn{display: block; margin-top: 10px} */ .modal_con.send .item_group .input_button_box .text{display:block;margin-top:4px;font-size:14px;color:#8f8f8f} /* .modal_con.send .item_group .radio_box{min-height:40px;margin-left:-20px;line-height:40px; display: inline-block; margin-right: 15px } */ /* .modal_con.send .item_group .radio_box input[type=radio]{display:none} */ /* .modal_con.send .item_group .radio_box input[type=radio]+label{display:inline-block;position:relative;margin-left:20px;padding-left:35px;box-sizing:border-box;cursor:pointer} */ /* .modal_con.send .item_group .radio_box input[type=radio]+label:before{position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-7px;border:1px solid #161616;border-radius:50%;content:''} */ /* .modal_con.send .item_group .radio_box input[type=radio]:checked+label{font-weight:bold} */ /* .modal_con.send .item_group .radio_box input[type=radio]:checked+label:after{position:absolute;top:50%;left:5px;width:8px;height:8px;margin-top:-2px;border-radius:50%;background:#161616;content:''} */ .modal_con.send .item_group .radio_box>.text{display:block;padding-left:20px;margin-top:-5px;font-size:14px;color:#8f8f8f} .modal_con.send .item_group .address_group>.inr:after{display:block;clear:both;content:''} .modal_con.send .item_group .address_group>.inr>div{float:left; width:100%;} .modal_con.send .item_group .address_group>.inr>div .text{display:inline-block;padding:0 20px 0 0;} .modal_con.send .item_group .address_group>.inr>div .temp{display:inline-block;} .modal_con.send .item_group .address_group>.text{display:block;margin-top:10px;font-size:14px;color:#8f8f8f} .modal_con.send .item_group .input_box { clear: both;} .modal_con.send .item_group .input_box.dateonly input{ float: left } /* .modal_con.send .item_group .input_box.dateonly img {float: left; width: 20px; margin: 5px} */ .modal_con.send .item_group .input_box input{width:100%} .modal_con.send .item_group .input_box.half:after{display:block;clear:both;content:''} .modal_con.send .item_group .input_box.half input,.modal_con.send .item_group .input_box.half span{float:left} /*.modal_con.send .item_group .input_box.half input{width:46%}*/ .modal_con.send .item_group .input_box.half span{width:8%;text-align:center;line-height:38px} .modal_con.send .item_group .input_box.right input{text-align:right} .modal_con.send .item_group .btn.black{padding:0 13px;border:1px solid #464646;color:#464646} .modal_con.send .item_group .btn.gray{padding:0 13px;border:1px solid #333333;color:#464646; background-color: #ffffff; color: #333333; height: 31px;} .modal_con.send .item_group .input_button_box>.inr input.zipCode { width: 25%;} .modal_con.send .item_group .input_button_box>.inr input.addSe { display: block; margin-top: 15px;} /*.input_box .inr.dateonly {overflow: hidden;}*/ .input_box .inr.dateonly input, .input_box .inr.dateonly img, .input_box .inr.dateonly span{float: left;} .input_box .inr.dateonly span {display: block;} /* .input_box .inr img { width: 22px; margin: 4px} */ .wi40per {width: 40% !important;} .select_box{position:relative} .select_box label{font-family:'NotoSansKR-Medium',arial,sans-serif !important;position:absolute;top:0;right:0;left:0;padding:0 10px;line-height:48px;font-size:18px;border:1px solid #8f8f8f;background:#fff;box-sizing:border-box} .select_box label:focus,.select_box label:hover{outline:-webkit-focus-ring-color auto 1px} .select_box label:after{position:absolute;top:50%;right:20px;width:13px;height:9px;margin-top:-4px;background:url(../images/bg_select.png) no-repeat;content:''} .select_box select{appearance:none;-moz-appearance:none;-webkit-appearance:none;display:inline-block;width:100%;padding:0 10px;line-height:48px;font-size:18px;font-weight:bold;color:#262626;opacity:0;filter:alpha(opacity=0);cursor:pointer} .modal_con.pc_popup_01>form { /* height: 110% */ padding:40px; position:relative;} .modal_con.pc_popup_01 .close{position:absolute; top:24px; right:24px;} .modal_con.pc_popup_01 .modal_content{/* overflow:auto; height:79%; */background:#fff;font-size:15px;line-height:18px;box-sizing:border-box} .modal_con.pc_popup_01{/* width:700px;margin-left:-350px */ width: 700px; border-radius:12px;} .modal_con.pc_popup_01 .alert_content{overflow:hidden;width:590px;margin:0 auto;text-align:center} .modal_con.pc_popup_01 .alert_content .wallet_bg{margin-top:35px} .modal_con.pc_popup_01 .alert_content .inr .alert_bg{margin:37px 0 32px} .modal_con.pc_popup_01 .alert_content .inr strong{font-size:24px;word-break:break-all;vertical-align:middle;box-sizing:border-box} .modal_con.pc_popup_01 .alert_content .inr p{padding:8px 15px;font-size:21px;line-height:31px} .modal_con.pc_popup_01 .loading_content{height:388px;background:url(../images/loading.gif) no-repeat;background-size:127px;background-position:center 100px} .modal_con.pc_popup_01 .loading_content p{padding-top:37%;text-align:center;font-size:22px;font-weight:bold;letter-spacing:4px} .modal_con.pc_popup_01 .item_list dl{padding:12px} .modal_con.pc_popup_01 .item_list dl dt{padding:25px 0 14px;font-size:22px;line-height:26px;font-weight:bold} .modal_con.pc_popup_01 .item_list dl dd{padding-bottom:10px;font-family:'NotoSansKR-Medium';border-bottom:1px solid #434343;font-size:17px;line-height:23px} .modal_con.pc_popup_01 .data_box .title_box{text-align:center} .modal_con.pc_popup_01 .data_box .title_box p{line-height:23px} .modal_con.pc_popup_01 .data_box .title2{display:block;margin:90px 0 24px 0;font-size:18px} .modal_con.pc_popup_01 .data_box table{width:100%;color:#1e2124} .modal_con.pc_popup_01 .data_box table tr{border-bottom:1px solid #d6d6d6} .modal_con.pc_popup_01 .data_box table tr th{background:#eef2f7;padding:10px 0px;color:#131416;font-size:15px;} .modal_con.pc_popup_01 .data_box table tr td{text-align:left;padding:16px 0;color:#464c53;font-size: 17px;} .modal_con.pc_popup_01 .data_box table tr td:nth-child(1){text-align:center;width:160px;} .modal_con.pc_popup_01 .data_box table tr td a{color:#161616} .modal_con.pc_popup_01 .data_box table tr td a:hover{text-decoration: underline;} .modal_con.pc_popup_01 .data_box table tr td textarea{display:block;width:100%;margin:12px 0;border:none} .modal_con.pc_popup_01 .data_box table.style01 tr td{text-align:left} .modal_con.pc_popup_01 .data_box table.tb_align tr th:nth-child(1){width:160px;} .modal_con.pc_popup_01 .data_box table.tb_align tr th:nth-child(2){text-align:left;} .modal_con.pc_popup_01 .data_box table.tb_align tr td{text-align:center} .modal_con.pc_popup_01 .data_box table.tb_align tr td:nth-child(1){border-right:1px solid #d6d6d6} .modal_con.pc_popup_01 .data_box table.tb_align tr td:nth-child(2){text-align:left;padding-left:15px} .modal_con.pc_popup_01 .data_box table.tdn tr th {border-right:1px solid #d6d6d6} .modal_con.pc_popup_01 .data_box table.tdn tr th:last-child{border-right: none;} .modal_con.pc_popup_01 .data_box table.tdn tr td{text-align:center; border-right:1px solid #d6d6d6} .modal_con.pc_popup_01 .data_box table.tdn tr td:last-child{border-right: none;} .modal_con.pc_popup_01 .g_search_box .g_serch span input[type=text]{width:100%;height:48px;border:1px solid #58616a;} .modal_con.pc_popup_01 .g_search_box .g_serch button{/* padding:5px 15px;border:1px solid #0046cd; */font-size:15px;color:#0046cd} .modal_con.pc_popup_01 .g_search_box+.pagination{padding:20px 0 0} /* .modal_con.pc_popup_01 .modal_content .g_search_box>.data_box { height: 470px; } */ .item_list sub { font-size: 15px; color: #8f8f8f; line-height: 36px} .item_group .item .select_box { margin-top: 10px} .item_group .item .address_group { clear: both; padding-top: 10px;} .about_group>.inr .btn_group{margin-top:76px;text-align:center} .about_group>.inr .btn_group button{font-family:'NotoSansKR-Medium',arial,sans-serif !important;height:86px;padding:0 107px;border:1px solid #000;border-radius:40px;background:#0046cd;font-size:28px;color:#fff;text-align:center;line-height:84px;box-sizing:border-box} .page_summary { background: #f8f8f8; margin: 60px 0; padding: 25px 28px; font-size: 18px; color: #161616; line-height: 30px } #content .main_tabbtn { overflow: hidden; margin-top: 70px; border-bottom: 1px solid #c4c4c4 } #content .main_tabbtn button { float: left; width: 50%; height: 75px; line-height: 75px; text-align: center; font-size: 22px; color: #464646; border-radius: 15px 5px; cursor: pointer } .totalFix { padding: 0px 0px 5px 0px; font-size: 18px; /* font-weight: bold; */ letter-spacing: -1px; } .totalFix p { display: inline-block; box-sizing: border-box; text-align: right; width: 80px; font-family: "NotoSansKR-Medium"; font-size: 12px } .totalFix .seleNm{ color: #3789db; } .totalFix .totNm{ color: #555555; font-size: 12px; display: inline-block; width: calc(100% - 88px); box-sizing: border-box; font-family: "NotoSansKR-Medium"; } #content .main_tabbtn button.on { display: block; background-color: #0046cd; color: #fff } #content .main_tabbtn button.wd100 { width: 100% } #content .main_tabbtn::after { content: ''; clear: both; display: block } #content .main_tabbtn.tab3 button { width: 33.3% } #content .main_tabbtn.tab4 button { width: 25% } #content .main_tabbtn.tab5 button { width: 20% } #content .mobile_tab3 li { width: 33.3% } #content .reference_group, #content .select_group { margin-top: 0px } #content .print { position: relative; margin-bottom: 10px; text-align: right } #content .print .button { border: none; background: #fff; color: #161616; padding-left: 37px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; margin: 4px 2px; cursor: pointer; background: url(/images/print.png) no-repeat left center } #content select { appearance: none; -moz-appearance: none; -webkit-appearance: none; display: inline-block; width: 100%; margin: 6px 0; padding: 0 10px; height: 48px; /* ie 호환서 문제로 line-height 를 height로 변경*/ border: none; border: 1px solid #bbbbbb; letter-spacing: -0.3px; font-size: 18px; font-weight: bold; color: #262626; cursor: pointer; background: url(/images/arrow_cion.png) 97% center no-repeat; border-radius:5px; } #content select.notPad { margin: 0; } /* #content select:focus { outline: none } */ #content select::-ms-expand { display: none } #content select::-ms-expand { display: none } .tab_group .tab_content>div { display: none } .tab_group .tab_content>div.on { display: block } .tab_group .tab_content h2 { margin: 110px 0 50px 0; font-size: 1.8rem; text-align: center } .tab_group .tab_content .input_box { position: relative } .tab_group .tab_content .input_box:after { position: absolute; top: 50%; left: calc(98% - 12px); width: 12px; height: 7px; margin-top: -3px; background: url(/images/arrow_cion.png) no-repeat; background-size: 12px 7px; content: '' } .tab_group .tab_content .input_box input::placeholder { color: #c3c3c3 } .tab_group .tab_content .input_box .inr { position: absolute; top: calc(100% + 1px); right: 0; left: 0; z-index: 10; padding: 16px 0 0; border: 1px solid #ddd; border-top: 0; background: #fff; box-sizing: border-box } .tab_group .tab_content .input_box .inr ul li { padding: 0 9px; font-size: 17px; word-break: break-all; cursor: pointer } .tab_group .tab_content .input_box .inr ul li+li { margin-top: 19px } .tab_group .tab_content .input_box .inr ul li .keyword { font-weight: bold; color: #0046cd } .tab_group .tab_content .input_box .inr .more { display: block; width: 100%; height: 53px; margin-top: 10px; background: url(/images/arrow_cion.png) calc(50% - 34px) center no-repeat; font-size: 18px; text-align: center; line-height: 53px } .tab_group .sub_tabbtn button { float: left; width: 50%; height: 65px; line-height: 65px; background: #f8f8f8; border-bottom: 2px solid #033075; text-align: center; font-weight: bold; font-size: 22px; color: #464646; cursor: pointer; box-sizing: border-box } .tab_group .sub_tabbtn button.on { border-left: 2px solid #033075; border-top: 2px solid #033075; border-right: 2px solid #033075; border-bottom: none; color: #033075; background: #fff } .tab_group .sub_tabbtn::after { content: ''; clear: both; display: block } .tab_content .about_txt { max-width: 1082px; margin: 75px auto; font-size: 18px; line-height: 27px; text-align: center } .tab_content .imgcontent { min-height: 900px; height: auto; margin-bottom: 50px } .tab_content .imgcontent h2 { text-align: center; margin: 45px auto } .tab_content .imgcontent span { float: left } .tab_content .imgcontent img { width: 100% } .tab_content .imgcontent2 { min-height: 900px; height: auto; margin-bottom: 50px } /* 팝업 검색영역 - 20210712 추가 */ .tab_group2 { margin-top: 20px } .tab_group2 .tab_content>div { display: none } .tab_group2 .tab_content>div.on { display: block } .tab_group2 .tab_content h2 { margin: 110px 0 50px 0; font-size: 1.8rem; text-align: center } .tab_group2 .tab_content .input_box { position: relative } .tab_group2 .tab_content .input_box:after { position: absolute; top: 50%; left: calc(98% - 12px); width: 12px; height: 7px; margin-top: -3px; background: url(/images/arrow_cion.png) no-repeat; background-size: 12px 7px; content: '' } .tab_group2 .tab_content .input_box input::placeholder { color: #c3c3c3 } .tab_group2 .tab_content .input_box .inr { position: absolute; top: calc(100% + 1px); right: 0; left: 0; z-index: 10; padding: 16px 0 0; border: 1px solid #ddd; border-top: 0; background: #fff; box-sizing: border-box } .tab_group2 .tab_content .input_box .inr ul li { padding: 0 9px; font-size: 17px; word-break: break-all; cursor: pointer } .tab_group2 .tab_content .input_box .inr ul li+li { margin-top: 19px } .tab_group2 .tab_content .input_box .inr ul li .keyword { font-weight: bold; color: #0046cd } .tab_group2 .tab_content .input_box .inr .more { display: block; width: 100%; height: 53px; margin-top: 10px; background: url(/images/arrow_cion.png) calc(50% - 34px) center no-repeat; font-size: 18px; text-align: center; line-height: 53px } .tab_group2 .sub_tabbtn button { float: left; width: 50%; height: 35px; line-height: 32px; background: #f8f8f8; border-bottom: 2px solid #033075; text-align: center; font-weight: bold; font-size: 17px; color: #464646; cursor: pointer; box-sizing: border-box } .tab_group2 .sub_tabbtn button.on { border-left: 2px solid #033075; border-top: 2px solid #033075; border-right: 2px solid #033075; border-bottom: none; color: #033075; background: #fff } .tab_group2 .sub_tabbtn::after { content: ''; clear: both; display: block } .tab_content2 .about_txt { max-width: 1082px; margin: 75px auto; font-size: 18px; line-height: 27px; text-align: center } .tab_content2 .imgcontent { min-height: 900px; height: auto; margin-bottom: 50px } .tab_content2 .imgcontent h2 { text-align: center; margin: 45px auto } .tab_content2 .imgcontent span { float: left } .tab_content2 .imgcontent img { width: 100% } .tab_content2 .imgcontent2 { min-height: 900px; height: auto; margin-bottom: 50px } /* .mainSearch { margin: 10px 0 20px 0; padding: 0 10px; position: relative;} */ /*.searchMt { margin-top: 18px}*/ .mainSearch.popaing { /* margin: 10px 0 5px 0; padding: 0 10px; position: relative; */overflow: hidden; padding: 11px; background: #ededed;} .mainSearch.notpop {margin: 0px 0 0px 0; padding: 0 25px;} .mainSearch.popaing .searchBox {float: left; width: calc(100% - 75px);} .mainSearch.popaing .btnBox { float: left; width: 75px;} .mainSearch.popaing .btnBox button {float: left; width: 68px; height: 37px; margin-left: 6px; border-radius: 0; font-size: 14px; font-family: "NotoSansKR-Medium"; color: #ffffff;} .select_group .dser {width: 100%; text-align: right; box-sizing: border-box; padding: 5px 15px;} .mainSearch input { width: 100%; height: 39px; border: 1px solid #d5d5d5; font-size: 15px; padding: 0 10px; box-sizing: border-box;} input::placeholder {color:#424242;} /* 간편보내기 검색 */ .mainSearch.popaing .searchBox2 {float: left; width:100%;} .mainSearch.popaing .btnBox2 { float: left; display:flex; } .mainSearch.popaing .btnBox2 button {float: left; width: 68px; height: 50px; margin-left: 6px; border-radius: 8px; font-size: 17px; color: #1d56bc; background-color:#eff5ff; border:1px solid #246beb;} .mainSearch.popaing .btnBox2 img { margin-left: 5px; width:68px; height:50px; border-radius:8px;} input::placeholder {color:#8e8e8e;} .btn {font-size: 14px;} .btn.primary{background: #3789db;} /* .mainSearch input { font-size: 20px; font-weight:bold; width: 100%; border-top:0px; border-left:0px; border-right:0px; border-bottom:2px solid #000000; padding: 14px 0; mail } .mainSearch.popaing input { padding: 0 0 14px 0; } .mainSearch input::placeholder{ color:black; opacity: 0.3; } */ .mainSearch p { font-size: 17px; font-weight:bold; width: 100%; padding: 11px 0; color: #0046cd; text-align: right; } .mainSearch span { position: absolute; right:11px; top:19px; display: block; width: 20px; height: 20px; } .mainSearch.popaing span { position: absolute; right:11px; top:5px; display: block; width: 20px; height: 20px; } .mainSearch.notpop span { position: absolute; right:36px; top:19px; display: block; width: 20px; height: 20px; } .deSerWrap form.deSer { margin:0 15px; border-bottom: 1px solid #3a3a3a; padding: 0 5px 35px 5px; } .deSerWrap .s_select2 { display: inline-block; width: 92%; margin: 0px 15px 15px 15px; padding: 0 10px; height: 34px; border: 1px solid #bbbbbb; letter-spacing: -0.3px; font-weight: bold; color: #262626; cursor: pointer; border-radius:5px; background: url(/images/arrow_cion.png) 97% center no-repeat; box-sizing: border-box; } .sub_select_group2 { /* padding: 0px 20px 15px 20px; */ background-color:#eeeeee; margin: 0 10px; padding: 12px; } .mt16 {margin-top: 16px !important;} .mt20 {margin-top: 20px !important;} .sub_select_group2 select { appearance: none; -moz-appearance: none; -webkit-appearance: none; display: inline-block; width: 100%; padding: 0 8px; height: 30px; /* ie 호환서 문제로 line-height 를 height로 변경*/ border: 1px solid #d5d5d5; letter-spacing: -0.3px; font-size: 12px; color: #666666; cursor: pointer; background: url(../images/icon_2025/icon_24px_arrow_down.svg) 95% center no-repeat; /*background-size: 9px 8px;*/ background-color: #ffffff; } select.newOnly { appearance: none; -moz-appearance: none; -webkit-appearance: none; display: inline-block; width: 100%; padding: 0 8px; height: 30px; /* ie 호환서 문제로 line-height 를 height로 변경*/ border: 1px solid #d5d5d5; letter-spacing: -0.3px; font-size: 12px; color: #666666; cursor: pointer; background: url(/images/bg_select2.png) 95% center no-repeat; background-size: 9px 8px; background-color: #ffffff; } .sub_select_group2 input[type=text] { display: inline-block; width: 100%; padding: 4px 20px 4px 35px; box-sizing: border-box; border: none; border: 1px solid #bbbbbb; font-size: 15px; /* background-color: white; background-image: url("/images/search_btn_grey.png"); background-position: 10px 7px; background-repeat: no-repeat; */ border-radius:3px; } .sub_select_group2 .find_btn>button { background-color: #0046cd; width: 100%; height: 40px !important; border: none; color: #fff; font-weight: bold; font-size: 15px !important; } .sub_select_group2 .find_btn { clear: both; height: 40px !important; } .sub_select_group2 .sub_select{ width:100%; /* float:left; */ margin-bottom: 10px; } .sub_select_group2 .sub_select .w95 { width: 95%; } .sub_select_group2 input[type=text]:focus { outline: none } .sub_select_group2 input[type=text]::after { content: ''; clear: both; display: block } .sub_select_group2 .select_btnstyle { height: 65px; margin-bottom: 15px; line-height: 65px; font-size: 20px; border-left: 2px solid #161616; border-top: 2px solid #161616; border-right: 2px solid #161616; text-align: center; font-weight: bold } .sub_select_group2 .select_box { overflow: hidden; display: block } .sub_select_group2 .date_box .datepicker { float: left; width: calc(50% - 15px); padding: 0 10px; border: none; border: 1px solid #bbbbbb; background: url(/images/calendar.png) no-repeat 95% center; background-size: 21px 21px; font-weight: bold; font-size: 18px; height: 48px; /* ie 호환서 문제로 line-height 를 height로 변경*/ letter-spacing: -0.3px; box-sizing: border-box } /* .sub_select_group .date_box .datepicker:after {height: 48px !important;} */ .sub_select_group2 .date_box span { float: left; width: 30px; font-weight: bold; font-size: 18px; text-align: center; line-height: 48px; margin: 20px 0 } /* 팝업 검색영역 - 20210712 추가 END */ #container { width: 100%; height: auto; min-height:400px; } .section_mainview { position: relative; width: 100%; height: 690px; background: #0045cd; background: -webkit-linear-gradient(left, #00addb, #0045cd); background: -o-linear-gradient(right, #00addb, #0045cd); background: -moz-linear-gradient(right, #00addb, #0045cd); background: linear-gradient(135deg, #00addb, #0045cd) } .section_mainview .inr_title { padding-top: 214px; color: #fff; text-align: center } .section_mainview .inr_title h2 { line-height: 76.8px; font-size: 44px; font-weight: normal } .section_mainview .inr_title p { line-height: 35px; font-size: 22px } .section_customer { margin-top: -230px } .section_customer .inr { display: flex; margin: 0 auto; position: relative; z-index: 1; width: 1200px } .section_customer .inr .customer_content { position: relative; width: 100%; min-height: 280px; height: 100%; padding: 36px 55px; background: #fff; border-radius: 30px 10px; border: 1px solid #0046cd; box-sizing: border-box; box-shadow: 0px 18px 37.62px 0.38px rgba(148, 148, 148, 0.2) } .section_customer .inr_customer { width: 100%; height: 100%; box-sizing: border-box } .section_customer .c_name { font-size: 21px; text-align: left } .section_customer .c_name>strong { font-size: 31px; font-weight: bold } .section_customer .c_name .mo_block { display: inline-block } .section_customer .mydata_con { overflow: hidden; width: 100%; height: 100% } .section_customer .mydata_con li { float: left; height: 116px; padding-top: 63px; box-sizing: border-box } .section_customer .mydata_con li:nth-child(1) { width: 256px; background: url("/images/mydata_styleicon.png") no-repeat 101% center } .section_customer .mydata_con li:nth-child(1) h2 { position: relative; padding-right: 15px; font-size: 35px; font-weight: bold } .section_customer .mydata_con li:nth-child(1) h2 .title_icon { position: relative; top: 34px; left: 8px } .section_customer .mydata_con li:nth-child(2) { width: 50%; font-size: 22px; text-align: center } .section_customer .mydata_con li:nth-child(2) .half_undeline { padding: 0 6px; background: linear-gradient(to top, #ffe63e 22%, transparent 50%) } .section_customer .mydata_con li:nth-child(2) .half_undeline em { font-size: 40px; font-weight: 600 } .section_customer .mydata_con li:nth-child(3) { position: absolute; top: 46px; right: 79px; width: 23%; height: auto; padding-top: 0px } .section_customer .mydata_con li:nth-child(3) .mo_on { display: none } .section_customer .mydata_con li a { display: block; margin-bottom: 5px; border: 1px solid #0046cd; color: #0046cd; font-family: 'NotoSansKR-Medium'; font-size: 20px; text-align: center; line-height: 56px } .section_content { overflow: hidden; width: 100%; height: auto; min-height: 600px; padding-bottom: 75px } .main_style { background: #f8f8f8 } .brief_content { width: 1200px; margin: 0 auto; padding-top: 7vw; padding-bottom: 126px } .brief_content .title_icon { position: relative; top: 23px; left: 6px } .brief_content .indiv_wrap { overflow: hidden; float: left; width: 575px; height: 265px; margin: 25px; padding: 37px 52px; background: #fff; box-shadow: 0px 18px 37.62px 0.38px rgba(148, 148, 148, 0.2); border-radius: 30px 10px; box-sizing: border-box } .brief_content .indiv_wrap:nth-child(2n) { margin-right: 0 } .brief_content .indiv_wrap:nth-child(odd) { margin-left: 0 } .brief_content .indiv_wrap .lin_btn:hover { background: url("/images/link_btn_blue.png") no-repeat right } .brief_content .indiv_wrap .block { display: block } .brief_content .indiv_wrap::after { content: ''; display: block; clear: both } .brief_content .link_text { display: block; padding-top: 29px; color: #161616; font-size: 18px } .brief_content .link_text :nth-child(2) { float: right; display: inline-block; overflow: hidden; width: 107px; color: #777; text-overflow: ellipsis; white-space: nowrap; text-align: right } .brief_content .link_text .link_subtxt { overflow: hidden; display: inline-block; width: 62%; padding: 0 5px; text-overflow: ellipsis; white-space: nowrap } .indiv_box { position: relative } .indiv_box dl { overflow: hidden; border-bottom: 1px solid #f0f0f0; padding-bottom: 15px } .indiv_box dl dt { float: left; width: 50%; padding: 10px 0 } .indiv_box dl dt strong { padding: 14px 0; font-size: 26px; line-height: 35px } .indiv_box dl dt strong span { display: block } .indiv_box dl dt h3 { padding: 14px 0; font-size: 26px; line-height: 35px } .indiv_box dl dt h3 span { display: block } .indiv_box dl dd { float: right } .indiv_box dl dd a { position: absolute; right: 0; top: 21px; width: 24px; height: 23px } .indiv_box dl:after { content: ''; clear: both; display: block } .indiv_info { background: url("/images/indiv_infobg.png") no-repeat; background-position: 109px 0 } .mydata_info { background: url("/images/indiv_mydatabg.png") no-repeat; background-position: 109px 0 } .customer_info>table { width: 100%; margin-top: 15px; table-layout: fixed } .customer_info>table tr { line-height: 31px; cursor: pointer } .customer_info>table tr th { text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .customer_info>table tr td { width: 75px; text-align: right } .faq_info>ul { margin-top: 15px } .faq_info>ul li { padding: 5px 0; background-size: 11px 15px; line-height: 19px } .faq_info>ul li a { color: #161616; padding-left: 18px } .faq_info>ul li .link_subtxt { overflow: hidden; display: inline-block; width: 90%; padding: 0 5px; text-overflow: ellipsis; white-space: nowrap } .brief_content .none_hover:hover { background: #fff } .brief_content .none_hover:hover h3 { color: #161616 } .brief_content .none_hover:hover ul li a { color: #161616 } .footer_guide { overflow-y: scroll; max-height: 533px; margin: 65px 0; padding: 45px 32px; border: 1px solid #d2d2d2; border-radius: 20px; color: #4a4a4a; text-align: left } .footer_guide strong { line-height: 36px } .footer_guide ul>li { margin-bottom: 40px } .footer_guide ol>li { line-height: 27px } .footer_guide ol>li span { margin-right: 6px; padding: 1px 5px; border: 1px solid #4a4a4a; border-radius: 50%; font-size: 5px } .agree_wrap { overflow: hidden; width: 764px; height: 82px; margin: 0 auto } .agree_wrap a { text-align: center; line-height: 82px; font-size: 21px } .agree_wrap .agree_bnt { display: inline-block; width: 40%; height: 100%; background: #0046cd; color: #fff } .agree_wrap .cancle_bnt { display: inline-block; width: 40%; height: 100%; background: #e5e5e5; color: #464646 } .select_group .select_wrap { display: inline-block; width: 100% } .select_group .select_wrap .select_wrap { float: left; width: 280px; margin-right: 40px } .select_group .select_wrap ::after { content: ''; clear: both; display: block } .select_group .find_btn { width: calc(100% - 66%); height: 70px; margin: 64px auto 0 } .select_group .find_btn>button { background-color: #0046cd; width: 100%; height: 100%; border: none; color: #fff; font-weight: bold; font-size: 19px; border-radius: 8px; } .select_group .find_btn:focus { outline: none } .sub_select_group { padding-top: 40px } .sub_select_group input[type=text] { display: inline-block; width: 100%; margin: 20px 0; padding: 12px 20px 12px 40px; font-size: 18px; box-sizing: border-box; border: none; border: 1px solid #bbbbbb; font-size: 16px; background-color: white; background-image: url("/images/search_btn_grey.png"); background-position: 10px 12px; background-repeat: no-repeat } .sub_select_group input[type=text]:focus { outline: none } .sub_select_group input[type=text]::after { content: ''; clear: both; display: block } /* .sub_select_group input[type=text].set_2 { 개별서류목록 width: 66% } .sub_select_group input[type=text].set_3 { 개별서류목록 width: 45% } */ .sub_select_group .select_btnstyle { height: 65px; margin-bottom: 15px; line-height: 65px; font-size: 20px; border-left: 2px solid #161616; border-top: 2px solid #161616; border-right: 2px solid #161616; text-align: center; font-weight: bold } .sub_select_group .select_box { overflow: hidden; display: block } .sub_select_group .date_box .datepicker { float: left; width: calc(50% - 15px); padding: 0 10px; border: none; border: 1px solid #bbbbbb; background: url(/images/calendar.png) no-repeat 95% center; background-size: 21px 21px; font-weight: bold; font-size: 18px; height: 48px; /* ie 호환서 문제로 line-height 를 height로 변경*/ letter-spacing: -0.3px; box-sizing: border-box } /* .sub_select_group .date_box .datepicker:after {height: 48px !important;} */ .sub_select_group .date_box span { float: left; width: 30px; font-weight: bold; font-size: 18px; text-align: center; line-height: 48px; margin: 20px 0 } .ui-datepicker { /* width: auto !important */ z-index: 9999; max-width: 336px !important; min-width: 300px !important; top:50% !important; transform:translateY(-50%); /* margin-top: -225px; */ left:0 !important; right:0 !important; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 12px !important; border: 0 !important; background: none !important; cursor: pointer } .ui-datepicker .ui-datepicker-prev .ui-icon { background: url(/images/calendar_prev.png) no-repeat center; background-size: 11px 10px } .ui-datepicker .ui-datepicker-next .ui-icon { background: url(/images/calendar_next.png) no-repeat center; background-size: 11px 10px } .ui-widget-header { border: 0 !important; background: #eef2f7 !important } .ui-widget-header .ui-datepicker-title { font-size: 24px } /* .ui-datepicker-calendar thead tr th:nth-child(1), .ui-datepicker-calendar tbody tr td:nth-child(1) a { color: #f50303 } .ui-datepicker-calendar thead tr th:nth-child(7), .ui-datepicker-calendar tbody tr td:nth-child(7) a { color: #0046cd } */ .ui-state-default { border: 0 !important; width: 36px; height: 36px; background: #fff !important; font-family: 'NotoSansKR-Medium' !important; /* font-weight: bold !important; */ font-size: 15px !important; text-align: center !important; box-sizing: border-box; line-height: 30px; color: #1e2124 !important;; } .ui-state-default:active, .ui-state-default.ui-state-active { border-radius: 50%; background: #3789db !important; color: #fff !important; } .result_group .total_txt { margin-top: 100px; /* padding-bottom: 6px; */ border-bottom: 2px solid #343434; font-size: 19px; color: #161616 } .result_group .total_txt em { color: #0046cd; font-weight: bold } .result_group .notice_list { width: 100%; font-size: 19px; text-align: center } .result_group .notice_list.mobile { display: none } .result_group .notice_list thead th { border-bottom: 1px solid #d2d2d2; background: #f8f8f8; color: #4a4a4a; height: 75px } .result_group .notice_list tbody tr:first-child { border-top: 2px solid #d2d2d2; } .result_group .notice_list tbody tr { cursor: pointer } .result_group .notice_list tbody td { border-bottom: 1px solid #d2d2d2; color: #161616; height: 75px } /* .result_group .notice_list tbody td:nth-child(2) { text-align: left } */ .result_group .notice_list tbody td.title a { color: #000000; font-weight: bold; font-size: 16px; /*text-overflow: ellipsis; overflow: hidden; white-space: nowrap;*/ } .result_group .notice_list tbody td a { color: #161616 } .result_group .notice_list tbody td a:hover { text-decoration: underline } .result_group .array_group { float: right } .result_group .array_group::after { content: ''; clear: both; display: block } .result_group .array_group a { color: #8f8f8f; font-size: 16px; text-decoration: none; padding: 0px 10px; position: relative } .result_group .array_group a:hover { color: #161616 } .result_group .array_group a::after { content: ''; position: absolute; width: 1px; height: 10px; background: #989898; top: 8px; right: -4px } .result_group .array_group a:last-child:after { display: none } .result_group .array_group .active { color: #161616 } .notice_detail_group { max-width: 1230px; padding: 0 15px; box-sizing: border-box } .notice_detail_group .inr { border-top: 2px solid #262626 } .notice_detail_group .inr .box { display: table; table-layout: fixed; width: 100%; background: #f8f8f8 } .notice_detail_group .inr .box strong, .notice_detail_group .inr .box span { display: table-cell; padding: 18px 0 24px 0; font-weight: normal; font-size: 22px; color: #262626; word-break: break-all; vertical-align: middle; box-sizing: border-box } .notice_detail_group .inr .box strong { padding: 18px 10px 24px 40px } .notice_detail_group .inr .box span { text-align: center } .notice_detail_group .inr .box span.writer { width: 184px } .notice_detail_group .inr .box span.date { width: 135px } .notice_detail_group .inr .box span.count { width: 150px } .notice_detail_group .inr .content_box { padding: 49px 40px 71px; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; font-size: 20px; color: #000000; word-break: break-all } .notice_detail_group .inr .file_down { width: 100% } .notice_detail_group .inr .file_down strong { display: inline-block; width: 30%; padding: 15px 0; background: #f8f8f8; text-align: center } .notice_detail_group .inr .file_down a { display: inline-block; width: 60%; padding-left: 5px; box-sizing: border-box; color: #161616; text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .notice_detail_group .inr .file_down span { text-align: right } .notice_detail_group .inr .reply_box { padding: 20px; min-height: 90px; border-top: 1px dashed #262626; border-bottom: 1px solid #c9c9c9; background: #f8f8f8 } /*.toggle_group .toggle_list li { border-bottom: 1px solid #c4c4c4 }*/ /* .toggle_group .toggle_list li.on .arr_down { background-image: url(/images/sprites/sp_ico2.png); background-position: -339px -206px; width: 20px; height: 11px } */ .toggle_group .toggle_list .toggle_title { font-size: 19px; padding: 15px 0px 0 0px; position: relative } .toggle_group .toggle_list .toggle_title sub { font-size: 15px; display: block; padding-bottom: 4vh } .toggle_group .toggle_list .toggle_title p { width: 90% } .toggle_group .toggle_list .toggle_title p span { display: block; padding: 7px 0; color: #464646 } .toggle_group .toggle_list .toggle_content { display: none; background: #f8f8f8; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; } .toggle_group .toggle_list .toggle_content.data_inr { display: none; padding: 15px } .toggle_group .toggle_list .toggle_content.data_inr .toggle_inr { text-align: center; } .noneText{ font-size: 14px; font-weight: bold; display: block; width: 100%; text-align: center; padding:20px 0; } .toggle_group .toggle_list a.on .arr_down { position: absolute; top: 14px; right: 0 } .toggle_group .toggle_list a .toggle_content { display: none } .toggle_group .toggle_list a a.on .arr_down { background-image: url(/images/sprites/sp_ico2.png); background-position: -339px -206px; width: 20px; height: 11px } .toggle_group .toggle_list a a .arr_down { position: absolute; top: 38px; right: 15px } .toggle_group .receive_toggle li.on { background: #0046cd } .toggle_group .receive_toggle li.on .toggle_title { color: #fff } .toggle_group .receive_toggle li.on .toggle_title sub { color: #fff } .toggle_group .receive_toggle li.on .toggle_title button { background: #fff; color: #0046cd } .toggle_group .receive_toggle li.on .toggle_title .arr_down { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -546px -240px; width: 30px; height: 17px; width: 15px; height: 8.5px; background-position: -273px -120px; background-size: 293px 225.5px } .toggle_group .receive_toggle li.on .toggle_content { background: #fff } .toggle_group .sub_txt { margin: 0 15px; color: #8f8f8f; line-height: 21px } .radio_box label>input[type="radio"] { display: none } .radio_box label>input[type="radio"]+*::before { content: ""; display: inline-block; vertical-align: bottom; width: 1rem; height: 1rem; margin-right: 0.3rem; border-radius: 50%; border-style: solid; border-width: 0.1rem; border-color: #ddd } .radio_box label>input[type="radio"]:checked+*::before { background: radial-gradient(#161616 0%, #161616 40%, transparent 50%, transparent); border-color: #161616 } .radio_box label>input[type="radio"]+* { display: inline-block; margin: 0 8px 5px 3px; cursor: pointer } .reference_group h3 { padding: 15px 0; font-size: 24px } .reference_group .reference_list { width: 100%; margin-bottom: 70px; border-top: 1px solid #262626; text-align: center; font-size: 19px } .reference_group .reference_list.mobile { display: none } .reference_group .reference_list thead th { padding-left: 19px; background: #f8f8f8; line-height: 74px; color: #4a4a4a } .reference_group .reference_list thead th:nth-child(1) { width: 10% } .reference_group .reference_list thead th:nth-child(2) { width: 15% } .reference_group .reference_list thead th:nth-child(3) { width: 67% } .reference_group .reference_list thead th:last-child { padding-left: 0 } .reference_group .reference_list tbody tr { border-bottom: 1px solid #dadada } .reference_group .reference_list tbody tr td { height: 75px; text-align: center } .reference_group .reference_list tbody tr td a { display: block; color: #161616 } .reference_group .reference_list tbody tr td:nth-child(3) { text-align: left } /* .pagination{width:auto;max-width:568px;margin:0 auto;padding:60px 0;text-align:center} .pagination li{display:inline-block;width:9%;text-align:center} .pagination li.active a,.pagination li.current a{border-color:#0046cd;background:#0046cd;color:#fff;font-size:15px} .pagination li .material-icons{margin:0 -2px} .pagination li a{display:block;width:50px;height:50px;padding:0;border:1px solid #c5c5c5;border-radius:2px;font-weight:bold;font-size:15px;color:#5a5a5a;line-height:48px;box-sizing:border-box} .pagination li a span{display:inline-block;padding:0 5px;vertical-align:top} .pagination li.prev a,.pagination li.next a{padding:0 10px} .pagination li .point_co{color:#464646} */ /*.toggle_list { border-top: 1px solid #262626 }*/ .toggle_list>li { box-sizing: border-box; position: relative; border: 1px solid #cccccc; /* border-radius:15px; */ /* padding: 10px; */ margin-top: 20px; } .toggle_list>li.dataset { box-sizing: border-box; position: relative; border: 0px; border-radius:0px !important; /* padding: 10px; */ margin-top: 20px; } .toggle_list>li.dataset a { font-weight: normal; display: block; font-family: "NotoSansKR-Medium"; padding:8px 10px; line-height: 20px; box-sizing: border-box; min-height: 36px; background-color: #ededed; } .toggle_list>li.dataset a p { padding: 0px !important; } .toggle_list>li.dataset a p b{ font-size:14px; color: #333333; font-weight: normal; } .toggle_list>li.dataset sub{ font-size:13px !important; color: #555555; padding:8px 10px; display: block; } .toggle_list>li.dataset span.partNm{ font-size:11px; color: #666666; padding:0px 10px; font-family: "pretendardGOV"; } .toggle_list>li.dataset .arr_down{ position: absolute; right: 15px; top: 17px; } .toggle_list>li.dataset>div.downRadius { background-color: #f9f9f9; margin-top: 10px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px;} .toggle_list>li.dataset>div.downRadius ul li { padding:0 0 0 0 !important;} .toggle_list>li.dataset>div.downRadius ul li span { padding:7px 10px;} .toggle_list>li.dataset>div.downRadius ul li span a{ font-size: 13px; font-weight: normal; padding: 0 0; background-color: #f9f9f9; min-height: 0} /* .toggle_list>li:first-child {margin-top: 10px;} */ .toggle_list>li>a { padding: 20px; font-size: 19px; box-sizing: border-box; color: #161616; display: block; position: relative } .toggle_list>li>div.downRadius { background-color: #f9f9f9; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;} .toggle_list>li>a>p { display: inline-block; /* padding-left: 10px */ } .toggle_list>li .faq_content { display: none; padding: 10px 20px 20px 20px; } .toggle_list>li .arr_down { position: absolute; right: 15px; top: 38px } .toggle_content { padding: 44px 0 } .change_style span { background: url("/images/faq_upicon.png") no-repeat !important } .notice_group input[type=text] { display: inline-block; width: 100%; margin: 20px 0; padding: 12px 20px 12px 40px; font-size: 18px; box-sizing: border-box; border: none; border: 1px solid #bbbbbb; font-size: 16px; background-color: white; background-image: url("/images/search_btn_grey.png"); background-position: 10px 12px; background-repeat: no-repeat } .notice_group input[type=text]:focus { outline: none } .notice_group input[type=text]::after { content: ''; clear: both; display: block } .notice_group input[type=text].style_bg { background: #fff } .set_noti thead tr th:nth-child(1) { width: 7% } .set_noti thead tr th:nth-child(2) { width: 64% } .set_noti tbody tr td:nth-child(2) { text-align: left; word-break: break-all } .noti_text input[type=text] { display: block; width: 100%; margin: 20px 0; padding: 12px 20px 12px; font-size: 18px; box-sizing: border-box; border: none; border: 1px solid #bbbbbb; font-size: 16px } .noti_text input[type=text]:focus { outline: none } .noti_text textarea { width: 100%; height: 350px; padding: 20px; box-sizing: border-box; resize: none } .customer_btn { margin-top: 18px; text-align: right } .customer_btn button { margin: 0 5px; padding: 5px 13px; border: 1px solid #161616 } .notice_content { width: 100%; height: auto; margin-bottom: 60px; text-align: left; border-bottom: 1px solid #c9c9c9 } .notice_content thead>tr { height: 75px; padding-top: 27px; border-top: 1px solid #262626; border-bottom: 1px solid #c9c9c9; background: #f8f8f8 } .notice_content thead>tr th { font-size: 20px; padding-left: 42px } .notice_content tbody td { padding: 44px } .link_btn { width: 377px; line-height: 81px; margin: 35px auto 0 auto; background: #0046cd; border-radius:15px; } .link_btn a { font-size: 21px; color: #fff; text-align: center; display: block } .result_group .list_group li { padding: 15px 0; /* border-bottom: 1px solid #dbdbdb */ } .result_group .list_group li:after { display: block; clear: both; content: '' } .result_group .list_group li p { font-size: 18px; color: #161616; line-height: 35px } .result_group .list_group li span { display: block; padding-top: 11px; font-size: 13px } .result_group .list_group li a { color: #161616 } .result_group .list_group li .sub_txt { color: #8f8f8f; padding-top: 10px; display: block; font-size: 16px } .result_group .list_group li>.inr { overflow: hidden; padding: 15px } .result_group .list_group span:nth-child(1) { font-size: 19px; font-weight: 600; display: block } .result_group .list_group span:nth-child(2) { font-size: 1rem; color: #8f8f8f; line-height: 29px } .result_group .list_group .result_text { width: 75%; display: inline-block; text-align: left !important } .result_group .list_group .result_text span { padding-top: 0 } .result_group .list_group .result_text span:nth-child(3) { padding-top: 11px } .result_group .list_group ol { float: right; width: 22%; overflow: hidden } .result_group .list_group ol li { width: 233px; line-height: 62px; text-align: center; border: 1px solid #0046cd; float: left; padding: 0 } .result_group .list_group ol li:nth-child(1) { margin-right: 10px } .result_group .list_group ol li a { color: #0046cd; font-size: 1rem; display: block; padding: 0 } .detail_group .detail_title { overflow: hidden; width: 100%; height: 145px; /* margin: 45px 0; */ text-align: center; color: #161616; border-radius: 15px; border: 1px solid #0046cd } .detail_group .detail_title3 { overflow: hidden; width: 100%; /* margin: 45px 0; */ text-align: center; color: #161616; border: 1px solid #3789db; } .detail_group .detail_title3 .line { width: 269px; height: 2px; background: #d5d5d5; display: block; margin: 0 auto } .detail_group .detail_title3 h3 { padding:10px 0; font-family: "NotoSansKR-Medium"; } .detail_group .detail_title3 p { padding:5px 0 10px 0; font-family: "NotoSansKR-Medium"; } .conTitWrap.newSt p { font-size: 13px; font-weight: normal;font-family: "NotoSansKR-Medium";} /* .detail_group .detail_title h3 { font-size: 28px; padding-top: 18px; line-height: 57px } */ .detail_group .detail_title .line { width: 269px; height: 2px; background: #d5d5d5; display: block; margin: 0 auto } .detail_group .detail_title p { font-size: 20px; color: #464646; line-height: 44px } .detail_group .detail_txt { text-align: center; font-size: 24px } .detail_group .detail_title2 { overflow: hidden; width: 100%; margin: 0px 0 45px 0; text-align: center; color: #161616; border-radius: 15px; border: 1px solid #0046cd; } .detail_group .detail_title2 h3 { font-size: 24px; padding: 0; line-height: 57px } .detail_group .detail_title2 .line { width: 269px; height: 2px; background: #d5d5d5; display: block; margin: 0 auto } .detail_group .detail_title2 p { font-size: 20px; color: #464646; line-height: 44px } .detail_group h4 { font-size: 20px; padding: 38px 0; text-align: center; font-weight: normal } .detail_group sub { font-size: 15px; color: #8f8f8f; line-height: 36px } .detail_group .total_subtitle { font-size: 30px; color: #161616; text-align: center; padding: 124px 0 15px 0; border-bottom: 2px solid #343434 } .detail_group .total_subtitle em { color: #0046cd; font-weight: bold } .detail_group .wd_btn { overflow: hidden; margin: 21px 0; box-sizing: border-box; text-align: center } .detail_group .wd_btn a { display: inline-block; padding: 17px 83px; background: #ccc; font-size: 18px; color: #161616 } .detail_group { margin-bottom: 76px } .de_list>li { border-bottom: 0px solid #cfcfcf } .de_list>li:last-child { border: 0 } .de_list>li .detail_content { position: relative; min-height: 60px; height: auto; padding: 8px 0; } .de_list>li .detail_content>span { display: block; font-weight: bold; font-size: 19px; } .de_list>li .detail_content .sub_title { display: inline-block; margin-right: 15px; padding-top:8px; font-size: 19px; /* font-weight: bold */ } .de_list>li .detail_content .sub_title2 { padding-bottom: 20px; font-size: 20px; font-weight: bold } .de_list>li .detail_content .btn_right { position: absolute; top: 0px; right: 0 } .de_list>li .detail_content .table_box { display: table; width: 100%; margin-top: 32px; border-top: 1px solid #262626 } .de_list>li .detail_content .table_box .table_tit { display: table-cell; width: 30%; height: auto; background: #f8f8f8; text-align: center; font-weight: bold; font-size: 15px; vertical-align: middle } .de_list>li .detail_content .table_box .table_tit .item>div { display: table-row; color: #161616; font-size: 15px } .de_list>li .detail_content .table_box .table_tit .item>div span { width: 171px; word-break: break-all; vertical-align: middle; box-sizing: border-box } .de_list>li .detail_content .table_box .table_content { display: table-cell; width: 70% } .de_list>li .detail_content .table_box .table_content .item { position: relative; padding: 12px 0 12px 36px; border-bottom: 1px solid #bdbdbd; box-sizing: border-box } .de_list>li .detail_content .table_box .table_content .item:last-child { border-bottom: none } .de_list>li .detail_content .table_box .table_content .item>div { display: table-row; color: #161616; font-size: 15px } .de_list>li .detail_content .table_box .table_content .item>div span { width: 171px; word-break: break-all; vertical-align: middle; box-sizing: border-box } .de_list>li .detail_content .table_box .table_content .item>div .style_right { position: absolute; top: 10px; right: 0 } .de_list>li .detail_content .tbox_v2 table { width: 100%; margin-top: 32px; border-top: 2px solid #262626 } .de_list>li .detail_content .tbox_v2 table tr { height: 98px; border-bottom: 1px solid #bdbdbd } .de_list>li .detail_content .tbox_v2 table tr th { text-align: center; font-size: 17px; background: #f8f8f8; border-right: 1px solid #bdbdbd } .de_list>li .detail_content .tbox_v2 table tr:last-child { border-bottom: none } .de_list>li .detail_content .tbox_v2 table tr td { padding-left: 15px; font-size: 17px } .de_list>li .detail_content .button { display: inline-block; padding: 3px 12px; border: 1px solid #161616; font-size: 13px; color: #161616; text-decoration: none; border-radius:5px; } .de_list>li .detail_content .button:hover { background: #f8f8f8 } .de_list>li .inline_content { position: relative; min-height: 60px; height: auto; padding: 8px 0 } .de_list>li .inline_content>span { display: block } .de_list>li .inline_content .sub_title { display: inline-block; margin-right: 15px; padding-top: 12px; box-sizing: border-box; font-size: 22px; font-weight: bold } .de_list>li .inline_content .sub_title2 { display: block; /* padding-top: 8px; */ box-sizing: border-box; font-size: 19px; font-weight: bold } .de_list>li .inline_content .sub_title3 { /* 꾸러미 상세 변경으로 추가 210105 */ display: inline-block; font-size: 22px; margin-left:5px; } .de_list>li .inline_content .sub_Ctitle3 { /* 꾸러미 상세 변경으로 추가 210105 */ display: inline-block; font-size: 22px; } .conTitWrap { /* 꾸러미 상세 변경으로 추가 210105 */ width:100%; text-align : center; margin-bottom : 45px; } .conTitWrap p { /* 꾸러미 상세 변경으로 추가 210105 */ font-size: 22px; font-weight: bold; } .conTitWrap div { /* 꾸러미 상세 변경으로 추가 210105 */ font-size: 12px; text-align: left; color: #333; padding:5px 5px 5px 0; } .de_list>li .inline_content table { width: 100%; margin-top: 30px; border-top: 1px solid #262626 } .de_list>li .inline_content table th { text-align: center; background: #f8f8f8; width: 24%; min-width: 20%; font-size: 22px } .de_list>li .inline_content table td { font-size: 22px; height: 95px; padding-left: 40px } .de_list>li .inline_content table td .style_right { float: right } .de_list>li .inline_content table td:last-child { border-bottom: 1px solid #a5a5a5 } .de_list>li .inline_content a.in_button { display: inline-block; padding: 8px 18px; margin-left: 24px; border: 1px solid #161616; font-size: 18px; color: #161616; font-family: 'NotoSansKR-Medium'; text-decoration: none } .de_list>li .inline_content a { padding-top: 15px; border-bottom: 1px solid #004cdd; font-size: 21px; color: #004cdd } .de_list>li .inline_content a.button { position: absolute; right: 0; top: 26px; padding: 8px 18px; border: 1px solid #161616; color: #161616; font-size: 20px; text-decoration: none } .dim { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.75); z-index: 19 } .click{ color:#0046cd; } .pop_center { text-align: center; margin-top: 25px } .pop_center dt { padding: 7px 0 } .pop_center dd { border: none !important; line-height: 27px } .modal_con { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); max-height: 90%; background: #fff; z-index: 20 !important; } .modal_con.setting .modal_content { max-height: none } .modal_con.setting .modal_content p { margin-top: 19px; font-size: 19px; color: #161616; text-align: center } .modal_con.setting .modal_content div.newPop { margin-top: 22px; font-size: 19px; line-height:25px; color: #161616; padding: 0 10px; text-align: center } .modal_con.setting .modal_content .inr { margin-top: 70px } .modal_con.setting .modal_content .inr strong { display: block; font-size: 20px; color: #161616 } .modal_con.setting .modal_content .inr label { display: inline-block; margin-top: 23px; font-size: 18px; color: #161616 } .modal_con.setting .modal_content .inr input { display: block; width: 100%; margin-top: 23px; padding-bottom: 5px; border: 0; border: 1px solid #d5d5d5; font-size: 12px; color: #666666; padding: 0 10px; box-sizing: border-box; height: 30px; } .modal_con.setting .modal_content .inr input:focus { border-color: #262626 } .modal_con.setting .modal_content .inr input::placeholder { color: #8f8f8f } .modal_con.setting .modal_footer { /*margin-top: 79px*/ } .modal_con.setting .modal_footer button { float: left; width: 50% } .modal_con .modal_title { font-size: 24px; color: #1e2124; line-height: 7vh; /* height: 10%; */ font-weight: bold; /* padding: 15px 0 0 0; */ } /*모달없어짐*/ .modal_con.inrfix .modal_title { line-height: 0; /* height: 10%; */ margin: 30px 0; } .modal_con .modal_title span { position: absolute; right:20px; font-size: 16px; cursor: pointer; color: #3a3a3a; } .modal_con .modal_title.notSer { font-size: 20px; text-align: center; color: #004cdd; line-height: 7vh; height: 10%; font-weight: bold; padding: 15px 0 0 0; border-bottom: 1px solid #cccccc; margin: 0 20px; } .modal_con .notSerSub{ font-size: 14px; color: #666666; padding: 20px 10px 15px 10px; } .modal_con .modal_title.notSer span { position: absolute; right:20px; font-size: 20px; cursor: pointer; color: #3a3a3a; } .modal_con .modal_content { font-size: 15px; line-height: 18px; /* padding: 15px; */ height: 79%; } .modal_con .modal_content>dl dt { font-size: 21px; line-height: 33px; padding-top: 9px } .modal_con .modal_content>dl dd { font-size: 18px; border-bottom: 1px solid #8b8b8b; padding-bottom: 12px } .modal_con .modal_content .title_box { text-align: center } .modal_con .modal_content .title_box .title_h2 { display: block; margin: 32px 0; font-size: 18px; line-height: 26px; text-align: center; } .modal_con .modal_content .title_box .inr_bgbox { padding: 28px 25px; background: #f8f8f8; text-align: left; font-size: 18px; line-height: 27px; color: #161616 } .modal_con .modal_content .ckbox { margin: 50px 0 } .modal_con .modal_content .ckbox .ck_title { font-size: 24px; position: relative; margin-bottom: 18px } .modal_con .modal_content .ckbox .chk_box { position: absolute; right: 0; bottom: 6px; width: 66px } .modal_con .modal_content .ckbox .chk_box input[type="checkbox"] { display: none } .modal_con .modal_content .ckbox .chk_box input[type="checkbox"]+label { width: 18px !important; height: 18px !important; background: #fff; border: 1px solid #1b1b1b; cursor: pointer; float: left } .modal_con .modal_content .ckbox .chk_box input[type="checkbox"]:checked+label { float: left; background: url(/images/chk.png) no-repeat center/10px 10px } .modal_con .modal_content .ckbox .chk_box input[type="checkbox"]+label span { display: block; position: absolute; left: 29px; top: 0px; width: 44px; color: #004cdd; font-size: 20px } .modal_con .modal_content .ckbox table { width: 100%; border-top: 1px solid #cccccc; } .modal_con .modal_content .ckbox table tr { border-bottom: 1px dashed #999999; } .modal_con .modal_content .ckbox table tr th { width: 33.3%; height: 45px; background: #f8f8f8; border-right: 1px solid #b2b2b2; text-align: center; } .modal_con .modal_content .ckbox table tr th:last-child { border-right: none } .modal_con .modal_content .ckbox table tr td { height: 46px; text-align: center; font-size: 15px; border-right: 1px solid #b2b2b2 } .modal_con .modal_content .ckbox table tr td b{ font-size: 14px; font-weight: normal; color:#000000; font-family: "pretendardGOV" } .modal_con .modal_content .ckbox table tr td:last-child { border-right: none } .modal_con .modal_content .ckbox p { padding-left: 5px; font-size: 15px; line-height: 24px } .modal_con .modal_footer .wd100 { float: none !important; width: 100% !important } #modal { display: none; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.3) } .modal_con { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 30px); /* height: 80%; */ background: #fff; z-index: 1 } .modal_con .title { font-size: 23px; padding: 10px; background: #004cdd; text-align: center; color: #fff } .modal_con .con { font-size: 15px; line-height: 18px; padding: 30px } .modal_con .con>dl dt { font-family: "NotoSansKR-Medium"; font-size: 21px; line-height: 33px; padding-top: 9px } .modal_con .con>dl dd { font-size: 18px; border-bottom: 1px solid #8b8b8b; padding-bottom: 12px } .modal_con .modal_close { display: block; background: #e5e5e5; color: #464646; text-align: center; position: absolute; width: 100%; left: 0; line-height: 7vh; margin-top: 58px; font-size: 17px; font-weight: bold } .pc_popups { width: 700px } .pc_popups .alert_content { overflow: hidden; width: 590px; margin: 0 auto; text-align: center; border-radius:12px; } .pc_popups .alert_content .wallet_bg { margin-top: 35px } .pc_popups .alert_content .inr .alert_bg { margin: 37px 0 32px } .pc_popups .alert_content .inr strong { font-size: 24px; word-break: break-all; vertical-align: middle; box-sizing: border-box } .pc_popups .alert_content .inr p { padding: 8px 15px; font-size: 21px; line-height: 31px } .pc_popups .loading_content { height: 388px; background: url(/images/loading.gif) no-repeat; background-size: 127px; background-position: center 100px } .pc_popups .loading_content p { padding-top: 37%; text-align: center; font-size: 22px; font-weight: bold; letter-spacing: 4px } .pc_popups .item_list dl { padding: 12px } .pc_popups .item_list dl dt { padding: 25px 0 14px; font-size: 20px; line-height: 26px; font-weight: bold } .pc_popups .item_list dl dd { padding-bottom: 10px; font-family: 'NotoSansKR-Medium'; border-bottom: 1px solid #434343; font-size: 15px; line-height: 23px } .pc_popups.moBok { height: 450px; } .pc_popups.moBok2 { height: 70%; } .pc_popups.moBok3 { height: 500px; } .button_group { padding: 0 15px; font-size: 16px } .button_group p { color: #161616; padding: 0 8px 9px; font-size: 14px !important; font-weight: bold; } .button_group button { border: 1px solid #b1b1b1; background: #fff; color: #464646; padding: 15px 20px; margin: 4px; /* outline: 0 */ } .button_group button.on { border: 1px solid #0046cd; background: #ebf5ff; color: #000000; font-weight: bold; } .button_group ul li { padding: 10px 0 0 0; border-bottom: none !important } .button_group ul li:nth-child(1) { width: 80%; margin: 0 auto; text-align: left } .button_group ul li:nth-child(1) button { width: 100% } .btn_table table { width: 100%; table-layout: fixed } .btn_table table thead tr { border-bottom: 1px solid #cfcfcf; background: #f8f8f8 } .btn_table table thead tr th { height: 75px; padding: 5px; font-size: 18px; font-family: 'NotoSansKR-Medium'; color: #4a4a4a } .btn_table table tbody tr { border-bottom: 1px solid #cfcfcf } .btn_table table tbody tr td { height: 88px; text-align: center; color: #161616; font-size: 18px; font-family: 'NotoSansKR-Medium' } /* .btn_table table tbody tr td:nth-child(3) { text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } */ .btn_table table tbody tr td button { padding: 9px 19px; border: 1px solid #161616; font-weight: bold } .btn_table table tbody tr td a { color: #161616 } /* .btn_table.set_t01 table thead tr th:nth-child(2) { width: 65% } .btn_table.set_t01 table thead tr th:nth-child(3) { padding-right: 44px; padding-top: 5px; text-align: right } */ .btn_table.set_t01 table tbody tr td { padding: 15px 0 } /* .btn_table.set_t01 table tbody tr td:nth-child(2) { text-align: left } */ .btn_table.set_t01 table tbody tr td span { display: block; padding-top: 5px; font-size: 14px; color: #8f8f8f } .tog_btnbox button { width: 84px; padding: 9px 19px; border: 1px solid #161616; font-weight: bold } .tog_btnbox button.on { display: block; background: #0046cd; color: #fff; border: none } .tog_btnbox.setting { margin: 5px 0 } .setting_group { display: block; margin: 20px 12px; /* padding-bottom: 10px; */ text-align: center } .setting_group>p { margin-top: 40px; font-size: 20px; color: #464646; line-height: 30px } .setting_group .inr { margin-top: 86px; padding: 15px; border-radius: 20px; background: #f9f9f9; text-align: left } .setting_group .inr p { display: inline-block; position: relative; font-weight: bold; font-size: 18px; vertical-align: top } .setting_group .inr p:after { position: absolute; right: -11px; bottom: 4px; width: 8px; height: 8px; border-radius: 50%; background: #0046cd; content: '' } .setting_group .inr p .ico.sound { margin: 4px 8px 0 0 } .setting_group .inr li { font-size: 16px; line-height: 25px } .setting_group .inr li+li { margin-top: 10px } .setting_group .inr li:first-child { margin-top: 15px } .get_info_group { margin: 0 10px; padding-bottom: 70px } /*.get_info_group .total_txt { margin: 15px 0px; padding-bottom: 19px; border-bottom: 1px solid #343434; font-family: 'NotoSansKR-Medium'; font-size: 17px; color: #161616; text-align: center }*/ .get_info_group .total_txt em { color: #0046cd; font-weight: bold } .get_info_group .toggle_title { position: absolute; /* padding: 25px 25px 0px !important */ } .get_info_group .toggle_title sub { padding-bottom: 0 !important; color: #565656; } .get_info_group .toggle_title .arr_down { position: absolute; top: 40px; right: 7px } .get_info_group .toggle_content { background: #fff } .get_info_group .btn_delete_box { border-top: 1px solid #fff; padding: 15px; } .get_info_group .btn_delete_box .delete { display: block; border: 1px solid #464646; width: 25%; height: 6vh; color: #464646 } .get_info_group ~ .btn_wrap { margin: 132px auto 60px !important } .get_info_group ~ .btn_wrap:after { display: block; clear: both; content: '' } .get_info_group ~ .btn_wrap a { float: left; width: 70%; height: 75px; padding: 0 !important; line-height: 75px; box-sizing: border-box } .get_info_group ~ .btn_wrap a:first-child { width: 30% } .get_info_group .ico.toggle_arr_down { position: absolute; top: 38px; right: 12px } .sub_text { display: block; margin-top: 15px } .data_table { display: table; width: 100%; margin-top: 15px; padding: 0 !important; /* border-top: 2px solid #262626 */ } .data_table>.item { display: table-row; width: 100%; /* text-align: center; */ font-size: 15px } /* .data_table>.item>.data { position: relative; display: table-cell; padding: 7px 0; border-bottom: 1px solid #a5a5a5 } .data_table>.item>.data>span { position: absolute; left: 0; width: 93px; height: 100%; padding-left: 15px } */ .data_table>.item>.data.arrw_box { display: block; position: relative } .data_table>.item .arr_down { position: absolute; right: 15px; top: 27px } .data_table>.item.on .arr_down { background-image: url(/images/sprites/sp_ico2.png); background-position: -339px -206px; width: 20px; height: 10px } .data_table .dtitle { background: #f8f8f8 } .none_box { min-height: 150px; padding: 50px 0 25px 0; text-align: center } .none_box strong { display: block; padding-top: 15px; font-size: 14px; font-weight: normal; } .chk_box { position: relative; width: 22px; margin: 0 auto } .chk_box input[type="checkbox"] { display: none } .chk_box input[type="checkbox"]+label { width: 18px !important; height: 18px !important; background: #fff; border: 1px solid #1b1b1b; cursor: pointer; float: left } .chk_box input[type="checkbox"]:checked+label { float: left; background: url(/images/chk.png) no-repeat center/10px 10px } .chk_box input[type="checkbox"]+label span { display: block; position: absolute; left: 29px; top: -2px } .pc_btnbox { width: 500px; margin: 21px auto !important } .pc_btnbox a { width: 50% !important } .loading { height: 388px; background: none; text-align: center } .loading img { width: 100px } .loading p { padding-top: 15px; text-align: center; font-size: 22px; font-weight: bold; letter-spacing: 4px; color: #fff } .table_agr_box>table { width: 100% } .table_agr_box>table tr { border-bottom: 1px solid #c4c4c4 } .table_agr_box>table tr th { width: 8%; height: 75px; background: #f8f8f8; line-height: 75px; text-align: center } .table_agr_box>table tr td { cursor: pointer } .table_agr_box>table tr td .agr_data { padding: 10px; font-size: 15px } .table_agr_box>table tr td .agr_data a { color: #161616 } .table_agr_box>table tr td .agr_data strong, .table_agr_box>table tr td .agr_data sub { display: block } .table_agr_box>table tr td .agr_data strong { padding-bottom: 5px } .table_agr_box>table tr td .agr_data sub { padding-top: 11px } .table_agr_box>table tr td .agr_data>.item>div { display: block; position: relative; /* padding: 0 14px */ } .table_agr_box>table tr td .agr_data>.item>div:first-child { padding: 0 14px 0 0 } .table_agr_box>table tr td .agr_data>.item>div:last-child::after { display: none } .space_style { margin: 0px 10px 0 } .table_agree { margin-top: 20px; border-top: 2px solid #343434; width: 100%; } .table_agree li { overflow: hidden; border-bottom: 1px solid #cccccc; display: table; width: 100%; } .table_agree li>.toggle_title { padding: 0 !important } .table_agree li .left_box { /*float: left;*/ width: 30%; background: #f8f8f8; font-weight: bold; text-align:center; vertical-align:middle; display: table-cell; box-sizing: border-box; } .table_agree li .right_box { /*float: left;*/ width: 60%; padding: 15px 0px; display: table-cell; vertical-align:middle; box-sizing: border-box; } .table_agree li .right_box2 { width: 10%; text-align: center; vertical-align:middle; display: table-cell; box-sizing: border-box; } /*.table_agree li .right_box>.arr_down { position: absolute; top: 32px; right: 16px }*/ .table_agree li .right_box { padding-left: 15px; font-size: 15px } /*.table_agree li .left_box::after, .table_agree li .right_box::after { content: ''; display: block; clear: both }*/ .table_agree li .table_agree_cont { width: 100%; padding: 20px; box-sizing: border-box; font-size: 14px; border-top: 1px solid #c4c4c4 } /*.table_agree li.on .table_agree_cont { border-top: 1px solid #c4c4c4 }*/ .table_agree li.on .arr_down { background-image: url(/images/sprites/sp_ico2.png); background-position: -339px -206px; width: 20px; height: 11px } .result_agr_table { margin-top: 20px } .result_agr_table .sub_title { display: block; margin: 10px 0; font-size: 15px } .deTitle .sub_title { display: block; margin: 10px 0; font-size: 14px; color: #333; } .result_agr_table>table { width: 100%; border-top: 2px solid #343434; font-size: 12px; } .result_agr_table>table thead tr { border-bottom: 1px solid #c4c4c4 } .result_agr_table>table thead tr th { background: #f8f8f8; height: 75px; line-height: 75px } .result_agr_table>table tbody tr { border-bottom: 1px solid #c4c4c4 } .result_agr_table>table tbody tr td { height: 75px; line-height: 75px; text-align: center } .result_agr_table>table tbody tr.txt_agree_stl { color: #0046cd } /* .ico { display: inline-block; vertical-align: top } .ico.logo { background-image: url(/images/sprites/sp_ico2.png); background-position: -313px 0px; width: 191px; height: 31px } .ico.logo_w { background-image: url(/images/sprites/sp_ico2.png); background-position: -313px -41px; width: 191px; height: 31px } */ /* .ico.footerlogo { background-image: url(/images/sprites/sp_ico2.png); background-position: -313px -82px; width: 145px; height: 38px } */ /* .ico.lin_btn { background-image: url(/images/sprites/sp_ico2.png); background-position: -427px -130px; width: 24px; height: 23px } */ .ico.icon_download { background-image: url(/images/sprites/sp_ico2.png); background-position: -468px -82px; width: 30px; height: 30px } .ico.icon_download_1 { background-image: url(/images/sprites/sp_ico2.png); background-position: -393px -164px; width: 22px; height: 21px } .ico.faq_icon { background-image: url(/images/sprites/sp_ico2.png); background-position: -313px -206px; width: 16px; height: 22px } /* .ico.faq_icons { background-image: url(/images/sprites/sp_ico2.png); background-position: -453px -164px; width: 13px; height: 18px } */ .ico.arr_down { background-image: url(/images/sprites/sp_ico2.png); background-position: -476px -164px; width: 20px; height: 10px } .ico.noti_icon { background-image: url(/images/sprites/sp_ico2.png); background-position: -170px 0px; width: 133px; height: 134px } .ico.title_icon { background-image: url(/images/sprites/sp_ico2.png); background-position: -369px -206px; width: 11px; height: 11px } .ico.alert_bg { background-image: url(/images/sprites/sp_ico2.png); background-position: -170px 0px; width: 133px; height: 134px } .ico.wallet_bg { background-image: url(/images/sprites/sp_ico2.png); background-position: 0px 0px; width: 160px; height: 160px } /* .ico.top { background-image: url(/images/sprites/sp_ico2.png); background-position: -313px -130px; width: 70px; height: 66px } */ .ico.toggle_arr_down { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -441px -197px; width: 38px; height: 20px; width: 19px; height: 10px; background-position: -220.5px -98.5px; background-size: 293px 225.5px } .ico.toggle_arr_up { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -537px -197px; width: 38px; height: 20px; width: 19px; height: 10px; background-position: -268.5px -98.5px; background-size: 293px 225.5px } .ico.alert { background-image: url(/images/sprites/sp_ico2.png); background-position: 0px -170px; width: 107px; height: 102px } .ico.default { background-image: url(/images/sprites/sp_ico2.png); background-position: -117px -170px; width: 100px; height: 100px } .pc_blind { display: none !important } @media (max-width: 1379px){ .visual_group .swiper-navigator{display:none} .disuseText{margin: 30px 0 30px 0; } } @media (min-width: 475px) and (max-width: 600px){ .swiper-container2 img { width: 80%; margin: 0 auto; } .pc_popups.moBok2 {height: 70%;} } @media (min-width: 601px) and (max-width: 766px){ .swiper-container2 img { width: 70%; margin: 0 auto; } .pc_popups.moBok2 {height: 80%;} } @media (max-width: 767px){ #container.main{padding-bottom:10px} .visual_group{width:100%;background:#0046cd} .visual_group .swiper-container .swiper-pagination>.btn_group{position:absolute;top:6px;right:0} .visual_group .swiper-container .swiper-pagination>.btn_group button{display:none;overflow:hidden;width:11px;height:11px;cursor:pointer;z-index:11} .visual_group .swiper-container .swiper-pagination>.btn_group button.on{display:inline-block} /* .visual_group .swiper-slide{padding:0 15px} .visual_group .swiper-slide .inr p{margin-top:29px;font-size:25px;line-height:22px} .visual_group .swiper-slide .inr p strong{font-family:'NotoSansKR-Medium',arial,sans-serif !important;margin-top:5px;font-size:25px} .visual_group .swiper-slide .inr span{margin-top:19px;font-size:12px;letter-spacing:-1px} .visual_group .swiper-slide .inr i.visual_01{position:absolute;top:100%;right:-62px;bottom:auto;margin-top:-68px;z-index:-1} .visual_group .swiper-slide .inr a{height:35px;margin-top:24px; font-size:12px;color:#191b1b;line-height:33px} .visual_group .swiper-slide .inr a .lin_btn{margin:13px 0 0 14px} */ .visual_group .swiper-slide{height:150px;} .visual_group .swiper-pagination{bottom:8px} .visual_group .swiper-pagination .swiper-pagination-bullet-active:after{display:none} .visual_group .swiper-pagination .btn_group{display:none} .circle_panel_group{margin-top:0px} .circle_panel_group .inr li .count{width:19px;height:19px;margin-left:10px;font-size:13px;line-height:19px} .circle_panel_group .inr li span{font-size:11px; height: 20px;} .board_group{margin-top:23px} .board_group .inr .box{margin:0} .board_group .inr .box section{float:none;width:100%} .board_group .inr .box section+section{margin-top:17px} /* .board_group .inr .box section>.inr{height:150px;margin:0;padding:0 20px;border-radius:20px;box-shadow:0 2px 7px 0 rgba(0,0,0,0.1)} */ .board_group .inr .box section>.inr p{margin-top:4px} .board_group .inr .box section>.inr p span{font-size:17px} .board_group .inr .box section>.inr ul{margin-top:19px} .board_group .inr .box section>.inr ul li+li{margin:0} .board_group .inr .box section>.inr ul li a{font-size:14px; color: #333333;} .board_group .inr .box section>.inr ul li span{font-size:13px} .board_group .inr .box section>.inr .more{top:24px;right:19px} .board_group .inr .box section .faq_icons{margin:4px 7px 0 0} .board_group .inr .box section.link_banner>.inr{height:180px} .board_group .inr .box section.link_banner>.inr p{margin-top:14px;font-size:20px;line-height:28px} .board_group .inr .box section.link_banner>.inr a{height:35px;margin-top:24px;padding:0 22px;font-size:12px;color:#191b1b;line-height:33px} .board_group .inr .box section.link_banner>.inr a .lin_btn{margin:13px 0 0 14px} .about_group{padding-bottom:15px} .about_group .swiper-slide {padding: 0} /* .breadcrumb{display:none} */ #content .titWrap {text-align: center;} #content .title_txt{padding:13px 30px; font-size:18px; color:#000000; border-bottom:1px solid #cccccc; word-break:break-all; font-family: 'NotoSansKR-Medium', arial, sans-serif !important;} /*#content .title_txt.sub02{background:url(../images/bg_mobile_sub02.png) no-repeat top right;background-size:185px auto} #content .title_txt.sub03{background:url(../images/bg_mobile_sub03.png) no-repeat top right;background-size:185px auto} #content .title_txt.sub04{background:url(../images/bg_mobile_sub04.png) no-repeat top right;background-size:185px auto}*/ #content .titWrap sub {font-size:14px;letter-spacing:-1px; text-align: left; padding:20px 35px 42px 35px; color:#3a3a3a;} #content .title_txt+article{margin-top:40px} /* .about_group .swiper-pagination{display:none} */ .about_group>.inr{margin-top:15px;padding:0 15px} .about_group>.inr p{padding-left:19px;font-size:15px} .about_group>.inr p:after{position:absolute;width:9px;height:9px;margin-top:-4px} .about_group>.inr ul{padding-top:15px} .about_group>.inr ul li+li{margin-top:10px} .about_group>.inr ul li .box{padding:8px 15px;border-radius:15px;font-size:11px;line-height:17px} .about_group>.inr ul li span{margin:3px 15px 0 0;font-size:10px;color:#666;text-align:right} .ico.top{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1560px -1091px;width:100px;height:97px;width:50px;height:48.5px;background-position:-780px -545.5px;background-size:1205px 837.5px} .ico.faq_icons{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1846px -1091px;width:17px;height:25px;width:8.5px;height:12.5px;background-position:-923px -545.5px;background-size:1205px 837.5px} .ico.arr_down{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-2100px -1029px;width:30px;height:17px;width:15px;height:8.5px;background-position:-1050px -514.5px;background-size:1205px 837.5px} .ico.toggle_arr_down{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-2277px -975px;width:38px;height:20px;width:19px;height:10px;background-position:-1138.5px -487.5px;background-size:1205px 837.5px} .ico.arr_down_w{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-2140px -1029px;width:30px;height:17px;width:15px;height:8.5px;background-position:-1070px -514.5px;background-size:1205px 837.5px} .ico.arr_up_w{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-2220px -1029px;width:30px;height:17px;width:15px;height:8.5px;background-position:-1110px -514.5px;background-size:1205px 837.5px} .ico.icon_download{background-image:url(../images/sprites/sp_ico.png);background-position:-1289px -1145px;width:30px;height:30px;width:15px;height:15px;background-position:-644.5px -572.5px;background-size:1205px 804.5px} .ico.sound{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-2234px -975px;width:33px;height:29px;width:16.5px;height:14.5px;background-position:-1117px -487.5px;background-size:1205px 837.5px} .ico.title_icon{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-2290px -1029px;width:11px;height:11px;width:5.5px;height:5.5px;background-position:-1145px -514.5px;background-size:1205px 837.5px} .ico.alert{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1443px -1091px;width:107px;height:102px;width:53.5px;height:51px;background-position:-721.5px -545.5px;background-size:1205px 837.5px} .ico.default{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-852px -1302px;width:126px;height:126px;width:63px;height:63px;background-position:-426px -651px;background-size:1205px 837.5px} .ico.search{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1920px -1029px;width:30px;height:30px;width:15px;height:15px;background-position:-960px -514.5px;background-size:1205px 837.5px} /* .ico.visual_01{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:0px -975px;width:842px;height:700px;width:421px;height:350px;background-position:0px -487.5px;background-size:1205px 837.5px} .ico.circle_panel_01{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-988px -1302px;width:120px;height:120px;width:60px;height:60px;background-position:-494px -651px;background-size:1205px 837.5px} .ico.circle_panel_02{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1118px -1302px;width:120px;height:120px;width:60px;height:60px;background-position:-559px -651px;background-size:1205px 837.5px} .ico.circle_panel_03{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1248px -1302px;width:120px;height:120px;width:60px;height:60px;background-position:-624px -651px;background-size:1205px 837.5px} .ico.circle_panel_04{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1378px -1302px;width:120px;height:120px;width:60px;height:60px;background-position:-689px -651px;background-size:1205px 837.5px} .ico.circle_panel_05{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1378px -1302px;width:120px;height:120px;width:60px;height:60px;background-position:-754px -651px;background-size:1205px 837.5px} .ico.circle_panel_06{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1378px -1302px;width:120px;height:120px;width:60px;height:60px;background-position:-819px -651px;background-size:1205px 837.5px} */ .ico.board_more{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1808px -1091px;width:28px;height:26px;width:14px;height:13px;background-position:-904px -545.5px;background-size:1205px 837.5px} .ico.lin_btn{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-2260px -1029px;width:20px;height:15px;width:10px;height:7.5px;background-position:-1130px -514.5px;background-size:1205px 837.5px} .ico.main_banner_01{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-852px -975px;width:341px;height:317px;width:170.5px;height:158.5px;background-position:-426px -487.5px;background-size:1205px 837.5px} .ico.footerlogo{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1853px -975px;width:170px;height:44px;width:85px;height:22px;background-position:-926.5px -487.5px;background-size:1205px 837.5px} footer{min-width:auto; margin-top: 50px} footer #footer{position:relative;width:auto;height:auto;padding-bottom:20px} /*footer #footer .inr{margin:0;padding:0}*/ footer #footer .inr .footer_logo{position:relative;/*margin-top:14px*/} footer #footer .inr>ul{margin-top:14px} footer #footer .inr>ul li a{font-size:13px} footer #footer .inr>ul li a:after{top:5px;width:1px;background:#666} footer #footer .inr address{margin-top:30px;font-size:10px} footer #footer .btn_top{display:block;position:absolute;right:15px} .modal_con.send{ width: 90%} /* .modal_con.send .modal_content{padding:0 10px} */ .modal_con.send .item_group>ul>li+li{margin-top:10px} .modal_con.send .item_group>ul>li strong{font-size:13px; margin: 25px 0 0 0;} /* .modal_con.send .item_group>ul>li strong+.sub_title{margin-top:2px} */ /* .modal_con.send .item_group.bgGray { background-color: #f8f8f8; padding: 5px 25px 25px 25px ; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;} */ /* .modal_con.send .item_group>ul>li .sub_title{font-size:14px; margin-top: 20px; font-weight: bold; color: #000000;} */ .modal_con.send .item_group>ul>li .item{margin-top:5px} .modal_con.send .item_group input[type=text],.modal_con.send .item_group input[type=password],.modal_con.send .item_group .select_box select,.modal_con.send .item_group .select_box label{padding:0 5px;font-size:11px} .modal_con.send .item_group input[type=text],.modal_con.send .item_group input[type=password],.modal_con.send .item_group .select_box select,.modal_con.send .item_group .select_box label,.modal_con.send .item_group .btn {height:30px;font-size:11px} .modal_con.send .item_group input[type=text],.modal_con.send .item_group input[type=number],.modal_con.send .item_group input[type=password],.modal_con.send .item_group .select_box select,.modal_con.send .item_group .select_box label,.modal_con.send .item_group .btn {height:30px;font-size:11px} .modal_con.send .item_group .select_box select,.modal_con.send .item_group .select_box label{font-size:11px;line-height:28px} .modal_con.send .item_group input[type=text].calImg { background: url(/images/bg_calendar.png) 5px 5px no-repeat; padding-left: 35px; background-size:18px } .modal_con.send .item_group .radio_box{min-height:20px;margin-left:0px;line-height:20px; font-size: 12px; color: #666666; letter-spacing: -1px;} .modal_con.send .item_group .radio_box input {margin-left: 5px;} .modal_con.send .item_group .radio_box label {margin-left: 3px;} /* .modal_con.send .item_group .radio_box input[type=radio]+label{margin-left:10px;padding-left:20px;font-size:12px} */ /* .modal_con.send .item_group .radio_box input[type=radio]+label:before{width:16px;height:16px;margin-top:-7px} */ /* .modal_con.send .item_group .radio_box input[type=radio]:checked+label:after{left:5px;width:8px;height:8px;margin-top:-4px} */ .modal_con.send .item_group .radio_box>.text{margin:0 0 0 -10px;font-size:10px} .modal_con.send .item_group .input_box{font-size:12px; clear: both;} .modal_con.send .item_group .input_box.half span{line-height:28px} .modal_con.send .item_group .address_group>.inr{font-size:12px} .modal_con.send .item_group .address_group>.inr>div{float:none;width:100% !important} .modal_con.send .item_group .address_group>.inr>div+div{margin-top:5px} .modal_con.send .item_group .address_group>.inr>div.select_box+div.mg-l10{margin-left:0} .modal_con.send .item_group .address_group>.text{margin-top:5px;font-size:10px} .modal_con.send .item_group .input_button_box>.text{margin-top:5px;font-size:10px} .select_box label:after{right:10px;width:6px;height:4px;margin-top:-2px;background-size:6px auto} .modal_con.pc_popup_01 {/* top:15px !important;right:15px;bottom:15px;left:15px;width:auto;height:auto !important;margin:0 */ width:90%; } .modal_con.pc_popup_01 .alert_content{width:100%} .modal_con.pc_popup_01 .ckbox .ck_title strong{line-height:26px} .modal_con.pc_popup_01 .loading_content{height:auto !important} .modal_con.pc_popup_01 .data_box table.tb_align tr th:nth-child(1){width:80px} .modal_con.pc_popup_01 .data_box table.tb_align tr td{padding:6px;text-align:center} .modal_con.pc_popup_01 .data_box table tr th{padding:8px;font-size:12px} .modal_con.pc_popup_01 .data_box table tr th:nth-child(1){width:80px} .modal_con.pc_popup_01 .data_box table tr td{padding:6px;font-size:12px} .modal_con.pc_popup_01 .g_search_box .g_serch span input[type=text]{width:100%;box-sizing:border-box} /* .modal_con.pc_popup_01 .g_search_box .g_serch button{display:block;width:100%;margin-top:5px;font-size:12px} */ /* .modal_con.pc_popup_01 .pagination ul li a{width:22px;height:22px;font-size:11px;line-height:20px} */ /* .modal_con.pc_popup_01 .modal_content .g_search_box>.data_box { height: 100%; } */ .about_group>.inr .btn_group{margin-top:40px} .about_group>.inr .btn_group button{height:43px;padding:0 53px;border-radius:20px;font-size:14px;line-height:42px} /*.toggle_list>li>a { padding: 20px 0; }*/ .toggle_list>li a p b { font-size: 14px } .textH3 { font-size: 15px; padding-left: 10px; } .disMg { margin-bottom: 20px} .disuseText{ margin: 30px 0 30px 0; } .disuseText li{ font-size: 15px; line-height: 20px } .toggle_list>li .arr_down { position: absolute; right: 15px; top: 30px } .sub_select_group .date_box span { margin: 0; } .b9TextArea {font-size: 13px;letter-spacing: 0;} } @media (min-width: 768px) and (max-width: 901px){ .swiper-container2 img { width: 70%; margin: 0 auto; } .pc_popups.moBok2 {height: 100%;} } @media (min-width: 902px) and (max-width: 1090px){ .swiper-container2 img { width: 60%; margin: 0 auto; } .pc_popups.moBok2 {height: 100%;} } @media (min-width: 1091px) and (max-width: 1229px){ .swiper-container2 img { width: 50%; margin: 0 auto; } .pc_popups.moBok2 {height: 100%;} } @media (min-width: 768px) and (max-width: 1229px){ .visual_group .swiper-slide .inr i.visual_01{right:-171px} .tab_group .tab_btn_box button.on:after{bottom:-3px;height:3px} #content .title_txt{padding:38px 15px 30px} .sub_select_group .date_box span { margin: 0; } .visual_group .swiper-slide { height: 220px;} .ico.circle_panel_01{background-image:url(../images/sprites/mobile_sp_ico.png);width:84px;height:84px;background-position:-691.4px -903px;background-size:1687px 1162.5px} .ico.circle_panel_02{background-image:url(../images/sprites/mobile_sp_ico.png);width:84px;height:84px;background-position:-1238px -903px;background-size:1687px 1162.5px} .ico.circle_panel_03{background-image:url(../images/sprites/mobile_sp_ico.png);width:84px;height:84px;background-position:-1329px -903px;background-size:1687px 1162.5px} .ico.circle_panel_04{background-image:url(../images/sprites/mobile_sp_ico.png);width:84px;height:84px;background-position:-782.6px -903px;background-size:1687px 1162.5px} .ico.circle_panel_05{background-image:url(../images/sprites/mobile_sp_ico.png);width:84px;height:84px;background-position:-873.6px -903px;background-size:1687px 1162.5px} .ico.circle_panel_06{background-image:url(../images/sprites/mobile_sp_ico.png);width:84px;height:84px;background-position:-1146.6px -903px;background-size:1687px 1162.5px} .ico.circle_panel_07{background-image:url(../images/sprites/mobile_sp_ico.png);width:84px;height:84px;background-position:-689px -903px;background-size:1687px 1162.5px} .ico.circle_panel_08{background-image:url(../images/sprites/mobile_sp_ico.png);width:84px;height:84px;background-position:-964.6px -903px;background-size:1687px 1162.5px} #content .titWrap {text-align: center;} #content .title_txt{margin:0 30px;padding:13px 0 24px 0px;font-weight:bold;font-size:24px;border-bottom:1px solid #cccccc} /*#content .title_txt.sub02{background:url(../images/bg_mobile_sub02.png) no-repeat top right;background-size:185px auto} #content .title_txt.sub03{background:url(../images/bg_mobile_sub03.png) no-repeat top right;background-size:185px auto} #content .title_txt.sub04{background:url(../images/bg_mobile_sub04.png) no-repeat top right;background-size:185px auto}*/ #content .titWrap sub {font-size:16px;letter-spacing:-1px; text-align: left; padding:30px 35px 42px 35px; color:#3a3a3a;} .circle_panel_group.pgSet p { font-size: 18px} .circle_panel_group.pgSet p a { font-size: 14px;} .circle_panel_group.pgSet .ico.circle_panel_01{width:84px;height:84px;background-position:-691.4px -903px;background-size:1687px 1162.5px} .circle_panel_group.pgSet .ico.circle_panel_02{width:84px;height:84px;background-position:-1238px -903px;background-size:1687px 1162.5px} .circle_panel_group.pgSet .ico.circle_panel_03{width:84px;height:84px;background-position:-1329px -903px;background-size:1687px 1162.5px} .circle_panel_group.pgSet .ico.circle_panel_04{width:84px;height:84px;background-position:-782.6px -903px;background-size:1687px 1162.5px} .circle_panel_group.pgSet .ico.circle_panel_05{width:84px;height:84px;background-position:-873.6px -903px;background-size:1687px 1162.5px} .circle_panel_group.pgSet .ico.circle_panel_06{width:84px;height:84px;background-position:-1146.6px -903px;background-size:1687px 1162.5px} .circle_panel_group.pgSet .ico.circle_panel_07{width:84px;height:84px;background-position:-689px -903px;background-size:1687px 1162.5px} .circle_panel_group.pgSet .ico.circle_panel_08{width:84px;height:84px;background-position:-964.6px -903px;background-size:1687px 1162.5px} .pc_popups.moBok {height: 570px;} } /*@media ( max-width : 1920px) {*/ .infolist { width: calc(100% - 30px); margin: 0 auto } .infolist.space { margin: 20px 0 115px 0 } .infolist .list_table { margin-top: 0; margin-bottom: 140px } .infolist .list_table .total { font-size: 18px } .infolist .list_table .table_box { height: 504px } .infolist .list_table .table_box table thead tr th { border-left: 1px solid #e3e3e3 } .infolist .list_table .table_box table thead tr th:nth-child(1) { width: 50px } .infolist .list_table .table_box table tbody tr { height: 45px } .infolist .list_table .table_box table tbody tr td { font-size: 13px } .infolist .list_table .table_box table tbody tr td:nth-child(2) { padding-left: 10px; text-align: left } .select_group { /* margin-top: 18px; */ /* width: calc(100% - 20px); margin: 0 auto */ padding:0 10px } .mo_on { display: block } .mobile_ontab { display: block } .mo_blind { /* 반응형 th 깨짐현상 수정 210105 */ display: none !important } .pc_blind { display: table-row !important; } .tab_blind { display: none } .mo_block { display: block } .disMg { margin-bottom: 20px} .disuseText{ margin: 30px 0 30px 0; } /*.logo_w.on { background-image: url(/images/sprites/mobile_sp_ico.png); background-position: -240px 0px; width: 346px; height: 51px; width: 173px; height: 25.5px; background-position: -120px 0px; background-size: 293px 225.5px }*/ #wrap .btn_wrap { margin: 21px auto 0 auto !important; } #wrap .btn_wrap a { height: 49px; line-height: 49px; font-size: 16px; padding: 10px 30px; } #wrap .button_blue { font-size: 16px } #wrap .btn3_box { width: 96%; margin: 15px auto } #wrap .btn3_box a { height: 65px; padding-top: 10px; width: 50%; font-size: 15px } #wrap .btn2_box { width: 96%; margin: 15px auto } #wrap .btn2_box a { height: 65px; padding-top: 10px; width: 100%; font-size: 15px } .page_summary { margin: 10px 0; padding: 10px; font-size: 14px; line-height: 21px } #content { overflow: hidden; position: relative; width: 100%; padding: 0; box-sizing: border-box } #content select { font-size: 16px } #content .main_tabbtn { margin: 46px 15px } #content .main_tabbtn button { height: 50px; font-size: 15px; line-height: 19px } #content .main_tabbtn button span { display: block } #content .mobile_tab3 button { width: 33.3% } #content .tab_group .tab_content h2 { margin: 44px 0; font-size: 25px } #content .tab_group .tab_content .imgcontent { padding: 25px } #content .tab_group .tab_content .imgcontent span { display: block; float: none; text-align: center } #content .tab_group .sub_tabbtn button { height: 56px; line-height: 56px; font-family: 'NotoSansKR-Medium' !important; font-size: 17px } #content .agr_txt { font-size: 18px } #content .agr_txt .mo_br { display: block } #content .history_back { display: block; position: absolute; top: 0; left: 5px; padding: 10px } #content .detail_group { margin: 0 25px; } #content .detail_group .detail_title { /* width: calc(100% - 30px); */ height: auto; /* margin: 50px 15px 0 */ } #content .detail_group .detail_title .line { width: 194px; margin-top: 5px } #content .detail_group .detail_txt { width: calc(100% - 15px); margin: 0 auto; padding-top: 15px; font-size: 18px } #content .detail_group .total_subtitle { padding-top: 42px; margin: 0 15px; font-size: 23px } #content .detail_group .total_subtitle+.de_list { margin-top: 0 } #content .detail_group .dListWrap { border: 1px solid #cccccc; /*padding: 15px;*/ border-radius:15px; margin-top: 5px; } #content .detail_group .dListWrap { border: 1px solid #cccccc; /*padding: 15px;*/ border-radius:15px; margin-top: 15px; } #content .sendD>p { font-size: 22px; color: black; font-weight: bold; text-align: left; width: 100%; padding: 0 0 10px 0; border-bottom: 1px solid #ccc; margin: 10px auto 0 auto; } #content .sendD>p.borNon { border-bottom: 0px solid #ccc; padding: 0 0 0px 0; } /* #content .detail_group .dListWrap>p { font-size: 22px; color: black; font-weight: bold; text-align: center; width: 90%; padding: 0 0 20px 0; border-bottom: 1px solid #cccccc; margin: 10px auto 0 auto; } */ #content .detail_group .de_list { margin: 10px 0; } #content .detail_group .de_list>li:after { display: block; clear: both; content: '' } #content .detail_group .de_list>li:last-child { border: 0 } #content .detail_group .de_list>li .sub_title { margin: 0; margin-right: 15px; font-size: 15px; word-break: break-all } #content .detail_group .de_list>li .sub_title2 { width: 100%; margin: 0; font-size: 15px; word-break: break-all } #content .detail_group .de_list>li .table_box { display: block } #content .detail_group .de_list>li .table_box .table_tit { display: block; width: 100%; height: 52px; border-bottom: 1px solid #a5a5a5; line-height: 52px; font-size: 17px } #content .detail_group .de_list>li .table_box .table_content { display: block; width: 100% } #content .detail_group .de_list>li .table_box .table_content .item { padding: 18px 0 18px 5px } #content .detail_group .de_list>li .table_box .table_content .item>div { font-size: 20px } #content .detail_group .de_list>li .table_box .table_content .item>div span { display: inline-block; padding: 0; font-size: 15px } #content .detail_group .de_list>li .table_box .table_content .item>div .style_right { top: 13px } #content .detail_group .de_list>li a.btn { float: right; display: inline-block; margin-top: 22px; padding: 8px 18px; margin-left: 24px; border: 1px solid #161616; font-size: 18px; color: #161616; font-family: 'NotoSansKR-Medium'; text-decoration: none } #content .detail_group .de_list>li span { /* padding: 16px 0 6px 0; */ font-size: 16px; font-weight: bold; } #content .detail_group .de_list>li .grayBg{ background: #f8f8f8; padding:10px } #content .detail_group .de_list>li table td { font-size: 17px; height: 61px } #content .detail_group .de_list>li .inline_content a { padding-top: 22px; font-size: 15px } #content .detail_group .de_list .inline_content a.button { font-size: 15px; padding: 5px 18px } #content .detail_group .btn_wrap:after { display: block; clear: both; content: '' } #content .detail_group .btn_wrap a { float: left; width: 70%; height: 75px; padding: 0; line-height: 75px; font-size: 16px; box-sizing: border-box } #content .detail_group .btn_wrap a:first-child { width: 30% } #content .detail_group .btn_wrap a.mo_wd { width: 100% } .sub_select_group { padding: 0 } .sub_select_group .sub_select:after { display: block; clear: both; content: '' } .sub_select_group p.serTitle {margin: 15px 0 5px 0; font-weight: bold;} .sub_select_group2 p.serTitle {margin: 15px 0 5px 0; font-weight: bold;} .sub_select_group2 p.serTitletop {margin: 0px 0 5px 0; font-weight: bold;} .sub_select_group+.sub_text { margin-top: 316px !important } .sub_select_group .find_btn { width: 100% } .tab_content .about_txt { width: auto; margin: 49px auto 0; padding: 0 15px; font-size: 16px; line-height: 20px } .tab_content .about_txt span { display: block; margin-top: 26px } .tab_content .input_box { margin: 0 } .tab_content .sub_text { display: block; margin: 15px 15px 0; padding-bottom: 4vh; font-size: 14px; line-height: 1.5; color: #8f8f8f } .tab_content .notice_group .select_wrap { max-width: 100% } .tab_content .notice_group input[type=text] { background: url("/images/mobile_search_btn_grey.png") no-repeat; background-position: 10px 16px; background-size: 19px; font-size: 16px } .tab_content .notice_group input[type=text]::placeholder { color: #c3c3c3 } .tab_content .notice_group input[type=text].style_bg { background: #fff; margin-bottom: 20px } .tab_content .notice_group .find_btn { margin: 23px auto 0 } .notice_group input[type=text] { margin: 0 0 15px 0 } .select_group .find_btn { margin: 0 } .select_group .find_btn>button { height: 49px; font-size: 16px; border-radius:12px; } .result_group .list_group li, .reference_group .list_group li { padding: 9px 15px } .result_group .total_txt, .reference_group .total_txt { margin-top: 9px; padding-left: 0px; /* 기존 15px */ color: #161616 } .result_group .notice_list, .result_group .reference_list, .reference_group .notice_list, .reference_group .reference_list { display: none } .result_group .notice_list.mobile, .result_group .reference_list.mobile, .reference_group .notice_list.mobile, .reference_group .reference_list.mobile { display: table } .result_group .notice_list.mobile thead th, .result_group .reference_list.mobile thead th, .reference_group .notice_list.mobile thead th, .reference_group .reference_list.mobile thead th { height: 49px; line-height: 49px; font-weight: bold; font-size: 15px; text-align: center } .result_group .notice_list.mobile tbody td, .result_group .reference_list.mobile tbody td, .reference_group .notice_list.mobile tbody td, .reference_group .reference_list.mobile tbody td { padding: 0 5px; font-size: 15px; text-align: left; word-break: break-all } .result_group .notice_list.mobile tbody td .date, .result_group .notice_list.mobile tbody td sub, .result_group .reference_list.mobile tbody td .date, .result_group .reference_list.mobile tbody td sub, .reference_group .notice_list.mobile tbody td .date, .reference_group .notice_list.mobile tbody td sub, .reference_group .reference_list.mobile tbody td .date, .reference_group .reference_list.mobile tbody td sub { display: block; font-size: 15px; color: #8f8f8f } .result_group .list_group>ul>li, .reference_group .list_group>ul>li { padding: 0 0 15px 0 } .result_group .list_group .result_text, .reference_group .list_group .result_text { width: 100%; display: block; text-align: center } .result_group .list_group ol, .reference_group .list_group ol { float: none; width: 100%; padding-top: 22px } .result_group .list_group ol li, .reference_group .list_group ol li { float: unset; width: 99%; margin: 0 auto } .result_group .list_group ol li:nth-child(1), .reference_group .list_group ol li:nth-child(1) { margin-right: 0 } .result_group .list_group span:nth-child(1), .reference_group .list_group span:nth-child(1) { font-size: 15px } .result_group .list_group span:nth-child(2), .reference_group .list_group span:nth-child(2) { font-size: 15px } .result_group .inr, .reference_group .inr { padding: 15px 0 !important } .result_group .inr.notPad { padding:0 !important; margin: 0 !important;} .reference_group h3 { padding: 0 0 7px 15px; font-size: 20px } .reference_group .reference_list { margin-bottom: 48px } .reference_group .reference_list tbody tr td { position: relative; padding: 0 45px 0 15px !important } .reference_group .reference_list tbody tr td a:last-child { position: absolute; top: 50%; right: 5px; width: 15px; height: 15px; padding: 10px; margin-top: -18px } .select_group .sub_select_group { margin: 0px 20px; } .select_group .find_btn { width: 100%; height: 75px; margin: 0 auto } .sub_select_group select { /* margin: 9px 0 */ } .sub_select_group select.m_select { width: 100%; float: none } .sub_select_group select.s_select { float: none; width: 100%; margin: 0 } .sub_select_group select.s_select_last { float: none; width: 100%; margin: 0 } .sub_select_group input[type=text] { margin: 5px 0 20px 0; font-size: 16px } .sub_select_group input[type=text].set_2 { width: 100% } .sub_select_group input[type=text].set_3 { width: 100% } .sub_select_group input[type=text].set_keyword { margin: 20px 0 0 0 } .sub_select_group .find_btn { width: 100%; height: 75px } /* .toggle_group .toggle_list li .toggle_title { padding: 20px 15px; font-size: 17px; border: 1px solid #cccccc; border-radius: 13px; font-weight: bold; /margin-top: 20px; } */ .toggle_group .toggle_list li .toggle_title sub { font-size: 14px; font-weight: normal; padding: 10px 0; } .toggle_group .toggle_list li .toggle_title sub.partNm { /* font-weight: bold; */ font-size: 13px; font-family: "NotoSansKR-Medium"; } /* .toggle_group .toggle_list li .toggle_title p a { display: block; position: absolute; right: 20px; top:15px; } */ /* .toggle_group .toggle_list li .toggle_title span { display: block; padding: 15px 0; text-align: center; width: 110%; } */ .toggle_group .toggle_list li .toggle_title p { font-size: 15px; font-weight: bold } /* .toggle_group .toggle_list li .toggle_title p span { font-weight: normal; font-size: 15px } */ .toggle_group .toggle_list li .toggle_content { padding: 10px 15px 25px 15px; } .faq_group { padding: 0; } .result_group .total_txt { border: 0; /* border-bottom: 2px solid #343434; */ } /*.toggle_list { border-top: 2px solid #262626 }*/ .toggle_list .faq_icon { margin-top: 5px } /* .toggle_list>li.on { background: #f8f8f8 } */ .toggle_list>li.on .arr_down { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -506px -240px; width: 30px; height: 17px; width: 15px; height: 8.5px; background-position: -253px -120px; background-size: 293px 225.5px } .toggle_list>li.borNon.on .arr_down { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -506px -240px; width: 30px; height: 17px; width: 15px; height: 8.5px; background-position: -253px -120px; background-size: 293px 225.5px } /* .faq_group .toggle_list>li a { padding: 22px 15px } */ .toggle_list>li a p { /* padding-left: 12px; */ font-size: 14px; width: 93%; color: #565656; } .toggle_list>li a p.w90 { width: 90% !important; } .toggle_list>li a p.faqWid { padding-left: 13px; font-size: 14px; width: 85%; color: #565656; font-weight: bold; } .toggle_list>li a p b { color:#000; font-size: 18px; } .toggle_list>li a p sub { color:#565656; font-size: 14px; display: block; padding: 10px 0; } .toggle_list>li a p span { color:#565656; font-size: 13px; display: block; font-weight: bold; } .toggle_list>li .faq_content { line-height: 24px; background-color: #f8f8f8; border-bottom-left-radius:15px; border-bottom-right-radius:15px; } .notice_detail_group { width: calc(100% - 15px); margin: 15px auto; padding: 0 } .notice_detail_group .inr { border-top: 1px solid #262626 } .notice_detail_group .inr .box { position: relative; text-align: right } .notice_detail_group .inr .box strong { display: block; padding: 15px 14px 0; font-size: 17px; text-align: left; font-weight: bold; } .notice_detail_group .inr .box span { display: inline-block; width: auto !important; margin: 0 15px -52px 0; padding: 0; font-size: 15px; color: #8f8f8f } .notice_detail_group .inr .box span.writer { right: 124px } .notice_detail_group .inr .box span.date { right: 54px } .notice_detail_group .inr .box span.count { right: 15px } .notice_detail_group .inr .content_box { padding: 64px 14px 71px; font-size: 15px; line-height: 31px } .notice_detail_group .inr .file_down strong, .notice_detail_group .inr .file_down a, .notice_detail_group .inr .file_down span { display: block; width: 100% } .notice_detail_group .inr .file_down a { padding: 15px } .notice_detail_group .inr .file_down span { color: #8f8f8f } .notice_detail_group .link_btn { width: auto; margin: 68px 0 0 0 } .notice_detail_group .link_btn a { font-size: 15px; line-height: 49px } /* .pagination{padding:20px 0 0px 0} .pagination ul{display:inline-block;text-align:center} .pagination ul li{float:left;width:auto} .pagination ul li+li{margin-left:5px} .pagination ul li a{width:27px;height:27px;font-weight:normal;font-size:13px;line-height:25px; border-radius: 5px} .pagination ul li.current a{font-weight:bold} */ /* .pagination { padding-top: 19px } .pagination li { width: 8% } .pagination li a { font-size: 13px } .pagination li.current a { font-size: 13px } */ .footer_guide { overflow: hidden; max-height: none; margin: 45px 15px; padding: 14px 10px; border-radius: 24px; border-color: #0046cd } .footer_guide strong { font-size: 14px } .footer_guide p { font-size: 12px } .footer_guide ul>li { margin-bottom: 19px; font-size: 12px } .footer_guide ol>li { font-size: 12px; line-height: 26px } .footer_guide ol>li span { display: inline-block; width: 12px; height: 12px; margin-right: 2px; padding: 0; font-size: 11px; text-align: center; line-height: 15px } .result_group .array_group a { font-size: 13px } .result_group .total_txt { font-size: 18px; /* padding-left: 10px; */ font-weight: bold; clear: both; } .result_group .total_txtBo { font-size: 18px; font-weight: bold; margin-top:9px ; } .result_group .total_txtBo .total { padding-left: 10px } .result_group .total_txtBo .total em { color: #0046cd; } .result_group .total_txtBo .array_group { padding-right: 15px } .result_group.type2 { margin: 0 20px } .result_group .list_group>ul>li p { padding: 3px 0; line-height: 1.5; font-size: 17px } .result_group .list_group>ul>li>a { display: block } .result_group .list_group ol li { height: 49px; line-height: 49px } .result_group .list_group ol li a { font-size: 15px } /* footer { min-width: auto } footer #footer { position: relative; width: auto; height: auto; padding-bottom: 40px } footer #footer .inr { margin: 0; padding: 0 } footer #footer .inr .footer_logo { position: relative; margin-top: 38px } footer #footer .inr>ul { margin-top: 19px } footer #footer .inr>ul li a { font-size: 14px } footer #footer .inr>ul li a:after { top: 4px; width: 1px } footer #footer .inr address { margin-top: 15px; font-size: 10px } footer #footer .btn_top { display: block; position: absolute; top: 0; right: 15px } */ .btn_table table thead tr th { height: 49px; font-size: 15px } /* .btn_table table thead tr th:nth-child(3) { width: 45% } .btn_table table thead tr th:nth-child(4) { width: 20% } .btn_table table thead tr th:nth-child(5) { width: 10% } .btn_table table tbody tr td:nth-child(3) { font-size: 15px; padding: 5px 0; text-overflow: unset; white-space: normal }*/ .btn_table table tbody tr td.agency { display: block; padding-top: 5px; font-size: 14px; color: #8f8f8f } .btn_table table tbody tr td { font-size: 14px } .btn_table table tbody tr td button { padding: 6px 10px; font-size: 14px } .btn_table.set_t01 table thead tr th { height: 49px; font-size: 15px } /* .btn_table.set_t01 table thead tr th:nth-child(2) { text-align: left; padding-left: 12px } .btn_table.set_t01 table thead tr th:nth-child(3) { width: 20%; padding-right: 12px } */ .btn_table.set_t01 table tbody tr td { height: 70px; padding: 0 } /* .btn_table.set_t01 table tbody tr td:nth-child(2) { font-size: 15px } .btn_table.set_t01 table tbody tr td:nth-child(3) { font-size: 14px } */ /* .ico.logo { background-image: url(/images/sprites/mobile_sp_ico.png); background-position: -240px 0px; width: 346px; height: 51px; width: 173px; height: 25.5px; background-position: -120px 0px; background-size: 293px 225.5px } .ico.menu { background-image: url(/images/sprites/mobile_sp_ico.png); background-position: -493px -61px; width: 57px; height: 48px; width: 28.5px; height: 24px; background-position: -246.5px -30.5px; background-size: 293px 225.5px } .ico.menu_w { background-image: url(/images/sprites/mobile_sp_ico.png); background-position: 0px -347px; width: 57px; height: 46px; width: 28.5px; height: 23px; background-position: 0px -173.5px; background-size: 293px 225.5px } .ico.menu_close { background-image: url(/images/sprites/mobile_sp_ico.png); background-position: 0px -403px; width: 48px; height: 48px; width: 24px; height: 24px; background-position: 0px -201.5px; background-size: 293px 225.5px } .ico.back { background-image: url(/images/sprites/mobile_sp_ico.png); background-position: -560px -61px; width: 26px; height: 48px; width: 13px; height: 24px; background-position: -280px -30.5px; background-size: 293px 225.5px }*/ /* .ico.footerlogo { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -110px -240px; width: 170px; height: 44px; width: 85px; height: 22px; background-position: -55px -120px; background-size: 293px 225.5px } */ /* .ico.menu_arr_down { background-image: url(/images/sprites/mobile_sp_ico.png); background-position: -338px -240px; width: 34px; height: 17px; width: 17px; height: 8.5px; background-position: -169px -120px; background-size: 293px 225.5px } */ /* .ico.top { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: 0px -240px; width: 100px; height: 97px; width: 50px; height: 48.5px; background-position: 0px -120px; background-size: 293px 225.5px } */ .ico.about_mydata01 { background-image: url(/images/sprites/mobile_sp_about.png); background-position: -700px 0px; width: 690px; height: 2084px; width: 345px; height: 1042px; background-position: -350px 0px; background-size: 695px 1204.5px } .ico.about_mydata01+img { display: none } .ico.about_mydata02 { background-image: url(/images/sprites/mobile_sp_about.png); background-position: 0px 0px; width: 690px; height: 2409px; width: 345px; height: 1204.5px; background-position: 0px 0px; background-size: 695px 1204.5px } .ico.about_mydata02+img { display: none } .ico.faq_icon { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -110px -294px; width: 23px; height: 33px; width: 11.5px; height: 16.5px; background-position: -55px -147px; background-size: 293px 225.5px } .ico.arr_down { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -426px -240px; width: 30px; height: 17px; width: 15px; height: 8.5px; background-position: -213px -120px; background-size: 293px 225.5px } .ico.toggle_arr_down { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -441px -197px; width: 38px; height: 20px; width: 19px; height: 10px; background-position: -220.5px -98.5px; background-size: 293px 225.5px } .ico.arr_down_w { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -466px -240px; width: 30px; height: 17px; width: 15px; height: 8.5px; background-position: -233px -120px; background-size: 293px 225.5px } .ico.arr_up_w { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -546px -240px; width: 30px; height: 17px; width: 15px; height: 8.5px; background-position: -273px -120px; background-size: 293px 225.5px } .ico.icon_download { background-image: url(/images/sprites/sp_ico2.png); background-position: -468px -82px; width: 30px; height: 30px; width: 15px; height: 15px; background-position: -234px -41px; background-size: 252px 136px } /* .ico.lin_btn { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -143px -294px; width: 28px; height: 26px; width: 14px; height: 13px; background-position: -71.5px -147px; background-size: 293px 225.5px } */ /* .ico.doc_info_setting { background-image: url(/images/sprites/mobile_sp_ico.png); background-position: 0px 0px; width: 230px; height: 230px; width: 115px; height: 115px; background-position: 0px 0px; background-size: 293px 225.5px } */ .ico.sound { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -543px -119px; width: 33px; height: 29px; width: 16.5px; height: 14.5px; background-position: -271.5px -59.5px; background-size: 293px 225.5px } .ico.title_icon { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -376px -173px; width: 11px; height: 11px; width: 5.5px; height: 5.5px; background-position: -188px -86.5px; background-size: 293px 225.5px } .ico.alert { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -376px -61px; width: 107px; height: 102px; width: 53.5px; height: 51px; background-position: -188px -30.5px; background-size: 293px 225.5px } .ico.default { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -240px -61px; width: 126px; height: 126px; width: 63px; height: 63px; background-position: -120px -30.5px; background-size: 293px 225.5px } #container .mo_br { display: block } .faq_info ul li a { padding-left: 5px } .section_mainview { height: 134vw; max-height: 670px } .section_mainview .inr_title { padding-top: 16px } .section_customer .inr { width: 96% !important } .section_customer .inr .customer_content { padding: 15px 20px } .section_customer { margin-top: -347px } .section_mainview .inr_title h2 { font-size: 33px; line-height: 48px } .section_mainview .inr_title h2 strong { display: block; font-size: 40px; font-weight: bold } .section_customer .c_name { font-size: 21px; text-align: center; border-bottom: 1px solid #e7e7e7; padding: 5px 0 20px 0 } .section_customer .c_name>strong { font-size: 29px } .section_customer .c_name .mo_block { display: block } .section_customer .inr_customer { padding: 36px 22px } .section_customer .mydata_con { margin-top: 5px; height: auto } .section_customer .mydata_con li { float: none; overflow: hidden; height: auto } .section_customer .mydata_con li:nth-child(1) { width: 100%; height: 100px; padding: 0 32px; background-position: 89% 7px; background-size: 90px } .section_customer .mydata_con li:nth-child(1) h2 { font-size: 27px } .section_customer .mydata_con li:nth-child(1) h2 .title_icon { top: -12px; left: 63px } .section_customer .mydata_con li:nth-child(2) { width: 100%; font-size: 15px; padding: 0 0 7px 0; line-height: 33px; text-align: center } .section_customer .mydata_con li:nth-child(2) .half_undeline em { font-size: 25px } .section_customer .mydata_con li:nth-child(3) { position: static; float: none; width: 100%; height: auto } .section_customer .mydata_con li:nth-child(3) a { line-height: 50px; margin-bottom: 13px; font-size: 17px } .section_customer .mydata_con li:nth-child(3) .mo_on { display: block } .section_customer .mydata_con li::after { content: ''; display: block; clear: both } .section_customer .mydata_con li a { line-height: 50px; font-size: 17px } .section_content .brief_content { width: 100% } .section_content .brief_content .indiv_wrap { float: none; width: calc(100% - 4vw); min-width: 95%; height: auto; margin: 25px auto; padding: 37px 20px; box-sizing: border-box } .section_content .brief_content .indiv_wrap:nth-child(1) { height: 265px } .section_content .brief_content .link_text { font-size: 17px; font-weight: bold } .section_content .brief_content .link_text span { font-weight: normal } .section_content .brief_content .link_text>p { padding-top: 20px; font-size: 15px; color: #8f8f8f; line-height: 20px; font-weight: normal } .customer_info table tr th { font-size: 17px; font-weight: normal } .indiv_box dl dt { width: 85% } .indiv_box dl dd { width: 15% } .customer_info>table tr { height: 57px; border-bottom: 1px solid #e7e7e7; font-size: 15px } .customer_info>table tr:nth-child(3) { border-bottom: none } .customer_info>table td { font-size: 14px } .faq_info ul li { padding: 15px 0; border-bottom: 1px solid #e7e7e7; font-size: 17px } .faq_info ul li:nth-child(3) { border-bottom: none } .mo_apply { padding: 21px 0; border-top: 1px solid #e7e7e7; background: url(/images/mo_applybg.png) no-repeat; background-position: 89% 56px; background-size: 90px } .mo_apply h2 { width: 69vw; font-size: 25px; line-height: 36px } .mo_apply h2 .title_icon { position: relative; top: 27px; left: 8px } .mo_apply p { padding: 40px 0; text-align: center; font-size: 15px; line-height: 21px } .indiv_info { background-size: 90px } .indiv_info strong { background-position: 113px center; font-size: 17px } .mydata_info { background-size: 90px } .mydata_info strong { background-position: 113px center } .get_info_group .btn_delete_box { width: calc(100% - 30px); margin: 0 auto } .get_info_group .toggle_list li.on .arr_down { background-image: url(../images/sprites/mobile_sp_ico2.png); background-position: -506px -240px; width: 30px; height: 17px; width: 15px; height: 8.5px; background-position: -253px -120px; background-size: 293px 225.5px } /*원장항목 펼칠때*/ /* .toggle_list>li .arr_down2 { background-image: url(../images/sprites/mobile_sp_ico2.png); background-position: -426px -240px; width: 30px; height: 17px; width: 15px; height: 8.5px; background-position: -213px -120px; background-size: 293px 225.5px } */ /*원장항목 펼칠때*/ /* .toggle_list>li.on .arr_down2{ background-image: url(../images/sprites/mobile_sp_ico2.png); background-position: -506px -240px; width: 30px; height: 17px; width: 15px; height: 8.5px; background-position: -253px -120px; background-size: 293px 225.5px } */ /* .detail_group { margin: 0 10px } */ .detail_group .detail_title { padding: 10px 0; box-sizing: border-box } .detail_group .detail_title h3 { padding: 10px 17px; font-size: 17px; line-height: 25px } .detail_group .detail_title p, .detail_group .detail_title span { font-size: 15px } .detail_group .detail_title .sub_title { font-size: 20px } .detail_group sub { display: block; margin: 0 15px; font-size: 12px; line-height: 19px } .detail_group .wd_btn { display: block; width: calc(100% - 15px); margin: 132px auto 60px; background: #ccc; text-align: center } .detail_group .wd_btn a { font-size: 18px; color: #161616 } .de_list li .detail_content { padding-bottom: 5px } .de_list li .detail_content .table_box { display: block } .de_list li .detail_content .table_box .table_tit { display: block; width: 100%; height: 49px; border-bottom: 1px solid #a5a5a5; line-height: 49px; font-size: 15px } .de_list li .detail_content .table_box .table_content { display: block; width: 100% } .de_list li .detail_content .table_box .table_content .item { padding: 18px 0 18px 5px } .de_list li .detail_content .table_box .table_content .item>div { font-size: 20px } .de_list li .detail_content .table_box .table_content .item>div span { display: inline-block; padding: 0 } .de_list li .detail_content .table_box .table_content .item>div .style_right { top: 13px } .de_list li .detail_content a.button { font-size: 15px; padding: 5px 18px } .de_list li .detail_content table td { font-size: 17px; height: 61px } .de_list li .inline_content a.button { padding: 5px 18px; font-size: 15px } /*서비스 이용하기 추가 2022*/ .nedt_list>li {border-bottom: 1px solid #ccc; height: 25px; padding:11px; } .nedt_list>li .detail_content>span {font-size: 12px; display: inline-block; width: 80px} .nedt_list>li .detail_content>p {font-size: 12px; display: inline-block;} .nedt_title {font-size: 19px !important; padding-top: 40px !important; margin-top:16px !important; font-weight: bold; border-top: 1px solid #6d7882 !important; color:#1e2124;} .nedt_btn {background-color: #3789db; font-size: 12px; padding: 3px; display: block; color: #ffffff; text-align: center; width: 50px;} /* .noPa { padding: 7px 0 !important;} */ /*서비스 이용하기 끝*/ .noti_text textarea { width: calc(100% - 30px); margin: 0 15px } .table_agr_box table thead tr th { text-align: left; padding-left: 5px; font-size: 13px } .table_agr_box table thead tr th:nth-child(2) { width: 32% } .table_agr_box table thead tr th:nth-child(4) { width: 36% } .table_agr_box table thead tr th:nth-child(5) { width: 21% } .table_agr_box table tbody tr td { text-align: left; padding-left: 3px; font-size: 14px } .tog_btnbox { width: 60px } .tog_btnbox button { width: auto } .modal_con .scroll_pop1 { height: 82%; overflow-y: scroll } .modal_con.setting .modal_content { max-height: none } .modal_con.setting .modal_content p { margin:19px 0; font-size: 19px; color: #161616; text-align: center; padding: 10px 0; } .modal_con.setting .modal_content .tabContents2 p { margin:19px 0; font-size: 15px; color: #161616; text-align: center; padding: 10px 0; /* background-color:#f8f8f8; */ border-radius:13px; } .modal_con.setting .modal_content div.newPop { margin-top: 22px; font-size: 15px; color: #161616; text-align: left } .modal_con.setting .modal_content p.cus0106 { margin-top: 0px; font-size: 15px; color: #161616; text-align: left } .modal_con.setting .modal_content .inr { margin-top: 40px } .modal_con.setting .modal_content .inr strong { display: block; font-size: 14px; color: #161616; line-height: 15px } .modal_con.setting .modal_content .inr label { display: inline-block; margin-top: 23px; font-size: 15px; color: #161616 } /* .modal_con.setting .modal_content .inr input { display: block; width: 100%; margin-top: 23px; padding-bottom: 5px; border: 0; border-bottom: 1px solid #c2c2c2; font-size: 15px; color: #262626; outline: 0 } */ .modal_con.setting .modal_content .inr input:focus { border-color: #262626 } .modal_con.setting .modal_content .inr input::placeholder { color: #d1d1d1 } .modal_con.setting .modal_content .mo_inr { margin-top: 0 } .modal_con.setting .modal_footer { /*margin-top: 33px*/ } .modal_con.setting .modal_footer button { height: 39px; font-size: 15px; line-height: 1.5em; font-weight: normal; } .modal_con.setting .mo_style { margin-top: 0 } .modal_con .modal_content .title_box .inr_bgbox { padding: 21px 16px; font-size: 15px; line-height: 26px } .modal_con .modal_content .ckbox .ck_title { font-size: 16px } .modal_con .modal_content .ckbox .ck_title strong { display: block; width: 60% } .modal_con .modal_content .ckbox .chk_box { bottom: 0 } .modal_con .modal_content .ckbox .chk_box p { padding-left: 0 } .modal_con .modal_content .ckbox table { margin-bottom: 5px } .pc_popups { width: 90%; margin: 0 auto; /* border-radius:12px; */ } .pc_popups .mo_wd100 { width: 100% !important } .pc_popups.mo_wd95 { width: 95% !important } .pc_popups .alert_content { width: 100% } .pc_popups .loading_content { height: auto; padding-top: 130px; background-size: 95px } .pc_popups .scroll_pop { max-height: 320px !important } .icon_download { /*float: right;*/ margin-top: 9px } .data_table .item .data span { padding: 0 !important; padding-left: 15px !important; text-align: left } .data_table .item.on .data .arr_down { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -506px -240px; width: 30px; height: 17px; width: 15px; height: 8.5px; background-position: -253px -120px; background-size: 293px 225.5px } .data_inr { font-size: 15px } .alert strong { font-size: 17px } .pc_btnbox { width: 100% } .pc_btnbox a { width: 33.3% !important } .loading img { width: 80px } .loading p { font-size: 20px } .setting_group .inr p { font-size: 16px } .setting_group .inr li { font-size: 14px; line-height: 1.5 } .button_group { padding: 0 } .button_group p, .button_group button { font-size: 13px; font-family: "NotoSansKR-Medium"; } .button_group li:first-child button { padding: 8px 12px; /* border-radius:30px; */ } .button_group button { padding: 8px 12px; /* border-radius:5px; */ } .get_info_group .total_txt.cenTxt { font-size: 15px; text-align: center; /* margin-bottom: 5px; */ } .data_table>.data { height: 49px; line-height: 49px } .data_table>.item { font-size: 15px; /* border: 1px solid #cccccc !important; border-radius: 13px; */ } .setting_group p { font-size: 15px; line-height: 1.5 } .toggle_group .table_agree li .right_box>.arr_down { top: 20px; right: 16px } /*.toggle_group .table_agree li .left_box, .toggle_group .table_agree li .right_box { padding: 15px 0 15px 15px; }*/ .toggle_group .table_agree li.on .arr_down { background-image: url(/images/sprites/mobile_sp_ico2.png); background-position: -506px -240px; width: 30px; height: 17px; width: 15px; height: 8.5px; background-position: -253px -120px; background-size: 293px 225.5px } .result_agr_table>table thead tr th { height: 40px; line-height: 40px } .result_agr_table>table tbody tr td { height: 40px; line-height: 40px } .de_list>li .inline_content .sub_title3 { /* 꾸러미 상세 변경으로 추가 210105 */ font-size: 13px; font-family: "NotoSansKR-Medium"; font-weight: bold; } .de_list>li .inline_content .sub_Ctitle3 { /* 꾸러미 상세 변경으로 추가 210105 */ font-size: 14px; font-family: "NotoSansKR-Medium"; font-weight: bold; } .conTitWrap { /* 꾸러미 상세 변경으로 추가 210105 */ margin-bottom : 0px; margin-top:20px; } .conTitWrap p { /* 꾸러미 상세 변경으로 추가 210105 */ font-size: 14px; text-align: left; } .btn1Wrap>button { height:49px; font-size: 16px; border-radius:12px; background-color: #0046cd; width: 100%; border: none; color: #ffffff; font-weight: bold; margin: 20px 0 0 0; } .svcUrlDc { /*height:49px;*/ font-size: 12px; border-radius:3px; background-color: #fff; width: 100%; border: 1px solid #ccc; margin: 20px 0 10px 0; } .svcUrlDc div { padding: 15px; color: #333; } .toggle_group .toggle_list .toggle_content.data_inr .toggle_inr { text-align: left; } .toggle_group .toggle_list .toggle_content.data_inr2 { border-radius:0; padding-top: 15px; margin-top: 15px; font-size: 13px; font-weight: normal; } .get_info_group .btn_delete_box .delete { width: 30%; } .bPadding { padding:11px 10px 0 10px; } .bPadding .total_txt { padding-left:5px; } .text_c{ text-align: center !important; } .text_c2{ text-align: -webkit-center !important; } /*}*/ /*@media (max-width: 1920px){*/ /*header.on .ico.logo{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1443px -975px;width:187px;height:44px;width:94px;height:22px;background-position:-721.5px -487.5px;background-size:1205px 837.5px} header>.inr{width:auto;height:74px;padding:0 15px;box-sizing:border-box; text-align: center;} header>.inr .logo{position:relative;padding-top:0px;box-sizing:border-box;z-index:12; width: 50%; margin: auto;; text-align: center;} header>.inr .logo a{height:22px;padding:10px 0}*/ /*header>.inr .gnb{margin:0} header>.inr .gnb.on:after{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);z-index:10;content:''} header>.inr .gnb .btn_menu{position:absolute;top:16px;left:19px;padding:10px;z-index:12} header>.inr .gnb .btn_menu.on{display:block} header>.inr .gnb .btn_menu.on+.inr{display:none} header>.inr .gnb .inr{position:absolute;top:0;right:0;bottom:auto;left:0;height:auto;padding:75px 15px 10px;border-top:1px solid #eee;background:#fff;z-index:11} header>.inr .gnb .inr>li{float:none;width:100%;height:auto;margin:0;padding:0;border-bottom:1px solid #eee;text-align:left} header>.inr .gnb .inr>li:first-child{border-top:1px solid #eee} header>.inr .gnb .inr>li .menu_arr_down{position:absolute;top:50%;right:0;margin-top:-4px} header>.inr .gnb .inr>li.on .menu_arr_down{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-2056px -1029px;width:34px;height:17px;width:17px;height:8.5px;background-position:-1028px -514.5px;background-size:1205px 837.5px} header>.inr .gnb .inr>li .on_mo a{font-weight:bold;color:#0046cd !important} header>.inr .gnb .inr>li .on_mo:hover a{color:#0046cd} header>.inr .gnb .inr>li>a{margin:0;padding:19px 6px 19px;font-weight:bold;font-size:18px;box-sizing:border-box;color:#161616 !important} header>.inr .gnb .inr>li>a:hover span:after,header>.inr .gnb .inr>li>a.on span:after{display:none} header>.inr .gnb .inr>li div{display:none;position:static;height:auto;padding:8px 0;border-top:1px solid #eee} header>.inr .gnb .inr>li div li+li{margin:0} header>.inr .gnb .inr>li div li a{display:block;margin:0;padding:10px 15px;font-size:15px;color:#161616;text-align:left} header>.inr .gnb .btn_gnb_close{position:absolute;top:17px;right:5px;padding:10px;z-index:12} header>.inr .gnb .btn_gnb_close.on{display:block} header>.inr .gnb_bg{display:none !important}/* /*이용방법 토글*/ .useMet { margin:0} .useMet.on:after{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,0.6);z-index:8;content:''} .useMet .btn_menu{position:absolute;top:16px;left:19px;padding:10px;z-index:10} .useMet .btn_menu.on{display:block} .useMet .btn_menu.on+.inr{display:none} .useMet .inr{ height:auto;padding:0px 30px 0px; background:#fff;z-index:9} .useMet .inr>li{float:none;width:100%;height:auto;margin:0;padding:0;border-bottom:1px solid #eee;text-align:left} /* .useMet .inr>li:first-child{border-top:1px solid #eee} */ .useMet .inr>li .menu_arr_down{position:absolute;top:50%;right:10px;margin-top:-4px} .useMet .inr>li.on .menu_arr_down{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-2056px -1029px;width:34px;height:17px;width:17px;height:8.5px;background-position:-1028px -514.5px;background-size:1205px 837.5px} .useMet .inr>li .on_mo a{font-weight:bold;color:#0046cd !important} .useMet .inr>li .on_mo:hover a{color:#0046cd} .useMet .inr>li>a{margin:0;padding:14px 6px;font-weight:bold;font-size:14px;box-sizing:border-box;color:#161616 !important} .useMet .inr>li>a:hover span:after,header>.inr .gnb .inr>li>a.on span:after{display:none} .useMet .inr>li>div{display:none;position:static;height:auto;padding:8px 0;border-top:1px solid #eee} .useMet .inr>li>div li+li{margin:0} /* .useMet .inr>li>div li{display:block;margin:0;padding:18px 15px;font-size:15px;color:#161616;text-align:left} */ .useMet .inr>li>div li>div {display:block;} .useMet .btn_gnb_close{position:absolute;top:17px;right:5px;padding:10px;z-index:10} .useMet .btn_gnb_close.on{display:block} .ico.menu_arr_down{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-2373px -975px;width:34px;height:17px;width:17px;height:8.5px;background-position:-1186.5px -487.5px;background-size:1205px 837.5px} /*.ico.logo{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1443px -975px;width:187px;height:44px;width:94px;height:22px;background-position:-721.5px -487.5px;background-size:1205px 837.5px} .ico.mSer{background:url(../images/icon_ser40.png) no-repeat; } .ico.menu{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1865px -1029px;width:45px;height:36px;width:22.5px;height:18px;background-position:-932.5px -514.5px;background-size:1205px 837.5px} .ico.menu_w{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1798px -1029px;width:57px;height:46px;width:28.5px;height:23px;background-position:-899px -514.5px;background-size:1205px 837.5px} .ico.menu_close{background-image:url(../images/sprites/mobile_sp_ico.png);background-position:-1670px -1091px;width:48px;height:48px;width:24px;height:24px;background-position:-835px -545.5px;background-size:1205px 837.5px}*/ .pc_popups .popBtn { padding: 15px 10px; text-align: center; position: absolute; width: calc(100% - 20px); bottom:0} .pc_popups .popBtn1 { padding: 15px 5px 0; text-align: center; margin: 0 15px} .pc_popups .popBtn1 a { background: #0046cd; color:#ffffff; border-radius:13px; height: 50px; width: 100%; font-weight: bold; font-size: 17px; display: block; box-sizing: border-box; padding-top: 10px;} .pc_popups .popBtn1 button { background: #0046cd; color:#ffffff; border-radius:13px; height: 50px; width: 100%; font-weight: bold; font-size: 17px} .pc_popups .popBtn2 { padding: 45px 5px 25px 5px; text-align: center; display: table; margin: 0 10px; width: calc(100% - 20px); box-sizing: border-box;} .pc_popups .popBtn2 a {font-size: 16px; width: 50%; padding: 15px 0; display: table-cell; font-weight: bold;} .pc_popups .popBtn2 a.popin2w{ border: 1px solid #0046cd; border-top-left-radius:13px; border-bottom-left-radius:13px; color: #3a3a3a; background-color: #ffffff } .pc_popups .popBtn2 a.popin2b{ border: 1px solid #0046cd; border-top-right-radius:13px; border-bottom-right-radius:13px; background-color: #0046cd; color: #ffffff; } .pc_popups .popBtn button { background: #0046cd; color:#ffffff; border-radius:8px; height: 40px; width: 100%; font-weight: bold; } .pc_popup_01 .popBtn { padding: 15px 10px; text-align: center; position: absolute; width: calc(100% - 20px); bottom:0} .pc_popup_01 .popBtn button { background: #0046cd; color:#ffffff; border-radius:8px; height: 40px; width: 100%; font-weight: bold; } .popTabTitle { margin:0 10px 10px 10px} .popTabTitle ul li { display: inline-block; width: 49%; text-align: center; margin-left: 1px} .popTabTitle ul li:first-child { margin-left: 0;} .popTabTitle ul li a { font-size: 14px; font-weight: bold; padding: 5px 0; color: #686868; background-color: #ededed; width: 100%; display: block; border-bottom: 2px solid #334c79; border-top: 2px solid #e4e4e4; border-left: 2px solid #e4e4e4; border-right: 2px solid #e4e4e4; line-height: 22px } .popTabTitle ul li.on a { border-top: 2px solid #334c79; border-left: 2px solid #334c79; border-right: 2px solid #334c79; border-bottom: 2px solid #ffffff; color:#000000; background-color: #ffffff; line-height: 22px} .pc_popups .cenCntxt { text-align:center; padding: 13px 0 20px 0;} .pc_popups .cenCntxt p { font-size: 12px; color: #787878; font-weight: bold;} .pc_popups .cenCntxt p span { font-size: 18px; color: #3a3a3a; font-weight: bold;} .pc_popups .cenCntxt p span em {color: #0046cd; } .mainSearch div.tabinp { font-size: 17px !important; font-weight:bold; width: 100%; padding: 11px 0; color: #0046cd; text-align: right; } /* 전송요구 팝업에서 기관검색 콘텐츠 */ .tab1list {margin: 0 20px;} .tab1list ul li {border-bottom:1px dashed #cccccc; padding: 8px 8px 6px 8px; clear: both; box-sizing: border-box; overflow: hidden; } /* .tab1list ul li:first-child { border-top:2px solid #8f8f8f; } */ /*.tab1list ul li div.textGroup { float: left;}*/ .tab1list ul li div.textGroup a { font-size: 14px; color: #000000; font-weight: bold;} /*.tab1list ul li div.btnGroup{ text-align: right; float: right; }*/ .tab1list ul li button {font-size: 10px; padding: 4px 9px; font-weight: bold; } .tab1list ul li button.redBtn {border: 1px solid #cd0000; color: #cd0000;} .tab1list ul li button.blueBtn {border: 1px solid #3789db; color: #3789db;} .tab1list ul li button.redBtn.on {border: 1px solid #cd0000; color: #ffffff; background-color: #cd0000} .tab1list ul li button.blueBtn.on {border: 1px solid #3789db; color: #ffffff; background-color: #3789db} .tab1list ul li.on a {color: #3789db;} /* 전송요구 팝업에서 정기전송 콘텐츠 */ .regTra { margin: 30px 5px 0 5px;} .regTra span { font-weight: bold; display: inline-block; padding-left: 5px;} .regTra span b {display: inline-block; margin-left: 10px; padding:0px 5px; cursor: pointer; background: #fff047; } .regTraDe { margin: 10px; padding: 10px 10px 20px 10px; background-color: #f8f8f8; overflow: auto; } .regTraDe p { font-weight: bold; font-size: 13px !important; text-align: left !important; margin: 15px 0 0 0 !important;} .regTraDe p:first-child{ margin: 10px 0 0 0 !important} .regTraDe .regCyc { margin-bottom: 10px} .regTraDe .regCyc li { display: inline-block; border-bottom: 0px; font-size: 12px; padding: 0; font-weight: bold;} .regTraDe .regCyc li:nth-child(even) { width: 34%} .regTraDe .regCyc li:nth-child(odd) { width: 14%} .regTraDe .regCyc select { width: 95%;/* border: 2px solid #ccc; border-radius:7px; */ height: 30px; box-sizing: border-box; /* padding: 0 5px */} .regTraDe .regDate { margin-bottom: 10px} .regTraDe .regDate li { display: inline-block; border-bottom: 0px; font-size: 12px; padding: 0; font-weight: bold;} .regTraDe .regDate li:nth-child(even) { width: 34%} .regTraDe .regDate li:nth-child(odd) { width: 14%} .regTraDe .regDate input { width: 95%; /* background: url(/images/bg_calendar.png) 3px 2px no-repeat; */ padding:0 8px; box-sizing: border-box; background-color: #ffffff; border:1px solid #ccc; height: 30px;} .regTraDe .regDate.dateonly li {float: left} .regTraDe .regDate.dateonly li:nth-child(odd) { padding-top: 5px} /* .regTraDe .regDate.dateonly input {width: 70% !important;} */ .regTraDe .regDate.dateonly img .modal_con.send .bgGray input[type=text], .modal_con.send .bgGray button, .modal_con.send .bgGray input[type=number] {border-radius:0px; font-size: 12px; background-color: #ffffff !important; box-sizing: border-box; font-family: "pretendardGOV" } .modal_con.send .bgGray select {border: 1px solid #d5d5d5 !important; height: 30px !important; font-size: 12px !important; background-color: #ffffff !important; padding-left: 8px; color: #666666; background: url(../images/icon_2025/icon_24px_arrow_down.svg) 92% center no-repeat; font-family:"pretendardGOV"; box-sizing: border-box; appearance:none;-moz-appearance:none;-webkit-appearance:none;} .modal_con.send .bgGray { height: 100%;} /**/ .toggle_group .toggle_list li .toggle_title span.w90 { width: 90% !important; padding: 0px 0 !important; text-align: left; font-size: 17px !important; } /* 마이페이지 자주쓰는 리스트 */ .bookMWrap {margin: 0px} .bookMWrap .bookMark { border: 1px solid #cccccc; position: relative; box-sizing: border-box;; position: relative; border-radius: 15px; padding: 20px; margin-top: 20px} .bookMWrap .bookMark:first-child { margin-top: 10px} .bookMWrap .bookMark a {font-size: 16px; font-weight: bold; color:#000000; display: block; width: 90%;} .bookMWrap .bookMark p { position: absolute; top:20px; right: 20px; display: inline-block;} /* 정기전송관리 */ .regTranMWrap {margin: 0px} /*.regTranMWrap .regTran{ border: 1px solid #cccccc; position: relative; box-sizing: border-box; position: relative; border-radius: 15px; padding: 20px; margin-top: 20px} .regTranMWrap .regTran:first-child { margin-top: 10px}*/ .regTranMWrap .regTran {clear: both;} .regTranMWrap .regTran strong {font-size: 14px; color:#333; display: block; font-family:"NotoSansKR-Medium"; padding: 8px 10px; line-height: 20px; box-sizing: border-box; min-height: 36px; background-color: #ededed; font-weight: normal;} .regTranMWrap .regTran .item div { font-size: 12px; color: #999; padding: 8px 10px; float: left; font-family:"NotoSansKR-Medium";} .regTranMWrap .regTran .item div:nth-child(2) { font-size: 11px; font-weight: normal; color: #666; padding:8px 10px; float: right; font-family:"NotoSansKR-Medium";} .regTranMWrap .regTran .item em { font-family:"NotoSansKR-Medium";} .regTranMWrap .regTran .item button { float: right; padding: 5px 10px} .regTranMWrap .regTran .item div.btWrap {padding:0; float: right;} .result_text .btWrap button{ float: right; padding: 5px 10px} /* 마이페이지 전자지갑 리스트 */ .myWalWrap {margin: 0px} .myWalWrap .myWal{ border: 1px solid #cccccc; position: relative; box-sizing: border-box;; position: relative; border-radius: 15px; padding: 20px; margin-top: 20px} .myWalWrap .myWal-child { margin-top: 10px} .myWalWrap .myWal strong {font-size: 16px; font-weight: bold; color:#000000; display: block; width: 90%;} .myWalWrap .myWal .item div { font-size: 13px; font-weight: bold; color: #555555} .myWalWrap .myWal .item div:nth-child(3) { font-size: 13px; font-weight: normal; color: #8f8f8f; margin-top: 5px;} /* 마이페이지 데이터제공내역 리스트 */ .daRecWrap {margin: 10px 0px 0px 0px} .daRecWrap li {/*border: 1px solid #cccccc; position: relative; box-sizing: border-box;; position: relative; border-radius: 15px; padding: 20px !important; */ margin-top: 20px} .daRecWrap li:first-child{ margin-top: 0} /* .daRecWrap li .result_text a {font-size: 14px !important; font-weight: normal; color:#333333; display: block; font-family: "NotoSansKR-Medium"; padding:8px 10px; line-height: 20px; box-sizing: border-box;; min-height: 36px; background-color: #ededed;} */ .daRecWrap li .result_text p {font-size: 17px; color:#555; display: block; padding:8px 10px !important; line-height: 18px !important;} .daRecWrap li .result_text span.subtitdt {font-size: 17px; color:#999999; padding:0px 10px !important; float: left; font-family:"NotoSansKR-Medium"; padding-top: 10px; } .daRecWrap li .result_text span.subtitnm {font-size: 17px; color:#666666; padding:0px 10px; float: right; font-family:"NotoSansKR-Medium"; } .result_group .list_group.daRecWrap ol li{ height: 0px; padding: 20px !important; line-height: 0px} .noticWrap { padding: 0 15px;} .noticWrap table { margin-top: 10px;} /* 마이페이지 정기전송관리 상세 테이블 */ .regTranTb { width: 100%; font-size: 12px; } .regTranTb tr:first-child { border-top: 2px solid #333333; } .regTranTb tr th { background-color: #f8f8f8; border-bottom: 1px solid #cccccc; } .regTranTb tr td { padding: 7px 10px; border-bottom: 1px solid #cccccc; } /*#divBoardList { padding: 0 20px;} 마이페이지 리스트들 WRAP */ .nopad { padding: 0 !important;} /* 마이페이지 내가보낸데이터 상세 테이블 */ .regTranTb2 { width: 100%; font-size: 12px;} .regTranTb2 tr { border-top: 1px solid #e8e8e8; } .regTranTb2 tr:first-child { border-top: 2px solid #343434; } .regTranTb2 tr th { width: 30%; background-color: #f8f8f8; padding: 7px 10px } .regTranTb2 tr td { width: 70%; padding: 7px 10px; } /*문서열람팝업*/ .docNumWrap {border-radius:15px; width: 100%; border: 1px solid #cccccc ;} .docNumWrap>p { width: 100%; text-align: center; font-weight: bold; line-height: 150% } .docNumWrap .doc01Wrap {text-align: center;} .docNumWrap .doc01Wrap>span { text-align: left; padding:10px 40px; display: block; color:#b71414} .docNumWrap .doc02Wrap {text-align: center;} .docNumWrap .doc02Wrap>p { line-height: 30px} .docNumWrap .doc02Wrap>span { text-align: left; padding:0px 40px; display: block; color:#b71414} .docNumWrap .doc03Wrap {text-align: center;} .docNumWrap .doc03Wrap>img {display: block; margin: 0 auto; } .docNumWrap .doc03Wrap>a { width: 80%; display: block; font-size: 18px; margin: 30px auto; padding: 15px; border-radius:50px; border: 1px solid #0046cd; background-color: #eff9ff; color:#0046cd; } .docNumWrap .doc04Wrap {text-align: center; padding: 0 0 20px 0} .docNumWrap .doc04Wrap>p { line-height: 24px; font-size: 17px !important;} .docNumWrap .doc04Wrap>p:first-child { line-height: 26px; font-size: 18px ;} /* .docNumWrap a { display: block; padding: 15px 0; text-align: center; font-size: 20px; color: #0046cd; background-color: #eff9ff; border-radius:15px; margin: 40px; font-weight: bold; border: 1px solid #0046cd; } */ .newDoc { font-size: 14px !important; line-height: 20px !important;} .newLayoutp {padding:0 10px !important;} /*전송요구 tab2*/ .inMyWrap {width: 100%; box-sizing: border-box; text-align: center;} .inMyWrap p { font-size: 16px; font-weight: bold;} /*전송요구 tab3*/ .adrWrap {width: 100%; box-sizing: border-box; text-align: center; margin-top: 50px} .adrWrap p { margin: 30px 0 ; font-size: 14px; font-weight: bold; } .adrWrap input[type="text"] { width: 100%; border: 3px solid #cccccc; padding: 10px 15px; border-radius:13px; box-sizing: border-box; margin-top: 10px } .result_group.lrPad{ padding: 0 20px } /* .board_group section { width: 100%; margin-bottom: 50px} */ /* 모달 행정정보 쓰기 */ .modal_con.send .modal_content>fieldset>.inr+.inr{margin-top:30px} .modal_con.send .modal_content>fieldset>.inr .title{/* margin-bottom:15px; padding:0 0 10px 0;*/font-size:20px; line-height: 25px;} .modal_con.send .modal_content>fieldset>.inr .title span {display: block; color: #8a8a8a; font-weight: bold; font-size: 14px; margin-bottom: 5px; } .modal_con.send .modal_content>fieldset>.inr{margin-top:15px; border: 1px solid #cccccc; /* padding: 25px; border-radius:15px */ } .modal_con.send .item_group.bgGray { background-color: #f8f8f8; padding: 5px 15px 25px 15px ; /* border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; */ } .modal_con.send .item_group>ul>li .sub_title{font-size:12px; margin: 10px 0 6px 0; color: #666666; padding-left: 3px; font-family:"NotoSansKR-Medium" } .modal_con.send .modal_content .title{/* margin-bottom:30px; */padding:25px ;border-bottom:1px solid #464646;background:none;font-family:"NotoSansKR-Medium";font-size:20px;color:#161616;text-align:left} .modal_con.send .modal_content .title.noBo{ border-bottom:0px solid #464646 !important; text-align: center; padding:10px 0; font-size: 15px !important; } /* 전송요구 모달 팝업 용도 */ .useWrap { padding: 0; margin:15px 10px 10px 10px} /* .useWrap span { width: 60px; font-weight: bold; font-size: 18px; text-align: left; display: inline-block;} */ .useWrap select { border-radius:0px; height: 30px; display: inline-block; padding:0 8px; width:100%; font-size:12px; border: 1px solid #d5d5d5; color: #666666; appearance:none; background:url('../images/bg_select2.png') 95% center no-repeat; background-size: 9px 8px; background-color: #ffffff; } .useWrap input[type=text] { border-radius:0px; height: 40px; display: inline-block; padding:0 10px; width:100%; box-sizing: border-box; border: 2px solid #ccc; color: #000000; margin-top: 24px } .useWrap input[type=text]::placeholder { color: #ccc;} .sdWrap { margin: 25px 10px 0 10px} .sdWrap #prsrvPeriodArea { padding: 20px 10px} .sdWrap #prsrvPeriodArea input[type=text] { padding: 10px 0 10px 35px; border-radius:12px; border: 2px solid #ccc; } .sdWrap #prsrvPeriodArea input[type=text].calImg { background: url(/images/bg_calendar.png) 10px 12px no-repeat; padding-left: 35px} .regCycwrap>span {color: #333333; font-size: 12px; padding: 10px 5px; display: block;} .regTraDe .regDate input.calImg { background: url(/images/bg_calendar.png) 5px 5px no-repeat; padding-left: 35px; background-size: 18px; background-color: #ffffff;} .regTraDe .regDate.dateonly input {float: left;} .regTraDe .regDate.dateonly img {float: left; width: 22px; margin: 4px 5px} .modal_title.modalbb { border-bottom: 1px solid #6d7882; /* margin:0 15px */}/*받은내역상세 모달 타이틀*/ #pssPeriodArea { margin-top: 15px} #pssPeriodArea input { border: 1px solid #ccc; height: 40px; padding: 0 10px; box-sizing:border-box; border-radius:13px } /*마이데이터상세내용보기 팝업*/ .toggle_list>li.borNon p.w90 { width: 90% !important;} .toggle_list>li.borNon p.w90 strong { font-size: 14px; padding: 15px;} .toggle_list>li.borNon { border: none;} .toggle_list>li.borNon .arr_down { position: absolute; right: 15px; top: 5px} .toggle_list>li.borNon .list_group li div { background: #f8f8f8; padding: 20px; font-size: 12px; } .toggle_list>li.borNon .list_group li { padding: 10px} /* .setting_group .find_btn>button {background-color: #3789db;width: 100%;height: 39px !important;border: none;color: #fff; bold;font-size: 15px !important; padding-top: 2px; box-sizing: border-box; font-family: "NotoSansKR-Medium" !important; line-height: 1.5em;} */ .setting_group .find_btnSim>button {background-color: #0046cd;width: 100%;height: 50px !important;border: none;color: #fff;font-weight: bold;font-size: 17px !important; border-radius:13px;} .setting_group .find_btnD2>button {background-color: #0046cd;width: 46%;height: 50px !important;border: none;color: #fff;font-weight: bold;font-size: 17px !important; border-radius:9px; margin-top: 5px; display: inline-block;} .setting_group>p {font-size: 16px; letter-spacing: -1.5px} .setting_group>p span {color: #3789db; font-size: 20px; } /* 생 이미지 표준 */ .imgWrap { width: 100%; box-sizing: border-box; margin-top: 30px} .imgWrap img { width: 100%;} /* 간편보내기 */ .simpleWarp {width: 100%; box-sizing: border-box; margin-top: 50px; overflow: auto; } .simpleWarp .simSend { box-sizing: border-box; position: relative; border: 1px solid #cccccc; border-radius:15px; margin-top: 20px } .simpleWarp .simSend:first-child { margin-top: 0px} .simpleWarp .simSend a { box-sizing: border-box; display: block; position: relative; text-align: left;} .simpleWarp .simSend a p {width: 100%;} .simpleWarp .simSend a p b{ font-size: 18px; color: #000000; width: 84%; display: block; padding: 20px 20px 15px; letter-spacing: -1px;} .simpleWarp .simSend a p sub{ font-size: 13px; color: #494949; display: block; padding: 15px 20px 20px; background: #f8f8f8; border-radius: 0 0 15px 15px; } .simpleWarp .simSend a p span{display: block; position: absolute; right: 24px; top: 24px } /* .simpleWarp ul li { width: 50%; float: left; background:url(../images/bg_doc.png) 50% 0 no-repeat; background-size: 160px; margin-top: 30px; height: 120px; display: table; } .simpleWarp ul li a {font-size: 20px; font-family: GongGothicMedium; color: #333333; display: table-cell; vertical-align: middle; line-height: 25px; letter-spacing: -1px;} .simpleWarp ul li a.on {color: #0090ff; } .simpleText { clear: both; margin:70px 0 20px; display: block; color: #f00;} */ /* 행정정보 스탭 순서도 */ .stepWrap { margin: 30px 30px 20px 30px; } .stepWrap ul li { display: inline-block; width: 15%; position: relative;} .stepWrap ul li:before { position: absolute; top: 33%; left:0; width: 100%; border-top:1px dashed #ccc; z-index: -2; content: '' } .stepWrap ul li span.num{ height: 40px; width: 40px;display: block; background: #ffffff; border: 2px solid #8f8f8f; border-radius:50%; font-size: 20px; line-height: 38px; margin: 0 auto; color: #8f8f8f; } .stepWrap ul li span.text{ font-size: 12px; margin-top: 5px; display: block; color: #000; font-weight: normal; } .stepWrap ul li.active span.num{ background: #3789db; border: 2px solid #3789db; color: #fff; } .stepWrap ul li.active span.text{ color: #000; font-weight: bold; } .stepWrap ul li.done span.num{ background: #ffffff; border: 2px dashed #dddddd; color: #ccc; } .stepWrap ul li.done span.text{ color: #ccc; font-weight: normal; } .tab_btn_box2 {width: 100%; box-sizing: border-box; text-align: center; margin: 0; padding: 0; border-collapse:collapse;} .tab_btn_box2 td { width:32.0828%; border: 1px solid #ccc; height:50px; background: #f2f5ff; color: #555; } .tab_btn_box2 td.on {background: #0046cd; color:#ffffff; font-weight: bold;} .use2 { margin-top: 15px} .use2 img{ width: 70% !important; margin: 0 auto;} .use2>div {width: 90%; margin: 0 auto; text-align: center;} .use2>div p { font-size: 15px; font-weight: bold; margin-top: 40px} .use2>div p span {display: inline-block; margin-right:5px} .use2>div sub { font-size: 15px; line-height: 15px; display: block; margin-top: 10px} /*공공마이데이터란?*/ .newSerWrap { margin-top: 0; text-align: center; position: relative; } .newSerWrap img { width: 100%} .newSerWrap .arDown { width: 38px; height: 19px; margin: 0 auto;} /*.newSerWrap .arDown {background: url("../images/service/bg_title_down.png") no-repeat 0 0; position: absolute; width:76px; height: 38px; left:45%; background-size: 50%}*/ .newSerWrap>.serTitle { background: #f7f7f7; padding: 30px 0; border-radius: 20px; line-height:1.5} /* .newSerWrap>.serTitle.mt30 { margin-top: 30px; } */ .newSerWrap>sub { font-size: 20px; margin: 30px auto 50px; display: block; } /* .newSerWrap>.serTitle:after {background: url("../images/service/bg_title_down.png") no-repeat; height: 30px;} */ .newSerWrap>.serTitle>p {font-size: 30px; font-family: GongGothicMedium; color: #333333;} .newSerWrap>.serTitle>p>span {font-size: 30px; font-family: GongGothicMedium; color: #1496c2;} /* .newSerWrap>p {font-size: 30px; font-family: GongGothicMedium; color: #333333; margin: 40px auto 15px} */ .newSerWrap>.serTitle>p {font-size: 30px; font-family: GongGothicMedium; color: #333333; margin: 0 auto} .newSerWrap .tit-s{font-size:20px; margin:30px auto 10px;} .newSerWrap .txt-area{font-size:15px; margin:0 20px 10px; text-align:left;} .newSerWrap .list-num{list-style:decimal inside; margin:0 20px; text-align:left; font-size:15px;} .newSerWrap .list-num .hue-sky{color:#1496c2} .newSerWrap .list-img{margin:0 20px;} .newSerWrap .list-img li{font-size:15px; text-align:left;} .newSerWrap .list-img li + li{margin-top:20px;} .newSerWrap .list-img li>img{max-width:280px;} .newSerWrap .list-img li .txt{margin-top:10px; display:block; color:#333} .newSerWrap .box-gray{background-color:#ededed; padding:20px 25px; margin-top:40px;} .newSerWrap .box-gray .txt{font-size:14px; color:#333; text-align:left; margin-bottom:10px;} .newSerWrap .box-gray .list-bu.dot li{text-align:left; font-size:12px; position:relative; padding-left:8px;} .newSerWrap .box-gray .list-bu.dot li::before{content:''; display:block; width:3px; height:3px; background-color:#333; border-radius:50%; position:absolute; top:8px; left:0;} .newSerWrap .box-gray .list-bu.dot li>span{color:#565656;} .serBefore>p {font-size: 28px; font-family: GongGothicMedium; color: #8f8f8f; font-weight: bold; margin: 40px auto 20px; padding: 10px 0; border-bottom: 1px solid #eeeeee; width: 100px; letter-spacing: 1px} .serBefore>sub {font-size: 25px; color: #565656;} .serAfter>p {font-size: 28px; font-family: GongGothicMedium; color: #00c0ff; font-weight: bold; margin: 40px auto 20px; padding: 10px 0; border-bottom: 1px solid #eeeeee; width: 100px; letter-spacing: 1px} .serAfter>sub {font-size: 25px; color: #161616;} .serBefore li {color: #565656;} .serAfter li {color: #161616;} .beAful { margin: 30px 0; display: table;} .beAful>li{ display: table-cell; width: 65%; vertical-align: top; font-size: 16px; text-align: left; padding: 0 10px; line-height: 25px;} .beAful>li:first-child { width: 25%;} .serGood>div { margin: 60px auto 20px;} .serGood>div.mt30 { margin: 30px auto 20px;} .serGood .img01 { width:30px; display: inline-block;} .serGood .img02 { width:45px; display: inline-block;} .serGood .img03 { width:30px; display: inline-block;} .serGood .img04 { width:33px; display: inline-block;} .serGood>div>p {font-size: 25px; font-family: GongGothicMedium; color: #1496c2; padding: 0 0 0 10px; vertical-align: super; display: inline-block;} .serGood>sub { display: block; font-size: 20px; color: #161616; letter-spacing: -1.5px; } .aBanWrap { margin: 0 15px 30px; }/*메인 about banner*/ .aBanWrap img { width: 100%} .aBanWrap>a {width: 50%; box-sizing: border-box; display: block;} .aBanWrap>a.aBan {float: left; padding-right: 7px} .aBanWrap>a.aBan2 {float: right; padding-left: 7px} .aBanWrap:after {content: ''; clear: both; display: block;} .sbnpBox>div { color: #ffffff;} /* 리플렛 슬라이드 스크립트 화살표 컬러*/ .sbnpBox2>div { color: #0046cd; } /* 안내 슬라이드 스크립트 화살표 컬러 */ .sbnpBox2>.swiper-button-next:after, .sbnpBox2>.swiper-button-prev:after { font-size: 30px;} /* 안내 슬라이드 스크립트 사이즈*/ .sbnpBox2>.swiper-button-next, .sbnpBox2>.swiper-button-prev {top: 40%} /* 안내 슬라이드 스크립트 화살표 위치*/ .sbnpBox3>div { color: #ffffff; } /* 메인 슬라이드 스크립트 화살표 컬러 */ .sbnpBox3>.swiper-button-next, .sbnpBox3>.swiper-button-prev {top: 42%} /* 안내 슬라이드 스크립트 화살표 위치*/ .sbnpBox3>.swiper-button-next:after, .sbnpBox3>.swiper-button-prev:after { font-size: 25px;} /* 메인 슬라이드 스크립트 사이즈*/ .sbnpBox4>div { color: #ffffff; } /* 메인 팝업 슬라이드 스크립트 화살표 컬러 #0046cd*/ .sbnpBox4>.swiper-button-next { right: 20px } /* 메인 팝업 슬라이드 화살표 위치*/ .sbnpBox4>.swiper-button-prev { left : 20px;} /* 메인 팝업 슬라이드 화살표 위치*/ .sbnpBox4>.swiper-button-next:after, .sbnpBox4>.swiper-button-prev:after { font-size: 30px;} /* 메인 팝업 슬라이드 스크립트 사이즈*/ .upPOP {display: block; position: absolute; top: 30px; right: 30px;} /*정기제공수정팝업 닫기 */ .hNoticeText{ font-size: 15px; color: #000; text-align: center; margin: 0 auto; width: 80%; font-weight: bold;} /* 선택보내기5sept 알림말 */ .hNoticeText span { color: #256ef4;} .hNotice { margin-bottom: 10px; text-align: center;} .board_group section>.inr .mainMore { position: absolute; right: 20px; font-size: 13px; top:15px; color: #333333;} .board_group section.qna >.inr p {width: 100%;} #content .detail_group .de_list>li .sub_title.addBtn a { color: #000000} /* 보낸내역 나의전자지갑 버튼추가 */ #content .detail_group .de_list>li .sub_title.addBtn a span { font-weight:200; font-size: 12px; padding: 2px 7px; border:1px solid #b4b7bb; margin-left: 10px; background-color:#f0feff; border-radius:3px; color: #0046cd; } .addBtn2 { font-weight:200; font-size: 12px; padding: 2px 7px; border:1px solid #ccc; border-radius:3px; color: #000; } /* 이용자 약관동의 */ #content_policy { padding: 0 30px; height: 100%; overflow: hidden;} #content_policy .title_txt { font-size: 24px; padding: 20px 0; font-weight: bold; border-bottom: 1px solid #cccccc; width: 100%; text-align: center;} #content_policy .title_subtxt {font-size: 14px; letter-spacing: -1px; text-align: left; color: #3a3a3a; padding: 20px 0 30px 0;} #content_policy .chpo { font-size: 16px; margin-bottom:5px; overflow: hidden;} #content_policy .guide {overflow: hidden; max-height: none; margin: 15px 0; padding: 14px; border-radius: 10px; border: 1px solid #0046cd;} #content_policy .agree_wrap {overflow: hidden; width: 100%; height: 100%} #content_policy .agree_wrap a { display: block; background-color: #0046cd; color: #ffffff; margin: 30px auto; border-radius: 10px; width: 100%; height: 50px; font-size: 22px; text-align: center; line-height: 50px } /*팝업속 본인정보제공운영센터*/ #inputModafoot .pc_popups .pgSet .contents.mydata .inner .service{background:#f3fbfe;margin:50px 0 0px 0;padding:30px; border-radius:15px } #inputModafoot .pc_popups .pgSet .contents.mydata .inner .service .inr{background:url(../images/ico_service.png) no-repeat center top} #inputModafoot .pc_popups .pgSet .contents.mydata .inner .service .inr .box{text-align:left;padding-top:125px; padding-left:0;} #inputModafoot .pc_popups .pgSet .contents.mydata .inner .service .inr .box strong{display:block;font-weight:normal;padding-bottom:15px; font-size: 15px} #inputModafoot .pc_popups .pgSet .contents.mydata .inner p {font-size: 15px; padding:10px 0 0 0;} #inputModafoot .pc_popups .pgSet .contents.mydata .inner p a {position: relative; display: inline-block; top: 0; right: 0; font-size: 15px} #inputModafoot .pc_popups .circle_panel_group.pgSet>p {font-size: 22px} .modal_con.send .item_group>ul>li .sub_title div.helpArea { font-weight: normal; font-size: 12px; width: 80%; background-color: #ffffff; border:1px solid #cccccc; border-radius:10px; padding:20px; box-sizing: border-box; box-shadow: 0px 0px 4px 2px #cccccc;} .modal_con.send .item_group>ul>li .sub_title div.helpArea span.helpClose {display: block; width: 100%; text-align: center; margin-top: 10px; font-weight: bold;} .modal_con.pc_popup_01 .data_box table.addrToptb tr td:first-child { text-align: center; background-color: #eeeeee;} .sub_select_group label { font-weight: bold;} /* .sub_select_group2 label { font-weight: bold;} */ .toggle_group .toggle_list li .toggle_title p a.toBt { position: relative; top: 0; right: 0} .newClo {position: absolute; top: 20px; right: 30px;} /*}*/ @media (max-width:375px){ footer #footer .inr>ul li a{font-size:10px} .pc_popups.moBok2 { height: 80% } /*모달팝업높이값*/ .contents.mydata .inner p {font-size: 12px;} .contents.mydata .inner .service .inr .box strong { font-size: 12px; padding-bottom: 15px;} .use2>div p { font-size: 18px ;}/*안내설명*/ .use2>div sub { font-size: 15px ;}/*안내서브설명*/ /*탭 나의전자문서지갑보내기*/ .popTabTitle ul li a { font-size: 15px; letter-spacing: -1px} .newClo { top: 27px; } } @media (max-width:360px){ #container.main .topMent p {font-size: 22px; line-height: 30px;}/*메인타이틀*/ #inputModal2 .circle_panel_group.pgSet p { font-size: 18px !important;} /*메인카드뉴스타이틀*/ #inputModal3 .circle_panel_group.pgSet p { font-size: 18px !important;} /*메인카드뉴스타이틀*/ .circle_panel_group.pgSet p a { top:28px; right: 20px} /*메인카드뉴스X위치*/ /*.ico.menu_close { width:12px !important; height: 12px !important; background-position: -417.5px -272.7px !important; background-size: 602.5px 418.7px !important; }메인카드뉴스X사이즈*/ .contents.mydata .inner p {font-size: 11px;} .contents.mydata .inner .service .inr .box strong { font-size: 12px; padding-bottom: 15px;} .use2>div p { font-size: 17px;}/*안내설명*/ .use2>div sub { font-size: 14px;}/*안내서브설명*/ .use2>div { margin: 10px auto;} /* 보내기 step */ .stepWrap { margin: 15px} .stepWrap ul li:before {top:28%} .stepWrap ul li span.num { height: 30px; width: 30px; font-size: 18px; line-height: 28px;} .modal_con .modal_content .ckbox table tr td { font-size: 13px} .modal_con .modal_content .ckbox table tr td b { font-family: "NotoSansKR-Medium"; color: #333; font-weight: normal;} .toggle_list>li a p.faqWid { width: 80%; font-size: 13px} /*faq질문*/ .toggle_list>li .faq_content {font-size: 13px}/*faq답변*/ /* .pagination ul li a { width: 24px; font-size: 11px } .pagination li.active a, .pagination li.current a { font-size: 12px} */ .sub_select_group .date_box .datepicker { font-size: 14px} /*팝업속 본인정보제공운영센터*/ #inputModafoot .pc_popups .pgSet .contents.mydata .inner .service{background:#f3fbfe;margin:50px 0 0px 0;padding:30px; border-radius:15px } #inputModafoot .pc_popups .pgSet .contents.mydata .inner .service .inr{background:url(../images/ico_service.png) no-repeat center top} #inputModafoot .pc_popups .pgSet .contents.mydata .inner .service .inr .box{text-align:left;padding-top:125px; padding-left:0;} #inputModafoot .pc_popups .pgSet .contents.mydata .inner .service .inr .box strong{display:block;font-weight:normal;padding-bottom:15px; font-size: 12px} #inputModafoot .pc_popups .pgSet .contents.mydata .inner p {font-size: 11px; padding:10px 0 0 0} #inputModafoot .pc_popups .pgSet .contents.mydata .inner p a {position: relative; display: inline-block; top: 0; right: 0; font-size: 11px} #inputModafoot .pc_popups .circle_panel_group.pgSet>p {font-size: 18px} /*탭 나의전자문서지갑보내기*/ .popTabTitle ul li a { font-size: 15px; letter-spacing: -1px} .stepWrap ul li span.text { font-size: 11px; letter-spacing: -1px; font-weight: normal !important;} } @media (min-width: 1230px){ /*공공마이데이터란? 정부24소개페이지 웹 반응형 작업 */ .newSerWrap { margin-top: 0; text-align: center; position: relative; clear: both; overflow: hidden; } .newSerWrap img { width: 100%} .newSerWrap .arDown { width: 38px; height: 19px; margin: 0 auto;} /*.newSerWrap .arDown {background: url("../images/service/bg_title_down.png") no-repeat 0 0; position: absolute; width:76px; height: 38px; left:45%; background-size: 50%}*/ .newSerWrap>.serTitle { background: #f7f7f7; padding: 10px 0; border-radius: 20px; margin-top: 20px; } .newSerWrap>.serTitle.mt30 { margin-top: 30px; } .newSerWrap>sub { font-size: 20px; margin: 30px auto; display: block; } /* .newSerWrap>.serTitle:after {background: url("../images/service/bg_title_down.png") no-repeat; height: 30px;} */ .newSerWrap>.serTitle>p {font-size: 30px; font-family: GongGothicMedium; color: #333333;} .newSerWrap>.serTitle>p>span {font-size: 30px; font-family: GongGothicMedium; color: #00c0ff;} /* .newSerWrap>p {font-size: 30px; font-family: GongGothicMedium; color: #333333; margin: 15px auto 15px} */ .newSerWrap>.serTitle>p {font-size: 30px; font-family: GongGothicMedium; color: #333333; margin: 15px auto 15px} .serBefore>p {font-size: 28px; font-family: GongGothicMedium; color: #8f8f8f; font-weight: bold; margin: 40px auto 20px; padding: 10px 0; border-bottom: 1px solid #eeeeee; width: 100px; letter-spacing: 1px} .serBefore>sub {font-size: 25px; color: #565656;} .serAfter>p {font-size: 28px; font-family: GongGothicMedium; color: #00c0ff; font-weight: bold; margin: 40px auto 20px; padding: 10px 0; border-bottom: 1px solid #eeeeee; width: 100px; letter-spacing: 1px} .serAfter>sub {font-size: 25px; color: #161616;} .serBefore { width: 48%; float: left; overflow: hidden;} .serAfter { width: 48%; float: left; overflow: hidden; margin-left: 4%} .serBefore li {color: #565656; } .serAfter li {color: #161616;} .beAful { margin: 30px 0; display: table;} .beAful>li{ display: table-cell; width: 65%; vertical-align: top; font-size: 16px; text-align: left; padding: 0 10px; line-height: 25px;} .beAful>li:first-child { width: 25%;} .serGood {width: 48%; float: left; overflow: hidden;} .serGoodMl { margin-left: 4%} .newSerWrap>.bannerMin {width: 60%; margin: 0 auto; } .newSerWrap>.bannerMin p {margin: 35px auto 15px} .newSerWrap>.bannerMin2 {display: none;} .minMa { margin-top: 50px} .serGood>div { margin: 60px auto 20px;} .serGood>div.mt30 { margin: 30px auto 20px;} .serGood .img01 { width:30px; display: inline-block;} .serGood .img02 { width:45px; display: inline-block;} .serGood .img03 { width:30px; display: inline-block;} .serGood .img04 { width:33px; display: inline-block;} .serGood>div>p {font-size: 25px; font-family: GongGothicMedium; color: #00c0ff; padding: 0 0 0 10px; vertical-align: super; display: inline-block;} .serGood>sub { display: block; font-size: 20px; color: #161616; letter-spacing: -1.5px; } .swiper-container { width: 60%} } /* media 쿼리 수정 : 230308 황지현 */ @media (max-width:345px) { .ico.logo { width: 170px; height: 30.5px; background-position: -160px -355px; background-size: 735px 648px; } .organ_group { width: 260px; } .organ_group .inr-01 ul li a div, .organ_group .inr-02 ul li a div { width: 50px; height: 50px; } } @media (min-width: 346px) and (max-width: 499px) { .ico.logo { width: 208px; height: 30.5px; background-position: -196px -437px; background-size: 900px 794px; } .organ_group { width: 300px; } .organ_group .inr-01 ul li a div, .organ_group .inr-02 ul li a div { width: 60px; height: 60px; } } @media (min-width: 500px) and (max-width: 700px) { .organ_group { width: 350px; } .organ_group .inr-01 ul li a div, .organ_group .inr-02 ul li a div { width: 70px; height: 70px; } } .toggle_group .toggle_list li .toggle_title p a { display: block; position: absolute; right: 20px; top:15px; } .toggle_group .toggle_list li .toggle_title span { display: block; padding: 15px 0; text-align: center; width: 110%; } .toggle_group .toggle_list li .toggle_title p span { font-weight: normal; font-size: 15px } .toggle_list>li .arr_down2 { background-image: url(../images/sprites/mobile_sp_ico2.png); background-position: -426px -240px; width: 30px; height: 17px; width: 15px; height: 8.5px; background-position: -213px -120px; background-size: 293px 225.5px } .toggle_list>li.on .arr_down2{ background-image: url(../images/sprites/mobile_sp_ico2.png); background-position: -506px -240px; width: 30px; height: 17px; width: 15px; height: 8.5px; background-position: -253px -120px; background-size: 293px 225.5px }