.m-boxes.type01 {position:relative;} .m-boxes.type01 .swiper-btns { display: flex; align-items: center; justify-content: space-between; width:100%; padding:0 20px; position:absolute; top:51%; left:0; transform:translateY(-50%); z-index:2; } .m-boxes.type01 .swiper-btn-next img {transform:rotate(180deg);} .m-boxes.type01 .m-ratioBox-wrap {padding-top:73%;} .m-boxes.type01 .swiper-slide {display:block;} .m-boxes.type01 .box {display:block; position:relative;} .m-boxes.type01 .box .content {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; width:100%; height:100%; padding:0 20px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align: center; z-index:1; background-color:rgba(0,0,0,0.5); transition: background-color .3s; } .m-boxes.type01 .box .content .body {margin-top:auto; font-size:1.1em; color:#fff;} .m-boxes.type01 .box .content .title {width:100%; margin-bottom:auto; font-size:1.6em; font-weight:600; font-family:"NanumSquare", sans-serif ; color:#fff;} .m-boxes.type01 .box:hover .content {background:transparent;} @media screen and (max-width:768px){ .m-boxes.type01 .m-ratioBox-wrap {padding-top:54%;} .m-boxes.type01 .box .content .body {font-size:0.9em;} .m-boxes.type01 .box .content .title {font-size:1.2em;} } .m-intro.type01 {height:430px; background:url("../img/myCourse.jpg") no-repeat; background-size:cover; background-position: center;} .m-intro.type01 .wrap {display:flex; align-items: center; height:100%;} .m-intro.type01 .content {width:50%; margin-left:auto;} .m-intro.type01 .content .subtitle {font-size:1.4em; font-weight:300; font-family:"NanumSquare", sans-serif ; color:#fff;} .m-intro.type01 .content .title {margin-bottom:40px; font-size:1.6em; font-weight:600; font-family:"NanumSquare", sans-serif ; color:#fff;} .m-intro.type01 .content .btn {padding:8px 30px; font-size:1.2em; font-weight:600; color:#338cd7; background-color:#fff; border-radius:23px;} @media screen and (max-width:1600px){} @media screen and (max-width:1200px){ .m-intro.type01 .content {width:100%; text-align: center;} .m-intro.type01 .content .subtitle {text-shadow: 4px 8px 6px rgba(0,0,0,0.16);} .m-intro.type01 .content .title {text-shadow: 4px 8px 6px rgba(0,0,0,0.16);} } @media screen and (max-width:768px){ .m-intro.type01 {height:250px;} .m-intro.type01 .content .subtitle {margin-bottom:10px; } .m-intro.type01 .content .title {margin-bottom:20px; font-size:1.2em;} .m-intro.type01 .content .btn {} } /* 기존 게시판 스타일 제거용 ======================== */ .se2_quote1 {padding:0 !important; margin:0 !important; border-left:none !important; color:#333;} .se2_quote1 span {font-size:18px !important;} /* 리뉴얼 ================================= */ .only-admin {display:none !important;} .admin .only-admin {display:block !important;} .admin thead.only-admin {display:table-header-group !important;} .admin td.only-admin {display:table-cell !important;} .admin span.only-admin {display:inline-block !important;} /* 아이콘 */ .m-icon {display:inline-block; content:""; position:relative;} .m-icon-file {width:16px; height:17px; background: url("../img/icon_file_black.png") no-repeat; background-size:100%;} .m-icon-link {width:16px; height:17px; background: url("../img/icon_link_black.png") no-repeat; background-size:100%;} /* 정보나열 */ .m-infos.type01 .m-info {padding-left:85px; position:relative;} .m-infos.type01 .m-info.only-body {padding-left:0;} .m-infos.type01 .m-info-title {position:absolute; left:0; top:0; font-weight:500; color:#100f22;} /* 색깔 */ .bg-primary {background-color:#f45e72 !important;} .bg-gray {background-color:#afafaf !importan8t;} @media screen and (max-width:1200px) { .only-pc {display:none !important;} .admin .only-pc {display:none !important;} .admin .only-pc {display:none !important;} .admin thead.only-pc {display:none !important;} .admin td.only-pc {display:none !important;} .admin span.only-pc {display:none !important;} } /* 전체개수 */ .m-guide-total {margin-bottom:15px; font-size:0.9em;} .m-guide-total strong {color:#f45e72} /* 스크롤바 */ .m-scroll-smooth {scroll-behavior: smooth; -webkit-overflow-scrolling: touch;} .m-scrollbar.type01::-webkit-scrollbar { width: 19px; cursor:pointer;} .m-scrollbar.type01::-webkit-scrollbar-track { background-color:#A84855; } /* 바 배경 색상 */ .m-scrollbar.type01::-webkit-scrollbar-thumb { background: #343e5f; border:2px solid #A84855;} /* 위치 바 색상 */ /* .m-scrollbar.type01::-webkit-scrollbar-thumb:hover { background: pink; } .m-scrollbar.type01::-webkit-scrollbar-thumb:active { background: green; } */ .m-scrollbar.type01::-webkit-scrollbar-button { display: none; } /* 탑버튼 top */ .m-animation-top.type01 {width:50px; height:50px; position:fixed; bottom:100px; right:20px; background-color:#fff; box-shadow:0px 3px 6px rgba(0,0,0,0.16); z-index:1; border-radius:5px; transition:background-color .3s cubic-bezier(.23,.97,.83,.67), color .3s cubic-bezier(.23,.97,.83,.67);} .m-animation-top.type01 .border {content:""; position:absolute; background-color:black; transition: max-width .3s cubic-bezier(.23,.97,.83,.67), max-height .3s cubic-bezier(.23,.97,.83,.67)} .m-animation-top.type01 .border.top {width:100%; height:2px; top:0; left:0;} .m-animation-top.type01 .border.right {width:2px; height:100%; top:0; right:0;} .m-animation-top.type01 .border.bottom {width:100%; height:2px; bottom:0; left:0;} .m-animation-top.type01 .border.left {width:2px; height:100%; top:0; left:0;} /* 검색 */ .m-search {display:flex;} .m-box-search {display:flex; justify-content: space-between; margin-bottom:40px;} .m-box-search .m-guide-total {margin-bottom:0; margin-top:auto;} .m-box-search .m-guide-total strong {color:#f45e72} .m-search-select-wrap {display:inline-block; position:relative; border:1px solid #dcdcdc; margin-left:3px;} .m-search-select-wrap:after {content:""; width:100%; height:100%; position:absolute; top:0; right:0; background-color:#fff;} .m-search-select-wrap:before {content:""; width:10px; height:7px; position:absolute; top:50%; transform:translateY(-50%); right:15px; background:url("../img/icon_arrow_bottom_black.png") no-repeat; background-size:100%; z-index:1;} .m-search-select { height:38px; padding-left:15px; padding-right:70px; position:relative; z-index:1; color:#636363; background:transparent; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; } .m-search-select::-ms-expand {display:none} .m-search-input-wrap {display:flex; position:relative; margin-left:3px;} .m-search-input {height:40px; padding:0 15px; padding-right:40px; color:#636363; border:1px solid #dcdcdc;} .m-search-btn {padding:0 10px; background-color:#909090; margin-left:3px;} .m-search-btn-text {position:relative; color:#fff;} .m-search-btn-text:before {content:""; width:18px; height:22px; display:inline-block; margin:0 4px; background:url("../img/icon_search_white.png") no-repeat; background-size:100%; vertical-align:middle;} .m-search.type01 {margin-bottom:40px; padding:30px; text-align:center; background-color:#fafafa; border:1px solid #dcdcdc; justify-content:center;} .m-search.type02 .m-search-btn {padding:0 10px; background-color:#b6b6b6;} .m-search.type02 .m-search-btn-text:before {left:-7px;} .m-search.type03 .m-search:after {display:block; content:""; clear:both;} .m-search.type03 .m-search-select-wrap {border:2px solid #6d635c;} .m-search.type03 .m-search-selects {float:left;} .m-search.type03 {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e1e1e1;} .m-search.type03 .m-search-input-wrap {padding-left:110px; padding-right:56px; position:relative; float:right; border:2px solid #6d635c;} .m-search.type03 .m-search-input-wrap .m-search-select-wrap {position:absolute; left:0; top:0; border:none;} .m-search.type03 .m-search-input-wrap .m-search-select {width:110px; padding-right:38px; } .m-search.type03 .m-search-input-wrap .m-search-btn {width:56px; height:40px; padding:0; position:absolute; right:0; top:0;} .m-search.type03 .m-search-input-wrap .m-search-btn:after {content:""; width:17px; height:17px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); background:url("../img/icon_search_white.png") no-repeat; background-size:100%;} .m-search.type03 .m-search-input {border:none;} @media screen and (max-width:768px) { .m-box-search {flex-wrap:wrap; margin-bottom:20px;} .m-box-search .m-guide-total {width:100%; margin-bottom:10px;} .m-box-search fieldset {width:100%;} .m-box-search .m-search.type02 {position:relative; justify-content:flex-end;} .m-search.type01 {position:relative; margin-bottom:40px; padding:0; background:transparent; border:none; overflow:hidden;} .m-search-select-wrap {width:100%;} .m-box-search .m-search.type02 .m-search-select-wrap {float:none; width:auto;} .m-search-select-wrap:first-of-type {margin-left:0;} .m-search-select {display:block; width:100px; padding-right:30px;} .m-search-input {width:100%; float:left;} .m-search-btn {position:absolute; right:0; bottom:0; height:40px;} .m-search.type01 {display:block;} .m-search-input-wrap {margin-left:0;} .m-search.type03 .m-search-selects {float:none;} .m-search.type03 .m-search-input-wrap {padding-left:80px; float:none;} .m-search.type03 .m-search-input {margin-bottom:0;} .m-search.type03 .m-search-input-wrap .m-search-select-wrap {} .m-search.type03 .m-search-input-wrap .m-search-select {width:80px; padding-right:5px;} } @media screen and (max-width:480px) { .m-search {flex-wrap:wrap;} .m-search-select-wrap {width:100%; margin-left:0; margin-bottom:3px;} .m-search-input-wrap {width:100%; margin-left:0; } } /* 탭메뉴(tab) */ .m-tabs.type01 {display:flex; margin-bottom:40px; border:1px solid #f45e72;} .m-tabs.type01 .m-tabs-tab {flex:1; padding:14px; font-size:1.1em; border-left:1px solid #f45e72; color:#f45e72; transition: color .3s, background-color .3s; text-align:center;} .m-tabs.type01 .m-tabs-blankTab {flex:1; padding:14px; font-size:1.1em; border-left:1px solid #f45e72; color:#f45e72; transition: color .3s, background-color .3s; text-align:center;} .m-tabs.type01 .m-tabs-tab:first-of-type {border-left:none;} .m-tabs.type01 .m-tabs-tab:hover {background-color:#e2f3fc;} .m-tabs.type01 .m-tabs-tab.active {background-color:#f45e72; color:#fff;} @media screen and (max-width:768px) { .m-tabs.type01 .m-tabs-tab {} } .m-tabs.type02 {margin-bottom:20px;} .m-tabs.type02:after {display:block; content:""; clear:both;} .m-tabs.type02 .m-tabs-tab {display:inline-block; margin:1px; min-width:160px; padding:10px 30px; float:left; font-size:1.1em; font-weight:300; color:#999; border:1px solid #d3d3d3; text-align:center; transition: color .3s, border-color .3s;} .m-tabs.type02 .m-tabs-tab:first-child {border-left:1px solid #d3d3d3;} .m-tabs.type02 .m-tabs-tab:hover {color:#f45e72; border-color:#f45e72;} .m-tabs.type02 .m-tabs-tab.active {color:#f45e72; border-color:#f45e72;} .m-tabs.type03 {margin-bottom:40px; border-bottom:2px solid #00926d;} .m-tabs.type03:after {display:block; content:""; clear:both;} .m-tabs.type03 .m-tabs-tab:first-child {margin-left:0;} .m-tabs.type03 .m-tabs-tab {display:inline-block; min-width:180px; margin-left:4px; padding:10px 30px; position:relative; bottom:-2px; float:left; font-size:1.1em; color:#666666; background-color:#cbcbcb; text-align:center; transition: color .3s, border-color .3s;} .m-tabs.type03 .m-tabs-tab:hover {} .m-tabs.type03 .m-tabs-tab.active {color:#444444; background-color:transparent; border:2px solid #00926d; border-bottom:none;} .m-tabs.type03 .m-tabs-tab.active:after {content:""; width:100%; height:2px; position:absolute; left:0; bottom:0px; background:#ebebeb;} .m-tabs-contents .m-tabs-content {display:none;} .m-tabs-contents .m-tabs-content.active {display:block;} @media screen and (max-width:1200px) { .m-tabs.type02 .m-tabs-tab {min-width:auto; padding:10px 15px; } } @media screen and (max-width:768px) { .m-tabs.type03 {display:flex;margin-bottom:20px;} .m-tabs.type03 .m-tabs-tab {flex:1; min-width:140px; margin-left:0; padding:10px 5px; bottom:0; } .m-tabs.type03 .m-tabs-tab.active:after {bottom:-2px;} } /* 목록(list)*/ .m-lists.type01 {} .m-lists.type01 p {position:relative;} .m-lists.type01 > p {padding-left:13px; font-size:1.2em;} .m-lists.type01 > p:before {content:""; width:5px; height:5px; position:absolute; left:0px; top:13px; background-color:#333;} .m-lists.type01 > div {padding-left:20px;} .m-lists.type01 > div > p {padding-left:15px; font-size:1.1em; font-weight:300; color:#7b7b7b;} .m-lists.type01 > div > p:before {content:"-"; position:absolute; left:0px; top:0px;} .m-lists.type01 > div > div {padding-left:20px;} .m-lists.type01 > div > div > p {padding-left:10px; font-weight:300; color:#999;} .m-lists.type01 > div > div > p:before {content:""; width:2px; height:2px; position:absolute; left:0px; top:11px; border-radius:100%; background-color:#999;} .list_style_1 li:before {content:""; width:5px; height:5px; position:absolute; left:0px; top:8px; background-color:#333;} .list_style_2 li:before {content:""; width:3px; height:3px; position:absolute; left:0px; top:9px; border-radius:100%; background-color:#333;} .list_style_3 li:before {content:"-"; position:absolute; left:0px; top:0px;} /* 제목(title) */ .m-title.type01 {font-size:1.3em; font-weight:500;} .m-title.type02 {font-size:1.2em; font-weight:500; color:#f45e72;} .m-title-h3 { margin-bottom:10px; padding-left:25px; position:relative; font-size:1.1em; font-weight:500;} .m-title-h3:before {content:""; width:10px; height:10px;position:absolute; left:0; top:6px; border:3px solid #28a893; border-radius:100%;} .m-title.type03 {margin-bottom:20px; padding-left:34px; position:relative; font-size:1.3em; font-weight:600;} .m-title.type03:before {content:""; width:18px; height:22px; position:absolute; left:0; top:10px; background:url("../img/y.png") no-repeat; background-size:100%;} .m-title.type04 { margin-bottom:5px; padding-left:10px; position:relative; font-size:1.1em; font-weight:500;} .m-title.type04:before {content:""; width:10px; height:15px;position:absolute; left:0; top:6px; border-left:3px solid #f45e72;} @media screen and (max-width:768px){ .m-title.type03 {padding-left:24px; font-size:1.1em;} .m-title.type03:before {width:12px; top:6px;} } /* 제목 아이콘 */ .after-lock {position:relative;} .after-lock:after {display:inline-block; width:14px; height:17px; margin-left:10px; content:""; background: url("../img/icon_lock_gray.png") no-repeat; background-size:100%;} .after-new {position:relative;} .after-new:after {display:inline-block; width:32px; height:14px; margin-left:10px; content:""; background: url("../img/icon_new_gray.png") no-repeat; background-size:100%;} .after-new.after-lock:before {width:14px; height:17px; content:""; position:absolute; bottom:7px; right:-30px; background: url("../img/icon_lock_gray.png") no-repeat; background-size:100%;} .after-new.after-lock:after {right:-80px;} @media screen and (max-width:768px){ .after-new.after-lock:before {display:inline-block; margin-right:8px; position:static; } } .m-body.type01 {font-size:1.1em;} @media screen and (max-width:768px){ .m-body.type01 {} } /* 로그인 */ .m-login-wrap {background-color:#fafafa;} .m-login {width:650px; height:465px; position:absolute; top:48%; left:50%; transform:translate(-50%, -50%); box-shadow:4px 8px 20px rgba(0,0,0,0.16);} .m-login-left {width:50%; height:100%; padding:90px 30px 0 30px; float:left; background:url("../img/img_base_login.png") no-repeat; background-size:cover;} .m-login-left .m-login-subTitle { font-size:1.2em; color:#fff;} .m-login-left .m-login-title {font-size:1.6em; font-weight:600; color:#fff;} .m-login-left .m-login-link {position:absolute; left:30px; bottom:60px; color:#fff;} .m-login-right {width:50%; padding:90px 28px 0 28px; float:left;} .m-login-right .m-login-title {margin-bottom:35px; font-size:1.3em; font-weight:600;} .m-login .m-input-text.type01 input {height:37px; border:1px solid #dcdcdc;} .m-login .m-input-text.type01:first-child {margin-bottom:7px;} .m-login .m-input-checkbox.type01 {margin:15px 0;} .m-login .m-input-checkbox.type01 label {font-size:0.9em; font-weight:300; color:#6a6a6a;} .m-login-btn {display:block; width:100%; height:50px; margin-bottom:20px; color:#fff; background-color:#0062c3;} .m-login-comment {position:relative; padding-left:15px; font-size:13px; font-weight:300; color:#767676;} .m-login-comment:before {content:"ㆍ"; position:absolute; left:0; top:0px;} .m-login-icon {margin-left:10px; position:relative; top:2px;} @media screen and (max-width:768px) { .m-login {width:100%; height:auto; position:static; transform:none;} .m-login-wrap {width:100%; padding:0px 10px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .m-login-left {width:100%; height:auto; padding:30px; float:none; text-align:center;} .m-login-left .m-login-subTitle {} .m-login-left .m-login-title {margin-bottom:15px; font-size:1.2em;} .m-login-left .m-login-link {position:static; font-size:0.9em;} .m-login-left .m-login-link br {display:none;} .m-login-right {width:100%; padding:30px; float:none;} .m-login-right .m-login-title {margin-bottom:15px; text-align:center;} } /* 소셜 로그인 */ .userHeader {padding:25px 50px; background-color:#323233;} .userHeader .logo {float:left;} .userHeader:after {display:block; content:""; clear:both;} .userHeader .utils {float:right;} .userHeader .util {color:#fff; transition: color .3s;} .userHeader .util:before {content:"|"; margin-left:10px; margin-right:12px; position:relative; top:-2px; color:#999; font-weight:300; font-size:13px;} .userHeader .util:first-child:before {display:none;} .userHeader + .main {padding-top:60px;} .userHeader + .main .contents_wrap {padding-bottom:80px;} .userFooter {width:100%; position:fixed; bottom:0; left:0; padding:25px 50px; border-top:1px solid #d8d8d8; background-color:#fff;} .userFooter .copyright {float:left; color:#999999;} .userFooter .links {float:right;} .userFooter .link {color:#999999; transition: color .3s;} .userFooter .link:hover {color:#333;} .userFooter .link:focus {color:#333;} .userFooter .link.point {color:#333;} .userFooter .link:before {content:"|"; margin-left:10px; margin-right:12px; position:relative; top:-2px; color:#e1e1e1; font-weight:300; font-size:13px;} .userFooter .link:first-child:before {display:none;} .userFooter:after {display:block; content:""; clear:both;} .m-login-social .m-login-social-box {padding:50px 60px 80px 60px; text-align:center; border:1px solid #c9c9c9;} .m-login-social .m-login-social-box .comment {margin-bottom:70px; color:#666666;} .m-login-social .m-login-social-box .social {display:block; width:310px; margin:0 auto; margin-bottom:20px; position:relative; line-height:37px; background-color:#f5f5f6; border-radius:18px; transition: background-color .3s, color .3s;} .m-login-social .m-login-social-box .social img {position:absolute; left:0; top:0;} .m-login-social .m-login-social-box .social:hover {color:#fff;} .m-login-social .m-login-social-box .social:focus {color:#fff;} .m-login-social .m-login-social-box .social.naver:hover {background-color:#00cf37;} .m-login-social .m-login-social-box .social.naver:focus {background-color:#00cf37;} .m-login-social .m-login-social-box .social.kakao:hover {background-color:#f8dd00;} .m-login-social .m-login-social-box .social.kakao:focus {background-color:#f8dd00;} .m-login-social .m-login-social-box .social.facebook:hover {background-color:#3a5898;} .m-login-social .m-login-social-box .social.facebook:focus {background-color:#3a5898;} @media screen and (max-width:750px){ .m-login-social .m-login-social-box {padding:45px 30px;} .m-login-social .m-login-social-box .comment {margin-bottom:30px;} .m-login-social .m-login-social-box .social {width:100%;} .userHeader .logo {display:block; width:160px; margin:0 auto; margin-bottom:15px; float:none;} .userHeader .utils {float:none; text-align:center;} .userFooter .copyright {margin-bottom:15px;} .userFooter {position:static;} } /* 게시판 */ .m-board:hover .m-board-title {color:#f45e72;} .m-boards-btns {margin-top:30px;} .m-boards-btn {display:inline-block; margin-left:5px; margin-bottom:5px; padding:10px 25px; position:relative; font-weight:500; background-color:#555; color:#fff; transition:box-shadow .3s, left .3s, top .3s, transform .3s; z-index:1; z-index:2;} .m-boards-btn:hover {} .m-boards-btn.type-big {font-size:1.1em; padding:15px 60px;} .m-boards-btn.type-small {font-size:0.9em; padding:6px 14px;} .m-boards-comment {margin:10px 0; font-size:0.9em; color:#6e6e6e;} .m-board-tag {min-width:95px; padding:2px 17px; color:#5f5f5f; border:1px solid #e5e5e5; border-radius:15px;} .m-board-title {font-size:1.3em; font-weight:500; transition: color .3s;} .m-board-body { font-weight:300; text-align:justify;} .m-board-sub { font-weight:300; color: #a0a0a0;} .m-board-date {font-size:0.9em; color:#818181;} .m-board-states {} .m-board-states .m-board-view {margin-right:10px;} .m-board-state {padding:3px 10px; font-size:0.9em; color:#fff; background-color:#f87721; border-radius:15px;} .m-board-state01 {background-color:#674da7;}/* 기본 */ .m-board-state02 {background-color:#797979;}/* 완료, 취소 */ .m-board-state03 {background-color:#f87721;}/* 진행중, 심사중 */ .m-board-state04 {background-color:#eb6877;}/* 승인, 합격 */ .m-board-state05 {background-color:#797979;}/* 미승인, 불합격*/ .m-board-view {padding-left:20px; position:relative; font-size:0.9em; color:#b5b5b5;} .m-board-view:before {content:""; width:14px; height:10px; position:absolute; top:5px; left:0; background:url("../img/icon_eye_gray.png") no-repeat;} .m-board-empty {padding:160px 20px; font-size:1.1em; color:#6f6f6f; text-align:center;} @media screen and (max-width:768px) { .m-board-title {font-size:1.2em; font-weight:500;} .m-boards-btn {padding:10px 30px;} .m-boards-btn.type-big {padding:7px 33px;} } /* 일반 게시판 목록 */ .m-boards.type-general01 {} .m-boards.type-general01 .m-board-title {margin-right:50px; font-size:1.2em;} .m-boards.type-general01 .m-board-body {text-align:center;} .m-boards.type-general01 table {width:100%; border-top:none;} .m-boards.type-general01 th {padding:10px; font-weight:300; text-align:center; color:#a0a0a0;} .m-boards.type-general01 td {padding:35px 5px; text-align:center;} .m-boards.type-general01 tr {border-bottom:1px solid #b5b5b5; transition:background-color .3s;} .m-boards.type-general01 tr:hover {background-color:#f8f8f8;} .m-boards.type-general01 tbody tr:first-child {border-top:2px solid black;} @media screen and (max-width:1200px) { .m-boards.type-general01 colgroup {display:none;} } @media screen and (max-width:768px) { .m-boards.type-general01 thead {display:none !important;} .m-boards.type-general01 tbody {display:block;} .m-boards.type-general01 tr {display:block; position:relative; padding: 0px 10px 15px 10px;} .m-boards.type-general01 td {display:inline-block; margin-right:0px; padding:20px 0 0px 0px;} .m-boards.type-general01 .m-board-main {display:block; margin-top:15px; padding:0;} .m-boards.type-general01 .m-board-title {display:block; font-size:1.1em;} .m-boards.type-general01 .m-board-state {margin-left:5px; font-size:12px;} } @media screen and (max-width:500px) { .m-boards.type-general01 .m-board-tag {font-size:12px;} .m-boards.type-general01 .m-board-body {font-size:12px;} } /* 일반 게시판 자세히 보기 */ .m-boardDetail .m-board-empty {padding:90px 20px; color:#909090;} .m-boardDetail.type-general01 {} .m-boardDetail.type-general01 .m-board-title {margin-left:12px; margin-right:10px; position:relative; bottom:-3px;} .m-boardDetail.type-general01 .m-board-tag {background-color:#fff;} .m-boardDetail.type-general01 .m-boardDetail-header {padding:40px 25px; background-color:#f4f4f4; border-top:2px solid #f45e72;} .m-boardDetail.type-general01 .m-boardDetail-infos {margin-top:20px;} .m-boardDetail.type-general01 .m-boardDetail-infos .only-admin {display:inline-block;} .m-boardDetail.type-general01 .m-boardDetail-infos .only-admin:before {margin-left:15px; margin-right:17px; content:"|"; position:relative; top:-2px; font-size:13px; color:#bfbfbf;} .m-boardDetail.type-general01 .m-boardDetail-info {display:inline-block;} .m-boardDetail.type-general01 .m-boardDetail-info:before {margin-left:24px; margin-right:22px; content:"|"; position:relative; top:-2px; font-size:13px; color:#bfbfbf;} .m-boardDetail.type-general01 .m-boardDetail-info:first-child:before {display:none;} .m-boardDetail.type-general01 .m-boardDetail-info-title {margin-right:15px; color:#f45e72;} .m-boardDetail.type-general01 .m-boardDetail-subHeader {padding:20px 25px; border-bottom:1px solid #d8d8d8;} .m-boardDetail.type-general01 .m-boardDetail-subHeader .m-board-body:before {margin-left:24px; margin-right:22px; content:"|"; position:relative; top:-2px; font-size:13px; color:#bfbfbf;} .m-boardDetail.type-general01 .m-boardDetail-subHeader .m-board-body:nth-child(2):before {display:none;} .m-boardDetail.type-general01 .m-icon-file {margin-right:20px; position:relative; top:2px;} .m-boardDetail.type-general01 .m-icon-link {margin-right:20px; position:relative; top:2px;} .m-boardDetail.type-general01 .m-boardDetail-content {padding:70px 25px; border-bottom:1px solid black;} .m-boardDetail.type-general01 .m-boardDetail-content img {max-width:100%;} .m-boardDetail.type-general01 .m-boardDetail-prev {display:block; padding:26px 25px 30px 25px; border-bottom:1px solid #d8d8d8;} .m-boardDetail.type-general01 .m-boardDetail-prev .m-board-title {font-size:1.1em;} .m-boardDetail.type-general01 .m-boardDetail-prev .m-board-body {margin-right:20px; position:relative; top:2px;} .m-boardDetail.type-general01 .m-boardDetail-prev:hover .m-board-title {color:#f45e72;} .m-boardDetail.type-general01 .m-boardDetail-next {display:block; padding:26px 25px 30px 25px; border-bottom:1px solid #d8d8d8;} .m-boardDetail.type-general01 .m-boardDetail-next .m-board-title {font-size:1.1em;} .m-boardDetail.type-general01 .m-boardDetail-next .m-board-body {margin-right:20px; position:relative; top:2px;} .m-boardDetail.type-general01 .m-boardDetail-next:hover .m-board-title {color:#f45e72;} .m-boardDetail.type-general01 .m-boards-btn {background-color:#8e8e8e;} .m-boardDetail.type-general01 .m-boards-btns.align-center {margin:60px 0;} .m-boardDetail.type-general01 .m-input-radios {max-height:250px; overflow-y:auto;} .m-boardDetail.type-general01 .m-board-state {margin-left:25px;} .m-boardDetail.type-general01 .m-boardDetail-cc {position:absolute; bottom:20px; right:25px;} @media screen and (max-width:1200px) { .m-boardDetail.type-general01 .m-boardDetail-header {padding:30px 15px;} .m-boardDetail.type-general01 .m-boardDetail-infos .only-admin {display:block; margin-top:5px;} .m-boardDetail.type-general01 .m-boardDetail-infos .only-admin:before {display:none;} .m-boardDetail.type-general01 .m-boardDetail-info:before {margin-left:14px; margin-right:12px;} .m-boardDetail.type-general01 .m-boardDetail-subHeader {min-height:50px; position:relative; padding:15px; padding-left:35px; padding-right:0;} .m-boardDetail.type-general01 .m-icon-file {position:absolute; left:0px; top:17px;} .m-boardDetail.type-general01 .m-icon-link {position:absolute; left:0px; top:17px;} .m-boardDetail.type-general01 .m-boardDetail-subHeader .m-board-body {display:block;} .m-boardDetail.type-general01 .m-boardDetail-subHeader .m-board-body:before {display:none;} } @media screen and (max-width:768px) { .m-boardDetail.type-general01 .m-board-title {display:block; margin:0;} .m-boardDetail.type-general01 .m-boardDetail-infos {margin-top:15px;} .m-boardDetail.type-general01 .m-boardDetail-info-title {margin-right:5px; font-size:0.9em;} .m-boardDetail.type-general01 .m-boardDetail-info-body {font-size:0.9em;} .m-boardDetail.type-general01 .m-boardDetail-content {padding:40px 0px;} .m-boardDetail.type-general01 .m-boardDetail-prev {padding:22px 0px 26px 77px; position:relative;} .m-boardDetail.type-general01 .m-boardDetail-prev .m-board-title {display:block; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .m-boardDetail.type-general01 .m-boardDetail-prev .m-board-body {position:absolute; top:50%; left:0px; transform:translateY(-50%);} .m-boardDetail.type-general01 .m-boardDetail-next {padding:22px 0px 26px 77px; position:relative;} .m-boardDetail.type-general01 .m-boardDetail-next .m-board-title {display:block; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .m-boardDetail.type-general01 .m-boardDetail-next .m-board-body {position:absolute; top:50%; left:0px; transform:translateY(-50%);} } @media screen and (max-width:500px) { .m-boardDetail.type-general01 .m-boardDetail-info {margin-right:10px;} .m-boardDetail.type-general01 .m-boardDetail-info:before {display:none;} } /* 일반 게시판 쓰기 */ .m-boardWrite-policy.type01 {margin-bottom:40px; padding:20px; border:1px solid #e1e1e1;} .m-boardWrite-policy.type01 .m-boardWrite-policy-title {margin-bottom:20px; font-size:1.1em; font-weight:500;} .m-boardWrite-policy.type01 pre {max-height:200px; margin-bottom:20px; padding:20px; font-size:0.9em; background-color:#eee; white-space: pre-line; overflow-y:auto;} .m-boardWrite-policy.type01 .m-boardWrite-policy-bottom {text-align: right;} .m-boardWrite-policy.type01 .m-input-checkbox {margin-right:0 !important;} table .star {color:red;} .m-boardWrite.type-general01 {} .m-boardWrite.type-general01 .wrap-table {margin-bottom:30px; border-top:2px solid #f45e72; border-bottom:1px solid #dedede;} .m-boardWrite.type-general01 table {width:100%;} .m-boardWrite.type-general01 tbody {} .m-boardWrite.type-general01 td .m-comment.type01 {margin-top:10px; font-size:0.9em;} .m-boardWrite.type-general01 tr {border-bottom:1px solid #dedede;} .m-boardWrite.type-general01 tr:last-child {border-bottom:none;} .m-boardWrite.type-general01 th {width:140px; padding:20px; text-align:left; font-weight:500; background-color:#f8f8f8;} .m-boardWrite.type-general01 td {padding:16px;} .m-boardWrite.type-general01 .m-input-checkbox {margin-right:30px;} .m-boardWrite.type-general01 .m-input-date {margin-right:5px;} .m-boardWrite.type-general01 .m-boardWrite-images {margin-bottom:100px; padding-left:230px; position:relative; border:1px solid #e1e1e1;} .m-boardWrite.type-general01 .m-boardWrite-images-boxThumbnail {width:230px; padding:10px; position:absolute; top:0; left:0; background-color:#f0f0f0;} .m-boardWrite.type-general01 .m-boardWrite-images-boxThumbnail .m-ratioBox-wrap {margin-bottom:13px; padding-top:61%;} .m-boardWrite.type-general01 .m-boardWrite-images-boxThumbnail .m-boards-btn.type-small {display:inline-block; width:126px; margin-left:0; padding:6px 0; border-radius:3px;} .m-boardWrite.type-general01 .m-boardWrite-images-boxThumbnail .m-boards-btn.m-input-file {display:inline-block; width:80px; padding:6px 0; float:right; border-radius:3px;} .m-boardWrite.type-general01 .m-boardWrite-images-boxThumbnail .m-boards-btn.m-input-file label {display:block; width:100%; color:#fff; text-align:center;} .m-boardWrite.type-general01 .m-boardWrite-images-files {height:200px; padding:20px 35px; overflow-y:auto;} .m-boardWrite.type-general01 .m-boardWrite-images-file {padding:3px 5px; position:relative; border-bottom:1px solid #e1e1e1; cursor:pointer; z-index:1;} .m-boardWrite.type-general01 .m-boardWrite-images-file.active {background-color:#eee;} .m-boardWrite.type-general01 .m-boardWrite-images-file .btn_remove {content:""; width:15px; height:15px; position:absolute; top:50%; right:5px; transform:translateY(-50%); background:url("../img/icon_circle_x_gray.png") no-repeat; cursor:pointer; z-index:10;} .m-boardWrite.type-general01 .m-boardWrite-images-file.point:after {content:""; width:15px; height:15px; position:absolute; top:50%; right:27px; transform:translateY(-50%); background:url("../img/icon_circle_star_yellow.png") no-repeat;} .m-boardWrite-comment.type01 {display:flex; align-items: center; margin-bottom:40px; padding:40px 60px; border:1px solid #e1e1e1; border-radius:40px 0 40px 0;} .m-boardWrite-comment.type01 > img {flex:0 0 auto; margin-right:60px;} .m-boardWrite-comment.type01 .title {margin-bottom:20px; font-size:1.2em; font-weight:500; color:#f45e72;} .m-boardWrite-comment.type01 .body {color:#3d3d3d;} @media screen and (max-width:768px) { .m-boardWrite-comment.type01 {margin-bottom:20px; padding:20px 30px; position:relative;} .m-boardWrite-comment.type01 > img {display:none;} .m-boardWrite-comment.type01 .title {margin-bottom:10px; font-size:1.1em; text-align: center;} .m-boardWrite-comment.type01 .body {word-break: keep-all;} .m-boardWrite.type-general01 th {display:block; width:100%; padding:16px;} .m-boardWrite.type-general01 td {display:block; width:100%;} .m-boardWrite.type-general01 .wrap-table {border:1px solid #e1e1e1; border-top:2px solid #f45e72;} .m-boardWrite.type-general01 .m-input-checkbox {margin-right:20px;} .m-boardWrite.type-general01 .m-input-date {margin:10px 0;} .m-boardWrite.type-general01 .m-boardWrite-images-files {padding:10px;} .m-boardWrite.type-general01 .m-boardWrite-images {padding-left:0;} .m-boardWrite.type-general01 .m-boardWrite-images-boxThumbnail {width:100%; position:relative;} .m-boardWrite.type-general01 .m-boards-comment {display:block;} } .m-board-btns {text-align: center;} .m-board-btn.type01 {display:inline-block; margin:10px; padding:14px 30px; background-color:#333; color:#fff; border-radius:15px;} .m-board-btn.type01 img {margin-right:12px;} /* FAQ 게시판 목록 */ .m-boards.type-faq01 {border-top:2px solid black;} .m-boards.type-faq01 .m-board-tag {display:inline-block; text-align:center;} .m-boards.type-faq01 .m-faq {position:relative; transition: box-shadow .3s; border-bottom:1px solid #cdcdcd;} .m-boards.type-faq01 .m-faq:after {opacity:0; content:""; width:99.8%; height:100%; position:absolute; top:0; left:0; border-right:1px solid #cdcdcd; border-left:1px solid #cdcdcd; transition: opacity .3s;} .m-boards.type-faq01 .m-faq.active:after {opacity:1;} .m-boards.type-faq01 .m-faq:hover .m-board-title {color:#f45e72;} .m-boards.type-faq01 .m-faq.active {} .m-boards.type-faq01 .m-faq.active .m-faq-btn {transform:rotate(180deg);} .m-boards.type-faq01 .m-board-title {margin-left:15px; font-size:1.2em;} .m-boards.type-faq01 .m-faq .m-board-body {display:inline-block; font-weight:500; white-space:pre-wrap;} .m-boards.type-faq01 .m-faq-mark {display:inline-block; content:""; width:37px; height:37px; position:absolute; top:38px; left:35px; background:url("../img/icon_q.png") no-repeat;} .m-boards.type-faq01 .m-board-state {margin-right:10px; position:relative; float:right; box-shadow:none;} .m-boards.type-faq01 .m-faq-btn {width:44px; height:44px; float:right; position:relative; top:-9px; background-color:white; border-radius:100%; transition:max-width .3s, max-height .3s, background-color .3s, transform .3s;} .m-boards.type-faq01 .m-faq-btn img {} .m-boards.type-faq01 .m-faq-question {padding:40px 35px; padding-left:100px; position:relative; z-index:1; cursor:pointer;} .m-boards.type-faq01 .m-faq-answer {display:none; padding:40px 35px; padding-left:100px; position:relative; background-color:#f5f5f5;} .m-boards.type-faq01 .m-faq-answer .m-faq-mark {background:url("../img/icon_a.png") no-repeat;} @media screen and (max-width:768px) { .m-boards.type-faq01 .m-faq-question {min-height:100px; padding:20px; padding-bottom:50px; padding-left:60px;} .m-boards.type-faq01 .m-faq-answer .m-faq-mark {background-size:100%;} .m-boards.type-faq01 .m-board-title {width:100%; position:absolute; top:60px; left:0; font-size:1.1em; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .m-boards.type-faq01 .m-faq-mark {width:24px; height:24px; top:22px; left:20px; background-size:100%;} .m-boards.type-faq01 .m-faq-answer {padding:20px; padding-left:60px;} .m-boards.type-faq01 .m-faq-btn {display:none;} .m-boards.type-faq01 .m-board-state {margin-right:0;} } /* qna 자세히보기 */ .m-boardDetail.type-qna01 {} .m-boardDetail.type-qna01 .m-board-title {margin-left:12px; margin-right:10px; position:relative; bottom:-3px;} .m-boardDetail.type-qna01 .m-board-tag {background-color:#fff;} .m-boardDetail.type-qna01 .m-boardDetail-header {padding:40px 40px; padding-bottom:50px; position:relative; background-color:#f4f4f4; border-top:2px solid #f45e72;} .m-boardDetail.type-qna01 .m-boardDetail-header .m-boardDetail-infos {position:absolute; left:40px; bottom:15px;} .m-boardDetail.type-qna01 .m-boardDetail-infos .only-admin {display:inline-block !important;} .m-boardDetail.type-qna01 .m-boardDetail-infos .only-admin:before {margin-left:24px; margin-right:22px; content:"|"; position:relative; top:-2px; font-size:13px; color:#bfbfbf;} .m-boardDetail.type-qna01 .m-boardDetail-info {display:inline-block;} .m-boardDetail.type-qna01 .m-boardDetail-info:before {margin-left:24px; margin-right:22px; content:"|"; position:relative; top:-2px; font-size:13px; color:#bfbfbf;} .m-boardDetail.type-qna01 .m-boardDetail-info:first-child:before {display:none;} .m-boardDetail.type-qna01 .m-boardDetail-info-title {margin-right:15px; color:#f45e72;} .m-boardDetail.type-qna01 .m-boardDetail-subHeader {padding:20px 25px; border-bottom:1px solid #d8d8d8;} .m-boardDetail.type-qna01 .m-boardDetail-subHeader .m-board-body:before {margin-left:24px; margin-right:22px; content:"|"; position:relative; top:-2px; font-size:13px; color:#bfbfbf;} .m-boardDetail.type-qna01 .m-boardDetail-subHeader .m-board-body:nth-child(2):before {display:none;} .m-boardDetail.type-qna01 .m-icon-file {margin-right:20px; position:relative; top:2px;} .m-boardDetail.type-qna01 .m-boardDetail-content {padding:50px 40px; padding-left:120px; position:relative; font-size:1.1em; border-bottom:1px solid black;} .m-boardDetail.type-qna01 .m-boardDetail-content:nth-child(3) .m-boardDetail-mark {top:116px;} .m-boardDetail.type-qna01 .m-boardDetail-content .m-boardDetail-infos {display:block; margin-bottom:45px; float:none; text-align:right;} .m-boardDetail.type-qna01 .m-boardDetail-prev {display:block; padding:26px 25px 30px 25px; border-bottom:1px solid #d8d8d8;} .m-boardDetail.type-qna01 .m-boardDetail-prev .m-board-title {font-size:1.1em;} .m-boardDetail.type-qna01 .m-boardDetail-prev .m-board-body {margin-right:20px; position:relative; top:2px;} .m-boardDetail.type-qna01 .m-boardDetail-prev:hover .m-board-title {color:#f45e72;} .m-boardDetail.type-qna01 .m-boardDetail-next {display:block; padding:26px 25px 30px 25px; border-bottom:1px solid #d8d8d8;} .m-boardDetail.type-qna01 .m-boardDetail-next .m-board-title {font-size:1.1em;} .m-boardDetail.type-qna01 .m-boardDetail-next .m-board-body {margin-right:20px; position:relative; top:2px;} .m-boardDetail.type-qna01 .m-boardDetail-next:hover .m-board-title {color:#f45e72;} .m-boardDetail.type-qna01 .m-boards-btn {background-color:#8e8e8e;} .m-boardDetail.type-qna01 .m-boards-btns.align-center {margin-top:60px;} .m-boardDetail.type-qna01 .m-input-radios {max-height:250px; overflow-y:auto;} .m-boardDetail.type-qna01 .m-boardDetail-mark {position:absolute; left:40px; top:48px; font-size:1.2em;} @media screen and (max-width:1200px) { .m-boardDetail.type-qna01 .m-boardDetail-header {padding:30px 15px;} .m-boardDetail.type-qna01 .m-boardDetail-infos {display:block; margin-top:10px !important; float:none; position:static !important;} .m-boardDetail.type-qna01 .m-boardDetail-infos .only-admin {display:block; margin-top:5px;} .m-boardDetail.type-qna01 .m-boardDetail-infos .only-admin:before {display:none;} .m-boardDetail.type-qna01 .m-boardDetail-info:before {margin-left:14px; margin-right:12px;} .m-boardDetail.type-qna01 .m-boardDetail-subHeader {position:relative; padding:15px; padding-left:50px;} .m-boardDetail.type-qna01 .m-icon-file {position:absolute; left:15px; top:17px;} .m-boardDetail.type-qna01 .m-boardDetail-subHeader .m-board-body {display:block;} .m-boardDetail.type-qna01 .m-boardDetail-subHeader .m-board-body:before {display:none;} } @media screen and (max-width:768px) { .m-boardDetail.type-qna01 .m-boardDetail-header {position:relative;} .m-boardDetail.type-qna01 .m-board-title {display:block; margin:0; margin-top:10px;} .m-boardDetail.type-qna01 .m-boardDetail-infos {margin-top:15px !important;} .m-boardDetail.type-qna01 .m-boardDetail-info-title {margin-right:5px; font-size:0.9em;} .m-boardDetail.type-qna01 .m-boardDetail-info-body {font-size:0.9em;} .m-boardDetail.type-qna01 .m-boardDetail-content {padding:40px 15px; } .m-boardDetail.type-qna01 .m-boardDetail-prev {padding:22px 15px 26px 77px; position:relative;} .m-boardDetail.type-qna01 .m-boardDetail-prev .m-board-title {display:block; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .m-boardDetail.type-qna01 .m-boardDetail-prev .m-board-body {position:absolute; top:50%; left:15px; transform:translateY(-50%);} .m-boardDetail.type-qna01 .m-boardDetail-next {padding:22px 15px 26px 77px; position:relative;} .m-boardDetail.type-qna01 .m-boardDetail-next .m-board-title {display:block; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .m-boardDetail.type-qna01 .m-boardDetail-next .m-board-body {position:absolute; top:50%; left:15px; transform:translateY(-50%);} .m-boardDetail.type-qna01 .m-boardDetail-mark {display:block; margin-bottom:10px; position:static;} .m-boardDetail.type-qna01 .m-boardDetail-content .m-boardDetail-infos {margin-bottom:30px; margin-top:0; text-align:left;} .m-boardDetail.type-qna01 .m-board-state {position:absolute; top:30px; right:15px;} } @media screen and (max-width:500px) { .m-boardDetail.type-qna01 .m-boardDetail-info {margin-right:10px;} .m-boardDetail.type-qna01 .m-boardDetail-info:before {display:none;} } .m-boardDetail.type-general02 {} .m-boardDetail.type-general02 .m-board-title {margin-right:10px; margin-bottom:20px; position:relative;} .m-boardDetail.type-general02 .m-board-tag {background-color:#fff;} .m-boardDetail.type-general02 .m-boardDetail-header {padding:80px 25px; padding-left:440px; position:relative; background-color:#f4f4f4; border-top:2px solid #ed6d00;} .m-boardDetail.type-general02 .m-boardDetail-infos {} .m-boardDetail.type-general02 .m-boardDetail-info {margin-top:8px; padding-left:50px; position:relative;} .m-boardDetail.type-general02 .m-boardDetail-info-title {position:absolute; left:0; top:0; font-size:1.1em; font-weight:500; color:#555;} .m-boardDetail.type-general02 .m-boardDetail-info-body {font-size:1.1em; color:#777;} .m-boardDetail.type-general02 .m-boardDetail-subHeader {padding:20px 25px; border-bottom:1px solid #d8d8d8;} .m-boardDetail.type-general02 .m-boardDetail-subHeader .m-board-body:before {margin-left:24px; margin-right:22px; content:"|"; position:relative; top:-2px; font-size:13px; color:#bfbfbf;} .m-boardDetail.type-general02 .m-boardDetail-subHeader .m-board-body:nth-child(2):before {display:none;} .m-boardDetail.type-general02 .m-icon-file {margin-right:20px; position:relative; top:2px;} .m-boardDetail.type-general02 .m-boardDetail-content {padding:70px 25px; border-bottom:1px solid black;} .m-boardDetail.type-general02 .m-boardDetail-prev {display:block; padding:26px 25px 30px 25px; border-bottom:1px solid #d8d8d8;} .m-boardDetail.type-general02 .m-boardDetail-prev .m-board-title {font-size:1.1em;} .m-boardDetail.type-general02 .m-boardDetail-prev .m-board-body {margin-right:20px; position:relative; top:-1px;} .m-boardDetail.type-general02 .m-boardDetail-prev:hover .m-board-title {color:#ed6d00;} .m-boardDetail.type-general02 .m-boardDetail-next {display:block; padding:26px 25px 30px 25px; border-bottom:1px solid #d8d8d8;} .m-boardDetail.type-general02 .m-boardDetail-next .m-board-title {font-size:1.1em;} .m-boardDetail.type-general02 .m-boardDetail-next .m-board-body {margin-right:20px; position:relative; top:2px;} .m-boardDetail.type-general02 .m-boardDetail-next:hover .m-board-title {color:#ed6d00;} .m-boardDetail.type-general02 .m-boards-btn {background-color:#8e8e8e;} .m-boardDetail.type-general02 .m-boards-btns.align-center {margin-top:60px;} .m-boardDetail.type-general02 .m-input-radios {max-height:250px; overflow-y:auto;} .m-boardDetail.type-general02 .m-board-state {margin-left:25px; position:relative; top:-4px; white-space: nowrap;} .m-boardDetail.type-general02 .m-boardDetail-imgs {width:360px; position:absolute; left:20px; top:50%; transform:translateY(-50%);} .m-boardDetail.type-general02 .m-boardDetail-imgs .m-ratioBox-wrap {padding-top:63%;} .m-boardDetail.type-general02 .m-boardDetail-swiper {margin-top: 10px;} .m-boardDetail.type-general02 .m-boardDetail-swiper .swiper-slide {position:relative; cursor:pointer;} .m-boardDetail.type-general02 .m-boardDetail-swiper .swiper-slide.active:after {display:none;} .m-boardDetail.type-general02 .m-boardDetail-swiper .swiper-slide:after {content:""; width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(0,0,0,0.3); opacity:} .m-boardDetail.type-general02 .m-boardDetail-swiper .swiper-button-next, .m-boardDetail.type-general02 .m-boardDetail-swiper .swiper-button-prev {width:30px; height:30px; transform:translateY(-50%); border-radius:100%; background-color:rgba(255,255,255,0.5); background-size:8px 13px; box-shadow:0px 3px 6px rgba(0,0,0,0.16);} .m-boardDetail.type-general02 .m-boardDetail-swiper .swiper-button-next {right:10px; background-image:url("../img/icon_small_arrow_right_black.png");} .m-boardDetail.type-general02 .m-boardDetail-swiper .swiper-button-prev {left:10px; background-image:url("../img/icon_small_arrow_left_black.png");} .m-boardDetail.type-general02 .m-boardDetail-swiper .swiper-control-wrapper { bottom:15px; } .m-boardDetail.type-general02 .m-boardDetail-swiper .swiper-button-disabled {display:none;} @media screen and (max-width:1200px) { .m-boardDetail.type-general02 .m-boardDetail-header {min-height:382px; padding:30px 15px; padding-left:420px;} .m-boardDetail.type-general02 .m-boardDetail-infos {padding-top:60px;} .m-boardDetail.type-general02 .m-boardDetail-infos .only-admin {display:block; margin-top:5px;} .m-boardDetail.type-general02 .m-boardDetail-infos .only-admin:before {display:none;} .m-boardDetail.type-general02 .m-boardDetail-info:before {margin-left:14px; margin-right:12px;} .m-boardDetail.type-general02 .m-boardDetail-subHeader {min-height:50px; position:relative; padding:15px; padding-left:50px;} .m-boardDetail.type-general02 .m-icon-file {position:absolute; left:15px; top:17px;} .m-boardDetail.type-general02 .m-boardDetail-subHeader .m-board-body {display:block;} .m-boardDetail.type-general02 .m-boardDetail-subHeader .m-board-body:before {display:none;} } @media screen and (max-width:1000px) { .m-boardDetail.type-general02 .m-boardDetail-header {padding-left:15px;} .m-boardDetail.type-general02 .m-boardDetail-imgs {width:100%; position:static; transform:none;} .m-boardDetail.type-general02 .m-boardDetail-infos {padding-top:0px;} .m-boardDetail.type-general02 .m-boardDetail-swiper {position:relative;} .m-boardDetail.type-general02 .m-boardDetail-swiper .swiper-button-next, .m-boardDetail.type-general02 .m-boardDetail-swiper .swiper-button-prev {margin-top:0;} .m-boardDetail.type-general02 .swiper-control-wrapper {position:static;} .m-boardDetail.type-general02 .m-board-state {margin-left:20px; top:-2px;} } @media screen and (max-width:768px) { .m-boardDetail.type-general02 .m-board-title {display:block; margin:0;} .m-boardDetail.type-general02 .m-boardDetail-infos {margin-top:15px;} .m-boardDetail.type-general02 .m-boardDetail-info-title {margin-right:5px; font-size:0.9em;} .m-boardDetail.type-general02 .m-boardDetail-info-body {font-size:0.9em;} .m-boardDetail.type-general02 .m-boardDetail-content {padding:40px 15px;} .m-boardDetail.type-general02 .m-boardDetail-prev {padding:22px 15px 26px 77px; position:relative;} .m-boardDetail.type-general02 .m-boardDetail-prev .m-board-title {display:block; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .m-boardDetail.type-general02 .m-boardDetail-prev .m-board-body {position:absolute; top:50%; left:15px; transform:translateY(-50%);} .m-boardDetail.type-general02 .m-boardDetail-next {padding:22px 15px 26px 77px; position:relative;} .m-boardDetail.type-general02 .m-boardDetail-next .m-board-title {display:block; margin:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .m-boardDetail.type-general02 .m-boardDetail-next .m-board-body {position:absolute; top:50%; left:15px; transform:translateY(-50%);} } @media screen and (max-width:500px) { .m-boardDetail.type-general02 .m-boardDetail-info {margin-right:10px;} .m-boardDetail.type-general02 .m-boardDetail-info:before {display:none;} } .m-boardDetail.type01 {} .m-boardDetail.type01 .m-board-btn.btn-fix {display:inline-block; margin-top:20px;} .m-boardDetail.type01 .m-board-boxTitle {margin-bottom:40px; text-align: center;} .m-boardDetail.type01 .m-board-boxTitle .m-board-hashtag {padding-left:10px; font-size:1.1em;} .m-boardDetail.type01 .m-board-boxTitle .m-board-title {margin-bottom:20px;font-size:1.7em; font-weight:600;} .m-boardDetail.type01 .m-board-boxTitle .m-board-body {text-align: center; font-size:1.1em; color:#999;} .m-boardDetail.type01 > .m-board-thumbnail {margin-bottom:80px; border-radius:40px 0 40px 0; overflow:hidden;} .m-boardDetail.type01 > .m-board-thumbnail .m-ratioBox-wrap {padding-top:54%;} .m-boardDetail.type01 .m-boards.type-gallery07 {margin-bottom:80px;} .m-boardDetail.type01 .map {height:600px;} .m-boardDetail.type01 .section-title {margin-bottom:40px; font-size:1.3em; font-weight:500;} .m-boardDetail.type01 .section-title img {margin-right:12px;} @media screen and (max-width:1200px) { .m-boardDetail.type01 .m-board-boxTitle .m-board-title {margin-bottom:10px; font-size:1.2em;} .m-boardDetail.type01 .m-board-boxTitle .m-board-hashtag {font-size:0.9em;} .m-boardDetail.type01 .m-board-boxTitle .m-board-body {} .m-boardDetail.type01 > .m-board-thumbnail {margin-bottom:40px;} } @media screen and (max-width:768px) { .m-boardDetail.type01 .section-title {margin-bottom:20px; font-size:1.2em;} .m-boardDetail.type01 .map {height:300px;} } .m-boardDetail.type02 .m-boardDetail-top {display:flex; box-shadow:0px 4px 8px 6px rgba(0,0,0,0.16); border-radius:40px 0 40px 0; overflow:hidden;} .m-boardDetail.type02 .m-boardDetail-top .m-ratioBox-wrap {padding-top:70%; } .m-boardDetail.type02 .m-boardDetail-top > div {width:50%; min-height:0;} .m-boardDetail.type02 .m-boardDetail-top .swiper-container {height:100%;} .m-boardDetail.type02 .m-boardDetail-top .m-boardDetail-content {padding:40px 50px;} .m-boardDetail.type02 .m-boardDetail-top .m-boardDetail-title {margin-bottom:4px; font-size:1.6em; font-weight:600;} .m-boardDetail.type02 .m-boardDetail-top .m-board-hashtags {margin-bottom:20px; padding-bottom:20px; border-bottom:2px dashed #e1e1e1;} .m-boardDetail.type02 .m-boardDetail-top .m-board-info {display:flex; margin-bottom:10px;} .m-boardDetail.type02 .m-boardDetail-top .m-board-info:last-of-type {margin-bottom:0;} .m-boardDetail.type02 .m-boardDetail-top .m-board-info-title {flex:0 0 auto; width:100px; margin-right:16px; padding-left:16px; position:relative; font-size:1.1em; font-weight:300; color:#f45e72;} .m-boardDetail.type02 .m-boardDetail-top .m-board-info-title:before {content:""; width:5px; height:5px; position:absolute; left:0; top:11px; background-color:#f45e72;} .m-boardDetail.type02 .m-boardDetail-top .m-board-info-title:after {content:""; width:1px; height:16px; position:absolute; top:54%; right:0; transform:translateY(-50%); background-color:#b5b5b5;} .m-boardDetail.type02 .m-boardDetail-top .m-board-info-body {font-size:1.1em; font-weight:300; color:#4b4b4b;} .m-boardDetail.type02 .m-boardDetail-top .btns {display:flex; align-items: center; justify-content: center; margin-top:40px;} .m-boardDetail.type02 .m-boardDetail-top .btn {display:flex; align-items: center; justify-content: center; padding:14px 40px; border-radius:25px; color:#fff; background-color:#f45e72;} .m-boardDetail.type02 .m-boardDetail-top .btn-favorite {background-color:#7fad00;} .m-boardDetail.type02 .m-boardDetail-top .btn img {margin-right:8px;} .m-boardDetail.type02 .m-boardDetail-top .btn .count {color:#fff;} .m-boardDetail.type02 .m-boardDetail-top ,swiper {position:relative;} .m-boardDetail.type02 .m-boardDetail-top .swiper-btns {display:flex; align-items:center; justify-content:space-between; width:100%; padding:0 20px; position:absolute; top:50%; left:0; transform:translateY(-50%); z-index:1;} .m-boardDetail.type02 .m-boardDetail-top .swiper-btn-next {transform:rotate(180deg);} .m-boardDetail.type02 .section-title {margin-bottom:20px; font-size:1.3em; font-weight:500;} .m-boardDetail.type02 .section-title img {margin-right:12px;} .m-boardDetail.type02 .m-board-info {display:flex; margin-bottom:20px;} .m-boardDetail.type02 .m-board-info-title {flex:0 0 auto; width:180px; margin-right:20px; padding-left:36px; position:relative; font-weight:500;} .m-boardDetail.type02 .m-board-info-title:after {content:""; width:1px; height:18px; position:absolute; right:0; top:3px; background-color:#e1e1e1;} .m-boardDetail.type02 .m-board-info-title img {position:absolute; left:0; top:2px;} .m-boardDetail.type02 .comment {margin-bottom:40px; padding-bottom:20px; line-height:25px; text-align: justify; border-bottom:2px dashed #e1e1e1; } .m-boardDetail.type02 .box-room {display:flex; margin-bottom:40px;} .m-boardDetail.type02 .box-room > div {width:50%;} .m-boardDetail.type02 .box-room .m-board-infos {margin-bottom:40px;} .m-boardDetail.type02 .box-room .swiper {margin-right:20px; position:relative;} .m-boardDetail.type02 .box-room .swiper-btns {display:flex; justify-content: space-between; width:100%; padding:0 20px; position:absolute; top:50%; left:0; transform:translateY(-50%); cursor:pointer; z-index:2;} .m-boardDetail.type02 .box-room .swiper-btn-next {transform:rotate(180deg);} .m-boardDetail.type02 .box-room .content {margin-left:20px;} .m-boardDetail.type02 .box-room .m-ratioBox-wrap {padding-top:65%; border:1px solid #e1e1e1;} .m-boardDetail.type02 .box-room .circles {margin-bottom:10px; margin-left:10px;} .m-boardDetail.type02 .box-room .circles {display:flex; flex-wrap:wrap; margin:-6px;} .m-boardDetail.type02 .box-room .circle-wrap {width:12.5%; padding:6px; text-align: center;} .m-boardDetail.type02 .box-room .icon-wrap {width:62px; height:62px; margin-bottom:4px; position:relative; border:1px solid #e1e1e1; border-radius:100%;} .m-boardDetail.type02 .box-room .circle img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .m-boardDetail.type02 .box-room .circle {font-size:0.9em; color:#6f6f6f;} .m-boardDetail.type02 .box-room .m-board-info {margin-bottom:8px;} .m-boardDetail.type02 .box-room .m-board-info-title {width:107px; padding-left:14px; color:#f45e72;} .m-boardDetail.type02 .box-room .m-board-info-title:before {content:""; width:5px; height:5px; position:absolute; left:0; top:10px; background-color:#f45e72;} .m-boardDetail.type02 #map {height:600px; margin-bottom:80px;} @media screen and (max-width:1200px) { .m-boardDetail.type02 .m-boardDetail-top {align-items: center;} .m-boardDetail.type02 .m-boardDetail-top .swiper {} .m-boardDetail.type02 .m-boardDetail-top .m-boardDetail-content {} .m-boardDetail.type02 .box-room {align-items: flex-start;} .m-boardDetail.type02 .box-room .icon-wrap {margin:0 auto;} .m-boardDetail.type02 .box-room .circle-wrap {width:20%; text-align: center;} .m-boardDetail.type02 #map {height:400px;} } @media screen and (max-width:1000px) { .m-boardDetail.type02 .box-room .circle-wrap {width:25%;} } @media screen and (max-width:768px) { .m-boardDetail.type02 .m-boardDetail-top {flex-wrap:wrap; box-shadow:none; border:1px solid #ddd; border-radius:20px 0 20px 0;} .m-boardDetail.type02 .m-boardDetail-top > div {width:100%;} .m-boardDetail.type02 .m-boardDetail-top .m-boardDetail-content {padding:20px;} .m-boardDetail.type02 .m-boardDetail-top .m-boardDetail-title {font-size:1.2em;} .m-boardDetail.type02 .m-boardDetail-top .m-board-info-title {} .m-boardDetail.type02 .m-boardDetail-top .m-board-info-body {} .m-boardDetail.type02 .section-title {margin-bottom:20px; font-size:1.2em;} .m-boardDetail.type02 .m-boardDetail-top .btns {margin-top:20px; border-radius:10px; overflow:hidden;} .m-boardDetail.type02 .m-boardDetail-top .btn {padding:10px; flex:1; margin:0; border-radius:0;} .m-boardDetail.type02 .comment {margin-bottom:20px;} .m-boardDetail.type02 .box-room {flex-wrap:wrap;} .m-boardDetail.type02 .box-room .swiper {width:100%; margin-right:0; margin-bottom:20px;} .m-boardDetail.type02 .box-room .content {margin-left:0; width:100%;} .m-boardDetail.type02 .box-room .m-board-infos {margin-bottom:20px;} .m-boardDetail.type02 #map {height:250px;} } /* 갤러리 게시판 목록 */ .m-boards.type-gallery01 {border-top:2px solid black;} .m-boards.type-gallery01 .m-board {display:block; min-height:306px; padding:40px 0; padding-left:420px; position:relative; border-bottom:1px solid #c5c5c5;} .m-boards.type-gallery01 .m-board:after {display:block; content:""; clear:both;} .m-boards.type-gallery01 .m-board-thumbnail {width:360px; padding-top:228px; position:absolute; left:0; top:40px; border:1px solid #e1e1e1;} .m-boards.type-gallery01 .m-board-tag {} .m-boards.type-gallery01 .m-board-title {margin-top:20px; margin-bottom:20px;} .m-boards.type-gallery01 .m-board-body {margin-bottom:35px;} .m-boards.type-gallery01 .m-board-bottom:after {display:block; content:""; clear:both;} .m-boards.type-gallery01 .m-board-date {float:left;} .m-boards.type-gallery01 .m-board-states {float:right;} @media screen and (max-width:768px) { .m-boards.type-gallery01 {border-top:none;} .m-boards.type-gallery01 .m-board {padding:30px 0; padding-left:0;} .m-boards.type-gallery01 .m-board:first-child {padding-top:0;} .m-boards.type-gallery01 .m-board-thumbnail {width:100%; margin-bottom:25px; padding-top:65%; position:relative; top:auto; left:auto;} .m-boards.type-gallery01 .m-board-title {margin-top:15px; margin-bottom:15px;} .m-boards.type-gallery01 .m-board-body {margin-bottom:30px;} } .m-boards.type-gallery02 {} .m-boards.type-gallery02:after {display:block; content:""; clear:both;} .m-boards.type-gallery02 .m-board {display:block; width:33.33%; padding:40px 30px; float:left; position:relative;} .m-boards.type-gallery02 .m-board:after {content:""; width:105%; max-width:95%; height:105%; max-height:95%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); border:1px solid #d2d2d2; opacity:0; transition: max-height .3s, max-width .3s, opacity .3s;} .m-boards.type-gallery02 .m-board:hover:after {max-width:100%; max-height:100%; opacity:1;} .m-boards.type-gallery02 .m-board-thumbnail {width:100%; padding-top:59%; margin-bottom:20px;} .m-boards.type-gallery02 .m-board-tag {} .m-boards.type-gallery02 .m-board-title {min-height:0; margin-top:20px; margin-bottom:20px;} .m-boards.type-gallery02 .m-board-body {height:65px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .m-boards.type-gallery02 .m-board-date {float:left;} .m-boards.type-gallery02 .m-board-states {float:right;} @media screen and (max-width:1024px) { .m-boards.type-gallery02 .m-board {width:50%;} } @media screen and (max-width:768px) { .m-boards.type-gallery02 .m-board {width:100%;} .m-boards.type-gallery02 .m-board-title {min-height:auto; margin-top:15px; margin-bottom:30px;} } .m-boards.type-gallery03 {} .m-boards.type-gallery03:after {display:block; content:""; clear:both;} .m-boards.type-gallery03 .m-board {display:block; width:32%; margin-left:2%; margin-bottom:3%; float:left; position:relative;} .m-boards.type-gallery03 .m-board:hover:after {opacity:1; max-width:100%; max-height:100%;} .m-boards.type-gallery03 .m-board:hover .m-board-texts {opacity:1;} .m-boards.type-gallery03 .m-board:after {content:""; width:110%; max-width:110%; height:110%; max-height:110%; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); background-color:rgba(58,182,105,0.85); z-index:2; opacity:0; transition: opacity .5s, max-width .3s, max-height .3s;} .m-boards.type-gallery03 .m-board:nth-child(3n + 1) {margin-left:0;} .m-boards.type-gallery03 .m-board-thumbnail {width:100%; padding-top:74%;} .m-boards.type-gallery03 .m-board-tag {color:#fff;} .m-boards.type-gallery03 .m-board-texts {width:100%; padding:0 30px; position:absolute; top:55%; left:50%; transform:translate(-50%, -50%); text-align:center; z-index:3; opacity:0; transition: opacity .5s;} .m-boards.type-gallery03 .m-board-title {min-height:78px; margin-top:15px; margin-bottom:45px; font-weight:700; color:#fff;} .m-boards.type-gallery03 .m-board-date {font-size:1.1em; font-weight:300; color:#fff;} .m-boards.type-gallery03 .m-board-states {width:100%; padding:20px; position:absolute; top:0px; right:0px; z-index:1;} .m-boards.type-gallery03 .m-board-states:after {display:block; content:""; clear:both;} .m-boards.type-gallery03 .m-board-view {padding:3px 10px; padding-left:25px; float:left; color:#fff; background-color:black; border-radius:15px; box-shadow:0px 3px 6px rgba(0,0,0,0.16);} .m-boards.type-gallery03 .m-board-view:before {top:50%; left:5px; transform:translateY(-50%); background:url("../img/icon_eye_white.png") no-repeat;} .m-boards.type-gallery03 .m-board-state {float:right;} @media screen and (max-width:1024px) { .m-boards.type-gallery03 .m-board {width:49%;} .m-boards.type-gallery03 .m-board:nth-child(3n + 1) {margin-left:2%;} .m-boards.type-gallery03 .m-board:nth-child(2n + 1) {margin-left:0%;} } @media screen and (max-width:768px) { .m-boards.type-gallery03 .m-board {width:100%; margin-left:0;} .m-boards.type-gallery03 .m-board-title {min-height:auto; margin-top:15px; margin-bottom:30px;} .m-boards.type-gallery03 .m-board:nth-child(3n + 1) {margin-left:0%;} } .m-boards.type-gallery04 {border-top:2px solid black;} .m-boards.type-gallery04 .m-board {display:block; min-height:306px; padding:40px 0; padding-left:420px; position:relative; border-bottom:1px solid #c5c5c5;} .m-boards.type-gallery04 .m-board:after {display:block; content:""; clear:both;} .m-boards.type-gallery04 .m-board-thumbnail {width:360px; padding-top:228px; position:absolute; left:0; top:40px;} .m-boards.type-gallery04 .m-board-tag {} .m-boards.type-gallery04 .m-board-title {margin-top:14px; margin-bottom:20px;} .m-boards.type-gallery04 .m-board-body {margin-bottom:35px;} .m-boards.type-gallery04 .m-board-bottom:after {display:block; content:""; clear:both;} .m-boards.type-gallery04 .m-board-date {float:left;} .m-boards.type-gallery04 .m-board-states {float:right;} .m-boards.type-gallery04 .m-infos.type01 .m-info {margin-bottom:8px; font-size:1.2em; font-weight:300;} .m-boards.type-gallery04 .m-infos.type01 .m-info-title {font-size:1.2em; color:#555;} .m-boards.type-gallery04 .m-board-state {margin-right:5px; position:relative; top:-3px;} @media screen and (max-width:768px) { .m-boards.type-gallery04 {border-top:none;} .m-boards.type-gallery04 .m-board {padding:30px 0; padding-left:0;} .m-boards.type-gallery04 .m-board:first-child {padding-top:0;} .m-boards.type-gallery04 .m-board-thumbnail {width:100%; margin-bottom:25px; padding-top:65%; position:relative; top:auto; left:auto;} .m-boards.type-gallery04 .m-board-title {margin-top:15px; margin-bottom:15px;} .m-boards.type-gallery04 .m-board-body {margin-bottom:30px;} .m-boards.type-gallery04 .m-infos.type01 .m-info {padding-left:50px; } .m-boards.type-gallery04 .m-infos.type01 .m-info-title {} } .m-boards.type-gallery05 {} .m-boards.type-gallery05 .m-board {display:flex; align-items: center; margin-top:40px; position:relative; border:1px solid #c5c5c5; border-top:1px solid #c5c5c5;} .m-boards.type-gallery05 .m-board:first-of-type {margin-top:0;} .m-boards.type-gallery05 .m-board-texts {flex:auto; margin-left:50px; padding:40px 0; padding-right:40px;} .m-boards.type-gallery05 .m-board:after {display:block; content:""; clear:both;} .m-boards.type-gallery05 .m-board:hover .m-board-thumbnail img {max-width:110%;} .m-boards.type-gallery05 .m-board-thumbnail {flex:0 0 auto; width:454px; padding-top:290px; border-right:1px solid #e1e1e1;} .m-boards.type-gallery05 .m-board-thumbnail img {display:block; width:110%; max-width:100%; transition:all .3s;} .m-boards.type-gallery05 .m-board-title {margin-bottom:20px; color:#f45e72;} .m-boards.type-gallery05 .m-board-body {margin-bottom:20px;} .m-boards.type-gallery05 .m-board-bottom:after {display:block; content:""; clear:both;} @media screen and (max-width:1200px) { .m-boards.type-gallery05 .m-board-thumbnail {width:350px; padding-top:233px;} } @media screen and (max-width:768px) { .m-boards.type-gallery05 .m-board {flex-wrap:wrap; margin-top:20px;} .m-boards.type-gallery05 .m-board-thumbnail {width:100%; padding-top:47%; border:none; border-bottom:1px solid #e1e1e1;} .m-boards.type-gallery05 .m-board-texts {width:100%; margin-left:0; padding:20px;} .m-boards.type-gallery05 .m-board-title {margin-bottom:10px; word-break: keep-all;} .m-boards.type-gallery05 .m-board-body {margin-bottom:20px;} } .m-boards.type-gallery06 {display:flex; flex-wrap:wrap; margin:-10px;} .m-boards.type-gallery06 .m-board-wrap {width:33.33%; padding:10px;} .m-boards.type-gallery06 .m-board {display:block; border:1px solid #e1e1e1;} .m-boards.type-gallery06 .card {display:block; border:1px solid #e1e1e1;} .m-boards.type-gallery06 .m-board-texts {padding:30px 20px;} .m-boards.type-gallery06 .m-board-title {margin-bottom:20px; padding-bottom:20px; font-size:1.2em; font-weight:600; color:#f45e72; border-bottom:2px dashed #e1e1e1;} .m-boards.type-gallery06 .m-board-body {padding-left:46px; position:relative; font-weight:400;} .m-boards.type-gallery06 .m-board-body:before {content:""; width:33px; height:33px; position:absolute; left:0; top:-5px; background:url("../img/circleLocation.png") no-repeat;} .m-boards.type-gallery06 .m-ratioBox-wrap {padding-top:63%;} @media screen and (max-width:1000px) { .m-boards.type-gallery06 .m-board-wrap {width:50%;} } @media screen and (max-width:768px) { .m-boards.type-gallery06 .m-board-wrap {width:100%;} .m-boards.type-gallery06 .m-board-title {margin-bottom:10px; padding-bottom:10px; font-size:1.1em;} .m-boards.type-gallery06 .m-board-texts {padding:20px;} } .m-boards.type-gallery07 .m-board-wrap {display:flex;} .m-boards.type-gallery07 .m-board-step {display:flex; flex-wrap:wrap; flex-direction: column; justify-content: space-between; flex:0 0 auto; width:67px; margin-right:30px; position:relative;} .m-boards.type-gallery07 .m-board-step:after {content:""; width:1px; height:100%; position:absolute; left:50%; top:0; transform:translateX(-50%); background-color:#94ca00; z-index:-1;} .m-boards.type-gallery07 .m-board-step .text {margin-bottom:36px; padding:4px; font-size:0.9em; line-height:16px; color:#8d8d8d; text-align: center; background-color:#fff;} .m-boards.type-gallery07 .m-board-step img {display:block; margin:0 auto;} .m-boards.type-gallery07 .m-ratioBox-wrap {flex:0 0 auto; width:384px; margin-right:50px; padding-top:248px;} .m-boards.type-gallery07 .m-board {display:flex; padding:30px 0; border-bottom:1px solid #e1e1e1;} .m-boards.type-gallery07 .m-board-wrap:first-of-type .m-board {padding-top:0;} .m-boards.type-gallery07 .m-board-wrap:last-of-type .m-board {padding-bottom:0; border-bottom:none;} .m-boards.type-gallery07 .m-board-title {margin-top:10px; margin-bottom:10px; font-weight:600;} .m-boards.type-gallery07 .m-board-body {margin-bottom:20px; font-size:1.1em; color:#999;} .m-boards.type-gallery07 .m-board-info {display:flex; align-items: flex-start; margin-bottom:8px; font-size:1.1em;} .m-boards.type-gallery07 .m-board-info:last-of-type {margin-bottom:0;} .m-boards.type-gallery07 .m-board-info .icon-wrap {width:22px; height:22px; margin-right:10px; position:relative; top:3px;} .m-boards.type-gallery07 .m-board-info .icon-wrap img {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} @media screen and (max-width:1200px) { .m-boards.type-gallery07 .m-ratioBox-wrap {width:280px; margin-right:30px;} } @media screen and (max-width:768px) { .m-boards.type-gallery07 .m-board {flex-wrap:wrap;} .m-boards.type-gallery07 .m-ratioBox-wrap {width:100%; padding-top:60%;} .m-boards.type-gallery07 .m-board-body {} .m-boards.type-gallery07 .m-board-info {} .m-boards.type-gallery07 .m-board-step {width:54px; margin-right:10px;} .m-boards.type-gallery07 .m-board-step img {width:25px;} } .m-board-hashtags.type01 {} .m-board-hashtags.type01 .m-board-hashtag {display:inline-block; margin-right:10px; position:relative;} .m-board-hashtags.type01 .m-board-hashtag:before {content:"#"; color:#f45e72; margin-right:2px;} /* 일정게시판, 캘린더 */ .cal_wrap{} .cal_header{padding: 28px 0;position: relative;;text-align: center;border: 1px solid #dfdfdf;border-bottom: 0} .cal_header .tit_wrap{width: 290px;display: inline-block;position: relative;} .cal_header .tit_wrap h2{font-size: 2em;font-weight: 600} .cal_header .tit_wrap a{ display: inline-block;width: 30px;height: 30px; background-color: #949494;background-position: center; background-repeat: no-repeat;font-size: 0; position: absolute;top: 50%;margin-top: -15px; } .cal_header .prev_btn{left:0;background-image: url('../img/icon_arrow_left_white.png');} .cal_header .next_btn{right:0;background-image: url('../img/icon_arrow_right_white.png')} .legend_wrap{width:385px; padding-left:75px; position: absolute;left: 20px;bottom: 20px;font-size: 1.05em; text-align:left;} .legend_wrap em{display: inline-block;margin-right: 8px;vertical-align: middle;;position: relative;top: -2px} .legend_wrap span{margin-right: 10px} .legend_wrap .cal_today {position:absolute; left:0; bottom:0;} .cal_today em{width: 18px;height: 18px;background-color: #dfe5f3} .cal_sch {display:inline-block;} .cal_sch em{width: 10px;height: 10px;border-radius: 100%;background-color: #254daa} .cal_tag01 em {background-color:#00c0ff;} .cal_tag02 em {background-color:#1e6c29;} .cal_tag03 em {background-color:#e00099;} .cal_tag04 em {background-color:#9433cc;} .cal_tag05 em {background-color:#a1980b;} .cal_tag06 em {background-color:#254daa;} .cal_tag07 em {background-color:#13c138;} .cal_tag08 em {background-color:#f57c07;} .cal_tag09 em {background-color:#e02000;} .cal_tag10 em {background-color:#2bb395;} .sch_cir_wrap .cal_tag01 {background-color:#00c0ff !important;} .sch_cir_wrap .cal_tag02 {background-color:#1e6c29 !important;} .sch_cir_wrap .cal_tag03 {background-color:#e00099 !important;} .sch_cir_wrap .cal_tag04 {background-color:#9433cc !important;} .sch_cir_wrap .cal_tag05 {background-color:#a1980b !important;} .sch_cir_wrap .cal_tag06 {background-color:#254daa !important;} .sch_cir_wrap .cal_tag07 {background-color:#13c138 !important;} .sch_cir_wrap .cal_tag08 {background-color:#f57c07 !important;} .sch_cir_wrap .cal_tag09 {background-color:#e02000 !important;} .sch_cir_wrap .cal_tag10 {background-color:#2bb395 !important;} .cal_body{overflow: hidden;} .cal_body > section{width: 50%;float: left;height: 480px} .cal_left table{width: 100%} .cal_left thead th{} .cal_left tbody td{} .calendar .tb_calendar {width:100%;} .calendar .tb_calendar thead tr th{height: 70px;text-align: center; } .calendar .tb_calendar tbody tr td {height: 70px;text-align: center; vertical-align: top;padding:5px 0} .calendar .tb_calendar tbody tr td .num {display:block; text-align:center;} /* .calendar .tb_calendar tbody tr td .num.active{display: inline-block;height: 35px;border-radius: 100px; background-color: #2b72c9;width: 35px;color:#fff!important} */ /* .calendar .tb_calendar tbody tr td.day_sun .num {color:#eb0505;} */ /* .calendar .tb_calendar tbody tr td.day_sat .num {color:#1852d5;} */ /* .calendar .tb_calendar tbody tr td.day_unselect .num {color:#eee;} */ .calendar .tb_calendar tbody tr td.day_today{background-color: #e8e8e8} /* .calendar .tb_calendar tbody tr td.day_today .num {color:#00c16a;} */ .calendar .tb_calendar tbody tr td .num_select {background:#75c5ff; color:#fff !important;} /* .calendar .tb_calendar tbody tr td .num_select.start {border-radius:40px 0 0 40px;} */ /* .calendar .tb_calendar tbody tr td .num_select.end {border-radius:0 40px 40px 0;} */ .cal_tag {padding:3px 8px; font-size:0.9em; font-weight:300; color:#fff; background-color:#254daa; border-radius:9.5px;} .sch_cir_wrap{text-align: center} .sch_cir_wrap .sch_cir{display: inline-block;width: 10px;height: 10px;background-color: #254daa;border-radius: 100%;font-size: 0;margin: 0 2px} .cal_right .tit_wrap{text-align: center} .cal_right .tit_wrap h2{line-height: 50px;background-color: #eaeaea; color:#333;font-size: 1.34em; font-weight:500;} .all_sch_list{height: 421px; overflow-y: scroll;border: 10px solid #eaeaea;border-top: 0;padding: 20px} .all_sch_list dl{padding:16px 0; display: table;width: 100%;font-size: 1.05em; border-bottom:1px solid #eeeeee;} .all_sch_list dt{display: table-cell;vertical-align: top;color: #666;width: 100px} .all_sch_list dd{padding-left: 10px} .all_sch_list .tit{display: block; font-size:1.1em; line-height: 24px; font-weight:500; width: 100px;text-align: center;border-radius: 15px; color:000;} .all_sch_list a{color: #333;} .all_sch_list .list_s4 {margin-bottom:15px; padding-left:185px; position:relative;} .all_sch_list .list_s4:last-child {margin-bottom:0;} .all_sch_list .cal_sub {position:absolute; top:0; left:0;} .all_sch_list .cal_time {font-size:0.9em; color:#767676;} .all_sch_list .cal_tag {margin-right:5px;} .all_sch_list .cal_tag01 {background-color:#00c0ff;} .all_sch_list .cal_tag02 {background-color:#1e6c29;} .all_sch_list .cal_tag03 {background-color:#e00099;} .all_sch_list .cal_tag04 {background-color:#9433cc;} .all_sch_list .cal_tag05 {background-color:#a1980b;} .all_sch_list .cal_tag06 {background-color:#254daa;} .all_sch_list .cal_tag07 {background-color:#13c138;} .all_sch_list .cal_tag08 {background-color:#f57c07;} .all_sch_list .cal_tag09 {background-color:#e02000;} .all_sch_list .cal_tag10 {background-color:#2bb395;} @media screen and (min-width:1025px) { .all_sch_list a:hover{text-decoration: underline;} } @media screen and (max-width:768px) { .all_sch_list dt {display:block; margin-bottom:10px;} } .sch_popup{width: 500px;position: fixed;top: 47%;margin-top: -219px;left:50%;margin-left: -250px;display: none;z-index: 2000} .sch_popup_header{color: #fff;font-size: 1.45em;font-weight: 500;line-height: 60px;padding: 0 20px;position: relative;background-color: #254daa;display: block} .sch_popup_header .close_btn{display: block; width: 15px;height: 16px;position: absolute;top: 50%;right: 20px;margin-top: -8px;background: url('../img/icon_x_white.png') no-repeat; background-size:100%;} .sch_popup_body{background: #fff;padding: 30px; max-height:315px; overflow-y:auto;} .sch_popup_body .tit{font-size: 17px; font-weight: 500;} .sch_popup_body .cal_tag {margin-right:10px; position:relative; bottom:1px;} .sch_popup_body .cal_tag01 {background-color:#00c0ff;} .sch_popup_body .cal_tag02 {background-color:#1e6c29;} .sch_popup_body .cal_tag03 {background-color:#e00099;} .sch_popup_body .cal_tag04 {background-color:#9433cc;} .sch_popup_body .cal_tag05 {background-color:#a1980b;} .sch_popup_body .cal_tag06 {background-color:#254daa;} .sch_popup_body .cal_tag07 {background-color:#13c138;} .sch_popup_body .cal_tag08 {background-color:#f57c07;} .sch_popup_body .cal_tag09 {background-color:#e02000;} .sch_popup_body .cal_tag10 {background-color:#2bb395;} .sch_popup_body div{border-top: 1px solid #000;margin-top: 10px} .sch_popup_body dl{padding: 5px 0;display: table;width: 100%;font-size: 1.05em} .sch_popup_body dt{width: 40px;font-weight: 500;color:#666;display: table-cell;vertical-align: top;padding-left: 5px} .sch_popup_body dd{display: table-cell;color:#666;padding: 0 10px;font-weight: 300} .sch_popup_body .body {margin-bottom:17px; padding:20px 0; font-size:1.1em; font-weight:600; border-bottom:1px solid #c8c8c8;} .sch_popup_body .sch_context {min-height:auto;} .sch_popup_btns {width:100%; padding:15px; position:absolute; bottom:-63px; text-align:center; background:#fff; border-top:1px solid #e1e1e1;} .sch_popup_btn {display:inline-block; padding:7px 15px; font-size:0.9em; background-color:#254daa; color:#fff;} .sch_context{min-height: 120px} @media screen and (max-width:1200px){ .legend_wrap {margin:10px 20px 10px 20px; position:relative; bottom:auto; left:auto;} } @media screen and (max-width:768px) { .legend_wrap {padding:0 20px;} .legend_wrap .cal_today {display:inline-block; position:static;} .cal_body > section{width: 100%} .cal_left{border-right: 1px solid #ccc} .cal_body > section{height: auto;} } @media screen and (max-width:767px) { .cal_header{padding: 15px 0 5px} .calendar .tb_calendar thead tr th{height: 35px} .calendar .tb_calendar tbody tr td{height: 60px} .all_sch_list{padding: 10px} } @media screen and (max-width:500px) { .legend_wrap {width:auto; text-align:justify;} .sch_popup{width: 90%;left: 5%;margin-left: 0} .sch_popup_body{padding: 20px} } /* 페이징 */ .m-pagination {margin:40px 0; text-align:center;} .m-pagination-pages {display:inline-block;} .m-pagination-pages a {display:inline-block; margin:0 10px; font-weight:500; color:#838383; transition:color .3s;} .m-pagination-pages a:hover {color:#f45e72;} .m-pagination-pages span {display:inline-block; margin:0 10px; font-weight:600; color:#333;} .m-pagination-pages .m-pagination-first {content:""; width:30px; height:30px; margin-right:-1px; position:relative; top:9px; border:1px solid #e1e1e1; background:url("../img/icon_double_small_arrow_left_gray.png") no-repeat; background-position: center;} .m-pagination-pages .m-pagination-prev {content:""; width:30px; height:30px; margin-left:0px; position:relative; top:9px; border:1px solid #e1e1e1; background:url("../img/icon_small_arrow_left_gray.png") no-repeat; background-position: center;} .m-pagination-pages .m-pagination-last {content:""; width:30px; height:30px; margin-left:-1px; position:relative; top:9px; border:1px solid #e1e1e1; background:url("../img/icon_double_small_arrow_left_gray.png") no-repeat; background-position: center; transform:rotate(180deg);} .m-pagination-pages .m-pagination-next {content:""; width:30px; height:30px; position:relative; top:9px; border:1px solid #e1e1e1; margin-right:0px; position:relative; background:url("../img/icon_small_arrow_left_gray.png") no-repeat; background-position: center; transform:rotate(180deg);} /* 팝업창 */ .m-pop {display:none; width:360px; position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); z-index:10;} .m-pop-black {display:none; width:100%; height:100%; content:""; position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.6); z-index:9;} .m-pop.type01 .m-pop-header {padding:10px 20px; position:relative; background-color:#f45e72;} .m-pop.type01 .m-pop-header-title {font-size:1.1em; color:#fff;} .m-pop.type01 .m-pop-btn-close {position:absolute; top:50%; right:20px; transform:translateY(-50%); font-size:1.1em; color:#fff;} .m-pop.type01 .m-pop-content {padding:30px 20px; background-color:#fff;} .m-pop.type01 .m-pop-btn {display:inline-block; margin-top:25px; padding:8px 25px; font-size:0.9em; color:#fff; background-color:#555555;} @media screen and (max-width:500px){ .m-pop {width:320px;} } /* table(테이블) */ .m-table {width:100%; border-bottom:1px solid #cecece;} .m-table th {padding:15px; background-color:#e5e8ed} .m-table td {padding:10px; font-weight:300; text-align:center;} .m-table.type-vertical th {width:160px;} .m-table.type-vertical tr {border-bottom:1px solid #d8d8d8;} .m-table.type-vertical tr:last-child {border-bottom:none;} .m-table.type01 tr:nth-child(2n) {background-color:#f8f9fa;} .m-table.type01.type-vertical tr:nth-child(2n) {background-color:transparent;} @media screen and (max-width:768px){ .m-table-responsive, .m-table-responsive tbody, .m-table-responsive tr, .m-table-responsive td {display:block; position:relative; text-align:left;} .m-table-responsive td:before {display: block; content:"· " attr(data-th); font-weight: bold;} .m-table-responsive tr {padding:10px 10px; background:#f8f7f6; border:1px solid #e1e1e1;} .m-table-responsive {border-top:2px solid #333;} .m-table-responsive thead {display:none;} } /* button(버튼) */ .m-btn {display:inline-block;} .m-btn.type-basic {padding:10px 20px;} .m-btn-more.type01 {content:""; display: inline-block; width:26px; height:26px; position:relative; border:1px solid #000; background-color:transparent; transition:background-color .6s cubic-bezier(.13,.77,.35,1)} .m-btn-more.type01:after {content:""; width:13px; height:1px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#000; transition:transform .6s cubic-bezier(.13,.77,.35,1);} .m-btn-more.type01:before {content:""; height:13px; width:1px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background-color:#000;transition:transform .6s cubic-bezier(.13,.77,.35,1);} .m-btn-more.type01:hover {background-color:#000;} .m-btn-more.type01:hover:after {background-color:#fff; transform: translate(-50%, -50%) rotate(360deg);} .m-btn-more.type01:hover:before {background-color:#fff; transform: translate(-50%, -50%) rotate(360deg);} /* box */ .m-ratioBox-wrap {width:100%; padding-top:100%; position:relative; overflow:hidden;} .m-ratioBox-wrap .m-ratioBox {position:absolute; top:0; left:0; right:0; bottom:0;} .m-ratioBox-wrap .m-ratioBox:after {content:""; width:148px; height:49px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:url("../img/logo-replace.png") no-repeat; background-size:100%;} .m-ratioBox-wrap img {width:105%; min-height:100%; position:absolute; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); z-index:1;} .m-ratioBox-wrap iframe {width:100%; position:absolute; left:50%; top:50%; transform:translateY(-50%) translateX(-50%); z-index:1;} @media screen and (max-width:768px) { .m-ratioBox-wrap .m-ratioBox:after {width:100px; height:38px;} } /* input */ .m-input-wrap {margin-bottom:15px;} .m-input-radio input {display:none;} .m-input-radio label {cursor:pointer;} .m-input-radio.type01 {margin-top:7px;} .m-input-radio.type01:first-child {margin-top:0;} .m-input-radio.type01 label {display:block; padding:15px 0; padding-left:50px; position:relative; background-color:#f5f5f5; box-shadow:0px 1px 2px rgba(0,0,0,0.16); transition:background-color .2s;} .m-input-radio.type01 label:hover {background-color:#bfbfbf;} .m-input-radio.type01 label:before {content:""; width:14px; height:14px; position:absolute; left:14px; top:50%; transform:translateY(-50%); background:url("../img/icon_circle_gray.png") no-repeat;} .m-input-radio.type01 input:checked + label:before {background:url("../img/icon_circle_active_gray.png") no-repeat;} .m-input-radio.type01 input:checked + label {background-color:#bfbfbf;} .m-input-radio.type01 .m-input-radio-title {display:inline-block;} .m-input-radio.type01 .m-input-radio-title:first-child {width:140px; position:relative; top:2px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .m-input-radio.type01 .m-input-radio-title:nth-child(2) {width:68px; position:relative; top:-2px; text-align:center;} .m-input-radio.type02 {display:inline-block; margin-top:7px; margin-left:30px;} .m-input-radio.type02:first-child {margin-top:0; margin-left:0;} .m-input-radio.type02 label { padding-left:25px; position:relative; } .m-input-radio.type02 label:before {content:""; width:15px; height:15px; position:absolute; left:0px; top:52%; transform:translateY(-50%); background:url("../img/icon_circle_gray.png") no-repeat;} .m-input-radio.type02 input:checked + label:before {background:url("../img/icon_circle_active_gray.png") no-repeat;} .m-input-checkbox input {display:none;} .m-input-checkbox label {cursor:pointer;} .m-input-checkbox.type01 {display:inline-block; margin-top:7px;} .m-input-checkbox.type01:first-child {margin-top:0;} .m-input-checkbox.type01 label { padding-left:25px; position:relative; } .m-input-checkbox.type01 label:before {content:""; width:15px; height:15px; position:absolute; left:0px; top:50%; transform:translateY(-50%); background:url("../img/icon_square_gray.png") no-repeat;} .m-input-checkbox.type01 input:checked + label:before {background:url("../img/icon_square_gray_active.png") no-repeat;} .m-input-checkbox.type02 {display:block; padding:20px 25px; position:relative; border:1px solid #e1e1e1; background-color:#fff;} .m-input-checkbox.type02 label { padding-left:25px; position:relative; } .m-input-checkbox.type02 label:before {content:""; width:15px; height:15px; position:absolute; left:0px; top:4px; background:url("../img/icon_square_gray.png") no-repeat;} .m-input-checkbox.type02 input:checked + label:before {background:url("../img/icon_square_gray_active.png") no-repeat;} .m-input-checkbox.type02 label button {display:inline-block; margin-left:12px; margin-top:-5px; padding:6px 18px; float:right; color:#fff; background-color:#808080; transition: background-color .3s;} .m-input-checkbox.type02 label button:hover {background-color:#0040c2;} .m-input-checkbox.type02 label button:focus {background-color:#0040c2;} .m-input-checkbox.type02 label button.active {background-color:#0040c2;} .m-input-checkbox.type02 .m-input-checkbox-texts {display:none; margin-top:20px; padding:15px 20px; font-size:0.9em; white-space: pre-line; background-color:rgba(0,0,0,0.05);} @media screen and (max-width:500px){ .m-input-checkbox.type02 label button {width:100%; float:none; margin-top:5px; margin-left:0;} .m-input-checkbox.type02 .m-input-checkbox-texts {margin-top:10px;} } .m-select.type01 select {height:32px; padding:0 10px; border:1px solid #bfbfbf;} .m-input-text input {width:100%;} .m-input-text.type01 {position:relative;} .m-input-text.type01 input {width:100%; padding:8px 10px; border:1px solid #e1e1e1;} .m-input-text.type01 .m-input-text-deco {position:absolute; right:10px; top:50%; transform:translateY(-50%); color:#979797; font-size:0.9em;} .m-input-textarea.type01 textarea {width:100%; min-height:200px; padding:10px; border:1px solid #bfbfbf; resize:none; } @media screen and (max-width:768px){ .m-input-textarea.type01 textarea {min-height:150px;} } .m-input-date.type01 {display:inline-block; max-width:260px;} .m-input-date.type01 input::-webkit-inner-spin-button {display: none;} .m-input-date.type01 input::-webkit-calendar-picker-indicator {opacity: 0;} .m-input-date.type01 input {width:100%; height:32px; padding:0 10px; background:#fff url('../img/icon_calendar_lightBlack.png') 87% 50% no-repeat; border:1px solid #ccc;} .m-input-time.type01 {display:inline-block;} .m-input-time.type01 + .wave {margin:0 10px;} .m-input-time.type01 .m-select {display:inline-block;} .m-input-time.type01 .m-input-time-mark {margin:0 3px;} .m-input-file input {display:none;} .m-input-file.type02 {display:flex; min-width:300px; height:40px; overflow:hidden; position:relative;} .m-input-file.type02:after {display:block; content:""; clear:both;} .m-input-file.type02 .box_file_select {width:100px; margin-right:4px; flex:0 0 auto;} .m-input-file.type02 .box_file_select .file_form {height:100%;} .m-input-file.type02 .box_file_select iframe {width:100%; height:100%;} .m-input-file.type02 .box_upload_name {padding-left:20px; padding-right:27px; position:relative; background-color:#ebebe4;} /* iframe때문에 z-index:-1 넣어줘야돼 */ .m-input-file.type02 .box_upload_name input {display:block; width:100%; height:100%; padding:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:transparent; border:none;} .m-input-file.type02 .btn_x {position:absolute; top:50%; right:10px; transform:translateY(-50%); cursor:pointer;} .m-input-file.type02 input[type="file"] {display:none;} .m-input-file.type02 label {display:block; width:auto; padding:9px 20px; background-color:#999; color:#fff;} .m-input-file.type02 .file_sch {height:100% !important; padding:0 20px !important;} .m-input-phone.type01 {display:flex; align-items:center; max-width:320px;} .m-input-phone.type01 > div {width:33.33%;} .m-input-phone.type01 .hyphen {flex:0 0 auto; margin:0 4px;} .m-input-address.type01 .m-input-withBtn {width:260px; padding-right:116px;} .m-input-address.type01 .m-input-withBtn .m-input-btn {right:-27px;} .m-input-address.type01 .m-input-text {margin-bottom:8px; padding-right:0;} .m-input-address.type01 .m-input-text:last-child {margin-bottom:0;} .m-input-select.type01 { cursor:pointer; border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance: none; /* 화살표 없애기 for chrome*/ -moz-appearance: none; /* 화살표 없애기 for firefox*/ appearance: none; } .m-input-select.type01::-ms-expand { display: none; } .m-input-select.type01 {position:relative; overflow:hidden;} .m-input-select.type01 select {width:100%; padding:7px 10px; padding-right:24px; border:1px solid #e1e1e1; background-color:#fff; cursor:pointer; border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance: none; /* 화살표 없애기 for chrome*/ -moz-appearance: none; /* 화살표 없애기 for firefox*/ appearance: none; } .m-input-select.type01:after {content:""; width:13px; height:8px; position:absolute; right:10px; top:50%; transform:translateY(-50%); background:url("../img/icon_triangle_down_gray.png") no-repeat; background-size:cover;} .m-input-select.type01 select::-ms-expand { display: none; } .m-box-filter.type01 {margin-bottom:60px; border:2px solid #f45e72;} .m-box-filter.type01 .m-filters {display:flex;} .m-box-filter.type01 .m-filter-wrap {flex:1; border-left:1px solid #e1e1e1;} .m-box-filter.type01 .m-filter-wrap:first-of-type {border-left:none;} .m-box-filter.type01 .btn-search {display:flex; align-items:center; justify-content:center; flex:0 0 auto; width:60px; background-color:#f45e72;} .m-box-filter.type01 .btn-search img {width:20px;} .m-box-filter.type01 .m-input-checkboxes {display:none; flex-wrap:wrap; align-items:flex-start; margin:-4px 0; padding:17px 20px; border-top:1px solid #e1e1e1;} .m-box-filter.type01 .m-input-checkbox {width:33.33%; margin:4px 0;} .m-box-filter.type01 .m-input-checkbox input {display:none;} .m-box-filter.type01 .m-input-checkbox label { padding-left:25px; position:relative; } .m-box-filter.type01 .m-input-checkbox label:before {content:""; width:15px; height:15px; position:absolute; left:0px; top:50%; transform:translateY(-50%); background:url("../img/icon_square_gray.png") no-repeat;} .m-box-filter.type01 .m-input-checkbox input:checked + label:before {background:url("../img/icon_square_gray_active.png") no-repeat;} .m-box-filter.type01 .m-input-select { cursor:pointer; border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance: none; /* 화살표 없애기 for chrome*/ -moz-appearance: none; /* 화살표 없애기 for firefox*/ appearance: none; border-bottom:1px solid #e1e1e1; } .m-box-filter.type01 .m-input-select::-ms-expand { display: none; } .m-box-filter.type01 .m-input-select {position:relative; overflow:hidden; } .m-box-filter.type01 .m-input-select:first-of-type select {border-left:none;} .m-box-filter.type01 .m-input-select select {width:100%; padding:17px 20px; padding-right:40px; border-left:1px solid #e1e1e1; background-color:#fff; cursor:pointer; border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance: none; /* 화살표 없애기 for chrome*/ -moz-appearance: none; /* 화살표 없애기 for firefox*/ appearance: none; } .m-box-filter.type01 .m-input-select button {width:100%; padding:17px 20px; padding-right:40px; font-size:1.1em; background-color:#fff; text-align: left; } .m-box-filter.type01 .m-input-select:after {content:""; width:13px; height:8px; position:absolute; right:20px; top:50%; transform:translateY(-50%); background:url("../img/arrowDown-primary.png") no-repeat; background-size:cover;} .m-box-filter.type01 .m-input-select select::-ms-expand { display: none; } .m-box-filter.type01 .m-filter-bottom {display:none; align-items: center; justify-content: space-between; padding:17px 20px; border-top:1px solid #e1e1e1;} .m-box-filter.type01 .m-filter-bottom .m-filter-items {display:flex; } .m-box-filter.type01 .m-filter-bottom .m-filter-item {display:flex; align-items: center; margin-right:20px;} .m-box-filter.type01 .m-filter-bottom .m-filter-item .btn-remove {display:block; width:16px; height:16px; margin-left:8px; position:relative; top:2px; background-color:#a6a6a6;} .m-box-filter.type01 .m-filter-bottom .m-filter-item .btn-remove img {width:10px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .m-box-filter.type01 .m-filter-bottom .btn-close {padding:10px 40px; border-radius:10px; border:1px solid #f45e72; color:#f45e72;} .m-box-filter.type01.active .m-filter-bottom {display:flex;} .m-box-filter.type01.active .m-input-checkboxes {display:flex;} .m-box-filter.type01.active .m-input-select:after {transform:translateY(-50%) rotate(180deg);} @media screen and (max-width:768px){ .m-box-filter.type01 {flex-wrap:wrap; margin-bottom:20px;} .m-box-filter.type01 .m-filters {flex-wrap:wrap;} .m-box-filter.type01 .m-filters .m-filter-wrap {flex:auto; width:50%;} .m-box-filter.type01 .m-filter-wrap:nth-child(3) {border-top:1px solid #e1e1e1;} .m-box-filter.type01 .m-input-select button {padding-left:10px; padding-right:30px; } .m-box-filter.type01 .m-input-select:after {right:10px;} .m-box-filter.type01 .m-input-checkboxes {margin:-4px -8px; padding:10px;} .m-box-filter.type01 .m-input-checkbox {white-space: nowrap; width:auto; margin:4px 8px;} .m-box-filter.type01 .m-input-checkbox label {font-size:0.9em;} } .m-input-search.type01 {padding-right:40px; position:relative; border:1px solid #e1e1e1; } .m-input-search.type01 .m-input-search-btn {content:""; width:40px; height:40px; position:absolute; right:0; top:0; background:url("../img/icon_search_black.png") no-repeat; background-position:center;} .m-input-search.type01 .m-input-text input {width:100%; height:100%; padding:8px 10px; border:none;} .m-input-search.type02 {padding-left:140px; padding-right:40px; position:relative; border:1px solid #e1e1e1; } .m-input-search.type02 .m-input-search-btn {content:""; width:40px; height:40px; position:absolute; right:0; top:0; background:url("../img/icon_search_black.png") no-repeat; background-position:center;} .m-input-search.type02 .m-input-text input {width:100%; height:100%; padding:8px 10px; border:none;} .m-input-search.type02 .m-input-select {width:140px; height:100%; position:absolute; lefT:0; top:0; } .m-input-search.type02 .m-input-select select {border:none; border-right:1px solid #e1e1e1;} .m-input-withBtn {max-width:400px; padding-right:85px; position:relative;} .m-input-withBtn .m-input-text {} .m-input-withBtn .m-input-btn {position:absolute; right:0px; top:0;} .m-input-email.type01:after {display:block; content:""; clear:both;} .m-input-email.type01 input {width:31.66%; float:left;} .m-input-email.type01 select {width:31.66%; margin-left:1%; float:left; } .m-input-email.type01 label {display:block;} .m-input-email.type01 .golbang {width:4%; position:relative; top:9px; float:left; text-align:center;} .m-input-email.type01 .dot {margin:0 5px; position:relativㅡe; top:21px;} .m-input-email.type01 input:read-only {background-color:#F2774C !important; color:#fff !important; opacity:0.6;} .m-input-email.type02 {display:flex; align-items: center;} .m-input-email.type02 .deco {margin:0 4px;} .m-input-email.type02 .m-input-select {margin-left:4px; min-width:90px;} @media screen and (max-width:768px){ .m-input-phone {width:100%;} .m-input-time.type01 + .wave {display:block; margin:10px 0; text-align:center;} .m-input-address.type01 .m-input-withBtn .m-input-btn {padding:10px 25px;} } @media screen and (max-width:500px){ .m-input-withBtn {max-width:none; padding-right:0;} .m-input-withBtn .m-input-btn {width:100%; padding:10px 25px; margin-left:0; position:relative; top:auto; left:auto; bottom:auto; right:auto;} .m-input-select.type01 select {padding:9px 5px; font-size:12px;} .m-input-address.type01 .m-input-withBtn {width:100%; padding-right:0;} .m-input-address.type01 .m-input-withBtn .m-input-btn {margin-bottom:8px; right:0;} } /* box (박스) */ .m-box.type01 {margin:10px 0; padding:15px 25px; border-top:1px solid #28a893; border-bottom:1px solid #28a893; background-color:#fcfcfc; text-align:justify;} .m-box.type02 {margin:10px 0; padding:15px 25px; border:1px solid #28a893; text-align:justify;} .m-box.type03 {margin:10px 0; padding:15px 25px; border:1px solid #eeeeee; background-color:#fbfbfb; text-align:justify;} /* loading */ .m-loading-wrap {width:100%; height:100%; position:absolute; top:0; left:0; text-align:center; background:rgba(0,0,0,0.5); z-index:1;} .m-loading {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);} .m-loading-text {margin-top:5px; color:#fff;} .m-empty-box.type01 {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; height:400px; margin:30px 0; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; position:relative;} .m-empty-box.type01 .deco {margin-top:auto; margin-bottom:12px;} .m-empty-box.type01 .m-empty-text {width:100%; margin-bottom:auto; font-size:1.2em; font-weight:500; text-align:center; color:#ccc;} .m-loading-circle {position:relative;} .m-loading-circle:before {content:""; width:50px; height:50px; position:absolute; top:43%; left:47.3%; transform:translate(-50%, -50%); border-top: 6px solid rgba(28,112,204, 0.4); border-right: 6px solid rgba(28,112,204, 0.4); border-bottom: 6px solid rgba(28,112,204, 0.4); border-left: 6px solid #1c70cc; border-radius:50%; animation-duration: .6s; animation-name:rotate; animation-iteration-count: infinite; background:none; z-index:99; } .m-loading-full.type01 { z-index:-1; } .m-loading-full.type01.active { z-index:99; } .m-loading-full.type01:before {content:""; width:70px; height:70px; position:fixed; top:50%; left:47%; transform:translate(-50%, -50%); border-top: 10px solid rgba(28,112,204, 0.4); border-right: 10px solid rgba(28,112,204, 0.4); border-bottom: 10px solid rgba(28,112,204, 0.4); border-left: 10px solid #1c70cc; border-radius:50%; animation-duration: .6s; animation-name:rotate; animation-iteration-count: infinite; background:none; opacity:0; transition: .6s opacity; z-index:-1; } .m-loading-full.type01.active:before { opacity:1; z-index:99; } @keyframes rotate { from { transform: rotate(0); } to { transform:rotate(360deg); } } @media screen and (max-width:768px){ .m-loading-full.type01:before {left:38%;} } .m-progress.type01 {position:fixed; top:47%; left:50%; transform:translate(-50%,-50%); z-index:100;} .m-progress.type01 .m-progress-base {width:250px; height:40px; position:relative; border-radius:3px; background-color:#fff; overflow:hidden;} .m-progress.type01 .m-progress-active {width:100%; max-width:0%; height:100%; content:""; position:absolute; top:0; left:0; background-color:#50bb73; transition:max-width .3s;} .m-progress.type01 .m-progress-pages {margin-bottom:5px; text-align:right;} .m-progress.type01 .m-progress-page {font-size:13px; color:#fff;} .m-progress.type01 .m-progress-comment {margin-top:10px; text-align:center; color:#fff; animation: flash .6s ease-in-out infinite} @keyframes flash { 0% { opacity:1; } 50% { opacity:0; } 100% { opacity:1; } } /* step(스텝) */ .m-steps.type01 {display:flex; margin-bottom:60px; border:1px solid #dbdbdb;} .m-steps.type01 .m-step {padding:10px; flex:1; position:relative; text-align:center; border-left:1px solid #dbdbdb; background-color:#fafafa;} .m-steps.type01 .m-step:last-child:after {display:none;} .m-steps.type01 .m-step:after {content:""; width:20px; height:20px; position:absolute; top:49%; right:-4px; background-color:#fafafa; border-top:1px solid #dbdbdb; border-right:1px solid #dbdbdb; transform:rotate(45deg) translateY(-50%); z-index:1;} .m-steps.type01 .m-step-number {font-size:0.9em; font-weight:500; color:#b6b6b6;} .m-steps.type01 .m-step-title {font-size:1.1em; font-weight:300;} .m-steps.type01 .m-step:first-child {border-left:none;} .m-steps.type01 .m-step.active {background-color:#56bb6c;} .m-steps.type01 .m-step.active:after {background-color:#56bb6c;} .m-steps.type01 .m-step.active .m-step-title {font-weight:500; color:#fff;} .m-steps.type01 .m-step.active .m-step-number {color:#caefd2;} @media screen and (max-width:1200px){ .m-steps.type01 .m-step-number {font-size:12px;} .m-steps.type01 .m-step-title {} } @keyframes ldio-mekmmjmtjhj { 0% { transform: translate(-50%,-50%) rotate(0deg); } 100% { transform: translate(-50%,-50%) rotate(360deg); } } .ldio-mekmmjmtjhj div { position: absolute; width: 40px; height: 40px; border: 6px solid #fff; border-top-color: transparent; border-radius: 50%; } .ldio-mekmmjmtjhj div { animation: ldio-mekmmjmtjhj 1s linear infinite; top: 30px; left: 30px } .loadingio-spinner-rolling-uyi9ec3yin { width: 60px; height: 60px; display: inline-block; overflow: hidden; } .ldio-mekmmjmtjhj { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0; /* see note above */ } .ldio-mekmmjmtjhj div { box-sizing: content-box; } @keyframes ldio-9gvb75r1nia { 0% { opacity: 1 } 100% { opacity: 0 } } .ldio-9gvb75r1nia div { left: 29px; top: 2px; position: absolute; animation: ldio-9gvb75r1nia linear 1s infinite; background: #fff; width: 2px; height: 12px; border-radius: 0px / 0px; transform-origin: 1px 28px; }.ldio-9gvb75r1nia div:nth-child(1) { transform: rotate(0deg); animation-delay: -0.9166666666666666s; background: #fff; }.ldio-9gvb75r1nia div:nth-child(2) { transform: rotate(30deg); animation-delay: -0.8333333333333334s; background: #fff; }.ldio-9gvb75r1nia div:nth-child(3) { transform: rotate(60deg); animation-delay: -0.75s; background: #fff; }.ldio-9gvb75r1nia div:nth-child(4) { transform: rotate(90deg); animation-delay: -0.6666666666666666s; background: #fff; }.ldio-9gvb75r1nia div:nth-child(5) { transform: rotate(120deg); animation-delay: -0.5833333333333334s; background: #fff; }.ldio-9gvb75r1nia div:nth-child(6) { transform: rotate(150deg); animation-delay: -0.5s; background: #fff; }.ldio-9gvb75r1nia div:nth-child(7) { transform: rotate(180deg); animation-delay: -0.4166666666666667s; background: #fff; }.ldio-9gvb75r1nia div:nth-child(8) { transform: rotate(210deg); animation-delay: -0.3333333333333333s; background: #fff; }.ldio-9gvb75r1nia div:nth-child(9) { transform: rotate(240deg); animation-delay: -0.25s; background: #fff; }.ldio-9gvb75r1nia div:nth-child(10) { transform: rotate(270deg); animation-delay: -0.16666666666666666s; background: #fff; }.ldio-9gvb75r1nia div:nth-child(11) { transform: rotate(300deg); animation-delay: -0.08333333333333333s; background: #fff; }.ldio-9gvb75r1nia div:nth-child(12) { transform: rotate(330deg); animation-delay: 0s; background: #fff; } .loadingio-spinner-spinner-v8vnze5ye18 { width: 60px; height: 60px; display: inline-block; overflow: hidden; } .ldio-9gvb75r1nia { width: 100%; height: 100%; position: relative; transform: translateZ(0) scale(1); backface-visibility: hidden; transform-origin: 0 0; /* see note above */ } .ldio-9gvb75r1nia div { box-sizing: content-box; } /* generated by https://loading.io/ */ .m-policy.type01 .rules {padding:30px 40px; border:1px solid #ccc;} .m-policy.type01 .rule {margin-bottom:30px; } .m-policy.type01 .title_biggest {margin-top:60px; margin-bottom:30px; font-size:1.2em; font-weight:600; color:#fdb726; text-align:center;} .m-policy.type01 .title_big {margin-bottom:15px; font-size:1.1em; font-weight:500;} .m-policy.type01 .body { font-weight:300;} .m-policy.type01 .body.bold { font-weight:bold;} .m-policy.type01 pre {white-space: pre-line;} .m-policy.type01 .img {display:block; max-width:100%; margin:0 auto;} @media screen and (max-width:768px){ .m-policy.type01 .title_biggest {margin-top:30px; font-size:1.2em;} .m-policy.type01 .rules {padding:30px 20px;} .m-policy.type01 .title_big {} .m-policy.type01 .body {font-size:0.9em;} } .m-sitemap.type01 .box-depths {display:flex; flex-wrap:wrap; margin:0px -20px;} .m-sitemap.type01 .box-depth-wrap {width:25%; padding:0 20px; margin-bottom:60px;} .m-sitemap.type01 .box-depth-wrap .icon {margin-left:4px;} .m-sitemap.type01 .box-depth-wrap > .box-depth {border-top:3px solid #c4c4c4;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .link {display:inline-block; padding:20px 0; position:relative; font-size:1.4em; font-weight:500; color:#f45e72;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .link:after {content:""; width:100%; height:3px; position:absolute; left:0; top:-3px; background-color:#f45e72;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .box-depth {border:1px solid #d2d2d2;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .box-depth > .link {display:block; padding:18px 20px; font-size:1.1em; font-weight:500; color:#333; border-bottom:1px solid #d2d2d2; background-color:#f5f5f5;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .box-depth > .box-depth {padding:20px;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .box-depth > .box-depth > .link {display:block; margin-bottom:10px; padding-left:16px; position:relative; font-weight:500;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .box-depth > .box-depth > .link:before {content:""; width:5px; height:5px; position:absolute; top:10px; left:0; background-color:#606060;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .box-depth > .box-depth > .link:last-of-type {margin-bottom:0;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .box-depth > .box-depth > .box-depth {padding-left:16px;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .box-depth > .box-depth > .box-depth > .link {display:block; margin-top:6px; position:relative; padding-left:10px; font-weight:300; color:#505050;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .box-depth > .box-depth > .box-depth > .link:before {content:""; width:4px; height:1px; position:absolute; top:10px; left:0; background-color:#505050;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .box-depth > .box-depth > .box-depth + .link {margin-top:10px;} @media screen and (max-width:1200px) { .m-sitemap.type01 .box-depth-wrap {width:25%;} } @media screen and (max-width:1000px) { .m-sitemap.type01 .box-depth-wrap {width:33.33%;} } @media screen and (max-width:768px) { .m-sitemap.type01 .box-depths {margin:0;} .m-sitemap.type01 .box-depth-wrap {width:100%; margin-bottom:40px; padding:0 5px;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .link {padding:10px 0; font-size:1.1em;} .m-sitemap.type01 .box-depth-wrap > .box-depth > .box-depth > .link {padding:10px 15px; } .m-sitemap.type01 .box-depth-wrap > .box-depth > .box-depth > .box-depth {padding:15px;} } .m-box-social.type01 {display:none; width:354px; padding:25px 30px; position:absolute; top:66px; right:0; box-shadow:0px 0px 6px rgba(0,0,0,0.16); background-color:#fff; transition: all .3s; z-index:10;} .m-box-social.type01:after {content:""; width:20px; height:20px; position:absolute; right:20px; top:-7px; transform:rotate(45deg); background-color:#fff; box-shadow:-6px -6px 14px rgba(0,0,0,0.07);} .m-box-social.type01 .socials {display:flex; flex-wrap:wrap; margin:-7px -10px;} .m-box-social.type01 .social {transition: all .3s; border-radius:100%;} .m-box-social.type01 .social:hover {} .m-box-social.type01 .social-wrap {width:25%; padding:7px 10px;} .m-box-social.type01 .social-wrap img {width:100%;} .m-box-social.type01 .box-copy {margin-top:25px; position:relative; border:1px solid #7a7a7a;} .m-box-social.type01 .box-copy .btn-copy {height:100%; padding:0 14px; position:absolute; top:0; right:0; background-color:#a2a2a2; color:#fff;} .m-box-social.type01 .box-copy input {padding:10px 15px; outline:none; font-weight:300;} .m-box-social.type01 .box-copy input:disabled {color:#7a7a7a; background-color:#fff;} .m-box-social.type01 .btn-close {position:absolute; right:10px; top:10px;} .m-box-social.type01 .btn-close img {width:12px;} @Media screen and (max-width:500px){ .m-box-social.type01 {width:260px; position:fixed; top:50%; left:50%; right:auto; transform:translate(-50%, -50%); z-index:2;} .m-box-social.type01:after {display:none;} .m-box-social.type01 .box-copy {padding-right:54px;} .m-box-social.type01 .box-copy input {width:100%;} } .m-parallax.type01 {height: 100vh; background-image: url("../img/jumbotron01.jpg");background-attachment: fixed;background-position: center;background-repeat: no-repeat;background-size: cover;} /* 프로그램 */ .progran_list {display:flex; flex-wrap:wrap; margin:0 -15px;} .progran_list .item {position:relative; display:block; width:25%; padding:25px 15px;} .progran_list .item .item_img {position:relative; width:100%; height:0; padding-top:110%; overflow:hidden;} .progran_list .item .item_img img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;} .progran_list .item .item_body {position:relative; width:90%; background:#fff; margin-top:-150px; padding:40px 20px 80px; border-radius:0 0 50px 0; box-shadow:-10px 10px 20px rgba(0,0,0,0.1); } .progran_list .item .m-board-state {position:absolute; left:0; top:-20px; padding:10px; min-width:90px; text-align:center; color:#fff; border-radius:0;} .progran_list .item .item_body .item_contents .title {font-size:1.4em; font-weight:500; font-family:"NanumSquare", sans-serif ; margin-bottom:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height:30px;} .progran_list .item .item_body .item_contents .content p {position:relative; display:block; color:#999; padding-left:70px; text-overflow: ellipsis; height: 23px; overflow: hidden; white-space: nowrap;} .progran_list .item .item_body .item_contents .content p .tit {position:absolute; left:0; display:inline-block; color:#333; margin-right:10px; width:70px;} .progran_list .item .item_body .item_contents .content p .tit::after {content:""; position:absolute; display:inline-block; width:4px; height:4px; border-radius:100%; background:#9f9f9f; right:10px; top:50%; transform:translateY(-50%);} .progran_list .item .item_body .btn_wrap {position:absolute; width:100%; bottom:30px; left:0; margin:20px 0 0; display:flex; padding:0 20px;} .progran_list .item .item_body .btn_wrap .btn {position:relative; flex:1; width:100%; background:#fff; color:#666; border:1px solid #787878; border-radius:30px; padding:0px 10px ; text-align:left; font-size:0.9em;} .progran_list .item .item_body .btn_wrap .btn::after {content:""; position:absolute; display:inline-block; padding:13px 10px 0 0; width:0; height:0; background:url("../img/arrow_right_glay.png") no-repeat center center; right:15px; top:50%; transform:translateY(-50%);} .progran_list .item .item_body .btn_wrap .primary {border-color:#eb6877; color:#eb6877;} .progran_list .item .item_body .btn_wrap .primary::after {background-image:url("../img/arrow_right_red.png")} .progran_list .item .item_body .btn_wrap .btn:hover {background:#efefef;} .progran_list .item .item_body .btn_wrap .primary:hover {background:#eb6877; color:#fff;} .progran_list .item .item_body .btn_wrap .primary:hover:after {background-image:url("../img/arrow_right_white.png")} @media screen and (max-width:1200px) { .progran_list .item {width:33.3333%} } @media screen and (max-width:1024px) { .progran_list .item {width:50%; } .progran_list .item .item_body {padding-bottom:70px;} .progran_list .item .item_body .item_contents .title {} .progran_list .item .item_body .btn_wrap {bottom:20px;} .progran_list .item .item_body .btn_wrap .btn {padding:0 15px;} } @media screen and (max-width:768px) { .progran_list {margin:0 -10px;} .progran_list .item {padding:10px} .progran_list .item .item_img {border-radius:0 40px 0 0;} .progran_list .item .m-board-state {padding:5px 10px; top:-15px;} .progran_list .item .item_body {width:100%; border-radius:0; box-shadow:none; padding:40px 0 70px; margin-top:-100px;} .progran_list .item .item_body .item_contents .title {margin-bottom:5px;} .progran_list .item .item_body .item_contents .content p {padding-left:60px;} .progran_list .item .item_body .item_contents .content p .tit {width:60px;} .progran_list .item .item_body .btn_wrap {padding:0;} } @media screen and (max-width:560px) { .progran_list .item {width:100%; } .progran_list .item .item_img {padding-top:70%;} .progran_list .item .item_body {padding:30px 0} .progran_list .item .item_body .btn_wrap {position:relative; bottom:auto;} } .summary_wrap {position:relative; display:flex; padding-bottom:40px;} .summary_wrap .summary_img {flex:1; padding-right:40px; width:100%;} .summary_wrap .summary_img p {position:relative; width:100%; height:0; padding-top:100%; overflow:hidden;} .summary_wrap .summary_img img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:100%;} .summary_wrap .summary_body {flex:2; position:relative; width:100%;} .summary_wrap .summary_body h1 {font-size:2em; font-weight:500; font-family:"NanumSquare", sans-serif ; margin-bottom:20px; } .summary_wrap .summary_body .infos {display:flex;} .summary_wrap .summary_body .info {display:inline-block; margin-right:40px; color:#888;} .summary_wrap .summary_body .info .tit {display:inline-block; margin-right:10px; font-weight:500; color:#333;} .summary_wrap .summary_body .infos.type02 {border-top:2px solid #f45e72; margin:20px 0; display:flex; flex-wrap:wrap;} .summary_wrap .summary_body .infos.type02 .info {position:relative; width:100%; padding:15px 10px 15px 160px; border-bottom:1px solid #ccc; margin-right:0;} .summary_wrap .summary_body .infos.type02 .info .tit {position:absolute; left:0; top:0; width:140px; height:100%; padding:15px 20px; background:#efefef; border-right:1px solid #ccc;} .summary_wrap .summary_body .infos.type02 .info.wid50 {width:50%;} .summary_wrap .summary_body .btn_wrap {text-align:right; margin:0;} .summary_wrap .summary_body .btn_wrap .btn {position:relative; flex:1; background:#fff; color:#666; border:1px solid #787878; border-radius:30px; padding:5px 20px ; text-align:center; min-width:150px;} .summary_wrap .summary_body .btn_wrap .primary {border-color:#eb6877; color:#eb6877;} .summary_wrap .summary_body .btn_wrap .btn:hover {background:#efefef;} .summary_wrap .summary_body .btn_wrap .primary:hover {background:#eb6877; color:#fff;} .summary_wrap .m-board-state {position:absolute; left:0; top:0; padding:10px; min-width:90px; text-align:center; color:#fff; border-radius:0;} .detail_wrap {min-height:200px; border-top:2px solid #efefef; padding:30px 0;} @media screen and (max-width:1024px) { .summary_wrap .summary_img {padding-right:20px;} .summary_wrap .summary_body .infos.type02 .info {padding:10px 10px 10px 160px; } .summary_wrap .summary_body .infos.type02 .info .tit {padding:10px 20px; width:140px;} .summary_wrap .summary_body .infos.type02 .info.wid50 {width:100%;} } @media screen and (max-width:768px) { .summary_wrap .summary_img {display:none;} .summary_wrap .summary_body h1 {padding-left:100px;} .summary_wrap .summary_body .info {margin-right:20px;} .summary_wrap .summary_body .infos.type02 .info {padding:10px 10px 10px 120px; } .summary_wrap .summary_body .infos.type02 .info .tit {padding:10px 20px; width:100px;} .summary_wrap .summary_body .btn_wrap {text-align:center;} .summary_wrap .summary_body .infos.type02 {margin:10px 0 20px;} } .apply_wrap {max-width:800px; margin:0 auto 50px; border:1px solid #ddd; box-shadow:10px 10px 20px rgba(0,0,0,0.2); padding:30px 80px;} .apply_head {border-bottom:2px solid #f45e72; padding-bottom:30px; margin-bottom:30px;} .apply_head h1 {font-size:2em; font-weight:600; text-align:center;} .apply_head .infos {text-align:center; padding-top:10px;} .apply_head .infos .info {font-weight:500; padding:0 10px;} .apply_head .infos .info .tit {display:inline-block; font-weight:400; color:#777; margin-right:10px;} .apply_info {margin-bottom:10px;} .form_wrap {border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px;} .form_wrap .tipBox {text-align:right;} .form_wrap .item {display:flex; padding:10px 0; border-top:1px dashed #ccc; flex-wrap:wrap;} .form_wrap .item .title {width:150px;} .form_wrap .item .form {display:flex; width:calc(100% - 150px); align-items:center;} .form_wrap .item .form .input {width:100%;} .form_wrap .item .form .input_text input {width:100%;} .form_wrap .item .form .input_text input::-webkit-input-placeholder { color:#7bb1e8; font-size:0.9em;} .form_wrap .item .form .input_select select {width:100%;} .form_wrap .item .form .input_file {width:130px; margin-right:5px;} .form_wrap .item .form .input_file .btn {width:100%; padding:0;} .form_wrap .item .form .hyphen {display:inline-block; padding:0 10px;} .form_wrap .item .form .input_radio label {margin-right:20px;} .form_wrap .item .form.form_address {flex-wrap:wrap} .form_wrap .item .form.form_address .wid30 {width:30%; margin-bottom:3px;} .form_wrap .item .form.form_address .wid100 {width:100%; margin-bottom:3px;} .form_wrap .item .form .infoTxt {width:100%; display:block; color:#f45e72; font-size:0.9em;} .form_wrap .item .infoTxt.type02 {width:100%; display:block; color:#f45e72; font-size:0.9em; padding-left:150px;} .form_wrap .item .form .file_wrap {width:100%;} .form_wrap .item .form .file_wrap .ico_delete {padding:18px 18px 0 0; margin-left:10px; border-radius:100%; background:#333 url("../img/icon_popClose_white.png") no-repeat center center; background-size: 10px auto;} .agree_wrap h2 {font-size:1.4em; font-weight:500;} .agree_wrap .agree_body {padding:20px; border:1px solid #ddd; height:130px; overflow:auto; margin:10px 0;} .agree_wrap .agree_check {text-align:center; text-indent:-18px; padding-left:18px;} .agree_wrap .agree_body.scroll_none {height: auto;} .agree_wrap .agree_body.scroll_none * {font-size: 15px;} .agree_wrap .agree_body.scroll_none .table :is(th, td) {padding:10px 6px;} .input_text input {border:1px solid #ddd; padding:5px; border-radius:5px;} .input_select select {border:1px solid #ddd; padding:5px; border-radius:5px;} .compulsory {color:#f45e72; font-weight:600; vertical-align:middle;} .apply_body .btn_wrap {text-align:center; margin:20px 0; padding-top:20px;} .apply_body .btn_wrap .btn {position:relative; flex:1; background:#fff; color:#666; font-weight:500; border:2px solid #787878; border-radius:30px; padding:5px 20px ; text-align:center; min-width:150px;} .apply_body .btn_wrap .primary {border-color:#eb6877; color:#eb6877;} .apply_body .btn_wrap .btn:hover {background:#efefef;} .apply_body .btn_wrap .primary:hover {background:#eb6877; color:#fff;} .form_wrap .item .form :is(.input_size_lg, .input_size_md, .input_size_sm, .input_size_xs) {display: flex; align-items: center; gap: 5px; white-space: nowrap;} .form_wrap .item .form .input_size_lg {width:100%;} .form_wrap .item .form .input_size_md {width:70%;} .form_wrap .item .form .input_size_sm {width:50%;} .form_wrap .item .form .input_size_xs {width:30%;} .form_wrap .form_item_box:not(:last-child) {margin-bottom: 30px;} .form_wrap .item .form_group {flex-wrap: wrap; gap: 5px;} .form_file_box .m-boardWrite.type-general01 .m-boardWrite-images {margin-bottom:0; margin-top: 20px;} .form_file_box .m-boardWrite.type-general01 .m-boardWrite-images-files {padding:12px 15px;} .form_file_box .m-boardWrite.type-general01 .m-boardWrite-images-file {font-size: 15px;} @media screen and (max-width:768px) { /*.area_program .wrap {padding:0;}*/ .apply_wrap {padding:30px; border:none; box-shadow:none;} .form_wrap .item .title {width:100px;} .form_wrap .item .form {width:calc(100% - 100px);} .form_wrap .item .form .hyphen {padding:0 5px;} .form_wrap .item .form .input_radio label {margin-right:15px;} .form_wrap .item .infoTxt.type02 {padding-left:100px;} .agree_wrap .agree_body.scroll_none * {font-size: 14px;} } @media screen and (max-width:500px) { .apply_wrap {padding:20px;} .form_wrap .item {display:block} .form_wrap .item .title {width:100% ; padding-bottom:5px;} .form_wrap .item .form {width:100% ;} .form_wrap .item .infoTxt.type02 {padding-left:0px;} } .contents_wrap.mypage {position:relative; max-width:1340px; padding:0 20px 100px 220px; margin:0 auto;} .mypage_menu {position:absolute; left:0; top:0; width:200px; border:2px solid #eb6877; box-shadow:5px 5px 20px rgba(0,0,0,0.15); border-radius:0 0 50px 0; padding:0 0 30px} .mypage_menu .title {font-size:1.4em; font-weight:500; background:#eb6877; padding:15px 0; text-align:center; color:#fff;} .mypage_menu ul {border-top:1px solid #eb6877; padding:10px 0;} .mypage_menu ul li a {display:block; padding:10px; border-top:1px dashed #ddd; letter-spacing: -1px;} .mypage_menu ul li:first-child a {border-top:0;} .mypage_menu ul li a:hover {color:#eb6877;} .mypage_menu ul li a.active {color:#eb6877; font-weight:600;} .mypage .progran_list .item {width:33.3333%;} @media screen and (max-width:1024px) { .mypage .progran_list .item {width:50%; } } @media screen and (max-width:768px) { .contents_wrap.mypage {padding:0 10px 50px 10px;} .mypage_menu {display:none} } @media screen and (max-width:560px) { .mypage .progran_list .item {width:100%; } } /* 에디터 폰트 초기화 */ .m-boardDetail-content div, .m-boardDetail-content span, .m-boardDetail-content iframe, .m-boardDetail-content h1, .m-boardDetail-content h2, .m-boardDetail-content h3, .m-boardDetail-content h4, .m-boardDetail-content h5, .m-boardDetail-content h6, .m-boardDetail-content p, .m-boardDetail-content a, .m-boardDetail-content em, .m-boardDetail-content font, .m-boardDetail-content img, .m-boardDetail-content b, .m-boardDetail-content u, .m-boardDetail-content i, .m-boardDetail-content dt, .m-boardDetail-content dd, .m-boardDetail-content li, .m-boardDetail-content table, .m-boardDetail-content th, .m-boardDetail-content td {font-size:inherit; color:inherit; font-weight:inherit;} .m-boardDetail-content b {font-weight:600} .m-boardDetail-content u {text-decoration:underline;} .summary_wrap .m-board-state.custom-student {position: static; min-width: auto; padding:3px 10px; border-radius: 20px; font-size: 0.5em;} .m-boardWrite.custom-student .m-boardWrite-images {margin:40px 0 0;} .summary_files {display: flex; gap:0 20px; margin-bottom:20px; align-items: center;} .summary_files .m-icon {flex:0 0 16px;} .summary_files .file_box {display: flex; gap:5px 0; flex-wrap: wrap; flex:1 1 auto;} .summary_files .file_item {color: #333; font-weight: 300} .summary_files .file_item:not(:last-child):after {margin-left:22px; margin-right:22px; content:"|"; position:relative; top:-2px; font-size:13px; color:#bfbfbf;} @media screen and (max-width:1024px) { .summary_files {align-items: flex-start;} .summary_files .file_box {flex-direction: column; gap:1px 0;} .summary_files .file_item:not(:last-child):after {display: none;} .summary_files .m-icon {margin-top:6px;} } @media screen and (max-width:768px) { .summary_files .m-icon {margin-top:3px;} .summary_files {gap:0 12px;} }