/********************************************************
 
 *  Sub
 
 ********************************************************/

/* 20211005 추가함. */

/*-----------------------------------------------------------------------------
 *  Sub 01 : OCPP
 *----------------------------------------------------------------------------*/

 .sv01:before {background-image:url("/resources/user/cert/images/sub/sv01.jpg");}

 /* Sub 0101 */
 
 .s0101 > h4.sqr_tit {margin-top: 0;}
 .sub_bdr_box {padding:30px;margin-bottom:20px;border:1px solid #e5e5e5;box-sizing:border-box;}
 .sub_imgBox {margin-bottom:50px;}
 
 
 /* Sub 0102 */
 .required{color: red;padding: 5px 5px 0 0;}
 .s0102 > h4.sqr_tit {margin-top: 0;}
 .line_tit {font-size:22px;color:#d3612f;font-weight:500;margin-bottom:20px;}
 .line_tit:before {content:'';display:block;width:18px;height:2px;background:#d3612f;margin-bottom:10px;}
 .line_tit span {font-size:16px;}
 .sub_bdr_box .line_tit + p {font-size:16px;color:#222;line-height:26px;}
 .chk_ment {position:relative;font-size:18px;color:#222;margin-bottom:10px;padding-left:30px;box-sizing:border-box;}
 .chk_ment:before {position:absolute;content:'';display:block;width:20px;height:20px;top:4px;left:0;background:#094ab0 url("https://www.ksga.org/resources/user/cert/images/sub/chk2.png") no-repeat center;border-radius:50%;}
 .chk_list {margin:20px 0;}
 .chk_list li {position: relative;padding-left: 15px;font-size: 15px;margin-bottom: 5px;}
 .chk_list li:before {content: "";position: absolute;left: 0;top:9px;display: inline-block;width: 4px;height: 4px;border-radius: 50%;background:#444;}
 .s0102 .chk_ment h6 {font-size:18px;color:#000;font-weight:500;margin-bottom:10px;margin-top:30px;}
 .s0102 .chk_ment p {margin-bottom:20px;font-size:16px;color:#222;line-height:1.5;}
 .s0102 dl {overflow:hidden;}
 .s0102 dt {clear:both;float:left;position:relative;font-size:16px;color:#094ab0;margin-right:30px;padding-left:10px;line-height:26px;margin-bottom:5px;box-sizing:border-box;}
 .s0102 dt:before {content:'';position:absolute;top:9px;left:0;width:4px;height:4px;border-radius:50%;background:#094ab0;}
 .s0102 dd {float:left;font-size:16px;color:#222;line-height:26px;margin-bottom:5px;}
 
 /* 20211103 추가됨. */
 
 /* Sub 0103 */
 
 .s0103 > h4.sqr_tit {margin-top: 0}
 .appForm h5 {position: relative;font-size: 20px;font-weight: 500; color: #222;margin-bottom: 20px;padding-left: 15px;}
 .appForm h5:before {content: "";position: absolute;left: 0;top:10px;display: inline-block; width: 5px;height: 5px;border-radius: 50%;background:#094ab0;}
 .appForm fieldset,
 .appForm .data_write {margin-bottom: 50px;}
 .td_address input,
 .td_address a.btn {margin:2px 0;}
 .td_address a.btn {display: inline-block;font-size: 14px;color:#fff;background:#555;text-align: center;padding:0 20px;line-height: 40px;}
 .fileUp {display: flex;align-items: center;text-align: left;}
 .fileUp dt {font-size: 18px; font-weight: 500;color: #222;width:17%;}
 .fileUp dd:nth-child(2) {width: 63%;}
 .fileUp dd:nth-child(3) {width: 20%;padding:0 0 0 10px;}
 
 
 /* 20211104 추가됨.*/
 
 .fileUp dd button {margin:0 2px;padding:0 15px;border:1px solid #ddd;border-radius: 3px;line-height:30px;font-size:13px;}
 .fileUp dd button:hover {border-color: #094ab0; color: #094ab0;}
 
 .auth_view {padding-top:100px;padding-bottom: 120px;}
 .auth_view .number {display:flex;border:1px solid #094ab0;border-radius:5px;}
 .auth_view .number > div {display: flex;align-items: center;}
 .auth_view .left {font-size:20px;color:#fff;background:#094ab0;padding:0 30px;}
 .auth_view .right {padding:20px 30px;}
 .auth_view strong {font-size:22px;}
 .info_ment {margin-top:50px;position:relative;padding:20px 0 0 190px;box-sizing:border-box;}
 .info_ment .ico {position:absolute;top:0;left:0;width:140px;height:140px;border-radius:50%;background:#f2f7ff url("/resources/user/cert/images/sub/0103_view.png") no-repeat center;}
 .info_ment p {font-size:20px;line-height:1.5;}
 .info_ment span {display:block;font-size:16px;color:#094ab0;margin-top:10px;}
 
 .auth_write .number {position:relative;border:1px solid #094ab0;border-radius:5px;margin-bottom:10px;background:#094ab0;padding-left:130px;box-sizing:border-box;overflow: hidden;}
 .auth_write input {display:block;width:100%;height:40px;border:1px solid #ddd;box-sizing:border-box;padding:0 10px;font-size: 15px;color: #000;}
 .auth_write .left {position:absolute;width:130px;top:50%;left:0;transform:translateY(-50%);text-align:center;}
 .auth_write .left span {font-size:20px;color:#fff;}
 .auth_write .right {background:#fff;padding:15px;box-sizing:border-box;}
 .auth_write .right strong {display:block;font-size:22px;padding:5px 15px;box-sizing:border-box;}
 
 
 /* Sub 0104 */
 
 .s0104 > h4.sqr_tit {margin-top: 0}
 
 
 /* 여기까지 20211104 추가됨.*/
 /* 여기까지 20211103 추가됨. */
 
 /* 20211107 추가됨. */
 .s0104_result .auth_view {padding-top: 60px;padding-bottom: 60px;}
 .s0104_result .auth_view .tb_row2 {margin-top:30px;}
 .s0104_result .auth_view .tb_row2 thead tr th {text-align: center;}
 .s0104_result .auth_view p.process_ment {font-size: 13px;margin-top:20px;}
 .auth_process {padding:50px 0 0;}
 .auth_process > ol {display: flex;justify-content: space-between;margin-left: -2%;}
 .auth_process > ol  > li {width: 18%;margin-left: 2%;}
 .auth_process > ol  > li .process_head {font-size: 18px;font-weight: 500;text-align: center;padding-right: 10px; color: #fff;height: 60px;line-height: 59px;border-radius: 6px; overflow: hidden;clip-path: polygon(92% 0%, 100% 50%, 92% 100%, 0% 100%, 0 50%, 0% 0%);}
 .auth_process > ol  > li.step1 .process_head {background:#EC9244;}
 .auth_process > ol  > li.step2 .process_head {background:#a6ba1c;}
 .auth_process > ol  > li.step3 .process_head {background:#6eaf08;}
 .auth_process > ol  > li.step4 .process_head {background:#20c3ae;}
 .auth_process > ol  > li.step5 .process_head {background:#0f6cc3;}
 .process_cont {border-radius: 6px;color:#fff;margin-top:10px;text-align: center;}
 .step1 .process_cont {background:#EC9244;}
 .step2 .process_cont {background:#a6ba1c;}
 .step3 .process_cont {background:#6eaf08;}
 .step4 .process_cont {background:#20c3ae;}
 .step5 .process_cont {background:#0f6cc3;}
 .process_cont > strong {display: block; font-size: 16px;padding:10px;font-weight: 500;background:rgba(0,0,0,0.2)}
 .process_step {height: 300px;}
 .process_step > li {padding:15px 10px;border-top:1px solid rgba(0,0,0,0.1)}
 .process_step > li > em {display: inline-block;border-radius: 50px;height: 25px;line-height: 24px;border:1px solid #fff;padding:0 10px;margin-bottom: 5px;font-size: 12px;}
 .process_step > li > p {font-size:14px;}
 
 .process_state {}
 .process_state > ol > li {position: relative;margin:20px 0;}
 .process_state > ol > li:last-child {margin-bottom: 0;}
 .process_state > ol > li:before {content: "";display: inline-block;position: absolute;left: 8%;top:-14px; width: 0;height: 0;border-bottom: 14px solid #000;border-left:10px solid transparent;border-right:10px solid transparent;}
 .process_state > ol > li#ment2:before {left:29%;}
 .process_state > ol > li#ment3:before {left:49%;}
 .process_state > ol > li#ment4:before {left:70%;}
 .process_state > ol > li#ment5:before {left:90%;}
 .process_state > ol > li#ment6:before {left:30%;}
 .process_state .ment_desc {font-size: 16px;text-align: center;background:#fff; border-radius: 6px; border:2px solid #000;padding:20px;color: #000;margin:10px 0;}
 .process_state .ment_desc > strong {font-size: 17px;font-weight: 500;color:#DB580A;}
 .process_state .ment_detail {border:1px solid #ddd;border-radius: 6px;padding:40px 50px 50px;background:#fcfcfc;}
 .process_state .ment_detail h4 {font-size: 18px;color:#000;font-weight: 500;margin-bottom: 10px;}
 .process_state .ment_detail h4 em {font-size: 14px;display: inline-block;margin-right: 10px;}
 .process_state .ment_detail > p {font-size: 16px;}
 .process_state .ment_detail .process_download {display: flex;align-content: stretch; margin:20px 0;text-align: center;}
 .process_state .ment_detail .process_download a {display:flex;align-items: center;justify-content: center; font-size: 14px;background:#ee7220;color:#fff;padding:15px 20px;;border-radius: 50px;margin:0 3px;width:30%;text-align: center;}
 .process_state .ment_detail .process_download a:hover {background:#d55907;}
 /*.process_state .ment_detail .process_download a:after {content: "";display: inline-block;margin-left: 10px;width:16px; height: 16px;background:url("/resources/user/cert/images/sub/down_on.png") no-repeat center center;}*/
 .process_state .ment_detail .upload_file > p {font-size: 16px;margin-bottom: 20px;}
 .process_state .ment_detail .upload_file dl dt {margin-bottom: 10px;font-size: 15px;color: #000;}
 .process_state .ment_detail .upload_file dl dd {margin-bottom: 15px;}
 .process_state .ment_detail .process_btn {margin:30px 0 0;text-align: center;}
 .process_state .ment_detail .process_btn button {display: inline-block;font-size: 17px;height: 50px; line-height: 49px;padding: 0 30px; border-radius: 5px;background:#094ab0;color:#fff;}
 
 @media screen and (max-width:1400px){
   .auth_process > ol {margin-left: -1%;}
   .auth_process > ol  > li {width: 19%;margin-left: 1%;}
   .auth_process > ol  > li .process_head {font-size: 16px;padding-right: 5px;height: 54px;line-height: 53px;}
   .process_cont > strong {font-size: 14px;}
   .process_step {height: 300px;}
   .process_state .ment_detail .process_download a {font-size: 14px;padding: 15px 15px;margin: 0 2px;width: 32%;}
 }
 
 /* 여기까지 20211107 추가됨. */
 
 @media screen and (max-width:960px){
   /*.sub_bdr_box {padding: 40px 50px;}*/
   
   /* 20211104 추가됨.*/
   .auth_view {padding-top:80px;padding-bottom: 90px;}
   /* 여기까지 20211104 추가됨.*/
   
   /* 20211107 추가됨. */
   .auth_process {padding:30px 0 0;}
   .auth_process > ol {display: none;}
   .process_state > ol > li:before {display: none;}
   /* 여기까지 20211107 추가됨. */
 }
 @media screen and (max-width:768px){
   
   /* 20211104 추가됨.*/
   .auth_view .left {font-size: 18px; padding: 15px 20px;}
   .auth_view .right {padding: 15px 20px;}
   .auth_view strong {font-size: 20px;}
   .info_ment {margin-top: 40px;padding: 0 0 0 120px;}
   .info_ment .ico {width: 100px;height: 100px;background-size: 40px auto;}
   .info_ment p {font-size: 17px;}
   .info_ment span {font-size: 14px;}
   
   .auth_write .number {padding-left: 120px;}
   .auth_write .left {width: 120px;}
   .auth_write .left span {font-size: 18px;}
   .auth_write .right {padding: 10px;}
   /* 여기까지 20211104 추가됨.*/
   
 }
 @media screen and (max-width:640px){
   .sub_bdr_box {padding: 20px;}
   .line_tit {font-size: 20px;}
   .sub_bdr_box .line_tit + p {font-size: 15px;line-height: 1.5;}
   .chk_ment {font-size: 16px;padding-left: 25px;}
   .s0102 .chk_ment h6 {font-size: 16px;}
   .s0102 .chk_ment p {font-size: 15px;}
   .s0102 dt {font-size: 15px;}
   .s0102 dd {font-size: 15px;}
   
   /* 20211104 추가됨.*/
   .fileUp dt {font-size: 16px;}
   .fileUp dd button {padding:0 15px;line-height:26px;font-size:12px;}
   .auth_write .number {padding-left: 100px; }
   .auth_write .left {width: 100px;}
   .auth_write .left span {font-size: 17px;}
   /* 여기까지 20211104 추가됨.*/
   
   /* 20211107 추가됨.*/
   .s0104_result .auth_view {padding-top: 30px;padding-bottom: 30px;}
   .auth_process {padding: 20px 0 0;}
   .process_state .ment_desc {font-size: 15px;padding: 15px;}
   .process_state .ment_desc > strong {font-size: 15px;}
   .process_state .ment_detail {padding: 25px 30px 30px;}
   .process_state .ment_detail h4 {font-size: 16px;}
   .process_state .ment_detail > p {font-size: 15px;}
   .process_state .ment_detail .process_download {flex-direction: column;align-content: stretch;}
   .process_state .ment_detail .process_download a {width: 100%;margin:5px 0;padding: 10px 15px;}
   .process_state .ment_detail .upload_file dl dt {font-size: 14px;}
   .process_state .ment_detail .upload_file > p {font-size: 15px;}
   .process_state .ment_detail .process_btn button {font-size: 15px;height: 44px;line-height: 43px;padding: 0 20px;}
   /* 여기까지 20211107 추가됨.*/
   
 }
 @media screen and (max-width:480px){
   /*.sub_bdr_box {padding:40px 30px;margin-bottom: 30px;}*/
   .sub_imgBox {margin-bottom:30px;}
   .chk_ment {font-size: 15px;padding-left: 20px;}
   .chk_ment:before {width: 16px;height: 16px;top: 3px;background-size: 8px auto;}
   .chk_list li {font-size:14px;}
   
   /* 20211104 추가됨.*/
   .auth_view {padding-top: 50px;padding-bottom: 60px;}
   .auth_view .number {flex-direction: column;}
   .auth_view .number > div {display: block;text-align: center;padding: 10px 15px;}
   .info_ment {padding: 0;margin-top: 30px;}
   .info_ment .ico {display: none;}
   .info_ment p {font-size: 16px;}
   .auth_write .number {padding-left: 0;}
   .auth_write .left {width: 100%;position: static;transform: none;padding:10px}
   /* 여기까지 20211104 추가됨.*/
 }
 
 /* 여기까지 20211005 추가함. */
 
 /* 20211006 추가됨. */
 
 /*-----------------------------------------------------------------------------
  *  Sub 02: 단체표준인증
  *----------------------------------------------------------------------------*/
 
 .sv02:before {background-image:url("/resources/user/cert/images/sub/sv02.jpg");}
 
 
 /* Sub 0201 */
 
 .s0201 .step_list li {min-height:190px;padding:60px;border:1px solid #ccc;padding-left:180px;margin-bottom:20px;}
 .s0201 .step_list .img {position:absolute;left:60px;top:50%;transform:translateY(-50%);}
 .s0201 .step_list strong {font-size:22px;color:#094ab0;display: block;margin-bottom:10px;}
 .s0201 .step_list p {font-size:16px;color:#666;}
 
 /* 20211108 추가됨. */
 
 /* Sub 0202 */
 
 .res_img {overflow: hidden; overflow-x: auto}
 .res_img img {display: block;min-width:600px;}
 
 /* Sub 0203 */
 
 .s0203 > h4.sqr_tit {margin-top: 0}
 .s0203 .sub_bdr_box p {font-size: 16px;line-height: 1.5;}
 .s0203 .sub_bdr_box .rdo_group {border-top:1px solid #ddd;padding:20px;text-align: right;margin-top: 30px;}
 .s0203 .type {padding:15px 20px;border:1px solid #000;}
 .s0203 .type strong {display: inline-block;margin-right: 30px;vertical-align: middle;font-size: 18px;}
 .s0203 .data_write {margin-bottom: 50px;margin-top:20px;}
 .s0203 .tb_row2 {border-top:1px solid #ddd;border-bottom:none}
 .s0203 .tb_row2 th {font-size: 16px;}
 .s0203 .tb_write th.tb_title {background:#fff;font-size: 20px;color:#000;font-weight: 500;padding-top:30px;}
 .s0203 table tr td dl {display: flex;flex-wrap: wrap;}
 .s0203 table tr td dl dt {width: 15%;height: 40px;line-height: 39px;margin:2px 0;}
 .s0203 table tr td dl dd {width: 75%;height: 40px;line-height: 39px;margin:2px 0;}
 .s0203 label + input[type=text] {display: inline-block;vertical-align: middle;margin-left: 10px;height: 30px;font-size: 14px;}
 
 .s0203 .itemTitle{display: flex;justify-content: space-between;}
 .s0203 .itemTitle h5{margin-bottom: 0;}
 .s0203 .itemTitle .comment{font-size: 15px;color: red;text-align: right;}

 /* Sub 0203 */
 
 .s0204 > h4.sqr_tit {margin-top: 0}
 
 /* Sub 0204 */
 
 .s0204 .auth_process {padding-top:0;}
 .s0204 .auth_process > ol {margin-bottom: 50px;}
 .s0204 .auth_process > ol > li {width: 23%;}
 .s0204 .process_step {height: 180px;}
 .s0204 .process_cont {background:#fff;border:1px solid #555;}
 .s0204 .process_step > li {color:#111;font-size: 15px;padding: 10px;}
 
 /* 여기까지 20211108 추가됨. */
 
 @media screen and (max-width:768px){
   .s0201 .step_list li {min-height: 190px;padding:50px;padding-left: 140px;}
   .s0201 .step_list .img {left:50px;}
   .s0201 .step_list .img img {width: 60px;height: auto;}
 }
 @media screen and (max-width:640px){
   .s0201 .step_list li {padding:40px;padding-left: 120px;}
   .s0201 .step_list .img {left:40px;top:45px;transform: none;}
   .s0201 .step_list .img img {width: 56px;}
   .s0201 .step_list strong {font-size: 20px;}
   .s0201 .step_list p {font-size: 15px;}
   
   /* 20211108 추가됨. */
   .s0203 .sub_bdr_box p {font-size: 15px;}
   .s0203 .type strong {font-size: 16px;}
   .s0203 .tb_write th.tb_title {font-size: 18px;}
   /* 여기까지 20211108 추가됨. */
 }
 @media screen and (max-width:480px){
   .s0201 .step_list li {padding-left: 40px;text-align: center;}
   .s0201 .step_list .img {position: static;left: auto;top: auto;margin-bottom: 10px;}
   .s0201 .step_list .img img {display: inline-block;width: 50px;}
 }
 
 /* 여기까지 20211006 추가됨. */


 
 /* 240322 추가 */
 .sub_bdr_box .tit_description span {font-size: 14px; color: #888;}
 .chk_list li.law_content {font-size: 14px;}
 .chk_list li.law_content::before {content: none;}
 .chk_list li.law_content span {text-decoration: underline; font-weight: 600;}


 .s0201 .benefit_list {font-size: 18px; color: #094ab0;}
 .s0201 .chk_list {margin: 10px 0; margin-bottom: 30px;}

 .s0208 .numb_list_02 {padding-left: 40px; margin: 10px 0;}
 .s0208 .numb_list_02 li {margin: 5px 0;}
 .s0208 .numb_list_02 li span {margin-left: -20px; display: inline-block; width:18px; height: 18px; line-height: 18px; border-radius:50%; background:#dddd; font-size: 13px; text-align:center; margin-right: 5px; font-weight: bold;}
 .s0208 .numb_list_02 li.ml_20 {margin-left: -20px;}
 .s0208 .order_list {font-size: 15px; margin-left: 25px; margin: 5px 0;}
 .s0208 .order_list li {margin: 5px 0;}
 .s0208 .tit_description {font-size: 16px;} 
 .s0208 .numb_list_03 {padding-left: 15px; margin: 10px 0;}
 .s0208 .numb_list_03 li {margin: 5px 0;}
 .s0208 .numb_list_03 li span {margin-left: -15px; display: inline-block; margin-right: 5px;}
 .s0208 .chk_list {margin: 0;}
 .s0208 .chk_list li {font-size: 17px;}
 
 
 @media screen and (max-width:960px){
  .s0208 .chk_list li {font-size: 15px;}

}

@media screen and (max-width:768px){
  .s0201 .benefit_list {font-size: 16px;}
  .s0208 .chk_list li {font-size: 14px;}

}
 /* 240322 추가 끝 */
 

 
 /*-----------------------------------------------------------------------------
  *  Sub 03 : OpenADR
  *----------------------------------------------------------------------------*/
 
 .sv03:before {background-image:url("/resources/user/cert/images/sub/sv03.jpg");}
 
 
 /* Sub 0301 */
 
 .s0301_1 {padding:45px 60px;background:#fbf7f1;box-sizing:border-box;}
 .s0301_1 h4 {color:#d3612f;font-size:30px;margin-bottom:8px;}
 .s0301_1 p {font-size:18px;line-height:28px;color:#222;max-width:570px;}
 
 .s0301_2 .bdr_box {padding:100px 60px;}
 .ogz_chart {max-width:755px;margin:0 auto;}
 .ogz_1 {text-align:center;}
 .ogz_1 span {display:inline-block;font-size:24px;color:#fff600;font-weight:500;border-radius:50px;padding:13px 35px;
 background: rgb(26,89,194);
 background: -moz-linear-gradient(left,  rgba(26,89,194,1) 0%, rgba(17,64,148,1) 100%);
 background: -webkit-linear-gradient(left,  rgba(26,89,194,1) 0%,rgba(17,64,148,1) 100%);
 background: linear-gradient(to right,  rgba(26,89,194,1) 0%,rgba(17,64,148,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a59c2', endColorstr='#114094',GradientType=1 );}
 .ogz_2 {overflow:hidden;}
 .circle_wrap {position:relative;float:left;width:32%;height:100%;margin-right:2%;}
 .circle_wrap:last-child {margin:0;}
 .circle {position:relative;background:#f6faff;width:100%;height:auto;padding-bottom:100%;border-radius:50%;}
 .circle_inner {position:absolute;left:50%;top:50%;text-align:center;transform:translate(-50%,-50%);}
 .circle_inner img {margin-bottom:15px;}
 .circle_inner span {font-size:22px;font-weight:500;}
 .ogz_1:after,
 .ogz_2:before,
 .ogz_2 li:before,
 .ogz_2 li:after {content:'';display:block;background:#275cab;margin:0 auto;}
 .ogz_1:after {width:1px;height:40px;}
 .ogz_2:before {width:68%;height:1px;}
 .ogz_2 li:before {width:1px;height:40px;}
 .ogz_2 li:after {position:absolute;top:40px;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;}
 
 .s0301_3 img {margin:80px auto;}
 .s0301_3 .text {background:#f8f8f8;}
 .s0301_3 p {max-width:600px;margin:0 auto;font-size:16px;line-height:1.5;color:#222;text-align:center;padding:50px 50px;}
 
 .s0301_4 .bdr_box {position: relative;padding: 60px 380px 60px 60px}
 .s0301_4 .cont_list {position: absolute;right: 60px;top: 60px;}
 .s0301_4 .cont_list ul li {padding: 20px 40px;background: #eff9ff;border-radius: 4px;margin-bottom: 10px;font-size:15px;}
 .s0301_4 .cont_list ul li strong {font-weight: 500;color: #000;margin-bottom: 10px;}
 .s0301_4 .cont_list ul li p {color: #444;}
 
 
 /* Sub 0302 : 20211006 추가됨. */
 
 .s0302 > .sqr_tit {margin-top: 0;}
 .s0302_1 {background:#f6f6f6;padding:60px;margin-bottom:50px;}
 .step_list {}
 .step_list li {position:relative;box-sizing:border-box;}
 .step_list li span {position:absolute;display:block;top:0;left:0;width:40px;height:40px;line-height:38px;background:#888;font-size:16px;color:#fff;text-align:center;}
 
 .s0302_1 .step_list {display: flex;justify-content: space-between;}
 .s0302_1 .step_list li {width:23.5%;text-align:center;background:#fff;padding:40px 20px;}
 .s0302_1 .step_list li:after {position:absolute;display:block;content:'';width:26px;height:26px;top:50%;right:0;transform:translate(50%, -50%);background:url("/resources/user/cert/images/sub/s0102_arr.png") no-repeat center;}
 .s0302_1 .step_list li:last-child:after {display: none;}
 .s0302_1 .step_list .img {max-width:60px;margin:0 auto 15px;}
 .s0302_1 .step_list strong {display: block;font-size:20px;font-weight:500;line-height: 1.2;}
 
 .numb_list li {display:flex;position:relative;margin-bottom:10px;align-items: center;padding:0 30px;box-sizing:border-box;}
 .numb_list li span {position:absolute;display:block;left:0;top:2px;width:20px;height:20px;line-height:18px;border-radius:50%;background:#094ab0;color:#fff;text-align:center;}
 .numb_list li p {font-size:16px;color:#222;}
 
 .s0302_2 {}
 .s0302_2 .numb_list {border-top:3px solid #000;border-bottom:1px solid #000;}
 .s0302_2 .numb_list li {border-bottom:1px solid #ccc;padding:20px 160px 20px 50px;margin-bottom:0;}
 .s0302_2 .numb_list li span {left: 20px; top:23px;}
 .s0302_2 li:last-child {border:none;}
 .s0302_2 li p {color:#444;}
 .s0302_2 li a {position:absolute;top:50%;right:20px;display:block;background:url("/resources/user/cert/images/sub/down.png") no-repeat 20px center;color:#f26438;padding:8px 20px 8px 40px;border:1px solid #f15728;border-radius:50px;transform:translateY(-50%);}
 .s0302_2 li a:hover {background-image:url("/resources/user/cert/images/sub/down_on.png");color:#fff;background-color:#f15728;}
 .s0302_2 dl {display:flex;align-items:center;margin:30px 0 60px;}
 .s0302_2 dt {position:relative;font-size:18px;color:#094ab0;font-weight:500;margin-right:15px;padding-left:15px;box-sizing:border-box;}
 .s0302_2 dt:before {content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);border-left:6px solid #094ab0;border-top:3px solid transparent;border-bottom:3px solid transparent;}
 .s0302_2 dd {font-size:16px;color:#666;letter-spacing:0;}
 .btn_online_join {text-align: center;}
 .btn_online_join a {display:inline-block;padding:20px 50px 20px 90px;font-size:20px;color:#fff;background:#005ede url("/resources/user/cert/images/sub/btn_s0102.png") no-repeat 50px center;border-radius:50px;}
 
 /* 여기까지 20211006 추가됨. */
 
 /* 20211102 추가됨 */
 /* Sub 0303 */
 
 .s0303 > .sqr_tit {margin-top: 0;}
 .s0303 > .sqr_tit + p + .tb_row2 {margin-bottom: 50px;}
 .bdr_box2 {padding:60px;margin-bottom:50px;box-sizing:border-box;}
 .s0303 table img {margin:0 auto;}
 .s0303 .list_type_brd {text-align:left;}
 .s0303 .list_type_brd li {word-break: keep-all;padding-right: 0;padding-left: 10px;font-size: 16px;}
 .s0303 .list_type_brd li:before {top:2px;left:0;}
 .btn_down {display:inline-block;background:url("/resources/user/cert/images/sub/down.png") no-repeat 20px center;color:#f26438;padding:8px 20px 8px 40px;font-size: 14px; border:1px solid #f15728;border-radius:50px;} 
 .btn_down:hover {color:#fff;background-color:#f26438;background-image:url("/resources/user/cert/images/sub/down_on.png");}
 .bullet {position:relative;font-size:16px;color:#666;padding-left:15px;box-sizing:border-box;}
 .bullet:before {position:absolute;content:'';display:block;width:4px;height:4px;top:10px;left:0;background:#094ab0;border-radius:50%;}
 .s0303 .bullet {margin-top:20px;}
 
 
 /* Sub 0304 */
 
 .s0304 > .sqr_tit {margin-top: 0;}
 .s0304 .brd_bott {margin-bottom: 50px;}
 .s0304 .shortcut {background:#0f143d url("/resources/user/cert/images/sub/0304_2.jpg") no-repeat left center;background-size: cover; padding:40px 50px;padding-left:45%;box-sizing:border-box;}
 .shortcut h5 {font-size:24px;color:#fff;margin-bottom:15px;font-weight:400;}
 .shortcut a {display:inline-block;color:#0f143d;border-radius:50px;background:#fff url("/resources/user/cert/images/sub/go_1.png") no-repeat right 20px center;padding:8px 40px 8px 20px;}
 
 
 /* Sub0305 */
 
 .s0305 > .sqr_tit {margin-top: 0;}
 .s0305 ul {display:flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 50px;}
 .s0305 li {width:32%;margin-bottom:25px;}
 .s0305 li a:not(.btn_bl) {display:flex;align-items:center;justify-content:center;padding:20px;border:1px solid #ddd;box-sizing:border-box;}
 .s0305_2 {display:flex;align-items: center;border:1px solid #004732;box-sizing:border-box;}
 .s0305_2 > div {display:flex;width:50%;height:100%;padding:40px 50px;box-sizing:border-box;}
 .s0305_2 .left {justify-content: center;}
 .s0305_2 .right {background:#004732;}
 .s0305_2 .shortcut a {background-image:url("/resources/user/cert/images/sub/go_2.png");color:#004732;}
 
 /* 여기까지 20211102 추가됨 */
 
 /* 20211104 추가됨. */
 
 /* Sub0306 */
 
 .s0306 > .sqr_tit {margin-top: 0;}
 .auth_form .type {display:flex;border-top:2px solid #3163af;border-bottom:1px solid #ddd;align-items: center;margin:0 0 50px;padding:15px 20px;box-sizing:border-box;}
 .auth_form strong {display:block;margin-right:30px;font-size:18px;color:#2a5eac;font-weight:400;}
 .type .rdo_btn .rdo + label {font-size: 15px;}
 .list_type {border-top:3px solid #000;}
 .list_type:after {content: "";display: block;clear: both;}
 .list_type li {border-bottom:1px solid #ddd;padding:30px 20px;box-sizing:border-box;}
 .list_type.dpflx li {padding:20px;}
 .list_type li p {font-size:16px;color:#444;}
 .list_type li:last-child {border-bottom-color:#000;}
 .list_type dl * {display: inline-block;vertical-align: middle;margin-right: 10px;}
 .list_type dl {margin-top: 15px;}
 .list_type dt {font-size:16px;color:#444;margin:0 10px 0 0;} 
 .ment {background:#f8fbff;margin-top:30px;padding:30px 40px;box-sizing:border-box;}
 .ment p {color:#444;line-height:1.5;background:Url("/resources/user/cert/images/sub/ment.png") no-repeat 0 4px;padding-left:20px;box-sizing: border-box;}
 .auth_form h5 {font-size:16px;color:#444;font-weight:400;margin-bottom:20px;}
 .auth_form .file_fld {padding-right:102px;margin:0 0 10px;}
 .auth_form .file_fld label {width:100px;}
 .auth_form #rdoType2 .list_type dt {font-size: 0;width: 0;}
 
 
 /* Sub0307 */
 
 .s0307 > .sqr_tit {margin-top: 0;}
 
 /* 20211107 추가함. */
 .state_view ol {margin:0 -6% 20px 0;}
 .state_view ol:after {content:'';display:block;clear: both;}
 .state_view li {position:relative;float:left;width:27.333%;margin-right:6%;border-radius:10px;border:1px solid #ddd;padding:40px 10px;box-sizing:border-box;}
 .state_view li + li:before {content:'';position: absolute;display: block;width:23%;height:100%;background:url("/resources/user/cert/images/sub/arrow.png") no-repeat center;top:0;left:-23%;}
 .state_view .imgBox {max-width:54px;margin:0 auto;}
 .state_view .imgBox.on {display: none;}
 .state_view li strong {display:block;text-align:center;font-size:20px;line-height: 1.2; color:#444;font-weight:500;margin-top:13px;}
 .state_view li p {display:none;position:absolute;bottom:0;left:50%;width:90%;text-align: center; transform:translate(-50%, 50%);background:#f36f27;padding:8px 15px 8px;border-radius:5px;font-size:16px;line-height: 1.2; color:#fff;}
 .state_view li p span {font-size:16px;color:#fcff00;font-weight:400;}
 .state_view .active {border-color:#f36f27;}
 .state_view .active strong {color:#f36f27;}
 .state_view .active p {display: block;}
 .state_view .active .imgBox {display:none;}
 .state_view .active .imgBox.on {display: block;}
 
 .state_view_2 ol {margin:0 -5% 20px 0;}
 .state_view_2 li {width:20%;margin-right:5%;}
 .state_view_2 li + li:before {width:27%;left:-27%;}
 
 .download_view {display:none;margin-top:50px;background:#f6faff;border-radius:10px;padding:40px;box-sizing:border-box;}
 .download_view strong {font-size:20px;font-weight:500;}
 .download_view p {font-size:16px;color:#555;line-height:1.5;margin:20px 0;}
 .download_view.active {display: block;}
 /* 여기까지 20211107 추가함. */
 
 /* 여기까지 20211104 추가됨. */
 
 @media screen and (max-width:960px){
   .s0301_1 {padding: 40px 50px;}
   
   .s0301_2 .bdr_box {padding:60px 50px;}
   
   .s0301_3 img {margin: 60px auto;}
   .s0301_3 p {padding: 40px 30px;}
   
   .s0301_4 .bdr_box {padding:40px 300px 40px 50px;}
   .s0301_4 .cont_list {right: 50px;top:40px;}
   .s0301_4 .cont_list ul li {padding: 15px 30px;}
   
   /* 20211006 추가됨. */
   .s0302_1 {padding: 50px;}
   .s0302_1 .step_list li:after {width: 20px;height: 20px;background-size: 20px auto;}
   .step_list li span {width: 36px;height: 36px;line-height: 34px;font-size: 14px;}
   .s0302_1 .step_list .img {text-align: center;margin: 0 auto 10px;}
   .s0302_1 .step_list .img img {display: inline-block;width: 46px; height: auto;}
   .s0302_1 .step_list strong {font-size: 17px;}
   /* 여기까지 20211006 추가됨. */
   
   /* 20211102 추가됨. */
   .s0303 .list_type_brd li {font-size: 15px;}
   
   .s0304 .shortcut {padding:30px 40px;padding-left:50%;background-position: -50px center;}
   .shortcut h5 {font-size: 20px;}
   /* 여기까지 20211102 추가됨. */
   
   /* 20211107 추가함. */
   .state_view li {width: 28.333%;margin-right:5%;padding:30px 10px;}
   .state_view li + li:before {width:22%;background-size:12px auto;left: -19%;}
   .state_view_2 li {width: 22%;margin-right: 3%;}
   .state_view .imgBox {max-width:44px;}
   .state_view li strong {font-size: 18px;}
   .state_view li p {width: 95%;padding: 8px 12px 8px;font-size: 14px;}
   .state_view li p span {font-size: 14px;}
   /* 여기까지 20211107 추가함. */
 }
 @media screen and (max-width:768px){
   .s0301_1 h4 {font-size: 26px;}
   .s0301_1 p {font-size: 16px;line-height: 1.5;}
   
   .ogz_1 span {font-size: 20px;padding: 10px 30px;}
   .circle_inner img {width: 50px;margin-bottom: 5px;}
   .circle_inner span {font-size: 20px;}
   
   .s0301_3 img {margin: 50px auto;max-width: 300px;}
   .s0301_3 p {padding: 30px;font-size: 15px;}
   
   .s0301_4 .bdr_box {padding: 40px 50px 40px 50px;}
   .s0301_4 .cont_list {position: static;right: auto;top: auto;width: 95%;margin:20px auto 0;}
   
   /* 20211102 추가됨. */
   .s0303 .list_type_brd li {font-size:14px;}
   /* 여기까지 20211102 추가됨. */
   
   /* 20211107 추가함. */
   .state_view ol {margin:0;}
   .state_view li {position: relative;float: none; width:100%;height: 100px; margin-right: 0;margin-bottom:50px;padding-left:140px;padding-right: 30px;}
   .state_view li + li:before {width: 22%;background-size: 12px auto;left: 50%;top:-40px;height:30px; transform: translateX(-50%) rotate(90deg);}
   .state_view .imgBox {position: absolute;left:30px;top:30px;max-width: 40px;}
   .state_view li strong {position: absolute;left:80px;top:50%;transform: translateY(-50%);text-align: left;margin-top: 0;}
   .state_view li p {position: relative;width:100%;left: 0;right: 30px; top: 50%; transform: translateY(-50%);}
   .download_view {margin-top: 30px;padding: 30px;}
   .download_view strong {font-size: 18px}
   .download_view p {font-size: 15px;}
   /* 여기까지 20211107 추가함. */
 }
 @media screen and (max-width:640px){
   .s0301_1 {padding: 40px 30px;}
   .s0301_2 .bdr_box {padding: 40px 30px;}
   .circle_inner img {width: 40px}
   .circle_inner span {font-size: 18px;}
   .s0301_3 img {margin: 40px auto;max-width: 280px;}
   .s0301_4 .bdr_box {padding:40px 30px 40px 30px;}
   
   /* 20211006 추가됨. */
   .s0302_1 {padding:40px;}
   .s0302_1 .step_list {flex-direction: column;}
   .s0302_1 .step_list li {width: 100%;margin-bottom: 10px;}
   .s0302_1 .step_list li:after {top:auto;bottom:-15px;right:auto;left: 50%;margin-left: -10px; transform: rotate(90deg);z-index: 10;}
   .step_list li span {width:34px;height:34px;line-height:34px;font-size:14px;}
   
   .numb_list li span {top: 4px;width:18px;height: 18px;line-height: 18px;font-size: 11px;}
   .numb_list li p {font-size: 16px; }
   .s0302_2 .numb_list li {display: block;padding: 20px 25px 20px 35px;}
   .s0302_2 .numb_list li span {left: 10px;top:21px;}
   .s0302_2 li a {margin-top: 15px;display: inline-block;min-width: 116px;position: static;top: auto;right: auto;background-size: 14px auto;padding: 8px 20px 8px 40px;transform: none;}
   .s0302_2 dl {flex-direction: column;align-items: flex-start;margin: 30px 0 30px;}
   .s0302_2 dl dt {margin-bottom: 10px;font-size: 16px;}
   .s0302_2 dd {font-size: 15px;}
   .btn_online_join a {padding: 15px 40px 15px 70px;font-size: 18px;background-size: 20px auto;background-position: 40px 20px;}
   /* 여기까지 20211006 추가됨. */
   
   /* 20211102 추가됨. */
   .btn_down {max-width:116px;padding:8px 20px 8px 40px;}
   
   .s0304 .shortcut {padding-left:40%;background-position: -150px center;}
   .shortcut a {background-size:10px auto;font-size: 13px;}
   
   .s0305 li {margin-bottom: 10px;}
   .s0305 li a {padding: 10px;}
   .s0305_2 {display: flex;flex-direction: column;}
   .s0305_2 > div {width: 100%;}
   .s0305_2 .left img {max-width: 200px;}
   /* 여기까지 20211102 추가됨. */
   
   /* 20211104 추가됨. */
   .list_type li {padding:25px 10px;}
   .list_type.dpflx li {padding: 20px 10px}
   .ment {padding: 25px 30px;}
   /* 여기까지 20211104 추가됨. */
 }
 /* 20211104 추가됨. */
 @media screen and (max-width:520px){
   .list_type dt {width: 10%;margin:2px 0;}
   .list_type dd {width: 80%;margin:2px 0;}
 }
 /* 여기까지 20211104 추가됨. */
 @media screen and (max-width:480px){
   .s0301_1 {padding:30px;}
   .s0301_1 h4 {font-size: 20px;}
   .s0301_1 p {font-size: 15px;}
   
   .ogz_1 span {font-size: 18px;padding: 10px 20px;}
   .circle_inner img {width: 26px;}
   .circle_inner span {font-size: 16px;}
   
   .s0301_3 img {margin: 30px auto;max-width: 180px;}
   .s0301_3 p {font-size:14px;}
   
   .s0301_4 .bdr_box {padding: 30px;}
   .s0301_4 .cont_list ul li {font-size: 14px;}
   
   /* 20211006 추가됨. */
   .s0302_1 .step_list .img img {width: 40px;}
   .numb_list li p {font-size: 14px; }
   /* 여기까지 20211006 추가됨. */
   
   .btn_online_join a {padding: 15px 30px 15px 55px;font-size: 18px;background-size: 20px auto;background-position: 30px 19px;}
   
   /* 20211102 추가됨. */
   .s0303 .list_type_brd li {font-size: 13px;}
   
   .s0304 .shortcut {padding:25px 30px;padding-left:100px;background-position: -170px center;}
   
   .s0305 li {width: 100%;}
   .s0305_2 > div {padding: 30px;}
   /* 여기까지 20211102 추가됨. */
   
   /* 20211104 추가됨. */
   .auth_form .type {display: block;margin: 0 0 40px;padding: 15px;}
   .auth_form strong {margin:0 0 10px 0;width: 100%;}
   .auth_form .type .rdo_btn {display: inline-block;}
   
   .list_type li p {font-size: 15px;}
   .list_type dt {width: 20%;}
   .list_type dd {width:75%;}
   
   .ment {padding: 20px 25px;}
   .ment p {font-size: 13px;}
   
   .auth_form h5 {font-size: 15px;}
   /* 여기까지 20211104 추가됨. */
   
   /* 20211107 추가함. */
   .state_view li {height: auto;margin-bottom: 30px;padding-top:70px;padding-left: 20px;padding-right: 20px;}
   .state_view li + li:before {top: -30px;}
   .state_view .imgBox {max-width: 30px;}
   .state_view li strong {left: 70px;top: 35px;transform: none;}
   .state_view li p {position: static;left:auto;right:auto;top:auto;transform: none}
   /* 여기까지 20211107 추가함. */
 }
 
 
 /* 20211108 추가함. */
 
 /* 20211109 추가됨. */
 
 /*-----------------------------------------------------------------------------
  *  Sub 04 : 단체표준인증
  *----------------------------------------------------------------------------*/
 
 .sv04:before {background-image:url("/resources/user/cert/images/sub/sv04.jpg");}
 
 
 /* Sub0401 */
 
 .s0401 {}
 
 
 /* Sub0403 */
 
 .s0403 .sub_bdr_box p {font-size: 16px;line-height: 1.5;}
 .s0403 .sub_bdr_box .rdo_group {border-top:1px solid #ddd;padding:20px;text-align: right;margin-top: 30px;}
 .s0403 .type {padding:15px 20px;border:1px solid #000;}
 .s0403 .type strong {display: inline-block;margin-right: 30px;vertical-align: middle;font-size: 18px;}
 .s0403 .data_write {margin-bottom: 50px;margin-top:20px;}
 .s0403 .tb_row2 {border-top:1px solid #ddd;border-bottom:none}
 .s0403 .tb_row2 th {font-size: 16px;}
 .s0403 .tb_write th.tb_title {background:#fff;font-size: 20px;color:#000;font-weight: 500;padding-top:30px;}
 .s0403 table tr td dl {display: flex;flex-wrap: wrap;}
 .s0403 table tr td dl dt {width: 15%;height: 40px;line-height: 39px;margin:2px 0;}
 .s0403 table tr td dl dd {width: 75%;height: 40px;line-height: 39px;margin:2px 0;}
 .s0403 label + input[type=text] {display: inline-block;vertical-align: middle;margin-left: 10px;height: 30px;font-size: 14px;}
 
 
 /* Sub0404 */
 
 .s0404 > .sqr_tit {margin-top: 0;}
 .s0404 .auth_process {padding-top:0;}
 .s0404 .auth_process > ol {margin-bottom: 50px;}
 .s0404 .auth_process > ol > li {width: 23%;}
 .s0404 .process_step {height: 180px;}
 .s0404 .process_cont {background:#fff;border:1px solid #555;}
 .s0404 .process_step > li {color:#111;font-size: 15px;padding: 10px;}
 
 /* 20211110 추가됨. */
 
 /* Sub0406 */
 
 .s0406 > h4.sqr_tit {margin-top: 0}
 .s0406 .sub_bdr_box p {font-size: 16px;line-height: 1.5;}
 .s0406 .sub_bdr_box .rdo_group {border-top:1px solid #ddd;padding:20px;text-align: right;margin-top: 30px;}
 .s0406 .type {padding:15px 20px;border:1px solid #000;}
 .s0406 .type strong {display: inline-block;margin-right: 30px;vertical-align: middle;font-size: 18px;}
 .s0406 .data_write {margin-bottom: 50px;margin-top:20px;}
 .s0406 .tb_row2 {border-top:1px solid #ddd;border-bottom:none}
 .s0406 .tb_row2 th {font-size: 16px;}
 .s0406 .tb_write th.tb_title {background:#fff;font-size: 20px;color:#000;font-weight: 500;padding-top:30px;}
 .s0406 table tr td dl {display: flex;flex-wrap: wrap;}
 .s0406 table tr td dl dt {width: 15%;height: 40px;line-height: 39px;margin:2px 0;}
 .s0406 table tr td dl dd {width: 75%;height: 40px;line-height: 39px;margin:2px 0;}
 .s0406 label + input[type=text] {display: inline-block;vertical-align: middle;margin-left: 10px;height: 30px;font-size: 14px;}
 
 /* 여기까지 20211110 추가됨. */
 
 @media screen and (max-width:640px){
   .s0403 .sub_bdr_box p {font-size: 15px;}
   .s0403 .type strong {font-size: 16px;}
   .s0403 .tb_write th.tb_title {font-size: 18px;}
   
   /* 20211110 추가됨. */
   .s0406 .sub_bdr_box p {font-size: 15px;}
   .s0406 .type strong {font-size: 16px;}
   .s0406 .tb_write th.tb_title {font-size: 18px;}
   /* 여기까지 20211110 추가됨. */
 }
 
 
 /*-----------------------------------------------------------------------------
  *  Sub 05 : 정보마당 : 20211001 추가됨.
  *----------------------------------------------------------------------------*/
 
 .sv05:before {background-image:url("/resources/user/cert/images/sub/sv05.jpg");}
 
 
 /* Sub0504 */
 
 .category {text-align:center;margin-bottom:30px;}
 .category ul {font-size:0;}
 .category li {display: inline-block;margin:0 5px;}
 .category a {display:inline-block;font-size:17px;line-height:38px;color:#666;border:1px solid #ddd;border-radius:50px;padding:0 25px;text-decoration: none; box-sizing:border-box;}
 .category a:hover {border-color: #000;color:#000}
 
 .faq {border-top:3px solid #094ab0;}
 .slideTgg_title {cursor: pointer;border-bottom:1px solid #e2e2e2;}
 .slideTgg_title:after {content:"";display: block;position: absolute;right:30px;top:30px;width: 12px;height: 12px;border:1px solid #666;border-left: none;border-top:none;transform: rotate(45deg)}
 .slideTgg_title.active:after {transform: rotate(225deg);top:35px;border-color: #000;}
 .slideTgg_sub {background:#f8f8f8;font-size: 15px;}
 .slideTgg_title,
 .slideTgg_sub {position:relative;padding:30px 55px 30px 70px;}
 .slideTgg_title:before, 
 .slideTgg_sub:before {display:block;position:absolute;left:20px;width:32px;height:32px;font-size:16px;font-weight: 700; line-height:28px;text-align:center;border-radius:50%;}
 .slideTgg_title:before {content:'Q';color:#094ab0;border:1px solid #094ab0;box-sizing:border-box;}
 .slideTgg_sub:before {content:'A';color:#fff;background:#000;}
 .slideTgg_title a {font-size:18px;color:#222;font-weight:500;}
 .slideTgg_title.active a {color:#094ab0;}
 .slideTgg_title a:after {background:url("/resources/user/cert/images/sub/faq_arr.png") no-repeat center;width:16px;height:9px;right:20px;top:50%;transform:translateY(-50%);}
 
 @media screen and (max-width:960px){
   
 }
 @media screen and (max-width:768px){
   .category {text-align: left;margin-bottom: 25px;}
   .category li {margin: 0 3px;}
   .category a {font-size: 15px;line-height: 36px;padding: 0 20px;}
 }
 @media screen and (max-width:640px){
   .category li {width: 32.3333%;margin: 0 0 5px 1%;}
   .category a {display: block;font-size: 14px;line-height:36px;padding: 0 15px;text-align: center;}
   
   .slideTgg_title, .slideTgg_sub {padding: 25px 45px 25px 60px;}
   .slideTgg_title:before, .slideTgg_sub:before {left: 15px;top:25px;font-size: 14px;width: 28px; height: 28px;line-height: 25px;}
   .slideTgg_title:after {width: 10px;height: 10px;top:25px;right: 25px}
   .slideTgg_title.active:after {top: 30px;}
   .slideTgg_title a {font-size: 16px}
 }
 @media screen and (max-width:480px){
   .category li {width: 49%;}
   .slideTgg_title, .slideTgg_sub {padding:20px 35px 20px 50px;}
   .slideTgg_title:before, .slideTgg_sub:before {left: 10px;top:18px;font-size: 13px;}
   .slideTgg_title:after {width: 8px;height: 8px;top:23px;right: 15px}
 }
 
 
 /* 20211109 추가됨. */
 
 /*-----------------------------------------------------------------------------
  *  Sub 06 : 센터소개
  *----------------------------------------------------------------------------*/
 
 .sv06:before {background-image:url("/resources/user/cert/images/sub/sv06.jpg");}
 
 /* Sub0601 */
 
 .s0601_1 {padding: 45px 60px;background:#fbf7f1;margin-bottom: 50px; box-sizing: border-box;}
 .s0601_1 p {font-size: 18px;line-height: 28px;color: #111;max-width: 570px;}
 
 /* 20211110 추가됨. */
 
 /* Sub0602 */
 
 .s0602 > h4.sqr_tit {margin-top: 0;}
 .org_chart {position:relative;text-align:center;margin: 0 0 50px;}
 .org_chart:after {content: '';display: block;clear: both;}
 .org_chart .chief {display: inline-block;position: relative;border-radius:6px;font-size:18px;font-weight: 500;width:240px;height:60px;padding-top:16px;text-align:center;line-height:1.3;}
 .org_chart .chief1 {
     color:#fff;padding-top:7px;
     background: #0a8ae8;
     background: -moz-linear-gradient(top,  #0a8ae8 0%, #244cbe 100%);
     background: -webkit-linear-gradient(top,  #0a8ae8 0%,#244cbe 100%);
     background: linear-gradient(to bottom,  #0a8ae8 0%,#244cbe 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a8ae8', endColorstr='#244cbe',GradientType=0 );
 }
 .org_chart .chief1:before {content: '';display:inline-block;position: absolute;left:50%;top:60px;width:1px;height:150px;background: #ddd;}
 .org_chart .chief1:after {content: '';display:inline-block;position: absolute;left:50%;margin-left:-4px;top:101px;width:9px;height: 9px;background: #ccc;border-radius: 50%;z-index:1;}
 .org_chart .chief2 {color:#494f7f;width:220px; border:1px solid #494f7f;background:#fff;box-sizing:border-box;}
 .org_chart .chief3 {z-index: 0;
     clear:both;left: 0;
     margin-top:80px;
     color:#fff;
     background: #51bbd6;
     background: -moz-linear-gradient(top,  #51bbd6 0%, #2a92b2 100%);
     background: -webkit-linear-gradient(top,  #51bbd6 0%,#2a92b2 100%);
     background: linear-gradient(to bottom,  #51bbd6 0%,#2a92b2 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51bbd6', endColorstr='#2a92b2',GradientType=0 );
 }
 .org_chart .chief3:before {content: '';position: absolute;left:-100%;top:30px;width:100%;height:1px;background: #ddd;z-index: -1;}
 .org_chart .chief4 {
     clear: both;
     margin-top:-60px;
     color:#fff;
     background: #51bbd6;
     background: -moz-linear-gradient(top,  #51bbd6 0%, #2a92b2 100%);
     background: -webkit-linear-gradient(top,  #51bbd6 0%,#2a92b2 100%);
     background: linear-gradient(to bottom,  #51bbd6 0%,#2a92b2 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51bbd6', endColorstr='#2a92b2',GradientType=0 );
 }
 .org_chart .chief4:before {content: '';position: absolute;left: 50%;top:-50px;width: 1px;height:48px;background: #ddd;}
 .org_chart > ul > li > ul {margin-top:20px;}
 .org_chart > ul > li > ul > li > ul {margin-top:20px;}
 .org_chart > ul > li > ul > li > ul > li {clear:both;position:relative;}
 .org_chart .posLeft {float:left;position:relative;;width:50%;height:50px;padding-left: 0;text-align: left; box-sizing: border-box;}
 .org_chart .posRight {float:right;position:relative;width: 50%; height:50px;text-align: right; box-sizing: border-box;}
 .org_chart .posLeft:after {content:'';display:inline-block;width:100%;height:1px;margin-top:25px;background:#ddd;vertical-align: middle;}
 .org_chart .posLeft.second_left:after {display: none;}
 .org_chart .posRight:after {content:'';display:inline-block;width:100%;height:1px;margin-top:25px;background:#ddd;vertical-align: middle;}
 .org_chart .posLeft .chief2 {position:absolute;z-index: 1;}
 .org_chart .chief2.chief2_left {top:-201px;border: none;
     color:#fff;
     background: #51bbd6;
     background: -moz-linear-gradient(top,  #51bbd6 0%, #2a92b2 100%);
     background: -webkit-linear-gradient(top,  #51bbd6 0%,#2a92b2 100%);
     background: linear-gradient(to bottom,  #51bbd6 0%,#2a92b2 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#51bbd6', endColorstr='#2a92b2',GradientType=0 );
 }
 .org_chart .chief2.chief2_left:after {display: none; content: "";position: absolute;left: 100%; /*display: inline-block;*/width:120px;height: 1px;background:#ddd;top:26px;}
 .org_chart .posRight .chief2 {position:absolute;right:0;z-index: 1;padding-top:4px;}
 
 .sub_pos {position: relative;width:240px;border:1px solid #ddd;left:50%;transform: translateX(-50%);border-radius: 6px;overflow: hidden;}
 .sub_pos p {padding:10px;border-bottom: 1px solid #ddd;background:#fff;}
 .sub_pos p:last-child {border:none;}
 
 
 /* Sub0603 */
 
 .docu_download {text-align: center;}
 .docu_download ul {display: flex;justify-content: center;}
 .docu_download ul li {padding: 0 50px;}
 .docu_download ul li img {display: inline-block;width: 260px;max-width: none;}
 .docu_download ul li p {padding: 20px 0 10px;font-size: 18px;}
 .cont_mn {position: relative;border: 1px solid #ddd;padding: 0 0 0 170px;}
 .cont_mn strong {display: inline-block; position: absolute;left: 0;top:0;padding:15px 30px;height: 100%;font-size:16px;color: #fff;font-weight: 500; background:#666;}
 .cont_mn p {font-size: 16px;padding:15px 20px;}
 
 
 /* Sub0604 */
 
 .addr {border:1px solid #000;padding:30px 40px;box-sizing:border-box;}
 .addr dl {display:flex;align-items: start;}
 .addr dt {font-size:20px;background:url("/resources/user/cert/images/sub/location.png") no-repeat 0 center;padding-left:25px;box-sizing:border-box;}
 .addr dd {font-size:18px;color:#444;margin-left:30px;}
 
 .mapBox {margin:60px 0 80px;border:1px solid #ddd;box-sizing:border-box;}
 .mapBox .root_daum_roughmap {width: 100%;}
 .mapBox .root_daum_roughmap > div {width: 100%;}
 .mapBox iframe {display:block;width:100%;height:100%;}
 
 .location_info h4 {position:relative;font-size:22px;font-weight:500;margin:50px 0 40px;padding-left:60px;box-sizing:border-box;}
 .location_info h4:before {content:'';display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);width:45px;height:45px;border-radius:50%;}
 .ico_car:before {background:#11bef6 url("/resources/user/cert/images/sub/car.png") no-repeat center;}
 .ico_subway:before {background:#647afd url("/resources/user/cert/images/sub/subway.png") no-repeat center;}
 .bdr_box {border:1px solid #ddd;padding:25px 30px;box-sizing:border-box;}
 .location_info p {font-size:15px;color:#222;line-height:25px;}
 
 .subway li {margin-bottom:20px;}
 .subway li:last-child {margin-bottom:0;}
 .subway .line span {display:inline-block;border-radius:50px;color:#fff;font-weight:400;font-size:15px;height: 30px; line-height: 30px; padding:0 20px;margin:0 5px 20px 0;}
 .line_5 {background:#ae5ed8;}
 .line_2 {background:#71c72b;}
 .line_8 {background:#f136b1;}
 .line_3 {background:#ff881f;}
 .bullet_list2 {position:relative;padding-left:10px;box-sizing:border-box;}
 .bullet_list2:before {content:'';position:absolute;display:block;width:4px;height:4px;border-radius:50%;background:#000;left:0;}
 .subway .bullet_list2:before {top:10px;}
 
 .subway dl {display: flex;margin-bottom:10px;}
 .subway dt {width:100%;max-width:190px;font-size:16px;padding-right:20px;box-sizing:border-box;}
 .subway dt span {color:#106dfa;}
 .subway dt strong {font-size:16px;font-weight:normal;}
 .subway dd p {margin-bottom:5px;}
 
 @media screen and (max-width:1300px){
   .org_chart .chief {font-size: 16px;width: 200px;}
   .sub_pos {width: 200px;}
 }
 
 /* 여기까지 20211110 추가됨. */
 
 @media screen and (max-width:960px){
   .s0601_1 {padding: 40px 50px;}
   
   /* 20211110 추가됨. */
   .org_chart .chief {width: 150px;height:74px;padding-top: 25px;}
   .org_chart .chief1 {padding-top:15px;}
   .org_chart .chief1:before {top: 74px;}
   .org_chart .chief1:after {top:125px;}
   .org_chart .chief2.chief2_left {top:-215px;}
   .org_chart .posLeft:after {margin-top: 35px;}
   .org_chart .posRight:after {margin-top: 35px;}
   .org_chart .chief4:before {top: -45px; height: 44px;}
   .sub_pos {width: 150px;}
   
   .docu_download ul li img {width: 200px;}
   /* 여기까지 20211110 추가됨. */
 }
 @media screen and (max-width:768px){
   .s0601_1 p {font-size: 16px;line-height: 1.5;}
   
   /* 20211110 추가됨. */
   .docu_download ul li {padding: 0 30px;}
   .docu_download ul li img {width: 180px;}
   .docu_download ul li p {font-size: 17px;}
   /* 여기까지 20211110 추가됨. */
 }
 @media screen and (max-width:640px){
   .s0601_1 {padding: 40px 30px;}
   
   /* 20211110 추가됨. */
   .org_chart .chief {height: 66px;font-size: 15px;padding-top: 22px;}
   .org_chart .chief1 {padding-top:14px;}
   .org_chart .chief1:before {top: 66px;}
   .org_chart .chief1:after {top: 117px;}
   .org_chart .chief3 {margin-top: 150px;right: 0;}
   .org_chart .chief2.chief2_left {top: -300px;left: calc(100% - 75px);}
   .org_chart .chief3:before {left: 50%;top: -28px;width: 1px;height:28px;}
   .org_chart .chief4:before {top: -47px;height: 46px;}
   
   .docu_download ul li {padding: 0 15px;}
   .docu_download ul li img {width: 150px;}
   .docu_download ul li p {font-size: 16px;}
   
   .addr {padding: 25px 30px}
   .addr dt {font-size: 18px;background-size: 14px auto;}
   .addr dd {font-size: 17px;}
   .location_info h4 {font-size: 20px;padding-left: 50px;}
   .location_info h4:before {width: 40px;height: 40px;background-size: 20px auto;}
   .location_info h4.ico_subway:before {background-size: 18px auto;}
   .location_info p {font-size: 14px;line-height: 1.5;}
   .mapBox {margin: 50px 0 50px;}
   .subway .line span {font-size: 14px;padding: 0 15px;margin: 0 5px 15px 0;}
   .subway .bullet_list2:before {top: 8px}
   .subway dt {max-width: 160px;font-size: 15px;}
   /* 여기까지 20211110 추가됨. */
 }
 @media screen and (max-width:480px){
   .s0601_1 {padding:30px;}
   .s0601_1 p {font-size: 15px;}
   
   /* 20211110 추가됨. */
   .org_chart .chief {width: 110px;}
   .org_chart .chief1 {width: 140px;}
   .org_chart .chief2.chief2_left {top: -320px;left: calc(100% - 55px);}
   .org_chart .chief3 {margin-top: 150px;}
   .org_chart .chief3:before {top: -50px;height: 50px;}
   .sub_pos {width: 110px;}
   
   .docu_download ul {flex-direction: column;}
   .docu_download ul li {padding:20px 0;}
   .cont_mn {padding: 0 0 0 130px;}
   .cont_mn strong {padding: 10px 15px;font-size: 15px;}
   .cont_mn p {font-size: 14px;padding: 10px 15px;}
   
   .addr dl {display: block;}
   .addr dt {font-size: 17px;background-size: 12px auto;padding-left: 20px;margin-bottom: 10px;}
   .addr dd {margin-left: 0;font-size: 15px;}
   .mapBox .root_daum_roughmap {height: 400px !important;}
   .location_info h4 {font-size: 18px;margin:40px 0 30px;}
   .subway dl {display: block;}
   .subway dt {max-width: none;margin-bottom: 10px;}
   /* 여기까지 20211110 추가됨. */
 }
 
 /* 20211111 추가됨. */
 
 /********************************************************
  
  *  Membership
  
  ********************************************************/
 
 /*-----------------------------------------------------------------------------
  *  Login
  *----------------------------------------------------------------------------*/
 
 .sv07:before {background-image:url("/resources/user/cert/images/sub/sv07.jpg");}
 
 .loginBox {overflow:hidden;}
 .loginBox > div {border:1px solid #ddd;padding:100px 0;margin-bottom:30px;}
 .loginBox .loginForm {padding: 100px 180px;}
 .loginForm p {font-size:22px;line-height:1.5;margin-bottom:30px;word-break: keep-all;}
 .login_input {position: relative;padding:0 190px 0 0;}
 .loginForm .rad_box {font-size: 15px; color: #000; margin-bottom: 20px;}
 .loginForm .rad_box label {display: inline-flex; align-items: center; margin-right: 10px;}
 .loginForm .rad_box input[type=radio] {width: 16px; height: 16px; margin: 0; margin-right: 8px;}
 #login li + li {margin-top:10px;}
 #login li input {border:1px solid #ccc;font-size:16px;color:#000;height:58px;width:100%;padding:0 20px;outline: none;background:#f8f8f8;}
 #login li input:focus {border-bottom-color:#003b98;border-radius:0;background:#fff;}
 #login input::-webkit-input-placeholder {font-size:16px;color:#999;}
 #login input:-ms-input-placeholder {font-size:16px;color:#999;}
 #login input:-moz-placeholder {font-size:16px;color:#999;}
 #login input::-moz-placeholder {font-size:16px;color:#999;}
 .login_btns {margin:25px 0;}
 .login_btns li {display:inline-block;margin-right:20px;}
 .loginForm button {position: absolute;top: 0;right: 0; width:180px;height:100%;text-align: center;
 background: #174fa5; /* Old browsers */
 background: -moz-linear-gradient(-45deg,  #174fa5 30%, #7ebf27 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(-45deg,  #174fa5 30%,#7ebf27 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(135deg,  #174fa5 30%,#7ebf27 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#174fa5', endColorstr='#7ebf27',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 }
 .loginForm button span {display:inline-block;}
 .loginForm button span:before {content: "";display: inline-block;width: 18px;height: 22px;background:url("/resources/user/cert/images/sub/icon_login.png") no-repeat 0 center;}
 .loginForm button span strong {display: block;font-weight: 500;font-size:22px;color:#fff;}
 .login_util {display: flex;align-items: center;justify-content: center;background:#fafafa;}
 .login_util > div {flex-grow: 1;padding:0 100px;}
 .login_util > div:first-child {border-right:1px solid #ddd;}
 .util_item_join {}
 .util_item p {font-size:18px;line-height:1.4;font-weight:300;}
 .util_item p strong {display:block;font-size:20px;font-weight:normal;}
 .util_item a {display:block;max-width:240px;line-height:48px;font-size:16px;color:#000;border:1px solid #ccc;margin-top:20px;text-align: center;background:#fff;}
 .util_item a:hover {border-color:#000;}
 .login_util a.join {color:#fff;font-weight:300;background-color:#6fad1d;border:none;}
 
 
 @media screen and (max-width:1300px){
   .loginBox .loginForm {padding: 100px 120px;}
   .login_input {position: relative;padding:0 160px 0 0;}
   .loginForm button {width: 150px;}
   .login_util > div {padding: 0 70px;}
 }
 @media screen and (max-width:1100px){
   .loginBox > div {padding: 80px 0;}
   .loginBox .loginForm {padding: 80px 100px;}
   .login_util > div {padding: 0 50px;}
 }
 @media screen and (max-width:1024px){
   .loginBox .loginForm {padding: 80px 120px}
   .login_util > div {padding: 0 80px;}
 }
 @media screen and (max-width:768px){
   .loginBox .loginForm {padding: 80px;}
   .loginForm p {font-size: 20px;}
   .login_input {padding: 0 150px 0 0;}
   #login li input {height: 50px;}
   .loginForm button {width: 140px;}
   .loginForm button span {font-size: 20px;}
   .login_util > div {padding: 0 60px;}
   .util_item p {font-size: 16px;}
   .util_item p strong {font-size: 18px;}
   .util_item a {line-height:44px;font-size: 15px;margin-top: 15px;}
 }
 @media screen and (max-width:640px){
   .loginBox .loginForm {padding:60px 80px;}
   .loginForm p {font-size: 18px;margin-bottom: 20px;}
   .login_input {padding: 0;}
   .loginForm button {position: static;width: 100%;right: auto;top:auto;margin-top: 10px;height: 60px;}
   .loginForm button span {font-size: 18px;background-size: 16px;}
   .loginForm button span:before {vertical-align: middle;margin-right: 10px;}
   .loginForm button span strong {display: inline-block;vertical-align: middle;}
   .login_util {display: block;}
   .login_util > div {padding: 0 80px 30px;}
   .login_util > div:first-child {border-right: none;}
 }
 @media screen and (max-width:480px){
   .loginBox .loginForm {padding:50px 40px;}
   .loginForm p {font-size: 15px;}
   .loginForm .rad_box {font-size: 13px;}
   #login li input {height: 46px;font-size: 15px;padding: 0 15px;}
   #login input::-webkit-input-placeholder {font-size:15px;color:#999;}
   #login input:-ms-input-placeholder {font-size:15px;color:#999;}
   #login input:-moz-placeholder {font-size:15px;color:#999;}
   #login input::-moz-placeholder {font-size:15px;color:#999;}
   .loginForm button {height: 50px;}
   .loginBox > div {padding: 40px 0;}
   .login_util > div {padding: 0 50px 20px;}
   .util_item p strong {font-size: 17px;}
   .util_item a {line-height: 40px;font-size: 14px;}
 }
 
 
 /********************************************************
  
  *  Website Use Guide
  
  ********************************************************/
 
 #sv06 {background-image:url("/resources/user/cert/images/sub/sv06.jpg");}
 
 
 /*-----------------------------------------------------------------------------
  *  Sitemap
  *----------------------------------------------------------------------------*/
 
 .sitemap {border-bottom:1px solid #ddd;}
 .sitemap > ul > li {border-top:1px solid #000;}
 .sitemap > ul > li:first-child {border-top:3px solid #275cab;}
 .site_dep_1 {border-bottom:1px solid #ddd;padding:25px 20px;box-sizing:border-box;}
 .site_dep_1 a {font-size:22px;color:#000;font-weight: 500;}
 .site_dep_1 + ul {padding:30px 10px;box-sizing:border-box;}
 .site_dep_1 + ul {display:flex;flex-wrap:wrap;}
 .site_dep_1 + ul > li {width:33.333%;}
 .site_dep_2 {padding:5px;}
 .site_dep_2 a {font-size:17px;color:#000;}
 .site_dep_2 > a {display: block;padding:15px 20px;border:1px solid #ddd;}
 .site_dep_2 > a:hover {background:#666;color:#fff;}
 .site_dep_2 a strong {font-weight: 400;}
 .site_dep_2 + ul {padding: 0 20px;}
 .site_dep_2 + ul li {position:relative;margin-bottom:15px;padding-left:13px;box-sizing:border-box;}
 .site_dep_2 + ul li:before {position:absolute;content:'';display:block;width:4px;height:4px;border-radius:50%;background:#444;top:8px;left:0;}
 .site_dep_2 + ul a {font-size:15px;color:#666;}
 .site_dep_2 + ul a:hover {color:#000;}
 
 @media screen and (max-width:1024px){
   .site_dep_1 + ul > li {width:50%;}
 }
 @media screen and (max-width:768px){
   .site_dep_1 {padding: 20px 20px;}
   .site_dep_1 > a {font-size: 20px;}
   .site_dep_1 + ul {padding: 20px 15px;}
   .site_dep_1 + ul > li {width:50%;}
   .site_dep_2 a {font-size: 16px;}
   .site_dep_2 > a {padding:10px 15px;}
   .site_dep_2 + ul a {font-size: 14px;}
 }
 @media screen and (max-width:640px){
   .site_dep_1 + ul > li {width:100%;}
 }
 @media screen and (max-width:480px){
   .site_dep_1 + ul > li {width:100%;}
 }
 
 
 /*-----------------------------------------------------------------------------
  *  Use Terms
  *----------------------------------------------------------------------------*/
 
 .terms {}
 .terms .conbox {overflow: auto;border: 1px solid #dfdfdf;border-top-color: #222; padding: 40px;margin-bottom:30px;line-height: 1.6;color: #444;}
 .terms .conbox div p {font-size: 16px; color: #000;line-height: 1.6;}
 .terms .icon_tit {position: relative;clear: both;color: #000;font-size: 20px;line-height:1.3;padding-left:15px;margin-bottom: 10px;}
 .terms .icon_tit:before {content: "";position: absolute;left: 0; top:11px;display: block;width:6px;height: 6px;border-radius: 50%;background:#000;}
 .terms h5 {padding: 19px 0 7px 0;color: #333;font-size: 18px;line-height: 1.5;}
 
 @media screen and (max-width:640px){
   .terms .conbox {padding: 30px;margin-bottom:20px;}
   .terms .icon_tit {font-size: 20px;}
   .terms .icon_tit:before {width:5px;height: 5px;}
   .terms h5 {padding:18px 0 8px 0;font-size: 16px;}
 }
 @media screen and (max-width:480px){
   .terms .conbox div p {font-size: 14px;}
   .terms .icon_tit {font-size: 18px;line-height: 1.5;}
 }
 
 
 /*-----------------------------------------------------------------------------
  *  Search
  *----------------------------------------------------------------------------*/
 
 #total_search .brd_srch {padding: 30px 30px;}
 #total_search .brd_srch input {height: 60px;padding: 0 15px;font-size:22px;}
 #total_search .brd_srch input::-webkit-input-placeholder {font-size:22px;}
 #total_search .brd_srch input::-moz-placeholder {font-size:22px;}
 #total_search .brd_srch input:-ms-input-placeholder {font-size:22px;}
 #total_search .brd_srch input:-moz-placeholder {font-size:22px;}
 #total_search .brd_srch button {width: 60px;height: 60px;}
 .srch_result > p {margin:50px 0;font-size:30px;text-align:center;word-break: keep-all;}
 .srch_result p strong {color:#275cab;}
 .srch_result ul {border-top:3px solid #275cab;}
 .srch_result ul > li {border-bottom:1px solid #ddd;padding:30px 20px;}
 .srch_result h4 a {font-size:22px;color:#000;}
 .srch_result h4 span {color:#275cab;}
 .srch_result li p {margin:15px 0;}
 .srch_result p a {display:-webkit-box;font-size:16px;line-height:24px;color:#000;height:50px;white-space:normal;word-wrap:break-word; -webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;}
 .srch_result p span {color:#ea3c0d;font-weight: 700;}
 .srch_result ol {position:relative;font-size:0;padding-left:10px;}
 .srch_result ol:before {position:absolute;content:'';display:block;width:4px;height:4px;border-radius:50%;background:#777;top:50%;left:0;transform:translateY(-50%);}
 .srch_result ol li {display:inline-block;vertical-align:middle;font-size:15px;color:#555;}
 .srch_result ol li:after {display:inline-block;vertical-align:middle;content:'>';margin:0 3px;}
 .srch_result ol li:last-child:after {display:none;}
 
 @media screen and (max-width:768px){
   #total_search .brd_srch {padding: 20px 30px;}
   #total_search .brd_srch input {height:50px;font-size:18px;}
   #total_search .brd_srch input::-webkit-input-placeholder {font-size:18px;}
   #total_search .brd_srch input::-moz-placeholder {font-size:18px;}
   #total_search .brd_srch input:-ms-input-placeholder {font-size:18px;}
   #total_search .brd_srch input:-moz-placeholder {font-size:18px;}
   #total_search .brd_srch button {width: 50px;height: 50px;}
   .srch_result > p {margin: 30px 0;font-size:25px;}
   .srch_result h4 a {font-size:20px;}
   .srch_result p a {font-size: 15px;max-height:80px;}
 }
 @media screen and (max-width:480px){
   #total_search .brd_srch input {height:40px;font-size:16px;}
   #total_search .brd_srch input::-webkit-input-placeholder {font-size:16px;}
   #total_search .brd_srch input::-moz-placeholder {font-size:16px;}
   #total_search .brd_srch input:-ms-input-placeholder {font-size:16px;}
   #total_search .brd_srch input:-moz-placeholder {font-size:16px;}
   #total_search .brd_srch button {width: 40px;height: 40px;}
   .srch_result > p {margin:20px 0;font-size:22px;}
   .srch_result ul > li {padding:20px 10px;}
   .srch_result h4 a {font-size:18px;}
   .srch_result p a {font-size: 14px;}
 }
 
 /* 여기까지 20211111 추가됨. */
 /*오시는길*/
 .road_map {}
 .road_map h2 {font-size: 18px; color: #333; font-weight: 500; padding: 10px 0; border-bottom: 1px solid #eee;}
 .road_map .btn_naverMap {color: #fff; background-color: #0cc259; width: 180px; height: 60px; font-size: 15px; transition: all 0.25s ease; margin-bottom: 10px;}
 /* .road_map .btn_naverMap:hover, .road_map .btn_naverMap:focus {background-color: #0ba34b;} */
 .road_map .big_box {display: flex; padding: 30px 0; margin-bottom: 20px;}
 .road_map .big_box .left {width: 170px; min-width: 170px; padding-left: 40px; padding-top: 10px;}
 .road_map .big_box .left img {display: inline-block;}
 .road_map .big_box .right {width: calc(100% - 170px); font-size: 14px; color: #666;}
 .road_map .big_box .right p {line-height: 25px;}
 .road_map .big_box .subway p:not(:last-of-type) {margin-bottom: 13px;}
 .road_map .big_box .subway .line_num {color: #333; font-weight: 500;}
 .road_map .big_box .subway .line_num::before {display: inline-flex; justify-content: center; align-items: center; width: 23px; height: 23px; color: #fff; border-radius: 50%; font-size: 15px; margin-right: 6px;}
 .road_map .big_box .subway .num2::before {content: "2"; background-color: #06863b;}
 .road_map .big_box .subway .num3::before {content: "3"; background-color: #fe4e02;}
 .road_map .big_box .subway .num5::before {content: "5"; background-color: #4e0078;}
 .road_map .big_box .subway .num8::before {content: "8"; background-color: #ed0482; margin-left: 6px;}
 .road_map .big_box .busStop li {display: flex;}
 .road_map .big_box .busStop p {display: inline-block;}
 .road_map .big_box .busStop .location {width: 250px; font-weight: 500; color: #333;}
 .road_map .big_box .busStop .num {margin-bottom: 10px;}
 .road_map .big_box .busStop .num::before {content: ""; width: 10px; height: 10px; display: inline-block; background-color: #008738; vertical-align: baseline; margin-right: 10px;}
 .road_map .big_box .busStop .num.blue::before {background-color: #1b55da;}
 
 @media screen and (max-width:768px){
   .road_map .big_box .busStop li {flex-wrap: wrap;}
   .road_map .big_box .busStop li > div {width: 100%;}
   .road_map .btn_naverMap {width: 135px;height: 40px;font-size: 13px; transition: none;}
 }
 
 @media screen and (max-width:648px){
   .road_map .big_box {flex-wrap: wrap;}
   .road_map .big_box .left {width: 100%; min-width: unset; text-align: center; padding-left: 0; margin-bottom: 30px;}
   .road_map .big_box .right {width: 100%; font-size: 13px;}
 }
 
 .auth_list {}
 .auth_list .btn_box {display: flex; justify-content: center; align-items: center; gap: 0 3px;}
 .auth_list .btn_interactions {padding: 5px 10px; border-radius: 5px; font-size: 14px; color: #fff; display: inline-flex; justify-content: center; align-items: center; transition: all 0.3s ease;}
 .auth_list .btn_invoice {background-color: #17355d;}
 .auth_list .btn_invoice:hover {background-color: #092141;}
 .auth_list .btn_invoice img {margin-right: 5px;}
 .auth_list .btn_pay {background-color: #094eac;}
 .auth_list .btn_pay:hover {background-color: #053f8d;}
 .auth_list .btn_conp {background-color: #8697ae;}
 .auth_list .btn_conp:hover {background-color: #8597af;}
 .auth_list .btn_excel, .auth_list .btn_pdf {width: 30px;}
 .auth_list .btn_edit, .auth_list .btn_delete {background-color: #395a88; text-decoration: none;}
 .auth_list .btn_edit:hover, .auth_list .btn_delete:hover {background-color: #25446f; color: #fff;}
 
 .auth_list .btn_delete.red {background-color: #b70000;}
 .auth_list .btn_delete.red:hover {background-color: #700000}
 
 .auth_list .btn_excel {}
 .auth_list .btn_pdf {}
 
 @media screen and (max-width: 960px) {
   .auth_list .btn_interactions {font-size: 13px;}
   .auth_list .btn_invoice img {width: 13px; margin-right: 3px;}
   .auth_list .btn_excel, .auth_list .btn_pdf {width: 28px;}
 }
 
 @media screen and (max-width: 768px) {
   .auth_list .btn_box {justify-content: flex-start; padding-bottom: 5px;}
   .auth_list .btn_interactions {font-size: 12px;}
   .auth_list .btn_invoice img {width: 12px;}
   .auth_list .btn_excel, .auth_list .btn_pdf {width: 25px;}
 }
 
 
 
 
 /*-----------------------------------------------------------------------------
  *  Sub 0303 협약기업 검색 팝업
  *----------------------------------------------------------------------------*/
 .black_modal {position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.8); z-index:11; display:none;}
 .enter_pop {background-color:#fff; width:850px;  position:fixed; top:6%; left:15%; z-index:12; transform:translate(35%,0%); display:none;}
 .p_inTit {background-color:#4282e2; height:65px; position:relative;}
 .p_inTit h2 {color:#fff; font-size:23px; font-weight:400; text-align:center; line-height:65px;}
 .close_b {position:absolute; top:15px; right:25px;}
 .close_b i {color:#fff; font-size:35px;}
 
 .enter_pop .sch_wrap {padding:20px 70px; background-color:#fdfdfd; margin-bottom:40px;}
 .enter_pop .schIcon {width:40px; height:39px; background-size:18px}
 .enter_pop .sch_wrap input {width:calc(100% - 36%); padding:9px 10px;}
 .enter_pop .sch_wrap select {padding:9px 10px;}
 .enPop_con {padding:45px 70px; } 
 
 .enSch {max-height:560px; overflow-y:scroll; }
 .enSch .tbl_board th {padding:20px;}
 .enSch .tbl_board th:not(:last-child) {border-right:1px solid #ddd;}
 .enSch .tbl_board td:not(:last-child) {border-right:1px solid #ddd;}
 .tbl_board #searchCompanyBody .t_left {padding: 10px 5px;}
 
 .tbl_board #searchCompanyBody td > a {white-space: initial; }
 
 
 @media screen and (max-width:1350px){
     .enter_pop {top:1%; left:0%; transform:translate(22%,0);}
 }
 
 @media screen and (max-width:1100px){
     .enter_pop {width:97%;left:0%; transform:translate(2%,0);}
     .p_inTit {height:53px;}
     .p_inTit h2 {font-size:18px; line-height:53px;}
     .close_b {right:15px;}
     .close_b i {font-size:20px;}
 
     .enPop_con {padding:25px;}
     .enter_pop .sch_wrap {padding:20px; margin-bottom:25px;}
     .enter_pop .sch_wrap input {width:calc(100% - 40px);}
 }
 
 @media screen and (max-width:800px){
     .enSch {max-height:250px;}
     .enter_pop {width:96%; top:15%;}
 }
 
 @media screen and (max-width:500px){
     .enSch {max-height:250px;}
     .enter_pop {width:96%; top:15%;}
 }
 
 
 
 /* 2023-08-08 협회사 조회 팝업 SearchBox - Style */
 .schStyle {padding:27px 107px; border:2px solid #efefef;}
 .schStyle .sch_box {width:100%;}
 .schStyle select {width:20%; padding:16px 10px;}
 .schStyle input {width:76%; font-size:16px; padding:16px 10px; margin-left:25px;}
 .schStyle .schIcon {width:70px; height:53px;}
 
 /*-----------------------------------------------------------------------------
  *  SearchBox
  *----------------------------------------------------------------------------*/
 .sch_wrap {width:100%; background-color:#f8f8f8; padding:30px; display:flex; margin-bottom:30px;}
 .sch_box {width:100%; display:flex; align-items:center;}
 .sch_box select {width:20%; border:1px solid #ccc; font-size:15px; background-color:#fff; padding:13px 10px; }
 .sch_box input {width:50%; border:1px solid #ccc; background-color:#fff; padding:15px 10px; margin-left:10px;}
 .sch_box .schIcon {width:48px; height:48px; background:#888 url("/resources/user/edu/images/common/icon_search.png")no-repeat center center; transition:.25s ease;}
 .sch_box .schIcon:hover {background-color:#555;}
 
 /********************************************************
  
  *  협회사 팝업 Table
  
  ********************************************************/
 
  /* Table - Basic */
 .board_style {width:100%;}
 .tbl_board {width:100%; border-top:2px solid #000;  table-layout:fixed;}
 .tbl_board th {font-size:18px; font-weight:400; padding:15px 5px; text-align:center;  font-size:17px; border-bottom:1px solid #ddd;}
 .tbl_board td {border-bottom:1px solid #ddd; padding:15px; font-size:16px; color:#333; text-align:center;}
 .tbl_board .t_left {text-align:left; padding:15px 30px;}
 .tbl_board td > a {display:block; max-width:480px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
 
 .tbl_board tr.n_bg {background-color:#fafafa;}
 .tbl_board tr.n_bg a {font-weight:500;}
 .tagStyle {display:inline-block; background-color:#0088cd; color:#fff; font-weight:400; padding:3px 12px; border-radius:50px; font-size:14px;}
 .b_num {display:block; font-size:17px; color:#444; margin-bottom:25px;}
 .b_num b {font-size:18px;}
 



 /********************************************************
  
  * 단체표준인증 서명 팝업 
  
  ********************************************************/
 
.popup_need_chk_box .bg{width:100%; position: fixed; top:0; left: 0; height: 100%; background-color: #000; opacity : 0.5; display: none; z-index: 99;}
.contracted_apply .popup_need_chk {width: 610px; max-width: 95%; text-align: center; font-size: 17px; box-shadow: 2px 2px 10px #999; color: #000; font-weight: 500; position: fixed; top: 50%; left: 50%; background-color: #fff; z-index: 999;display: none;}
.contracted_apply .popup_need_chk.submitPopup {z-index: 99999;}
.contracted_apply .popup_need_chk.applyListPopup{width: 900px;}
.contracted_apply .popup_need_chk .txt_box {line-height: 1.8; padding: 55px 10px 35px;}
.contracted_apply .popup_need_chk .txt_box.applyPopup {padding: 17px 10px 35px;}
.commentTxt{display: flex;}
.contracted_apply .popup_need_chk .btn_chk_complete {display: flex;justify-content: center;align-items: center;width: 100%;padding: 10px 0;font-size: 21px;color: #fff;background-color: #333333;}
.contracted_apply .popup_need_chk .btn_chk_complete:hover {background-color: #232323;}
.contracted_apply .popup_need_chk .btn_chk_complete.cancel{background-color: #828282;}
.contracted_apply .popup_need_chk .btn_chk_complete.cancel:hover {background-color: #4d4d4d;}

@media screen and (max-width:480px) {
  .contracted_apply .popup_need_chk {font-size: 14px;}
  .contracted_apply .popup_need_chk .txt_box {padding: 30px 10px 25px;}
  .contracted_apply .popup_need_chk .chk_box {gap: 0 20px; padding-bottom: 25px;}
  .contracted_apply .popup_need_chk .chk_box input {min-width: 18px; height: 18px; margin-right: 5px;}
  .contracted_apply .popup_need_chk .btn_chk_complete {font-size: 16px; padding: 7px 0;}
}

@media screen and (max-width:768px){
    .contracted_apply .tbl_board .sub_txt {font-size: 14px;}
}



 /********************************************************
  
    240611 OCPP 시험 가능 날짜 선택 달력
  
  ********************************************************/
.con_calendar {width: 100%; max-width: 580px; overflow-x: auto;}
.c_header {width: 100%; display: flex; align-items: center; justify-content: center; gap: 35px; background: #f1f1f1; border-top: 3px solid #094AB0; padding: 20px 0;}
.c_header p.this_month {font-size: 19px; font-weight: bold;}
.c_header button {color: #555;}
.this_month_cld table.cld tr {display: grid; grid-template-columns: repeat(7, 1fr);}
.this_month_cld table.cld th {text-align: center;  background: #f1f1f1; padding: 10px 0; font-size: 13px; font-weight: 400;}
.this_month_cld table.cld th.sun {color: #F4441C;}
.this_month_cld table.cld th.sat {color: #094AB0;}
.this_month_cld table.cld td {padding: 5px 10px; height: 70px; min-height: 70px; vertical-align: top; text-align: left; border-left: 1px solid #ddd;}
.this_month_cld table.cld td:last-of-type {border-right: 1px solid #ddd;}
.this_month_cld table.cld td.pre_month_date, .this_month_cld table.cld td.past_date {background: #f9f9f9;}
.this_month_cld table.cld td .date_box {width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; text-decoration-line: none;}
.this_month_cld table.cld td .date_box:not(.eventClick){pointer-events: none;}
.this_month_cld table.cld td .date_box.eventClick:hover {cursor: pointer;}
.this_month_cld table.cld td .date_box .day{display: flex;justify-content: space-between;}
.this_month_cld table.cld td .bt_box {text-align: right; font-size: 12px; font-weight: 500;}
.this_month_cld table.cld td .day {color: #666; font-size: 13px;}
.this_month_cld table.cld td .day.sun {color: #F4441C;}
.this_month_cld table.cld td .day.sat {color: #094AB0;}
.this_month_cld table.cld td .bt_box.holiday{color: #F4441C; word-break: break-all;}
.this_month_cld table.cld td .available_count {font-weight: 600;}
.this_month_cld table.cld td .available_count span {color: #094AB0;}
.this_month_cld table.cld td .closing_date {color: #888;}
.this_month_cld table.cld td .day span.today {font-size: 11px; color: #000;}
.this_month_cld table.cld td .day span.holiday {font-size: 11px; color: #F4441C;}

/* 날짜 선택했을 때 */
.this_month_cld table.cld td.selected_date {background: #4D6893; color: #fff;}
.this_month_cld table.cld td.selected_date .day {color: #fff;}
.this_month_cld table.cld td.selected_date .available_count span,
.this_month_cld table.cld td.selected_date span.today,
 .this_month_cld table.cld td.selected_date .available_count{color: #fff;}

@media screen and (max-width: 820px) {
  .td_selectDate .res_ment {display: none;}
  .this_month_cld table.cld td {padding: 5px;}

}
@media screen and (max-width: 768px) {
  .this_month_cld table.cld td {padding: 5px;}

}
@media screen and (max-width: 640px) {
    .c_header {padding: 10px 0;}
    .c_header p.this_month {font-size: 16px;}
    .this_month_cld table.cld {width: 100%; padding: 0; display: grid;}
    .this_month_cld table.cld tr {display: grid !important; grid-template-columns: repeat(7, 1fr); padding: 0; width: 100%;}
    .this_month_cld table.cld td {height: 40px; min-height: 50px;}

}
@media screen and (max-width: 480px) {
    .con_calendar {width: 350px; overflow: hidden; overflow-x: scroll; border: 1px solid #ddd; padding-bottom: 15px;}
    .td_selectDate .res_ment {display: block;}
    .c_header {width: 400px;}
    .this_month_cld table.cld {width: 400px;}
    .this_month_cld table.cld td .day span {display: none;}
    
    .this_month_cld table.cld td .bt_box {font-size: 11px;}
    .this_month_cld table.cld td .day {color: #666; font-size: 12px;}

}
@media screen and (max-width: 380px) {
    .con_calendar {width: 270px; }

}