@charset "utf-8";

@import 'reset.css';

/* layout */
.body-main{background-color:#f1f4f4}
.body-login{background-color:#f1f4f4}
.body-main #mobile-wrap{padding:94px 0 58px}
#mobile-wrap{padding:55px 0 58px}
#mobile-contents.space{padding:15px}
#mobile-contents.space2{padding:20px 15px 0}
.body-login #mobile-wrap{padding:0;height:100%}
.body-login #mobile-contents{padding:0;position:absolute;top:50%;left:0;width:100%;margin-top:-240px}

#fixed-menu{position:fixed;z-index:9999;left:0;bottom:0;width:100%;height:57px;border-top:1px solid #b0bdc3;background:url('../images/bg_foot.png') repeat-x;background-size:23px 57px}
#fixed-menu ul{width:100%;margin:0 auto;background:url('../images/bg_foot2.png') no-repeat;background-size:450px 57px}
#fixed-menu ul:after{content:'';display:block;clear:both;}
#fixed-menu ul li{float:left;width:24%;padding:9px 0;}
#fixed-menu ul li:first-of-type{padding-left:2%}
#fixed-menu ul li:last-of-type{padding-right:2%}
#fixed-menu ul li a{display:block;margin:0 auto;text-indent:-9999px;vertical-align:middle}
#fixed-menu .m1{width:32px;height:42px;background:url('../images/menu_01.png') no-repeat;background-size:32px 42px}
#fixed-menu .m2{width:30px;height:42px;background:url('../images/menu_02.png') no-repeat;background-size:30px 42px}
#fixed-menu .m3{width:26px;height:42px;background:url('../images/menu_03.png') no-repeat;background-size:26px 42px}
#fixed-menu .m4{width:43px;height:42px;background:url('../images/menu_04.png') no-repeat;background-size:43px 42px}
#fixed-menu .m1.on{background:url('../images/menu_01_on.png') no-repeat;background-size:32px 42px}

#header{position:fixed;z-index:9999;left:0;top:0;width:100%;height:53px;border-bottom:2px solid #0140fc;background-color:#fff;text-align:center}
#header h2{color:#111;font-size:22px;line-height:55px;}
h2.logo{width:80px;height:31px;margin:16px auto 0;background:url('../images/logo.png') no-repeat;background-size:80px 31px;text-indent:-9999px}
.body-login h2.logo{margin:0 auto 40px;}
#header .prev{position:absolute;top:15px;left:10px;text-indent:-9999px;display:block;width:29px;height:23px;background:url('../images/icon_prev.png') no-repeat;background-size:29px 23px}
#header .bookmark{position:absolute;top:12px;right:10px;text-indent:-9999px;display:block;width:25px;height:25px;background:url('../images/icon_03.png') no-repeat;background-size:25px 25px}
#header .btn-close{position:absolute;top:16px;right:10px;}
#header2{position:fixed;z-index:9999;left:0;top:0;width:100%;height:94px;background-color:#fff;text-align:center}
#header2 h2.logo{margin:16px auto;}
#header2 span{display:block;border-top:2px solid #0140fc;font-size:14px;line-height:28px}
#header2 span i{color:#111;font-weight:700}
#header2 span i:before{content:'';display:inline-block;width:15px;height:17px;background:url('../images/icon_user.png') no-repeat;background-size:15px 17px;vertical-align:middle;margin:0 5px 3px 0}
#footer{}
.tbl-scroll{overflow:scroll;overflow-x:hidden;}
.no-data{padding:30px 0;text-align:center;}
::-webkit-scrollbar{width:0px;background:transparent;}
::-webkit-scrollbar-thumb{background:#FF0000;}

#layAddress{}
#layAddress .inner{position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;border:1px solid #6b6f75;background-color:#fff;width:200px;padding:15px;text-align:right;box-shadow:2px 2px 2px #333;}
#layAddress .inner p{padding:10px 0;font-size:16px;text-align:left;}

#layAddress .inner div{padding:10px 0;font-size:16px;text-align:left;}

#laySign{}
#laySign .inner{position:absolute;top:50%;left:50%;margin:-100px 0 0 -100px;border:1px solid #6b6f75;background-color:#fff;width:210px;padding:15px;text-align:right;box-shadow:2px 2px 2px #333;}
#laySign .btn {position:relative;margin-top:10px}
#laySign .btn button{width:48%;height:40px; float:left; line-height:26px;}

.signBox{width:210px; padding:0px; border:1px solid black;}

#layHistory{}
#layHistory .inner{position:absolute;top:50%;left:50%;margin:-150px 0 0 -165px;border:1px solid #6b6f75;background-color:#fff;width:300px;padding:15px;text-align:right;box-shadow:2px 2px 2px #333;}
#layHistory .btn{position:absolute;top:50%;left:50%;margin:-150px 0 0 -165px;border:1px solid #6b6f75;background-color:#fff;width:300px;padding:15px;text-align:right;box-shadow:2px 2px 2px #333;}
#layHistory .inner p{padding:10px 0;font-size:16px;text-align:left; }
/* tab style */
.tab-style01{margin-bottom:10px}
.tab-style01 ul:after{content:'';display:block;clear:both;}
.tab-style01 ul li{float:left;height:45px;background-color:#e5e5e5;border:1px solid #e5e5e5;border-bottom:1px solid #0162fd;color:#888888;font-size:15px;font-weight:700;line-height:45px;text-align:center;box-sizing:border-box;}
.tab-style01 ul li.on{background-color:#fff;border:1px solid #0162fd;color:#0162fd;}
.tab-style01 ul li.off{background-color:#fff !important;border:1px solid #fff;border-bottom:1px solid #0162fd;}
.tab-style01 ul li.on{background-color:#fff;border:1px solid #0162fd;border-bottom:1px solid #fff;color:#0162fd;}
.tab-style01 ul li.on a{color:#0162fd;}

.tab-style01 ul.menu2 li{width:50%;}
.tab-style01 ul.menu3 li{width:33.33333%;border-left:1px solid #9f9f9f;}
.tab-style01 ul.menu3 li:first-of-type{border-left:0}
.tab-style01 ul.menu3 li.on:first-of-type{border-left:1px solid #0162fd}
.tab-style01 ul.menu3 li.on + li{border-left:0;}
.tab-style01.nospace{margin-bottom:0}


/* button type */
.btn-search{text-indent:-9999px;width:24px;height:24px;background:url('../images/icon_search.png') no-repeat;background-size:24px 24px}
.btn-check{text-indent:-9999px;width:24px;height:24px;background:url('../images/check.png') no-repeat;background-size:24px 24px}
.btn-close{text-indent:-9999px;width:21px;height:21px;background:url('../images/icon_close.png') no-repeat;background-size:21px 21px}
.btn-map{text-indent:-9999px;width:26px;height:26px;background:url('../images/icon_map.png') no-repeat;background-size:26px 26px}
.btn-more{font-size:15px;line-height:20px;}
.btn-more i{width:30px;height:20px;display:inline-block;position:relative;vertical-align:middle}
.btn-more i:before,
.btn-more i:after{content:'';display:inline-block;position:absolute;top:-2px;left:50%;background-color:#0164fd;height:1px;width:20px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.btn-more i:after{width:1px;height:20px;}
.btn-more i:before{margin-top:10px;}
.btn-type01{display:block;width:100%;background-color:#0162fd;color:#fff;font-size:23px; line-height:53px}
.btn-type02{display:block;width:100%;background-color:#666666;color:#fff;font-size:23px; line-height:53px}
.btn-type03{display:block;width:30%;background-color:#666666;color:#fff;font-size:12px; line-height:38px}
.btn-type04{display:block;width:30%;background-color:#0162fd;color:#fff;font-size:12px; line-height:38px}
.btn-sign-type01{display:block;width:100%;background-color:#0162fd;color:#fff;font-size:16px;line-height:26px}
.btn-sign-type02{display:block;width:100%;background-color:#666666;color:#fff;font-size:16px;line-height:26px}
.btn-mt10{margin-top:15px;}
.btn-center2{margin:40px 15px 0;}
.btn-center{text-align:center}
.btn-month:after{content:'';display:block;clear:both;}
.btn-month{margin-top:10px}
.btn-month li{float:left;border:1px solid #5a6075;border-right:0px;width:25%;box-sizing:border-box;}
.btn-month.m2 li{width:33%}
.btn-month li:first-of-type{border-radius:3px 0 0 3px}
.btn-month li:last-of-type{border-radius:0 3px 3px 0;border-right:1px solid #5a6075;}
.btn-month li:first-of-type button{border-radius:3px 0 0 3px}
.btn-month li:last-of-type button{border-radius:0 3px 3px 0}
.btn-month li button{display:block;width:100%;color:#5a6075;font-size:15px;line-height:36px;text-align:center}
.btn-month li button.on{background-color:#5a6075;color:#fff;}

/* search */
.search-style01{}
.search-style01.space{margin:0 15px;}
.search-style01.line{border-top:1px solid #0164fd;padding-top:15px;margin-top:15px}
.search-style01.line2{border-top:1px solid #dcdcdc;padding-top:12px;margin-top:15px}
.search-style01 h6{margin-bottom:10px;color:#111111;font-size:16px;font-weight:700}
.search-style01 li h6{margin-bottom:0}
.search-style01 ul:after{content:'';display:block;clear:both;}
.search-style01 .type01.line{border-top:1px solid #dcdcdc;padding-top:15px;margin-top:15px;}
.search-style01 .type01 .r1{float:left;width:120px;color:#333;font-size:16px;line-height:38px;}
.search-style01 .type01 .r2{position:relative;margin:0 35px 0 125px;}
.search-style01 .type01 .r3{float:left;width:90px;color:#333;font-size:16px;line-height:20px;}
.search-style01 .type01 .r4{margin:8px 0 0 90px;color:#333;font-size:16px;line-height:20px;}
.search-style01 .type01 .mt10{margin-top:10px}
.search-style01 .type01 .r2 .btn-search{position:absolute;top:5px;right:-30px;}
.search-style01 .type01 .r2:after{content:'';display:block;clear:both;}

.search-style01 .type02 .r1{font-size:16px}
.search-style01 .type02 .r2{margin-top:10px;}
.search-style01 .type02 .r3{width:55%;float:left;}
.search-style01 .type02 .r4{width:45%;float:right;}
.search-style01 .type02 .indate{width:46%;margin-right:4px;}
.search-style01 .type02 .intime{width:46%}
.search-style01 .type02 .r3 .indate{width:91%;margin-right:0;} 
.search-style01 .type02 .r4 .indate{width:100%;margin-right:0;}

.search-style01 .type04 .r1{width:27%;float:left;margin-right:1%;}
.search-style01 .type04 .r2{width:18%;float:left;margin-right:1%;}
.search-style01 .type04 .r3{width:6%; float:left;margin-right:1%;text-align:center;}
.search-style01 .type04 .r4{width:27%;float:left;margin-right:1%;}
.search-style01 .type04 .r5{width:18%;float:left;}
/*.search-style01 .type04 .indate{width:46%;margin-right:4px;}
.search-style01 .type04 .intime{width:46%}
.search-style01 .type04 .r3 .indate{width:91%;margin-right:0;} 
.search-style01 .type04 .r4 .indate{width:100%;margin-right:0;}*/

.search-style01 .type03 .r1{float:left;width:100%;color:#333;font-size:16px;line-height:38px;}

.search-style02{}
.search-style02 h6{margin-bottom:10px;color:#111111;font-size:15px;font-weight:700}
.search-style02 ul:after{content:'';display:block;clear:both;}

/* 검색 결과 */
#resultSearch01{display:none}
.result-style01{position:relative;border-top:1px solid #dcdcdc;margin-top:20px;padding:50px 0 0}
.result-style01 button.btn-close{position:absolute;right:0;top:15px;font-size:0}
.result-style02{border-top:1px solid #015ffd;margin:20px 0 0}
.result-style02 .tbl-style01 thead tr:first-of-type th{border-top:1px solid #015ffd;}
.result-style03{position:relative;padding:50px 0 0}
.result-style03 button.btn-close{position:absolute;right:15px;top:15px;font-size:0}
.result-style04{border-top:1px solid #015ffd;margin:20px 0 0}
.result-style04 .tbl-style02 thead tr:first-of-type th{border-top:1px solid #015ffd;}

/* 테이블 스타일 01 : 3줄일 때 */
.tbl-style01{width:100%;border-collapse:collapse;word-break:break-all;}
.tbl-style01 thead{background-color:#f4f3f3;}
.tbl-style01 thead tr:first-of-type th{padding-top:6px;border-top:1px solid #6b6f75;}

.tbl-style01 thead tr:last-of-type th{padding-bottom:6px;border-bottom:1px solid #6b6f75;}
.tbl-style01 thead th{padding:2px 2px;color:#444;font-size:16px;font-weight:400;text-align:left;}
.tbl-style01 thead .td{color:#666}
.tbl-style01 .col-blue{color:#0164fd;}
.tbl-style01 .col-red{color:#f5210b;}
.tbl-style01 .right{text-align:right}
.tbl-style01 .center{text-align:center}

/* .tbl-style01.row2 tbody tr:nth-of-type(2n+1) td{padding-top:8px;border-top:1px solid #c4c5c8}
.tbl-style01.row2 tbody tr:first-of-type td{border-top:0px solid #c4c5c8} */

.tbl-style01 tbody tr:nth-of-type(3n+1) td{padding-top:8px;border-top:1px solid #c4c5c8}
.tbl-style01 tbody tr:nth-of-type(3n+0) td{padding-bottom:8px}
.tbl-style01 tbody tr:first-of-type td{border-top:0px solid #c4c5c8}

.tbl-style01.row4 tbody tr:nth-of-type(3n+1) td{padding-top:0;border-top:0px solid #c4c5c8}
.tbl-style01.row4 tbody tr:nth-of-type(3n+0) td{padding-bottom:0}
.tbl-style01.row4 tbody tr:nth-of-type(4n+1) td{padding-top:8px;border-top:1px solid #c4c5c8}
.tbl-style01.row4 tbody tr:nth-of-type(4n+0) td{padding-bottom:8px}
.tbl-style01.row4 tbody tr:first-of-type td{border-top:0px solid #c4c5c8}
.result-style01 .tbl-style01 tbody tr:last-of-type td{border-bottom:1px solid #c4c5c8}
.info-style01 .tbl-style01 tbody tr:last-of-type td{border-bottom:1px solid #c4c5c8}
.tbl-style01 td{padding:2px 2px;font-size:16px;text-align:left;}
.tbl-style01 tfoot{background-color:#edf4ff}
.tbl-style01 tfoot td{color:#444;font-weight:600}
.tbl-style01 tfoot tr:first-of-type td{padding-top:8px;border-top:1px solid #6b6f75}
.tbl-style01 tfoot tr:last-of-type td{padding-bottom:8px;border-bottom:1px solid #6b6f75}

.tbl-style01 .case01 td{background-color:#ebf0f7}
.tbl-style01 .case02 td{background-color:#feeeec}
.tbl-style01 tr.on td:first-of-type{border-left:1px solid #0161fd;}
.tbl-style01 tr.on td:last-of-type{border-right:1px solid #0161fd;}

.tbl-style01 tr.on3 td{border-bottom:1px solid #0161fd;}


.tbl-font .tbl-style01 thead th{font-size:13px;}
.tbl-font .tbl-style01 .col-blue{font-size:15px}
.tbl-font .tbl-style01 td{font-size:13px;}
.result-style02.tbl-tax{margin:10px 0 15px;}
.tbl-tax .tbl-style01 tbody tr:first-of-type td{border-top:0}
.tbl-tax .tbl-style01 tbody td{padding:8px 5px;border-top:1px solid #c4c5c8}


/* 테이블 스타일 02 : 1줄 표기 방식때 */
.tbl-style02 {width:100%;border-collapse:collapse;word-break:break-all;}
.tbl-style02 thead{background-color:#f4f3f3;}
.tbl-style02 thead tr:first-of-type th{padding-top:8px;border-top:1px solid #6b6f75;}
.tbl-style02 thead tr:last-of-type th{padding-bottom:8px;border-bottom:1px solid #6b6f75;}
.tbl-style02 thead th{padding:5px 5px;color:#444;font-size:16px;font-weight:400;text-align:left;}
.tbl-style02 thead .td{color:#666}
.tbl-style02 .col-blue{color:#0164fd;}
.tbl-style02 .col-red{color:#f5210b;}
.tbl-style02 .right{text-align:right;}
.tbl-style02 .center{text-align:center;}

.tbl-style02 tbody tr td{border-bottom:1px solid #c4c5c8}

.result-style04 .tbl-style02 tbody tr:last-of-type td{border-bottom:1px solid #c4c5c8}
.info-style02 .tbl-style02 tbody tr:last-of-type td{border-bottom:1px solid #c4c5c8}
.tbl-style02 td{padding:7px 2px;font-size:16px;text-align:left;}

.tbl-style02 td{padding:7px 2px;font-size:16px;text-align:left;}
.tbl-style02 tfoot{background-color:#edf4ff}
.tbl-style02 tfoot td{color:#444;font-weight:600}
.tbl-style02 tfoot tr:first-of-type td{padding-top:8px;border-top:1px solid #6b6f75}
.tbl-style02 tfoot tr:last-of-type td{padding-bottom:8px;border-bottom:1px solid #6b6f75}

.tbl-style02 .case01 td{background-color:#ebf0f7}
.tbl-style02 .case02 td{background-color:#feeeec}
.tbl-style02 .case03 td{background-color:#eefeec}
.tbl-style02 tr.on td:first-of-type{border-left:1px solid #0161fd;}
.tbl-style02 tr.on td:last-of-type{border-right:1px solid #0161fd;}

.tbl-style02 tr.on3 td{border-bottom:1px solid #0161fd;}

.tbl-style02 tfoot{background-color:#edf4ff}
.tbl-style02 tfoot td{color:#444;font-weight:600}


.tbl-font .tbl-style02 thead th{font-size:14px;}
/*.tbl-font .tbl-style02 .col-blue{font-size:15px}*/
.tbl-font .tbl-style02 td{font-size:13px;}

/* 테이블 스타일 03 : 2줄일 때 */
.tbl-style03{width:100%;border-collapse:collapse;word-break:break-all;}
.tbl-style03 thead{background-color:#f4f3f3;}
.tbl-style03 thead tr:first-of-type th{padding-top:6px;border-top:1px solid #6b6f75;}

.tbl-style03 thead tr:last-of-type th{padding-bottom:6px;border-bottom:1px solid #6b6f75;}
.tbl-style03 thead th{padding:2px 2px;color:#444;font-size:14px;font-weight:400;text-align:left;}
.tbl-style03 thead .td{color:#666}
.tbl-style03 .col-blue{color:#0164fd;}
.tbl-style03 .col-red{color:#f5210b;}
.tbl-style03 .right{text-align:right}
.tbl-style03 .center{text-align:center}

.tbl-style03 tbody tr:nth-of-type(2n+1) td{padding-top:8px;border-top:1px solid #c4c5c8}
.tbl-style03 tbody tr:first-of-type td{border-top:0px solid #c4c5c8}

.result-style01 .tbl-style03 tbody tr:last-of-type td{border-bottom:1px solid #c4c5c8}
.info-style01 .tbl-style03 tbody tr:last-of-type td{border-bottom:1px solid #c4c5c8}
.tbl-style03 td{padding:2px 2px;font-size:14px;text-align:left;}
.tbl-style03 tfoot{background-color:#edf4ff}
.tbl-style03 tfoot td{color:#444;font-weight:600}
.tbl-style03 tfoot tr:first-of-type td{padding-top:8px;border-top:1px solid #6b6f75}
.tbl-style03 tfoot tr:last-of-type td{padding-bottom:8px;border-bottom:1px solid #6b6f75}

.tbl-style03 .case01 td{background-color:#ebf0f7}
.tbl-style03 .case02 td{background-color:#feeeec}
.tbl-style03 tr.on td:first-of-type{border-left:1px solid #0161fd;}
.tbl-style03 tr.on td:last-of-type{border-right:1px solid #0161fd;}

.tbl-style03 tr.on3 td{border-bottom:1px solid #0161fd;}

.tbl-font .tbl-style02 thead th{font-size:14px;}
/*.tbl-font .tbl-style02 .col-blue{font-size:15px}*/
.tbl-font .tbl-style02 td{font-size:13px;}


/* */
.info-style01{padding:0 5px}
.info-style01 dl:after, .info-style01 dl dd:after{content:'';display:block;clear:both;}
.info-style01 dl dt{width:110px;float:left;color:#111;font-size:16px;font-weight:500}
.info-style01 dl dd{margin:0 0 10px 115px;color:#333;font-size:16px;}
.info-style01 dl dt.tbl{float:none;width:100%;}
.info-style01 dl dd.tbl{margin:10px 0 10px 0;clear:both;}
.info-style01 dl dt.sel{line-height:38px}
.info-style01 dl dd.sel select{width:130px}

.info-style01 .dg{display:table-row; color:#111; font-size:16px; font-weight:500;}
.info-style01 .d1{marign:0 0 10px 115px; width:50px; color:#111; text-align:center; float:left; }
.info-style01 .d2{margin:0 0 10px 5px; width:60px; color:#333;font-size:16px; text-align:right; float:left; }
.info-style01 .d3{margin:0 0 10px 5px; width:80px; color:#333;font-size:16px; text-align:right; float:left; }

.info-style01 .col-blue{color:#0164fd;font-size:16px;font-weight:700}
.info-style01 .memo{background-color:#f2f2f2;padding:10px;}
.info-style01 .bar:before{content:'';display:inline-block;width:1px;height:12px;background-color:#e5e5e5;margin:0 8px}


/* */
.info-style02{padding:0 5px}
.info-style02 dl:after, .info-style01 dl dd:after{content:'';display:block;clear:both;}
.info-style02 dl dt{width:110px;float:left;color:#111;font-size:16px;font-weight:500}
.info-style02 dl dd{margin:0 0 10px 115px;color:#333;font-size:16px;}
.info-style02 dl dt.tbl{float:none;width:100%;}
.info-style02 dl dd.tbl{margin:10px 0 10px 0;clear:both;}
.info-style02 dl dt.sel{line-height:38px}
.info-style02 dl dd.sel select{width:130px}
.info-style02 .col-blue{color:#0164fd;font-size:16px;font-weight:700}
.info-style02 .memo{background-color:#f2f2f2;padding:10px;}
.info-style02 .bar:before{content:'';display:inline-block;width:1px;height:12px;background-color:#e5e5e5;margin:0 8px}

/* */
.swiper-container{width:100%;height:100%;}
.swiper-container .swiper-slide img{width:100%}
.swiper-slide{text-align:center;font-size:18px;background:#fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}


.main-menu{margin-top:20px;border-bottom:1px solid #b0bdc3;border-right:1px solid #b0bdc3;background-color:#fff}

.main-menu ul:after{content:'';display:block;clear:both;}
.main-menu ul li{width:50%;float:left;height:93px;box-sizing:border-box;border-top:1px solid #b0bdc3;border-left:1px solid #b0bdc3;}
.main-menu ul li a{position:relative;display:block;padding:0 0 0 60px;color:#111;font-size:17px;line-height:20px}
.main-menu ul li a:before{display:block;content:'';position:absolute;top:25px;left:10px}

.main-menu ul .menu01:before{width:47px;height:48px;background:url('../images/main_menu_01.png') no-repeat;background-size:47px 48px}
.main-menu ul .menu02:before{width:50px;height:48px;background:url('../images/main_menu_02.png') no-repeat;background-size:50px 48px}
.main-menu ul .menu03:before{width:49px;height:48px;background:url('../images/main_menu_03.png') no-repeat;background-size:49px 48px}
.main-menu ul .menu04:before{width:48px;height:48px;background:url('../images/main_menu_04.png') no-repeat;background-size:48px 48px}
.main-menu ul .menu05:before{width:48px;height:48px;background:url('../images/main_menu_05.png') no-repeat;background-size:48px 48px}
.main-menu ul .menu06:before{left:15px;width:39px;height:48px;background:url('../images/main_menu_06.png') no-repeat;background-size:39px 48px}
.main-menu ul .menu07:before{width:48px;height:48px;background:url('../images/main_menu_05.png') no-repeat;background-size:48px 48px}

.main-menu ul .menu01{padding:37px 0 32px 70px;}
.main-menu ul .menu02{padding:37px 0 32px 70px;}
.main-menu ul .menu03{padding:27px 0 22px 70px;}
.main-menu ul .menu04{padding:27px 0 22px 70px;}
.main-menu ul .menu05{padding:27px 0 22px 70px;}
.main-menu ul .menu06{padding:27px 0 22px 70px;}
.main-menu ul .menu07{padding:27px 0 22px 70px;}

.card-detail{}
.card-detail dl:after, .card-detail dl dd:after{content:'';display:block;clear:both;}
.card-detail dl dt{width:140px;float:left;color:#111;font-size:15px;font-weight:500}
.card-detail dl dd{margin:0 0 10px 145px;color:#333;font-size:15px;}
.card-detail dl dt.t2{padding-top:8px}
.card-detail dl dd.d1{position:relative;padding-left:130px}
.card-detail dl dd.d1 span{width:120px;position:absolute;top:0;left:0;}
.card-detail dl dd.d1 span input.intext{width:100px;}
.card-detail dl.dl-font dt{width:100px;}
.card-detail dl.dl-font dd{margin-left:105px;}
/* setting */
.setting-list{}
.setting-list dl{border-bottom:1px solid #c4c5c8}
.setting-list dl dt:first-of-type{border-top:0;}
.setting-list dl dd:first-of-type{border-top:0;}
.setting-list dl dt{padding:0 0 0 15px;border-top:1px solid #c4c5c8;color:#111;font-size:16px;line-height:54px;box-sizing:border-box;}
.setting-list dl dd{padding:0 15px 0 0;border-top:1px solid #c4c5c8;font-size:16px;line-height:54px;text-align:right;box-sizing:border-box;}
.setting-list dl dd:after{content:'';display:block;clear:both;}
.setting-list dl dt a{position:relative;display:block;color:#111;font-size:16px;line-height:54px;}
.setting-list dl dt a:after{content:'';width:12px;height:18px;background:url('../images/icon_04.png') no-repeat;background-size:12px 18px;position:absolute;right:15px;top:50%;margin-top:-9px}
.setting-list dl dt.t1{width:150px;float:left}
.setting-list dl dd.d1{margin:0 0 0 150px}
.setting-list dl dd.d1:after{content:'';display:block;clear:both;}


.toggle-check-input{width:0px;height:0px;position:absolute;}
.toggle-check-text{display:inline-block;position:relative;text-transform:uppercase;background:#aaaaaa;border-radius:13px;min-width:55px;height:26px;color:#FFF;cursor:pointer;transition:background-color 0.15s;vertical-align:middle}
.toggle-check-text:after{content:' ';display:block;background:#FFF;width:20px;height:20px;border-radius:50%;position:absolute;left:3px;top:3px;transition:left 0.15s, margin-left 0.15s;}
.toggle-check-text:before{content:'No';font-size:12px;position:absolute;top:0;right:9px;line-height:26px;}
.toggle-check-input:checked ~ .toggle-check-text{background:#015ffd;}
.toggle-check-input:checked ~ .toggle-check-text:before{content:'Yes';left:9px;right:inherit;}
.toggle-check-input:checked ~ .toggle-check-text:after{left:100%;margin-left:-1.4em;}

.notice_detail{margin:0 0 20px;border-top:2px solid #015ffd;border-bottom:1px solid #c4c5c8;}
.notice_detail h6{padding:15px 15px 5px;color:#111;font-size:18px;}
.notice_detail .date{display:block;padding:5px 15px 15px;border-bottom:1px solid #c4c5c8;font-size:14px}
.notice_detail .date i:after{content:'';margin:0 5px 0 8px;width:1px;height:12px;background-color:#c4c5c8;display:inline-block;vertical-align:middle}
.notice_detail .tbl-scroll2{padding:12px 10px;color:#444;font-size:16px;line-height:25px;}
.notice_detail .file{padding:12px 10px;border-top:1px solid #c4c5c8;font-size:14px}
.tbl-scroll2{overflow:auto;overflow-x:hidden;overflow-y:auto}
.push-msg{}
.push-msg ol{padding:10px 0 35px 35px;background:url('../images/bg_push.png') repeat-y 20px 0;}
.push-msg ol li{position:relative;margin-top:30px;}
.push-msg ol li:before{content:'';display:block;width:5px;height:5px;border-radius:50%;background-color:#fff;border:2px solid #0140fc;position:absolute;top:7px;left:-19px}
.push-msg ol li .tit{color:#111;font-size:16px}
.push-msg ol li .tit i{color:#f5210b}
.push-msg ol li .cont{margin-top:10px;padding:10px;border:1px solid #c4c5c8;font-size:14px;line-height:22px}

.notice_list{margin:15px 0 20px;border-top:2px solid #015ffd;}
.notice_list ol li{padding:15px 10px 15px 10px;border-bottom:1px solid #c4c5c8;position:relative;}
.notice_list ol li span{display:block;}
.notice_list .tit{color:#111;font-size:18px;padding-right:40px}
.notice_list .date{padding:5px 0 10px 0;color:#666;font-size:14px}
.notice_list .txt{color:#444;font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.notice_list .file{position:absolute;top:15px;right:15px;width:22px;height:22px;background:url('../images/icon_file.png') no-repeat;background-size:22px 22px;overflow:hidden;text-indent:-9999px}
.notice_list .new{width:16px;height:16px;background:url('../images/icon_new.png') no-repeat;background-size:16px 16px;text-indent:-9999px;overflow:hidden;display:inline-block;vertical-align:middle;margin-bottom:2px}

#login-foot{background-color:#333;position:fixed;left:0;bottom:0;width:100%;height:50px;padding-top:8px;text-align:center}
#login-foot a{color:#fff;font-size:12px;border-bottom:1px solid #ddd;padding-bottom:1px}
#login-foot p.copy{color:#a1a1a1;font-size:11px;margin-top:2px}
#intro-foot{position:fixed;left:0;bottom:0;width:100%;height:50px;padding-top:8px;text-transform:uppercase;text-align:center}

.login-call{position:fixed;left:0;bottom:58px;width:100%;height:75px;}
.login-call .inner{margin:0 15px;border-top:1px solid #c4c5c8;}
.login-call p{width:175px;margin:0 auto;position:relative;padding:15px 0 0 55px;color:#333333;font-size:16px;line-height:22px;}
.login-call p:before{content:'';display:block;position:absolute;top:15px;left:0;width:48px;height:48px;background:url('../images/login_03.png') no-repeat;background-size:48px 48px;}
.login-call p a{color:#333;font-weight:700}
.login-call span{display:block;color:#666;font-size:13px;}

.login-box{margin:0 30px}
.login-box .link{margin-top:20px;text-align:center}
.login-box .link a{color:#333;font-size:16px;border-bottom:1px solid #333;padding-bottom:1px}
.login-box .btn-type01{margin-top:25px}
.login-box .save{color:#000;font-size:13px}
.login-box .id{position:relative;display:block;margin-bottom:6px}
.login-box .pw{position:relative;display:block;margin-bottom:10px}
.login-box .id:before{content:'';display:block;position:absolute;top:6px;left:10px;width:22px;height:26px;background:url('../images/login_01.png') no-repeat;background-size:22px 26px;}
.login-box .pw:before{content:'';display:block;position:absolute;top:6px;left:10px;width:20px;height:26px;background:url('../images/login_02.png') no-repeat;background-size:20px 26px;}
.login-box .intext{padding-left:45px;border:1px solid #b0bdc3}

.find-idbox{border:1px solid #b0bdc3;padding:20px 18px 25px}
.find-idbox.last{border-top:0px solid #b0bdc3}
.find-idbox h5{height:30px;color:#111;font-size:16px;font-weight:700}
.find-idbox .btn{position:relative;margin-top:10px}
.find-idbox .btn button{width:49%;display:inline-block}
.find-idbox .btn .btn-type02{position:absolute;top:0;right:0}
.find-idbox dl dt{width:108px;float:left;color:#111;font-size:16px;line-height:38px}
.find-idbox dl dd{margin:0 0 6px 108px; }
.find-idbox dl dd:after{content:'';display:block;clear:both;}


.find-idbox2{border:1px solid #b0bdc3;padding:60px 65px 25px;}
.find-idbox2 .btn{padding:0 20px}
.find-idbox2 .result{padding-bottom:40px;color:#111;font-size:16px;line-height:28px;text-align:center;}
.find-idbox2 .result span{color:#0162fd;font-weight:700}

.protect-box{border:1px solid #b0bdc3;padding:20px 18px 25px;color:#111;font-size:14px;line-height:22px;text-align:center;}



/* intro */
@-webkit-keyframes spincube{
	from,to  {-webkit-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
	16%	     {-webkit-transform:rotateY(-90deg);						   }
	33%	     {-webkit-transform:rotateY(-90deg) rotateZ(90deg);		   }
	50%	     {-webkit-transform:rotateY(-180deg) rotateZ(90deg);		   }
	66%	     {-webkit-transform:rotateY(-270deg) rotateX(90deg);		   }
	83%	     {-webkit-transform:rotateX(90deg);						   }
}
@keyframes spincube {
	from,to{-moz-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);-ms-transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);transform:rotateX(0deg) rotateY(0deg) rotateZ(0deg);}
	16%{
		-moz-transform: rotateY(-90deg);
		-ms-transform: rotateY(-90deg);
		transform: rotateY(-90deg);}
	33% {
		-moz-transform: rotateY(-90deg) rotateZ(90deg);
		-ms-transform: rotateY(-90deg) rotateZ(90deg);
		transform: rotateY(-90deg) rotateZ(90deg);
	}
	50% {
		-moz-transform: rotateY(-180deg) rotateZ(90deg);
		-ms-transform: rotateY(-180deg) rotateZ(90deg);
		transform: rotateY(-180deg) rotateZ(90deg);
	}
	66% {
		-moz-transform: rotateY(-270deg) rotateX(90deg);
		-ms-transform: rotateY(-270deg) rotateX(90deg);
		transform: rotateY(-270deg) rotateX(90deg);
	}
	83% {
		-moz-transform: rotateX(90deg);
		-ms-transform: rotateX(90deg);
		transform: rotateX(90deg);
	}
}
.cubestage{position:relative;width:60px;height:60px;margin:100px auto 0;}
.cubestage:after{content:'';display:block;position:absolute;bottom:-50px;left:-30px;width:120px;height:34px;background:url('../images/intro_bg.png') no-repeat;background-size:120px 34px;}
.cubestage img{width:60px;height:60px}
.cubespinner{-webkit-animation-name:spincube;-webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;-webkit-animation-duration:12s;animation-name:spincube;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-duration:12s;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:30px 30px 0;-moz-transform-origin:30px 30px 0;-ms-transform-origin:30px 30px 0;transform-origin:30px 30px 0}
.cubespinner div{position:absolute;width:60px;height:60px;border:1px solid #ccc;background:rgba(255,255,255,.8);box-shadow:inset 0 0 20px rgba(0,0,0,.2);text-align:center;font-size:100px}
.cubespinner .face1{-webkit-transform:translateZ(30px);-moz-transform:translateZ(30px);-ms-transform:translateZ(30px);transform:translateZ(30px)}
.cubespinner .face2{-webkit-transform:rotateY(90deg) translateZ(30px);-moz-transform:rotateY(90deg) translateZ(30px);-ms-transform:rotateY(90deg) translateZ(30px);transform:rotateY(90deg) translateZ(30px)}
.cubespinner .face3{-webkit-transform:rotateY(90deg) rotateX(90deg) translateZ(30px);-moz-transform:rotateY(90deg) rotateX(90deg) translateZ(30px);-ms-transform:rotateY(90deg) rotateX(90deg) translateZ(30px);transform:rotateY(90deg) rotateX(90deg) translateZ(30px)}
.cubespinner .face4{-webkit-transform:rotateY(180deg) rotateZ(90deg) translateZ(30px);-moz-transform:rotateY(180deg) rotateZ(90deg) translateZ(30px);-ms-transform:rotateY(180deg) rotateZ(90deg) translateZ(30px);transform:rotateY(180deg) rotateZ(90deg) translateZ(30px)}
.cubespinner .face5{-webkit-transform:rotateY(-90deg) rotateZ(90deg) translateZ(30px);-moz-transform:rotateY(-90deg) rotateZ(90deg) translateZ(30px);-ms-transform:rotateY(-90deg) rotateZ(90deg) translateZ(30px);transform:rotateY(-90deg) rotateZ(90deg) translateZ(30px)}
.cubespinner .face6{-webkit-transform:rotateX(-90deg) translateZ(30px);-moz-transform:rotateX(-90deg) translateZ(30px);-ms-transform:rotateX(-90deg) translateZ(30px);transform:rotateX(-90deg) translateZ(30px)}