@charset "utf-8"; .board_search {position:relative;} .board_search input {border-radius:30px;} .board_search .btn_search { position: absolute; right: 0; top: 0; height: 100%; width: 60px; z-index: 1; background: transparent url('/../images/skin/header_form_search.svg') center no-repeat; background-size: 21px !important; } /*버튼*/ .board-view-btns {display:block;margin-top:15px; text-align:right;} .board-view-btns a{ border-radius:10px; box-sizing:border-box; } .board-city-flex .board-city-flex-input {margin-right:10px;} .board-city-flex_wrap {display:flex;} .width100 {width:100px;} /* board 버튼 */ button {padding: 0; border: 0 none; background: none; cursor: pointer;} /*버튼*/ .button_write {display:inline-block;color:#fff!important; font-size:1em;padding:10px 30px;background-color:#6E64D7; border:1px solid #6E64D7;} .button_write:hover {color:#fff; background-color:#554BD1;} .button_write02 {display:inline-block; font-size:1em;padding:10px 30px;background-color:#fff!important; color:#6E64D7; border:1px solid #6E64D7;} .button_write02:hover {background-color:#6E64D7!important; color:#fff;} .button_write03 {display:inline-block; font-size:1em;padding:10px 30px;background-color:#fff!important; color:#222; border:1px solid #222;} .button_write03:hover {background-color:#555; color:#fff;} .button_blue {display:inline-block; font-size:1em;padding:10px 30px;background-color:#3283E4; color:#fff!important; border:1px solid #3283E4;} .button_blue:hover {color:#fff; background-color:#1A52C6;} .button_blue02 {display:inline-block; font-size:1em;padding:10px 30px;background-color:#fff; color:#3283E4; border:1px solid #3283E4;} .button_blue02:hover {color:#fff; background-color:#3283E4;} .button_blue03 {display:inline-block; font-size:1em; margin-bottom:10px;padding:10px 40px;background-color:#3283E4; color:#fff; border:1px solid #3283E4;} .button_blue03:hover {color:#fff; background-color:#1A52C6;} .button_gray {display:inline-block; font-size:1em;padding:10px 30px;background-color:#222; color:#fff!important; } .button_gray:hover {color:#fff; background-color:#111;} .button_orange {display:inline-block; font-size:1em;padding:10px 30px;background-color:#F66539; color:#fff; border:1px solid #F66539;} .button_orange:hover {color:#fff; background-color:#F45020;} .borderradius20 {border-radius:20px;} .borderradius30 {border-radius:30px;} .button_gray02 {display:inline-block; font-size:1.3em;padding:20px 50px;background-color:#fff; color:#666; border:1px solid #666;} .button_gray02:hover {background-color:#fff; color:#666;} .button_gray_s {display:inline-block; font-size:1.2em;padding:15px 40px;background-color:#666; color:#fff; border:1px solid #666;} .button_gray_s:hover {background-color:#222; color:#fff;} /*화살표*/ .button_gray_s02 {display:inline-block; font-size:1.2em;padding:15px 60px 15px 40px; color:#fff; border:1px solid #666;background: #666 url('../images/sub/support_arrow_w.png') no-repeat 95% 50%;} .button_gray_s02:hover {background-color:#222; color:#fff;} .button_gray02_s {display:inline-block; font-size:1.2em;padding:15px 40px;background-color:#fff; color:#666; border:1px solid #666;} .button_gray02_s:hover {background-color:#fff; color:#666;} .ico_s_gray {background-color:#A3AAB4; border-radius:3px; padding:5px 15px; color:#fff; font-size:1.2em;} /* paging */ .paging-area {margin:60px 0 40px; text-align:center;} .paging-area a {display:inline-block; margin-left:-1px; min-width:45px; height:45px; line-height:2.8; text-align:center; border:1px solid #ddd} .paging-area a:hover,.paging-area a:active,.paging-area a:focus {background-color:#6E64D7; color:#fff; text-decoration:underline;} .paging-area a.current {margin-right:1px; font-weight:bold; border:1px solid #6E64D7; color:#6E64D7; background-color:#fff; text-decoration:underline} .paging-area a.current02 {margin-right:1px; font-weight:bold; border:1px solid #F46636; color:#F46636; background-color:#fff; text-decoration:underline} .paging-area a.prev {text-indent:-9999px; background:url(/images/sub/ico_paging.png) -87px center no-repeat} .paging-area a.next {text-indent:-9999px; background:url(/images/sub/ico_paging.png) -121px center no-repeat} .paging-area a.first {text-indent:-9999px; background:url(/images/sub/ico_paging.png) 15px center no-repeat} .paging-area a.last {text-indent:-9999px; background:url(/images/sub/ico_paging.png) -30px center no-repeat} .paging-area a.first:hover,.paging-area a.first:active,.paging-area a.first:focus, .paging-area a.prev:hover,.paging-area a.prev:active,.paging-area a.prev:focus, .paging-area a.last:hover,.paging-area a.last:active,.paging-area a.last:focus, .paging-area a.next:hover,.paging-area a.next:active,.paging-area a.next:focus {background-color:#f7f7f7} /* file */ .file-box {position:relative} .file-box input[type="file"] {position:absolute; width:1px; height:1px; padding:0; overflow:hidden; border:0; clip:rect(0,0,0,0)} .file-box label,.file-box .upload-name {display:inline-block; height:30px; line-height:30px; font-size:13px; padding:0 10px; vertical-align:middle} .file-box label {border:1px solid #ccc; background:#f4f4f4; color:#333; cursor:pointer; margin-bottom:5px;} .file-box .upload-name {width:300px; margin-left:0px; background:#fff; border:1px solid #ccc; color:#999; -webkit-appearance:none; -moz-appearance:none; appearance:none; vertical-align:top;} .tbl-apply table.type2 .file-box .upload-name {width:auto; max-width:160px;} .tbl-apply table.type2 input[type="text"], .tbl-apply table.type2 input[type="password"],.tbl-apply table.type2 select {width:100%;} .t-red { color: #e90030 !important;} /* 기본 게시판 */ .general_board {margin-top:5px; margin-bottom:20px; width:100%; border-bottom:1px solid #8e8e8e; } .general_board thead th {padding:15px 5px; border-top:3px solid #484848; background-color:#F7F7F7; border-bottom:1px solid #8e8e8e; text-align:center; color:#333; font-size:1.2em;} .general_board tbody td {padding:15px 5px; font-size:1.2em;border-bottom:1px dotted #ccc; text-align:center; } .general_board tbody td a:hover {color:#6E64D7;} .general_board tbody tr:hover {background:#F3F5F8;} .general_board tbody td.title {text-align:left;} .general_board tbody td.title span {margin-left:10px;} .break { word-break:break-all;} .w_gongi {font-weight:bold; background:#555; color:#fff; padding:3px 5px;} /*view 게시판*/ .view_wrap {width:100%; border-top:3px solid #222; padding:20px 0; overflow:hidden; height:100%;} .view_wrap h4 {margin-left:20px; margin-top:10px;} .table_view {clear:both; margin-top:25px; margin-bottom:20px; width:100%; width:100%; border-bottom:1px solid #ddd;} .table_view tbody th {padding:20px 5px; font-size:1.2em; background-color:#F7F7F7; text-align:center; border-top:1px solid #ddd; } .table_view tbody td {padding:20px 15px; font-size:1.2em; text-align:center; border-top:1px solid #ddd; line-height:140%; } .table_view tbody td a:hover {color:#6E64D7;} .board_list04 {margin-top:3px; border-top:3px solid #222; border-bottom:1px solid #ddd; padding:0px 0; overflow:hidden; margin-top:30px;} .board_list04 h4 {width:100%; padding:20px 0;margin-top:0; border-bottom:1px solid #eee;} .board_list04 .bl_04_top {clear:both; width:100%; border-bottom:1px solid #ddd;overflow:hidden; padding-bottom:20px; } .board_list04 .bl_04_top span {color:#888;} .board_list04 .bl_04_bottom {clear:both; width:100%; overflow:hidden; padding:50px 20px; font-size:18px;} .board_list04 div p {float:left; font-size:20px; padding:10px 0 0px 0; padding-right:20px;background: url('../images/common/copy_line.gif') no-repeat right 13px; margin-right:25px; } .board_list04 div p span {margin-left:20px;} .board_list04 div p:last-child {background-image:none; padding-right:0; margin-right:0;} /*내용*/ .board-view-cont {display:block;position:relative;border-bottom:1px solid #C2C2C2;_width:690px;overflow-x:hidden;padding-top:30px;margin-left:15px;margin-right:15px;} /* width값 입력시 padding, margin값 체크바람*/ .board-view-files {display:block;position:relative;width:100%;overflow:hidden;text-align:center;} .board-view-contents {display:block;position:relative;margin-left:0px;margin-right:0px;margin-bottom:30px;} .board-view-contents center {text-align:left} .board-writer-ip {text-align:right;border-top:1px dotted #c2c2c2;font-size:11px;padding:5px;} .board-view-cont img {margin:10px 0;} /*내용_동영상*/ .movie_wrap {width:100%; margin:20px 0;} .movie_left {float:left; width:48%; margin-right:2%;} .movie_right textarea {float:right; margin-top:10px; width:45%; font-size:13px;color:#666666;height:340px;border:1px solid #cccccc;padding:10px 8px 8px 8px;background-color:white;line-height:150%;box-sizing:border-box;} /*이전글다음글*/ .movepage { margin-top:40px; border-top:1px solid #e6e6e6;} .movepage li {padding:25px 5px; border-bottom:1px solid #e6e6e6; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .movepage li.prev {padding-left:28px; background:url("/images/sub/ico_paging_prev2.gif") no-repeat 10px 34px;} .movepage li.next {padding-left:28px; background:url("/images/sub/ico_paging_next2.gif") no-repeat 10px 34px;} .movepage li strong { font-size:1.2em; padding-right:30px;background:url("/images/sub/ico_bullet_07.gif") no-repeat 45px 8px;} .movepage li a { font-size:1.2em;color:#505050;} /*쓰기 게시판*/ .table_write {clear:both; border-bottom:1px solid #ddd; margin-top:25px; margin-bottom:20px; width:100%; box-sizing:border-box;} .table_write tbody th {padding:20px 5px; font-size:17px; background-color:#F7F7F7; text-align:center; border-top:1px solid #ddd; } .table_write tbody td {padding:20px 15px; font-size:17px; border-top:1px solid #ddd; line-height:140%; } .table_write tbody td a:hover {color:#6E64D7;} .table_write li {font-size:18px; } /*쓰기 게시판*/ .table_write02 {clear:both; border-top:2px solid #333; border-bottom:1px solid #ddd; margin-top:25px; margin-bottom:20px; width:100%; box-sizing:border-box;} .table_write02 tbody th {padding:20px 5px; font-size:1.2em; text-align:center; border-top:1px solid #ddd; } .table_write02 tbody td {padding:20px 15px; font-size:1.2em; border-top:1px solid #ddd; line-height:140%; } .table_write02 tbody td a:hover {color:#6E64D7;} .table_write textarea { width: 100%; min-height: 250px; padding: 20px; font-size: 16px; line-height: 130%; border: 1px solid #ccc; resize: none; color: #767676; background-color: #FAFAFA; font-family: 'Noto Sans KR'; margin: 5px 0; } .table_write input[type="text"], .table_write input[type="password"], .table_write select { height: 40px; padding: 6px 10px; margin-bottom:5px; font-size: 14px; border: 1px solid #ccc; vertical-align: middle; color: #363636; width:100%; border-radius:5px; } .table_write textarea { width: 100%; min-height: 250px; padding: 20px; font-size: 14px; line-height: 130%; border: 1px solid #ccc; resize: none; color: #767676; background-color:#FAFAFA; font-family:'Noto Sans KR'; margin:5px 0; } .table_write .textarea02 { width: 100%; min-height: 150px; padding: 20px; font-size: 14px; line-height: 130%; border: 1px solid #ccc; resize: none; color: #363636; background-color:#fff; font-family:'Noto Sans KR'; margin:5px 0;border-radius:5px; } /*커뮤니티*/ .freeboard {display:flex; flex-direction: column; border-top:5px solid #f3f2f2; max-width:1020px; width:100%; margin:0 auto;} .freeboard .profile {display:flex; align-items: center;padding:15px 15px; } .freeboard .profile img {width:50px; height:50px; border-radius:50%; ovject-fit:cover; margin-right:10px;} .freeboard .profile p {font-size:15px; color:#222;} .freeboard .profile span {color:#888; font-size:13px; line-height:120%;} .freeboard .txt_body {padding:5px 15px; } .freeboard .txt_body h5 {color:#222; font-size:15px;} .freeboard .txt_body p { font-size:15px; margin-bottom:10px;} .freeboard .txt_body .img {max-width:1000px; width:100%; display:flex;margin:10px 0;} .freeboard .txt_body .img img {width:100%; border-radius:5px; box-sizing:border-box;} .freeboard .txt_body .img2 {max-width:1000px; width:100%; display:flex;margin:10px 0;} .freeboard .txt_body .img2 img {width:49%; margin:0 0.5%; border-radius:5px; box-sizing:border-box;} .freeboard .txt_body em { font-size:13px; color:#888;display:block; margin:10px 0} .freeboard .bottom {padding:15px 15px; border-top:1px; border-top:1px solid #f6f6f6; margin-top:10px;display:flex; justify-content: space-between;} .freeboard .bottom a { font-size:15px;} .freeboard .answer {display:flex; align-items: flex-start;padding:15px 15px;border-top:1px solid #f6f6f6; border-bottom:1px solid #f6f6f6; } .freeboard .answer img {width:50px; height:50px; border-radius:50%; ovject-fit:cover; margin-right:10px; border:1px solid #ddd; box-sizing:border-box;} .freeboard .answer p {font-size:15px; color:#222; margin-bottom:3px;} .freeboard .answer p em { color:#888; font-size:12px;} .freeboard .answer span {color:#777; font-size:14px; line-height:120%; margin-bottom:10px;} .freeboard .answer a {font-size:13px; display:block; text-decoration: underline; color:#222;} .community_write_btn { display:none; } .community_write_btn a { color:#fff; } .freeboard .swiper-horizontal>.swiper-pagination-bullets, .freeboard .swiper-pagination-bullets.swiper-pagination-horizontal, .freeboard .swiper-pagination-custom, .freeboard .swiper-pagination-fraction { left: 50%; transform: translateX(-50%); } /*동행채팅 참여하기*/ .comm_chat_bnt {display:inline-block; padding:1rem 3rem; background-color:#ff38a6; color:#fff!important; border-radius:10px;} .movie { position:relative; margin:0 auto 20px auto; max-width:1000px; width:100%; } .movie > div { width:100%; padding-bottom:56.25%; } .movie > div video { position:absolute; z-index:1; top:0;left:0; width:100%;height:100%; } .commuity_img .swiper-pagination-fraction {width: 50px;background-color: #222222e0!important;color: #fff!important;border-radius: 20px;padding: 5px 10px;} .commuity_img img {width:100%; object-fit: cover; height: 350px;} .commuity_img .swiper-pagination-current {font-weight:bold;} .commuity_img .swiper-horizontal>.swiper-pagination-bullets, .commuity_img .swiper-pagination-bullets.swiper-pagination-horizontal, .commuity_img .swiper-pagination-custom, .commuity_img .swiper-pagination-fraction { bottom: var(--swiper-pagination-bottom,8px); top: var(--swiper-pagination-top,auto);left: 50%z; transform: translate(-50%, -50%);width: 100%;} .commuity_img .swiper-pagination-bullet-active {background: #555;} .commuity_img .swiper-android .swiper-slide, .commuity_img .swiper-ios .swiper-slide, .commuity_img .swiper-wrapper {transform: translate3d(0px,0,0);padding-bottom: 40px;} .commuity_recommend_list {margin-top:20px;} .commuity_recommend_list .swiper-slide {display: flex; justify-content: center; align-items: center; height: calc((100% - 30px) / 2) !important;} .commuity_recommend_list .swiper-pagination-fraction {width: 50px;background-color: #222222e0!important;color: #fff!important;border-radius: 20px;padding: 5px 10px;} .commuity_recommend_list img {width:100%; } .commuity_recommend_list .swiper-pagination-current {font-weight:bold;} .commuity_recommend_list .swiper-horizontal>.swiper-pagination-bullets, .commuity_recommend_list .swiper-pagination-bullets.swiper-pagination-horizontal, .commuity_recommend_list .swiper-pagination-custom, .commuity_recommend_list .swiper-pagination-fraction { left: 50%; transform: translate(-50%, -50%);width: 100%;} .commuity_recommend_list .swiper-pagination-bullet-active {background: #555;} .commuity_recommend_list.swiper-android .swiper-slide, .commuity_recommend_list.swiper-ios .swiper-slide, .commuity_recommend_list .swiper-wrapper {transform: translate3d(0px,0,0);padding-bottom: 40px;} .commuity_recommend_list .cr_list_wrap {border:1px solid #ddd; height:140px; flex:1; padding:10px 20px;box-sizing:border-box; border-radius:10px; margin-right:10px;display:flex; justify-content: space-around;align-items: center;} .commuity_recommend_list .cr_list_wrap .board-txt {flex:1; display:flex; flex-direction: column; margin-right:10px;} .commuity_recommend_list .cr_list_wrap .board-txt p {font-weight:bold; font-size:14px; color:#222; margin-bottom:5px; -webkit-line-clamp:2; height: 20px;line-height: 20px; overflow:hidden; } .commuity_recommend_list .cr_list_wrap .board-txt span {-webkit-line-clamp:2; height: 36px;line-height: 18px; overflow:hidden; margin-bottom:7px; font-size:14px;} .commuity_recommend_list .cr_list_wrap .board-txt em {font-size: 13px;color: #888;display: block;margin: 10px 0;} .commuity_recommend_list .cr_list_wrap img {width:100px; border-radius:5px;height: 100px; object-fit: cover;} .commu_write input {border:1px solid #ddd; width:100%; padding:10px; } .commu_write textarea {border:1px solid #ddd; width:100%; padding:10px; margin-top:10px; height:200px;} .select-box label {display:none;} .select-box select { width: 100%; box-sizing:border-box; padding: .8em .5em; margin-bottom:10px; border: 1px solid #ddd; background: url('/images/common/ico_select_arrow.png') no-repeat right 50%; border-radius: 0px; -webkit-appearance: none; -moz-appearance: none; color:#555; appearance: none;} .select-box select::-ms-expand { display: none;} .UploadManagerWrapper_wrap_LpLjq {display: flex;} .MediaUploadDisplay_wrap_8uEMq {position: relative;flex: 0 0 auto;background-color: #f8f8f8;} .Uploadul { flex: 0 1 auto; margin-top: -1px; line-height: 100%; font-size: 12px; color: #767678; white-space: pre-line; margin-left: 12px;} .MediaUploadDisplay_label_8V3Us { position: absolute; top: 50%; width: 100%; transform: translateY(-50%); line-height: 1.24; font-size: 13px; color: #929294; text-align: center; white-space: pre-line; } .broadcast input, .broadcast textarea, .broadcast select, .broadcast table, .broadcast button { font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Helvetica","Apple SD Gothic Neo","Arial","Malgun Gothic","맑은 고딕","Dotum","돋움",sans-serif; } .UploadDescContainer_item_LYiVh { position: relative; padding-left: 8px; } .answer_empty {padding: 30px 0;display: flex;flex-direction: column;align-items: center;justify-content: center;} .answer_empty img {margin:20px 0;} .answer_empty p {font-size:16px; color:#222; font-weight:bold; } .answer_empty span {font-size:14px; color:#555; margin-top:10px; } /* checkboxB */ .community_select_c_w .checkboxB { font-size:16px; display: inline-block;position: relative;} .community_select_c_w .checkboxB input {display: inline-block;position: absolute;left: 0;top: 0;opacity: 0;filter: alpha(opacity=0);cursor: pointer;} .community_select_c_w .checkboxB label {cursor: pointer;padding-left: 25px; margin-right:10px; display: inline-block;vertical-align: top;position: relative;z-index: 2;line-height: 20px;color: #252525;letter-spacing: -0.8px; } .community_select_c_w .checkboxB label:before {position: absolute;left: 0;top: 3px;content: "";width: 20px;height: 20px;vertical-align: middle;background: url("/images/sub/login_radio.png") no-repeat 0 0;-webkit-background-size: 100% auto;background-size: 100% auto;} .community_select_c_w .checkboxB input:checked+label:before {background-image: url("/images/sub/login_radio_o.png");} .community_select_c_w {margin-bottom:10px;} .community_select_c_w .txt { line-height:120%;} .community_select_c_w .txt p {font-size:16px; color:#222; display: flex; align-items: center;} .community_select_c_w .txt p span {color:#fff; margin-left:5px;} .community_select_c_w .txt span {font-size:13px; color:#999; } .community_select_c_w .txt p:has(.ico_verification) {color: #8E2DE2; font-weight:bold; } #community_nation_select .top {display:flex;justify-content:space-between; margin-bottom:20px; color:#222;} #community_nation_select .top p {font-size:16px; font-weight:bold; color:#222;} #community_nation_select .community_sele_done {color:#0087ff!important;} #community_nation_select .comnunity_search_before{margin:15px 0; padding-bottom:10px; border-bottom:1px solid #ddd;} #community_nation_select .comnunity_search_before a {font-size:14px; color:#777;background-color:#f0f0f0; border-radius:10px; padding:5px 10px; margin:0px 10px 0 0;} .community_nation_select_menu_btn { background-color:#fff; border:1px solid #ddd;width:100%; max-width:1020px; box-sizing:border-box;color:#333; font-size:15px; border-radius:10px; padding:10px 0; text-align:center; height: auto; margin:0px auto 20px auto; z-index: 1; cursor: pointer; } .community_nation_select_menu_close { width: 50px; height: 50px; position: absolute; right: 0px; top: 0px; background-image: url("http://s1.daumcdn.net/cfs.tistory/custom/blog/204/2048858/skin/images/close.png"); background-size: 50%; background-repeat: no-repeat; cursor: pointer; display:none; } #community_nation_select { width: 100%; max-width:1000px; height: 80%;box-sizing:border-box; position: fixed; bottom: -100%; left: 50%; padding:20px; transform: translate(-50%, -0%); z-index: 999; border-radius:20px; background-color: white; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; overflow:hidden; background-color:#fff; } .select_hegiht_auto {height:auto!important;} .community_nation_select_inner_wrap { position:relative; margin:20px 0; height:90%; overflow-y:auto; flex:1;} .modal_select_inner { position:relative; margin:20px 0; height:90%; overflow-y:auto; flex:1;} #community_nation_select .category_menu_inner {width:96%; height:100%;overflow-y:scroll; display: flex;flex-direction: column;justify-content: space-between; padding:10px 2%;} #community_nation_select.open {left: 50%;bottom: 50%; transform: translate(-50%, 50%);} #community_nation_select .category_menu_inner h3 { padding:0px 10px 0px 10px; margin-top:5px; color:#fff; } #community_nation_select .category_menu_inner h4 {color:#624dd4; } #community_nation_select .category_menu_inner ul {display:flex;align-items: center; justify-content: center;align-content: center; margin-top:20px;} #community_nation_select .category_menu_inner li { width:16%; text-align:center; font-size:17px; line-height:110%;} #community_nation_select .category_menu_inner li img {height:50px; margin-bottom:10px;} /*항공권 선택*/ .flyight_ul_menu {gap:10px; flex-direction:column!important; margin-top:0!important; width:100%!important; box-sizing:border-box;} .flyight_ul_menu li {position:relative; display:flex; align-items:center; width:100%!important; text-align:left!important; background-color: #eaf9ff!important;box-sizing:border-box; color: #2e8eb3!important;border: 1px solid #a6d2eb!important; padding: 15px 20px; border-radius:10px; } .flyight_ul_menu li p {color:#14779d; font-weight:bold; font-size:16px; margin-bottom:5px;} .flyight_ul_menu i {position:absolute; right:10px; top:50%; transform: translateY(-50%);} .flyight_flex_row {display:flex!important; flex-direction: row!important; } .flyight_flex_row li {padding:20px 30px;} .flyight_flex_row .ico { ; margin-right:15px; border:1px solid #a6d2eb; border-radius:50%; width:80px; height:80px;} .flyight_flex_row .ico01 {background:#fff url("/images/sub/fly_in_icon01.png") no-repeat 50% 50% / 40px;} .flyight_flex_row .ico02 {background:#fff url("/images/sub/fly_in_icon02.png") no-repeat 50% 50% / 40px;} /*미나야부탁해*/ .qna_wrap { max-width:1020px; width:100%; margin:0 auto;box-sizing:border-box;} .qna_wrap .qna_top { border-radius:20px;background-color:#9475f5; padding:40px 20px; margin-bottom:10px;box-sizing:border-box; text-align:center; } .qna_wrap .qna_top img {max-width:300px;} .qna_wrap .qna_top h3 {color:#fff; } .qna_wrap .qna_top h4 {color:#fff; } .qna_wrap .qna_top p { color:#ffffffc4; margin-top:10px;} .qna_wrap .qna_top_flex {display:flex;align-items: center; justify-content: center; gap:30px;} .qna_wrap .qna_top_flex .qna_top_right {text-align:left;} .qna_form_flex {display:flex; gap:10px; margin:0 auto; width:90%; } .qna_wrap .list li {position:relative;} .qna_wrap .list li .qna_list {width:100%; border:1px solid #ddd; box-sizing:border-box; padding:20px; border-radius:15px; margin:5px 0;} .qna_wrap .list li .qna_list .state_icon img { width:13px; opacity:0.8} .qna_wrap .list li .qna_list em {display:inline; color:#fff; padding:5px 10px; border-radius:20px; background-color:#582cdf; overflow:hidden;} .qna_wrap .list li .qna_list .qna_title01 {font-size:18px; color:#222; font-weight:bold; margin:10px 0;} .qna_wrap .list li .qna_list .qna_txt {position:relative; padding-left:42px; height: 38px; line-height:1.4; font-size:14px;display: -webkit-box;white-space: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;text-overflow: ellipsis;overflow: hidden;}.qna_wrap .list li .qna_list .qna_txt:before {content: '';position: absolute;left: 0;top: 0;width: 38px;height: 38px;background: #ede1ff url("/images/main/m_icon_17.png") no-repeat 40% bottom / 25px;border-radius:100%; } .qna_wrap .list {width: calc(100% - 20px); margin:0 auto; } .qna_wrap .list li .qna_list .qna_date {float:right; margin-top:10px; color:#999; font-size:13px;} .qna_wrap .list li .qna_list .top_flex {display:flex; align-items:center;} .qna_wrap .list .best .qna_list {border:2px solid #582cdf!important; box-sizing:border-box;} .qna_wrap .list .best_em {background-color:#ff5011; color:#fff; display:block; padding:4px 7px; border-radius:20px; margin-left:5px;} .qna_wrap .list li .qna_list .c_tag { margin-top:10px; float:right;} .qna_btn {display:block; display:flex; gap:10px; width:100%; justify-content:center; color:#fff;padding:15px 10px;font-size:16px; text-align:center; border-radius:10px; margin-bottom:5px; box-sizing:border-box;} .qna_btn_01 { background-color:#582cdf; width:100%;} .qna_btn_02 { background-color:#24115f; width:100%;} .qna_list_btn { background-color:#24115f;color:#fff!important; width:100%;} .nation_search {width:100%;} .nation_search .faq_search a {background-color: #555; border-radius:5px;} .nation_search .faq_search {min-width: 750px; } .nation_search .faq_search .input_box input {background-color:#f6f6f6;} .nation_search .faq_search .input_box input {border-radius: 5px;} .nation_search .formWrap select.formControl {border-radius: 5px;} .faq_search { min-width:550px;margin: 0 auto;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center; align-items: center;padding-top: 20px;} .faq_search .input_box {width: calc(100% - 50px);background: #fff;height: 50px;border-radius: 25px;} .faq_search .input_box input {border-radius: 25px;border-color: #c9c9c9;} .faq_search a {margin-left: 10px;width: 50px;height: 50px;background: #4f2c9e url(/images/sub/header_form_search.png) no-repeat 50% 50%;background-size: 45%;text-indent: -9999px;border-radius: 100%;} .faq_search .btn_search { cursor:pointer; margin-left: 10px;width: 50px;height: 50px;background: #532ca0 url(/demo/images/header_form_search.png) no-repeat 50% 50%;background-size: 50%;text-indent: -9999px;border-radius: 100%;} .faq_search .input_box input { border: 1px solid #ddd; width: 100%; height: 100%; padding: 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .2s; transition: all .2s; } .hide { display: none; height: 0; font-size: 0 !important; visibility: hidden; line-height: 0 !important; margin: 0 !important; padding: 0 !important; border: none !important; width: 0 !important; } .formWrap {display:flex; gap:10px; width:100%; margin:20px auto 0 auto; box-sizing:border-box;} .formWrap select {flex:1; box-sizing:border-box;} .formWrap select.formControl {padding: 15px 31px 15px 15px;border-radius: 25px;font-size: 14px;color: #777; border:1px solid #ddd;background: #fff url("/images/sub/icon_down_arrow.gif") calc(100% - 10px) center no-repeat} .formWrap .formControl option[disabled=""] {color: #bebebe;background: #ededed} .formWrap textarea.formControl {height: inherit;padding: 12px 13px;font-size: 16px} .printArea #detail-wrap #detail-left {width: 100%;float: none} .printArea .coupon_popbox {max-width: 655px;margin: 0 30px} .notiTxt {display: block;font-size: 14px;line-height: 20px;color: #363636;position: relative;padding-left: 10px;text-align: left;margin: 15px 0} .notiTxt:before {display: block;content: '';width: 4px;height: 4px;border-radius: 50%;position: absolute;top: 8px;left: 0;background: #a5a5a5} .formWrap .formLabel {display: block;font-size: 14px;line-height: 38px;margin: 0} .formWrap02 {display:flex; gap:10px; max-width: 1020px; width:100%; margin:0px 0 0 0; box-sizing:border-box;} .formWrap02 select {flex:1; box-sizing:border-box;} .formWrap02 select.formControl {padding: 15px 31px 15px 15px;border-radius: 5px;font-size: 14px;color: #777; border:1px solid #ddd;background: #fff url("/images/sub/icon_down_arrow.gif") calc(100% - 10px) center no-repeat} .formWrap03 {float:right; display:flex; width:auto; margin:10px 0 0 0; overflow:hidden; box-sizing:border-box;} .formWrap03 select { box-sizing:border-box;} .formWrap03 select.formControl {padding: 15px 31px 15px 15px; min-width:300px; border-radius: 5px;font-size: 14px;color: #777; border:1px solid #ddd;background: #fff url("/images/sub/icon_down_arrow.gif") calc(100% - 10px) center no-repeat; box-sizing:border-box;} .formWrap03 .btn { background-color:#555; margin-left:5px; font-size:24px; line-height:48px; height:48px; color:#fff; display:inline-block;padding: 0 15px; border-radius:5px; } /* 게시판 뷰 */ .board_con_inner {margin:40px 0px;} .board_view .board_tit {position: relative;padding: 10px 20px;border-top: 2px solid #707070;border-bottom: 1px solid #dbdbdb;} .board_view .board_tit h3 {padding: 0 100px 0 0;color: #333;font-size: 2.8rem;line-height: 1.5;font-weight: 700;} .board_view .board_tit .date {position: absolute;right: 20px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 100px;text-align: right;color: #999;line-height: 1.5;font-weight: 400;} .board_view .board_con {padding: 20px 30px;min-height: 300px;border-top: none;} .board_con {border-top: 2px solid #333; margin:40px auto;} .board_con h6 {padding: 20px 10px; font-weight:bold;} .board_con .board_info {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify; justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding: 10px 40px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;} .board_con .board_info li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;} .board_con .board_info li span {line-height: 30px;font-weight: 400;color: #333;} .board_con .board_info li span:first-of-type {line-height: 30px;font-weight: 700;color: #333;margin-right: 20px;} .board_con .board_info .star_wrap li {width: 16px;height: 15px;} .board_con .txt_con {padding: 30px 10px;border-bottom: 1px solid #e2e3e4; font-size:16px;} .board_con .answer_box {margin-top: 20px; border-radius:10px; position: relative;background: #f7f2ff;border: 1px solid #d8b4ff;padding: 30px;} .board_con .answer_box .txt {padding-left: 50px;line-height: 150%; font-size:15px; font-weight: 500;color: #666;position: relative;} .board_con .answer_box .txt:before {content: '';position: absolute;left: 0;top: 0;width: 44px;height: 44px;background: #ede1ff url("/images/main/m_icon_17.png") no-repeat 40% bottom / 30px;border-radius:100%;} .board_con .answer_box .date {display: block;padding-top: 20px;line-height: 1.5;font-weight: 500;color: #999;} .board_con .board_page_wrap {border-top: none} /*비디오 NEW*/ .video_container {position: relative; width:100%; display: inline-block; } .video_container:before { content: ""; position: absolute; left: 0; top: 0; width: 100%; border-radius: 10px; height: 6rem; background: linear-gradient(360deg,transparent,rgba(0,0,0,.7)); pointer-events: none; z-index:9; } .video_list .v_img {border-radius:10px; height:400px;object-fit:cover;width:100%; position:relative;} .video_container .play_num {position:absolute; right:15px; top:20px; font-size:14px; color:#fff; opacity:0.8; letter-spacing:-1px;z-index:9;} .video_container .swiper_txt { width:90%; text-align:left; position:absolute; top:20px; left:15px;color:#fff;z-index:9; } .video_container .swiper_txt .swipter_nation_p { color:#fff; line-height:110%;} .video_play-button { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; background: url(play_button.png) no-repeat; background-size: cover; cursor: pointer; } .video_container .video_btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-shadow: 4px 4px 8px rgba(0,0,0,0.6); transition:0.2s; background-color:#c80000; padding:12px 18px 8px 20px; border-radius:10px; } .video_container .video_btn img {max-width: 16px; width:100%; border-radius:0;} .video_container a:hover .video_btn {background-color:#9f0000; transition:0.2s;} #videoModal {padding:0; background:none; border:4px solid #fff; border-radius:3px;} .video_pop video {width:100%; height:100%; padding:0; max-width:700px; max-height:700px; } .img_pop video {width:100%; height:100%; padding:0; max-width:700px; max-height:700px; } .img_pop img {width:100%; height:100%; padding:0; max-width:700px; max-height:700px;} .image_only .fancybox-content {overflow: hidden!important;} .fancybox-slide img {width:100%;} .fancybox-content {background:#000!important; padding: 0!important;border-radius:10px;} .fancybox-close-small {opacity: 1!important;padding: 8px!important;box-shadow: 4px 4px 4px rgba(255, 255, 55, 0.05);} .fancybox-button svg {color: #000; background: #ffffff4d;border-radius: 50%;} .swiper_now_shorts_wrap .image_only .video_btn {display:none;} /* 기본 게시판 */ .general_board {margin-top:5px; margin:40px auto; width:100%; max-width:1020px;border-bottom:1px solid #ddd; } .general_board thead th {padding:15px 5px; border-top:1px solid #484848; background-color:#fff; border-bottom:1px solid #ddd; text-align:center; color:#333; font-size:16px;} .general_board tbody td {padding:10px 15px; font-size:16px;border-bottom:1px dotted #ccc; text-align:center; } .general_board tbody td a:hover {color:#6E64D7;} .general_board tbody tr:hover {background:#F3F5F8;} .general_board tbody td.title {text-align:left;} .general_board tbody td.title span {margin-left:10px;} .general_board .ico {font-weight:bold; background-color:#FFE3E4; color:#f15c62; border:1px solid #f15c62; display:inline-block; padding:3px 15px; border-radius:3px;} .general_board .gonggi {background-color:#f6f6f6;} @media (max-width:1000px) { .btn_border_red { width: 65px;padding:6px 7px; border-radius:20px;} .btn_border_gray { width: 65px; padding:6px 7px;border-radius:20px;} .button_gray_s { padding:10px 20px;} .button_gray02_s { padding:10px 20px;} .button_gray { padding:10px 20px;} .button_gray02 { padding:10px 20px;} .button_blue { padding:10px 20px;} .button_blue02 { padding:10px 20px;} .button_write { padding:10px 20px;} .button_write02 {padding:10px 20px;} .bbs-cnt02 {margin:10px 0 20px 0; } .button_blue_s { padding:10px 15px;} .button_blue02_s{ padding:10px 15px;} .board_con_inner {margin:40px 10px;} /*이전글다음글*/ .movepage li {padding:15px 5px; } .movepage li.prev { background:url("/images/sub/ico_paging_prev2.gif") no-repeat 10px 20px;} .movepage li.next {background:url("/images/sub/ico_paging_next2.gif") no-repeat 10px 20px;} .movepage li strong { font-size:1em; padding-right:30px;background:url("/images/sub/ico_bullet_07.gif") no-repeat 35px 6px;} .movepage li a { font-size:1em;} /*파일*/ .bi_file {padding:15px 0;} .bi_file span {font-size:1.1em; padding:30px 0 20px 48px; background: url('/images/sub/ico_file02.gif') no-repeat left 18px;} .video_list .v_img { height:350px; } } /* Mobile Device 최소 ~ 최대 589 */ @media (max-width:900px) { .faq_search {min-width: 300px;} .nation_search .faq_search {min-width: 300px; } .commuity_recommend_list .swiper-slide { flex-direction: column!important;} .paging-area a {min-width:35px; height:32px; line-height:2.2;} .paging-area a.prev {text-indent:-9999px; background:url(/images/sub/ico_paging.png) -92px center no-repeat} .paging-area a.next {text-indent:-9999px; background:url(/images/sub/ico_paging.png) -127px center no-repeat} .paging-area a.first { background-position:10px center} .paging-area a.last { background-position: -35px center} .paging-area02 a {min-width:35px; height:32px; line-height:2.2;} .paging-area02 a.prev {text-indent:-9999px; background:url(/images/sub/ico_paging.png) -92px center no-repeat} .paging-area02 a.next {text-indent:-9999px; background:url(/images/sub/ico_paging.png) -127px center no-repeat} .paging-area02 a.first { background-position:10px center} .paging-area02 a.last { background-position: -35px center} .board_write { width:100%; padding:15px 0 0;} /* 기본 게시판 */ .general_board thead th {padding:15px 5px;font-size:1.1em;} .general_board tbody td {padding:20px 5px; font-size:1.1em;} .board-city-flex_wrap { flex-direction: column;} .btn_half {flex:1; width:100%; display:flex; gap:5px; } .video_list .v_img { height:250px; } .flyight_flex_row li { padding: 15px 20px;} .flyight_flex_row .ico {width: 60px;height: 60px;} .flyight_flex_row .ico01 {background-size: 30px;} .flyight_flex_row .ico02 {background-size: 30px;} } /* Mobile Device 최소 ~ 최대 589 */ @media (max-width:689px) { .board_enter {display:block;} .view_wrap h4 {margin-left:10px;} .dp_pc {display:none;} .board-view-cont img {width:100%;} .commuity_recommend_list {margin-top: 0px;} .commuity_recommend_list .swiper-slide .cr_list_wrap {border: 0; border-radius:0; border-bottom:1px solid #ddd; height:auto; padding:10px 0 10px 0; margin-right:0px; margin-bottom:10px!important; align-items: flex-start;} .commuity_recommend_list .swiper-slide {border: 0;padding: 0; flex-direction: column!important;} .commuity_recommend_list .cr_list_wrap .board-txt p {font-size:13px;} .commuity_recommend_list .cr_list_wrap .board-txt span { font-size: 12px; height: 30px; line-height: 15px;} .commuity_recommend_list .cr_list_wrap img {height: 80px;} .commuity_recommend_list .cr_list_wrap .board-txt p {margin-bottom:0} .commuity_recommend_list .cr_list_wrap .board-txt em {margin: 5px 0;} /*view 게시판*/ .table_view tbody th {padding:10px 2px; font-size:1.0em; } .table_view tbody td {padding:10px 10px; font-size:1.0em; } /*버튼*/ .button_write { font-size:1.0em;padding:15px 20px; margin-bottom:5px;} .button_write02 { font-size:1.0em;padding:15px 20px;margin-bottom:5px;} .button_write03 { font-size:1.0em;padding:15px 20px;margin-bottom:5px;} .button_gray { font-size:1.0em;padding:15px 20px;margin-bottom:5px;} .button_blue { font-size:1.0em;padding:15px 20px;margin-bottom:5px;} .button_blue02 { font-size:1.0em;padding:15px 20px;margin-bottom:5px;} /*쓰기 게시판*/ .table_write tbody th {padding:10px 5px; font-size:1.1em;line-height:130%; background-color:#F7F7F7; text-align:center; border-top:1px solid #ddd; } .table_write tbody td {padding:10px 5px; font-size:1.1em; border-top:1px solid #ddd; line-height:140%; } .table_write textarea {width:100%; padding:10px; font-size:14px;} .table_write li {font-size: 14px;} /*쓰기 게시판*/ .table_write02 tbody th {padding:10px 3px; font-size:1.1em; } .table_write02 tbody td {padding:10px 3px; font-size:1.1em; line-height:140%; } .table_write02 textarea {width:100%; padding:10px; font-size:14px;} /* 기본 게시판 */ .general_board thead th {padding:15px 5px;font-size:13px;} .general_board tbody td {padding:15px 5px; font-size:13px;} .file-box {margin-top:10px;} .file-box .upload-name { width: 100%; box-sizing:border-box;} /* paging */ .paging-area a { min-width:30px; height:30px; line-height:2;} .paging-area a.prev {background:url(/images/sub/ico_paging.png) -91px center no-repeat} .paging-area a.next { background:url(/images/sub/ico_paging.png) -125px center no-repeat} .paging-area a.first {background:url(/images/sub/ico_paging.png) 10px center no-repeat} .paging-area a.last { background:url(/images/sub/ico_paging.png) -35px center no-repeat} .textarea02 textarea{padding:0!important;} .comm_chat_bnt { padding:10px 0px; width:100%; box-sizing:border-box; font-size:14px; } /*버튼*/ .board-view-btns a {width:100%; text-align:center;} /*view 게시판*/ .table_view tbody th {padding:10px 2px; font-size:1.0em; } .table_view tbody td {padding:20px 10px; font-size:1.0em; } .table_write .textarea02 {padding: 6px 5px;font-size: 1.1em;} .commuity_recommend_list.swiper-android .swiper-slide, .commuity_recommend_list.swiper-ios .swiper-slide, .commuity_recommend_list .swiper-wrapper { padding-bottom: 30px;} .commuity_img.swiper-android .swiper-slide, .commuity_img.swiper-ios .swiper-slide, .commuity_img .swiper-wrapper { padding-bottom: 30px;} .community_select_popup { border-radius:0px; height:100vh; border:0;} .community_select_c_w .txt p {font-size:14px; } .community_select_c_w .txt span {font-size:12px; } .community_select_c_w .txt { line-height: 100%;} .community_select_c_w .checkboxB label:before { top: 0;} #community_nation_select.open {bottom: 0%;transform: translate(-50%, 0%);} #community_nation_select {border-radius: 20px 20px 0 0; padding:10px;} .qna_wrap .list li .qna_list {padding: 10px;} .qna_wrap .list li .qna_list .qna_title01 {font-size: 14px; margin: 3px 0 5px 0;} .qna_btn {font-size:14px; flex-direction: column; gap:5px; } .qna_wrap .list li .qna_list em { font-size: 12px;} .qna_wrap .qna_top img {max-width: 160px;} .formWrap {flex-wrap: wrap; gap:10px 5px;} .formWrap select:nth-child(3) {width:100%;} .formWrap select.formControl {padding: 10px 30px 10px 15px;background-position: calc(100% - 15px) center;} .formWrap02 {flex-wrap: wrap; gap:10px 5px;} .formWrap02 select:nth-child(3) {width:100%;} .formWrap02 select.formControl {padding: 10px 30px 10px 15px;background-position: calc(100% - 15px) center;} .faq_search a {margin-left: 5px; width:40px; height:40px;} .faq_search .input_box {width: calc(100% - 40px);height: 40px;} .faq_search { padding-top: 10px;} .faq_search .btn_search {margin-left: 5px;width: 40px;height: 40px;} .formWrap select.formControl {padding: 0px 31px 0px 15px;height: 40px;} .formWrap {margin: 10px auto 0 auto;} .qna_form_flex {width: 96%;} .board_con { margin: 20px auto;} .board_con_inner {margin: 20px 10px;} .board_con .board_info {padding: 10px;-ms-flex-wrap: wrap;flex-wrap: wrap;} .board_con .answer_box .txt:before {position: static;display: block;margin: 0 auto 10px;} .board_con .answer_box .txt {padding-left: 0px; font-size:14px;} .board_con h6 {padding: 10px; font-size:15px;} .board_con .txt_con { font-size:14px;padding: 20px 10px;} .board_con .answer_box {padding: 20px;} .board_con .answer_box .date {padding-top: 10px;} .board_con .board_info li span:first-of-type {margin-right: 4px;} .board_con .board_info li {letter-spacing: -1px;} .qna_wrap .qna_top {padding: 30px 20px;} .formWrap03 { width:100%; } .formWrap03 select.formControl { flex:1; min-width: auto; width: 100%;} .community_write_btn {position:fixed; line-height:50px; display:block!important; text-align:center; right:10px; bottom:19%; z-index:99; width:50px; height:50px; background-color:#7b1ac6; color:#fff; border-radius:50%; display:flex; align-items: center; justify-content: center; box-shadow: 4px 2px 4px rgba(0,0,0,0.25); padding:0;} .board-city-flex { flex-direction: column; align-items: flex-start;} .board-city-flex .board-city-flex-input { margin-right: 0px; margin-bottom:10px; width:100%!important;} .btn_half {flex:1; width:100%; display:flex; gap:5px; } .board_search + a.btn_write { } .video_container .video_btn {padding: 8px 12px 4px 14px;} .video_container .video_btn img {max-width: 14px;} .flyight_flex_row {flex-direction: column!important; margin-bottom:20px;} .qna_wrap .qna_top_flex {gap: 0 20px;flex-direction: column;} .qna_wrap .qna_top p {display:none;} .qna_wrap .qna_top_flex .qna_top_right {text-align: center;} .faq_search {min-width: 260px;} .nation_search .faq_search { min-width: 260px; } .qna_wrap .qna_top h4 {color: #ffffffdb;font-weight: normal;font-size: 14px;} } @media (max-width:500px) { .qna_form_flex {flex-direction: column;} .faq_search {min-width: 100%;} .nation_search .faq_search {min-width: 100%;} .faq_search {padding-top: 0;} .qna_wrap .qna_top {padding: 20px ;} .qna_wrap .qna_top img {max-width: 120px;} .img_pop video { max-width:100%; max-height:100%; } .commuity_img img { height: 270px;} } @media (max-width:400px) { .table_write input[type="text"], .table_write input[type="password"], .table_write select {padding: 6px 5px;} .general_board tbody td {padding: 10px 3px;} /*버튼*/ .button_write { font-size:13px;padding:10px 15px; margin-bottom:5px;} .button_write02 { font-size:13px;padding:10px 15px;margin-bottom:5px;} .button_write03 { font-size:13px;padding:10px 15px;margin-bottom:5px;} .button_gray { font-size:13px;padding:10px 15px;margin-bottom:5px;} .button_blue { font-size:13px;padding:10px 15px;margin-bottom:5px;} .button_blue02 { font-size:13px;padding:10px 15px;margin-bottom:5px;} .commuity_img.swiper-android .swiper-slide, .commuity_img.swiper-ios .swiper-slide, .commuity_img .swiper-wrapper { padding-bottom: 15px;} } /*********************** KYC 추가 ************************************/ .reponsive_wrap .swipe_box .ctg { color: #888; padding: 7px 12px; font-size: 13px; font-weight: 500; box-sizing: border-box; border: 1px solid #e5e5e5; border-radius: 100px; } /*.swipe_box ul li a:hover { background:#e5e5e5 }*/ .reponsive_wrap .swipe_box .hit .ctg { color: #000; font-weight: 600; color: #333; border-color: #333; background: #fff !important; }