/* box */ .container {width:95%; max-width:1280px; margin:0 auto;} /* tab */ .tab-box > ul > li.tab .tab-content {display:none !important;} .tab-box > ul > li.tab.active .tab-content {display:block;} /* datepicker */ .datepicker {background:url('/images/common/datepicker/calendar.png') no-repeat calc(100% - 10px) 50%; cursor:pointer;} /* swiper */ .swiper-controls .controls-play {display:none !important;} .swiper-controls.active .controls-play {display:block !important;;} .swiper-controls.active .controls-stop {display:none !important;} /* skipnav */ #skipNav {position:relative; z-index:9999;} #skipNav ul {list-style:none;} #skipNav ul li a {text-align:center; display:block; position:fixed; left:0; top:-200px; width:100%; height:50px; line-height:50px; background:#04592f; color:#fff;} #skipNav ul li a:hover , #skipNav ul li a:focus {top:0; outline:0;} /* header */ #itbankHeader{position: relative;} /* topbanner */ #itbankHeader .topBanner {max-width:100%; overflow:hidden;} #itbankHeader .topBanner a {display:block; width: 100%;} #itbankHeader .topBanner a img{display: block; margin: 0 auto;} /* cnb */ #itbankHeader .cnb {display: flex; align-items:center; justify-content: space-between; height:80px;} #itbankHeader .cnb .container{display: flex; align-items: center; justify-content: center;} /* gnb */ #itbankHeader .gnb {width:100%; background:#fff; border-bottom:1px solid #dedede;} #itbankHeader .gnb nav{display: flex; justify-content: center;} #itbankHeader .gnb .depth1{display: flex;} #itbankHeader .gnb .depth1 > li{position: relative; margin-left: 20px;} #itbankHeader .gnb .depth1 > li > a{display: block; position:relative; color:#111; font-size: 18px; font-weight: 700; padding: 20px 0; line-height: 1.2em;} #itbankHeader .gnb .depth1 > li > a::after{display: block; position: absolute; left: 0; bottom: -1px; width:100%; height:3px; background-color: #000; content: ''; opacity: 0; transition: opacity 0.3s;} #itbankHeader .gnb .depth1 > li:hover > a::after , #itbankHeader .gnb .depth1 > li.act > a::after {opacity: 1;} #itbankHeader .gnb .depth1.lft > li{padding:0px 84px; margin-left: 0;} #itbankHeader .gnb .depth1 .depth2{position: absolute; top: 62px; z-index: 11; width:100%; padding: 10px 20px 50px 0; clip-path: inset(0 0 100% 0); visibility:hidden; transition: clip-path 0.4s;} #itbankHeader .gnb .depth1 .depth2 > li > a{display: block; color: #555; font-size: 15px; padding: 10px 0; text-align: left; transition: color 0.4s;} #itbankHeader .gnb .depth1 .depth2 > li > a:hover{color:#186fff;} #itbankHeader .gnb .depth1:hover .depth2,#itbankHeader .gnb.act .depth1 .depth2{clip-path: inset(0 0 0 -3px); visibility: visible;} #itbankHeader .gnb .depth1.rgt > li > a{color:#186fff;} #itbankHeader .gnb .depth1.rgt > li > a::after{background-color: #186fff;} #itbankHeader .gnb .gnb_back{position: absolute; top: 100%; left:0; width: 100%; background-color: #fff; z-index:10; clip-path: inset(0 0 100% 0); visibility:hidden; transition: clip-path 0.4s;} #itbankHeader .gnb.act .gnb_back{clip-path: inset(0 0 -20px 0); visibility: visible; box-shadow: 0 0 20px -10px rgba(0,0,0,0.3);} /* lectureHeader */ #itbankHeader.lectureHeader .gnb nav {top:0;} #itbankHeader.lectureHeader .gnb nav > ul.depth1 {border-bottom:1px solid #dedede;} #itbankHeader.lectureHeader .gnb nav > ul.depth1 > li {text-align:center; background:none; border:0;} #itbankHeader.lectureHeader .gnb nav > ul.depth1 > li > a {color:#666; position:relative; background:none; font-weight:bold; display:inline-block; border:0; padding:0 10px;} #itbankHeader.lectureHeader .gnb nav > ul.depth1 > li > a:hover {border:0; color:#111;} #itbankHeader.lectureHeader .gnb nav > ul.depth1 > li.active > a {color:#111;} #itbankHeader.lectureHeader .gnb nav > ul.depth1 > li.active > a:after {position:absolute; left:0; top:auto; bottom:0; width:100%; height:4px; background:#111; content:"";} #itbankHeader.lectureHeader .gnb nav > ul.depth1 > li:hover:after , #itbankHeader.lectureHeader .gnb nav > ul.depth1 > li.active.circle:after {display:none;} /* main */ #itbankSection{position: relative; margin: 0;} #itbankSection .main-subtit{font-size:24px; font-weight:700; color:#111; margin-bottom:15px;} /* footer */ #itbankFooter {position: relative; border-top: 1px solid #d2d2d2; background-color: #fff; z-index: 1;} #itbankFooter .container {display: flex; position: relative; padding: 40px 0 80px; background-color: #fff;} #itbankFooter .foot-logo{margin-right: 65px;} #itbankFooter .btn-famliy{position: absolute; top: 40px; right: 0; font-size: 16px; padding-right: 18px;} #itbankFooter .btn-famliy::before, #itbankFooter .btn-famliy::after{display: block; position: absolute; background-color: #111; content: ''; transition: transform 0.3s;} #itbankFooter .btn-famliy::before{top: 5px; right: 5px; width: 2px; height: 10px;} #itbankFooter .btn-famliy::after{top: 9px; right: 1px; width: 10px; height: 2px;} #itbankFooter .btn-famliy:hover::before, #itbankFooter .btn-famliy:hover::after{transform:rotate(180deg);} /* fnb */ #itbankFooter .fnb { margin-bottom: 20px;} #itbankFooter .fnb ul{display: flex;} #itbankFooter .fnb ul li{margin-left: 40px;} #itbankFooter .fnb ul li:first-child{margin-left: 0;} #itbankFooter .fnb ul li a{color: #333; font-size: 16px;} #itbankFooter .fnb ul li a b{color: var(--color1);} /* infomation */ #itbankFooter .infomation .foot-text {display:inline-block;} #itbankFooter .infomation .foot-text address p {font-size:14px; color:#888; margin: 10px 0;} #itbankFooter .infomation .foot-text address p span {display:inline-block; margin-right: 15px;} #itbankFooter .infomation .rgt .logo{position: relative;} #itbankFooter .infomation .rgt .logo a{display: block;} #itbankFooter .infomation .rgt .logo .frame{width: 73px; height: 52px;} #itbankFooter .infomation .rgt .logo .frame img{object-fit: contain;} #itbankFooter .infomation .rgt .logo .popup{display: none; position: absolute; right: -70px; bottom: 60px;} #itbankFooter .infomation .rgt .logo .popup .btn-x{display: block; position: absolute; right: 0; top: 0; width: 44px; height: 44px;} /* Family Site */ .familySite {position:absolute; left:50%; transform: translateX(-50%); top: 0; z-index:-1; width:1280px; height:auto; border:1px solid #111; background:#fff; visibility: hidden; box-sizing:border-box; transition:all .3s;} .familySite.on {transform:translate(-50%, -100%); visibility: visible;} .familySite .eduoneSite .colarea {float:left; width:25%; min-height:236px; padding:0px 25px; border-right:1px solid #d5d5d5;} .familySite .eduoneSite .colarea .eduoneBrand:first-child {padding-top:25px;} .familySite .eduoneSite .colarea .eduoneBrand {padding-bottom:25px;} .familySite .eduoneSite .colarea .eduoneBrand h3 {margin-bottom:8px; font-weight:700; font-size:15px; color:var(--cl-1b);} .familySite .eduoneSite .colarea ul li {margin-bottom:3px;} .familySite .eduoneSite .colarea ul li a {font-weight:300; font-size:14px; color:var(--cl-5b); line-height:20px;} .familySite .eduoneSite .colarea ul li a:hover {font-weight:600; font-size:14px; color:var(--cl-5b); text-decoration:underline !important;} .familySite .eduoneSite .colarea ul li .iconRight {float:right} .familySite .eduoneSite .colarea ul li em {display:inline-block; margin:0 2px; padding:3px 5px; font-style:normal; font-size:11px; color:#fff; text-align:center;} .familySite .eduoneSite .colarea ul li .online {background:#9db5ca;} .familySite .eduoneSite .colarea ul li .offline {background:#bfabd2;} .familySite .eduoneSite .colarea:last-child {border-right:none} .familySite .eduoneSite:after {content:''; clear:both; display:block;} .familySite .KG_familySite {padding:14px 30px; background:#f5f5f5; border-top:1px solid #666;} .familySite .KG_familySite h5 {display:inline-block; width:130px; margin-top:10px; font-weight:700; font-size:15px; color:var(--cl-1b); vertical-align:top;} .familySite .KG_familySite ul {display:inline-block; width:1080px; margin:6px 0 0; padding-left:0;} .familySite .KG_familySite ul li {float:left; margin-right:16px;} .familySite .KG_familySite ul li a {font-weight:300; font-size:14px; color:var(--cl-5b); line-height:24px} /* form */ /* 셀렉트 */ .select-box {position:relative; background:#FAFAFA;} .select-box:after {position:absolute; right:14px; top:50%; transform:translateY(-50%); width:20px; height:20px; content:""; background:url('/images/lecture/icon_select.png') no-repeat center / cover; pointer-events: none;} .select-box select {width: 100%; font-size:14px; color:#999; background:none; border:1px solid #DFDFDF; padding:10px 14px;} .select-box.no-border{border:1px solid #DFDFDF;} .select-box.no-border select {border:0; width:100%;} /* 체크박스 */ .check-box label {font-size:16px; padding-left: 5px; color:#333; cursor: pointer;} .check-box input[type=checkbox] { width:24px; height:24px; border-radius:50%; appearance:none; -webkit-appearance:none; background:url('/images/lecture/icon_checkbox.svg') no-repeat center / cover; cursor: pointer; } .check-box input[type=checkbox]:checked {background:url('/images/lecture/icon_checkbox_on.svg') no-repeat center / cover;} .check-box.check-active input[type=checkbox] {width:20px; height:20px; background:url('/images/lecture/icon_check_off.svg') no-repeat center / cover; border:0;} .check-box.check-active input[type=checkbox]:checked {background:url('/images/lecture/icon_check_on.svg') no-repeat center / cover;} /* 라디오박스 */ .radio-box label {font-size:16px; padding-left: 5px; color:#333; cursor: pointer;} .radio-box input[type=radio] {width:20px; height:20px; background:url('/images/lecture/icon_radio.svg') no-repeat center / cover; -webkit-appearance:none; cursor: pointer;} .radio-box input[type=radio]:checked {background:url('/images/lecture/icon_radio_on.svg') no-repeat center / cover;} /* 테이블 */ .table-wrap h3 {font-size:18px; font-weight:bold; color:#333; margin:0 0 14px;} .table-wrap {border-top:1px solid #707070;} .table-wrap table.col tr th {background-color:#F6F6F6; font-weight:bold; color:#333; padding:12px 10px; border:1px solid #DFDFDF; border-width:0 1px 1px 0; text-align:center;} .table-wrap table.col tr th:first-of-type {border-left:1px solid #dfdfdf;} .table-wrap table.col tr td {text-align:center; color:#666; padding:10px; border:1px solid #DFDFDF; border-width:0 1px 1px 0;} .table-wrap table.col tr td:first-of-type {border-left:1px solid #dfdfdf;} .table-wrap table.col tr td b {font-weight:bold;} .table-wrap table.col tr td a {display:block; color:#333; font-weight:700;} .table-wrap table.col tr td.p20 {padding: 20px;} .table-wrap table.col tfoot tr td {background:#F6F6F6;} .table-wrap table.col.no-side tr th:first-of-type {border-left:0;} .table-wrap table.col.no-side tr td:first-of-type {border-left:0;} .table-wrap table.col.no-side tr th:last-of-type {border-right:0;} .table-wrap table.col.no-side tr td:last-of-type {border-right:0;} .table-wrap table.col.no-border tr th {border-width:0 0 1px 0;} .table-wrap table.col.no-border tr td {border-width:0 0 1px 0;} .table-wrap table.col.no-col tr th:last-of-type {border-right: 1px solid #dfdfdf;} .table-wrap table.col.no-col tr td:first-of-type {border-left: 0;} .table-wrap table.col tbody th.tit{background-color: #F9FCFB; border-right: 1px solid #dfdfdf !important;} .table-wrap table.col .bdl{border-left: 1px solid #dfdfdf !important;} .table-wrap table.col .bdr{border-right: 1px solid #dfdfdf !important;} .table-wrap table tr.notice td {background:#F8FFFB;} .list-body-more table {border:1px solid #dfdfdf; border-width:1px 0 0 0;} .list-body-more table tr th {border:1px solid #DFDFDF; border-width:0 1px 1px 0; text-align:center; padding:9px 0;} .list-body-more table tr th:last-of-type {border-right:0;} .list-body-more table tr td {border:1px solid #DFDFDF; border-width:0 1px 1px 0; text-align:center; padding:9px 0; color:#666;} .list-body-more table tr td:last-of-type {border-right:0;} /* 페이징 */ .paging-wrap{display: flex; align-items: center; justify-content: center;} .paging-wrap .paging-btn {display: block; width:28px; height:28px; margin: 0 4px; border:1px solid #555;} .paging-wrap .paging-btn.first {background:url('/images/lecture/icon_paging_first.svg') no-repeat center / cover; } .paging-wrap .paging-btn.prev {background:url('/images/lecture/icon_paging_prev.svg') no-repeat center / cover;} .paging-wrap .paging-btn.next {background:url('/images/lecture/icon_paging_next.svg') no-repeat center / cover;} .paging-wrap .paging-btn.last {background:url('/images/lecture/icon_paging_last.svg') no-repeat center / cover;} .paging-wrap ul {display: flex; margin: 0 25px;} .paging-wrap ul li {margin:0 4px;} .paging-wrap ul li a {display: block; width: 25px; font-size:16px; text-align: center; color:#666;} .paging-wrap ul li.active a {color:#333; font-weight:700; text-decoration: underline;} /* policy */ .policy-wrap h2{margin:20px 0 5px 0; font-weight:bold;} .policy-wrap strong{padding: 10px 0; display: block;} .policy-wrap ul {padding-left: 15px} .policy-wrap ul li{text-indent: -15px;} /* table */ .policy-wrap .table1{width:100%; margin:10px 0; border-collapse:collapse; border-spacing: 0; text-align:center;} .policy-wrap .table1 thead th{background-color:#555; color:#fff !important; font-weight:bold; font-size:15px; padding:10px; border-left:1px solid #d6d6d6;} .policy-wrap .table1 thead th:first-child{border-left:none;} .policy-wrap .table1 tbody th{background-color:#555; color:#fff !important; font-weight:bold; font-size:15px; padding:10px; border-bottom:1px solid #d6d6d6; border-top:1px solid #d6d6d6; line-height:1.5em;} .policy-wrap .table1 tbody td{border-left:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; font-size:15px; padding:10px; border-top:1px solid #d6d6d6; line-height:1.5em;} .policy-wrap .table1 tbody td:first-child{border-left:none;} .policy-wrap .table1 tbody .left{text-align:left;} .policy-wrap .table1 tbody .right{text-align:right;} .policy-wrap .table1 *[rowspan]{border-right:1px solid #d6d6d6;} .policy-wrap .table1 thead th[colspan]{border-bottom:1px solid #d6d6d6;} .policy-wrap .table1 *:last-child{border-right:none !important;} .policy-wrap .table1 tfoot td{padding-top:10px;} /* mypage */ #mypageSection{padding: 60px 0 100px;} #mypageSection .container{display: flex;} #mypageSection .my-subtit{font-size: 24px; font-weight: 700; margin-bottom: 25px;} #mypageSection .content{width: calc(100% - 240px);} /* lnb */ #mypageSection .lftArea{margin-right: 40px; flex-shrink: 0;} #mypageSection .lftArea ul.lnb{width: 200px;} #mypageSection .lftArea ul.lnb > li:not(:nth-of-type(1)){border-top: 1px solid #dfdfdf; padding-top: 20px;} #mypageSection .lftArea ul.lnb > li .tit{font-size: 13px; color: #666; margin-bottom: 10px;} #mypageSection .lftArea ul.lnb > li ol.sub{padding: 0 15px 10px;} #mypageSection .lftArea ul.lnb > li ol.sub li{margin-bottom: 10px;} #mypageSection .lftArea ul.lnb > li ol.sub li a{font-size: 14px; color: #333; font-weight: 700; transition: color 0.3s;} #mypageSection .lftArea ul.lnb > li ol.sub li a:hover, #mypageSection .lftArea ul.lnb > li ol.sub li.act a{color: var(--color1);} /* notice */ #mypageSection .noticeArea{background-color: #F1F1F1; padding: 30px;} #mypageSection .noticeArea h3{font-size: 18px; font-weight: 700; margin-bottom: 10px;} #mypageSection .noticeArea h3 b{color: var(--color1);} #mypageSection .noticeArea .list-wrap li{position: relative; padding-left: 10px; margin-top: 5px; color:#666;} #mypageSection .noticeArea .list-wrap li::before{display: inline-block; position: absolute; top: 0; left: 0; content: '•';} #mypageSection .sub-list li{position: relative; padding-left: 12px; margin: 5px 0;} #mypageSection .sub-list li::before{display: block; position: absolute; top: 0; left: 0; content: '•';} #mypageSection .sub-list li .under{text-decoration: underline;} #mypageSection .sub-list.row{display: flex;} #mypageSection .sub-list.row li{margin-left: 50px;} #mypageSection .sub-list.row li:first-child{margin-left: 0;} /* sub */ /* title */ .sub-title {text-align:center; font-size:52px; margin:50px 0 4px;} .sub-text {text-align:center; font-size:16px; color:#555555; margin:0 0 50px;} /* category */ .sub-nav {margin-top:30px;} /*.sub-nav nav {border:1px solid #dedede; border-width:1px 0 0 1px;}*/ .sub-nav nav ul {font-size:0;} .sub-nav nav ul li {display:inline-block; border:1px solid #dedede; border-width:1px 1px 1px 0; width:calc(100%/7);} .sub-nav nav ul li a {display:block; text-align:center; height:47px; line-height:47px; background:#fafafa; font-size:14px; color:#666;} .sub-nav nav ul li.active a {background:#707173; color:#fff;} /* process */ .sub-process-box {background:#00592d;} .sub-process-box h4 {width:184px; float:left; color:#fff; padding:24px 0 21px 30px; font-size:22px;} .sub-process-box ul {width:calc(100% - 193px); float:left; background:#fff; margin:9px 9px 0 0;} .sub-process-box ul li {display:inline-block; width:25%; float:left; position:relative; padding:22px 0 31px 30px;} .sub-process-box ul li:after {content:""; position:absolute; right:0; top:0; width:1px; height:26px; background:#d1d1d1;} .sub-process-box ul li:last-of-type:after {display:none;} .sub-process-box ul li b {display:block; font-size:16px; font-weight:600; margin-bottom:3px;} .sub-process-box ul li span {font-size:14px; color:#186fff;} /* search */ .sub-search-box {margin-top:40px; border:1px solid #000; padding:29px 220px;} .sub-search-box h4:before {content:""; display:block; width:15px; height:2px; background:#000; margin-bottom:5px;} .sub-search-box h4 {width:184px; float:left; font-size:18px; font-weight:700;} .sub-search-box form {width:calc(100% - 184px); float:left;} .sub-search-box form .group {width:255px; float:left; padding-right:10px;} .sub-search-box form .group:last-of-type {width:90px; float:left; padding-right:0;} .sub-search-box form .group select {width:100%; height:40px; border:1px solid #d1d1d1; padding:0 10px; font-size:15px; color:#555;} .sub-search-box form .group button , .sub-search-box form .group a {vertical-align:top; font-size:15px; height:40px; line-height:40px; text-align:center; width:100%; background:#1a1a1a; color:#fff;} /* board ������û */ .sub-board-box {margin-top:25px; border-top:1px solid #000;} .sub-board-box .sub-board-table.thead-no thead {display:none;} .sub-board-box .sub-board-table tbody tr td {padding:12px 0; border-bottom:1px solid #d1d1d1;} .sub-board-box .sub-board-table tbody tr td.bd-chk {position:relative;} .sub-board-box .sub-board-table tbody tr td.bd-chk:after {position:absolute; right:0; top:50%; transform:translateY(-50%); content:""; width:1px; height:22px; background:#d1d1d1;} .sub-board-box .sub-board-table tbody tr td.bd-chk input[type=checkbox] {width:15px; height:15px; position:relative; top:2px; cursor:pointer;} .sub-board-box .sub-board-table tbody tr td.bd-major.required {color:#186fff;} .sub-board-box .sub-board-table tbody tr td.bd-major.selected {color:#bf5500;} .sub-board-box .sub-board-table tbody tr td.bd-name b {font-size:16px; font-weight:600;} .sub-board-box .sub-board-table tbody tr td.bd-detail a {padding-right:22px; font-size:12px; color:#555; display:inline-block; background:url('/images/common/icon/2021/02/0224/ico_more.png') no-repeat right 50%; position:relative; top:2px;} .sub-board-box .sub-board-table tbody tr td.bd-grade {font-size:14px; color:#555;} .sub-board-box .sub-board-table tbody tr td.bd-sample a {padding-right:30px; display:inline-block; font-size:14px; color:#555; background:url('/images/common/icon/2021/02/0224/ico_video_play.png') no-repeat right 50%; position:relative; top:2px;} .sub-board-box .sub-board-table tbody tr td.bd-more {padding-right:30px;} .sub-board-box .sub-board-table tbody tr td.bd-more a {display:inline-block; width:90px; height:32px; line-height:32px; text-align:center; color:#fff;} .sub-board-box .sub-board-table tbody tr td.bd-more a.step1 {background:#186fff;} .sub-board-box .sub-board-table tbody tr td.bd-more a.step2 {background:#bf5500;} .sub-board-box .sub-board-table tbody tr td.bd-more a.step3 {background:#707173;} .sub-board-box .sub-board-table tfoot tr td {padding-top:45px;} .sub-board-box .sub-board-table tfoot tr td a, .sub-board-box .sub-board-table tfoot tr td button {vertical-align:top; display:inline-block; width:350px; height:60px; line-height:60px; text-align:center; font-size:18px; color:#fff; background:#1a1a1a;} /* board �н������� */ .sub-create-box {border-top:1px solid #000; padding:41px 30px 0;} .sub-create-box .box {position:relative;} .sub-create-box .box .left-box {width:730px; float:left;} .sub-create-box .box .left-box .group {margin-bottom:50px;} .sub-create-box .box .left-box .group > p {vertical-align:top;} .sub-create-box .box .left-box .group > p b {font-size:30px; font-weight:500;} .sub-create-box .box .left-box .group > p span {color:#555555; display:inline-block; padding-left:7px; position:relative; top:20px;} .sub-create-box .box .left-box .group > p span.required {color:#186fff;} .sub-create-box .box .left-box .group > p span.required:before {display:inline-block; content:"\2217";} .sub-create-box .box .left-box .group > div {margin-top:13px;} .sub-create-box .box .left-box .group > div.col-2:first-of-type {padding-right:25px;} .sub-create-box .box .left-box .group > div.col-2:last-of-type {padding-left:25px;} .sub-create-box .box .left-box .group > div input[type=text] {width:100%; font-size:14px; border-bottom:1px solid #d1d1d1; padding:10px; color:#000;} .sub-create-box .box .left-box .group > div input[type=text]::placeholder {color:#555;} .sub-create-box .box .left-box .group > div input[type=text]:focus {border-color:#186fff;} .sub-create-box .box .left-box .group > div textarea {width:100%; height:150px; border:1px solid #d1d1d1; padding:10px;} .sub-create-box .box .left-box .group > div.radioBox ul {margin:0 -5px;} .sub-create-box .box .left-box .group > div.radioBox ul li {width:calc(20% - 10px); margin:0 5px; float:left; text-align:center; position:relative;} .sub-create-box .box .left-box .group > div.radioBox ul li input[type=radio] {opacity:0.5; position:absolute; left:0; top:0; display:none;} .sub-create-box .box .left-box .group > div.radioBox ul li label {cursor:pointer; width:100%; height:40px; line-height:40px; border:1px solid #d1d1d1; border-radius:20px; display:block; color:#555;} .sub-create-box .box .left-box .group > div.radioBox ul li input[type=radio]:checked + label {background:#186fff; color:#fff;} .sub-create-box .box .left-box .group > div.file {position:relative;} .sub-create-box .box .left-box .group > div.file .file-text {width:calc(100% - 137px); float:left; padding-right:50px;} .sub-create-box .box .left-box .group > div.file .file-upload {width:137px; float:left; position:relative;} .sub-create-box .box .left-box .group > div.file .file-upload input[type=file] {position:absolute; left:0; top:0; display:none;} .sub-create-box .box .left-box .group > div.file .file-upload label {cursor:pointer; display:block; width:100%; height:40px; line-height:40px; text-align:center; background:#707173; color:#fff;} .sub-create-box .box .left-box .group > div.file .file-name {display:none; position:absolute; left:0; bottom:-35px; padding:10px; width:100%; clear:both; color:#666; font-weight:400;} .sub-create-box .box .left-box .group > div.file .file-name.on {display:block;} .sub-create-box .box .left-box .group > div.file .file-name span {color:#666; font-weight:300;} .sub-create-box .box .left-box .group > div.certificate ul li {margin-bottom:10px;} .sub-create-box .box .left-box .group > div.certificate ul li:last-of-type {margin-bottom:0;} .sub-create-box .box .left-box .group > div.certificate ul li > div {float:left; padding-right:50px;} .sub-create-box .box .left-box .group > div.certificate ul li > div:first-of-type {width:325px;} .sub-create-box .box .left-box .group > div.certificate ul li > div:nth-of-type(2) {width:268px; position:relative;} .sub-create-box .box .left-box .group > div.certificate ul li > div:nth-of-type(2) img {display:none;} .sub-create-box .box .left-box .group > div.certificate ul li > div:last-of-type {width:137px; padding-right:0;} .sub-create-box .box .left-box .group > div.certificate ul li > div:last-of-type a {display:block; height:40px; line-height:40px; border:1px solid #d1d1d1; text-align:center; color:#555;} .sub-create-box .box .right-box {z-index:2; position:absolute; right:0; top:-41px; width:240px; padding-top:41px;} .sub-create-box .box .right-box:after {position:absolute; content:""; display:block; width:19px; height:3px; background:#186fff; left:0; top:30px;} .sub-create-box .box .right-box > div {margin-bottom:24px;} .sub-create-box .box .right-box > div > p {font-size:20px; height:40px;} .sub-create-box .box .right-box > div > p span {font-size:28px; color:#999; font-weight:700; vertical-align:baseline;} .sub-create-box .box .right-box > div > p span.active {color:#186fff;} .sub-create-box .box .right-box > div:last-of-type {margin-top:65px;} .sub-create-box .box .right-box > div:last-of-type p {font-size:14px; color:#555;} .sub-create-box .box .right-box > div:last-of-type p b {font-weight:500; color:#186fff;} .sub-create-box .box .agree-inner .agree-inner-head {border:1px solid #d1d1d1; border-width:1px 0; padding:19px 30px 15px;} .sub-create-box .box .agree-inner .agree-inner-head .pull-left {font-size:13px; color:#555;} .sub-create-box .box .agree-inner .agree-inner-head .pull-left input[type=checkbox] {width:20px; height:20px; margin-right:10px;} .sub-create-box .box .agree-inner .agree-inner-head .pull-right a {font-size:13px; color:#555; border-bottom:1px solid #555;} .sub-create-box .box .agree-inner .agree-inner-body {background:#f5f5f5; padding:27px 30px;} .sub-create-box .box .agree-inner .agree-inner-body ul li {margin-bottom:25px;} .sub-create-box .box .agree-inner .agree-inner-body ul li:last-of-type {margin-bottom:0;} .sub-create-box .box .agree-inner .agree-inner-body ul li b {display:block; font-size:14px; margin-bottom:2px;} .sub-create-box .box .agree-inner .agree-inner-body ul li div {padding-left:19px; color:#555; line-height:1.4;} .sub-create-box .box .button-inner {margin-top:43px; text-align:center;} .sub-create-box .box .button-inner a, .sub-create-box .box .button-inner button {margin:0 auto; display:block; vertical-align:top; width:350px; height:60px; line-height:60px; text-align:center; background:#1a1a1a; font-size:18px; color:#fff;} /* board faq */ .board-wrap .faq-category {margin-top:-6px;} .board-wrap .faq-category ul {font-size:0; margin:0 -11px; text-align:center;} .board-wrap .faq-category ul li {display:inline-block; width:85px; text-align:center; margin:0 10.5px;} .board-wrap .faq-category ul li a {display:block; height:85px; position:relative; background:#f4f4f4; border-radius:50%;} .board-wrap .faq-category ul li a span {font-size:16px; position:absolute; display:block; width:100%; top:50%; transform:translateY(-50%); color:#555555;} .board-wrap .faq-category ul li.active a {background:#186fff;} .board-wrap .faq-category ul li.active a span {color:#fff;} /* board search */ .board-wrap .board-search {text-align:right; margin-top:39px;} .board-wrap .board-search form select {width:140px; height:40px; border:1px solid #d1d1d1; padding:0 10px; color:#555555; margin-right:3px;} .board-wrap .board-search form .line-box {display:inline-block; width:300px; height:40px; border:1px solid #d1d1d1;} .board-wrap .board-search form .line-box input[type=text] {width:calc(100% - 40px); height:38px; padding:0 10px; float:left;} .board-wrap .board-search form .line-box button {width:40px; height:38px; float:left; font-size:0; background:url('/images/common/icon/2021/02/0224/ico_search.png') no-repeat center 50%; position:relative;} .board-wrap .board-search form .line-box button:before {content:""; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:28px; background:#d1d1d1;} /* board list faq */ .board-wrap .board-list.accordion {border-top:1px solid #000; margin-top:24px;} .board-wrap .board-list.accordion ul li {border-bottom:1px solid #d1d1d1;} .board-wrap .board-list.accordion ul li .acordion-tab {padding:15px 35px 15px 33px;} .board-wrap .board-list.accordion ul li .acordion-tab > div {float:left;} .board-wrap .board-list.accordion ul li .acordion-tab > div.subject {width:calc(100% - 222px); position:relative; top:3px;} .board-wrap .board-list.accordion ul li .acordion-tab > div.subject:before {margin-right:21px; display:inline-block; content:""; width:19px; height:20px; background:url('/images/common/icon/2021/02/0224/ico_faq_q.png') no-repeat;} .board-wrap .board-list.accordion ul li .acordion-tab > div.subject a:hover {text-decoration:underline;} .board-wrap .board-list.accordion ul li .acordion-tab > div.edit {width:150px;} .board-wrap .board-list.accordion ul li .acordion-tab > div.edit a {display:inline-block; width:70px; height:26px; line-height:26px; text-align:center; font-size:14px;} .board-wrap .board-list.accordion ul li .acordion-tab > div.edit a:first-of-type {background:#f1f1f1; color:#555; margin-right:6px;} .board-wrap .board-list.accordion ul li .acordion-tab > div.edit a:last-of-type {background:#707173; color:#fff;} .board-wrap .board-list.accordion ul li .acordion-tab > div.hit {width:72px; text-align:right; position:relative; top:3px;} .board-wrap .board-list.accordion ul li .acordion-content {display:none; background:#fafafa; padding:25px 78px; position:relative; border-top:1px solid #d1d1d1; color:#555555;} .board-wrap .board-list.accordion ul li .acordion-content:before {display:inline-block; content:""; width:19px; height:17px; background:url('/images/common/icon/2021/02/0224/ico_faq_a.png') no-repeat; position:absolute; left:32px;} .board-wrap .board-list.accordion ul li .acordion-content p {color:#555;}