@charset "utf-8"; /* common.min.css ver 2.0.0.1 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select {
    margin: 0;
    padding: 0;
}

body,input,textarea,select,button,table {
    font-family: '돋움',Dotum,Helvetica,sans-serif;
    font-size: 12px;
    -webkit-text-size-adjust: none;
}

img,fieldset {
    border: 0;
}

ul,ol {
    list-style: none;
}

em,address {
    font-style: normal;
}

a {
    text-decoration: none;
    color: #333;
}

a:hover,a:active,a:focus {
    text-decoration: underline;
}

.blind {
    visibility: hidden;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    font-size: 0;
    line-height: 0;
}

i {
    font-style: normal;
}

a:visited {
    text-decoration: none;
}

a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:active {
    text-decoration: none;
}

legend,caption {
    display: none;
}

@font-face {
    font-family: "NanumSquareRound";
    font-style: normal;
    font-weight: 300;
    src: local("NanumSquareRoundL"),url("/@/font/NanumSquareRoundL.eot"),url("/@/font/NanumSquareRoundL.eot?#iefix") format("embedded-opentype"),url("/@/font/NanumSquareRoundL.woff2") format("woff2"),url("/@/font/NanumSquareRoundL.woff") format("woff"),url("/@/font/NanumSquareRoundL.ttf") format("truetype");
}

@font-face {
    font-family: "NanumSquareRound";
    font-style: normal;
    font-weight: 400;
    src: local("NanumSquareRoundR"),url("/@/font/NanumSquareRoundR.eot"),url("/@/font/NanumSquareRoundR.eot?#iefix") format("embedded-opentype"),url("/@/font/NanumSquareRoundR.woff2") format("woff2"),url("/@/font/NanumSquareRoundR.woff") format("woff"),url("/@/font/NanumSquareRoundR.ttf") format("truetype");
}

@font-face {
    font-family: "NanumSquareRound";
    font-style: normal;
    font-weight: 700;
    src: local("NanumSquareRoundB"),url("/@/font/NanumSquareRoundB.eot"),url("/@/font/NanumSquareRoundB.eot?#iefix") format("embedded-opentype"),url("/@/font/NanumSquareRoundB.woff2") format("woff2"),url("/@/font/NanumSquareRoundB.woff") format("woff"),url("/@/font/NanumSquareRoundB.ttf") format("truetype");
}

@font-face {
    font-family: "NanumSquareRound";
    font-style: normal;
    font-weight: 800;
    src: local("NanumSquareRoundEB"),url("/@/font/NanumSquareRoundEB.eot"),url("/@/font/NanumSquareRoundEB.eot?#iefix") format("embedded-opentype"),url("/@/font/NanumSquareRoundEB.woff2") format("woff2"),url("/@/font/NanumSquareRoundEB.woff") format("woff"),url("/@/font/NanumSquareRoundEB.ttf") format("truetype");
}

.textcut {
    height: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    vertical-align: top;
}

.textcut ins {
    float: right;
    display: block;
    text-decoration: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* End hide from IE-mac */
input.adminTopBtn {
    margin-top: 4px;
    padding: 0;
    background: #777;
    border: 1px solid #333;
    color: #fff;
    font: normal 11px 돋움;
}

.type_box_e .check_txt {
    margin: 0 0 0 5px;
    font: bold 11px 돋움;
    color: #1e954d;
}

.cof-fileext-icon-pdf {
    background: url("/@/image/ico/filetype/icon_pdf.png");
    background: url("/@/image/ico/filetype/icon_pdf_small.png")\9;
    *background: url("/@/image/ico/filetype/icon_pdf_small.png");
}

.cof-fileext-icon-txt {
    background: url("/@/image/ico/filetype/icon_txt.png");
    background: url("/@/image/ico/filetype/icon_txt_small.png")\9;
    *background: url("/@/image/ico/filetype/icon_txt_small.png");
}

.cof-fileext-icon-img {
    background: url("/@/image/ico/filetype/icon_img.png");
    background: url("/@/image/ico/filetype/icon_img_small.png")\9;
    *background: url("/@/image/ico/filetype/icon_img_small.png");
}

.cof-fileext-icon-ppt {
    background: url("/@/image/ico/filetype/icon_ppt.png");
    background: url("/@/image/ico/filetype/icon_ppt_small.png")\9;
    *background: url("/@/image/ico/filetype/icon_ppt_small.png");
}

.cof-fileext-icon-xls {
    background: url("/@/image/ico/filetype/icon_xls.png");
    background: url("/@/image/ico/filetype/icon_xls_small.png")\9;
    *background: url("/@/image/ico/filetype/icon_xls_small.png");
}

.cof-fileext-icon-zip {
    background: url("/@/image/ico/filetype/icon_zip.png");
    background: url("/@/image/ico/filetype/icon_zip_small.png")\9;
    *background: url("/@/image/ico/filetype/icon_zip_small.png");
}

.cof-fileext-icon-etc {
    background: url("/@/image/ico/filetype/icon_etc.png");
    background: url("/@/image/ico/filetype/icon_etc_small.png")\9;
    *background: url("/@/image/ico/filetype/icon_etc_small.png");
}

.cof-fileext-icon-pdf,.cof-fileext-icon-txt,.cof-fileext-icon-img,.cof-fileext-icon-ppt,.cof-fileext-icon-xls,.cof-fileext-icon-zip,.cof-fileext-icon-etc {
    display: inline-block;
    width: 20px;
    height: 21px;
    vertical-align: middle;
    background-size: 20px;
}

#areaSltMapc iframe#areaSltMapifr {
    background: url("/@/image/element/bg_map_loading.gif") 50% 50% no-repeat!important;
}

.banner_count {
    display: none;
}

.board_popup {
    position: absolute;
    max-width: 100%;
    width: auto;
    top: 20px;
    left: 20px;
    overflow: visible;
    z-index: 1000;
}

.board_popup .bpbox {
    position: relative;
    z-index: 100;
}

.board_popup .bpbox li {
    float: left;
    display: block;
    min-height: 200px;
}

.board_popup .bg_blind {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #000;
    opacity: .6;
    filter: alpha(opacity=60);
}

.board_popup .btn_close {
    display: block;
    position: absolute;
    top: 0;
    right: -50px;
    width: 50px;
    height: 60px;
    background-color: #333;
    text-align: center;
    font: 11px 돋움;
    color: #fff;
}

.board_popup .btn_close .ico_close {
    display: block;
    width: 23px;
    height: 22px;
    margin: 10px auto;
    background: url("/@/image/ico/ico_popup_close.png") no-repeat;
}

.board_popup .popup_bottom {
    position: relative;
    padding: 5px 10px;
    clear: both;
    background-color: #444;
    text-align: right;
    color: #fff;
    font: 11px 돋움;
    z-index: 100;
}

.board_popup .popup_bottom label {
    cursor: pointer;
    position: relative;
}

.board_popup .popup_bottom .cof-form {
    position: relative;
    right: 0;
    top: 1px;
    display: inline;
}

.board_popup .popup_layer {
    float: left;
    overflow: hidden;
}

.board_popup .popup_layer img {
    display: block;
}

.board_popup .popup_layer p {
    background-color: #fff;
}

.select2-search--dropdown {
    display: none!important;
}

.select2-container--default .select2-selection--single {
    border-radius: 0!important;
}

.select2-container .select2-selection--single {
    height: 26px;
}

.excel_wrap {
    padding: 20px;
    text-align: center;
}

.excel_wrap .submit_area {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eee;
}

.placeholder {
    color: #a9a9a9;
}

input[type="text"].readonly,input[type="password"].readonly,input[type="checkbox"].readonly,input[type="radio"].readonly,input[type="submit"].readonly,input[type="button"].readonly {
    color: #777!important;
    background-color: #f8f8f8!important;
}

input[type="text"].readonly,input[type="password"].disable,input[type="checkbox"].disable,input[type="radio"].disable,input[type="button"].disable,input[type="submit"].disable,select.disable {
    color: #777!important;
    background-color: #f8f8f8!important;
    border-color: #ddd;
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    zoom:1;}

.disable {
    color: #bdbdbd!important;
    zoom:1;}

.search-keyword {
    background-color: #f7ffab;
    color: #333;
    padding: 0;
    margin: 0;
}

.roadview_wrapper .mapview_button {
    width: 30px;
    height: 30px;
    text-align: center;
    background: #fff;
    border: 1px solid #ddd;
    font-size: 25px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 999;
}

.mapview_wrapper {
    position: relative;
}

.mapview_wrapper .controlbox {
    display: none;
    position: absolute;
    top: 15px;
    right: 10px;
    bottom: 15px;
    z-index: 500;
    width: 47px;
    pointer-events: none;
}

.mapview_wrapper .map_control {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: auto;
}

.mapview_wrapper .map_control:after {
    display: block;
    content: '.';
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.mapview_wrapper .map_control a {
    display: block;
    float: left;
    margin-left: -1px;
    padding: 5px 10px;
    border: 1px solid #556783;
    background: #fff;
    color: #333;
}

.mapview_wrapper .map_control a:first-child {
    border-radius: 4px 0 0 4px;
}

.mapview_wrapper .map_control a:last-child {
    border-radius: 0 4px 4px 0;
}

.mapview_wrapper .map_control a:hover {
    text-decoration: none;
}

.mapview_wrapper .map_control a.on {
    background: #556783;
    color: #fff;
    position: relative;
}

.mapview_wrapper .zoominout {
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: auto;
    -webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
}

.mapview_wrapper .zoominout a {
    display: table;
    width: 40px;
    height: 40px;
    text-align: center;
    background: #fff;
    font-size: 18px;
    border: 1px solid rgba(0,0,0,0.15);
    margin-top: -1px;
    line-height: 35px;
    box-sizing: border-box;
}

.mapview_wrapper .zoominout a:hover {
    text-decoration: none;
}

.mapview_wrapper .zoominout i {
    display: table-cell;
    vertical-align: middle;
}

.map_controls_wrap {
    position: absolute;
    right: 0;
    top: 0;
    pointer-events: auto;
    -webkit-box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
}

.map_controls_wrap>a {
    display: block;
    border: 1px solid rgba(0,0,0,0.15);
    background: #fff;
    box-sizing: border-box;
    margin-top: -1px;
}

.map_controls_wrap>a>i {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('/@/image/share/sp_map.svg?0210247');
    background-repeat: no-repeat;
}

.map_controls_wrap .map_odistance i {
    background-position: 0 0;
}

.map_controls_wrap .map_area i {
    background-position: -160px 0;
}

.map_controls_wrap .map_roadview i {
    background-position: -120px 0;
}

.map_controls_wrap .map_skyview i {
    background-position: -40px 0;
}

.map_controls_wrap .map_landview i {
    background-position: -80px 0;
}

.map_controls_wrap>a.on {
    background-color: #0075ff;
    border-color: #003573;
    position: relative;
}

.map_controls_wrap .map_odistance.on i {
    background-position: 0 -40px;
}

.map_controls_wrap .map_area.on i {
    background-position: -160px -40px;
}

.map_controls_wrap .map_roadview.on i {
    background-position: -120px -40px;
}

.map_controls_wrap .map_skyview.on i {
    background-position: -40px -40px;
}

.map_controls_wrap .map_landview.on i {
    background-position: -80px -40px;
}

.map_controls_wrap .map_odistance,.map_controls_wrap .map_area,.map_controls_wrap .map_landview,.map_controls_wrap .map_roadview {
    display: none;
}

.banner_popup {
    background-color: #333;
}

.banner_popup .popup_bottom {
    display: block;
    padding: 5px;
    float: left;
    color: #fff;
}

.banner_popup .btn_close {
    display: block;
    padding: 5px;
    float: right;
    color: #fff;
}

.banner_popup .bpbox:after {
    display: block;
    content: '.';
    clear: both;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.banner_popup .bpbox li {
    float: left;
}

.watermark {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    z-index: 50;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    zoom:1;}

.image_not_download {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.adult_wrap {
    padding: 50px 10px;
    font-family: "Malgun Gothic","맑은 고딕",Dotum,"돋움",Helvetica,AppleSDGothicNeo,Arial,sans-serif;
}

.adult_wrap h1 {
    margin-bottom: 40px;
    text-align: center;
}

.adult_wrap .adult_viewbox {
    width: 600px;
    margin: 20px auto;
    padding: 40px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.adult_wrap .adult_mark {
    width: 150px;
    height: 150px;
    float: left;
    margin-right: 20px;
    background: url('/@/image/share/element/adult_mark.png') no-repeat;
}

.adult_wrap .adult_info {
    padding-top: 30px;
    font-size: 14px;
    line-height: 1.4em;
}

.adult_wrap .adult_info h3 {
    margin-bottom: 5px;
    font-size: 16px;
}

.adult_wrap .adult_submit_area {
    padding: 20px;
    text-align: center;
}

.adult_popup_wrap {
    padding: 10px;
}

.adult_popup_wrap .tit h1 {
    padding-bottom: 10px;
    font-size: 16px;
}

.mapview_body {
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
}

.mapview_body .map_container {
    position: relative;
    width: 100%;
}

.mapview_body .flashview_wrapper,.mapview_body .mapview_wrapper,.mapview_body .roadview_wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.mapview_body .mapview {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
    overflow: hidden;
    z-index: 50;
}

.mapview_body .mapview-head {
    width: 100%;
    height: 40px;
    z-index: 300;
    background-color: #434650;
    border-bottom: 2px solid #070709;
    margin: 0;
    padding: 0;
    display: none;
}

.mapview_body .mapview-head h1 {
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.mapview_body .mapview-head a {
    position: absolute;
    top: 10px;
    left: 10px;
}

#mapContainer.view_map #mapviewBox {
    z-index: 100;
}

#mapContainer.view_roadview #roadviewBox {
    z-index: 0;
}

#mapContainer.view_roadview #mapviewBox {
    display: none;
}

.mapview_body .mapview_button {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 999;
}

.mapview_body .mobile .mapview_button {
    top: 47px;
}

.mapview_body .tooltipbox {
    padding: 10px 25px 10px 10px;
}

.mapview_body .tooltipbox h3 {
    margin-bottom: 5px;
}

.mapview_body .roadview-close-btn {
    display: none;
}

.flashview_wrapper {
    z-index: 900;
    background: #f9fafc;
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    font-family: NanumGothic,'나눔고딕','Nanum Gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,Arial,sans-serif;
}

.flashview_wrapper .mapview_button {
    position: absolute;
    top: 10px!important;
    left: auto!important;
    right: 10px!important;
    font-size: 25px;
    color: #888;
}

.flashview_wrapper .flash_setup {
    position: absolute;
    width: 500px;
    height: 280px;
    left: 50%;
    top: 50%;
    margin: -140px 0 0 -250px;
    text-align: center;
    padding: 20px 0 0;
    background-color: #fff;
    box-sizing: border-box;
    border: 1px solid #eee;
}

.flashview_wrapper .flash_setup h3 {
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: bold;
}

.flashview_wrapper .flash_setup h3 span {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(/@/image/ico/icon_flash.png) no-repeat;
    vertical-align: middle;
    margin: 0 5px 3px 0;
}

.flashview_wrapper .flash_setup>p {
    font-size: 16px;
    padding-bottom: 10px;
    line-height: 1.4em;
}

.flashview_wrapper .flash_setup>p>span {
    display: block;
    margin-top: 20px;
    font-size: 13px;
    padding-bottom: 20px;
}

.flashview_wrapper .flash_setup .tip_guide {
    font-size: 14px;
    color: #0a79f1;
}

label.error {
    color: #f30;
}

.map_point iframe {
    width: 100%;
    height: 300px;
    border: 0;
}

.map_point .explain {
    color: #888;
}

.input_style_form .on label {
    font-weight: bold;
    color: #ed1651;
}

.input_style_form .cof-radio-group>i,.input_style_form .cof-checkbox-group>i {
    display: inline-block;
    margin: 2px 5px 2px 0;
    overflow: hidden;
    vertical-align: middle;
}

.input_style_form .cof-radio-group .radio {
    position: relative;
    width: 20px;
    height: 20px;
    margin: 5px 0;
    float: left;
    border: 1px solid #ccc;
    border-radius: 100px;
}

.input_style_form .cof-checkbox-group .check {
    position: relative;
    width: 20px;
    height: 20px;
    float: left;
    border: 1px solid #ccc;
    border-radius: 3px;
    line-height: 18px;
    text-align: center;
    background: #f8f8f8;
}

.input_style_form .cof-checkbox-group .check>i {
    color: #d2d2d2;
}

.input_style_form .cof-radio-group .radio:before {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 5px;
    left: 5px;
    content: '';
    background: #ccc;
    border-radius: 100px;
}

.input_style_form .cof-radio-group .on .radio,.input_style_form .cof-checkbox-group .on .check {
    border-color: #ed1651;
}

.input_style_form .cof-radio-group .on .radio:before {
    background-color: #ed1651;
}

.input_style_form .cof-checkbox-group .on .check i {
    color: #ed1651;
}

.input_style_form .cof-radio-group .radio+input,.input_style_form .cof-checkbox-group .check+input {
    position: absolute;
    left: -2000000px;
}

.input_style_form .cof-radio-group .radio_txt,.input_style_form .cof-checkbox-group .radio_txt {
    float: left;
    padding-left: 5px;
    line-height: 30px;
}

.input_style_form .cof-checkbox-group .radio_txt {
    line-height: 20px;
}

.test_lingo .radio_txt {
    line-height: 20px;
}

.kcr_select_wrap {
    font-family: 'NanumSquareRound';
    padding-top: 88px;
    position: relative;
}

.kcr_select_wrap .ksw_header {
    width: 100%;
    height: 88px;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff;
    z-index: 1;
}

.kcr_select_wrap h2 {
    padding: 15px 10px;
    font-weight: 800;
    text-align: center;
}

.kcr_select_wrap h2 em {
    font-size: 12px;
    color: #888;
    font-weight: normal;
}

.kcr_select_wrap .cof-tab {
    margin: 0;
}

.kcr_select_wrap .cof-tab li a,.kcr_select_wrap .cof-tab li span {
    padding: 10px;
}

.kcr_select_wrap .cof-tab li.on a {
    color: #f36;
    font-weight: 800;
}

.kcr_select_wrap .kcr_select_list li {
    border-bottom: 1px solid #eee;
}

.kcr_select_wrap .kcr_select_list li>a {
    display: block;
    padding: 15px 80px 15px 15px;
    position: relative;
}

.kcr_select_wrap .kcr_select_list li>a:hover {
    text-decoration: none;
}

.kcr_select_wrap .kcr_select_list li>a:hover .kcr_name {
    color: #f36;
}

.kcr_select_wrap .kcr_name {
    display: block;
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 800;
}

.kcr_select_wrap .area {
    color: #888;
}

.kcr_select_wrap .btn_move {
    position: absolute;
    top: 50%;
    right: 10px;
    display: inline-block;
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 20px;
    margin-top: -15px;
}

.kcr_select_wrap .kcr_select_list li>a:hover .btn_move {
    border-color: #f36;
    font-weight: bold;
    color: #f36;
}

.kcr_select_wrap .kcr_select_list li.on>a {
    background-color: #fff8fa;
}

.kcr_select_wrap .kcr_select_list li.on>a .kcr_name {
    color: #f36;
}

.kcr_select_wrap .kcr_select_list li.on>a .btn_move {
    border-color: #f36;
    font-weight: bold;
    color: #f36;
}

.gnb .select_kcr {
    display: none;
    position: absolute;
    right: 10px;
    top: 15px;
    width: auto!important;
}

.gnb .select_kcr a {
    color: #f36!important;
    display: inline-block;
}

.gnb .select_kcr a:hover {
    color: #f36!important;
}

.select_kcr {
    position: absolute;
    right: 10px;
    top: 15px;
}

.select_kcr>a {
    display: block;
    font-size: 11px;
    font-weight: bold;
}

.select_kcr i {
    font-size: 13px;
    vertical-align: middle;
}

.selectkcr a {
    letter-spacing: -1px;
}

.building_infobox {
    position: relative;
}

.building_info a {
    margin-right: 5px;
    display: inline-block;
    padding: 8px 12px;
    border-radius: 2px;
    background: #4575d5;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.building_info a:hover {
    text-decoration: none;
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 18%);
}

.building_info span {
    font-size: 11px!important;
    color: #4575d5;
}

.building_info .lock_mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    text-align: center;
}

.building_info .lock_mask:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    background: #f8f8f8 url(/@/image/share/bg/bg_disabled.png);
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
}

.building_info.lock {
    border-color: #ddd;
}

.building_info.lock .lock_mask {
    display: flex;
    justify-content: center;
    align-items: center;
}

.building_info .lock_mask span {
    position: relative;
    margin: 8px auto;
    padding: 10px 20px;
    border-radius: 5px;
    background-color: #fff;
    color: #2565bd;
    font-weight: bold;
    font-size: 13px;
    z-index: 1;
    vertical-align: middle;
}

.cert_process_guide {
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: "Malgun Gothic","맑은 고딕",Dotum,"돋움",Helvetica,AppleSDGothicNeo,Arial,sans-serif;
}

.cert_process_guide .pguide {
    min-width: 300px;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #eee;
    background: #fff;
    text-align: center;
    -webkit-box-shadow: 0 3px 8px 0 rgb(126 150 255 / 10%);
    box-shadow: 0 3px 8px 0 rgb(126 150 255 / 10%);
}

.cert_process_guide .pguide .box {
    display: inline-block;
    height: 40px;
    width: 100px;
    margin: 20px auto;
    transition: all .2s ease;
    background: #1a73e8;
    border-radius: 40px;
}

.cert_process_guide .pguide .pex {
    color: #888;
    font-size: 14px;
}

.loader10:before {
    content: "";
    position: absolute;
    top: 0;
    left: -25px;
    height: 12px;
    width: 12px;
    border-radius: 12px;
    -webkit-animation: loader10g 3s ease-in-out infinite;
    animation: loader10g 3s ease-in-out infinite;
}

.loader10 {
    position: relative;
    width: 12px;
    height: 12px;
    top: 38%;
    left: 46%;
    border-radius: 12px;
    -webkit-animation: loader10m 3s ease-in-out infinite;
    animation: loader10m 3s ease-in-out infinite;
}

.loader10:after {
    content: "";
    position: absolute;
    top: 0;
    left: 25px;
    height: 10px;
    width: 10px;
    border-radius: 10px;
    -webkit-animation: loader10d 3s ease-in-out infinite;
    animation: loader10d 3s ease-in-out infinite;
}

@-webkit-keyframes loader10g {
    0% {
        background-color: rgba(255,255,255,.2);
    }

    25% {
        background-color: rgba(255,255,255,1);
    }

    50% {
        background-color: rgba(255,255,255,.2);
    }

    75% {
        background-color: rgba(255,255,255,.2);
    }

    100% {
        background-color: rgba(255,255,255,.2);
    }
}

@keyframes loader10g {
    0% {
        background-color: rgba(255,255,255,.2);
    }

    25% {
        background-color: rgba(255,255,255,1);
    }

    50% {
        background-color: rgba(255,255,255,.2);
    }

    75% {
        background-color: rgba(255,255,255,.2);
    }

    100% {
        background-color: rgba(255,255,255,.2);
    }
}

@-webkit-keyframes loader10m {
    0% {
        background-color: rgba(255,255,255,.2);
    }

    25% {
        background-color: rgba(255,255,255,.2);
    }

    50% {
        background-color: rgba(255,255,255,1);
    }

    75% {
        background-color: rgba(255,255,255,.2);
    }

    100% {
        background-color: rgba(255,255,255,.2);
    }
}

@keyframes loader10m {
    0% {
        background-color: rgba(255,255,255,.2);
    }

    25% {
        background-color: rgba(255,255,255,.2);
    }

    50% {
        background-color: rgba(255,255,255,1);
    }

    75% {
        background-color: rgba(255,255,255,.2);
    }

    100% {
        background-color: rgba(255,255,255,.2);
    }
}

@-webkit-keyframes loader10d {
    0% {
        background-color: rgba(255,255,255,.2);
    }

    25% {
        background-color: rgba(255,255,255,.2);
    }

    50% {
        background-color: rgba(255,255,255,.2);
    }

    75% {
        background-color: rgba(255,255,255,1);
    }

    100% {
        background-color: rgba(255,255,255,.2);
    }
}

@keyframes loader10d {
    0% {
        background-color: rgba(255,255,255,.2);
    }

    25% {
        background-color: rgba(255,255,255,.2);
    }

    50% {
        background-color: rgba(255,255,255,.2);
    }

    75% {
        background-color: rgba(255,255,255,1);
    }

    100% {
        background-color: rgba(255,255,255,.2);
    }
}