.conts:after {content:''; display:block; clear:both;} .conts h3, .conts h4, .conts h5 {position: relative; text-align: left; margin-bottom:5px;} .conts h3 {font-size:2.8rem; padding-top:2.5rem; margin:70px 0 25px 0px; color: #333;letter-spacing:-0.05em; font-family: 'Ria'; line-height:30px;} .conts h3:before {content: ''; position: absolute; left: 0; top:0; width:40px; height:6px; background:url('/images/jwagwangcheon/common/h3_bul.png') no-repeat 0 0;} .conts h4 {font-size:2.2rem; margin:3.0rem 0 2.0rem 0; color: #03878a; font-family: 'Ria';} /*버튼*/ .btn_wrap {margin-top: 50px; min-height: 62px;} .btn {border: 1px solid #fff; border-radius: 5px; min-width: 17rem; text-align: center; line-height: 5.2rem; display: inline-block; font-size: 1.8rem; font-weight: 700;} .btn.point {background:#04808b; border: 1px solid #04808b; color: #fff;} .btn.nomal {background: #fff; border: 1px solid #000; color: #333;} .btn.black {background:#333; color: #fff;} .con-box{padding:2.5rem 3.5rem; border-radius:10px; border:1px solid #ddd;} span.checkIcon {display: inline-block; line-height: 23px; margin: 5px 20px 5px 0px; position: relative; } span.checkIcon label{font-weight: 500; color: #000; font-size:1.8rem;} span.checkIcon input[type="checkbox"] {border: 0; clip: rect(0, 0, 0, 0); height: 23px; margin: -1px !important; overflow: hidden; padding: 0; position: absolute; width: 23px;} span.checkIcon input[type="checkbox"] + label { position: relative; /*display:flex; align-items: center; */ padding-left: 35px; } span.checkIcon input[type="checkbox"] + label:before { content: ""; width: 23px; height: 22px; background: url(/images/jwagwangcheon/check_off.png) no-repeat 50% 50%; position: absolute; top: 0; left: 0;} span.checkIcon input[type="checkbox"]:checked + label:before { background: url(/images/jwagwangcheon/check_on.png) no-repeat 50% 50%;} span.checkIcon input[type="radio"] { border: 0; clip: rect(0, 0, 0, 0); height: 25px; margin: -1px !important; overflow: hidden; padding: 0; left: 0; top: 0; position: absolute; width: 25px;} span.checkIcon input[type="radio"] + label { position: relative; display: flex; align-items: center; padding-left: 30px;} span.checkIcon input[type="radio"] + label:before { content: ""; width: 25px; height: 25px; background: url(/images/jwagwangcheon/common/radio_off.png) no-repeat 50% 50%; position: absolute; top: 0; left: 0;} span.checkIcon input[type="radio"]:checked + label:before {background: url(/images/jwagwangcheon/common/radio_on.png) no-repeat 50% 50%;} span.checkIcon input[type="checkbox"]:focus + label { /* text-decoration: underline; */ outline: 2px dashed #0fd9dd; color: #333;} span.checkIcon input[type="radio"]:focus + label { /* text-decoration: underline; */ outline: 2px dashed #0fd9dd; color: #333;} .minGuide {padding: 3.5rem; margin: 25px 0;background: #faf9f9; border-radius: 10px; } .minGuide .agree_guide { height: 150px; overflow-y: auto; padding-right: 30px; color: #707070; font-size: 1.6rem; line-height: 30px;} ul.Application {display: flex; flex-flow: row wrap; border-top: 3px solid #333; position: relative;} ul.Application:after {content: ""; display: block; width: 100%; height: 1px; background: #dedede; position: absolute; bottom: 0; left: 0;} ul.Application > li {width: 100%; display: inline-block; border-bottom: 1px solid #dedede; padding-left: 20px; display: flex; flex-flow: row wrap; align-items: center; position: relative;} ul.Application > li > label { width: 170px; padding: 10px 10px 10px 5px; color: #000; font-weight: 600; display: flex; align-items: center; justify-content: flex-start; box-sizing: border-box; line-height: 24px;} ul.Application > li > label.essential { position: relative;} ul.Application > li > label.essential:after {content: "필수 입력 사항입니다"; text-indent: -999999px; display: inline-block; width: 7px; height: 7px; margin-left: 10px; background: url(/images/jwagwangcheon/common/check_01.png) no-repeat 0 0;} ul.Application > li > div { width: calc(100% - 170px); padding: 20px 15px; box-sizing: border-box;} ul.Application > li > div p.tel select, ul.Application > li > div p.tel input[type="text"] {width: calc(33.3% - 50px);} ul.Application > li > div p.tel span {width: 15px; padding: 0 5px; display: inline-block;} ul.Application > li > div input[type="text"], ul.Application > li > div input[type="password"], ul.Application > li > div select{min-height:5rem;} ul.Application > li > div .data{width:150px;} .point-box {background: #f2f6fa; padding: 10px 20px; border-radius: 10px; margin: 15px 0; color:#222222; font-size:1.6rem; font-weight: 700;} .point-box span { display: block; background: url(/images/jwagwangcheon/common/point-box.png) no-repeat 0 4px; padding-left: 22px; margin: 8px 0;} @media (max-width: 768px) { ul.Application > li{padding:10px 15px;} ul.Application > li > label, ul.Application > li > div { width: 100%;} ul.Application > li > div{padding:0px;} ul.Application > li > div .data{width:49%;} ul.Application > li > div .name{width:100%;} .point-box span{background: url(/images/jwagwangcheon/common/point-box.png) no-repeat 0 0px;} } /*** 검색 ***/ .board_search{background:#f6f7fa; padding:3rem 4rem; border-radius:2rem; display: flex; align-items: center; justify-content: space-between;} .board_search .page_num{font-size:1.8rem; font-weight: 500;} .board_search .page_num b{color:#085396; font-weight: 700;} .board_search .page_num span{margin-left:15px; padding-left:15px; position: relative;} .board_search .page_num span:before{content: ''; display: block; width: 1px; height: 15px; background: #d2d2d2; position: absolute; left: 0; top: 4px;} .board_search .search{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;} .board_search .search input[type="text"]{margin: 0 5px; border:1px solid #dadde8 !important;} .board_search .search input[type="text"], .board_search .search select{border-radius:10px;} .board_search_btn{width:46px; height:46px; background:url(/images/jwagwangcheon/common/btn_search.png) no-repeat 0 0px; border:0; text-indent: -9999999px} @media (max-width: 768px) { .board_search{padding: 2.5rem;} .board_search .page_num{display:none;} .board_search .search{width: 100%;} .board_search .search select{width:80px;} .board_search .search input[type="text"]{width: calc(100% - 136px);} } /*포토갤러리*/ .photolist-wrap { width:100%; } .photolist-wrap ul {padding-top:20px; overflow:hidden; } .photolist-wrap ul li { float:left; width:32%; margin-right:2%; margin-bottom:30px; border:1px solid #999; background:#fff; box-sizing:border-box; transition:all 0.3s;} .photolist-wrap ul li:nth-child(3n) {margin-right:0; } .photolist-wrap .img {height:250px; position:relative; overflow:hidden; display:block; background-color:#f6f6f6;} .photolist-wrap .img img {width:100%; height:100%; transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;} .photolist-wrap li p.list_cc {padding:30px;} .photolist-wrap .btxt {font-size:24px; color:#000; display:block; font-family: 'GmarketSans'; font-weight:600; margin-bottom:10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height:30px;transition:all 0.3s;} .photolist-wrap .btxt a {color:#000;transition:all 0.3s;} .photolist-wrap .ctxt {padding-left:20px; position:relative; display:block; overflow: hidden; text-overflow: ellipsis; height: 53px; line-height: 25px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .photolist-wrap .ctxt::before {content:''; display:block; width:16px; height:14px; position:absolute; top:5px; lefT:0; background:url(/images/common/photo_icon.png) no-repeat 50% 50%;} .photolist-wrap .date { font-size:13px; color:#555; padding-right:10px; margin-right:5px; } .photolist-wrap .hit { font-size:13px; color:#555; } .photolist-wrap .img img:focus {border:1px solid red;} .photolist-wrap .img a:focus img {transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);} .photolist-wrap li:hover {border:1px solid #3366cc; box-shadow:5px 5px 7px rgba(0,0,0,0.2);} .photolist-wrap li:hover .btxt a {color:#3366cc; } .photolist-wrap li:hover img {transform:scale(1.1, 1.1);-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);} @media only screen and (max-width:860px) { .photolist-wrap ul li { float:left; width:48%; margin-right:4%; } .photolist-wrap ul li:nth-child(3n) {margin-right:4%; } .photolist-wrap ul li:nth-child(even) {margin-right:0!important; } } @media only screen and (max-width:600px) { .photolist-wrap ul li { float:left; width:49%; margin-right:2%; } .photolist-wrap ul li:nth-child(3n) {margin-right:2%; } .photolist-wrap ul li:nth-child(even) {margin-right:0!important; } .photolist-wrap .img {height:180px; } .photolist-wrap li p.list_cc {padding:20px 15px;} } /* 게시글 목록 */ .tb_board {width:100%; border:0; border-collapse:collapse; margin-bottom:40px; margin-top:20px;} .tb_board th {padding:25px 8px; border-bottom: 1px solid #ddd; border-top:2px solid #000; background: #fff; box-sizing: border-box; font-weight: 700; position: relative;} .tb_board th:after{content: ''; display: block; width: 1px; background: #ddd; height: 10px; position: absolute; left: 0; top: 50%; margin-top: -5px;} .tb_board th:first-child:after{display:none;} .tb_board td {padding:20px 8px; border-bottom: 1px solid #ddd; color:#555;text-align:center; color:#666666;} .tb_board tr:first-child td {border-top:0} /*.tb_board tr:hover,.tb_board tr:active, .tb_board tr:focus {background:#f5f5f5}*/ .tb_board td.num {width:8%; color:#999999;} .tb_board .num_notice {width:28%;text-align:left} .tb_board .subject {width:auto} .tb_board td.subject {color:#333;text-align:left; } .tb_board .subject a {color:#333; font-weight: 700;} .tb_board .subject a:hover, .tb_board .subject a:active, .tb_board .subject a:focus {color:#0033cc;} .tb_board .date1{width:10%} .tb_board .writer {width:12%} .tb_board .publish {width:8%} .tb_board .reply {width:8%} .tb_board .date {width:14%} .tb_board .file {width:8%} .tb_board .file a {width:18px; height:18px; display:inline-block;} .tb_board .refer {width:10%} @media all and (max-width:768px){ .tb_board {border-top:2px solid #000;} .tb_board thead, .tb_board colgroup {display:none;} .tb_board td {word-break: break-all; padding:0;} .tb_board tr{border-bottom:1px solid #ddd; display:block; padding:20px 8px; } .tb_board td.subject{width:100%; display:block; border-bottom:0; font-size:18px; padding-bottom:5px;} .tb_board td.date1{width:auto; display:inline-block; border-bottom:0; font-size:13px;} .tb_board .num, .tb_board .num_notice, .tb_board .publish, .tb_board .reply, .tb_board .date, .tb_board .file, .tb_board .refer {display:none; width:0;} /* .tb_board .writer {width:25%} .k_bd .num, .k_bd .num_notice, .k_bd .publish, .k_bd .reply, .k_bd .date, .k_bd .file, .k_bd .refer {display:none; width:0;} .k_bd .writer {width:25%} .tb_board .mdn, */ } /*게시글 보기*/ .tb_board_read{border-top:2px solid #333333; margin-bottom:50px;} .tb_board_read .top_wrap{ display: flex; padding: 4rem 2.5rem; border-bottom: 1px solid #dadde8; flex-wrap: wrap; justify-content: space-between; align-items: center;} .tb_board_read .top_wrap .suject{font-size:2.4rem; color:#333; font-weight: 600;} .tb_board_read .top_wrap strong{color:#888888; margin-right:10px; font-weight: 500;} .tb_board_read .top_wrap span{position: relative; color:#333;} .tb_board_read .top_wrap span:first-child{padding-right:20px; margin-right:20px;} .tb_board_read .top_wrap span:first-child:after{content: ''; display: block; width: 1px; background: #ddd; height: 16px; position: absolute; right: 0; top: 50%; margin-top: -8px;} .tb_board_read .con_w{padding:5rem 3rem;} .file_wrap{background: #f6f7fa; margin-top: 50px; padding: 4rem 6rem; display: flex; align-items: center; justify-content: space-between; border-radius: 1rem;} .file_wrap .title{width:13%; font-weight: 700;} .file_wrap .file_list{width:87%; border-left:1px solid #dadde8; padding-left:6rem; box-sizing:border-box;} .file_wrap .file_list span{display:block; padding:0.5rem 0; font-weight:400;} .file_wrap .file_list .board_down{border-radius:5px; border:1px solid #085396; color:#085396; padding:0.5rem 2rem; font-size:14px; font-weight: bold;} @media all and (max-width:800px){ .tb_board_read .top_wrap{padding:2.5rem 2.0rem;} .tb_board_read .info{margin-top:10px;} .tb_board_read .top_wrap .suject, .tb_board_read .top_wrap span{width:100%;} .file_wrap{padding: 3rem; flex-wrap: wrap;} .file_wrap .title, .file_wrap .file_list{width:100%} .file_wrap .file_list{margin-top:10px; padding-left:0; border-left:0;} } /* 게시글 쓰기 */ .tb_board_write {width:100%; border:0; border-collapse:collapse; margin-bottom:40px;} .tb_board_write thead {border-top:2px solid #2c395f;} .tb_board_write thead th.title {border-top:2px solid #2c395f; text-align:center; background: #eff2f9; padding:20px 8px; border:none; border-bottom:1px solid #e5e5e5; font-weight:bold; font-size:18px;} .tb_board_write tbody th {width:25%; border-right:1px solid #dedede; border-bottom:1px solid #dedede; padding:8px 5px 6px;} .tb_board_write tbody td {padding:10px 8px 8px 8px; border-bottom:1px solid #dedede; line-height:38px;} .tb_board_write tbody td input {margin-top:0; vertical-align:top;} .tb_board_write tbody td input[type="radio"] {vertical-align:initial;} .tb_board_write tbody td input[type="checkbox"] {vertical-align:initial;} .tb_board_write tbody td input.file_input {border:0; padding:0} .tb_board_write tbody td p.copy {color:#cc0000; font-size:12px;} .tb_board_write tbody td.attach div {margin-bottom:5px;} .tb_board_write tbody td.attach input {margin-bottom:5px; width:100%;} .tb_board_write tbody td textarea {width:100%; border:1px solid #ccc;} /* 게시글 페이징 */ .pageing {text-align:center; position:relative; margin-bottom:30px; clear:both; margin-top:50px;} .pageing a {display:inline-block;width:42px;height:42px; box-sizing:border-box; line-height:40px; } .pageing a img {vertical-align:middle; margin-top:-4px;} .pageing a.on {background:#222222; color:#fff; font-weight:bold; text-decoration:underline; border-radius:5px;} .pageing strong { display:inline-block;width:42px;height:42px; box-sizing:border-box; border-radius:50px; line-height:40px; background:#407bdc; border:1px solid #407bdc; color:#fff;font-weight:bold;} @media all and (max-width:768px){ .pageing {text-align:center; position:relative;} .pageing a {display:inline-block;width:38px;height:38px;box-sizing:border-box;border-radius:50px;line-height:36px} } /* table */ .tbl_wrap {border-top:2px solid #3a5bb0; margin-top:20px;} .tbl_guide, .table_responsive .p_notice {display: none;} .board-top+.tbl_guide+.tbl_wrap {margin-top:0;} @media all and (max-width:768px) { .tbl_wrap { width: 100%; overflow: hidden; overflow-x: scroll; margin-top: 30px;} .tbl_guide { display: block; color:#019f8b; font-size: 13px; line-height: 130%; position:relative; padding-left:28px;} .tbl_guide::before {content:''; display:block; width:22px; height:10px; background:url('/images/common/spr_content.png') no-repeat -169px 0; position:absolute; top:4px; left:0;} .tbl_guide+.tbl_wrap {margin-top:15px!important;} .tbl_wrap .tbl.over{width: 752px;} .tbl_wrap .tbl.over.t1000{width:1000px;} } .tbl {margin-bottom:10px; width:100%; table-layout: fixed; border-collapse:collapse;} .tbl th {text-align:center; font-weight: 600;} .tbl th {padding:18px 8px; border:1px solid #ddd; line-height:18px; vertical-align: middle; box-sizing: border-box; word-break: break-all; border-top:none;} .tbl td {padding:18px 8px; border:1px solid #ddd; line-height:18px; vertical-align: middle; box-sizing: border-box; word-break: break-all; border-top:none;} .tbl td:last-child, .tbl th:last-child {border-right: none;} .tbl td:first-child, .tbl th:first-child {border-left: none; border-right:1px solid #ddd;} .tbl thead tr:first-child th {background:#f5f8fb;} .tbl thead th {background:#f5f8fb; color:#085396; } .tbl tbody th {background:#fafafa; padding:18px 8px;} .tbl tbody td {line-height:22px;} .tbl tfoot th {background:#f7faef; color:#333;} .tbl td {background: #fff;} .tbl td.b_bg {background: #f4f8fc;} .tbl.mt {/*margin-top:10px;*/ margin-bottom:10px;} .tbl.mt th {text-align:center; } .tbl.mt td, .tbl.mt th {padding:19px 10px; border:1px solid #ccc; line-height:18px; vertical-align: middle; box-sizing: border-box; font-size:15px;word-break: break-all;} .tbl.mt thead tr:first-child th {border-top:2px solid #5872c0; background:#f2f4f6; } .tbl.mt thead th {background:#f2f4f6; color:#333; /*border-bottom: none;*/} .tbl.mt tbody th {background:#fafafa; font-weight: normal;} .tbl.mt tbody td {line-height:18px;} .tbl.mt tfoot th {background:#f7faef; color:#333;} .tbl.mt td {background: #fff;} .tbl.mt td.b_bg {background: #f4f8fc;} .tbl_lll {position:relative;width: 100%;border-collapse: collapse;margin-top:20px;} .tbl_lll thead, .tbl_lll.Tbody tbody {border-top: 2px solid #085396;} .tbl_lll thead th {padding:18px 8px;font-weight:bold;background:#f7f7f7;} .tbl_lll tbody th { padding:18px 8px;background:#f5f8fb; color:#085396; font-weight: 600; border-bottom:1px solid #ddd;/*border-right:1px solid #ddd;*/} .tbl_lll tbody td {border-bottom:1px solid #ddd;padding:18px 15px;} .tbl_lll tbody td .select { min-width: 140px; background: url(/images/lll/selarr_btn.png) no-repeat 90% 17px #fff;} .tbl_lll tbody td input[type="text"].tel01{width:120px;} @media (max-width: 700px) { .tbl_lll colgroup{display:none;} .tbl_lll.thead_no tbody {border-top: 2px solid #3a5bb0;} .tbl_lll tbody th , .tbl_lll tbody td {text-align:left;display:block;padding:10px 15px; } .tbl_lll tbody th {border-bottom:none;border-right:none;} } ol[class^="list_onum"] li{padding-left: 30px; margin-top: 15px; position: relative; font-size: 1.8rem;} ol[class^="list_onum"] >li:before {content: ''; position: absolute; left: 0; top:3px; width: 22px; height: 22px; line-height:22px; background:#000; border-radius: 50%; text-align: center; color: #fff; font-size:14px; box-sizing: border-box; } ol[class^="list_onum"] >li:nth-child(1):before {content: '1';} ol[class^="list_onum"] >li:nth-child(2):before {content: '2';} ol[class^="list_onum"] >li:nth-child(3):before {content: '3';} ol[class^="list_onum"] >li:nth-child(4):before {content: '4';} ol[class^="list_onum"] >li:nth-child(5):before {content: '5';} ol[class^="list_onum"] >li:nth-child(6):before {content: '6';} ol[class^="list_onum"] >li.n01:before {content: '1';} ol[class^="list_onum"] >li.n02:before {content: '2';} ol[class^="list_onum"] >li.n03:before {content: '3';} ol[class^="list_onum"] >li.n04:before {content: '4';} ol[class^="list_onum"] >li.n05:before {content: '5';} ol[class^="list_onum"] >li.n06:before {content: '6';} ol[class^="list_onum"] >li.n07:before {content: '7';} ol[class^="list_onum"] >li.n08:before {content: '8';} ol[class^="list_onum"] >li.n09:before {content: '9';} ol[class^="list_onum"] >li.n10:before {content: '10';} ol[class^="list_onum"] >li.n11:before {content: '11';} ol[class^="list_onum"] >li.n12:before {content: '12';} ol[class^="list_onum"] >li.n13:before {content: '13';} ol[class^="list_onum"] >li.n14:before {content: '14';} ol[class^="list_onum"] >li.n15:before {content: '15';} ol[class^="list_onum"] >li >ul li {padding-left:10px; margin-top:5px;} ol[class^="list_onum"] >li >ul li:before {content:''; position:absolute; width:4px; height:4px; background:#4a619e; left:0; top:11px; border-radius:50%;} ol[class^="list_onum"] >li >ul >li >ul li{padding-left:10px; margin-top:3px; font-size:15px;} ol[class^="list_onum"] >li >ul >li >ul li:before {content:''; position: absolute; width:5px; height:1px; background:#bbb; left:0; top:10px; } ol[class^="list_onum"] li>ol>li.n01:before {content: '1';} ol[class^="list_onum"] li>ol>li.n02:before {content: '2';} ol[class^="list_onum"] li>ol>li.n03:before {content: '3';} ol[class^="list_onum"] li>ol>li.n04:before {content: '4';} ol[class^="list_onum"] li>ol>li.n05:before {content: '5';} ol[class^="list_onum"] li>ol>li.n06:before {content: '6';} ol[class^="list_onum"] li>ol>li.n07:before {content: '7';} ol[class^="list_onum"] li>ol>li.n08:before {content: '8';} ol[class^="list_onum"] li>ol>li.n09:before {content: '9';} ol[class^="list_onum"] li>ol>li.n10:before {content: '10';} ol[class^="list_onum"] li>ol>li{ position: relative;padding-left:0; margin-top:5px; font-size: 1.7rem;} ol[class^="list_onum"] li>ol>li:before{content:''; display: inline-block; margin-right:10px; color: #03878a; font-size: 14px; text-decoration: underline; font-weight: 500; height:20px; font-weight: 700;} ol[class^="list_onum"] li>ol>li>ol>li{padding-left:10px} ul[class^="list_ul"] li, ol[class^="list_num"] li {line-height:24px; position: relative; } ul[class^="list_ul"] >li, ol[class^="list_num"] li ul li {padding-left:10px; margin-top:12px;} ul[class^="list_ul"] >li:before, ol[class^="list_num"] li ul li:before {content: ''; position: absolute; width:6px; height:6px; left: 0; top:9px; background:#4a619e; border-radius:50%;} ul[class^="list_ul"] >li:first-child{margin-top:0;} ul[class^="list_ul"] >li >ul {margin-top:0; margin-bottom:15px;} ul[class^="list_ul"] li >ul >li{padding-left:10px; margin-top:6px;} ul[class^="list_ul"] >li >ul >li:before {content: ''; position: absolute; width:5px; height:8px; left: 0; top:8px; background:url('/images/common/spr_content.png') no-repeat -137px 0;} ul[class^="list_ul"] ul ul {margin-top: 8px !important; background: rgba(255,255,255,1); box-sizing: border-box;} ul[class^="list_ul"] >li >ul >li >ul >li {padding-left:8px; margin-top:9px; font-size:15px;} ul[class^="list_ul"] >li >ul >li >ul >li:before, td >ul >li >ul >li:before {content: ''; position: absolute; width: 3px; height: 3px; left: 0; top: 9px; background:#bbb;} ul[class^="list_ul"] >li >ul >li >ul >li:first-child {margin-top:0;} ul[class^="list_ul"] li p, ol[class^="list_num"] li p {margin-top:10px;} ul[class^="list_ul"] ul ul.liNon {margin-top: 8px !important; background:none; border:none; border-radius:0; padding:0px; box-sizing: border-box;} ul[class^="list_ul"] >li >ul >li >ul.liNon >li {padding-left:0;} ul[class^="list_ul"] >li >ul >li >ul.liNon >li:before, td >ul >li >ul.liNon >li:before {display:none;} ul[class^="list_ul02"] > li{padding-left:10px; margin-top:6px; line-height:24px; position: relative; } ul[class^="list_ul02"] > li:before {content: ''; position: absolute; width:5px; height:8px; left: 0; top:8px; background:url('/images/common/spr_content.png') no-repeat -137px 0;} ul[class^="list_ul02"] li >ul >li{padding-left:8px; margin-top:6px;} ul[class^="list_ul02"] >li >ul >li:before {content: ''; position: absolute; width:3px; height:3px; left: 0; top:12px; background:#bbb;} .app_tbl {margin-bottom:10px; width:100%; table-layout: fixed; border-collapse:collapse; border-top:2px solid #085396; margin-top:20px;} .app_tbl th {text-align:center; font-weight: 600;} .app_tbl th {padding:18px 8px; border:1px solid #ddd; line-height:18px; vertical-align: middle; box-sizing: border-box; word-break: break-all; border-top:none;} .app_tbl td {padding:18px 8px; border:1px solid #ddd; line-height:18px; vertical-align: middle; box-sizing: border-box; word-break: break-all; border-top:none;} .app_tbl td:last-child, .app_tbl th:last-child {border-right: none;} .app_tbl td:first-child, .app_tbl th:first-child {border-left: none; border-right:1px solid #ddd;} .app_tbl thead tr:first-child th {background:#f5f8fb;} .app_tbl thead th {background:#f5f8fb; color:#085396; } .app_tbl .btn_cl{border:1px solid #333; font-size:16px; border-radius:30px; line-height: 40px; display:block;} .app_tbl .btn_save{background:#ececec; color:#888888;font-size:16px; border-radius:30px; line-height: 40px; display:block;} @media (max-width: 768px) { .app_tbl colgroup, .app_tbl td.num, .app_tbl td.data, .app_tbl thead{display:none;} .app_tbl td{display:block; width:100%; border:0; padding:5px 8px; line-height: 1em;} .app_tbl td.subject{width:100%; font-weight: 700;} .app_tbl .btn_cl, .app_tbl .btn_save{font-size:14px; line-height: 30px;} .app_tbl tr{border-bottom:1px solid #ddd; padding:10px 0; display: block;} } @charset "UTF-8"; .edu_wrap{font-size:0;line-height:0; margin:6rem 0 0 0;} .edu_wrap .edu_list{} .edu_wrap .edu_list .edu_item{display:inline-block;width:380px;vertical-align:top;} .edu_wrap .edu_list .edu_item + .edu_item{margin-left:calc((100% - 380px * 3) / 2);} .edu_wrap .edu_list .edu_item:nth-child(3n + 1){margin-left:0;} .edu_wrap .edu_list .edu_item .item_area{position:relative;width:100%;display:block;} .edu_wrap .edu_list .edu_item .item_area .item_state{position:absolute;top:-15px;right:20px;width:25.9rem;height:140px;padding-top:18px;padding-left:140px;border-radius:22px;text-align:center;transition-property:transform;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.22, 1, 0.36, 1);} .edu_wrap .edu_list .edu_item .item_area .item_state em{position:relative;padding-right:24px;font-size:18px;color:#fff;line-height:26px;letter-spacing:0;font-weight:500;word-break:keep-all;} .edu_wrap .edu_list .edu_item.ing .item_area .item_state {background-color:#085396;}/*진행중*/ .edu_wrap .edu_list .edu_item.end .item_area .item_state {background-color:#000;}/*종료*/ .edu_wrap .edu_list .edu_item.definition .item_area .item_state {background-color:#029287;}/*예정*/ /*.edu_wrap .edu_list .edu_item .item_area .item_state.type01 em:before{background-position:calc(-18px * 0) 0;} .edu_wrap .edu_list .edu_item .item_area .item_state.type02 em:before{background-position:calc(-18px * 1) 0;} .edu_wrap .edu_list .edu_item .item_area .item_state.type03 em:before{background-position:calc(-18px * 2) 0;} */ .edu_wrap .edu_list .edu_item .item_area .item_inner{position:relative; display:block; width:100%;height:436px;transition-property:transform;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.22, 1, 0.36, 1); margin-bottom:5rem} /*.edu_wrap .edu_list .edu_item .item_area .item_inner:before{display:block;position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 66px);box-shadow:5px 9px 32px 0px rgba(0,0,0,0.05);border-radius:20px;content:'';}*/ .edu_wrap .edu_list .item_shape{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;} .edu_wrap .edu_list .item_shape .base_path{transition-property:stroke;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.22, 1, 0.36, 1);} .edu_wrap .edu_list .item_shape .hover_path{transition-property:opacity;transition-duration:0.8s;transition-timing-function:cubic-bezier(0.22, 1, 0.36, 1);} .edu_wrap .edu_list .item_text_box{display:block; position:relative;width:100%;height:100%;padding:20px 40px; box-sizing:border-box;} .edu_wrap .edu_list .division{position:relative; display:block;width:calc(100% - 130px); font-size: 1.8rem; text-align:center; background-color:#f2f6fa;color:#066691;line-height:42px;letter-spacing:0;font-weight:600;word-break:keep-all;} .edu_wrap .edu_list .btxt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden; margin-top:30px; padding-bottom:2rem; margin-bottom:3rem; font-size:2.6rem; font-family: ONE Mobile Title; color:#2d2d2d;line-height:34px; word-break:keep-all;text-overflow:ellipsis; border-bottom:1px solid #ddd;} .edu_wrap .edu_list .info_txt{position: relative; display: flex; font-size: 1.7rem; line-height: 1em; margin-bottom:15px;} .edu_wrap .edu_list .info_txt strong{width:88px; padding-left:15px; position: relative; box-sizing: border-box;} .edu_wrap .edu_list .info_txt strong:after{content: ''; display: block; width: 6px; height: 14px; background: #b6b6b6; position: absolute; left: 0; top: 2px; border-radius: 20px;} .edu_wrap .edu_list .info_txt span{width:calc(100% - 88px);} .edu_wrap .edu_list .btn_save{width:100%; color:#000; padding:10px 0; font-weight: 700; margin-top:30px; font-size: 1.7rem; line-height: 1em; text-align:center; border:1px solid #ddd; border-radius:10px;} .edu_wrap .edu_list .edu_item.end .btn_save{background:#dedede; color:#565656;} .edu_wrap .edu_list .edu_item.ing .btn_save{border:1px solid #085396; color:#085396;} .edu_wrap .edu_list .edu_item.definition .btn_save{{border:1px solid #000; color:#333;} @media all and (min-width:1001px){ .edu_wrap .edu_list .edu_item .item_area:hover .item_state{transform:translateY(-12px);} .edu_wrap .edu_list .edu_item .item_area:hover .item_inner{transform:translateY(-12px);} .edu_wrap .edu_list .edu_item .item_area:hover .item_inner .item_shape .base_path{stroke:#fff;} .edu_wrap .edu_list .edu_item .item_area:hover .item_inner .item_shape .hover_path{opacity:1;} } @media all and (max-width:1480px){ .edu_wrap .edu_list .edu_item{width:270px;} .edu_wrap .edu_list .edu_item + .edu_item{margin-left:calc((100% - 270px * 4) / 3);} .edu_wrap .edu_list .edu_item:nth-child(4n + 1){margin-left:0;} .edu_wrap .edu_list .edu_item .item_area .item_state{height:95px;padding-top:9px;padding-left:178px;} .edu_wrap .edu_list .edu_item .item_area .item_state em{font-size:17px;line-height:24px;} .edu_wrap .edu_list .edu_item .item_area .item_state em:before{width:17px;height:17px;} .edu_wrap .edu_list .edu_item .item_area .item_state.type01 em:before{background-position:calc(-17px * 0) 0;} .edu_wrap .edu_list .edu_item .item_area .item_state.type02 em:before{background-position:calc(-17px * 1) 0;} .edu_wrap .edu_list .edu_item .item_area .item_state.type03 em:before{background-position:calc(-17px * 2) 0;} .edu_wrap .edu_list .edu_item .item_area .item_inner{height:205px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_shape svg{transform:scale(0.8);transform-origin:top left;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box{padding:20px 25px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_division{width:calc(100% - 63px);margin-left:-7px;font-size:15px;line-height:35px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_title{height:54px;margin-top:20px;font-size:19px;line-height:27px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_date{margin-top:23px; font-size:16px;line-height:24px;} } @media all and (max-width:1240px){ .edu_wrap .edu_list .edu_item{width:300px;} .edu_wrap .edu_list .edu_item + .edu_item{margin-left:calc((100% - 300px * 3) / 2);} .edu_wrap .edu_list .edu_item:nth-child(3n + 1){margin-left:0;} .edu_wrap .edu_list .edu_item:nth-child(n + 4){margin-top:40px;} .edu_wrap .edu_list .edu_item .item_area .item_state{padding-top:13px;padding-left:198px;} .edu_wrap .edu_list .edu_item .item_area .item_state em{padding-right:22px;font-size:16px;line-height:22px;} .edu_wrap .edu_list .edu_item .item_area .item_state em:before{top:3px;width:16px;height:16px;} .edu_wrap .edu_list .edu_item .item_area .item_state.type01 em:before{background-position:calc(-16px * 0) 0;} .edu_wrap .edu_list .edu_item .item_area .item_state.type02 em:before{background-position:calc(-16px * 1) 0;} .edu_wrap .edu_list .edu_item .item_area .item_state.type03 em:before{background-position:calc(-16px * 2) 0;} .edu_wrap .edu_list .edu_item .item_area .item_inner{height:228px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_shape svg{transform:scale(0.89);} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_division{width:calc(100% - 73px);line-height:40px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_title{height:52px;margin-top:30px;font-size:18px;line-height:26px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_date{font-size:15px;line-height:23px;} } @media all and (max-width:1000px){ .edu_wrap .edu_list{max-width:800px;margin:0 auto;} .edu_wrap .edu_list .edu_item{width:350px;} .edu_wrap .edu_list .edu_item + .edu_item{margin-left:calc((100% - 350px * 2));} .edu_wrap .edu_list .edu_item:nth-child(2n + 1){margin-left:0;} .edu_wrap .edu_list .edu_item:nth-child(n + 3){margin-top:40px;} .edu_wrap .edu_list .edu_item .item_area{padding-right:11px;} .edu_wrap .edu_list .edu_item .item_area .item_state{padding-top:17px;padding-left:232px;} .edu_wrap .edu_list .edu_item .item_area .item_inner{height:267px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_shape svg{transform:scale(1.04);} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box{padding:30px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_division{width:calc(100% - 81px);line-height:38px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_title{margin-top:35px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_date{margin-top:60px;} } @media all and (max-width:800px){ .edu_wrap .edu_list{max-width:640px;} .edu_wrap .edu_list .edu_item{width:280px;} .edu_wrap .edu_list .edu_item + .edu_item{margin-left:calc((100% - 280px * 2));} .edu_wrap .edu_list .edu_item:nth-child(2n + 1){margin-left:0;} .edu_wrap .edu_list .edu_item .item_area{padding-right:9px;} .edu_wrap .edu_list .edu_item .item_area .item_state{padding-top:12px;padding-left:185px;} .edu_wrap .edu_list .edu_item .item_area .item_inner{height:213px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_shape svg{transform:scale(0.83);} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box{padding:25px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_division{width:calc(100% - 69px);line-height:33px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_title{height:50px;margin-top:27px;font-size:17px;line-height:25px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_date{margin-top:25px;} } @media all and (max-width:640px){ .edu_wrap .edu_list{max-width:324px;} .edu_wrap .edu_list .edu_item{width:100%;} .edu_wrap .edu_list .edu_item + .edu_item{margin-top:30px;margin-left:0;} .edu_wrap .edu_list .edu_item .item_area{padding-right:8px;} .edu_wrap .edu_list .edu_item .item_area .item_state{padding-top:17px;padding-left:216px;} .edu_wrap .edu_list .edu_item .item_area .item_inner{height:249px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_shape svg{transform:scale(0.97);} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_division{width:calc(100% - 79px);} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_title{margin-top:35px;} .edu_wrap .edu_list .edu_item .item_area .item_inner .item_text_box .item_date{margin-top:55px;} } /* 프로그램 설문조사 목록 - 끝 */