/* @charset "utf-8"; */
/* 2022.12.14 cbd �� ȣȯ�� ���� */

@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700,800&subset=korean');
body{-webkit-text-size-adjust: 100%;}
body, body *{margin: 0; padding: 0px; border: 0px;}
ol{list-style: none;}
a{text-decoration: none !important;}
.wrap{overflow: hidden;}
.header{border-bottom: 1px solid #dbdbdb;}
.header .search button.mb{display: none;}
.login-group{padding: 0 10px;}
.login-group .view{margin-left: 10px;}
.header .login-group{background: #f8f8f8; height: 35px; line-height: 35px; font-size: 14px; box-sizing: border-box; padding: 0 10px;}
.header .login-group *{vertical-align:middle;}
.header .login-group > div{max-width:1200px; color:#777;  margin: 0 auto; text-align: right;}
.header .login-group > div a{color:#555; display : inline-block}
.header .gnb-group > div{max-width:1200px;margin: 0 auto; position: relative;}
.header .btn-plus,.header .btn-minus{font-size: 0px; background: url("../../images/cyber/common/minus.png") no-repeat center center; width: 17px; height: 17px; display: inline-block;}
.header .btn-plus{background-image: url("../../images/cyber/common/plus.png"); margin-left: 1px; margin-right: 0px;}
.header .gnb{display: block; position: absolute; left:190px; top:30px; z-index: 999;}
.header .gnb ul li{float: left;}
.header .gnb > ul > li{ padding-left: 40px;}
.header .gnb > ul > li > a{font-size: 19px; font-weight: bold; display: block; height: 60px;}
.header .gnb > ul > li > a:before{content:""; display: inline-block; width: 5px; height: 5px; border-radius: 180px; background-color: #d4d4d4; position: relative; left:-20px; top:-5px;}
.header .gnb > ul > li:first-child > a:before{display: none;}
/* .header .gnb ul ul{display: none;} */
.header .gnb-m{position: absolute; right: 0px; top:50%; min-width: 300px; padding-right: 185px; box-sizing: border-box; margin-top: -20px;}
.header .search{position: relative; }
.header .search input{ height: 40px; border: 1px solid #dbdbdb; width: 100%; padding-right: 40px; box-sizing: border-box; text-indent: 5px;}
.header .search button{background:url("../../images/cyber/common/btn_search.png") no-repeat center center; display: block; position: absolute; right: 0px; top:0px; width: 40px;  height: 40px; text-indent:-9999px;}
.header h1{padding-top: 15px; padding-bottom: 21px;}
.title-group{border-bottom: 2px solid #333; margin-bottom: 30px;}
.title-group:after{content:""; clear: both; display: block;}
.title-group h2{float: left; padding-bottom:15px;}
.title-group .location{float: right; position: relative; top:5px; font-size: 14px; height: 20px;}
.title-group .location a{height: 20px; display : inline-block;} 
.tablet,.mobile-menu{display: none;}
.join-step ul:after{content:""; display: block; clear: both; }
.join-step li{ float: left; width:calc(25% - 19px); margin-left: 25px;position: relative; }
.join-step li:after{content:""; display: inline-block; background: url("../../images/cyber/common/step-arr.png") no-repeat right center; width: 11px; height: 18px; position: absolute; top:50%; right: -20px; margin-top: -9px;}
.join-step li:last-child:after{content:""; display: none;}
.join-step ul li:first-child{margin-left: 0px;}
.join-step a{display: block; font-size: 16px; font-weight: bold; color:#5a5a5a; padding: 18px 10px; letter-spacing: -1px; padding-right: 0px; box-sizing: border-box; width: 100%;  border: 4px solid #d8d8d8;}
.join-step a.active{ border: 4px solid #1c5cac; color:#1c5cac; text-decoration: underline !important;}
.join-step a.active span{color:#1D850C;}
.join-step a:after{content:""; display: block; position: absolute; width: 10px; height: 18px; background:#fff; margin-top: -9px; z-index: 0; top:50%; left:0px;}
.join-step a:before{content:""; display: block; position: absolute; width: 10px; height: 18px; background:#fff; margin-top: -9px; z-index: 0; top:50%; right:0px;}
.join-step a span{display: block;color:#a5a5a5; font-size: 15px; font-weight: bold;}
.join-type{margin-top: 60px;}
.join-type > div{border: 3px solid #d8d8d8; float: left; width: calc(50% - 13px); box-sizing: border-box; padding: 25px;}
.join-type > div:first-child{margin-right: 26px;}
.join-type > div h3{margin: 0px !important; padding: 0px !important; font-size: 18px !important; color:#1c5cac !important; margin-bottom: 25px !important;}
.join-type > div h3:before{content: ""; display: none !important;}
.join-type .btn{text-align: center; display: block; border: 0px;}
.join-type p{font-size: 15px; color:#3d3e3f; padding-left: 70px; background: url("../../images/cyber/common/s-icon1.png") no-repeat left top; min-height: 160px; padding-bottom: 20px; word-break: keep-all;}
.join-type p span{margin-top: 20px; display: block;}
.join-type p span:first-child{margin-top: 0px;}
.join-type > div:last-child p{background-image: url("../../images/cyber/common/s-icon2.png");}
.join-type > div:last-child .btn a{background-color:#1c5cac;}
.join-type .btn a{display: inline-block; padding: 10px 60px; color:#fff; font-weight: bold; font-size: 20px; background-color: #1D850C; }
.join-type:after{content:""; display: block; clear: both;}
div.line-b{border-top:1px solid #151515 ; border-bottom: 1px solid #cdcdcd; padding: 20px 0; padding-bottom: 0px;}
div.line-b li{padding: 2px; padding-left: 10px; position: relative;}
div.line-b li:before{content:"-"; display: inline-block; position: absolute; left:0px; top:2px;}
div.line-b .ex{padding-left: 10px;}
h3:after{content:""; display:block; clear: both; }
.title-btn-g{float: right;}
.title-btn-g *{vertical-align: middle;}
.title-btn-g a, .title-btn-g button, .title-btn-g input[type="submit"]{display: inline-block; color:#2d66ba !important; padding: 5px; padding-left: 25px; border: 1px solid #2d66ba; background: url("../../images/cyber/common/down.png") no-repeat 7px center; font-size: 13px;}

/*header �κ�*/
.gnb>ul>li>ul{ display:none; position:absolute; left:22px; top:51px; width:1000px; text-align:center; height:50px; font-weight:200;}
.gnb>ul>li>ul:before{content:""; display: block; position: absolute; width: 10000px; height:50px; left:-5000px; background: url("../../images/cyber/common/main-menu_open_02.png") repeat left top;}
.gnb>ul>li>ul>li{ display:inline-block; position: relative;}
.gnb>ul>li>ul>li>a{ font-size:14px; color:#fff; text-decoration:none; display:block; padding:15px 5px; margin:0 5px; font-weight:400;position: relative;}
.gnb>ul>li>ul>li>a:hover{ color:#fff; text-decoration:underline!important;}
.gnb>ul>li>ul>li.active-m a{color:yellow;}
.gnb>ul>li>ul>li>ul>li.active-m a{color:yellow;}
.gnb>ul>li.on>a, .gnb>ul>li.menu_on>a, .gnb>ul>li.menu_on>ul>li.menu_on>a{ color:#13589f;}
.gnb>ul>li.on>ul{ display:block !important; z-index:9990;}
.gnb>ul>li.menu_on>ul{ display:block;}

.gnb>ul>li>ul>li::before{content:''; width: 1px; height: 10px; background: #fff; position: absolute; display: inline-block; left: -3px; top: 20px;}
.gnb>ul>li>ul>li:first-child::before{content:''; display: none;}

.blue{color:#3298df;}
.under-line{text-decoration: underline;}

/*2�� �޴� ��ġ ����*/
.gnb>ul>li:nth-child(1)>ul>li:first-child{}
.gnb>ul>li:nth-child(2)>ul>li:first-child{ }
.gnb>ul>li:nth-child(3)> ul > li:first-child{margin-left:140px;}
.gnb>ul>li:nth-child(4)>ul>li:first-child{ }
.gnb>ul>li:nth-child(5)> ul > li:first-child{margin-left:290px;}
.gnb > ul > li > ul > li > a {margin-right: 10px;}

/* #navWrap .active-m a{color: yellow;} */ /* �ۺ?�Ű� �� css */

.ds{position: relative; display: inline-block;}
.ds input{padding-right: 40px !important;}
.ds .ui-datepicker-trigger{position: absolute; right: 6px; top:1px; font-size: 0px; background: url("../../images/cyber/main/cal.png") no-repeat center center; display: block; width: 30px; height: 35px;}
.ui-datepicker table{display: none;}
table.ui-datepicker-calendar { display:none; }
table.ui-datepicker-calendar.hideDates {display: none;}
table.ui-datepicker-calendar.viewDates {display: table;}
.ui-widget-header{color:#fff !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background: #2d66ba; color:#fff; border: 0px;}
.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all{background-color: #666;}
.ui-datepicker-close.ui-state-hover{background-color: #2d66ba !important;}
.ui-datepicker-title *{vertical-align: middle;}
.ui-datepicker .ui-datepicker-title{ position: relative;  top: -3px; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{width: 48%; margin: 0 1%;}
.ui-widget-header{background: #2d66ba !important; border: 0px;}
.ui-datepicker-current.ui-state-default.ui-priority-secondary.ui-corner-all.ui-state-hover{background: #666 !important; }
.ui-state-hover{background:rgba(255,255,255,0.2) !important; border: 0px !important;}
.ui-icon{background-image: url("../../images/cyber/main/ui-icons_222222_256x240.png") !important;}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{border: 1px solid rgba(255,255,255,0.1); color:#fff; background-color: rgba(255,255,255,0.2);}
.ui-datepicker select.ui-datepicker-month option, .ui-datepicker select.ui-datepicker-year option{color:#2d66ba;}

/*�˾�������*/
.pop-wrap{}
.pop-con{padding:3vw;}
.bbs_default_list th,.bbs_default_list  td{ padding: 10px 5px; line-height: 140%;}
.pop-btn-g{text-align: center; margin-top: 40px;}
.pop-btn-g *{vertical-align: middle;}
.pop-btn-g a,.pop-btn-g button{display: inline-block; padding: 5px 20px; text-align: center; min-width: 100px; background-color:#1c5cac; color:#fff; font-size: 16px; margin: 0 5px; box-sizing: border-box;}
.pop-btn-g a:nth-child(2),.pop-btn-g button:nth-child(2){background-color: #666;}
.red-f{color:#df3f18 !important; text-decoration: underline;}
.red-f.bk{display: block;}

/*������*/
.content-area{padding-top: 60px;}
#contents h3{font-size: 18px; color:#333; position: relative; padding-top: 45px; margin-bottom: 25px; font-weight: 700;}
#contents h3 span{color:#1c5cac; margin-left: 5px;}
#contents h3:before{width: 30px; height: 2px; background:#1c5cac; content: ""; display: block; position: absolute; left: 0px; top:40px; }
#contents .con > h3:first-child{ padding-top: 9px;}
#contents .con > h3:first-child:before{ top:0px;}
.con > p{padding: 10px 0; margin-bottom: 10px;}
.con > h4{color:#1C5CAC;}
.mobile-menu{}
.mobile-con{display: none;}
.content-area > div{margin: 0 auto; max-width: 1200px; position: relative;}
/* LSM202190923 �Ƹ��� ê�� �߰� */
.content-area > div.aribot{position: absolute;}
.content-area:after{content: ""; display: block; clear: both;}
.left-con{float: left; width: 280px; padding-right: 45px; box-sizing: border-box;}
.left-con h2{width: 100%; height: 100px; color:#fff; background: #1c5cac; text-align: center; line-height: 100px;}
.left-con > ul{border: 1px solid #dddddd;}
.left-con > ul > li{border-top: 1px solid #e3e6eb;}
.left-con > ul > li:first-child{border-top: 0px;}
.left-con  ul > li > ul{padding: 20px 30px; background-color: #e9ebf2; display: none;}
.left-con  ul > li > ul > li{margin-top: 15px;}
.left-con  ul > li > ul > li:first-child{margin-top: 0px;}
.left-con  > ul > li > a{padding: 15px; display: block; color:#292929; font-size: 17px; font-weight: bold; background: url("../../images/cyber/common/m-plus.png") no-repeat right center;}
.left-con  > ul > li.on > a{color:#1c5cac; background-image: url("../../images/cyber/common/m-minus.png");}
.left-con  > ul > li.on > ul > li > a.on {color:#1c5cac;}
.left-con  > ul > li.on > ul{display: block;}
.left-con .no-child > a{background-image: none;}
.left-con  ul > li > ul > li a{font-size: 15px; font-weight: bold; color:#4d4d4d; padding: 0px;}
.left-con  ul > li > ul > li a:before{content: "-"; display: inline-block; margin-right: 5px;}
.left-con  ul li a:hover{color:#1c5cac;}
.right{text-align: right !important;}
.right-con{float: right; width: calc(100% - 280px); box-sizing: border-box; padding-right: 140px;}
/* .info-box{background:url("../../images/cyber/board/icon.png") no-repeat 20px center #cde8e6; color:#3d3e3f; font-size: 15px; padding: 10px 20px; padding-left: 165px; box-sizing: border-box; margin-bottom: 30px; min-height: 150px; vertical-align: middle; position: relative;} */
.info-box{background:url("../../images/cyber/board/icon.png") no-repeat 20px center #CDEDEE; color:#3d3e3f; font-size: 15px; padding: 10px 20px; padding-left: 165px; box-sizing: border-box; margin-bottom: 30px; min-height: 150px; vertical-align: middle; position: relative;}
.info-box *{vertical-align: middle;}
.sum{color:#CD0000 !important;}
/* .sum{color:#df3f18 !important;} */
.info-box ul{display: inline;}
.info-box ul.type2 li{line-height: 240%;}
.info-box ul.type2 li:before{content:""; top:25px;}
.info-box li:before{content:""; display: inline-block; width: 3px; height: 3px; background: #212121; margin-right: 10px; position: absolute; top:19px; left:0px;}
.info-box li{padding: 9px 0; position: relative; padding-left: 10px; line-height: 140%; text-align: left;}
.info-box li strong{color:#CD0000;}
.info-box.icon2{background-image: url("../../images/cyber/common/icon.png");}
.info-box.icon3{background-image: url("../../images/cyber/common/icon1.png");}
.info-box.icon4{background-image: url("../../images/cyber/common/icon2.png");}
.info-box.icon5{background-image: url("../../images/cyber/common/icon3.png");}
.info-box table{border: 0px;}
.info-box table td{border: 0px;}
.info-box table{height: 149px;}
.ol-list:after{content:""; display: block; clear: both;}
.ol-list li{width:calc(20% - 16px); margin-right:20px; float: left;}
.ol-list li:last-child{margin-right: 0px;}
.ol-list li:last-child dl dt:after{display: none !important;}
.ol-list li dl{width: 100%; box-sizing: border-box; border: 2px solid #0F727C; border-radius: 3px; }
.ol-list li dt{color:#fff; background:#0F727C; text-align: center; font-weight: bold; font-size: 21px; height: 36px; line-height: 36px; position: relative; border-radius: 1px 0px 1px 0px;}
.ol-list li dd{padding: 10px; font-size: 13px; line-height: 130%; font-weight: bold; color:#15437d; min-height: 70px; text-align: center; word-break: keep-all;}
.ol-list li dt:after{
    content:"";
    display: block;
    position: absolute;
    top:7px;
    right: -10px;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #0F727C;
}
.ol-list li:nth-child(2) dt{background-color: #387481;}
.ol-list li:nth-child(2) dl{ border-color: #387481;}
.ol-list li:nth-child(2) dt:after{border-left-color:#387481;}
.ol-list li:nth-child(3) dt{background-color: #005E80; }
.ol-list li:nth-child(3) dl{ border-color: #005E80;}
.ol-list li:nth-child(3) dt:after{border-left-color:#005E80;}
.ol-list li:nth-child(4) dt{background-color: #32536B; }
.ol-list li:nth-child(4) dl{ border-color: #32536B;}
.ol-list li:nth-child(4) dt:after{border-left-color:#32536B;}
.ol-list li:nth-child(5) dt{background-color: #1c5cac; }
.ol-list li:nth-child(5) dl{ border-color: #1c5cac;}
.ol-list li:nth-child(5) dt:after{border-left-color:#1c5cac;}
.info-text{color:#CD0000; margin-bottom: 30px; font-size: 14px; }
.info-text a{display:inline-block; padding:7px 10px; border: 1px solid #2d66ba;margin: 5px 0; margin-left: 10px; background: url("../../images/cyber/common/inbtn.png") no-repeat right center; padding-right: 20px; }
.board-info{text-align: right; font-weight: bold; font-size: 14px; color:#303030; margin-bottom: 10px;}
.board-info span{color:#CD0000;}
.headerBtn{border: 1px solid #dbdbdb; position: absolute; right: 0px; top:0px;}
.headerBtn a{padding: 11px 10px; display: inline-block; background-color: #f4f5f6; color:#3d3e3f;}
.headerBtn a:first-child{color:#fff; background-color:#2d66ba; }
.search-box{}
.s-btn-g{text-align: right; margin-top: 10px; margin-bottom: 25px;}
.print{color:#fff !important; background-color: #1D850C; display: inline-block; padding:7px 10px; letter-spacing: 2px; text-align: center; font-weight: bold; font-size: 16px;}
.search-con{padding: 10px; background-color: #fbfbfb; border: 1px solid #cdcdcd; margin-top: 25px; text-align: center;}
.search-con:after{content:""; display: block; clear: both;}
.search-con > span{display: inline-block; padding: 10px; float: none;}
.search-con label{font-weight: 600; font-size: 15px; margin-right: 0px;}
.search-con > span input,.search-con > span select{height: 35px; line-height: 35px; box-sizing: border-box; border: 1px solid #909090; width: 110px; margin: 0 5px; text-align: right; padding:0 10px;}
.search-con > span input.searchYmd,.search-con > span select.searchYmd{width: 130px;}
.search-con > span input#mkey{width: 100px;}
.search-con > span select{min-width: 80px; padding: 0px;}
.search-con > span.btn-g button,.search-con > span.btn-g a{display: inline-block; height: 35px; box-sizing: border-box; line-height: 35px; padding: 0 12px; color:#2d66ba; font-size: 16px; font-weight: 600; border: 1px solid #2d66ba; margin-right: 5px; background-color: #fff; }
.search-con > span.btn-g button:last-child{margin-right: 0px;}
.search-con > span.btn-g *{vertical-align: middle;}
.search-box .list-info{}
.search-box .list-info li{position: relative; padding-left: 10px; font-size: 14px; color: #303030;}
.search-box .list-info li:before{content: ""; display: inline-block; width: 3px; height: 3px; background-color:#2471d1; position: absolute; left:0px; top:6px; }
.search-box .list-info input[type="checkbox"]{margin-left: 5px;}
.search-box .list-info label{margin: 0 5px;}
.search-box .list-info strong{color:#CD0000;}
a.join{min-width: 150px;}
.table-box{width: 100%; overflow: auto; margin-bottom: 25px; overflow-x: hidden;}
.table-box.p-trans{overflow: hidden;}
.gi{padding: 20px; box-sizing: border-box; border: 1px solid #ccc; background-color: #f9f9f9;}
.table-box td dl dl dt,.gi dl dl dt{color:#CD0000;}
.table-box td dt,.gi dl dt{color:#2471d1; padding: 5px; font-weight: bold;}
.table-box td dd,.gi dl dd{ padding: 5px;}
.table-box table{width: 100%;}
.table-box table th,.table-box table td{line-height: 130%; }
.t-right td{text-align: right !important;}
.table-box.no-title{margin-top: 25px;}
.t-ex{text-align: right; margin-bottom: 15px; font-weight: bold;}
.t-ex strong{color:#CD0000; margin-right: 5px;}
.table-box .thead-table{width: 100%; border-top: 1px solid #151515; border-bottom:1px solid #c3c7cb; border-collapse: collapse;  }
.table-box .thead-table tbody td input{width: 100%; border: 1px solid #ccc;}
.table-box .thead-table thead th{padding: 12px 7px; border-left: 1px solid #cdcdcd; background-color: #fafafa; border-bottom: 0px solid #cdcdcd; word-break: keep-all;}
.table-box .thead-table thead tr th:first-child{border-left: 0px; }
.table-box .thead-table tbody th{background-color: #f3f8fc; border: 0px; border-left:1px solid #c3c7cb; border-top:1px solid #c3c7cb;}
.table-box .thead-table tbody tr th:first-child,.table-box .thead-table tbody tr td:first-child{border-left: 0px; border-right:1px solid #c3c7cb; }
.table-box .thead-table tbody tr th{padding:10px 15px;}
.table-box .thead-table tbody td{text-align: center; border: 0px; border-left:1px solid #c3c7cb; border-top:1px solid #c3c7cb; padding:7px 15px; word-break: keep-all;}
.table-box .tbody-table{border-top: 1px solid #151515; border-bottom:1px solid #c3c7cb; border-collapse: collapse;}
.table-box .tbody-table th{background-color: #f3f8fc; color:#2a2a2a; font-size: 14px; font-weight: bold; padding: 15px; border: 0px; border-top: 1px solid #c3c7cb;  word-break: keep-all;}
.table-box .tbody-table tr th:first-child{border-left:0px; }
.table-box .tbody-table tr th{border-left:1px solid #c3c7cb;}
.table-box .tbody-table tr:first-child td,.table-box .tbody-table tr:first-child th{border-top: 0px;}
.table-box .tbody-table td{padding: 15px; border: 0px;  border-top: 1px solid #c3c7cb; border-left: 1px solid #c3c7cb; color: #2a2a2a;}
.table-box .tbody-table td ul li{position: relative; padding: 7px 0; padding-left: 10px; line-height: 140%;}
.table-box .tbody-table td ul.no-bul li{padding-left: 0px; }
.table-box .tbody-table td ul.no-bul li:before{content: ""; display: none;}
.table-box .tbody-table td ul.no-bul li span{display: block; position: relative;padding-top: 7px; padding-left: 10px; margin-left: 20px;}
.table-box .tbody-table td ul.no-bul li span:before{content: ""; display: inline-block; width: 2px; height: 2px; background-color: #797979; position: absolute; top:16px; left:0px;}
.table-box .tbody-table td ul li:before{content: ""; display: inline-block; width: 2px; height: 2px; background-color: #797979; position: absolute; top:15px; left:0px;}
.table-box #input-table tbody tr td input {text-align: right; padding-right: 5px; line-height: 16px;}
.table-box #result-table tbody tr td input {text-align: right; padding-right: 5px; line-height: 16px;}
.con > .list-info{margin-bottom: 25px;}
.btn{display: inline-block; border: 1px solid #ccc; padding: 2px 5px; font-size: 11px; }
.con > .list-info li {color:#2471d1; position: relative; padding-left: 10px;}
.con > .list-info li:before{content: ""; display: inline-block; width: 3px; height: 3px; background-color:#2471d1; position: absolute; left:0px; top:6px; }
.con > .list-info.c-type li{margin-top: 20px; color: #444; font-size: 14px; line-height: 140%;}
.con > .list-info.c-type li:first-child{margin-top: 0px;}
.popup-wrap h2{background:url("../../images/cyber/common/pop-h2-bg.png") repeat-x left top; color:#fff; text-align: center; font-size: 25px; padding: 23px 50px; position: relative;}
.pop-con > .list-info{margin-bottom: 25px;}
.pop-con > .list-info.bc{margin-bottom: 10px;}
.pop-con > .list-info li {color:#333; position: relative; padding-left: 10px; font-size: 14px; margin-top: 10px;}
.pop-con > .list-info li strong{font-weight: bold; color:#4858b9;}
.pop-con > .list-info li:before{content: ""; display: inline-block; width: 3px; height: 3px; background-color:#2471d1; position: absolute; left:0px; top:6px; }
.pop-con > .list-info.c-type li{margin-top: 20px; color: #444; font-size: 14px; line-height: 140%;}
.pop-con > .list-info.c-type li:first-child{margin-top: 0px;}
.pop-con .tab{position: relative; padding-top:36px;}

.pop-con .tab > ul > li > a{position: absolute; border: 1px solid #adadad; left:0px; top:0px; font-size: 16px; font-weight: bold; padding: 0px; background: #fff; color:#303030; box-sizing: border-box; width: 100px; text-align: center; height: 36px; line-height: 36px;}
.pop-con .tab > ul > li > a:after{content:""; display: block; position: absolute; width: 20px; height: 20px; background-color:#fff; border-bottom: 1px solid #adadad; transform: rotate(45deg); right: -11px; top:-11px;}
.pop-con .tab > ul > li.on > a{color:#fff; background-color: #1c5cac; border: 0px; text-decoration: underline !important;}
.pop-con .tab > ul > li.on > a:after{content:""; display: block; position: absolute; width: 20px; height: 20px; background-color:#fff; transform: rotate(45deg); right: -10px; top:-10px; border: 0px;}
.pop-con .tab > ul > li.on table{display: table;}
.pop-con .tab > ul > li:nth-child(2) > a{left:100px;}

/* .pop-con .tab > ul > li > h3{position: absolute; left:0px; top:0px; border: 1px solid #adadad; padding: 0px; background: #fff; box-sizing: border-box;  }
.pop-con .tab > ul > li > h3 > a{width: 120px; text-align: center; height: 36px; line-height: 36px; display: block; font-size: 16px; font-weight: bold; color:#303030;  }
.pop-con .tab > ul > li > h3:after{content:""; display: block; position: absolute; width: 20px; height: 20px; background-color:#fff; border-bottom: 1px solid #adadad; transform: rotate(45deg); right: -11px; top:-11px;}
.pop-con .tab > ul > li.on > h3 > a{color:#fff;}
.pop-con .tab > ul > li.on > h3{background-color: #1c5cac;   border: 0px;}
.pop-con .tab > ul > li.on > h3:after{content:""; display: block; position: absolute; width: 20px; height: 20px; background-color:#fff; transform: rotate(45deg); right: -10px; top:-10px; border: 0px;}
.pop-con .tab > ul > li.on table{display: table;}
.pop-con .tab > ul > li:nth-child(2) > h3{left:120px;} */

.pop-con .tab > ul{border: 2px solid #1c5cac; padding: 20px;}
.pop-con .tab table{display: none;}
.pop-con .tab table tr td{border: 0px;}
.pop-con .tab table tr td div{float: left; padding:3px 0;}
.pop-con .tab table tr td div label{color:#303030; font-weight: bold; font-size: 16px;}
.pop-con .tab table tr td div select,.pop-con .tab table tr td div input{border: 1px solid #e0e0e0; height: 26px;}
.pop-con .tab table tr td div select{width: 80px;}
.pop-con .tab table tr td div input{max-width: 50px; margin-right: 10px;}
.pop-con .tab .c6{width: 60%; box-sizing: border-box;}
.pop-con .tab .c4{width: 40%; box-sizing: border-box;}
.pop-con .tab .big-in{max-width:300px;}
.pop-close{display: block; background: url("../../images/cyber/common/pop-close.png") no-repeat center center; width: 40px; height: 40px; font-size: 0px; position: absolute; right: 20px; top:50%; margin-top: -20px;}
.pop-con .table-box{ overflow-y: auto;}
.pop-btn{text-align: center; margin-top: 40px; margin-bottom: 40px;}
.pop-btn button{display: inline-block; height: 45px; line-height: 45px; width: 170px; text-align: center; color:#fff; font-size: 20px; font-weight: bold; background: #1D850C;}
.pop-btn button:before{content:""; display: inline-block; width:18px; height:18px; background: url("../../images/cyber/common/search-i.png") no-repeat center center; position: relative; top:2px; margin-right: 5px;}
/* .ex{margin-bottom: 25px;  font-weight: normal; color:#d73d01;} */
.ex{margin-bottom: 25px;  font-weight: normal; color:#CD0000;}
.ex a,.ex button{background: url("../../images/cyber/common/inbtn.png") no-repeat right center; padding-right: 25px; display: inline-block; padding-left: 15px;padding-top: 5px; padding-bottom: 5px; border: 1px solid #2d66ba; color:#2d66ba !important; font-weight: bold; margin: 5px;margin-left: 10px; }
.icon-link{padding:10px 30px; width: 100%; box-sizing: border-box; border: 1px solid #e5e5e5; margin-bottom: 30px;}
.icon-link *{vertical-align: middle;}
.icon-link:after{content:""; display: block; clear: both;}
.icon-link li{float: left; min-height: 45px; width: 33.333%; box-sizing: border-box; display: inline-block; margin:10px 0;} 
.icon-link li a{display: inline-block; position: relative; padding-left: 55px;  color:#292929; line-height: 45px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 100%; box-sizing: border-box;}
.icon-link li:nth-child(2) a:before{content:""; background-image: url("../../images/cyber/common/il2.png");}
.icon-link li:nth-child(3) a:before{content:""; background-image: url("../../images/cyber/common/il3.png");}
.icon-link li:nth-child(4) a:before{content:""; background-image: url("../../images/cyber/common/il4.png");}
.icon-link li:nth-child(5) a:before{content:""; background-image: url("../../images/cyber/common/il5.png");}
.icon-link li:nth-child(6) a:before{content:""; background-image: url("../../images/cyber/common/il6.png");}
.icon-link li a:before{width: 45px; height: 45px; box-sizing: border-box; content: ""; display: block; position: absolute; left:0px; top:0px; border: 0px solid #497dbd; background: url("../../images/cyber/common/il1.png") no-repeat center center;}
.big-btn-g{text-align: center; margin-bottom: 60px;}
.big-btn-g a,.big-btn-g button,.big-btn-g input[type="submit"]{ line-height: 70px; display: inline-block; padding-left: 80px; padding-right: 35px; height: 70px; color:#fff !important; font-size: 20px; font-weight: bold; background: url("../../images/cyber/common/ic-btn.png") no-repeat 30px center #1D850C;}
.big-btn-g .bi2{background-image: url("../../images/cyber/common/bic-1.png");}
.search-con .datepick{width: 100px;}
/* .dept02{display: none;} */
.img img{width: 100%;}
.no-data ,td.no-data{text-align: center !important; border-left:0px !important; border-right:0px !important; }
.line-h{line-height: 240% !important; word-break: keep-all;}
.left{text-align: left !important; padding:5px 15px;}
/* .blue-btn{color:#fff !important; background-color: #498acc; font-size: 12px; display: inline-block; height: 22px; padding: 0px 10px; line-height: 22px;} */
.blue-btn{color:#fff !important; background-color: #2d66ba; font-size: 12px; display: inline-block; height: 22px; padding: 0px 10px; line-height: 22px; outline-color:#CD0000; outline-width: thick;}
/* .gray-btn{color:#fff !important; background-color: #8f8f8f; font-size: 12px; display: inline-block; height: 22px;  padding: 0px 10px; line-height: 22px;} */
.gray-btn{color:#fff !important; background-color: #555555; font-size: 12px; display: inline-block; height: 22px;  padding: 0px 10px; line-height: 22px; outline-color: #CD0000; outline-width: thick;}
.arr-box{position: relative; margin-top: 80px;}
.arr-box:first-child{margin-top: 0px;}
.arr-t:before{content:""; display: block; width:32px; height:9px; transform: rotate(90deg); background: url("../../images/cyber/common/t-arr.png") no-repeat left top; position: absolute;left:50%; bottom: -40px; margin-left: -16px; }
.arr-box p{width: 170px; color:#303030; float: left; box-sizing: border-box; background: url("../../images/cyber/common/tel.png") no-repeat 15px 5px; padding-top: 70px; position: relative;}
.arr-box p:after{content:""; display: block; width: 32px; height: 9px; background: url("../../images/cyber/common/t-arr.png") no-repeat left top; position: absolute; right: 30px; top:50%; margin-top: -5px;}
.arr-box p strong{color:#1c5cac; font-size: 16px; font-weight: bold; display: block;}
.arr-box dl{border: 2px solid #aaaaaa; border-radius: 15px; padding: 15px; width: calc(100% - 170px); float: left; box-sizing: border-box;}
.arr-box dt{padding: 8px 20px; border-radius: 40px; background-color: #707070; color:#fff; display: inline-block; margin-bottom: 10px; }
.arr-box dd{display: block; color:#303030; }
.arr-box:after{content: ""; display: block; clear: both;}
.arr-box .line-box{border: 2px solid #1D850C; position: relative; border-radius: 15px; margin-bottom: 70px; letter-spacing: -1px; box-sizing: border-box; width:100%; text-align: center; padding: 25px; font-weight: bold; font-size: 16px;}
.arr-box ol.line-box{ font-size: 14px;}
.arr-box *{vertical-align: middle;}
.arr-box .line-box strong{color:#fff; background-color:#1D850C; height: 36px; width: 36px; border-radius: 180px; font-size: 15px; display: inline-block; text-align: center; line-height: 36px; margin-left: 7px;}
.arr-box > div:first-child{margin-right: 24px;}
.arr-box > div:first-child .line-box strong{background-color: #1c5cac;}
.arr-box > div:first-child .line-box{border: 2px solid #1c5cac;}
.arr-box > div{float: left; width:calc(50% - 12px); box-sizing: border-box;}
.arr-box > div:first-child > strong{ background-color:#1c5cac; }
.arr-box > div ol{min-height:330px;}
.arr-box > div li{font-weight: normal; margin-top: 20px; text-align: left; position: relative; padding-left: 15px;}
.arr-box > div li:before{content:"1."; position: absolute; left:0px; top:0px; }
.arr-box > div li:nth-child(2):before{content:"2."; position: absolute; left:0px; top:0px;  }
.arr-box > div li:nth-child(3):before{content:"3."; position: absolute; left:0px; top:0px;  }
.arr-box > div li:nth-child(4):before{content:"4."; position: absolute; left:0px; top:0px;  }
.arr-box > div li span{color:#858585; display: block;}
.arr-box > div li:first-child{margin-top: 0px;}
.tab-c{display: none;}
.tab-c.on{display: block; border: 1px solid #1D850C; border-top: 0px; box-sizing: border-box; padding: 15px; position: relative; min-height: 210px;}
form.tab-c.on{border: 1px solid #1c5cac; border-top: 0px;}
.file a{background: url("../../images/cyber/common/file.png") no-repeat right center; display: inline-block; padding-right: 30px; }
.agree{padding: 10px; padding-bottom: 0px; color:#1c5cac;}
.agree_box {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #D7D7D7;
    height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 15px;
    line-height: 140%;
    color:#666;
    }
.agree-btn-g{margin-top: 30px;}
.agree_box dl {
    margin: 0 0 20px;
    }
 /** 2022.10.11 ���ٴ� agree_box ���� �ϴ� ���� ��� ���� */
.agree_box ul {
    margin-bottom: 10px;
    }
.agree_box ul li{padding: 5px 0;}
.agree_box table {
    border: 1px solid #e4e4e4;
    margin: 10px 0;
    border-collapse: collapse;
    width: 100%;
    border-spacing: 0;
    border-top: 2px solid #81bddf;
    }
.gray{background-color: #767676 !important;}
.agree_box table td {
    background-color: #fff;
    text-align: left;
    padding: 5px;
    border-collapse: collapse;
    }

.agree_box table thead th {
    border-bottom: 1px solid #ccd9e2;
    font-weight: bold;
    background: #f3f8fc;
    color: #444;
    }

.agree_box table th,.agree_box table td {
    font-weight: normal;
    text-align: center;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding:8px 0;
    vertical-align: middle;
    }
    

.ol-list.type2{padding-bottom: 20px !important;}
.ol-list.type2 li dd{min-height: 40px !important;}
.thead-table.td-type tbody tr:first-child td{border-top:1px solid #151515 !important;}
.thead-table.td-type tbody tr td{padding: 15px;}
.view-table{width: 100%; border-top:1px solid #151515; }
.view-table th{background-color: #f3f8fc; color:#2a2a2a; border-bottom: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; text-align: left; padding: 0px 20px;}
.view-table  tr th:first-child{border-left: 0px;}
.view-table td{ border-bottom: 1px solid #cdcdcd; }
/* .board-view-text{padding-left: 5px; white-space: pre-line; border-bottom: 1px solid #cdcdcd; font-size: 15px; color:#2a2a2a; margin-bottom: 60px;} */
.board-view-text{padding: 10px; border-bottom: 1px solid #cdcdcd; font-size: 15px; color:#2a2a2a; margin-bottom: 60px;}
.board-view-text p img{max-width:100%; height:auto; }
.board-btn{text-align: center;}
.board-btn a{padding: 10px 25px; background: #1c5cac; color: #fff !important; font-weight: bold; display: inline-block;}
.board-btn button{padding: 10px 25px; background: #1c5cac; color: #fff !important; font-weight: bold; display: inline-block;} 
.board-btn a span{display: inline-block; padding-left: 25px; position: relative; background: url("../../images/cyber/common/btn-i.png") no-repeat left center;}

/*���*/
.login-sub{margin-bottom:25px; }
.login-sub:after{content:""; display: block; clear: both;}
.login-sub h4{font-size: 18px; font-weight: bold; color:#1c5cac; margin-bottom: 20px; background: url("../../images/cyber/common/log-i2.png") no-repeat left center; padding: 10px; padding-left: 40px;}
.login-sub > div{box-sizing: border-box; border: 4px solid #d8d8d8; width: calc(50% - 12px); padding: 30px; float: left; min-height: 352px;}
.login-sub > div ul{}
.login-sub > div li{}
.login-sub > div li input{height: 28px; border: 1px solid #1D850C; line-height: 28px; color:#003030;  width: 100%; margin-bottom: 12px; text-indent: 10px; box-sizing: border-box;}
.login-sub > div li > button,.login-sub > div li > a{background-color: #1D850C; color:#fff; font-size: 16px; font-weight: 600; display: block; text-align: center; width: 100%; height: 48px; line-height: 48px;}
.login-sub > div li > span{letter-spacing: -1px; line-height: 140%; min-height: 85px; display: block;}
.login-sub > div li > a{background-color: #1c5cac;}
.login-sub > div li > div{color:#303030; letter-spacing: -1px; margin-top: 10px; padding: 10px 0;}
.login-sub > div li > div a{display: inline-block; border: 1px solid #7d7d7d; padding: 0 20px 0 10px; font-size: 12px; color:#7d7d7d; height: 28px; box-sizing: border-box; line-height: 26px; background: url("../../images/cyber/common/log-arr.png") no-repeat right center;}
.login-sub > div li > div span{ margin-right: 10px; margin-bottom: 10px; display: inline-block;}
.login-sub .id-login{margin-right: 24px;}
.login-sub .id-login h4{background-image: url("../../images/cyber/common/log-i1.png");}
.login-sub.new-type h4{background: none; padding-left: 0px;}
.login-sub.new-type > div{min-height: 100px; position: relative; }
.login-sub.new-type > div.icon-t{margin-right: 24px;}
.login-sub.new-type > div a{display: block; text-align: center; width: calc(100% + 8px); box-sizing: border-box; padding: 15px; background-color:#1D850C; color:#fff; font-size: 16px; font-weight: bold; position: absolute; bottom: -4px; left:-4px;}
.login-sub.new-type > div a span{display: inline-block; background: url("../../images/cyber/common/ib.png") no-repeat right center ;  padding-right: 15px;}
.login-sub.new-type > div p{font-size: 15px; color: #3d3e3f; background: url("../../images/cyber/common/ic1.png") no-repeat 10px center; padding:10px 0 10px 80px; margin-bottom: 60px; }
.login-sub.new-type > div:last-child p{background-image: url("../../images/cyber/common/ic2.png");}
.login-sub.new-type > div:last-child a{background-color: #557dc2;}
.manager_info{padding-top: 65px;}
.manager_info a{border: 1px solid #ccc; padding: 5px; padding-right: 15px; font-size: 11px; display: inline-block; background: url("../../images/cyber/common/a.png") no-repeat right center #fff;}
.m-img{display: none;}
.sitemap{}
.sitemap:after{content:""; display: block; clear: both;}
.sitemap > li{float: left; width:calc(33.333% - 3vw); box-sizing: border-box; margin-left: 4vw; margin-bottom: 50px;}
.sitemap > li:nth-child(3n + 1){margin-left: 0px;}
.sitemap dl{}
.sitemap dl dt{border-bottom: 2px solid #1c5cac; font-size: 20px; font-weight: bold; color:#1c5cac; box-sizing: border-box; padding: 7px; padding-left: 25px; background: url("../../images/cyber/common/icon-sitemap.png") no-repeat left center;}
.sitemap dl dd{ min-height: 210px; background: #fafafa; box-sizing: border-box; padding: 28px; padding-bottom: 0px;}
.sitemap dl ul{}
.sitemap dl dd li a{color:#303030; font-size: 13px; position: relative; padding-left: 10px; display: block;}
.sitemap dl dd li a:before{content:""; display: inline-block; width: 3px; height: 3px; background: #1D850C; position: absolute; left:0px; top:5px;}
.sitemap dl dd li{margin-top: 15px;}
.sitemap dl dd li:first-child{margin-top: 0px;}
/*Dz��*/
.footer{width: 100%; border-top:1px solid #dbdbdb; margin-top: 60px; }
.footer > div{margin: 0 auto; max-width: 1200px; position: relative;}
.footer > div .add{position:relative; padding-left: 200px; padding-top: 35px; padding-bottom: 45px;}
.footer > div .add > img{position: absolute; left:10px; top:40px;}
.footer > div .list{}
.footer > div .list ul:after{content: ""; display: block; clear: both;}
.footer > div .list li{float: left; border-left:1px solid #c6c6c6; margin-bottom: 15px;}
.footer > div .list li:first-child{border: 0px;}
.footer > div .list li:first-child a{padding-left: 0px;}
.footer > div .list li a{font-size: 1.2em; color:#3b3b3b; display: block; padding: 0 23px;}
.footer address{color:#828282; font-size: 1em; font-style: normal; margin-bottom: 10px;}
.footer .copyright{font-size: 0.9em; color:#2d66ba;}
.footer .top-g{position: absolute; top:0px; right: 0px; padding-right: 120px; padding-top: 29px;}
/*.footer .top-g img#iSeoulU{padding-top: 25px; padding-right: 115px;}*/
.footer .top-g img#iSeoulU{padding-top: 5px; padding-right: 100px;}
/* .footer .top-g a#WA_mark{padding-top: 25px; padding-right: 155px; background: #fff;} */
.footer .top-g a#WA_mark{margin-top: 25px; margin-right: 155px; background: #fff;}
.footer .top-g a{color: #fff; width: 66px; height: 60px; display: block; background: #626878; text-align: center; line-height: 80px; position: absolute; right:0px; top:0px;}
.footer .top-g a:after{content:">"; display: block; color:#fff; position: absolute; left:-10px; top:-2px; width: 40px; height: 40px; transform: rotate(-90deg); font-size: 1.5em;}
/* top ��ư */
#footer .topBtn {display: inline-block; position: absolute; top: -35px; right: 0;}

.quick{position: absolute; right:0%; top:40px; border: 1px solid #1c5cac; width: 100px; background: #fff; z-index: 999;}
.quick h3{background:#1c5cac; color:#a3ccff; font-size: 16px; text-align: center; padding:10px 10px;}
.quick h3 a{display: block; color:#fff; font-weight: normal; font-size: 14px; text-align: left; text-indent: 3px; background: url("../../images/cyber/common/quick.png") no-repeat right center; letter-spacing:0px; margin-top: 2px;}
.quick ul{}
.quick li{border-bottom:1px solid #1c5cac; }
.quick li a{display: block; height: 87px; box-sizing: border-box; text-align: center; padding-top: 60px; padding-bottom: 15px; color:#292929; font-size: 12px; background: url("../../images/cyber/common/q1.png") no-repeat center 15px; background-size: auto 35px;}
.quick li:nth-child(2) a{background-image: url("../../images/cyber/common/q2.png");}
.quick li:nth-child(3) a{background-image: url("../../images/cyber/common/q3.png");}
.quick li:nth-child(4) a{background-image: url("../../images/cyber/common/q4.png");}
.quick li:nth-child(5) a{background-image: url("../../images/cyber/common/q5.png");}

.quick a.top{background:url("../../images/cyber/common/top-arr.png") no-repeat 15px center #1c5cac; display: block; color:#fff; padding:13px 15px; font-size: 12px; text-align: center; text-indent: 10px;}

.m-trans{display: none;}
.m-trans .list{}
.m-trans .list > div{border: 1px solid #ccc; margin-bottom: 10px; padding:5px 15px; border-top:2px solid #1c5cac; }
.m-trans .list table{width: 100%; }
.m-trans .list table tbody{}
.m-trans .list table tbody tr:last-child td,.m-trans .list table tbody tr:last-child th{ border-bottom: 0px dashed #ccc;}
.m-trans .list table tbody td{border: 0px; padding:10px; border-bottom: 1px dashed #ccc; }
.m-trans .list table tbody td .ib{width: calc(100% - 60px); margin-right: 5px; max-width: 120px;}
.m-trans .list table tbody th{text-align: left; padding:10px 5px;border-bottom: 1px dashed #ccc; position: relative;}
.m-trans .list table tbody input{border: 1px solid #ccc; width: 50%;}
.m-trans .list table tbody th:before{content:""; display: block; width: 1px; height: 10px; background:#bbb; position: absolute; right: 0px; top:50%; margin-top: -5px;}
.m-trans > .thead-table{width: 100%; border-collapse: collapse; }
.m-trans > .thead-table thead th {text-align: center; border-top:1px solid #151515; background-color: #fafafa; padding: 12px; border-left:1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;}
.m-trans > .thead-table thead th:first-child{border-left:0px;  }
.m-trans > .thead-table tbody th:first-child{border-right:1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; padding: 10px; background-color: #f3f8fc;}
.m-trans > .thead-table tbody td{padding: 10px;}

/*�����ss*/
.login-sub .f_id h4{background-image: url("../../images/cyber/common/find_id.png") !important;}
.login-sub .f_pw h4{background-image: url("../../images/cyber/common/find_pw.png");}

/* tap */
.login-sub div.id-login ul.client{position: relative;}
.login-sub div.id-login ul.client:before{content: ""; display: block; width: calc(100% - 150px); position: absolute; right: 0px; bottom:-1px; height: 1px; background: #1D850C;}
.login-sub div.id-login ul.client:after{content: ""; display: block; clear: both; }
.login-sub div.id-login ul.client li{float:left; border:1px solid #1D850C; width:75px; box-sizing: border-box; margin-bottom: -1px; background: #f3f3f3;}
.login-sub div.id-login ul.client li.on{border-bottom: 0px; background: #fff;}
.login-sub div.id-login ul.client li:last-child{border-left: 0px;}
.login-sub div.id-login ul.client li button.customer{background:none;font-size:15px;height:40px;line-height:40px;font-weight:500;color:#111;}


.login-sub div.cert-login ul.client{position: relative;}
.login-sub div.cert-login ul.client:after{content: ""; display: block; clear: both;}
.login-sub div.cert-login ul.client li{float:left;border:1px solid #1c5cac;width:75px; margin-bottom: -1px; background: #f3f3f3; box-sizing: border-box;}
.login-sub div.cert-login ul.client li.on{border-bottom: 0px; background: #fff;}
.login-sub div.cert-login ul.client li:after{content:""; display: block; width:calc(100% - 150px); height: 1px; background: #1c5cac; position: absolute; right: 0px; bottom:-1px;z-index: 5;}
.login-sub div.cert-login ul.client li:last-child{border-left:none;}
.login-sub div.cert-login ul.client li button.customer{background:none;font-size:15px;height:40px;line-height:40px;font-weight:500;color:#111;}
/* tap */

/* button */
.login-sub .id-login ul li.send ul li button{background: none;border:1px solid #1D850C;border-radius:30px;color:#1D850C;font-weight:300;font-size:14px;width: 70px !important; height: 30px;line-height: 30px;}
.login-sub .id-login ul li.send ul li:last-child{margin:0 0 10px 10px;}

.login-sub .id-login ul li.send ul li.on button{background: #1D850C;color:#fff; text-decoration: underline;}

.login-sub .cert-login ul li ul li button{background: none;border:1px solid #1c5cac;border-radius:30px;color:#1c5cac;font-weight:300;font-size:14px;width: 70px !important; height: 30px;line-height: 30px;}
.login-sub .cert-login ul li ul li:last-child{margin:0 0 10px 10px;}

.login-sub .cert-login ul li.send ul li.on button{background: #1c5cac;color:#fff; text-decoration: underline;}
/* button */

/* ���̵� ã�� */
.login-sub > div li.name input{margin-top:10px !important;}
.login-sub > div li.mail1>ul>li input{margin-bottom: 0px;}
.login-sub > div li.mail1>ul>li{float:left;width:33.333%; box-sizing:border-box; position: relative; margin-bottom: 12px;}
.login-sub > div li.mail1>ul>li:nth-child(2):before{content:"@"; display: block; position: absolute; left:3px; top:5px;}
.login-sub > div li.mail1>ul>li:nth-child(2){padding-left: 20px;}
.login-sub > div li.mail1>ul>li>select{border:1px solid #1D850C;width:100%; height:28px;vertical-align:middle;}
.login-sub > div li.mail1>ul>li:last-child{padding-left: 10px;}
.login-sub .id-login ul li.send ul li{float:left;}
.login-sub .id-login ul li.send ul li button{width:100%;}

.phone,.mail1{display: none;}
.phone.on,.mail1.on{display: block;}
.mail1 ul{display: block; width: 100%;}
.mail1 ul:after,.send ul:after{content:""; display: block; clear: both;}

/* 2022.01.21 LSM ����? ��й�ȣã�� ����, ��ȣ�� ��ư �߰� */
.sanghoUserNm1,.sanghoNm1{display: none;}
.sanghoUserNm1.on,.sanghoNm1.on{display: block;}

    /* ���̵� ã�� */

/* ��й�ȣ ã�� */
.login-sub > div li.id input{margin-top:10px;}
.login-sub > div.cert-login li input{border:1px solid #1c5cac;}

.login-sub .cert-login ul li.send ul li{float:left;}
.login-sub .cert-login ul li.send ul li button{width:100%;}

.login-sub .cert-login ul li.f_password button{background:#1c5cac;}

/* .con > .list-info.c-type li:nth-child(3){color:#df3f18;} */ /* 3��° �� ���������� ���� */
/* ��й�ȣ ã�� */

.table-box .thead-table tbody td{text-align: center !important;}
.table-box .thead-table tbody td.color_c{color:#df3f18;}


/* ���鼼�� */

/* ������ ���� */
.info-box.type_calculation{background-image:url("../../images/cyber/board/icon_calculation.png");}
.info-box.type_complain{background-image:url("../../images/cyber/board/icon_complain.png");}
.info-box.type_1{background-image:url("../../images/cyber/board/icon_type1.png");}
.info-box.type_2{background-image:url("../../images/cyber/board/icon_type2.png");}
.info-box.type_3{background-image:url("../../images/cyber/board/icon_type3.png");}
.info-box.type_4{background-image:url("../../images/cyber/board/icon_type4.png");}
.info-box.type_5{background-image:url("../../images/cyber/board/icon_type5.png");}
.info-box.type_6{background-image:url("../../images/cyber/board/icon_type6.png");}
.info-box.type_7{background-image:url("../../images/cyber/board/icon_type7.png");}
.info-box.type_8{background-image:url("../../images/cyber/board/icon_type8.png");}

/* box �ؽ�Ʈ ���� */
.info-box ul.list{text-align: left;}

.info-box ul.list li span{color:#df3f18;}
/* box �ؽ�Ʈ ���� */



.tax-table{border: 5px solid #94c4d9; padding: 10px;}
.tax-table.che{border: 5px solid #f8a61f;}
.tax-table.che .table-type1 thead th{background: #f8a61f; }
.tax-table.che  .table-type1  thead th:first-child{border-left:1px solid #f8a61f;}
.tax-table.che  .table-type1  thead th:last-child{border-right:1px solid #f8a61f;}
.tax-table.che .page-t{background-color:#f8a61f; color:#fff;  padding: 10px; border-radius:40px; text-align: center; font-size: 16px; }
.tax-table.che.su{border: 5px solid #56b262;}
.tax-table.che.su .table-type1 thead th{background: #56b262; }
.tax-table.che.su  .table-type1  thead th:first-child{border-left:1px solid #56b262;}
.tax-table.che.su  .table-type1  thead th:last-child{border-right:1px solid #56b262;}
.tax-table.che.su .page-t{background-color:#56b262; color:#fff;  padding: 10px; border-radius:40px; text-align: center; font-size: 16px; }
.tax-table.che.su .title-n label{font-size: 17px; font-weight: bold; color:#56b262;}
.tax-table.che.su .title-n strong input{background-color: #c3e1ca; }
.tax-table.che.su .title-n strong span{color: #56b262;}
.tax-table.che.su .title-n strong span a{color: #2e3a41; background-color: #c3e1ca; padding: 0px 5px 0px 5px;}
.tax-table .title-n{padding:10px 0; text-align: left;}
.tax-table .title-n label{font-size: 17px; font-weight: bold; color:#f87d31;}
.tax-table .title-n strong{font-size: 17px;}
.tax-table .title-n strong span{color: #f87d31;}
.tax-table *{vertical-align: top;}
.tax-table .wo{padding-left: 40px;}
.tax-table .wo > div:first-child{border: 2px solid #f87d31; border-radius:10px; padding: 10px; box-sizing: border-box; background-color: #ffe3d1; }
.tax-table .wo > div > span{display: block; padding: 10px 0; position: relative; min-height: 20px;}
.tax-table .wo > div > span label{font-weight: bold; color: #f86b4e; position: absolute; left:0px; top:10px; }
.tax-table .wo > div > span:first-child{border-bottom: 2px solid #ffc49a;}
/* .tax-table .wo > div > span:first-child input{text-align: right; position: absolute; right: 30px;} */ /* �����ȸ ü���� ���αݾ�,���� input �ڽ��� �ݾ׺κи� ������ġ�� ���Ǿ� ���� */
.tax-table .wo > div > span input{text-align: right; position: absolute; right: 35px;}
.tax-table .wo > div > span input{background-color: #ffe3d1;}
.tax-table .wo .ex{margin-top: 10px;}
.tax-table.che.su  .wo > div{border: 2px solid #8eb293; border-radius:10px; padding: 10px; box-sizing: border-box; background-color: #c3e1ca; margin-bottom: 10px;}
.tax-table.che.su  .wo > div > span{display: block; padding: 5px 0; position: relative; min-height: 22px;}
.tax-table.che.su  .wo > div > span label{font-weight: bold; color: #f86b4e;}
.tax-table.che.su  .wo > div > span:last-child em{color: #333 !important;}
.tax-table.che.su  .wo > div:first-child > span label,.tax-table.che.su  .wo > div:first-child > span em{color: #366f4b;}
.tax-table.che.su .wo > div > span label{position: absolute; left:0px; top:8px;}
.tax-table.che.su  .wo > div > span:first-child{border-bottom: 2px solid #8eb293;}
.tax-table.che.su  .wo > div > span input{text-align: right; position: absolute; right: 35px;}
.tax-table.che.su  .wo > div > span input{background-color: #c3e1ca;}
.tax-table.che.su tfoot tr td{border: 1px solid #ccc;}
.table-type1.bank tbody td{height: 200px;}
.tax-table input[type="text"]{display: inline-block; width: 50px;}
.tax-table input.long{width: 50%; text-align: left; margin-left: 5px; color: #2e3a41;}
.tax-table > tbody > tr > td{border: 0px; padding:5px;}
.tax-table .table-type1{border-collapse: collapse;}
.tat.lh{margin-top: 20px;}
.tat.lh > div:first-child{width: 50% !important;}
.tat.lh > div:last-child{width: 50%;}
.tat.lh > div > .table-type1.bank tbody td{vertical-align: top; text-align: left; padding-left: 5px;}
.tat.lh em{font-size: 17px; font-weight: bold; color:#f86b4e; position: absolute; right: 0px;}
.tax-table .table-type1 * , .tax-table .table-type2 *{vertical-align: middle;}
.tax-table .table-type1 thead th{background: #1c5cac; color:#fff; padding: 10px; border-left:1px solid #fff; }
.tax-table .table-type1 thead th input[type="text"]{border-radius: 40px; margin-left: 5px;}
.tax-table .table-type1 thead  tr th:first-child{border-left:1px solid #1c5cac; }
.tax-table .table-type1 thead  tr th:last-child{border-right:1px solid #1c5cac;}
.tax-table .table-type1 tbody td{border: 1px solid #ccc; padding: 3px 0; text-align: center;}
.tax-table .table-type1 tbody td.num{text-align: right; padding: 0px 15px 0px 15px;}
.tax-table .table-type1.pc tbody td{vertical-align: top; text-align: left; padding-left: 5px;}
.tax-table .table-type1.pc .chenap.num td{vertical-align: middle; text-align: right; padding: 0px 15px 0px 15px;}
.tax-table .table-type1.pc .chenap.num td.chenap.ym{vertical-align: middle; text-align: center; padding: 0px 0px 0px 0px;}
.tax-table .table-type1.mo tbody td{vertical-align: top; text-align: left; padding-left: 5px;}
.tax-table .table-type1.mo .chenap.num td{vertical-align: middle;  text-align: right; padding: 0px 5px 0px 5px;}
.tax-table .table-type1 tfoot td{background-color: #f9f9f9; padding: 3px 0; text-align: center;}
.tax-table .table-type1 tfoot td:first-child{border-left: 1px solid #ccc; text-align: center;}
.tax-table .table-type1 tfoot td.num{text-align: right; padding: 0px 15px 0px 15px;}
.tax-table .table-type1.pink  thead th{background-color: #fda2a8; border-top: 1px solid #fff; color:#222; }
.tax-table .table-type1.pink  thead th strong{color:#fff; display: block;}
.tax-table .table-type1.pink  thead tr:first-child th{border-top: 0px;}
.tax-table .table-type1.pink  thead th:first-child{border-left:1px solid #fda2a8;}
.tax-table .table-type1.pink  thead th:last-child{border-right:1px solid #fda2a8;}
.tax-table .table-type1.pink  thead th input[type="text"]{color:#222; background-color:#fda2a8; text-align: right; width: 40px;}
.tax-table .title-t{text-align: left; color:#333; font-weight: bold; font-size: 15px; margin-bottom: 10px;}
.tax-table .t-gra{background-color: #f9f9f9; border:2px solid #ddd; min-height: 125px;}
.tax-table .ts{font-size: 12px;}
.tax-table .t-ex{text-align: left; font-size: 12px;}
.tax-table .yt{text-align: left; font-size: 17px; font-weight: bold;}
.tax-table input{text-align: right;}
.t-b{text-align: left; padding-right: 40px; display: inherit;}
.t-b > strong{color: #1c5cac;}
.t-b > strong,.t-b > span{display: block; font-size: 17px;}
.t-b label{color: #1c5cac; font-weight: bold; font-size: 17px;}
.tax-table .big-t{font-size: 25px; font-weight: bold; border-bottom: 2px solid #94c4d9; margin-top: 30px; margin-bottom: 20px; text-align: center;}
.tax-table .big-t *{vertical-align: middle;}
.tax-table .big-t input{width: 50%;}
.tax-table input.small{width: 20px !important;}
/* .tax-table .lp{padding-left: 40px;} 2018/10/10 �����ȸ-�����ȸ ��� ���� �޴��� �?��ȣ, ���ڼ��밡��ȣ, ���ڳ��ι�ȣ ���� ���� */
.tax-table .lp{padding-left: 5px;}
.tax-table .table-type2 tbody td{border-left: 0px; border-right: 0px; text-align: right; border-bottom: 2px solid #bbb;}
.tax-table .table-type2 tbody th{text-align: left; border-bottom: 2px solid #bbb; padding: 0 5px;}
.f-table > div{float: left; width: 50%; box-sizing: border-box; padding-left: 10px;}
.f-table:after{content:""; display: block; clear:both;}
.f-table > div:first-child{padding-left: 0px; padding-right: 10px;}
.tax-table .tat > div{float: left; width: 65%; box-sizing: border-box;}
.tax-table .tat > div:first-child{width: 35%;}
.tax-table .tat .tb{width: 100%; padding: 10px;}
.tax-table .tat .tb > span{display: block; text-align: left; font-size: 12px;}
.tax-table .tat:after{content:""; display: block; clear:both; }
.col-th{border-left:1px solid #c3c7cb !important; }
.tax-table .table-type1.mo{display: none;}

/* ȸ���� �Ϸ� */
.join-clear{border: 1px solid #c7ccd0; box-sizing: border-box; position: relative; padding: 77px 50px; padding-left: 280px; margin-top: 15px; background: url("../../images/cyber/common/join-clear-bg.png") no-repeat left top #e6edf7;}
.join-clear:after{content: ""; display: block; position: absolute; right:-1px; top:-1px; width: 52px; height: 52px; background: url("../../images/cyber/common/join-clear.png") no-repeat center center;}
.join-clear dt{color:#0f4d96; font-size: 20px; font-weight: 800; padding-bottom: 7px; border-bottom: 1px solid #c4c9dc; margin-bottom: 15px;}
.join-clear dd{color:#3f4044; font-weight: bold; line-height: 140%;}
/* ȸ���� �Ϸ� ��*/

@media only screen and (max-width:1200px){
    .quick{display: none;}
    .header .search button.mb{border: 1px solid #ccc; display: block;}
    .header .search .search-g{display: none; position: relative; z-index: 999;}
    .header .search .search-g.on{display: block;}
    .footer > div .list li a{font-size: 0.9em;}
    .header .search .toggle{position: absolute; left:0px; top:0px; width: 20px; background:url("../../images/cyber/common/arr.png") no-repeat center center rgba(0,0,0,0.0); border-right:1px solid #ddd; background-size: 40%; text-indent:-9999px;}
    .header .search input{padding-left: 30px;}
    .gnb-group h1 a{padding-left: 10px; display: inline-block; }
    .header .gnb > ul > li{padding-left: 35px;}
    .header .gnb > ul > li > a:before{left:-17px;}
    .header .gnb-m{right:10px;}
    .right-con{ box-sizing: border-box; padding-right:40px;}
    .footer .top-g img#iSeoulU{padding-right: 60px;}
	.footer .top-g a#WA_mark{padding-right: 100px;}
}
@media only screen and (max-width:1023px){
    .quick{display: none;}
	.login-group{display:none;}
    #footer h5.f_logo{display: inline-block; margin-right: 0; width: 130px;}
    #footer h5.f_logo img{width: 100%;}
    #footer .footer_nav ul li a{font-size: 12px;}
    #footer .footer_info .add{ font-size: 11px;}
    #footer .footer_info .copy{font-size: 11px;}
    #footer h6.iseoulu{margin-right:80px; width: 100px;}
    #footer h6.iseoulu img{ width: 100%;}
    #header .gnb_box>.wrap{text-align: center;}
    #header .gnb h1 img{max-width: 145px; vertical-align:middle;}
    #header .gnb ul{margin-left: 20px;}
    #header .gnb ul.gnb_menu li{background: url(../../images/cyber/common/cir.png) 6px 11px no-repeat; font-size: 16px; padding-left:21px;}
    #header .gnb ul li{padding-left: 26px;}
    #header .gnb ul li a{font-size: 16px;}
    #header .search_box {margin-left: 35px;}
    #header .search_box .search {border: none;}
    #header .search_box .search input.text{position: absolute; top:40px;}
    #header .search_box .search input[type="submit"] { width: 30px; height: 30px; background:url(../../images/cyber/common/search_open.png) 0 0 no-repeat #434956;overflow:hidden; margin-top: 5px; background-size: 100%;}
    #header .gnb_link{ vertical-align: top; float: none; margin-top: 14px}
    #header .gnb_link ul li {padding:5px 2px;}
    #header .gnb_link ul li a{font-size: 12px;}
    .header .view{display: none;}
    .gnb-group > div,.login-group > div{padding: 0 20px; box-sizing: border-box;}
    .left-con{display: none;}
    .gnb{display: none !important;}
    .right-con{float: none; width: 100%; box-sizing: border-box; padding: 0 20px;}
    .gnb-m{right:20px !important;}
    .footer > div .list li a{font-size: 0.9em;}
    .footer .top-g{display: none;}
    .tablet{display: block;}/*, .mobile-menu*/
    .tablet{position: absolute; right: 0px; top:5px;}
    .tablet button{background: url("../../images/cyber/common/m-menu.png") no-repeat center center; width: 30px;  height: 34px; background-size: 100%;}
    .headerBtn{right:50px;}
    .headerBtn a:last-child{display: none;}
    .header .gnb-m{padding-right: 165px;}
    .mobile-menu.on{display: block; position: fixed; left:0px; top:0px; background: #13589f; color:#fff; width: 80%; max-width: 400px; height: 100vh;  z-index: 9990; }
    .mobile-menu.on a{color:#fff; display: block; padding: 10px; border-bottom: 1px solid rgba(255,255,255,0.1);}
    .mobile-menu.on > ul > li > a{background-color: rgba(255,255,255,0.1);}
    .mobile-menu.on ul > li > a:before,.mobile-menu.on ul > li > a.depth1.on:before{content:"-"; display: inline-block; margin-right:10px;}
	.mobile-menu.on ul > li > a.depth1:before,.mobile-menu.on ul > li > a.depth1.on.to:before{content:"+";}
	.mobile-menu.on > ul ul ul{padding-left: 10px; background-color: rgba(0,0,0,0.2);}
    .mobile-menu.on > ul{overflow-y: auto; height: calc(100vh - 147px);}
    .mobile-menu.on ul > li > ul > li > a{padding-left: 20px;}
    .mobile-menu.on ul > li > ul > li > a:before,.mobile-menu.on ul > li > ul > li > a.depth2.on:before{content:"-"; display: inline-block; margin-right:10px;}
	.mobile-menu.on ul > li > ul > li > a.depth2:before,.mobile-menu.on ul > li > ul > li > a.depth2.on.to:before{content:"+";}
    .mobile-menu.on > ul ul ul a:before{content:"." !important; position: relative; top:-4px;}
    .mobile-menu.on .link-g ul > li > a:before{content:""; margin-right: 0px;} /* �ܹ��Ÿ޴� �α��� ȸ���Կ� - �Ȼ��Բ� ó�� */
    .mobile-bg{display: none;}
    .m-on{overflow:hidden;}
    .m-close{position: absolute; right:-33px; top:5px; width: 30px; height: 30px; display: block; background: url("../../images/cyber/common/x.png") no-repeat center center; }
    .m-on .mobile-bg{position: fixed; left:0px; right:0px; top:0px; bottom:0px; background: rgba(0,0,0,0.4); display: block; z-index: 9990;}
    .link-g a{display: block; box-sizing: border-box; text-align: center; padding: 80px 0 20px 0 !important; background: url("../../images/cyber/common/m1.png") no-repeat center 20px; background-color: rgba(0,0,0,0.2);}
    /* .link-g li:nth-child(2) a{background-image: url("../../images/cyber/common/m1.png");}
    .link-g li:nth-child(3) a{background-image: url("../../images/cyber/common/m3.png");} */
    .link-g li.join a{background-image: url("../../images/cyber/common/m1.png");}
    .link-g li.info a{background-image: url("../../images/cyber/common/m2.png");}
    .link-g li.login a{background-image: url("../../images/cyber/common/m4.png");}
    .link-g li.logout a{background-image: url("../../images/cyber/common/m5.png");}
    .link-g li.sitemap a{background-image: url("../../images/cyber/common/m3.png");}
    .link-g li{float: left; width: 50%; box-sizing: border-box; padding: 1px;}
    .link-g:after{content:""; display: block; clear: both;}

    #gnb{overflow-y: auto !important; height: calc(100vh - 120px);}
    #gnb a.depth1 {cursor: pointer; display: block; padding: 20px; font-size: 16px;}
    #gnb a.depth1 span {margin-right: 10px;}
    #gnb li {list-style-type: none;}
    #gnb ul ul li a {
        -webkit-transition: all 0.15s;
        -moz-transition: all 0.15s;
        -o-transition: all 0.15s;
        -ms-transition: all 0.15s;
        transition: all 0.15s;
        background-color: rgba(255,255,255,0.1);
        padding: 15px 40px 15px;
    }
    #gnb ul ul ul li a {
        -webkit-transition: all 0.15s;
        -moz-transition: all 0.15s;
        -o-transition: all 0.15s;
        -ms-transition: all 0.15s;
        transition: all 0.15s;
        background-color: rgba(255,255,255,0.2);
        padding: 10px 60px 10px;
    }
    #gnb ul ul:not(.active) {display: none;} /* Ŭ���� �޴��� ������ �����޴� noneó�� */
    #gnb ul ul ul{display: none;} /* Ŭ���� �޴� �� ������ noneó�� */
    
    #gnb ul li.active ul li.active ul{display: block;} /* �ܹ��� �޴� Ŭ���� �� blockó�� */
    #gnb .active-m a{color: yellow;}
}


@media only screen and (max-width:768px){
	.t-b{padding-right: 0px;}
	.table-box .thead-table.no-trans thead tr th:first-child{width: auto !important;}
    .tax-table.che .table-type1.mo th{background-color: #f8a61f; border-right: 1px solid #f8a61f;}
    .tax-table.che .table-type1.mo tbody tr:first-child th{border-top:1px solid #f8a61f; }
    .tax-table.che .table-type1.mo tbody tr:last-child th{border-bottom:1px solid #f8a61f; }
    /* .search-box .search-con .btn-g{display: block; text-align: center;} */
    .table-box .tbody-table tr:first-child td{border-bottom:1px solid #c3c7cb;}
    .table-box .tbody-table tr:first-child th{border-top:0px; }
    .tax-table.che .table-type1.mo:nth-child(2){margin-top: 0px;}
    .tax-table.che .table-type1.mo{margin-top: 5px;}
    .tax-table .table-type1.pc{display: none;}
    .tax-table .table-type1.mo{display: table;}
    .tax-table .table-type1.mo th{
        border-right: 1px solid #1c5cac;
        text-align: left;
        background: #1c5cac;
        border-bottom: 1px solid rgba(255,255,255,0.3);
    color: #fff;
    padding: 10px;}
    .tax-table .table-type1.bank.mo th{background-color: #56b262; border-right: 1px solid #56b262;}
    
    .tat.lh > div:first-child{width: 100% !important; margin-bottom: 10px;}
    .tax-table .wo{padding-left: 0px;}
    .tax-table .tat > div{float: none; width: 100% !important;}
    .tax-table{display: block; box-sizing: border-box;}
    .tax-table > tbody > tr > td{padding: 10px 0px;}
    .tax-table > tbody > tr > td,.tax-table > tbody,.tax-table > tbody > tr{display: block;}
    .tax-table .f-table{padding-top: 20px; margin-bottom: 20px;}
    .tax-table .lp{padding-left: 0px;}
    .login-sub > div{padding: 20px;}
    .login-sub.new-type > div p{padding: 10px; background-image:none !important; }
    .login-sub h4{margin-bottom: 0px;}
    .tab-c.on{min-height: 80px;}
    .info-box table{height:49px;}
    .info-box ul.type2 li{line-height: 140%;}
    /* .table-box .thead-table tbody tr th:first-child{border-right: 0px;} */ /* �����ȸ - ��ݰ�� ����� ����ǥth ������ border�� ǥ�� */
    .title-group h2,.title-group .location{float: none; padding: 5px 0px; top:0px;}
    .title-group .location{padding-bottom: 20px;}
    .satisfaction .manager_info ul li{text-align: left; display:block !important;}
    .satisfaction .manager_info ul li span{width: 50%; text-align: right;}
    .td-type td{width: 100%; display: block;  border-top:1px solid #c3c7cb !important; padding: 10px !important; box-sizing: border-box;}
    .td-type tr{border-bottom:0px solid #c3c7cb !important;}
    .thead-table.td-type tbody tr:first-child td{border-top:1px solid #c3c7cb !important;}
    /* .search-con{text-align: left;} */
    .m-trans{display: block;}
    .p-trans{display: none;}
    #footer { text-align: center; background: #434956;}
    #footer h5.f_logo{display: none;}
    #footer .footer_nav ul li a{ color: #fff;}
    #footer .footer_info .add{  color: #fff;}
    #footer .footer_info .copy{ color: #fff;}
    #footer h6.iseoulu{display: none;}
    /*#footer h5.f_logo{display: block; width: auto;}
    #footer h5.f_logo img{width: auto;}
    #footer h6.iseoulu{display: block;  width: auto; float: none; margin: 0;}
    #footer h6.iseoulu img{ width: auto;}*/
    #header .topSet{display: none;}
    #footer .topBtn{display: none;}
    .wrap{width:100%;min-width:320px}
    .ol-list li{width:calc(50% - 10px) !important; margin-right:20px; margin-bottom: 30px;}
    .ol-list li:nth-child(even){margin-right: 0px;}
    .info-box{background-image: none !important; padding-left: 35px; padding: 10px 20px;}
    .icon-link{padding: 10px 20px;}
	.icon-link li{margin:5px 0; width: 50%;}
    .search{display: none;}
    .headerBtn{display: none;}
    .header h1{padding-top: 15px; padding-bottom: 21px;}
    .header h1 img{max-width: 40vw;}
    .login-group{display: none;}
    .footer .add img{display: none;}
    .footer > div .add{padding: 20px;}
    .footer .copyright{text-align: center; color:#ccc;}
    .footer address{text-align: center; color:#ccc; font-size: 0.8em;}
    .footer > div .list{padding-bottom: 0px;}
    .footer > div .list ul{ }
    .footer > div .list li{text-align: center; width: 50%; box-sizing: border-box; border: 0px; position: relative; border-bottom: 1px dashed rgba(255,255,255,0.2); padding-bottom: 15px; }
    .footer > div .list li:first-child{border-bottom: 1px dashed rgba(255,255,255,0.2); }
    .footer > div .list li:nth-child(even):before{content:""; width:1px; background-color: rgba(255,255,255,0.2); height: 15px; display: inline-block; position: absolute; left:0px; top:0px;}
    .footer > div .list li a{padding:0 10px !important; display: inline-block; color:#ccc;}
    .footer{background-color: #434956;}
    .mobile-con{display: block;}
    .mobile-con ul:after{content:""; display: block;}
    .mobile-con ul li{float: left; width: 50%; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,0.1);}
    .mobile-con ul li a{display: block; text-align: center; padding: 15px; color:#fff;}
    .mobile-con ul li:nth-child(1) a{background: #13589f;}
    .mobile-con ul li:nth-child(1) a span{display: inline-block; padding-left: 20px; background: url("../../images/cyber/common/mo.png") no-repeat left center; background-size: auto 100%;}
    .mobile-con ul li:nth-child(2) a span{display: inline-block; padding-left: 30px; background: url("../../images/cyber/common/mo1.png") no-repeat left center; background-size: auto 100%;}
    .mobile-con ul li:nth-child(2) a{background: #434343;}
    .mobile-con ul li:nth-child(3) a{background: #f69018;}
    .mobile-con ul li:nth-child(4) a{background: #71a71a;}
    .info-box{min-height: 100px;}
    .login-sub > div{float: none; width: 100%; margin: 0px; margin-bottom: 10px; min-height: 100px;}
    .table-box .thead-table.mt thead{display: none;}
    .table-box .thead-table.mt tbody{display: table-cell; width: 100%;}
    .table-box .thead-table.mt tbody tr{display: block; border-bottom: 1px solid #cbcbcb; text-align: center;}
    .table-box .thead-table.mt tbody th{display: block;}
    .table-box .thead-table.mt tbody td{display: inline-block; border: 0px; padding:10px 0px;}
    .table-box .thead-table.mt tbody td.mb{display: block; text-align: center !important;}
    .table-box .tbody-table.mt tbody td strong {display: inline;}
    .table-box .tbody-table.mt{display: block;box-sizing: border-box; overflow: hidden; }
    .table-box .tbody-table.mt *{box-sizing: border-box; width: 100%; display: block; border-left:0px; }
    /* .table-box .tbody-table.mt *{box-sizing: border-box; display: block; border-left:0px; } */
    .table-box .tbody-table.mt tbody{}
    .table-box .tbody-table.mt tbody tr{}
    .table-box .tbody-table.mt tbody tr th{width: 100%;}
    .table-box .tbody-table.mt tbody td{}
    .table-box .tbody-table tr:first-child th{border-bottom: 1px solid #c3c7cb;}
    .sitemap dl dd{ padding: 20px; padding-bottom: 0px;}
    .sitemap > li{width:calc(50% - 3vw); box-sizing: border-box; margin-left: 6vw;}
    .sitemap > li:nth-child(3n + 1){margin-left: 6vw;}
    .sitemap > li:nth-child(odd){margin-left: 0px;}
    .join-type > div{width: 100%; margin-right: 0px; margin-bottom: 20px;}
    .join-type > div p{min-height: 100px;}
    .join-step li{float:left; width:calc(50% - 5px); margin: 0px; margin-bottom: 10px; text-align: center; }
    .join-step li:nth-child(odd){margin-right: 10px;}
    .join-step li:after{content:""; right:50%; transform: rotate(90deg); top:auto; bottom: -20px; display: none;}
    .join-step li a span{display: block; margin-right: 10px; }
    .join-step li a{padding-left: 0px;}
    .view-table th{padding-left:5px; padding-right: 0px;}
    .table-box .thead-table.mt tbody tr th:first-child, .table-box .thead-table.mt tbody tr td:first-child{border-right:0px; }
    .tbody-table.trans *{box-sizing: border-box;}
    .tbody-table.trans{display: block; width: 100%;}
    .tbody-table.trans tbody{display: block; width: 100%;}
    .tbody-table.trans tbody th,.tbody-table.trans tbody tr,.tbody-table.trans tbody td{display: block; width: 100%; border-left:0px; }
	.table-box .tbody-table tr:first-child th {width: 180px;}
    .table-box .thead-table thead tr th:first-child{width:180px;}
    
    .search-con > span{padding: 2px 0px;}
    .search-con label{font-size: 12px;}
    .search-con > span input#mkey{width: 92px;}
    .search-con > span input, .search-con > span select{width: 105px; font-size: small;}
    .search-con > span.btn-g button, .search-con > span.btn-g a{font-size: 12px;}
    
    /* ȸ���� �Ϸ� */
    .join-clear{padding: 40px 50px; padding-top: 280px; background-position: center top;}
    .join-clear dt{text-align: center;}
    /* ȸ���� �Ϸ� �� */
}

@media only screen and (max-width:520px){
    .arr-box > div{float: none; width: 100%; margin-right: 0px;}
    .arr-box .line-box{padding: 25px 10px;}
    .arr-box p{float: none; width: 100%; text-align: center; background-position: center top; margin-bottom: 80px;}
    .arr-box p:after{content:""; transform: rotate(90deg); left:50%; margin-left: -16px; bottom: -40px; top:auto;}
    .arr-box dl{float: none; width: 100%;}
    .arr-box > div ol{min-height: 100px;}
    .thead-table.trans thead{display: none;}  
    .thead-table.trans tr{display: block;}
    .thead-table.trans tr th{display: block;}
    .thead-table.trans tr td{border: 0px; display: block;}
    .tax-table .table-type1 tbody td.num{text-align: right; padding: 0px 5px 0px 5px;}
	.tax-table .table-type1 tfoot td.num{text-align: right; padding: 0px 5px 0px 5px;}
    .icon-link{padding: 10px 15px;}
    .icon-link li a{padding-left: 45px;}
    .img.m img{display: none;}
    .img.m .m-img{display: block;}
}

@media only screen and (max-width:380px){
    .login-sub > div li.mail1>ul>li{width: 50%;}
    .login-sub > div li.mail1>ul>li:last-child{width: 100%;padding-left: 0px;}
    .pop-con .tab table td > div{width: 100%; float: none;}
    .icon-link{padding: 20px 30px;}
    .icon-link li{width: 100%; margin: 3px 0; }    
    .icon-link li a{padding-left: 55px;}
    .join-type p{background-image: none !important; padding-left: 0px;}
    .pop-con .tab table td > div input{width:50%;}
    .pop-con .tab > ul{padding: 10px;}
    #footer .topBtn{display: none;}
    .title-group h2{float: none !important;}
    .location{float: none !important; top: -10px !important;}
    .table-box table.tbody-table,.table-box table.tbody-table tbody,.table-box table.tbody-table tbody tr,.table-box table.tbody-table tbody td,.table-box table.tbody-table tbody th{display: block; border-left: 0px; width: 100% !important; box-sizing: border-box;}
    .table-box .tbody-table th{padding: 8px;}
    .table-box .tbody-table td{padding: 10px;}
    .sitemap > li{width:100%; box-sizing: border-box; margin-left: 0vw;}
    .sitemap > li:nth-child(3n + 1){margin-left: 0vw;}
    .sitemap > li dl dd{min-height: 100px; padding: 25px;}
    .arr-box > div{float: none; width: 100%; margin-right: 0px;}
    .arr-box .line-box{padding: 25px 10px;}
    .arr-box p{float: none; width: 100%; text-align: center; background-position: center top; margin-bottom: 80px;}
    .arr-box p:after{content:""; transform: rotate(90deg); left:50%; margin-left: -16px; bottom: -40px; top:auto;}
    .arr-box dl{float: none; width: 100%;}
    .popup-wrap h2{font-size: 5.5vw;}
    .arr-box > div ol{min-height: 100px;}
	.col-th{border-left:0px !important; }
    .m-trans .tbody-table th[rowspan]{background-color:#13589f !important; color:#fff;}
    .search-box .search-con .btn-g{display: block}
    .search-con{text-align: left;}    
    .search-con > span.btn-g button{width: 100%; margin-top: 10px;}
	.search-con.type-btn2 .btn-g{display: block; width: 100%; box-sizing: border-box;}
    .search-con.type-btn2 .btn-g button,.search-con.type-btn2 .btn-g a{margin-top: 5px; width: 100%; text-align: center;}
    .f-table > div{float: none; width: 100%; padding: 0px;}
    .tax-table .big-t{font-size: 20px;}
    .tax-table .table-type1 thead th{font-size: 12px;}
    .tax-table .table-type1 tbody td{font-size: 12px;}
    .tax-table .table-type1 tfoot td{font-size: 12px;}
    .tax-table .table-type2 tbody td,.tax-table .table-type2 tbody th{font-size: 13px;}
    .tax-table .yt{font-size: 13px;}
    .pop-btn-g button{margin-bottom:10px;}
    /*.pop-btn-g button:nth-child(2){margin-top:10px;} ????? ��ġ �̻�����. Ȯ�� �ʿ� */
}

/* 2018-09-18 �ο��û��� �߰� css */
.hall {float: right; margin: 0px 35px 5px 0px;}
.hall .orange {color: orange;}
.orange {color: #e57100 !important}

/* 2018-09-19 ȸ���� ���������� ��� �߰� css */
.mt5 {margin-top: 5px !important; color:#1c5cac;}
.userChk{text-align: center;}
.userChk a{font-size: 15px; }
.userChk button{padding: 5px 25px; font-size: 15px; line-height: 30px; background: #1c5cac; color: #fff; font-weight: bold; }

/* �¶��� �ο��û - �ȳ����⿡ ó�������� sub.css�� �ִ� online_box�� �ӽ� ��ó */
#contents .con .online_box {
    border: 1px solid #e4e4e4;
    padding: 30px 0 15px 45px;
    display: inline-block;
    width: 694px;
}

#contents .con .online_box li {
    background: url(../../images/cyber/cvplsvc/box_bg.jpg) no-repeat 0 0;
    text-align: center;
    width: 190px;
    height: 60px;
    color: #fff;
    font-weight: bold;
    padding: 18px 20px 0 0;
    margin: 10px 10px 20px 0;
    float: left;
    font-size: 14px;
}
#contents .con .online_box li.pt10 {
    height: 68px;
    padding: 10px 20px 0 0;
}
#contents .con .online_box li.pt28 {
    height: 50px;
    padding: 28px 20px 0 0;
}