@carset "utf-8";
@import 'table.css';

.layoutDisplay {display:inline-block;width:100%;margin-bottom: -4px;}
.boxSizing {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

.clearfix{display:block;}
.clearfix:after{display:block;content:"";clear:both;}
.ib-box{display:inline-block;}

.section:after, .article:after{display:block;content:"";clear:both;}

.txt-s-01{font-size:20px;}
.txt-s-02{font-size:11px !important;}

.txt-c-01{color:#2654a8 !important;}
.txt-c-02{color:#ff7800 !important;}
.txt-c-03{color:#0E63B3 !important;}



.txt-a-l{text-align:left !important;}
.txt-a-c{text-align:center !important;}
.txt-a-r{text-align:right !important;}

.txt-b{font-weight:bold;}

.tit-01{display:block;position:relative;margin-bottom:10px;padding-left:25px;font-size:22px;color:#2b2b2b;}
.tit-01:before{content:"";position:absolute;top:7px;left:0;width:13px;height:13px;border-radius:13px;background:#FF6B32;}
.tit-01 span{margin-left:15px;font-weight:400;font-size:15px;color:#2d2d2d;}

.tit-02{margin-bottom:20px;padding-left:15px;font-size:15px;color:#2d2d2d;background:url(../images/sub/tit_02.png) top 3px left 0 no-repeat;}
.tit-03{margin-bottom:20px;padding-left:15px;font-size:15px;color:#2d2d2d;background:url(../images/sub/tit_03.png) top 3px left 0 no-repeat;}
.tit-04{margin-bottom:20px;padding-left:15px;font-size:16px;color:#2b2b2b;background:url(../images/sub/tit_04.gif) top 9px left 0 no-repeat;}
.tit-05{padding:15px 0;border-bottom:1px solid #dcdcdc;font-size:25px;color:#2b2b2b;background:#f7f7f7;}
.tit-06{display:block;margin-bottom:10px;font-weight:400;font-size:15px;color:#2d2d2d;line-height:37px;}
.tit-07{display:block;margin:40px 0;text-align:center;font-size:25px;color:#2b2b2b;}
.tit-08{margin-bottom:20px;padding-left:15px;font-size:20px;color:#000;background:url(../images/sub/caret_i.png) top 11px left 0 no-repeat;}
.tit-09{display: block;font-size:15px;color:#010101;}

.tit-s-01{font-size:15px;color:#2d2d2d;}
.tit-s-02{font-size:14px;color:#ff7800;text-decoration:underline;}
.tit-s-03{font-size:13px;color:#FF6B32;}

.tit-h-01{line-height:32px;}

.txt-box-01{line-height:24px;font-size:14px;color:#585858;}
.txt-box-02{line-height:26px;font-size:17px !important;color:#585858;}

.sopt{width:1000px;margin:0 auto;padding:50px 0;}

#content{width:1000px;min-height:500px;margin:0 auto;padding-bottom: 50px;}

#navigate{margin-bottom:30px;border-bottom:1px solid #dcdcdc;}
#navigate h1{position:relative;margin-bottom:10px;margin:28px 0;padding:0px 0 0px 25px;font-size:25px;color:#2b2b2b;}
#navigate h1:before{content:"";position:absolute;top:8px;left:0;width:13px;height:13px;border-radius:13px;background:#FF6B32;}

.path{width:100%;padding:45px 0 15px;border-bottom:4px solid #d3d3d3;}
.path h2{position:relative;font-size:35px;color:#2b2b2b;}
.path h2::before{content:"";position:absolute;bottom:-19px;width:10%;border-top:4px solid #0071bb;}

.content-con{display:block;padding:0px 0 0px;}
.content-con:after {content: "";display: block;clear: both;}

.content-con .box-01{width:100%;border:1px solid #dcdee2;background:#fafafa;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content-con .box-02{width:100%;text-align:right;}
.content-con .box-03{display:inline-block;width:100%;border:1px solid #dcdcdc;}
.content-con .box-04{width:480px;}

/* 로그인 */
.content-con .login-i{margin:30px 0 15px;text-align: center;}
.content-con .login-i img{display: inline;line-height: 0;}
.content-con .login-tit{margin:60px 0 30px;text-align:center;font-size:45px;color:#010101;}
.content-con .login-txt{margin-bottom:50px;text-align:center;font-size:20px;color:#3c3c3c;}
.content-con .login-txt-02{text-align:center;font-size:18px;color:#FF6B32;}
.content-con .login-box{border:1px solid #dddddd;border-top:3px solid #FF6B32; background:#f7f7f7;}
.content-con .loginForm{position:relative;width:620px;margin:45px auto 55px;}
.content-con .loginBox input {width:405px;height:50px;padding:0 15px;border:1px solid #dcdcdc;}
.content-con .loginBox input::-webkit-input-placeholder {
    color: #b1b1b1;
}
.content-con .loginBox input::-moz-placeholder {
    color: #b1b1b1;
}
.content-con .loginBox input:-ms-input-placeholder {
    color: #b1b1b1;
}
.content-con .loginBox input:-moz-placeholder {
    color: #b1b1b1;
}
.content-con .loginBtn{display:block;position:absolute;top:0;right:0;width:205px;height:109px;border:0;font-size:17px;font-weight:bold;color:#fff;text-align: center;line-height:109px;background:#FF6B32; cursor:pointer;}

.content-con .btn-list-01{position:relative;margin-top:20px;}
.content-con .btn-list-01:after {content: "";display: block;clear: both;}
.content-con .btn-list-01 li{float:left;width:300px;text-align:center;}
.content-con .btn-list-01 li a{display:block;text-align:center;line-height:44px;font-size:15px;color:#ffffff;}
.content-con .btn-list-01 li a.li-01{background:#FF6B32;}
.content-con .btn-list-01 li a.li-02{border:1px solid #dcdcdc;color:#666666;background:#fff;}

.content-con .list-01{position:relative;padding:20px 0 20px 40px;}
.content-con .list-01:after {content: "";display: block;clear: both;}
.content-con .list-01 li{margin:10px 0;}
.content-con .list-01 li label{display:inline-block;position:relative;height:30px;}
.content-con .list-01 li input{height:30px;border:1px solid #dcdcdc;}
.content-con .list-01 li input[type="checkbox"]{position:absolute;top:-3px;left:5px;}
.content-con .list-01 li span{font-size:14px;color:#666;}
.content-con .list-01 li textarea{overflow-y:scroll;min-height:50px;}
.content-con .list-01 li .tit{display:block;float:left;width:90px;height:30px;text-align:justify;line-height:30px;}
.content-con .list-01 li .tit:after{display:inline-block;width:100%;content:'';}
.content-con .list-01 li .tit-bg-01{padding-left:15px;background:url(../images/sub/list_01.png) top 13px left 0 no-repeat;}
.content-con .list-01 li .tit-bg-02{padding-left:15px;background:url(../images/sub/list_01.png) top 9px left 0 no-repeat;}
.content-con .list-01 li .w-30{width:30px;}
.content-con .list-01 li .w-100{width:90px;}
.content-con .list-01 li .w-150{width:150px;}
.content-con .list-01 li .w-300{width:300px;}
.content-con .list-01 li .w-749{width:749px;}

.content-con .list-02{display:block;border-left:1px solid #dcdee2;border-right:1px solid #dcdee2;}
.content-con .list-02 dt{padding:25px 15px 15px;font-size:16px;color:#2b2b2b;}
.content-con .list-02 dd{padding:0px 15px 25px;border-bottom:1px solid #dcdee2;}
.content-con .list-02 dd textarea{overflow-y:scroll;width:100%;min-height:200px;}

.content-con .list-mneu-01{position:relative;border-top:1px solid #dcdcdc;border-left:1px solid #dcdcdc;}
.content-con .list-mneu-01:after {content: "";display: block;clear: both;}
.content-con .list-mneu-01 > li{float:left;width:159px;height:159px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f7f7f7;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.content-con .list-mneu-01 > li > a{display:block;width:158px;height:158px;}

.content-con .step-section{display: block;}
.content-con .step-section:after{display: block;content:"";clear:both;}
.content-con .left-section{float:left;width:655px;padding:20px 0;}
.content-con .right-section{float:right;width:305px;padding:20px 20px;}
.content-con .step-col-01{overflow:hidden;float:left;width:127px;}
.content-con .step-col-02{overflow:hidden;float:left;width:508px;margin-left:20px;}
.content-con .step-col-03{overflow:hidden;float:right;width:508px;margin-left:20px;}

.step-list{display:block;background:url(../images/sub/step/step_bak.png) no-repeat;}
.step-list:after{display:block;content:"";clear:both;}
.step-list li{overflow:hidden;float:left;width:127px;height:102px;text-align:center;}
.step-list li a{display:block;width:100%;height:100%;}
.step-list li figure{display:inline-block;;width:80px;height:55px;margin:5px 0 5px;}
.step-list li span{display:block;font-size:13px;line-height: 14px;color:#2d2d2d;}

.step-list.step1 li figure{background:url(../images/sub/step/step1-icon.png) no-repeat;}
.step-list.step1 li._open figure{background:url(../images/sub/step/step1-icon-open.png) no-repeat;}
.step-list.step1 li._end figure{background:url(../images/sub/step/hi-step1-icon-end.png) no-repeat;}
.step-list.step1 li._open span{color:#5fae9e;}
.step-list.step1 li._end span{color:#FF6B32;}
.step-list.step1 li figure.i-01{background-position:0px -16px;}
.step-list.step1 li figure.i-02{background-position:0px -169px;}

.step-list.step2 li figure{background:url(../images/sub/step/step2-icon.png) no-repeat;}
.step-list.step2 li._open figure{background:url(../images/sub/step/step2-icon-open.png) no-repeat;}
.step-list.step2 li._end figure{background:url(../images/sub/step/hi-step2-icon-end.png) no-repeat;}
.step-list.step2 li._open span{color:#5fae9e;}
.step-list.step2 li._end span{color:#FF6B32;}
.step-list.step2 li figure.i-01{background-position:0px -25px;}
.step-list.step2 li figure.i-02{background-position:2px -172px;}
.step-list.step2 li figure.i-03{background-position:1px -332px;}
.step-list.step2 li figure.i-04{background-position:2px -485px;}
.step-list.step2 li figure.i-05{background-position:2px -660px;}
.step-list.step2 li figure.i-06{background-position:2px -845px;}
.step-list.step2 li figure.i-07{background-position:2px -1013px;}

.step-list.step-s li figure{background:url(../images/sub/step/step-s-icon.png) no-repeat;}
.step-list.step-s li._open figure{background:url(../images/sub/step/step-s-icon-open.png) no-repeat;}
.step-list.step-s li._end figure{background:url(../images/sub/step/hi-step-s-icon-end.png) no-repeat;}
.step-list.step-s li._open span{color:#5fae9e;}
.step-list.step-s li._end span{color:#FF6B32;}
.step-list.step-s li figure.i-01{background-position:0px -12px;}

.step-list.step3 li figure{background:url(../images/sub/step/step3-icon.png) no-repeat;}
.step-list.step3 li._open figure{background:url(../images/sub/step/step3-icon-open.png) no-repeat;}
.step-list.step3 li._end figure{background:url(../images/sub/step/hi-step3-icon-end.png) no-repeat;}
.step-list.step3 li._open span{color:#5fae9e;}
.step-list.step3 li._end span{color:#FF6B32;}
.step-list.step3 li figure.i-01{background-position:0px -14px;}

.step-list.step4 li figure{background:url(../images/sub/step/step4-icon.png) no-repeat;}
.step-list.step4 li._open figure{background:url(../images/sub/step/step4-icon-open.png) no-repeat;}
.step-list.step4 li._end figure{background:url(../images/sub/step/hi-step4-icon-end.png) no-repeat;}
.step-list.step4 li._open span{color:#5fae9e;}
.step-list.step4 li._end span{color:#FF6B32;}
.step-list.step4 li figure.i-01{background-position:0px -17px;}


.step-aside-list{float:left;}
.step-aside-list li{float:left;margin-right:10px;font-size:14px;color:#323232;}
.step-aside-list li span{display:inline-block;vertical-align: middle;width:15px;height:15px;margin-right:8px;}
.step-aside-list li span.i-01{background:#a2a2a2;}
.step-aside-list li span.i-02{background:#5FAE9E;}
.step-aside-list li span.i-03{background:#FF6B32;}
/* .step-aside-list li span.i-03{background:#2654a8;} */

.btn-box{float:right;}
.btn-box a{display:inline-block;padding:0 15px;line-height:40px;font-size:14px;color:#fff;background:#FF6B32;}

.content-con .line-box-01{display:block;}
.content-con .line-box-01 .tit-box-01{display:block;padding:10px 0 10px 25px;font-size:16px;color:#fff;background:#FF6B32;}
.content-con .line-box-01 .tit-box-02{display:block;padding:10px 0 10px 25px;border: 1px solid #dcdcdc;font-weight:400;font-size:16px;color:#2d2d2d;background:#f7f7f7;}
.content-con .line-box-01 .tit-box-02._on{color:#fff;background:#FF6B32;}
.content-con .line-box-01 .tit-box-02.tbod{border-top:0;}
.content-con .line-box-01 .con{overflow:hidden;position:relative;padding:25px 0 25px 25px;;border: solid #dcdcdc;border-width:0 1px 1px 1px;font-size:14px;color:#585858;}
.content-con .line-box-01 .con:after{display:block;content:"";clear: both;}
.content-con .line-box-01 .con.line:before{content:"";position: absolute;top:0;right:21%;width:1px;height:100%;border-left:1px solid #dcdcdc;}
.content-con .line-box-01 .con .col-01{float:left;width:75%;}
.content-con .line-box-01 .con .col-02{float:left;width:25%;}
.content-con .line-box-01 .con .col-02 .file-box{width:147px;margin:100px 33px 0 auto;}
.content-con .line-box-01 .con .col-02 .file-box figure {margin:0;}
.content-con .line-box-01 .con .col-02 .file-box .file-form label { display: inline-block;width:100%;padding:10px 0; color: #999;text-align:center;font-size: 14px; vertical-align: middle; background-color: #f7f7f7; cursor: pointer; border: 1px solid #dcdcdc;border-top:0;}
.content-con .line-box-01 .con .col-02 .file-box .file-form input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }

#rule-02{height:0px;padding:0px;}
.content-con .line-box-01 .con-f{padding:10px 25px;border: solid #dcdcdc;border-width:0 1px 1px 1px;}

.content-con .line-box-02{border:1px solid #dcdcdc;}
.content-con .line-box-02.pad{padding:20px;}

.content-con .process-list{display:block;}
.content-con .process-list:after{display:block;content:"";clear:both;}
.content-con .process-list > li{width:100%;margin-bottom:5px;border:1px solid #dcdcdc;box-sizing: border-box;}
.content-con .process-list > li.caret-w{height:auto;border:0;text-align:center;}
.content-con .process-list > li.caret-w img{display:inline;}
.content-con .process-list > li .h-box{display:table;position:relative;z-index:8;width:100%;height:35px;vertical-align: middle;border-bottom:1px solid #dcdcdc;text-align:center;font-size:13px;color:#2d2d2d;background:#eff1f7;box-sizing: border-box;}
.content-con .process-list > li .h-box span{display: table-cell;vertical-align: middle;font-weight:bold;text-align:center;font-size:14px;color:#2b2b2b;}
.content-con .process-list > li .h-box:after{content:"";position:absolute;bottom:-8px;left:50%;right:50%;z-index:9;width:17px;height:9px;margin-left:-9px;background:url(../images/sub/caret-i-02.png);}
.content-con .process-list > li .con-box{display:table;vertical-align: middle;width:100%;height:50px;vertical-align: middle;background: #fff;}
.content-con .process-list > li .con-box > ul{display: table-cell;vertical-align: middle;padding-left:40px;}
.content-con .process-list > li .con-box > ul > li{display:block;position:relative;float:none;text-align:left;padding-left:15px;font-size:13px;color:#585858;}
.content-con .process-list > li .con-box > ul > li:first-child:before{content:url(../images/sub/cal.png);position:absolute;top:3px;left:-20px;width:5px;height:5px;border-radius:5px;}

.content-con .process-list > li.active{border:1px solid #FF6B32;}
.content-con .process-list > li.active .h-box{border:0;text-align:left;background:#FF6B32;}
.content-con .process-list > li.active .h-box:after{width:0;}
.content-con .process-list > li.active .h-box span{position:relative;padding-left:35px;color:#fff;text-align: left;}
.content-con .process-list > li.active .h-box span:before{content:"";display:inline-block;position:absolute;top:12px;left:24px;width: 0;height: 0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #fff;border-right:0;}
.content-con .process-list > li.active .con-box{background:none;}
.content-con .process-list > li.active .con-box > ul > li{color:#000;font-weight:900;}
/* 폼 영역 */
.content-con .form-list{width:100%;margin:0px 0;table-layout:fixed;}
.content-con .form-list tr.bbod{border-bottom: 1px solid #dcdcdc;}
.content-con .form-list th{padding:12px 0;font-size:14px;color:#000;font-weight:400;text-align:left;}
.content-con .form-list th.v-top{vertical-align: top;}
.content-con .form-list td{padding:12px 5px;}

.content-con .form-table{width:100%;margin:0px 0;border-top:1px solid #dcdcdc;table-layout:fixed;}
.content-con .form-table tr{border-bottom:1px solid #dcdcdc;}
.content-con .form-table tr th:last-child{border-right:1px solid #dcdcdc;}
.content-con .form-table tr td:last-child{border-right:1px solid #dcdcdc;}
.content-con .form-table th{padding:12px 10px;border-left:1px solid #dcdcdc;font-weight:400;font-size:14px;color:#000;background:#f7f7f7;}
.content-con .form-table td{padding:8px 10px;border-left:1px solid #dcdcdc;font-size:14px;color:#585858;}


.content-con .intxt{width:250px;height:38px;padding:0 5px;border:1px solid #dcdcdc;}
.content-con .intxt::-webkit-input-placeholder { color: #C6C6C6;}
.content-con .intxt::-moz-placeholder { color: #C6C6C6;}
.content-con .intxt:-ms-input-placeholder {color: #C6C6C6;}
.content-con .intxt:-moz-placeholder {color:#C6C6C6;}


.content-con .intxt.int-01{width:380px;}
.content-con .intxt.int-02{width:150px;}
.content-con .intxt.int-03{width:100px;}
.content-con .intxt.int-04{width:50px;}
.content-con .intxt.w-100s{width:100%;}
.content-con .intxt:disabled{color:#b2b2b2;background: #f7f7f7;}

.content-con .sel-li::-ms-expand{display:none;}
.content-con .sel-li{width:100px;height:38px;padding:0 25px 0 5px;border:1px solid #dcdcdc;text-align:center;background: url(../images/sub/select-i.png) top 14px right 10px no-repeat;background-color:#fff;}
.content-con .sel-li.w-100s{width:100%;}

.content-con .txt-area{width:100%;max-width:130%;min-height:130px;padding:7px;border:1px solid #dcdcdc;}

.content-con .col-span{margin:0 5px;}

.content-con .check{display:inline-block;color:#323232;}
.content-con .check input[type="checkbox"], .content-con .check input[type="radio"]{vertical-align: middle;margin-right:5px;}

.content-con .btn{background:#FF6B32;}
.content-con .button-section{display:block;margin-top:25px;text-align: center;}
.content-con .button-section:after{display:block;content:"";clear:both;}
.content-con .button-section .btn{width:138px;height:40px;border:0;text-align:center;font-size:14px;color:#fff;background:#FF6B32;cursor: pointer;}
.content-con .button-section .btn.btn-01{background: #000;}
.content-con .button-section .btn.w-auto{width:auto;padding:0 20px;}
.content-con .button-section .plus-btn{width:25px;height:25px;border:0;background: url(../images/sub/plus_i.png) no-repeat top 6px left 6px;background-color:#FF6B32;cursor:pointer;}
.content-con .button-section .minus-btn{width:25px;height:25px;border:0;background: url(../images/sub/minus_i.png) no-repeat top 6px left 6px;background-color:#FF6B32;cursor:pointer;}


/*  팝업공통  */
.pop-modal{display:none;overflow:auto;position: fixed;top:0;right:0;bottom: 0;left: 0;z-index: 1040;background:rgba(0,0,0,0.5);}
.pop-modal.fade{ opacity: 0;-webkit-transition: opacity 0.15s linear;transition: opacity 0.15s linear;}
.pop-modal.fade.in {opacity: 1;}
.pop-modal.fade .pop-lay{
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
}
.pop-modal.in .pop-lay{
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.pop-lay{z-index: 1050;top:50px;right: auto;left: 50%;width: 600px;margin-right: auto;margin-left: auto;padding-top:10%;padding-bottom: 30px;}
.pop-lay.lay-01{width:970px;top:0;padding-top:5%;}
.pop-lay .pop-h{position:relative;min-height:45px;background:#0E63B3;}
.pop-lay .pop-h strong{padding-left:20px;line-height:42px;color:#fff;font-size:17px;}
.pop-lay .pop-h .pop-close{display:inline-block;float:right;position:relative;width:35px;height:40px;margin: 2px 10px 0 0;cursor:pointer;}

.pop-lay .pop-con{display:inline-block;width:100%;padding:20px;background:#fff;}
.pop-lay .pop-con .pop-tit-01{margin:20px 0;font-size:40px;text-align:center;color:#2b2b2b;}
.pop-lay .pop-con .pop-tit-02{margin:0px 0;font-size:25px;text-align:center;color:#2b2b2b;}
.pop-lay .pop-con .pop-tit-03{margin:0px 0;font-size:28px;text-align:center;color:#2b2b2b;}
.pop-lay .pop-con .pop-img{display:block;text-align:center;}
.pop-lay .pop-con .pop-img img{display:inline;line-height: 0;}



.pop-modal-img-crop1{display:block;overflow:hidden;position: fixed;top:0;right:0;bottom: 0;left: 0;z-index: 0;background:rgba(0,0,0,0.5);}
.pop-modal-img-crop1.fade{ opacity: 1;-webkit-transition: opacity 0.15s linear;transition: opacity 0.15s linear;background:rgba(0,0,0,0)}
.pop-modal-img-crop1.fade.in {opacity: 1;background:rgba(0,0,0,0.5)}
.pop-modal-img-crop1.fade .pop-lay1{
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    opacity: 0;
}
.pop-modal-img-crop1.in .pop-lay1{
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
.pop-lay1{opacity: 0;z-index: 1050;top:0px;right: auto;left: 50%;width: 470px;margin-right: auto;margin-left: auto;padding-top:5%;padding-bottom: 30px;}
.pop-lay1.lay-01{width:970px;top:0;padding-top:5%;}
.pop-lay1 .pop-h{position:relative;min-height:45px;background:#0E63B3;}
.pop-lay1 .pop-h strong{padding-left:20px;line-height:42px;color:#fff;font-size:17px;}
.pop-lay1 .pop-h .pop-close{display:inline-block;float:right;position:relative;width:35px;height:40px;margin: 2px 10px 0 0;cursor:pointer;}

.pop-lay1 .pop-con{display:inline-block;width:100%;padding:20px;background:#fff;}
.pop-lay1 .pop-con .pop-tit-01{margin:20px 0;font-size:40px;text-align:center;color:#2b2b2b;}
.pop-lay1 .pop-con .pop-tit-02{margin:0px 0;font-size:25px;text-align:center;color:#2b2b2b;}
.pop-lay1 .pop-con .pop-tit-03{margin:0px 0;font-size:28px;text-align:center;color:#2b2b2b;}
.pop-lay1 .pop-con .pop-img{display:block;text-align:center;}
.pop-lay1 .pop-con .pop-img img{display:inline;line-height: 0;}





.pop-modal-img-crop2{display:block;overflow:hidden;position: fixed;top:0;right:0;bottom: 0;left: 0;z-index: 0;background:rgba(0,0,0,0.5);}
.pop-modal-img-crop2.fade{ opacity: 1;-webkit-transition: opacity 0.15s linear;transition: opacity 0.15s linear;background:rgba(0,0,0,0)}
.pop-modal-img-crop2.fade.in {opacity: 1;background:rgba(0,0,0,0.5)}
.pop-modal-img-crop2.fade .pop-lay2{
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    opacity: 0;
}
.pop-modal-img-crop2.in .pop-lay2{
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
.pop-lay2{opacity: 0;z-index: 1050;top:0px;right: auto;left: 50%;width: 470px;margin-right: auto;margin-left: auto;padding-top:5%;padding-bottom: 30px;}
.pop-lay2.lay-01{width:970px;top:0;padding-top:5%;}
.pop-lay2 .pop-h{position:relative;min-height:45px;background:#0E63B3;}
.pop-lay2 .pop-h strong{padding-left:20px;line-height:42px;color:#fff;font-size:17px;}
.pop-lay2 .pop-h .pop-close{display:inline-block;float:right;position:relative;width:35px;height:40px;margin: 2px 10px 0 0;cursor:pointer;}

.pop-lay2 .pop-con{display:inline-block;width:100%;padding:20px;background:#fff;}
.pop-lay2 .pop-con .pop-tit-01{margin:20px 0;font-size:40px;text-align:center;color:#2b2b2b;}
.pop-lay2 .pop-con .pop-tit-02{margin:0px 0;font-size:25px;text-align:center;color:#2b2b2b;}
.pop-lay2 .pop-con .pop-tit-03{margin:0px 0;font-size:28px;text-align:center;color:#2b2b2b;}
.pop-lay2 .pop-con .pop-img{display:block;text-align:center;}
.pop-lay2 .pop-con .pop-img img{display:inline;line-height: 0;}


/*
.pop-modal-img-crop1{overflow:auto;position: absolute;left:-5000px;top:0px;width:1200px;z-index: 1040;background:rgba(0,0,0,0.5);}
.pop-modal-img-crop1.fade{ overflow:auto;position: absolute;left:-5000px;top:0px;width:1200px; opacity: 0;-webkit-transition: opacity 0.15s linear;transition: opacity 0.15s linear;}
.pop-modal-img-crop1.fade.in {overflow:auto;position: absolute;left:20%;top:50px;width:1200px; opacity: 1;background:rgba(0,0,0,0.5);}
.pop-modal-img-crop1.fade .pop-lay1{
    

}
.pop-modal-img-crop1.in .pop-lay1{
   
}

.pop-lay1{z-index: 1050;top:50px;left: 50%;width: 450px;margin-right: auto;margin-left: auto;padding-top:10%;padding-bottom: 30px;}
.pop-lay1.lay-01{width:970px;top:0;padding-top:5%;}
.pop-lay1 .pop-h{position:relative;min-height:45px;background:#51a82f;}
.pop-lay1 .pop-h strong{padding-left:20px;line-height:42px;color:#fff;font-size:17px;}
.pop-lay1 .pop-h .pop-close{display:inline-block;float:right;position:relative;width:35px;height:40px;margin: 2px 10px 0 0;cursor:pointer;}

.pop-lay1 .pop-con{display:inline-block;width:100%;padding:20px;background:#fff;}
.pop-lay1 .pop-con .pop-tit-01{margin:20px 0;font-size:40px;text-align:center;color:#2b2b2b;}
.pop-lay1 .pop-con .pop-tit-02{margin:0px 0;font-size:25px;text-align:center;color:#2b2b2b;}
.pop-lay1 .pop-con .pop-tit-03{margin:0px 0;font-size:28px;text-align:center;color:#2b2b2b;}
.pop-lay1 .pop-con .pop-img{display:block;text-align:center;}
.pop-lay1 .pop-con .pop-img img{display:inline;line-height: 0;}
}



.pop-modal-img-crop2{overflow:auto;position: absolute;left:-5000px;top:0px;width:1200px;z-index: 1040;background:rgba(0,0,0,0.5);}
.pop-modal-img-crop2.fade{ overflow:auto;position: absolute;left:-5000px;top:0px;width:1200px; opacity: 0;-webkit-transition: opacity 0.15s linear;transition: opacity 0.15s linear;}
.pop-modal-img-crop2.fade.in {overflow:auto;position: absolute;left:20%;top:950px;width:1200px; opacity: 1;background:rgba(0,0,0,0.5);}
.pop-modal-img-crop2.fade .pop-lay2{
   

}
.pop-modal-img-crop1.in .pop-lay2{
   
}

.pop-lay2{z-index: 1050;top:900px;left: 50%;width: 450px;margin-right: auto;margin-left: auto;padding-top:10%;padding-bottom: 30px;}
.pop-lay2.lay-01{width:970px;top:0;padding-top:5%;}
.pop-lay2 .pop-h{position:relative;min-height:45px;background:#51a82f;}
.pop-lay2 .pop-h strong{padding-left:20px;line-height:42px;color:#fff;font-size:17px;}
.pop-lay2 .pop-h .pop-close{display:inline-block;float:right;position:relative;width:35px;height:40px;margin: 2px 10px 0 0;cursor:pointer;}

.pop-lay2 .pop-con{display:inline-block;width:100%;padding:20px;background:#fff;}
.pop-lay2 .pop-con .pop-tit-01{margin:20px 0;font-size:40px;text-align:center;color:#2b2b2b;}
.pop-lay2 .pop-con .pop-tit-02{margin:0px 0;font-size:25px;text-align:center;color:#2b2b2b;}
.pop-lay2 .pop-con .pop-tit-03{margin:0px 0;font-size:28px;text-align:center;color:#2b2b2b;}
.pop-lay2 .pop-con .pop-img{display:block;text-align:center;}
.pop-lay2 .pop-con .pop-img img{display:inline;line-height: 0;}
}
*/




.pop-autosave {visibility: hidden; overflow:auto; position: fixed; bottom: 20px; right: 20px; border-radius: 4px; z-index: 900; background: #fff; box-shadow: 3px 3px 6px 0 rgba(0,0,0,0.2);}
.pop-autosave {opacity: 0; transition: visibility 0s 0.3s, opacity 0.15s linear, transform 0.3s; transform: translateY(100%);}
.pop-autosave.in {visibility: visible; opacity: 1; transition: visibility 0s 0s, opacity 0.15s linear, transform 0.3s; transform: translateY(0);}
.pop-autosave .tit-autosave {display:block; padding: 16px; text-align:center; font-size: 16px; color:#2b2b2b;}