@charset "utf-8";


.center {text-align:center}

.warp-layout {position:relative;height: calc(100% - 181px);}

.mainmenu {padding-top:180px !important;transition: all .3s ease;}
.topbb {padding-top:80px !important;transition: all .3s ease;}


/* ¶ì ¹è³Ê css */
.topBanner { position:relative; overflow:hidden;background:#4c72b4; height:100px;width:100%;}
.topBanner .bannerLink {display:block; }
.banner-close { position:absolute; bottom:0px; right:0px; z-index:100;color:#a0b9e6;font-size:14px}
a.btnClose {margin-left:15px;background:#375d9f;padding:4px 10px;vertical-align:middle;line-height:16px;display:inline-block;border-radius:3px;color:#c8d8f2}

.tbanner {max-width:1250px;}
.tbanner div.slideCont {color:#fff;font-size:18px;font-weight:500;line-height:24px;padding:25px 0 0 36px;background:url('../img-main/notice.png') no-repeat 0px 27px}
.tbanner div.slideCont span {font-size:16px;font-weight:400;color:#c7d8f7}

.banner-close input[type="checkbox"] { position: absolute; opacity: 0;}
.banner-close input[type="checkbox"] + label { position: relative; cursor: pointer; padding: 0;}
.banner-close input[type="checkbox"] + label:before {content: ""; margin-right: 5px; display: inline-block ;vertical-align: middle; width: 15px; height: 15px; background: white; border:1px solid #C6C6C6;border-radius:3px;}
.banner-close input[type="checkbox"]:checked + label:before { background: #000; border:1px solid #000;}
.banner-close input[type="checkbox"]:disabled + label { color: #b8b8b8;cursor: auto;}
.banner-close input[type="checkbox"]:disabled + label:before { box-shadow: none; background: #ddd;}
.banner-close input[type="checkbox"]:checked + label:after { content: ""; position: absolute; left: 3px; top: 13px; background: white; width: 2px; height: 2px; box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white; transform: rotate(37deg);}


.bannerLink .swiper-container-horizontal>.swiper-pagination-bullets, .bannerLink .swiper-pagination-custom, .bannerLink .swiper-pagination-fraction {bottom:auto; left:auto; top:20px; right:0px; display: inline-block; width:auto;}
.bannerLink .swiper-pagination-bullet {background: rgba(255,255,255,0,6); transition: all .4s ease;}
.bannerLink .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#fff; width:23px; border-radius: 10px;}


.page-title-box {position:relative;font-size:24px;color:#000;font-weight:500;border-bottom:2px solid #d6dade;padding:10px 0 15px 35px;background:url('../img-main/dot1.png') no-repeat 0 16px;margin:0 0 40px 0}
.page-title-2dep {font-size:19px;color:#000;font-weight:500;padding:10px 0 15px 45px;background:url('../img-main/dot2.png') no-repeat 0 3px;margin:0 0 0px 0}
.s-text {font-size:14px !important}
.page-r-check {float:right;padding:10px 0 0 20px;background:url('../img-main/icon-check.png') no-repeat 0 15px}

.cont-step1 {background:#f5f9fd;border-top:1px solid #d9dfe2;margin-top:1px;overflow:hidden;min-width:1360px;}
.cont-step2 {background:#e2ecf4;overflow:hidden;min-width:1360px;}
.cont-step2in {width:1255px;margin:0 auto;padding:25px 0 5px 0}
.cont-step2in ul {clear:both;overflow:hidden}
.cont-step2in ul li {float:left;}

.cont-step2in-imsi{width:1300px;margin:0 auto;padding:25px 0 40px 0}

.app-list {width:1300px;margin:0 auto;padding:30px 0 30px 0;position:relative;text-align:center;overflow:hidden}
.app-list-tit {background:url('../img-main/list-bg.png') no-repeat center 15px;font-size:24px;color:#34558a;font-weight:600;letter-spacing:-1px;text-align:center;padding:0 0 30px 0}
.app-list-box {border:1px solid #e7e4e4;background:#fff;border-radius:10px;width:160px;float:left;margin-right:10px}
.app-list :last-child .app-list-box {margin-right:0}

.app-list-box ul li.app-list-box-st1 {padding:20px 0 10px 0;text-align:center}
.app-list-box ul li.app-list-box-st1 span {background:#3a84f2;color:#fff;border-radius:20px;padding:3px 0px;font-size:14px;width:85px;display:block;margin:0 auto}

.app-list-box ul li.app-list-box-old {border-bottom:1px dashed #d8dce0;padding:5px;font-size:14px;background:#f5fafe;border-radius:10px 10px 0 0 ;color:#3a6180;font-weight:500}
.app-list-box ul li.app-list-box-new {border-bottom:1px dashed #d8dce0;padding:5px;font-size:14px;background:#fff;border-radius:10px 10px 0 0 ;color:#904926;font-weight:500}
.app-list-box-new img {vertical-align:middle}


.end ul li.app-list-box-old {border-bottom:1px dashed #d8dce0;padding:5px;font-size:14px;background:#f5fafe;border-radius:10px 10px 0 0 ;color:#3a6180;font-weight:500;filter: grayscale(100%);opacity:0.5}
.end ul li.app-list-box-new {border-bottom:1px dashed #d8dce0;padding:5px;font-size:14px;background:#fff;border-radius:10px 10px 0 0 ;color:#904926;font-weight:500;filter: grayscale(100%);opacity:0.5}


.end ul li.app-list-box-st1 span{background:#bcbcbc;color:#fff;border-radius:20px;padding:3px 0px;font-size:14px;width:85px;display:block;margin:0 auto}
.end ul li.app-list-box-st2 img { filter: grayscale(100%);opacity:0.5}
.end ul li.app-list-box-st3 {opacity:0.4}
.end ul li.app-list-box-st4 {opacity:0.4}
.app-list-box ul li.app-list-box-st2 {padding:0;text-align:center;height:70px;line-height:70px}
.app-list-box ul li.app-list-box-st2 img {vertical-align:middle;}
.app-list-box ul li.app-list-box-st3 {padding:10px 0 0 0;text-align:center;color:#000;font-size:17px;font-weight:500;letter-spacing:-1px;height:80px}
.app-list-box ul li.app-list-box-st3 span {color:#4f677a;font-size:15px}
.app-list-box ul li.app-list-box-st4 {padding:0px 0 10px 0;text-align:center;color:#666;font-size:14px}

.app-list .swiper-container {width:1210px;margin:30px 0 0px 50px;height:300px;}
.app-list .swiper-wrapper {margin-left:2px;padding-top:0px}


.app-list .swiper-button-next {display:block;position:absolute;background:#a6b5bd;height:30px;width:30px;border-radius:5px;color:#fff;right:10px;;top:270px}
.app-list .swiper-button-next::before {content:'';display:block;position:absolute;top:10px;right:12px;width:8px;height:8px;border-width:3px 3px 0 0;border-style:solid;border-color:#dididi;border-radius:10%;transform:rotate(45deg);}
.app-list .swiper-button-next::after {display:none}
.app-list .swiper-button-prev {display:block;position:absolute;background:#a6b5bd;height:30px;width:30px;border-radius:5px;color:#fff;right:10px;;top:270px}
.app-list .swiper-button-prev::before {content:'';display:block;position:absolute;top:10px;right:8px;width:8px;height:8px;border-width:3px 3px 0 0;border-style:solid;border-color:#dididi;border-radius:10%;transform:rotate(225deg);}
.app-list .swiper-button-prev::after {display:none}

.app-list .swiper-pagination {top:290px;}
.app-list .swiper-pagination-bullet {width:20px; height:9px; background-color:#99b6ce;border-radius:2px;margin-right:2px;}
.app-list .swiper-pagination-bullet-active{width:50px; height:9px; background-color:#5f8eb3 ;}



.cont-step3 {width:1255px;margin:0 auto;padding:40px 0 45px 0;overflow:hidden}
.cont-step3 div{float:left}

.new-step-warp {width:1255px;margin:0 auto;padding:20px 20px 20px 25px;background:#fff;overflow:hidden;border-radius:20px}

.new-step-line1,.new-step-line2 ,.new-step-line3{float:left}
.new-step-line2,.new-step-line3{margin-left:20px}
.new-stet-tit {font-size:18px;font-weight:600;color:#1c3561;padding-bottom:10px}
.new-stet-tit img {vertical-align:middle}

.new-stet-box {border-radius:20px;width:260px;height:190px;padding:30px 20px 20px 20px}
.ns-color1 {background:#e0fce5 url(../img-main/new-v-icon3.png) no-repeat 205px 154px;float:left;}
.ns-color2 {background:#dcf8fe url(../img-main/new-v-icon5.png) no-repeat 205px 164px;margin:0 0 0 312px}
.ns-color3 {background:#d7fcf0 url(../img-main/new-v-icon4.png) no-repeat 205px 154px;float:left;margin:12px 0 0 0 }
.ns-color4 {background:#dceffe url(../img-main/new-v-icon6.png) no-repeat 215px 170px;margin:12px 0 0 312px}
.ns-color5 {background:#fdeffe url(../img-main/new-v-icon7.png) no-repeat 215px 150px;margin:0px 0 0 0px}
.ns-color6 {background:#fcf0f9 url(../img-main/new-v-icon8.png) no-repeat 215px 170px;margin:12px 0 0 0px}
.ns-color7 {background:#fef5eb url(../img-main/new-v-icon9.png) no-repeat 205px 170px;margin:0px 0 0 0px}
.ns-color8 {background:#fef5f2 url(../img-main/new-v-icon10.png) no-repeat 195px 150px;margin:12px 0 0 0px}

.new-stet-box ul li.ns-text1 {font-size:20px;color:#000;font-weight:600;line-height:24px;opacity:0.85}
.new-stet-box ul li.ns-text2 {font-size:14px;color:#000;padding:20px 0 0 0;opacity:0.85;height:100px}
.new-stet-box ul li.ns-btn {padding:10px 0 0 0;}
.new-stet-box ul li.ns-btn a {margin-top:5px}

.new-stet-box a:hover {box-shadow:3px 3px 5px rgba(0,0,0,0.1);transition: all .3s ease;}
.new-stet-box a.ns-btn {background:#fff;border-radius:8px;padding:8px 0;text-align:center;font-size:15px;color:#403f3f;width:150px;display:inline-block;margin-right:7px}


.step-box1 {width:1280px;margin:0 auto;padding:40px 0 0 0;overflow:hidden}
.step-box2 {width:1250px;margin:35px auto;background:#3d4c9b;border-radius:40px;color:#fff;padding:25px 55px;overflow:hidden}
.step-box2 ul li {float:left;padding-left:80px}
.step-box2 ul li:first-child {padding-left:0}
.step-box2 ul li img {vertical-align:middle}
.spwork {position:relative;border-radius:20px;padding:30px 0 20px 30px;}
.spwork ul li.sp-stext1 {font-size:20px;color:#000;font-weight:600;line-height:24px}
.spwork ul li.sp-stext2 {font-size:14px;color:#656566;padding:22px 0 0 0;}
.spwork ul li.sp-btn {height:60px;position:absolute;bottom:0}
.spwork a:hover {box-shadow:3px 3px 8px rgba(0,0,0,0.2);transition: all .3s ease;}

.sp-wtext1 {font-size:20px;font-weight:500}
.sp-wtext1 span {font-weight:300;color:#b2b3ef;font-size:21px;display:inline-block;margin-top:-4px;background:url('../img-main/arr.png') no-repeat right;padding-right:65px}
.sp-wtext2 a {opacity:0.7;font-size:18px}
.sp-wtext2 a:hover {opacity:1;transition: all .3s ease;}
.sp-wtext2 img {transform: scale(0.9)}
.sp-wtext2:hover img {transform: scale(1);transition: all .3s ease;}

.sp1 {background:#cef7d5 url('../img-main/spwork-bg1.png') no-repeat 205px 154px;background-size:80px;width:280px;height:195px;float:left;margin-right:13px;margin-top:20px}
.sp2 {background:#d0f8f3 url('../img-main/spwork-bg2.png') no-repeat 210px 140px;background-size:70px;width:280px;height:195px;float:left;margin-right:13px;clear:both;margin-top:20px}
.sp3 {background:#dce4ff url('../img-main/spwork-bg5.png') no-repeat 390px 35px;width:523px;height:195px;float:left}
.sp4 {background:#f2efcf url('../img-main/spwork-bg3.png') no-repeat 205px 144px;background-size:70px;width:280px;height:195px;float:left;margin-right:13px;margin-top:20px}
.sp5 {;background:#f8ded1 url('../img-main/spwork-bg4.png') no-repeat 220px 130px;background-size:70px;width:280px;height:195px;margin-right:0px;float:right}
.sp6 {background:#c8f0fa url('../img-main/spwork-bg6.png') no-repeat -85px 0;width:280px;height:195px;float:left;margin-top:20px}
.sp7 {background:#dce4ff url('../img-main/spwork-bg77.png') no-repeat right;width:926px;height:195px;float:left;}

a.sp-btn1 {background:#fff;border-radius:8px;padding:8px 0;text-align:center;font-size:15px;color:#403f3f;width:150px;display:inline-block;margin-right:7px}

a.sp-btn2 {background:#6377bc;border-radius:8px;padding:8px 13px;text-align:center;font-size:15px;color:#fff;display:inline-block;margin-right:7px;}
a.sp-btn3 {background:#6463bc;border-radius:8px;padding:8px 13px;text-align:center;font-size:15px;color:#fff;display:inline-block;margin-right:7px;}
a.sp-btn4 {background:#8663bc;border-radius:8px;padding:8px 13px;text-align:center;font-size:15px;color:#fff;display:inline-block;margin-right:7px;}
a.sp-btn5 {background:#40a1f0;border-radius:8px;padding:8px 10px;text-align:center;font-size:15px;color:#fff;display:inline-block;margin-right:7px;width:127px;}
a.work-on  {background:#f2cdce;border-radius:20px;padding:8px 0;text-align:center;font-size:16px;color:#7f3032;display:inline-block;width:110px}
a.work-off  {background:#e5eaef;border-radius:20px;padding:8px 0;text-align:center;font-size:16px;color:#98a3ac;display:inline-block;width:110px}

.work-list {background:#fff url('../img-main/m-icon6.png') no-repeat 37px 31px;color:#000;font-size:18px;padding:25px 0 17px 55px;border-radius:16px;width:562px;font-weight:500;margin:0 20px 15px 0;letter-spacing:-1px;}
.off {opacity:0.6}
.work-list a {float:right;margin-right:20px;margin-top:-7px}
.work-list:last-child {margin-right:0}
.work-list span.date {font-size:14px;color:#666;}
.work-list span.t-sm {font-size:15px}

.m-notice {font-size:36px;font-weight:500;padding:50px 0 0 0 }
.m-notice span {font-size:18px}
.m-notice-list {margin-left:70px}
.m-notice-list ul li {border-bottom:1px solid #e0e0e0;font-size:18px;padding:15px 0;width:810px}
.m-notice-list ul li:before {display:inline-block;content:"";width:6px;height:2px;background:#949494;margin:0 20px 0 15px}
.m-notice-list ul li span.m-notice-date{font-size:16px;color:#888888;float:right}
.m-notice-list ul li span.m-new {border:1px solid #e0878a;border-radius:10px;font-size:12px;color:#cf474c;padding:0 12px;font-weight:500;margin-left:5px}


.foot-step {background:#8b9db8;width:100%;padding:35px 0;min-width:1360px;}
.foot-stepin {position:relative;width:1255px;margin:0 auto;height:150px}
.foot-stepin ul {border-right:1px solid #9cabc0;float:left;padding:0 60px;height:150px}
.foot-stepin ul:first-child {padding-left:0}
.foot-stepin ul:last-child {border-right:none;padding-right:0}
.foot-stepin ul li.foot-tit {color:#fff;font-size:21px;font-weight:500;padding-top:10px}
.foot-stepin ul li.foot-tit2 {color:#fff;font-size:14px;font-weight:300;padding:30px 0}
.foot-stepin ul li.foot-tit3 {color:#fff;font-size:14px;font-weight:500;padding:0 0}
.foot-stepin ul li.foot-tit4 {color:#cff3fd;font-size:16px;font-weight:500;padding:5px 0}
.foot-stepin ul li.foot-tit4.pad {padding-top:25px}
.foot-stepin ul li.foot-tit5 {color:#3b556a;font-size:16px;font-weight:400;padding:0 0}

.n-foot-step {background:#8b9db8;width:100%;padding:35px 0;min-width:1360px;}
.n-foot-stepin {position:relative;width:1255px;margin:0 auto;height:170px}
.n-foot-stepin ul {border-right:1px solid #9cabc0;float:left;padding:10px 30px 0 30px;height:150px;}
.n-foot-stepin ul:first-child {padding-left:0;}
.n-foot-stepin ul:last-child {border-right:none;padding-right:0;padding-top:0}
.n-foot-stepin ul li.foot-tit {color:#fff;font-size:21px;font-weight:500;padding-top:0px}
.n-foot-stepin ul li.foot-tit2 {color:#fff;font-size:14px;font-weight:300;padding:30px 0}
.n-foot-stepin ul li.foot-tit3 {color:#fff;font-size:14px;font-weight:500;padding:0 0}
.n-foot-stepin ul li.foot-tit12 {color:#fff;font-size:14px;font-weight:300;padding:5px 0}
.n-foot-stepin ul li.foot-tit13 {color:#566a87;font-size:12px;font-weight:500;padding:0 0}
.n-foot-stepin ul li.foot-tit14 {color:#29577c;font-size:14px;font-weight:500;padding:15px 0 10px 0}
.n-foot-stepin ul li.foot-tit14 a:hover {color:#000}
.n-foot-stepin ul li.foot-tit4 {color:#cff3fd;font-size:16px;font-weight:500;padding:5px 0}
.n-foot-stepin ul li.foot-tit4.pad {padding-top:25px}
.n-foot-stepin ul li.foot-tit5 {color:#3b556a;font-size:14px;font-weight:400;padding:0 0}
.foot-banner a img {border-radius:5px;margin-bottom:5px}


.topgobtn {position:fixed;z-index:900;bottom:200px; right:100px;}
#tothetop {cursor: pointer;display:block; width:60px;height:30px;padding:30px 0 0 0;color: #fff;text-align:center;font-weight:600; background:#3c3c73 url('../img-main/btn_top.png') no-repeat;    background-size: 24px auto;    background-position: top 10px center;    border-radius: 50%;    border: 1px solid rgb(255 255 255 / 30%);    font-size: 13px;}



.dp2 li a span.tt {font-weight:500}
.gnb_wrap ul.depth-add li a{display:block;font-size:13px;padding:4px 0 4px 25px;color:#666;font-weight:500}
.gnb_wrap ul.depth-add li:last-child {padding:0px 0 5px 0px;}
.gnb_wrap ul.depth-add li a:before {content:"";width:4px;height:2px;background:#888;display:inline-block;margin:5px}
.gnb_wrap ul.depth-add li a:hover {background:#f7f9fd;color:#43619e}





#contents .doc_wrap {width:1200px !important;min-height:900px;}
.doc-nav {background:#f7f9fd;padding:15px 30px 15px 10px;border-radius:20px;overflow:hidden;margin-bottom:20px;position:relative}
.doc-nav ul li a img {margin-top:2px}
.doc-nav ul li {float:left;display:inline-block;background:url('../img-main/icon-arr.png') no-repeat right 2px;padding:0 25px 0 15px;font-size:14px;color:#848c9c;}
.doc-nav ul li:last-child {color:#475268;background:none;font-weight:500}



#header .top_wrap .logo img {
    height: 2.376875em !important;
}


 
 
.nav_header {
    float: right;                       /* ³×ºñ Àüü ¿ìÃø Á¤·Ä */
    width: 800px; height: 40px;
    margin-top: 30px;
}
.nav_header > ul > li {     float: left; position: relative;     width: 160px; height: 40px;    text-align: center; }
.nav_header > ul > li:hover .mainMenu { color: #10225b;border-top-left-radius:5px;border-top-right-radius:5px;background:#d5deee }
.mainMenu {display: block; width: 100%; height: 40px;    font-size: 17px; font-weight: 500;line-height:50px;}
.subMenu {position: absolute; top: 40px; z-index:5000;width: 100%; height: 610px;    background-color: #f7f8fb; font-weight: 500;border:1px solid #d5deee;display:none}
.subMenu li { text-align:left;width: 100%; display:block}
.subMenu > li  a {display: block; font-size: 15px;padding:10px 10px 5px 20px;color:#3c4d7e}
.subMenu  li:hover {background:#edf0f4;color:#000}
.subMenu li > ul > li a {font-size:13px;padding:4px 0 4px 15px;color:#666;font-weight:500}
.subMenu li > ul > li:last-child {padding:0px 0 5px 0px;border-bottom:1px dashed #d5deee}
.subMenu li > ul > li a:before {content:"";width:4px;height:2px;background:#888;display:inline-block;margin:5px}
.subMenu li > ul > li a:hover {background:#f7f9fd;color:#43619e}
.subMenu li a:hover {background-color: #edf0f4; }
.nav_header ul.asbox {}
.subMenu li.as-sm_info {float:left}

.kcmain-menu {position:relative;height:35px;margin-top:32px;margin-left:80px}
.kcmain-menu > ul > li {float:left;font-weight:500;font-size:18px;}
.kcmain-menu > ul > li > a {display:inline-block;padding:10px 0;text-align:center;width:160px;letter-spacing:-1px;}

.kcmain-menu:hover .sub-menu {display:block;visibility:visible;z-index:100;opacity:1;transition: all 0.5s;top:45px}

.sub-menu {background:#fff;border:1px solid;opacity:0;transition: all 0.7s;}

.ex-hover{color:#0176b9}

.sub-menu-popup {visibility:hidden;border:1px solid #dddddd;background:#f6f9fb;padding:20px 0 0 0 ;width:1250px;height:330px;position:absolute;top:85px; right:-27px;border-radius:20px;box-shadow: 0 10px 15px rgba(0,0,0,0.09);}
.sub-menu-popup > ul > li {float:left;border-right:1px dashed #d5e2ea;width:165px;height:300px;}
.sub-menu-popup > ul > li:first-child {width:530px;margin-left:25px;background:#fff;border-right:none;border-radius:15px;box-shadow: 0 0px 5px rgba(0,0,0,0.05);padding:0px 0px 5px 20px}
.sub-menu-popup > ul > li:last-child {border-right:none;width:170px}
.sub-menu-popup > ul > li div {float:left;margin-right:20px;}
.sub-menu-popup > ul > li:first-child div {float:none;clear:both;position:relative;width:510px;overflow:hidden;padding:10px 0}
.sub-menu-popup > ul > li:first-child div ul {width:170px;}
.sub-menu-popup > ul > li:first-child div ul:nth-child(even) {width:210px}
.sub-menu-popup > ul > li:first-child div .sub-group{position:absolute;left:5px;top:5px;font-size:15px;color:#000;font-weight:500}
.sub-menu-popup > ul > li div ul li a:hover{color:#0680c7}
.sub-menu-popup > ul > li div ul li{clear:both;font-size:13px;padding:5px 0 0px 30px;color:#666}
.sub-menu-popup > ul > li div ul li:before {content:"";width:2px;height:2px;background:#c5d2da;display:inline-block;margin:0px 5px 2px 0 }
.sub-menu-popup > ul > li div ul li.sub-mtit {font-size:15px;margin:20px 0 0 -10px;color:#214157;font-weight:500}
.sub-menu-popup > ul > li div ul li.sub-mtit:before {margin:0;background:none}


.sub-menu-popup > ul > li:first-child > div ul li{clear:both;font-size:13px;padding:5px 0 0px 20px;color:#666}
.sub-menu-popup > ul > li:first-child > div ul li.sub-mtit {font-size:15px;margin:0px 0 0 -10px;color:#214157;font-weight:500}


/* ±âÁ¸ ³×ºñ css 

.kcmain-menu:hover .sub-menu {display:block;visibility:visible;z-index:100;opacity:1;transition: all 0.5s;top:45px}

.sub-menu {background:#fff;border:1px solid;opacity:0;transition: all 0.7s;}

.ex-hover{color:#0176b9}

.sub-menu-popup {visibility:hidden;border:1px solid #dddddd;background:#f6f9fb;padding:20px 0 0 0 ;width:1250px;height:300px;position:absolute;top:85px; right:-30px;border-radius:20px;box-shadow: 0 10px 15px rgba(0,0,0,0.09);}
.sub-menu-popup > ul > li {float:left;border-right:1px dashed #d5e2ea;width:165px;height:280px;}
.sub-menu-popup > ul > li:first-child {width:550px;margin-left:25px;background:#fff;border-right:none;border-radius:15px;box-shadow: 0 0px 5px rgba(0,0,0,0.05)}
.sub-menu-popup > ul > li:last-child {border-right:none;width:170px}
.sub-menu-popup > ul > li div {float:left;margin-right:20px;}
.sub-menu-popup > ul > li:first-child div {float:left;margin-right:20px;margin-left:10px}
.sub-menu-popup > ul > li div ul li a:hover{color:#0680c7}
.sub-menu-popup > ul > li div ul li{clear:both;font-size:13px;padding:5px 0 0px 30px;color:#666}
.sub-menu-popup > ul > li div ul li:before {content:"";width:2px;height:2px;background:#c5d2da;display:inline-block;margin:0px 5px 2px 0 }
.sub-menu-popup > ul > li div ul li.sub-mtit {font-size:15px;margin:20px 0 0 -10px;color:#214157;font-weight:500}
.sub-menu-popup > ul > li div ul li.sub-mtit:before {margin:0;background:none}



 */






.doc-nav-tab {margin:0 0 20px 0;border-bottom:1px solid #3f7fc5}
.doc-nav-tab ul{display:flex;width:100%}
.doc-nav-tab ul li {float:left;width:100%;text-align:center}
.doc-nav-tab ul li a {display:block;padding:15px 0;background:#f9f8f8;border:1px solid #eeeeee;border-bottom:none;color:#666;border-top-left-radius:10px;border-top-right-radius:10px;}
.doc-nav-tab ul li a.on {background:#3f7fc5;color:#fff;border:1px solid #3f7fc5;}
.doc-nav-tab ul li a:hover {background:#3f7fc5;color:#fff;border:1px solid #3f7fc5;}


.doc-nav-tab2 {margin:0 0 20px 0;border:1px solid #e2ecf7}
.doc-nav-tab2 ul{display:flex;width:100%}
.doc-nav-tab2 ul li {float:left;width:100%;text-align:center;border-right:1px solid #e2ecf7;}
.doc-nav-tab2 ul li:last-child {border-right:none}
.doc-nav-tab2 ul li a {display:block;padding:15px 0;background:#f9fcfe;color:#899bae;}
.doc-nav-tab2 ul li a.on {background:#e2ecf7;color:#1156a2;font-weight:500;border-bottom:2px solid #3f7fc5;}
.doc-nav-tab2 ul li a:hover {background:#e2ecf7;color:#1156a2;border-bottom:2px solid #3f7fc5}



.idcol-1 {background:#f7f9fd}
.idcol-2 {background:#f7fcfd}
.idcol-3 {background:#f9fdf7}

span.idtext-1 {display:block;font-size:24px;color:#000;font-weight:600;line-height:30px;}
span.idtext-2 {font-size:16px;color:#000;font-weight:500;opacity:0.6}

.info-doc {width:1160px;overflow:hidden;padding:20px;margin-bottom:20px}
.info-doc > ul > li {float:left; margin-right:20px}

.info-title {width:340px}
.info-title div {padding:0 0 0 50px}
.infodoc-box {background:#fff;border-radius:20px;box-shadow: 0 5px 15px rgba(0,0,0,0.05);width:240px;height:240px;text-align:center}

.info-doc div.on {border:2px solid #7794dd}
.info-doc div.on li.id-icon {opacity:1}
.info-doc div.on li.infodoc-box-t1 {color:#283c82;font-weight:600;}
.info-doc div.on li.infodoc-box-t2 {color:#283c82;font-weight:600;}

.info-doc div.plan {border:1px solid #b6b6b5}
.info-doc div.plan li.id-icon {opacity:0.5}
.info-doc div.plan li.infodoc-box-t1 {color:#4b4b4b;font-weight:600;}



.infodoc-box-t1 {font-size:18px;font-weight:500;height:65px;line-height:20px;color:#9d9ea0}
.infodoc-box-t1 span {font-size:16px}
.infodoc-box-t2 {font-size:16px;font-weight:500;height:40px;color:#9d9ea0}
.idnum1 {background:url('../img-main/bus-icon1.png') no-repeat center;}
.idnum2 {background:url('../img-main/bus-icon2.png') no-repeat center;}
.idnum3 {background:url('../img-main/bus-icon3.png') no-repeat center;}
.idnum4 {background:url('../img-main/bus-icon4.png') no-repeat center;}
.idnum5 {background:url('../img-main/bus-icon5.png') no-repeat center;}
.idnum6 {background:url('../img-main/bus-icon6.png') no-repeat center;}
.idnum7 {background:url('../img-main/bus-icon7.png') no-repeat center;}
.idnum8 {background:url('../img-main/bus-icon8.png') no-repeat center;}
.infodoc-box ul li.id-icon {height:85px;opacity:0.2}

a.ic-btn-off {display:block;background:#ebebec;color:#979797;border-radius:10px;padding:10px 0;margin:0 10px}
a.ic-btn-on {display:block;background:#3f6cb7;color:#fff;border-radius:10px;padding:10px 0;margin:0 10px}
a.ic-btn-on:hover {display:block;background:#9abefa;color:#fff;border-radius:10px;padding:10px 0;margin:0 10px}
a.ic-btn-plan {display:block;background:#ffffff;color:#3064bb;border-radius:10px;padding:10px 0;margin:0 10px;border:1px solid #a2bce6}

a.board-f-btn {background:#657fb6;color:#fff;border-radius:40px;padding:10px 40px;font-size:18px}
a.board-f-btn:hover {background:#35528f}
a.board-ap-btn {background:#3f7fc5;color:#fff;border-radius:40px;padding:10px 40px;font-size:18px}
a.board-ap-btn:hover {background:#35528f}




.info-list {padding:0px 0 0 0}
.page-btn {clear:both;padding:40px 0}

button {    text-align: center;   color: #222;    font-size: 16px; background-color: transparent;    cursor: pointer;border: none;    outline: none;    margin: 0;    vertical-align: middle;    box-sizing: border-box;}
.board-search {    position: relative;}
.right {    float: right;}
.board-total {font-weight:500;float:left;padding:20px 0 0 0}
.board-total span {color:#4281e9;vertical-align:top !important}
.board-search input {    width: 300px;    height: 45px;    padding: 0 50px 0 15px;    background-color: #f7f7f7;    border: none;border-radius: 10px;    color: #222;    font-size: 16px;}
.board-search select {width: 150px;padding: 0 0px 0 15px;border:1px solid #e2e1e1;border-radius:10px;height:45px;background-color: #f7f7f7; }
.board-search button {    position: absolute;    top: 0;    right: 15px;    width: 30px;    height: 45px;    background-image: url('../img-main/search_g.png');    background-repeat: no-repeat;    background-position: center center;    background-size: 20px auto;    cursor: pointer;}
.txt-hidden {    display: block;    text-indent: -9999px;    width: 0;    height: 0;}
input::-webkit-input-placeholder {color: #a1a2a2;  font-weight:400;font-size:14px}
input:-ms-input-placeholder { color:  #a1a2a2;    font-weight:400;font-size:14px}

.info-list-area {clear:both;padding:20px 0 0 0}
table.board-list-st1 {border-top:3px solid #3f7fc5;width:100%;}
table.board-list-st1 tr.board-pick td {background:#fefdf9}
table.board-list-st1 th {padding:20px 0;border-bottom:1px solid #cfd8ec;background:#fbfcfd;font-weight:500;}
table.board-list-st1 th.board-sub {font-size:20px}
table.board-list-st1 th.board-sub2 {font-size:14px;padding:10px;background:#fff;color:#666}
table.board-list-st1 td {padding:20px 0;border-bottom:1px solid #e9e8e8;color:#666;text-align:center}
table.board-list-st1 td a:hover {color:#000;font-weight:500}
table.board-list-st1 td.left {text-align:left;padding-left:10px}
table.board-list-st1 tr.board-pick td.pick {background:#fefdf9 url('../img-main/icon-pic.png') no-repeat 8px 33px;padding-left:30px}
table.board-list-st1 td.view {padding:40px;line-height:24px}
table.board-list-st1 td span.blue {color:#3f7fc5;vertical-align:top !important;font-weight:500}
table.board-list-st1 a.add-down {font-size:14px;background:#fff url('../img-main/icon-file.png') no-repeat 20px 8px;color:#3064bb;border-radius:5px;padding:5px 20px 5px 43px;margin:0 10px;border:1px solid #a2bce6}


.table_st th img {padding:5px 0 0 0}


.board_paging button {height:40px !important;width:40px  !important;border-radius:5px}

select.select-st1 {border:1px solid #dddddd;border-radius:3px;padding:5px 10px}


.checks {position: relative;display:inline-block}

.checks input[type="checkbox"] {  /* ½ÇÁ¦ üũ¹Ú½º´Â È­¸é¿¡¼­ ¼û±è */
  position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
   margin: -1px;
   overflow: hidden;
   clip:rect(0,0,0,0);
   border: 0
}
.checks input[type="checkbox"] + label {
  display: inline-block;
  position: relative;
  padding-right: 30px;  /* ±ÛÀÚ¿Í Ã¼Å©¹Ú½º »çÀÌÀÇ °£°ÝÀ» º¯°æ */
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="checkbox"] + label:before {  /* °¡Â¥ üũ¹Ú½º */
  content: '';
  position: absolute;
  left: 0;
  top: -15px;  /* ÀÌ °ªÀ» º¯°æÇؼ­ ±ÛÀÚ¿ÍÀÇ Á¤·Ä */
  width: 21px;  /* üũ¹Ú½ºÀÇ ³Êºñ¸¦ ÁöÁ¤ */
  height: 21px;  /* üũ¹Ú½ºÀÇ ³ôÀ̸¦ ÁöÁ¤ */
  line-height: 21px; /* ¼¼·ÎÁ¤·ÄÀ» À§ÇØ ³ôÀÌ°ª°ú ÀÏÄ¡ */
  text-align: center;  
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius : 3px;margin-right:30px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="checkbox"] + label:active:before,
.checks input[type="checkbox"]:checked + label:active:before {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.checks input[type="checkbox"]:checked + label:before {  /* üũ¹Ú½º¸¦ üũÇßÀ»¶§ */ 
  content: '\2714';  /* üũǥ½Ã À¯´ÏÄÚµå »ç¿ë */
  color: #fff;
  background: #3f6cb7;
  border-color: #adb8c0;
  border: 1px solid #3f6cb7;font-size:15px;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
}


.checks input[type="radio"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip:rect(0,0,0,0);
  border: 0;
}
.checks input[type="radio"] + label {
  display: inline-block;
  position: relative;
  padding-right: 30px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}
.checks input[type="radio"] + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: -15px;
  width: 21px;
  height: 21px;
  text-align: center;
  background: #fafafa;
  border: 1px solid #cacece;
  border-radius: 100%;
  box-shadow: 0px 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
}
.checks input[type="radio"] + label:active:before,
.checks input[type="radio"]:checked + label:active:before  {
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.checks input[type="radio"]:checked + label:before {
  background: #E9ECEE;
  border-color: #adb8c0;
}
.checks input[type="radio"]:checked + label:after {
  content: '';
  position: absolute;
  top: -10px;
  left: 5px;
  width: 13px;
  height: 13px;
  background: #3f6cb7;
  border-radius: 100%;
  box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3);
}



.num-sp1 {padding:10px 0  0 65px;text-indent: -20px;}
.num-sp1-1 {padding:10px 0  0 45px;;}
.num-sp2 {padding:10px 0  0 82px;text-indent: -20px;}
.num-sp3 {padding:5px 0  0 100px;text-indent: -20px;}