@charset "utf-8";

.subWrap.open{ position:relative; top:-284px; z-index:-1;}
.location{ background:#3e50b4; height:50px;}
.location > ul{ width:1180px; height:100%; margin:0 auto;}
.location > ul > .lctHome{ text-indent:-9999em; background:url(/images/dc/lct_home_bg.png) center no-repeat;}
.location > ul > li{ border-right:1px solid #5b6abf; float:left; height:100%;}
.location > ul > li > a{color:#fff; padding:0 25px; display:block; width:100%; height:100%; line-height:50px; font-size:14px;}
.location > ul > li:first-child{ border-left:1px solid #5b6abf;}
.location > ul > .lctLast{ background:#3e50b4 url(/images/dc/lct_down_arr.png) 90% center no-repeat;}
.location > ul > .lctLast > a{ padding-right:75px;}
.lctLast .lctSelect{ border:1px solid #3e50b4; border-top:none 0; background:#fff; padding:23px 0 20px 23px; position:relative; display:none; z-index:100;}
.lctLast .lctSelect.on{ display:block; box-shadow: 0px 2px 5px 0px #9292bb;}
.lctLast .lctSelect li{ margin-top:15px; }
.lctLast .lctSelect li:first-child{ margin-top:0;}
.lctLast .lctSelect li > a{ padding-bottom:1px; font-size:14px;padding-bottom:1px;}
.lctLast .lctSelect li.on a,
.lctLast .lctSelect li > a:hover{ color:#3e50b4; border-bottom:1px solid #3e50b4;}
.subWrap + footer{ border-top:1px solid #d7d8dd; margin-top:90px;}

.sub{ width:1180px; margin:0 auto; padding-top:80px;}
.sub .subTit{ font-family:'BusanBada', 'Dotum', Sans-serif; font-size:42px; text-align:center; height:65px;}
.sub .subTitExp{ font-size:16px; text-align:center; color:#768082; margin-bottom:60px;}
.sub .subSbj{ font-size:24px; font-weight:700; margin-bottom:55px; font-family:'Nanum Square', 'Nanum Gothic';}
.sub .subSbj span{ font-size:14px; font-weight:400;}
.sub .subSbj span em{ padding-left:35px; padding-right:5px; color:#6b81fd;}

.loginBox{ height:300px; width:100%;}
.loginBox > div{ display:table-cell; vertical-align:middle; height:100%; width:50%; position:relative;}
.loginBox > div .inner{ display:table-cell; vertical-align:middle;}
.idLoginBox{ float:left; background:#f0f2f5; border:1px solid #d7d8dd;}
.certLoginBox{ float:left; border:1px solid #d7d8dd; border-left:none;}
.loginTit{ font-size:18px; position:relative; padding-top:9px; font-family:'Nanum Square', 'Nanum Gothic';}
.loginTit:after{ position:absolute; top:0; left:0; content:''; display:block; height:1px; width:14px; background:#5871ff;}
.idLoginBox .inner > div > div{ float:left; margin-right:20px; display:inline-block; text-align:right;}
.idLoginBox .inner > div > div input{ height:42px;}
.idLoginBox .inner > div > div label{ font-size:14px; margin-right:5px;}
.idLoginBox .inner > div > div p:first-child{ margin-bottom:15px;}
.idLoginBox .inner > div > div p:last-child{text-align: left; padding-left: 60px; padding-top: 15px;}
.certLoginBox{ float:right;}
.certLoginBox .inner{ padding-top:125px; padding-left:125px;}
.certLoginBox .inner a{ width:364px; height:57px; color:#fff; font-size:18px; text-align:center; display:table-cell; background:#5871ff; vertical-align:middle; font-family:'Nanum Square', 'Nanum Gothic';}
.certLoginBox .inner span{ color:#768082; font-size:14px; margin-top:35px; display:block; line-height:1.5;}
.idLoginBox{ padding:101px 0 0 80px; float:left;}
.idLoginBox button{ background:#3e50b4; color:#fff; display:table-cell; vertical-align:middle; width:150px; height:99px; font-size:18px; float:left; font-family:'Nanum Square', 'Nanum Gothic';}
.loginBox .loginTit{ position:absolute; top:41px; left:61px;}
.loginUtil{ margin-top:24px;}
.loginUtil > div{ float:left; /* width:380px; */ width:280px; padding:0 20px; height:135px; border:1px solid #d7d8dd; margin-left:20px; text-align:center; font-size:15px; padding-top:28px;}
.loginUtil > div:first-child{ margin-left:0;}
.loginUtil > div a{ display:inline-block; border:1px solid #3e50b4; color:#3e50b4; text-align:center; width:145px; height:40px; font-size:15px; margin-top:22px; line-height:40px;}

.imgBox.join{ margin-bottom:95px; text-align:center;}
.imgBox.grvc{ margin-bottom:35px; margin-top:60px; text-align:center;}
.imgBox.pwImg{ text-align:center; margin-bottom:35px;}
.imgBox.procedure img{ max-width:100%; width:100%;}
/*.memberTypeBox{ margin-bottom:79px;}*/
.memberTypeBox p{ float:right; width:49%; height:135px; display:table; vertical-align:middle;}
.memberTypeBox p:first-child{ float:left;}
.memberTypeBox p input{ display:none;}
.memberTypeBox p input:checked + label{ border:2px solid #3e50b4; position:relative;}
.memberTypeBox p input:checked + label:after{ content:''; display:block; position:absolute; top:29px; right:28px;background:url(/images/dc/member_type_chk.png) 0 0 no-repeat; width:37px; height:29px;}
.memberTypeBox p label{ display:table-cell; background:url(/images/dc/member_type_02.png) 55px center no-repeat; font-size:18px; padding-left:120px; cursor:pointer;border:1px solid #d7d8dd; font-family:'Nanum Square', 'Nanum Gothic';}
.memberTypeBox p:first-child label{background:url(/images/dc/member_type_01.png) 59px center no-repeat; }
.memberTypeBox p label em{font-style:normal;}
.memberTypeBox p label span{ font-size:14px; color:#768082; display:block; margin-top:10px;}
.termsBox{ background:#f7f7f7; border:1px solid #d7d8dd; padding:35px; height:238px; overflow-y:scroll;}
.termsChkBox{ margin-top:16px; margin-bottom:80px;}
.termsChkBox p{ float:left;}
.termsChkBox input{ display:none;}
.termsChkBox input:checked + label{ background:url(/images/dc/circle_chk_on.png) 0 0 no-repeat;}
.termsChkBox label{ background:url(/images/dc/circle_chk_off.png) 0 0 no-repeat; padding-left:35px; font-size:14px; cursor:pointer; padding-right:20px; display:table-cell; height:24px;}

.certList{ border:1px solid #d7d8dd; padding:57px 54px;}
.certList > p{ font-size:14px; background:url(/images/dc/cert_list_bg.png) 0 0 no-repeat; padding-left:146px; line-height:2.2; padding-top:5px; margin-top:85px; padding-right:55px;word-break:keep-all; position:relative; padding-bottom:5px;}
.certList > p:after{ position:absolute; top:0; left:130px; display:block; content:''; height:100%; width:1px; background:#d7d8dd;}
.certList a{ /* width:501px; */ width:100%; height:235px; float:left; font-size:30px; display:block; position:relative; padding:47px 0 0 83px; border:1px solid #000000; font-family:'Nanum Square', 'Nanum Gothic';}
.certList a span{ font-size:18px; display:block; width:115px; padding-bottom:20px; text-align:center; position:absolute; bottom:40px; right:65px;background:url(/images/dc/sign_arr.png) 0 20px no-repeat; font-family:'Nanum Square', 'Nanum Gothic';}
.certList .signCert{ background:url(/images/dc/sign_bg.png) 83px 119px no-repeat; color:#000000;}
.certList .hpCert{ background:url(/images/dc/hp_bg.png) 80px 119px no-repeat;float:right}

.joinComplete{ background:url(/images/dc/join_complete_bg.png) right 20px no-repeat; padding-bottom:82px; padding-top:20px;}
.joinComplete > p{ font-size:36px; line-height:1.3; margin-bottom:41px; font-family:'Nanum Square', 'Nanum Gothic';}
.joinComplete > p > span{ color:#5a6bc8;}
.joinComplete > span{ font-size:18px; font-family:'Nanum Square', 'Nanum Gothic';}
.joinComplete > span > em{color:#3e50b4;text-decoration:underline;font-style:normal;}

.pageInfo {margin-bottom:65px;}
.pageInfo h3{ float:left; position:relative; font-size:30px; font-weight:700; padding-top:13px; line-height:1.4; font-family:'Nanum Square', 'Nanum Gothic';}
.pageInfo h3 span{ color:#3e50b4;}
.pageInfo h3:after{ position:absolute; top:0; left:0; content:''; display:block; width:49px; height:1px; background:#3e50b4;}
.pageInfo p{ float:right; font-size:18px; color:#434a54; width:860px; padding-top:16px; line-height:1.8; font-family:'Nanum Square', 'Nanum Gothic';}

.grvcExp{ color:#768082; font-size:14px; margin-bottom:21px;}
.grvcExp span{ font-size:14px; color:#3e50b4; display:inline-block; margin-left:23px;}
.helpBtn{ background:url(/images/dc/help_btn_bg.jpg) 0 0 no-repeat; width:24px; height:24px; display:inline-block; text-indent:-9999em; vertical-align:middle; margin-left:5px;}
.grvcBox{ margin-bottom:20px;}
.grvcBox .grayBox{ background:#f0f2f5; border:1px solid #d7d8dd; padding:28px 45px;}
.grvcBox .grayBox > .sltBox{ float:left;}
.grvcBox .grayBox > .sltBox + .sltBox{ float:right;}
.grvcBox .grayBox > .sltBox label{ font-size:14px; padding-right:37px;}
.grvcBox .grayBox .rdoList li { margin-top:17px;}
.grvcBox .grayBox .rdoList li:first-child { margin-top:0;}
.grvcBox .grayBox .rdoList li label{ font-size:18px; margin-left:15px; font-family:'Nanum Square', 'Nanum Gothic';}
.grvcBox .whiteBox{ padding:29px 40px; border:1px solid #d7d8dd; border-top:none;}
.grvcBox .bulb{ background:url(/images/dc/bulb_bg.png) 0 center no-repeat; padding-left:38px; line-height:1.3;}
.grvcBox .bulb strong{ font-weight:400; font-size:18px; font-family:'Nanum Square', 'Nanum Gothic';}
.grvcBox .bulb p{ color:#768082; font-size:14px;}
.grvcBox .bulb p span{ color:#3e50b4;}
.grvcBox .sltAgency{ color:#000; font-size:14px;}
.grvcBox .sltAgency strong{ color:#3e50b4; font-size:24px; vertical-align:middle; padding-left:17px; font-family:'Nanum Square', 'Nanum Gothic';}
.grvcBox .whiteBox h5{ color:#000000; font-size:18px; font-weight:700; margin-bottom:20px; margin-top:45px; font-family:'Nanum Square', 'Nanum Gothic';}
.grvcBox .whiteBox h5:first-of-type{ margin-top:0;}
.grvcBox .whiteBox h5 + p{ color:#434a54; font-size:14px;}
.grvcBox .whiteBox .terms{ width:100%; height:142px; border:1px solid #d7d8dd; background:#f7f7f7; padding:10px; overflow:auto;}
.entryTit{ font-size:18px; color:#3e50b4; font-weight:700; position:relative; padding-left:32px; float:left; padding-right:85px; font-family:'Nanum Square', 'Nanum Gothic';}
.entryTit:after{ background:url(/images/dc/info_bg.jpg) 0 0 no-repeat; width:22px; height:22px; position:absolute; top:-2px; left:0; display:block; content:'';}
.entryBox{ padding-top:40px; padding-left:27px; margin-bottom:60px; border:1px solid #d7d8dd; padding:44px 43px 42px 62px;}
.entryBox:after{ content:''; display:block; clear:both;}
.entryBox > div{ float:left; position:relative;}
.entryBox .listStyle02{ width:650px; border-right:1px solid #f0f2f5; padding-right:37px; float:left;}
.entryBox .listStyle02 li{word-break:keep-all;}
.entryBox a{ float:right; font-size:14px; color:#3e50b4; border-bottom:3px solid #3e50b4; width:150px; padding-left:10px; position:absolute; bottom:0; right:-190px; background:url(/images/dc/dc_arr.jpg) 88% 70% no-repeat}
.entryBox a span{ font-size:18px; font-weight:700; display:block; margin-top: 8px; margin-bottom: 10px; font-family:'Nanum Square', 'Nanum Gothic';}

.entryBox.type02 {margin-bottom:0px; border-left:0; border-right:0; padding:28px 34px 28px 34px}
.entryBox.type02 > div {float:none;}
.entryBox.type02 .entryTit {color:#000; line-height:28px; padding:7px 0;;}
.entryBox.type02 .entryTit:after {display:none;}
.entryBox.type02 a {position:relative; width:117px; top:0; right:0; padding-left:0;}


.tblStyle.grvcTbl.dataTbl { border:1px solid #d7d8dd; padding:50px; margin-bottom:60px;}
.tblStyle.grvcTbl .grvcTit{ position:relative;}
.tblStyle.grvcTbl .grvcTit:after{ position:absolute; top:50%; left:140px; content:''; background:#9fa2a6; height:14px; width:2px; margin-top:-7px;}
.tblStyle.grvcTbl .grvcTit span{ color:#434a54; font-size:14px; margin-left:70px;}
.tblStyle.dataTbl.grvcTbl th{ color:#747679; padding-left:20px;}
.tblStyle.dataTbl.grvcTbl + .grvcTbl{ background:#fafafa; border-top:none; margin-top:-60px;}
.tblStyle.dataTbl.grvcTbl + .grvcTbl .grvcTit.white{ background:#fff; border:none;}
.tblStyle.dataTbl.grvcTbl + .grvcTbl table th,
.tblStyle.dataTbl.grvcTbl + .grvcTbl table td{ background:#fafafa;}
.grvcTit{ font-size:18px; height:50px; line-height:50px; padding-left:19px; margin-bottom:15px; font-family:'Nanum Square', 'Nanum Gothic';}
.grvcTit.gray{ background:#f0f2f5;}
.pisiminTit .listSbj{ float:left; padding-top:10px;}
.pisiminTit .listSbj:after{ top:14px;}
.pisiminTit .formCtl{ float:right;}
.pisiminCtl{ background:#f0f2f5; font-size:18px; width:100%; display:block; height:50px; text-align:left; padding-left:20px;margin-bottom:15px; font-family:'Nanum Square', 'Nanum Gothic';}
.pisiminCtl span{ border:1px solid #000; font-size:12px; display:inline-block; width:20px; height:20px; text-align:center; line-height: 20px; vertical-align: middle; margin-right:10px;}
.pisiminCtl strong{ float:right; font-size:12px; vertical-align:middle; background:url(/images/dc/pisimin_up_bg.png) right 4px no-repeat; padding-right:25px; margin-right:25px; position:relative;    height: 18px; width: 70px; line-height: 18px;}
.pisiminCtl strong:after{ position:absolute; top:0; left:0; display:block; content:'내용접기';}
.pisiminCtl.close strong{ background-image:url(/images/dc/pisimin_down_bg.png);}
.pisiminCtl.close strong:after{ content:'펼처보기';}
.icdTbl table{ margin-bottom:70px; !important;}
.icdTit{ font-size:18px; margin-bottom:25px; padding-left:20px; font-family:'Nanum Square', 'Nanum Gothic';}
.icdTit span{ color:#3e50b4;}
.icdTit strong{ color:#ed1c24; font-size:14px; font-weight:400; padding-left:50px;}
.icdTit.lowRank{ font-size:15px; margin-bottom:15px; margin-top:10px; padding-left:0;}
.pisiminBtn{background: #f0f2f5; font-size: 18px; width: 100%; display: block; height: 50px; text-align: left; padding-left: 20px; margin-bottom: 15px; font-family:'Nanum Square', 'Nanum Gothic';}
.pisiminBtn span{ color:#3e50b4;}
.pisiminBtn strong{ color: #ed1c24; font-size: 14px; font-weight: 400; padding-left: 50px;}
.icdTbl .fileDown{}
.icdTbl .fileDown input{ float:left;}
.icdTbl .fileDown label{ color:#fff; background:#3e50b4; font-size:12px; width:60px; height:36px; display:block; text-align:center; line-height:36px; float:left;    margin-left: 9px;}
.icdTbl .idcRadioBox{ float:left; height:34px; line-height:34px; width:25%;}
.icdTbl .idcRadioBox label{ color:#747679; font-size:14px;}
.icdTbl .idcRadioBox + .singleInput{ width:75%;}
.dataTblBox{ margin-top:-40px;}
.eviInfo{ border:1px solid #d7d8dd; background:url(/images/dc/evi_bg.jpg) 43px 38px no-repeat; padding-left:180px; position:relative; padding-bottom:50px; padding-top:55px; margin-bottom:70px;}
.eviInfo .eviTit{ float:left; font-size:18px; position:absolute; top: 145px; text-align: center;left: 60px; line-height: 1.7; font-family:'Nanum Square', 'Nanum Gothic';}
.eviInfo > div{ float:left;}
.eviInfo > div li{ color:#000000; font-size:14px; margin-bottom:15px;}
.eviInfo > div ul + p{ color:#768082; font-size:12px; margin-top:32px;}
.fileBox{ }
.fileBox #raonkuploader_holder_kupload{ width:100% !important;}
.dcTextArea{ border:1px solid #d7d8dd;}
.dcTextArea > p{ color:#768082; font-size:14px; padding:32px 41px;}
.dcTextArea table{ margin-bottom:0 !important;}
.dcTextArea th{ font-size:14px; color:#000 !important; vertical-align:top; background:#fff !important;}
.dcTextArea th,
.dcTextArea td{ border-top:1px solid #f0f2f5 !important; border-bottom:none !important; height:auto !important; padding:15px 30px !important;}
.dcTextArea th strong{ display:block; color:#747679; margin-top:6px;}
.dcTextArea textarea{ height:163px; width:100%; border:1px solid #dfdfdf;}
.dcTextArea .textArea{height:163px; width:100%; border:1px solid #dfdfdf; background:#f4f5f7;}
.dcTit{ font-size:24px; color:#000; border-bottom:2px solid #000000; padding-bottom:24px; margin-bottom:30px; margin-top:50px; font-family:'Nanum Square', 'Nanum Gothic';}
.star{ font-size:14px; color:#000000; margin-top:35px;}
.star span{ color:#3e50b4;}
.eviFileList{ margin-bottom:70px;}
.eviFileList .icdTit{}
.eviFileList .eviFileListInner{ float:right; width:80%;}
.eviFileList .fileDw{ display:block; float:left; margin-bottom:5px; margin-right:10px;}
.eviFileInput{ display:none;}
.eviFile{ width:120px; height:36px; color:#fff; background:#3e50b4; font-size:14px; display:block; text-align:center; line-height:36px; cursor:pointer; float:right;}
.fileList{ float:left;}
.fileList li{ margin-bottom:10px;}
.grvcList{}
.grvcList .gunsoo{ font-size:14px;}
.grvcList .gunsoo span{ color:#3e50b4;}
.grvcItem{ border:1px solid #000000; padding:22px 25px 7px; margin-top:15px;}
.grvcItem .incident{ color:#3e50b4; font-size:14px; margin-bottom:15px;}
.grvcItem .agency{ font-size:18px; margin-bottom:10px; font-family:'Nanum Square', 'Nanum Gothic';}
.grvcItem .name{ font-size:11px; color:#768082; margin-bottom:22px;}
.grvcItem .name span:first-child{ position:relative; padding-right:12px; margin-right:12px;}
.grvcItem .name span:first-child:after{ position:absolute; top:0; right:0; content:''; display:block; width:1px; height:11px; background:#768082;}
.grvcItem div{ border-top:1px solid #d7d8dd; padding-top:7px;}
.grvcItem div p{ font-size:12px; float:left; margin-top:7px; margin-bottom:7px;}
.grvcItem div .btn{ float:right; width:80px; height:28px; line-height:28px; text-align:center; font-size:12px;}
.hadoList{ position:relative; font-size:18px; border:1px solid #000; height:51px; width:100%; margin-bottom:70px; text-align:right; padding-right:50px; font-family:'Nanum Square', 'Nanum Gothic';}
.hadoList:after{ position:absolute; top:50%; right:22px; margin-top:-6.5px;background:url(/images/dc/hado_arr.png) 0 0 no-repeat; content:''; display:block; width:8px; height:13px;}
.bbsGunsoo{ font-weight:700; font-size:14px; margin-bottom:10px;}
.bbsGunsoo span{ color:#3e50b4;}
.susicBox{ background:url(/images/dc/susic_bg.png) 0 0 no-repeat; padding-left:136px; height:100px; padding-top:13px; margin-bottom:30px;word-break:keep-all;}
.susicBox p{ font-size:24px; position:relative; padding-top:15px; margin-bottom:10px; font-family:'Nanum Square', 'Nanum Gothic';}
.susicBox p:after{ position:absolute; top:0; left:0; content:''; display:block; height:2px; width:38px; background:#000;}
.susicBox p strong{ color:#3e50b4;}
.susicBox span{ color:#768082; font-size:18px; font-family:'Nanum Square', 'Nanum Gothic';}
.mypageAppCon{ border-top:2px solid #000; border-bottom:1px solid #000; display:table; width:100%;}
.mypageAppCon .mypageConfirm{ background:#f2f4f7; display: table-cell; vertical-align: middle; height: 99px; padding:0 34px;}
.mypageAppCon .mypageConfirm > div{ float:left;}
.mypageAppCon .mypageConfirm > div p{ font-size:24px; color:#000; float:left; margin-right:20px; height:36px; line-height:36px; font-family:'Nanum Square', 'Nanum Gothic';}
.mypageAppCon .mypageConfirm > div p strong{ color:#3e50b4;}
.mypageAppCon .mypageConfirm > div a{ width:117px; height:36px; font-size:12px; background: #ffffff url(/images/dc/mypage_confirm_bg.png) 85% center no-repeat; padding-right: 10px; border:1px solid #000; display:block; float:left; text-align:center; line-height:36px;}
.mypageAppCon .mypageConfirmInfo{ float:right; color:#768082; line-height: 20px; text-align: right;}
.mypageAppCon .mypageConfirmInfo strong{ color:#000;}
.mypageFileBox{padding:34px; border-bottom:1px solid #000; margin-bottom:65px;}
.mypageFileBox .mypageFileList{ float:left;}
.mypageFileBox .mypageFileList strong{ font-size:18px; font-weight:700; float:left; display:block; position:relative; padding-right:30px; margin-right:30px; font-family:'Nanum Square', 'Nanum Gothic';}
.mypageFileBox .mypageFileList strong:after{ content:'';position:absolute; top:-3px; right:0; width:1px; height:28px; background:#d7d8dd;}
.mypageFileBox .mypageFileList > div{ float:left;}
.mypageFileBox .mypageFileList > div > p{ color:#768082; font-size:12px;}
.mypageFileBox .mypageFileInput{ float:right;}
.mypageFileBox .mypageFileList > div .fileList{ margin-top:20px;}
.mypageFileBox .mypageFileInput label{ color:#fff; background:#3e50b4; display:block; width:117px; height:36px; line-height:36px; text-align:center; font-size:12px;}
.mypageFileBox .mypageFileInput .mypageFile{ display:none;}
.mypageGrvcTit{ font-size:24px; position:relative; width: 260px; text-align: center; margin:65px auto 0; padding-bottom: 14px; margin-bottom:35px; font-family:'Nanum Square', 'Nanum Gothic';}
.mypageGrvcTit:after{ content:''; position:absolute; bottom:0; left:0; width:100%; height:3px; background:#3e50b4;}
.certInfoList{ background:url(/images/dc/cert_bg.png) 12px 26px no-repeat; padding-top:12px; padding-left:217px;}
.certInfoList > p{ font-size:24px; position:relative; font-weight:700; padding-top:13px; margin-bottom:19px; font-family:'Nanum Square', 'Nanum Gothic';}
.certInfoList > p:after{ position:absolute; top:0; left:0; content:''; display:block; width:38px; height:2px; background:#000;}
.certInfoList > p > span{ color:#3e50b4; font-weight:900;}
.certInfoList li{ color:#768082; font-size:14px; position:relative; margin-bottom:15px; padding-left:17px;}
.certInfoList li:after{ content:''; position:absolute; top:5px; left:0; display:block; width:6px; height:6px; background:#768082; border-radius:50%;}
.mypageCertLoginBox{ text-align:center; border:1px solid #d7d8dd; padding:44px 0; margin-top:35px;}
.mypageCertLoginBox .inner{ width:480px; margin: 0 auto;}
.mypageCertLoginBox .inner > span{ color:#768082; font-size:14px; text-align:right; display:block; margin-bottom:30px;}
.mypageCertLoginBox .inner > span em{ color:#5871ff;}
.mypageCertLoginBox p{ margin-bottom:15px; height: 42px; line-height: 42px; text-align: left;}
.mypageCertLoginBox p > span{ width: 65px; text-align: right; font-size: 14px; display: block; float: left; height: 42px; line-height: 42px; margin-right: 15px;}
.mypageCertLoginBox p > strong{ font-size:14px;}
.mypageCertLoginBox label{ width:65px; text-align:right; font-size:14px; display:block; float:left; height:42px; line-height:42px; margin-right:15px;}
.mypageCertLoginBox input{ width:400px; height:42px; float:left;}
.mypageCertLoginBox .certBtn{ margin-left:80px; margin-top:11px;}
.mypageCertLoginBox .certBtn.col1 a{ width:100%;}
.mypageCertLoginBox .certBtn.col2 a{ width:49%;}
.mypageCertLoginBox .reg{ background:#5871ff; float:left;}
.mypageCertLoginBox .del{ background:#434a54; float:right;}
.mypageCertLoginBox a{color:#fff; font-size:18px; display:block; height:57px; line-height:57px; text-align:center; font-family:'Nanum Square', 'Nanum Gothic';}
.mypageCertLoginBox.pwChange .inner{ width:550px;}
.mypageCertLoginBox.pwChange label{ width:130px;}
.mypageCertLoginBox.pwChange .certBtn{ margin-left:145px;}
.mypageCertLoginBox.memberLeave .inner > span{ margin-bottom:0;}
.memberLeaveBtn{ border:1px solid #d7d8dd; border-top:none; padding-top:35px; padding-left:390px; padding-right:345px;padding-bottom:53px;}
.memberLeaveBtn p{ font-size:18px; color:#768082; padding-left:10px; position:relative; line-height:1.4; font-family:'Nanum Square', 'Nanum Gothic';}
.memberLeaveBtn p:after{background:url(/images/dc/member_leave.png) 0 0 no-repeat; content:''; position:absolute; top:0; left:-45px; display:block; width:40px; height:40px;}
.memberLeaveBtn a{ width:400px; height:57px; font-size:18px; background:#5871ff ;color:#fff; display:block; text-align:center; line-height:57px; margin-top:28px; font-family:'Nanum Square', 'Nanum Gothic';}
.memberLeaveBox{ border:1px solid #d7d8dd; background:url(/images/dc/member_leave_bg.png) 340px center no-repeat; padding:95px 445px; padding-right:320px;}
.memberLeaveBox p{ font-size:30px; line-height:48px; font-family:'Nanum Square', 'Nanum Gothic';}
.memberLeaveBox p span{ color:#3e50b4;}
.certButton{ display:block; width:440px; height:140px; text-align:center; font-size:30px; border:1px solid #000; line-height:140px; background:url(/images/dc/cert_btn_bg.png) 45px center no-repeat; position:relative; margin:0 auto; margin-bottom:40px; font-family:'Nanum Square', 'Nanum Gothic';}
.certButton:after{ position:absolute; top:50%; right:55px; display:block; content:''; background:url(/images/dc/cert_btn_line_bg.png) 0 0 no-repeat; width:44px; height:9px;}
.certInfo{ border:1px solid #d7d8dd; background:url(/images/dc/cert_list_bg.png) 60px center no-repeat; padding:35px; padding-left:200px;}
.certInfo p{ border-left:1px solid #d7d8dd; line-height:30px; font-size:14px; padding-left:15px;}
.qnaBox{ border-top:2px solid #000000;}
.qnaBox button{ font-size:14px; height:53px; line-height:53px; background:url(/images/dc/qna_q_bg.png) 30px center no-repeat; padding-left:83px; width:100%; display:block; text-align:left;border-bottom:1px solid #d7d8dd;}
.qnaBox div{ background:#f3f4f8 url(/images/dc/qna_a_bg.png) 75px 40px no-repeat; padding:40px 125px; padding-right:40px; display:none; }
.qnaBox div.on{ display:block;}
.qnaBox div p{ font-size:14px; line-height:26px;}

.idPwExpBox{ border-top:2px solid #000; background: url(/images/dc/cert_list_bg.png) 0 center no-repeat; padding:55px 0; padding-left:165px; position:relative;}
.idPwExpBox:after{ position: absolute; top: 50%; left: 130px; content: ''; display: block; width: 1px; height: 100px; background: #d7d8dd; margin-top: -50px;}
.idPwExpBox p{ font-size:24px; font-weight:700; margin-bottom:15px; font-family:'Nanum Square', 'Nanum Gothic';}
.idPwExpBox span{ font-size:18px; color:#768082; font-weight:700; font-family:'Nanum Square', 'Nanum Gothic';}
.idPwCertBox{ border:1px solid #d7d8dd; padding:55px; margin-bottom:35px;}
.idPwCertBox p{  font-weight:700; font-size:24px;/*  float:left;  */ margin:0 auto; width:500px; height:100px; display:table;background:url(/images/dc/id_cert_bg.png) 45px center no-repeat; font-family:'Nanum Square', 'Nanum Gothic';}
.idPwCertBox p + p{ background:url(/images/dc/id_hp_bg.png) 45px center no-repeat;}
.idPwCertBox p input{ display:none;}
.idPwCertBox p label{ display:table-cell;border:1px solid #000; cursor:pointer; text-indent:120px; background:url(/images/dc/id_cert_bg_chk_off.png) 90% center no-repeat;}
.idPwCertBox p input:checked + label{ border:3px solid #3e50b4;background:url(/images/dc/id_cert_bg_chk_on.png) 90% center no-repeat;}
.idSchBox{ border:1px solid #d7d8dd; display:table; vertical-align:middle; width:100%; height:200px; text-align:center; margin-bottom:35px;}
.idSchBox p{ display:table-cell; vertical-align:middle; font-size:18px; font-weight:700;word-break:keep-all; font-family:'Nanum Square', 'Nanum Gothic';}
.idSchBox p strong{ color:#3e50b4;}
.idSchBox p span{ color:#3e50b4;}
.pwResetBox{ border:1px solid #d7d8dd; width:100%; display:table; vertical-align:middle; height:385px;}
.pwResetBox > div{ display:table-cell; vertical-align:middle;}
.pwResetBox p.pwResetExp{ text-align:center; font-weight:700; font-size:18px; margin-bottom:15px; font-family:'Nanum Square', 'Nanum Gothic';}
.pwResetBox p.pwResetExp strong{ color:#3e50b4;}
.pwResetBox span.pwResetExp{ color:#768082; font-size:14px; display:block; margin-bottom:45px; text-align:center;}
.pwResetBox input{ width:400px; height:42px;}
.pwResetBox .inner{ text-align:center;}
.pwResetBox .innerInput{ text-align:right; display: inline-block; padding-right:75px;}
.pwResetBox .innerInput p{ text-align:right; margin-bottom:15px;}
.pwResetBox .innerInput p + p{ margin-bottom:35px;}
.pwResetBox .innerInput p span{ display:block; text-align:center; margin-top:10px; color:#768082;}
.pwResetBox .innerInput label{ padding-right:15px; font-size:14px;}

.disptBox{ border:1px solid #d7d8dd; padding:40px 55px 40px 0; display:table; vertical-align:middle; display:none;}
.disptBox > div{ display:table-cell;}
.disptBox > div:first-child{ width:244px; border-right:1px solid #d7d8dd; padding-top:23px;}
.disptBox > div + div{ padding-left:30px; vertical-align:top; padding-top:30px;}
.disptBox .listSbj{ margin-left:0;}
.disptBox .exp{ color:#666666; font-size:14px;}
.disptBox .disptList > li{ position:relative; padding-left:21px; margin-top:52px;}
.disptBox .disptList > li:first-child{ margin-top:0;}
.disptBox .disptList > li:last-child{ margin-bottom:15px;}
.disptBox .disptList > li:after{ position:absolute; top:4px; left:0; content:''; display:block; width:12px; height:12px; border:3px solid #000000;}
.disptBox .disptList > li strong{ color:#000; font-size:18px; font-weight:700; display:block; margin-bottom:16px; font-family:'Nanum Square', 'Nanum Gothic';}
.disptBox .disptList > li .exp{ color:#666666; font-size:14px; line-height:1.8;}
.disptBox .disptList .box{ background:#f0f2f5; border:1px solid #d7d8dd; padding:28px 33px; margin-top:25px;}
.disptBox .disptList .box p{ color:#434a54; font-size:14px;}
.disptBox .disptList .box ul{ margin-left:15px;}
.disptBox .disptList .box li{ color:#666666; font-size:14px; position:relative; padding-left:10px; margin-top:15px;}
.disptBox .disptList .box li:first-child{ margin-top:0;}
.disptBox .disptList .box li:after{ position:absolute; top:7px; left:0; content:''; display:block; width:6px; height:1px; background:#666666;}
.disptBox .disptList .box .danggu{ line-height:1.5; margin-bottom:30px;}
.disptBox h5{ background:url(/images/dc/dispt_tab_bg01.png) center 0 no-repeat; color:#000; font-size:18px; font-weight:700; text-align:center; padding-top: 140px; line-height:1.4; font-family:'Nanum Square', 'Nanum Gothic';}
.disptBox.tab02 h5{ background:url(/images/dc/dispt_tab_bg02.png) center 0 no-repeat;}
.disptBox.tab03 h5{ background:url(/images/dc/dispt_tab_bg03.png) center 0 no-repeat;}
.disptBox.tab04 h5{ background:url(/images/dc/dispt_tab_bg04.png) center 0 no-repeat;}
.disptBox.tab05 h5{ background:url(/images/dc/dispt_tab_bg05.png) center 0 no-repeat;}
.disptBox.tab06 h5{ background:url(/images/dc/dispt_tab_bg06.png) center 0 no-repeat;}
.disptBox.on{ display:table;}

.statuteCon{ border-bottom:1px solid #d7d8dd;}
.statute .statuteBox{ display:none;}
.statute .statuteBox.on{ display:block;}
.statuteBox{ border:1px solid #d7d8dd; padding:60px; margin-top:25px;}
.statuteBox .statuteTit{ font-size:18px; font-weight:700; border-bottom:2px solid #000; position:relative; padding-bottom:9px; padding-left:20px; font-family:'Nanum Square', 'Nanum Gothic';}
.statuteBox .statuteTit:after{ position:absolute; top:3px; left:1px; border:3px solid #000; content:''; display:block; width:12px; height:12px;}
.statuteBox .statuteList{ margin-bottom:38px;}
.statuteBox .statuteList:last-child{ margin-bottom:0;}
.statuteBox .statuteList a{ padding:20px 20px; display:block; border-bottom:1px solid #d7d8dd;}
.statuteBox .statuteList a:hover{ background:#eff3fa;}
.statuteBox .statuteList a strong{ font-size:16px; background:url(/images/dc/link_bg.png) right center no-repeat; padding-right:25px;}
.statuteBox .statuteList a div{font-size:12px; color:#999999; margin-top:10px;}
.statuteBox .statuteList a div p{ float:left;}
.statuteBox .statuteList a div span{ float:right;}
.statuteBox .statuteListTit{ color:#768082; font-size:14px; height:36px; line-height:36px; padding-left:20px; display:block; background:#f0f2f5; font-weight:700;}

.callCenter{ border:1px solid #d7d8dd; margin-top:38px; padding:63px 0 63px 75px; margin-bottom:50px; background:url(/images/dc/call_center_bg.png) right 0 no-repeat;}
.callCenter .callTit{ font-size:24px; margin-bottom:14px; font-family:'Nanum Square', 'Nanum Gothic';}
.callCenter .callTit span{ color:#3e50b4;}
.callCenter strong{ font-weight:800; font-size:36px; color:#000; font-family:'Nanum Square', 'Nanum Gothic';}
.callCenter .callTime{ font-size:14px; font-weight:700; margin-top:15px;}
.callCenter .callTime span{ display:inline-block; color:#fff; background:#3e50b4;border-radius:3px; padding:5px 7px; margin-right:5px;}

.root_daum_roughmap {/* margin-top:47px !important; */ width:100% !important;}
.directions{ margin-top:55px;}
.directions button{ font-weight:300; font-size:30px; padding-left:120px; text-align:left; height:67px; margin-bottom:15px; margin-left:8px; font-family:'Nanum Square', 'Nanum Gothic';}
.directions .trspBtn{ background:url(/images/dc/trsp_btn.png) 0 center no-repeat;}
.directions .prvcBtn{ background:url(/images/dc/prvc_btn.png) 0 center no-repeat}
.transport{ float:left; width:50%;}
.privateCar{ float:left; width:50%;}
.dirList{ border-left:1px solid #e0e1e5; padding-left:80px; margin-left:40px; padding-top:30px; position:relative;}
.dirList li{ margin-top:41px; font-weight:800; font-size:18px; font-family:'Nanum Square', 'Nanum Gothic';}
.dirList li:first-child{ margin-top:0;}
.dirList p{ font-weight:800; font-size:18px; position:relative; padding-top:6px; margin-bottom:35px; font-family:'Nanum Square', 'Nanum Gothic';}
.dirList p:after{ position:absolute; top:0; left:0; display:block; content:''; width:13px; height:1px;}
.dirList.bus{ padding-bottom:75px;}
.dirList.gosog{ padding-bottom:105px;}
.dirList.bus p:after{ background:#5fbfe9;}
.dirList.brt p:after{ background:#e5503d;}
.dirList.gosog p:after{ background:#3546aa;}
.dirList span{ color:#434a54; font-size:14px; font-weight:400; line-height:1.5; padding-top:35px;}
.dirList span em{ color:#3e50b4;font-style:normal;}
.dirList.brt{ border:none; padding-top:0;}
.dirList.navi{ border:none; padding-top:0;}
.dirList:after{ position:absolute; top:30px; left:-40px; content:''; display:block; width:80px; height:80px;}
.dirList.bus:after{ background:url(/images/dc/dir_bus.png) 0 top no-repeat;}
.dirList.brt:after{ background:url(/images/dc/dir_brt.png) 0 top no-repeat; top:0;}
.dirList.gosog:after{ background:url(/images/dc/dir_gosog.png) 0 top no-repeat;}
.dirList.navi:after{ background:url(/images/dc/dir_navi.png) 0 top no-repeat; top:0;}
.dirList.brt .infoBox{ color:#000000; font-size:14px; background:#f4f5f8; line-height:1.5; padding:21px 20px; font-weight:700; width:390px;}
.dirList.navi .infoBox{ color:#434a54; font-size:14px; font-weight:400; line-height:1.5;}
.dirList.gosog p{ margin-bottom:20px;}
.dirList.navi p{ margin-bottom:20px;}
.dirList.navi li{ margin-top:20px;}
.dirList.navi li:first-child{ margin-top:0;}
.dirList .bus251 span{ background:url(/images/dc/251_bg.png) 0 0 no-repeat;}
.dirList .bus430 span{ background:url(/images/dc/430_bg.png) 0 0 no-repeat;}
.dirList .bus530 span{ background:url(/images/dc/530_bg.png) 0 0 no-repeat;}
.dirList .bus601 span{ background:url(/images/dc/601_bg.png) 0 0 no-repeat;}
.dirList .bus602 span{ background:url(/images/dc/602_bg.png) 0 0 no-repeat;}
.dirList .brt990 span{ background:url(/images/dc/990_bg.png) 0 0 no-repeat;}
.dirList .brt1001 span{ background:url(/images/dc/990_bg.png) 0 0 no-repeat;}

.linkInfoBox{ border:1px solid #d7d8dd; padding:58px; margin-top:39px;}
.linkInfoBox li{ border-bottom:1px solid #f0f2f5; padding:25px 0;}
.linkInfoBox li strong{ font-size:22px; font-weight:400; padding-top:3px; display:block; margin-bottom:12px; font-family:'Nanum Square', 'Nanum Gothic';}
.linkInfoBox li div{float:left;}
.linkInfoBox li a{ color:#56bae8; font-size:18px; position:relative; padding-right:25px; font-family:'Nanum Square', 'Nanum Gothic';}
.linkInfoBox li a:after{ position:absolute; top:50%; right:0; content:''; display:block;background: url(/images/dc/link_btn.png) 0 0 no-repeat; width:17px; height:16px; margin-top:-8px;}
.linkInfoBox li p{ float:right; width:740px; color:#768082; line-height:24px;word-break: keep-all;}
.linkInfoBox .imgBox img{ width:100%;}

.serviceGuideBox{ margin-top:50px;}
.serviceGuideBox > p{ font-size:28px; position:relative; float:left; line-height:40px; padding-top:20px; font-weight:300; font-family:'Nanum Square', 'Nanum Gothic';}
.serviceGuideBox > p:after{ content:''; display:block; position:absolute; top:0; left:0; width:50px; height:1px; background:#3e50b4;}
.serviceGuideBox > .imgBox{ float:right;}

/* 개인정보 처리방침 */
.provacy_imgbox {width:100%; padding:5.5% 16%; margin-bottom:50px; font-size:18px; line-height:24px; font-weight:600; text-align:center; color:#fff; background:url(/images/dc/bg_provacy.jpg) no-repeat center 50%; font-family:'Nanum Square', 'Nanum Gothic';}

.provacy_box .number {position:absolute; top:40px; left:30px; width:30px; height:auto;}
.provacy_box {}
.provacy_box li {position:relative; font-size:20px; line-height:30px; font-weight:600; color:#000; text-align:left; padding:40px 30px 40px 60px; border-bottom:1px solid #f0f2f5; font-family:'Nanum Square', 'Nanum Gothic';}
.provacy_box li p {font-size:16px; line-height:20px; color:#434a54;}
.provacy_box li ol li {font-size:16px; line-height:20px; color:#434a54; padding:14px 0 0 0; border:0;}
.provacy_box li ol li p {padding:12px 0 0 20px;}
.provacy_box li ol li strong {display:block; color:#000; padding:30px 0 0 30px;}
.provacy_box li ol li ul {padding:0 0 14px 30px;}
.provacy_box li ol li ul li {padding:14px 0 0 14px; background:url(/images/dc/bul_provacy_list.png) no-repeat left 20px;}



/* ==================================
	Login_content
================================== */
.login_content {word-break:keep-all; word-wrap:break-word;}
.login_content:after {content:''; display:block; clear:both;}

.login_content .btn_rwd_box {display:none; margin:0 0 20px 0;}
.login_content .btn_rwd_box:after {content:''; display:block; clear:both;}
.login_content .btn_rwd_box a {float:left; display:block; font-size:18px; color:#; text-align:center; padding:20px 10px; border:1px solid #d7d8dd; width:-webkit-calc((100% - 1px) / 3); width:-moz-calc((100% - 1px) / 3); width: calc((100% - 1px) / 3);}
.login_content .btn_rwd_box a.on {color:#3e50b4; font-weight:600; border:1px solid #3e50b4;}

.login_content .login_box {float:left; padding:40px 45px 45px 45px; border:1px solid #d7d8dd; border-right:0; width:-webkit-calc((100% - 1px) / 3); width:-moz-calc((100% - 1px) / 3); width: calc((100% - 1px) / 3);}
.login_content .login_box.type01 {background:#f0f2f5;}
.login_content .login_box.type02 {border-right:1px solid #d7d8dd;}
.login_content .login_box.type03 {}

.login_content .login_box h5 {position:relative; display:block; font-size:20px; font-weight:600; color:#000; line-height:20px; padding:10px 0 30px 0;}
.login_content .login_box h5:after {position:absolute; top:0; left:0; content:''; display:block; height:1px; width:14px; background:#5871ff;}

.login_content .btn_link {text-align:center; padding-top:17px;}
.login_content .btn_link:after {content:''; display:block; clear:both;}
.login_content .btn_link li {display:inline-block; width:49%; text-align:center;}
.login_content .btn_link li span {padding-right:20px; background:url(/images/dc/icon_arrow_right.png) no-repeat right 50%;}
.login_content .btn_link li + li {border-left:1px solid #434a54;}

.login_content .input_box {position:relative;}
.login_content .input_box input {width:100%; height:42px; line-height:32px; padding:0 20px;}
.login_content .input_box input:focus {border:1px solid #5871ff;}
.login_content .input_box + .input_box input {margin-top:10px;}

.login_box.type01 {}
.login_box.type01 .btn_box {margin-top:27px;}
.login_box.type01 .btn_box a {display:block; font-size:18px; text-align:center; padding:17px; font-family:'Nanum Square', 'Nanum Gothic';}
.login_box.type01 .btn_box .type01 {color:#fff; border:1px solid #3e50b4; background:#3e50b4;}
.login_box.type01 .btn_box .type01:hover {background:#18256d;}
.login_box.type01 .btn_box .type02 {color:#3e50b4; border:1px solid #3e50b4; background:#fff; margin-top:10px;}
.login_box.type01 .btn_box .type02:hover {color:#fff; background:#464f5e;}

.login_box.type02 {}
.login_box.type02 .qr_box {width:100%;}
.login_box.type02 .qr_box:after {content:''; display:block; clear:both;}
.login_box.type02 .img {float:left; display:block; width:140px; height:140px; background:url(/images/dc/qr_img01.png) no-repeat 0 0;}
.login_box.type02 .box {float:left; margin:-10px 0 20px 15px; width:-webkit-calc((100% - 155px)); width:-moz-calc((100% - 155px)); width: calc((100% - 155px));}
.login_box.type02 .box ul li {position:relative; padding-left: 20px; color:#434a54; font-size:14px; line-height:24px;}
.login_box.type02 .box span {position:absolute; top:0; left:0; color:#3e50b4;}
.login_box.type02 .box span:after {content:''; position:absolute; bottom:0; left:0; width:100%; height:1px; background:#3e50b4;}
.login_box.type02 .icon_important {float:left; color:#768082; padding:4px 0 4px 30px; background:url(/images/dc/icon_important.png) no-repeat 0 50%;}
.login_box.type02 .input_box {display:none;}
.login_box.type02 .btn_link {padding-top:17px;}
.login_box.type02 .btn_box {margin-top:17px;}
.login_box.type02 .btn_box a {position:relative; display:block; font-size:16px; color:#fff; text-align:center; line-height:28px; padding:12px 18px; background-color:#464f5e; font-family:'Nanum Square', 'Nanum Gothic';}
.login_box.type02 .btn_box a:hover {background:#242c39;}
.login_box.type02 .btn_box a span:before {content:''; position:relative; display:inline-block; width:38px; height:29px; padding-left:54px; vertical-align:middle; background:url(/images/dc/icon_qrbox.png) no-repeat 0 50%;}

.login_box.type03 {padding:40px 45px 25px 45px;}
.login_box.type03 strong {display:block; font-size:18px; line-height:27px; font-family:'Nanum Square', 'Nanum Gothic';}
.login_box.type03 p {font-size:14px; color:#768082; padding-top:60px;}
.login_box.type03 .btn_box {margin-top:27px; text-align:center;}
.login_box.type03 .btn_box a {display:inline-block; font-size:18px; color:#fff; text-align:center; padding:18px 80px; background:#5871ff; font-family:'Nanum Square', 'Nanum Gothic';}
.login_box.type03 .btn_box a:hover {background:#3e50b4;}

.chkStyle {width:20px; height:20px;}

/* ==================================
	Bio box
================================== */
.bio_box {display:; position:relative; width:100%; height:600px; background:#fff;}
.bio_box h4.line {display:block; font-size:18px; font-weight:600; padding:0 0 15px 0; border-bottom:2px solid #000; font-family:'Nanum Square', 'Nanum Gothic';}
.bio_box .state_box {margin-top:20px; text-align:center;}
.bio_box .step_box {display:inline-block;}
.bio_box .step_box:after {content:''; display:block; clear:both;}
.bio_box .step_box li {position:relative; float:left; font-size:16px; color:#768082; text-align:center; padding-right:200px;}
.bio_box .step_box li:last-child {padding-right:0;}
.bio_box .step_box li:after {content:''; position:absolute; top:50%; left:34px; display:block; height:3px; background:#d7d8dd; 	width:-webkit-calc((100% - 34px)); width:-moz-calc((100% - 34px)); width: calc((100% - 34px)) -webkit-transform:translate(0, -50%); transform:translate(0, -50%);}
.bio_box .step_box li.on {color:#3e50b4;}
.bio_box .step_box li.ed:after {background:#a4b2ff;}

.bio_box .step_box li span {display:block; width:34px; height:34px; line-height:28px; text-align:center; margin:0 auto; border:3px solid #d7d8dd; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}
.bio_box .step_box li.on span {line-height:26px; border:5px solid #4f67e1;}
.bio_box .step_box li.ed span {color:#fff; line-height:34px; border:0; background:#a4b2ff}

.bio_box .step_box li p {position:absolute; top:40px; left:-30px; width:100px; text-align:center;}

.bio_box .cont_lay {margin-top:50px; padding-bottom:40px; border:1px solid #d7d8dd;}
.bio_box .cont_lay .title {display:block; font-size:16px; line-height:22px; font-weight:400; text-align:center; padding:18px 24px; border-bottom:1px solid #d7d8dd; background:#f0f2f5;}
.bio_box .cont_lay .title span {display:inline-block; width:24px; height:24px; line-height:24px; text-align:center; color:#fff; margin-right:12px; background:#4f67e1; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%;}

.bio_box .btn_box {margin-top:20px; text-align:center;}
.bio_box .btn_box a {display:inline-block; width:140px; height:50px; line-height:50px; text-align:center;}
.bio_box .btn_box .type01 {color:#fff; background:#4f67e1; }
.bio_box .btn_box .type02 {color:#4f67e1; background:#fff; border:1px solid #4f67e1; margin-left:20px;}

/* 바이오인증 등록 내용 */
.cont_box01 {padding:80px 33% 70px;}
.cont_box01 .input_box strong {font-size:16px; line-height:36px; color:#434a54;}
.cont_box01 .input_box input {display:block; width:100%; height:52px; line-height:42px; padding-left:10px;}

.cont_box02 {position:relative; width:645px; padding:62px 0 33px; margin:0 auto;}
.cont_box02 ul li {font-size:14px; color:#434a54; margin-bottom:16px;}
.cont_box02 ul li span {color:#4f67e1;}
.cont_box02 .qr_box {position:absolute; top:35px; right:0; width:140px; height:140px; background:url(/images/dc/qr_img01.png) no-repeat center 50%;}

.cont_box03 {position:relative; padding:34px 32px 15px;}
.cont_box03 strong {display:block; font-size:18px; font-weight:400; color:#434a54; text-align:center; padding-top:148px; background:url(/images/dc/icon_cont_box03.png) no-repeat center 0;}
.cont_box03 strong span {color:#4f67e1;}


/* ==================================
	1024
================================== */
@media all and (max-width:1024px){

.login_content .btn_rwd_box {display:block;}

.login_content .login_box {float:none; padding:40px 25% 45px; border:1px solid #d7d8dd; width:100%;}
.login_content .login_box h5 {display:none;}
.login_content .login_box.type01 {}
.login_content .login_box.type01 {display:none}
.login_content .login_box.type02 {display:none;}

.login_box.type01 {}

.login_box.type02 {}
.login_box.type02 .qr_box {/* display:none; */}
.login_box.type02 .box {margin-top:10px;}
.login_box.type02 .btn_link {display:none;}
.login_box.type02 .input_box {display:block;}

.login_box.type03 strong {text-align:center;}
.login_box.type03 strong span {display:inline;}
.login_box.type03 p {text-align:center;}
.login_box.type03 p span{display:block;}

}

/* ==================================
	767
================================== */
@media all and (max-width:767px){

.login_content .btn_rwd_box a span{display:block;}
.login_content .login_box {float:none; padding:40px 12% 45px; border:1px solid #d7d8dd; width:100%;}
.login_box.type03 strong span {display:inline-block;}

}

/* ==================================
	480
================================== */
@media all and (max-width:480px){

.login_box.type02 .img {float:none; margin:0 auto;}
.login_box.type02 .box {float:none; display:block; width:100%; margin-top:20px;}

}









/* suuu */
.grvcBox .whiteBox h5 + p {line-height:22px;}
.whiteBox ul {margin:20px 0; padding-left:14px;}
.whiteBox ul li {margin:0 0 6px 0; line-height:20px;}
.whiteBox .terms p {line-height:20px;}
.whiteBox .terms strong {font-size:14px; margin-bottom:20px;}
.grvcBox .whiteBox .terms {padding:15px;}

.termsBox:after {content:''; display:block; clear:both;}
.termsBox .box h3 {font-size:14px; line-height:24px; color:#000;}
.termsBox .box p {font-size:14px; line-height:24px; color:#757575; padding-left:10px; margin-top:30px;}
.termsBox .box p strong {display:inline-block; color:#000; margin-bottom:10px;}


.grvcView table.dataTable.tabletHidden td {word-break:break-all; padding:0 10px !important;}

.entryBox .listStyle02.type01 {width:800px; border-right:0; padding-right:0;}

@media all and (max-width:1024px){
				
	.entryBox .listStyle02.type01 {width:100%; margin-top:20px;}
	
}


/* 20180330 최원규 */
@media all and (max-width:800px){
				
.tblStyle.grvcTbl.dataTbl {}
.tblStyle.grvcTbl.dataTbl colgroup col {}
.tblStyle.grvcTbl.dataTbl colgroup col +  col {width:71% !important;}

.tblStyle.dataTbl.grvcTbl.icdTbl {}
.tblStyle.dataTbl.grvcTbl.icdTbl colgroup col {}
.tblStyle.dataTbl.grvcTbl.icdTbl colgroup col + col {width:71% !important;}
.tblStyle.dataTbl.grvcTbl.icdTbl .idcRadioBox {}
.icdTbl .idcRadioBox {width:100%;}

.dataTable.table_type02 {}
.dataTable.table_type02 th {font-size:12px !important;}

.tblStyle.grvcTbl.dataTbl .eviInfo {}
.tblStyle.grvcTbl.dataTbl .eviInfo div {padding:0 20px; line-height:24px;}

.eviInfo div {padding:0 20px; line-height:24px;}

}