@charset "utf-8"; @import url( kq_view_reset.css ); @import url( share_reset.css ); @import url( board_form.css ); #sub-container .board-wrap [class*='sec'] h3, #sub-container .board-wrap [class*='sec'] h2{text-align:left; transition:none; -webkit-transition:none;text-transform:none;} #sub-container .page-wrap > .board-section{padding:0} #sub-container .page-wrap > .board-section .top-text{margin-bottom:40px;} #sub-container .board-wrap > p.txt{font-size: 17px; letter-spacing:-0.5px; color: #222; text-align: center; line-height:1.7;} /* date/hit 수 정렬 */ .tab-menu.sort {float:left;margin-top:-20px; margin-bottom:-2px} .tab-menu.sort > li {position:relative; z-index:0} .tab-menu.sort > li.on {border-bottom: 2px solid #555;} .tab-menu.sort > li.on > a { color: #222; font-weight: bold; } .tab-menu.sort > li > a { padding: 20px 40px; font-size: 17px; font-weight: 100; color: #888; min-width: 30px;} .tab-menu > li { float: left; } .tab-menu > li > a { display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 17px; font-weight: bold } .tab-menu > li:first-child{ background:url(../img/board/page_view_depth_line.png) no-repeat right center;} .board-wrap {padding:0} .board-wrap .text-areabx{font-size:17px;line-height:1.706em; letter-spacing:-0.03em; color:#555 } .board-counter { text-align:right;font-size:14px; margin-top: 27px; margin-bottom:20px } .board-counter > p {display: inline-block;vertical-align: middle; margin-left: 16px;} .board-counter > p span {font-size: 17px; font-weight: bold; vertical-align:bottom; letter-spacing:-1.5px;margin-left:8px;} /*.board-counter p:nth-child(2){display:none}*/ .board-counter > p.bdsns-icon {float:left;text-align:left;margin-top:0; margin-left:0} /* mypage tab */ .tab-board{ overflow:hidden; margin-bottom:60px;} .tab-board > li{float:left;width:33.35%; border:1px solid #eee;margin-left:-1px;position:relative} .tab-board > li:first-child{margin-left:0} .tab-board > li > a{display:block;height:68px; line-height:68px;text-align:center;} .tab-board > li.on {background:#26ae6a;border:1px solid #26ae6a; z-index:100} .tab-board > li.on a{color:#fff; font-weight:600;} .board-view > .board-content .warning {color:#ff615f; padding:20px 45px; background:#f7f7f7 url('../img/board/icon_page_column_point.png') 20px 24px no-repeat; margin-bottom:30px;font-size: 14px;letter-spacing:-0.01em;line-height:1.7;} .board-view > .board-content .warning.white-bg {color:#ff615f; padding:20px 45px; background:#ffffff url('../img/board/icon_page_column_point.png') 20px 24px no-repeat; margin-bottom:30px;font-size: 14px;letter-spacing:-0.01em;line-height:1.7;} .board-view > .board-content .warning > span {color:#333;} /*bbs : list*/ .board-list {} .board-list > table {border-top:2px solid #eee; width:100%; table-layout:fixed} .board-list > table > thead{display:none} .board-list > table > thead th {border-bottom:1px solid #eee; color:#333; padding:30px 0;} .board-list > table > tbody td {border-bottom:1px solid #eee; color:#333; padding:30px 0;text-align:left; vertical-align:middle} .board-list > table > thead th:first-child {padding-left:30px ; text-align: left} .board-list > table > thead th:last-child {padding-right:30px ; text-align:right} .board-list > table > tbody td.web {font-size:14px;} .board-list > table > tbody td.web span {color:#aaa; display:inline-block;margin-right:10px; vertical-align:bottom} .board-list > table > tbody td a {color:#333;text-align:left;font-weight:bold} .board-list > table > tbody td:first-child{padding-left:15px;color:#26ae6a; text-align:left;font-weight:600} .board-list > table > tbody td:last-child{padding-right:15px} .board-list > table > tbody td:nth-child(2){text-align:left;} .board-list > table > tbody tr:hover{background:#f4f7f6;} .board-list > table .info-box {display:none;} /*bbs : qna-list*/ .qna-list > table > thead{display:none} .qna-list > table > tbody td {font-size:14px;box-sizing:border-box} .qna-list > table > tbody td span{display:inline-block;vertical-align:middle;word-break:keep-all} .qna-list > table > tbody td .cate{color:#26ae6a;padding-right:15px;font-weight:bold} .qna-list > table > tbody td .subj{font-size:16px; color:#333;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} .qna-list > table > tbody > tr:hover{background:none} .qna-list .qna-info-box { float:right;overflow:hidden;} .qna-list .qna-info-box > li{float:left;font-size:14px; font-weight:100;} .qna-list .qna-info-box > li:first-child{margin-left:0;} .qna-list .qna-info-box > li.review{color:#ff3f3f} .qna-list .qna-info-box > li.dates strong, .qna-list .qna-info-box > li.hit strong{color:#aaa;display:inline-block; margin-right:15px; font-weight:100} /*G qna적용*/ .qna-list > table > tbody td .cate{overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} .qna-list > table > tbody td .subj{max-width:34%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} .qna-list > table > tbody td .subj input[type="submit"] {font-size:15px; font-weight:bold;} .qna-list .qna-info-box > li{text-align: center;padding:0 10px;word-break:keep-all; word-break:break-all } .qna-list .qna-info-box > li:first-child{padding-left:0;} .qna-list .qna-info-box > li.file{width:30px} .qna-list .qna-info-box > li.user{width:120px;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} .qna-list .qna-info-box > li.review{width:130px} .qna-list .qna-info-box > li.dates{width:160px;} .qna-list .qna-info-box > li.eventdates{width:200px;} .qna-list .qna-info-box > li.hit{width:90px;text-align:right;padding:0;} .qna-list .qna-info-box > li{margin:0} .qna-list > table > tbody td .cate{margin:0} .qna-list > table > tbody td .subj{margin:0} .qna-list.evnt > table > tbody td .subj{ display:inline-block;width:100%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} .qna-list.evnt > table > tbody td .cate{ display:inline-block;font-size:16px;} .qna-list.evnt .qna-info-box > li{text-align:center;padding:0 30px;} .qna-list.evnt .qna-info-box > li:nth-child(1){width:140px} .qna-list.evnt .qna-info-box > li:nth-child(2){width:280px} .qna-list.evnt .qna-info-box > li:nth-child(3){width:120px;text-align:right;padding:0 0 0 30px;} /* blog list*/ .blog-list { } .blog-list > ul { border-top: 2px solid #eee; } .blog-list > ul > li { padding: 33px 0; border-bottom: 1px solid #eee; overflow: hidden; min-height: 100px; outline:none} .blog-list > ul > li:hover, .blog-list > ul > li:focus { cursor: pointer; } .blog-list > ul > li.nodata { min-height: auto; text-align: center; } .blog-list > ul > li > .thumnails { float: left; width: 320px;} .blog-list > ul > li > .thumnails > img { width: 280px; height: 170px; } .blog-list > ul > li > h3 { font-size: 22px; color: #333; margin-bottom: 25px; font-weight: bold } .blog-list > ul > li > h3:hover { text-decoration: underline } .blog-list > ul > li > .text { display: block; color: #555; line-height: 1.6; margin-bottom: 40px; word-wrap: break-word; } .blog-list > ul > li > .text a { color: #666; } /* all search list */ .board-allSer::after{display:block;visibility:hidden;height:0;font-size:0;clear:both; content: '';} .board-allSer .search-counter {margin-bottom:20px; /*text-transform:uppercase;*/ vertical-align:top; overflow:hidden} .board-allSer .search-counter h2{vertical-align:top; font-size:18px; letter-spacing:-0.03em; float:left;} .board-allSer .search-counter .chk-box.none, .board-allSer .search-counter .chk-box { float:left; margin-top:-8px; margin-left:30px; padding:0; line-height:0.3} .board-allSer .search-counter .chk-box input[type='checkbox'] + label span{ line-height:1.5} .board-allSer .search-counter span{vertical-align:top; font-weight:100; margin-left:15px; color:#555} .board-allSer .search-counter span:before{content:''; display:inline-block;padding-left:15px; height: 14px; border-left:1px solid #eee} .board-allSer > ul.search-list {border-top: 2px solid #eee;} .board-allSer > ul.search-list > li {padding: 33px 0; border-bottom: 1px solid #eee; overflow: hidden;min-height:100px;display:inline-table; width:100%; table-layout:fixed} .board-allSer > ul.search-list > li h3{font-size: 22px; color: #333; margin-bottom: 20px; font-weight: bold; line-height:1.4em;word-wrap: break-word; white-space: nowrap;text-overflow: ellipsis; overflow:hidden} .board-allSer > ul.search-list > li h3 a{font-size: inherit;font-weight: inherit; line-height:inherit; vertical-align:inherit} .board-allSer > ul.search-list > li .thumnails {float: left; width: 320px;display:table-cell} .board-allSer > ul.search-list > li .thumnails > img {width: 280px;height:180px;} .board-allSer > ul.search-list > li .text { display:block;color: #555; height:55px; line-height: 1.6; margin-bottom:20px; overflow:hidden; word-wrap: break-word; white-space: nowrap;text-overflow: ellipsis; white-space: normal;text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .board-allSer > ul.search-list > li .point{color:#ff4b4b; font-weight:inherit;vertical-align:inherit; line-height:inherit;} .board-allSer > ul.search-list > li .info-box .locat {vertical-align:top;} .board-allSer > ul.search-list > li .info-box > li {margin-bottom:15px;} .board-allSer > ul.search-list > li .info-box > li:nth-child(1){ padding-right: 40px; } .board-allSer > ul.search-list > li .info-box > li:nth-child(2){ padding-left: 0px; } .board-allSer > ul.search-list > li .info-box .locat span{padding-right:0px;vertical-align:top} .board-allSer > ul.search-list > li .info-box .locat span:after{content: ''; padding-right:17px; background: url(../img/board/page_view_next_arow.png) no-repeat 12px 6px;} .board-allSer > ul.search-list > li .info-box .locat span:last-child::after{content: ''; padding-right:0; background:none} .board-allSer > ul.search-list > li > .key-word{overflow:hidden; padding-left:0;} .board-allSer > ul.search-list > li > .key-word > span{float:left;display:block;border:1px solid #ccc;height:30px;line-height:30px; padding:0 15px;text-align:center; color:#555; font-size:14px;border-radius:2px; margin-right:5px; margin-top:5px;vertical-align:top} .board-allSer > ul.search-list > li .key-word span:before{content:'#'} .board-allSer > ul.search-list > li .key-word.pl0{padding-left:0} .board-allSer .highlight{color:#ff4b4b; font-weight:inherit;vertical-align:inherit; line-height:inherit;} .board-allSer > ul.search-list > li .key-word span.highlight:before{content:''} .search-box .tab-menu.sort.fl-r{margin-top:-19px;} .search-box .board-allSer + .board-allSer { margin-top:100px; } .board-allSer .more-bor{float:right; margin-top:20px} .board-allSer .search-counter .chk-box-any.none, .board-allSer .search-counter .chk-box { float:left; margin-top:-8px; margin-left:30px; padding:0; line-height:0.3} #contents .ksearch.board-wrap.search-box {margin:70px auto -120px auto;} #sub-container #contents form + .board-allSer {margin-top:70px} .form-wrap.allSearch .input-box .wSelect{ display:none !important} .form-wrap.allSearch .input-box select{display: block !important;font-size:15px;font-weight:100;padding:0 45px 0 20px; width:280px; height:50px; line-height:37px;box-sizing:border-box;border:1px solid #aaa;color:#333;border-radius:2px; background:url(../img/board/bread_arrow_down.png) #fff right 20px center no-repeat; background-size:10px; width:100%} .search-box #AKCDiv{position:absolute;background:#fff; border:1px solid #aaa; width:100%; z-index:555; border-top:0} /* search ebook */ .board-allSer > ul.search-list.ebook{max-width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-lines:multiple; -ms-flex-wrap:wrap;-moz-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content: center; justify-content:left; -webkit-box-align:start;-ms-flex-align:start;align-items: flex-start; border-bottom:1px solid #eee; padding-bottom:38px} .board-allSer > ul.search-list.ebook > li {float: none; padding:0;margin-top:38px; margin-left:30px;width:270px;box-sizing:border-box; border-bottom:0} .board-allSer > ul.search-list.ebook > li a{font-size:inherit;font-weight: inherit; line-height:inherit; vertical-align:inherit; display:block; position:relative; border:1px solid #eaeaea;box-sizing:border-box; } .board-allSer > ul.search-list.ebook > li a:hover ::before{ content:'e-book view'; position:absolute; top:45%; left:50%;transform:translate(-50%, 0); text-align:center; font-size:0.84em; color:#fff; padding:8px; border:1px solid #fff; border-radius:2px} .board-allSer > ul.search-list.ebook > li .thumnails {float:none; width:100%; height:380px;background-color:#333; display:flex} .board-allSer > ul.search-list.ebook > li .thumnails > img {width:100%;height:inherit;} .board-allSer > ul.search-list.ebook > li a:hover .thumnails > img { opacity:0.15;transition:all 0.3s;} .board-allSer > ul.search-list.ebook > li h3{font-size:16px; color: #333; margin-bottom:0; vertical-align:top; padding:20px 0;letter-spacing:-0.025em;font-weight: bold; line-height:1.4em;word-wrap: break-word; text-align:center; white-space:normal; text-overflow:initial; } .board-allSer > ul.search-list.ebook > li:nth-child(4n+1){margin-left:0} /* more botton */ .board-allSer .sub-veiwMore{color:#555555;text-decoration: none;position: relative;padding-right:26px;/* text-transform:uppercase; */font-size: 14px;letter-spacing:-0.025em;font-weight: 600; font-family:Arial, Helvetica, sans-serif !important} .board-allSer .sub-veiwMore::after{background: url(../img/board/arr_03.gif) no-repeat;width: 16px;height:14px;content: '';display:block;position: absolute;top:0;right:0;} .board-allSer .sub-veiwMore:hover{color:#26ae6a} .board-allSer .sub-veiwMore:hover::after{background: url(../img/board/arr_03_hover.gif) no-repeat;width: 16px;height:14px;content: '';display:block;position: absolute;top:0;right:0;} .blog-list.my-page-list { } .blog-list.my-page-list > ul > li{ position:relative;/* outline:none*/} .blog-list.my-page-list > ul > li:hover, .blog-list.my-page-list > ul > li:focus {cursor:auto} .blog-list.my-page-list > ul > li > .thumnails { float: left;width:27.4%; } .blog-list.my-page-list > ul > li > .thumnails > img { width: 280px; height: 170px; } .blog-list.my-page-list > ul > li > .cate-tit{float: left;font-size:14px; color:#26ae6a; font-weight:600;margin-bottom: 20px;width:55%; } .blog-list.my-page-list > ul > li > h3 {float: left;font-size: 22px; line-height:1.4; color: #333; margin-bottom: 40px; font-weight: bold ;height:56px;width:55%; overflow:hidden; word-wrap: break-word; white-space: nowrap;text-overflow: ellipsis; white-space: normal;text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .blog-list.my-page-list > ul > li > h3:hover {text-decoration:none } .blog-list.my-page-list > ul > li > .info-box {float: left;width:55%;} .blog-list.my-page-list > ul > li > .btn-box {width:10%;min-width:120px;margin-left:5%; position:absolute;right:3px; top:30%} .blog-list.my-page-list > ul > li > .btn-box.mid {top:40%} .blog-list.my-page-list > ul > li .not-found{padding:140px 15px;} .btn-box .list-btn{display:block; background:#fff;text-align:center; border-radius:2px; height:42px; line-height:42px; border:1px solid #aaa; font-size:14px;box-sizing:border-box;font-weight:600} .btn-box .list-btn.grline{border:1px solid #26ae6a; color:#26ae6a; margin-top:10px;} .btn-box .list-btn.gray-love{margin-top:10px; background:url(../img/board/icon_love_black.png) no-repeat center center; font-size:0} .btn-box .list-btn.grline:hover{background:#26ae6a; color:#fff;} .btn-box .list-btn:hover{background:#aaa;color:#fff} .btn-box .list-btn.gray-love:hover{background:#aaa url(../img/board/icon_love_white.png) no-repeat center center; font-size:0} /*like-it*/ ul > li .thumnails .like-it{display:block;position:absolute; bottom:15px; right:20px; background:url(../img/board/icon_love.png) no-repeat center center; width:25px; height:25px; font-size:0} ul > li .thumnails .like-it.on{background:url(../img/board/icon_love_on.png) no-repeat center center;} /* card-list*/ .card-list { padding-top:35px;border-top: 2px solid #eee;} .card-list > ul {overflow:hidden} .card-list > ul > li {width:31.6%; margin-left:2.5%;float:left; margin-bottom:40px;overflow:hidden;border:2px solid #fff;} .card-list > ul > li:hover{border:2px solid #26ae6a;box-shadow:2px 2px 5px rgba(0,0,0,0.2);} .card-list > ul > li:hover, .card-list > ul > li:focus { cursor: pointer;outline:none} .card-list > ul > li:hover > .data-box{border-color:#fff} .card-list > ul > li.not-found, .card-list > ul > li.nodata{width:100% !important;float:none;margin:0;border:0;} .card-list > ul > li.not-found:hover, .card-list > ul > li.not-found:focus {border:0;box-shadow:none;cursor:default;outline:none;} .card-list > ul > li.nodata:hover, .card-list > ul > li.nodata:focus {border:0;box-shadow:none; cursor:default;outline:none;} .card-list > ul > li .thumnails {width:100%; position:relative;line-height:0} .card-list > ul > li .thumnails .like-it{display:block;position:absolute; bottom:25px; right:25px; background:url(../img/board/icon_love.png) no-repeat center center; width:25px; height:25px; font-size:0} .card-list > ul > li .thumnails .like-it.on{background:url(../img/board/icon_love_on.png) no-repeat center center;} .card-list > ul > li .thumnails:before { content:''; display:block; height:120px;background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%,rgba(0, 0, 0, 0.3) 100%,rgba(0, 0, 0, 0.3) 100%,rgba(0, 0, 0, 0.6) 0%,rgba(0, 0, 0, 1) 10%); position:absolute; bottom:0; width:100%} .card-list > ul > li .thumnails > img {width:100%; height:225px} .card-list > ul > li .data-box{padding:22px 30px; border:1px solid #e0e0e0; border-top:0;min-height:250px} .card-list.c-news > ul > li .data-box{min-height:150px} .card-list > ul > li .data-box > h3 {font-size:18px; font-family:Arial, Gadget, sans-serif !important; font-weight:900 !important;line-height:1.4; letter-spacing:-0.025em; color:#333;margin-bottom:15px; height:52px;word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal;text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .card-list > ul > li .data-box > h3 .cate-color{vertical-align:top; margin-right:3px;; color:#26ae6a} /* news 제목카테고리 color */ .card-list > ul > li .data-box .tag-icon > strong{margin-right:-5px;} /* 칼럼 tag */ .card-list > ul > li .data-box .tag-icon {margin-bottom:15px; height:22px} /* 칼럼 tag */ .card-list > ul > li .data-box .text {display: block; color: #555; font-size:14px;line-height: 1.6; margin-bottom:30px; word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal;text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:46px; } .card-list > ul > li .data-box .info-box > li{font-size:13px} .card-list > ul > li:nth-child(3n+1){margin-left:0;} .card-list.area-space{ margin-top:0} /* (2020.12.11) 좋아요를 링크에서 분리하는 작업 수정 */ .card-list > ul > li {position: relative;} .card-list > ul > li .cardLink {display:block;} .card-list > ul > li .like_Wrap {width:100%; position:absolute; right:0; top:0; width:1px; line-height:0; height:225px;} .card-list > ul > li .like_Wrap .like-it {display:block; position:absolute; bottom:25px; right:25px; background:url(../img/board/icon_love.png) no-repeat center center; width:25px; height:25px; font-size:0; z-index:50;} .card-list > ul > li .like_Wrap .like-it.on {background:url(../img/board/icon_love_on.png) no-repeat center center;} /* 검색페이지 card-list */ .card-list.search-page > ul > li {width:31.2%; margin-left:3.2%;float:left; margin-bottom:30px;overflow:hidden;border:0} .card-list.search-page > ul > li:hover{border:0;box-shadow:none;} .card-list.search-page > ul > li .thumnails > img {width:100%; height:170px} .card-list.search-page > ul > li .thumnails .like-it{bottom:0.8vw; right:1vw} .card-list.search-page > ul > li .data-box{padding:20px 0 0 0; border:0; border-top:0; min-height:160px} .card-list.search-page > ul > li .data-box h3 {font-size:16px; height:46px; /* text-transform:uppercase; */ !important} .card-list.search-page > ul > li:nth-child(3n+1){margin-left:0;} .card-list.search-page > ul > li .type > li {font-size:14px; line-height:1.4; color:#333; margin-bottom:10px; overflow:hidden;} .card-list.search-page > ul > li .type > li:last-child{ margin-bottom:0} .card-list.search-page > ul > li .type > li span {display:inline-block; float:left;width:65px;color:#aaa; margin-bottom:0.5px} /* (2020.12.18) 좋아요분리 */ .card-list.search-page > ul > li .like_Wrap {height:170px} /* promotion list */ .thumnail-list{ overflow:hidden} .thumnail-list > ul { border-top: 2px solid #eee; } .thumnail-list > ul > li {margin-left:30px; padding-top: 40px;width:570px;min-height: 110px; display:block; float:left; } .thumnail-list > ul > li:nth-child(2n+1){margin-left:0} .thumnail-list > ul > li:hover, .thumnail-list > ul > li:focus { cursor: pointer; } .thumnail-list > ul > li.nodata { min-height: 110px; width:100%; text-align: center; float:none; clear:both} .thumnail-list > ul > li.nodata p{ padding:110px 0;} .thumnail-list > ul > li .thumnails { margin-bottom:30px; line-height:0} .thumnail-list > ul > li .thumnails > img { width:100%} .thumnail-list > ul > li h3 { font-size: 22px; letter-spacing:-0.025em; color: #333; margin-bottom: 20px; font-weight: bold ;word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .thumnail-list > ul > li h3:hover { text-decoration: underline } .thumnail-list > ul > li .date-info { display: block; color: #555; font-size:14px; line-height: 1.6; margin-bottom: 20px; word-wrap: break-word; } /* ### page - board 칼럼 ### */ /* 다른 칼럼 wrap */ .board-content-other {border-top:1px solid #eee; padding:60px 9.41%;} .board-content.event-view{border-top:0;padding:0} .board-content.event-view .event-enter{text-align: center; margin:3vw auto 6vw auto} .board-content.event-view .evtn-area{width:100%;padding:0 6vw 0 6vw;margin:0 auto; text-align:center;} .board-content.event-view .evtn-area img{ max-width:100% !important; max-height:none !important} .board-content.event-view .evtn-area div{} /* 기본 칼럼 wrap */ .board-content {border-top:1px solid #eee; padding:60px 0 0 0; margin:-1px auto 60px auto; max-width:950px} .board-content p, .board-content div{line-height: 1.7; font-size:17px; color:#333; text-align:left;} .board-content a:link, .board-content a:hover, .board-content a:active, .board-content a:focus, .board-content a:visited{color: #1e75d6; text-decoration: underline; font-size: inherit; vertical-align:baseline} .board-content .tab-content a:link, .board-content .tab-content a:hover, .board-content .tab-content a:active, .board-content .tab-content a:focus, .board-content .tab-content a:visited{color: #1e75d6 !important; text-decoration: underline !important; font-size: inherit;word-break:break-all} .board-content .event-info a:link, .board-content .event-info a:hover, .board-content .event-info a:active, .board-content .event-info a:focus, .board-content .event-info a:visited{color: #1e75d6 !important; text-decoration: underline !important; font-size: inherit;word-break:break-all} .board-content div img, .board-content p img{display:block;text-align:center ; margin:0 auto; width:auto;max-width:950px;margin-bottom:0 !important;} /* 2021.05.04 뉴스 이미지 사이즈 수정 No.210500004301 */ .board-content img{display:block;text-align:center ; margin:0 auto ; width:auto; max-width:950px;} /* 2021.05.04 뉴스 이미지 사이즈 수정 No.210500004301 */ .board-content .caption {} .board-content > div > h2{} .board-content > div > h3{font-size: 32px; font-weight: 900; color:#333; letter-spacing: -0.03em; margin:0 ; padding:0;padding-bottom:25px;margin:80px 0 30px 0;background:none !important; text-align:left; border-bottom: 1px solid #eee;border-top:0 !important; line-height:36px} .board-content > div > h4{font-size: 22px; font-weight: 900; color:#333; letter-spacing: -0.03em; margin:20px 0; background:none; text-align:left ; line-height:26px} .board-content > div h5{font-size: 18px; font-weight: 900; color:#333; letter-spacing: -0.03em; background:none; text-align:left; line-height:20px} .board-content > div h6{font-size: 18px; font-weight: 900; color:#333; letter-spacing: -0.03em !important; background:none; text-align:left; line-height:20px} /* inssaKorea column slick.css 충돌 수정 */ .board-content .column .contents .slick-slide{height:auto !important} .board-content .column .contents .slick-slide{height:auto !important} .board-content .column .contents .title_icon{width: auto !important} .board-content .column .visual p{color:#fff !important} /*koreaKQ column reset*/ .content-wrapper .col-title .title-wrapper .title{width:100% !important; max-width:702px !important; box-sizing:border-box !important; margin:0 auto !important} .content-wrapper .col-title div.caption{ position:absolute !important; font-size:16px !important; margin:0; bottom:0 !important} .content-wrapper div.caption{ position:absolute !important; font-size:16px !important; margin:0; bottom:0 !important} .content-wrapper > p{margin-bottom:40px !important} .content-wrapper .more_info .more_info_list a { font-size:17px !important} .content-wrapper .more_info, .content-wrapper .nearby_info{padding:40px!important; } .content-wrapper .nearby_info ul li p{ margin:40px 0 !important} .board-content .content-wrapper .nearby_info ul li div img{margin-bottom:0 !important} .column-wrap .img-wrap{position:relative; margin:0 auto;width:100%;} .column-wrap .img-wrap img {height: auto;} .column-wrap .img-wrap .cap{position: absolute; bottom:0; width: 100%; font-size: 16px; text-align: center; padding-bottom:30px; font-weight: 600 !important; color:#fff; z-index:3} .column-wrap .img-wrap .cap::after{content:''; display: block; position: absolute;bottom:0px;width:100%;height:300px;text-shadow: 1px 1px 0px rgba(0,0,0,0.6); letter-spacing: 0px; z-index:-10; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000', GradientType=0 )} .column-wrap .img-wrap .bottom-cap{display: block; width: 100%; font-size: 16px; text-align: center; padding:20px 0; color: #333; } .column-wrap p, .column-wrap .txt{line-height: 1.706em; font-size:17px; color:#333; letter-spacing:-0.03em} .column-wrap h3, .column-wrap .col-tit{font-size: 32px; font-weight: bold; letter-spacing: -1px; padding-bottom: 25px; margin-bottom: 55px; border-bottom: 1px solid #eee } .column-wrap a:link, .column-wrap a:hover, .column-wrap a:active, .column-wrap a:focus{color: #1e75d6; text-decoration: underline; font-size: inherit } .column-wrap .ps-area {color: #26ae6a; font-size: 14px; position: relative } .column-wrap .ps-area::before {content: ""; display: block; background: url(../img/board/icon_page_column_consult.png) no-repeat top left; width: 30px; height: 80px; float: left; vertical-align: middle; margin-top: 5px; } .column-wrap .infoB{padding:50px 40px;margin-top:40px; color:#333;} .column-wrap .infoB > .in-tit{color:#333; font-size:17px;} .column-wrap .infoB ul li{ color:#333;font-size:17px;} /*.column-wrap div > img{ width:auto !important;}*/ .column-wrap div.caption{position: absolute; bottom:0; margin-bottom:0 !important; width: 100%; font-size:16px; line-height:20px; text-align: center; padding:0 0 25px 0 !important; font-weight: 600 !important; color:#fff !important; z-index:3; background:none !important; letter-spacing:-0.01em !important} .column-wrap div.caption::after{content:''; display: block; position: absolute;bottom:0px; width:100%;height:300px;text-shadow: 1px 1px 0px rgba(0,0,0,0.6); letter-spacing: 0px; z-index:-10; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%) ; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000', GradientType=0 )} .board-content div.caption{position: absolute; bottom:0; margin-bottom:0 ; width: 100%; font-size:16px; line-height:20px; text-align: center; padding:0 0 25px 0 !important; font-weight: 600 !important; color:#fff !important; z-index:3; background:none !important; letter-spacing:-0.01em !important; font-family:Verdana, sans-serif !important} div.caption::after{content:''; display: block; position: absolute;bottom:0px; width:100%;height:300px;text-shadow: 1px 1px 0px rgba(0,0,0,0.6); letter-spacing: 0px; z-index:-10; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%) ; background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 60%, rgba(0,0,0,0.6) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#4d000000', GradientType=0 )} /*news veiw*/ #news03_wrap {color:#666;width:100%;margin:0 auto; margin-bottom:20px ;margin-top:0} #news01_content { text-align: left; overflow:hidden} #news03_wrap p.img_line{ margin:0 0 10px 0; text-align:center;} #news03_wrap span.img_detail { display:block; margin-bottom:30px;text-align:center;font-size:14px;color:#888; line-height:1.4; letter-spacing:-0.02em;} #news01_content p{margin:0 0 5px 0;text-align:left } #news03_detail div{border-top:1px #CCCCCC solid;border-bottom:1px #CCCCCC solid; padding:30px 5px; text-align:left ; margin:40px auto 0 ; clear:both; } /*info-box*/ .info-box > li {display:inline-block;padding-right:0;font-size:14px; line-height:1.4} .info-box > li:first-child{padding-left:0; padding-right:40px; } .info-box > li > strong {color: #aaa; margin-right:13px; font-weight:normal } .info-box > li > .tag-icon { background: none; padding-left:0;} .info-box > li > .tag-icon > strong {height:0; width:0; font-size:0; line-height:0; overflow:hidden; position:absolute; top:-9999px; left:-9999px;} /*tag-icon*/ .tag-icon > strong, .tag-icon > span > i{margin-right:0; font-size:0; line-height:0;} .tag-icon > span > i {display:inline-block; width:22px;height:22px;background-repeat:no-repeat; vertical-align:middle; margin-left:2px;} .tag-icon > span > i:first-child {margin-left:0;} .tag-icon > span > i.type-etc {background-image:url('../img/board/icon_type_etc.png');} .tag-icon > span > i.type-event {background-image:url('../img/board/icon_type_event.png');} .tag-icon > span > i.type-food {background-image:url('../img/board/icon_type_food.png');} .tag-icon > span > i.type-history {background-image:url('../img/board/icon_type_history.png');} .tag-icon > span > i.type-shopping {background-image:url('../img/board/icon_type_shopping.png');} .tag-icon > span > i.type-tour {background-image:url('../img/board/icon_type_tour.png');} .tag-icon > span > i.type-trand {background-image:url('../img/board/icon_type_trand.png');} /*tool-tip*/ .tooltip{position: relative; display:inline-block;} .tooltip:hover:after{background: #fff; bottom: -30px; color: #333; content: attr(data-title); left: 0; padding: 0 7px; height:20px; line-height:20px; position: absolute; z-index: 98; min-width:20px; max-width:700px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; border:1px solid #cfcfcf; box-shadow: 1px 1px 2px #ddd; font-size:0.917em; } .tooltip:hover:before {width:7px; height:4px; background:url('../img/board/tooltip_icon_top.gif') no-repeat; bottom: -9px; content: ""; left: 7px; position: absolute; z-index: 99;} /*tool-tip*/ .tooltip02{position: relative; display:inline-block;} .tooltip02:hover:after{background: #fff; bottom: -65px; color: #333; content: attr(data-title); left:-280px; padding: 0 30px; height:60px; line-height:60px; position: absolute; z-index: 98; min-width:20px; max-width:700px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; border:0; border-radius:2px; box-shadow: 0px 6px 18px rgba(0,0,0,0.15); font-size:14px; font-weight:600} .tooltip02:hover:before {width:25px; height:15px; background:url(../img/board/tooltip_icon_top02.png) no-repeat; bottom:-11px; content: ""; left: 0px; position: absolute; z-index: 99;} /* paging style */ .paging > p { display: inline-block; margin: 0 22px } .paging { text-align: center; vertical-align: middle; height: 50px;margin-top:45px;} .paging a, .paging span { display: inline-block; font-size: 15px; color: #666; height: 50px; width: 50px; line-height: 45px; box-sizing: border-box; vertical-align: middle; } .paging a.page-now { font-weight: bold; color: #fff !important; text-decoration:none !important; background-color: #26ae6a; border: 1px solid #26ae6a; border-radius: 50% } .paging.area-space{margin-top:1px} .paging > a.page-btn.prev{margin-right:15px } .paging > a.page-btn.next{margin-left:15px } .paging .page-btn {padding: 0; font-size: 0; line-height: 0;} .paging > a {display:inline-block;width: 50px;height:50px ;box-sizing:border-box;vertical-align: middle;border-radius: 2px;} .paging > a > i {display:block;width: 50px;height:50px;text-indent:-10000px;box-sizing:border-box;vertical-align: middle;border: 1px solid #d1d1d1;border-radius: 2px;} .paging > a.page-btn > i.strt {background:url(../img/board/page_view_pre_end.png) no-repeat center center;} .paging > a.page-btn > i.prev {background: url(../img/board/page_view_pre.png) no-repeat center center; } .paging > a.page-btn > i.next {background: url(../img/board/page_view_next.png) no-repeat center center;} .paging > a.page-btn > i.end {background: url(../img/board/page_view_next_end.png) no-repeat center center;} .paging > a:hover > i.strt {border: 1px solid #26ae6a;background:#26ae6a url(../img/board/page_view_pre_end_on.png) no-repeat center center;} .paging > a:hover > i.prev {border: 1px solid #26ae6a;background:#26ae6a url(../img/board/page_view_pre_on.png) no-repeat center center;} .paging > a:hover > i.next {border: 1px solid #26ae6a;background:#26ae6a url(../img/board/page_view_next_on.png) no-repeat center center;} .paging > a:hover > i.end { border: 1px solid #26ae6a;background:#26ae6a url(../img/board/page_view_next_end_on.png) no-repeat center center;} .paging > a:active > i.strt {border:1px solid #d1d1d1;background: url(../img/board/page_view_pre_end_action.png) no-repeat center center;} .paging > a:active > i.prev {border:1px solid #d1d1d1;background: url(../img/board/page_view_pre_action.png) no-repeat center center; } .paging > a:active > i.next {border:1px solid #d1d1d1;background: url(../img/board/page_view_next_action.png) no-repeat center center;} .paging > a:active > i.end {border:1px solid #d1d1d1;background: url(../img/board/page_view_next_end_action.png) no-repeat center center;} .paging > a.page-button, .paging > a.page-button + a.page-now { margin-top:35px;} .paging > a.page-button{text-indent:-1px; font-size:0;} .paging > a.page-button.start {background:url(../img/board/page_view_pre_end.png) no-repeat center center;} .paging > a.page-button.prev {background: url(../img/board/page_view_pre.png) no-repeat center center; margin-right:22px; } .paging > a.page-button.next {background: url(../img/board/page_view_next.png) no-repeat center center; margin-left:22px;} .paging > a.page-button.end {background: url(../img/board/page_view_next_end.png) no-repeat center center;} .mobile{display: none;} .not-found{padding:50px 15px; text-align:center; font-weight:normal; color:#333;cursor:default !important} .not-found:hover{border:0 !important;;box-shadow:none !important;} .nodata {width:100% !important; text-align:center;margin-left:0;padding:50px 15px; text-align:center; font-weight:normal; color:#333;cursor:default !important; border:0 !important} .nodata > td{text-align:center !important;font-weight:500 !important;margin:0;padding:50px 15px !important;color: #333 !important;cursor: default;} .nodata:hover{border:0 !important;box-shadow:none !important; background:none !important} .nodata td:hover{ box-shadow:none !important; background:none !important} .board-view {border-top:2px solid #444;} .board-view .board-view-title {padding:45px 25px 40px 30px; position:relative;border-bottom:1px solid #eee} .board-view .board-view-title > h3{font-size:30px; color:#333; margin-bottom:40px; width:75%; font-weight:normal !important; line-height:1.4} .board-view-title .info-box > li, .board-view-title .info-box > li:first-child{padding-left:0; padding-right:40px; } .board-view-title .info-box > li:last-child{padding-right:0; } .board-view-title + .file-wrap {background:#fff; padding:60px 30px 20px 30px;border-bottom:1px solid #fff;position:relative} .board-view-title + .file-wrap .file{display:block; padding:10px 40px 30px 40px;border:1px solid #eee; overflow:hidden} .board-view-title + .file-wrap .file > a {display:block; min-height:20px;float:left; vertical-align:middle; margin-top:20px; margin-right:100px; color:#333; line-height:1.2em; text-decoration:underline; background:url(../img/board/icon_atta_file.png) no-repeat; padding-left:30px;} .board-wrap .board-view.db-list + ul.board-side-list{margin-top:-1px;} .board-wrap ul.board-side-list{border-top:2px solid #bfbfbf; border-bottom:1px solid #bfbfbf; margin-top:30px;} .board-wrap ul.board-side-list > li {padding:33px 25px 33px 30px; overflow:hidden;line-height:1.2} .board-wrap ul.board-side-list > li:first-child {border-bottom:1px solid #eaeaeb;} .board-wrap ul.board-side-list > li > strong {color:#333; float:left; width:65px; margin-right:58px; font-weight:bold} .board-wrap ul.board-side-list > li > strong::before {content:''; background:url(../img/board/page_view_down_arow.png) no-repeat center center; padding-right:10px; margin-right:15px; vertical-align:middle} .board-wrap ul.board-side-list > li:first-child > strong::before {content:''; background:url(../img/board/page_view_up_arow.png) no-repeat center center; padding-right:10px;margin-right:15px} .board-wrap ul.board-side-list > li > span {float:right; margin-top:-20px} .board-wrap ul.board-side-list > li a {display:block; color:#333; text-overflow: ellipsis; word-wrap:break-word; white-space:nowrap; overflow:hidden; width:70%} .board-write{padding:40px 30px; border-top:1px solid #333; border-bottom:1px solid #eee} .board-write > dl:first-child{margin-top:0;} .board-write > dl{margin-top:40px;} .board-write > dl > dt{font-size:15px;font-weight:600;color:#333;} .board-write > dl > dd{font-size:14px;font-weight:100;color:#333;margin-top:20px;} .board-write.qna dl > dd .size01{width:85%; margin-right:1%} .board-write.qna dl > dd .size02{width:20%; margin-right:0} .board-write.qna dl > dd .size03{width:60%; margin-right:1%} .board-write.qna dl > dd .nick-area{width:380px; margin-right:1%; padding:18px} .board-write.qna dl > dd .nick-btn{margin-right:0} .board-write.qna .chk-raio-layout > li:first-child{margin-left:0} .board-write.qna .chk-raio-layout > li{margin-left:40px} .nick-quest{ display:inline-block;line-height:50px;vertical-align:middle; margin-left:10px;} .board-write.qna .chk-raio-layout >li.chk-box{ padding-top:0 !important} /* modal-pop*/ .modal-pop{position:fixed; z-index:50; top:0; left:0;width:auto;background-color:#fff;box-shadow:3px 15px 25px 2px rgba(0,0,0,0.2);} .modal-pop .popCont-area{} .modal-pop .popCont-area.scroll{overflow-y:scroll} .mask {display:none; position:fixed; left:0; top:0; z-index:990000; background-color:rgba(0,0,0,0.5);width:100%; height:100%;} .modal-pop .big-tit{font-size: 22px;color: #222; font-weight: bold;font-family: Arial, sans-serif !important;font-weight:900;line-height: 1;padding:35px 30px;/* text-transform:uppercase; */} /* modal-pop qna */ .modal-pop{position:fixed; z-index:999999; top: 0;left: 0;background-color:#fff;box-shadow:3px 15px 25px 2px rgba(0,0,0,0.2);} .modal-pop .popCont-area{padding:0 35px;background:#fff;margin:0 auto} .modal-pop .popCont-area .txt{text-align:center;padding:80px 0; line-height:1.5} .modal-pop .btn-close-noline{font-size: 0; display: block; width:20px; height:20px;background:url(../img/board/btn_navClose.png) no-repeat center center;background-size:48px; float:right;margin:20px 25px 0 0} .modal-pop .big-tit{font-size: 22px;color: #222; font-weight: bold;font-family: Arial, sans-serif !important;font-weight:900;line-height: 1;padding:35px 30px;/* text-transform:uppercase; */} .modal-pop.qna-pop01{width:96%;max-width:430px;} .modal-pop.qna-pop02{width:96%;max-width:600px;} .modal-pop.qna-pop01 .green-btn{width:100%;border-radius:0; position:relative; bottom:0} .modal-pop.qna-pop02 .input-info{border-top:1px solid #333;border-bottom:1px solid #eee; padding:30px 0; position:relative} .modal-pop .popCont-area dl.input-info > dt{font-size:15px;font-weight:600;color:#333;} .modal-pop .popCont-area dl.input-info > dd{font-size:14px;font-weight:100;color:#333;margin-top:20px;} .modal-pop .popCont-area dl.input-info > dd.txt-by{ position:absolute ;top:35px; right:0;margin-top:0; color:#aaa; font-size:12px;} .modal-pop .popCont-area dl.input-info > dd.txt-by strong{ font-weight:900} .modal-pop .popCont-area dl.input-info > dd > .nick-area{width:55%; margin-right:1.5%} .modal-pop .popCont-area dl.input-info > dd > .nick-btn{width:43%; margin-right:0} .modal-pop .popCont-area dl.input-info > dd > .nick-ok{ display:block; color:#1e75d6; font-size:14px; margin-top:15px} .modal-pop .popCont-area dl.input-info > dd > .nick-no{ display:block; color:#ff3f3f; font-size:14px; margin-top:15px} .modal-pop .popCont-area ul.note-list{ padding:25px 0} .modal-pop .popCont-area ul.note-list li::before{content:'·'; width:5px;padding:0 5px 5px 0 ; display:block; float:left} .modal-pop .popCont-area ul.note-list li{font-size:13px; line-height:1.8; overflow:hidden;} .modal-pop.qna-pop02 .green-btn.gray{width:50%;background:#bbb; border-color:#bbb;border-radius:0 !important;} .modal-pop.qna-pop02 .green-btn{width:50% ; border-radius:0 !important;} .board-qna-view{padding:0; border-top:1px solid #333; border-bottom:1px solid #eee} .board-qna-view > dl{padding:0;border-top:1px solid #eee; display:table;width:100%; table-layout:fixed;}/* GG(2021.02.02 추가) */ .board-qna-view > dl:first-child{border-top:0} .board-qna-view > dl > dt,.board-qna-view > dl > dd{padding:25px 30px; display:table-cell;} .board-qna-view > dl > dt{width:30%; background:#f9f9f9; font-size:16px; font-weight:600} .board-qna-view > dl > dd{width:70%; font-size:15px; line-height:1.5} .board-qna-view > dl > dd.file-link a{text-decoration:underline} .board-qna-view > dl > dd.file-link img{ vertical-align:middle;margin-right:5px;} .board-qna-view > dl > dd .txt-comm{font-size:14px; color:#333;font-weight:100;padding:15px 15px;width:100%; height:auto;box-sizing:border-box;background:#fff; border:1px solid #aaa;border-radius:2px;} .board-qna-view > dl > dd .txt-date{display:block;font-size:13px; margin-bottom:10px; text-align:right} .board-qna-view > dl > dd .txt-date i{color:#888; vertical-align:top; margin-right:5px;} .board-qna-view > dl > dd pre {white-space:pre-wrap; word-break:break-all} /* GG(2021.02.02 추가) */ /* 첨부파일 스타일 */ .file-textbox{float: left} .file-div{position:relative;overflow: hidden;font-size:15px;font-family:Arial, sans-serif !important;font-weight:900;height:50px;line-height:37px;box-sizing:border-box;background:#fff; border-radius:2px; border:1px solid #26ae6a;color:#26ae6a !important;/* text-transform:uppercase; */} .file-button{position: absolute;top: 0px;font-size:15px;font-family:Arial, sans-serif !important;font-weight:900 !important;height:50px; width:100%;line-height:37px;box-sizing:border-box;background: rgba(0,0,0,0);border-radius:2px; border:1px solid #26ae6a;color:#26ae6a !important;/* text-transform:uppercase; */} .file-div:hover, input[type=button]:hover{background:#26ae6a; color:#fff !important} .file-div:hover > input[type=button]{background:#26ae6a; color:#fff !important} .file-hidden{font-size: 45px;position: absolute;right: 0px;top: 0px;color:#fff !important;opacity:0 ;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0; height:inherit; width:120%} /* bbs-button */ .board-button-area {text-align:right; } .board-button-area a {display:inline-block; vertical-align:top; } .board-button-area a:hover{color:#fff} .board-button-area.area-space > a.button{font-size:15px;font-family:Arial, sans-serif !important;font-weight:900;width:150px;text-align:center;line-height:50px;box-sizing:border-box;background:#26ae6a; border-radius:2px !important; border:1px solid #26ae6a !important;color:#fff;/* text-transform:uppercase; */} .board-btn.button[type=button]{padding:0 ;width:280px; height:50px; line-height:37px; box-sizing:border-box; background:#26ae6a; border-radius:2px; border:1px solid #26ae6a; color:#fff; font-size:15px; font-weight:900; /* text-transform:uppercase; */} .board-btn, a.board-btn{padding:0px 58px; height:50px;line-height:50px;box-sizing:border-box; background:#26ae6a; border-radius:2px; border:1px solid #26ae6a; color:#fff; font-size:15px; font-weight:bold; /* text-transform:uppercase; */} a:link.board-btn{background:#26ae6a;color:#fff; font-size:15px;} .board-btn.reigt{padding:0 30px; font-weight:900; font-family:Arial, Helvetica, sans-serif !important} /* 가로형*/ /*bbs - contents*/ .page-content .input-box {border-top:1px solid #414141;overflow-x:auto} .page-content .input-box dl{display:table; width:100%;} .page-content .input-box dl > dt, .page-content .input-box dl > dd {display:table-cell; border-right:0 ;border-bottom:1px solid #eee; padding:20px 10px;text-align:center} .page-content .input-box.ta-l dl > dt, .page-content .input-box.ta-l dl > dd {text-align:left !important;} .page-content .input-box dl > dt {background:#f9f9f9; font-size:0.917em; font-weight:bold; border-left:0; } .page-content .input-box dl > dt.left {border-left:none;} .page-content .input-box dl > dt.width20 {width:20%;} .page-content .input-box dl > dt.width30 {width:30%;} .page-content .input-box dl > dd.width80 {width:80%; vertical-align: middle;} .page-content .input-box dl > dd.width30 {width:30%; vertical-align: middle;} .page-content .input-box dl > dd.width70 {width:70%; vertical-align: middle;} /*bbs-view : blog*/ .board-content.blog > h2 {text-align:center; color:#000; font-size:2.917em; font-weight:normal; letter-spacing:-0.083em; padding:45px 0; border:none;} .board-content.blog > .board-content {clear:both; margin-top:20px;} .board-content.blog > .mark-icon {float:left; margin-top:45px; margin-right:10px;} /*event-info*/ .db-infobox{padding: 55px;border: 1px solid #eee;margin-bottom:55px} .db-infobox .event-info{ margin-bottom:55px;} .event-info > li:first-child{margin-top:0} .event-info > li{display: table; width: 100%; margin-top: 15px; position:relative} .event-info > li > span:first-child{color: #333; font-size: 15px; font-weight: bold; display:table-cell; width: 30%; vertical-align: top; letter-spacing: -0.5px; position: relative;padding-left:30px; } .event-info > li > span + span {color: #555; font-size: 15px; display:table-cell; width: 70%;} .event-info > li::before {content: ""; position: absolute; width: 20px; height: 20px; background: url(../img/board/page_view_con_icon_list.png ) no-repeat top left; left: 0px; top: 6px; } .event-info > li.address::before {background: url(../img/board/page_view_con_icon_list.png) no-repeat top left; } /* -22px 씩 증가 */ .event-info > li.location::before {background-position-y: -22px } .event-info > li.period::before {background-position-y: -44px } .event-info > li.telephone::before { background-position-y: -66px } .event-info > li.homepage::before { background-position-y: -88px } .event-info > li.food-type::before {background-position-y: -110px} .event-info > li.food-info::before {background-position-y: -132px } .event-info > li.time::before {background-position-y: -154px } .event-info > li.food-man::before { background-position-y: -176px } .event-info > li.food-halal::before { background-position-y: -198px } .event-info > li.car::before {background-position-y: -220px } .event-info > li.bus::before {background-position-y: -243px } .event-info > li.islam-room::before {background-position-y: -265px } .event-info > li.islam-house::before {background-position-y: -287px } .event-info > li.type.note::before {background-position-y: -309px } .event-info > li.type::before {background-position-y: -330px } .event-info > li.email::before {background-position-y: -423px } .event-info > li.note::before {background-position-y: -309px } /*event-info*/ .event-info::after {content:''; display:block; height:0; font-size:0; clear:both;} .event-info dt {margin-bottom:5px; color:#333; font-weight:bold; position: relative;padding-left: 25px;} .event-info dd {margin-bottom:10px; margin-left:25px} .event-info dt::before{content:''; display: inline-block; width: 20px; height: 20px ;background: url(../img/board/page_view_con_icon_list.png) no-repeat top left;position: absolute;left: 0px; top: 6px; } .event-info dt.period::before{background-position-y: -44px} .event-info dt.address::before{} .event-info dt.location::before{background-position-y: -22px} .event-info dt.telephone::before{background-position-y: -66px } .event-info dt.price::before{} .event-info dt.prize::before{} .event-info dt.type::before{} .event-info dt.homepage::before{background-position-y: -88px} .event-info dt.fax::before{} .event-info dt.email::before{background-position-y: -88px} .event-info dt.twitter::before{background-position-y: -88px} .event-info dt.facebook::before{background-position-y: -88px} .event-info dt.pinterest::before{background-position-y: -88px} .event-info dt.web::before{background-position-y: -88px} .event-info dt.time::before{background-position-y: -154px } .event-info dt.award::before{} .event-info dt.open::before{} .db-infobox .map-box .map{border: 1px solid #ccc; height:450px !important} .db-infobox .map-box .go-map{ text-align:right; margin-top:15px;} .db-infobox .map-box .go-map > a:last-child{display: inline-block;border:1px solid #e5e5e5; font-size:14px !important; border-radius:2px;text-align:left;color:#666!important;text-decoration:none !important;height:40px;line-height:40px; padding:0 40px 0 15px; background:url(../img/board/icon_go_map.png) no-repeat center right; background-position:calc(100% - 10px) center} .event-info.top-line {border-top:1px solid #d4d4d4; padding-top:25px; margin-top:25px;} .event-info span.icon-finished {color:#fff; background:#e5020b; padding:1px 4px; font-size:0.917em; font-weight:bold;} p.ps-area-point, .ps-area-point{color: #ff615f;font-size: 14px;letter-spacing:-0.01em;line-height:1.7;position:relative;padding-left:25px;} .ps-area-point::before{content: "";position: absolute;top:4px;left: 0px;width:17px;height:17px;background:url(../img/board/icon_page_column_point.png) no-repeat center left;} /*rolling-img*/ .vertical-rolling-img {position:relative; } .vertical-rolling-img .photo-img {width: 700px;margin: 0 auto;} .vertical-rolling-img .photo-img > img {width:auto;max-width:100%;height:450px;} .vertical-rolling-img .thumnail {left: 0px; width: 620px; overflow: hidden; visibility: visible; position: relative; z-index: 2; position:absolute} .vertical-rolling-img .thumnail {width:100%;margin:28px auto 90px auto;} .vertical-rolling-img .thumnail ul {list-style: none; margin: 0px; padding: 0px; left: 0px; width: 744px; position: relative; z-index: 1;} .vertical-rolling-img .thumnail ul > li {margin:0 5px; float:left;width: 114px; height: 86px; overflow: hidden;} .vertical-rolling-img .thumnail ul > li > a {display:block; border:2px solid #fff;} .vertical-rolling-img .thumnail ul > li > a.active {border-color:#26ae6a;} .vertical-rolling-img .thumnail ul > li > a > img {width:110px; height:82px; margin:0 !important; display:block;} .vertical-rolling-img a.button-page{ display:block;width:50px; height:50px; border:1px solid #eee; border-radius:50%; font-size:0 !important; background-size:9px;} .button-page.prev{background:#fff url(../img/board/board_pre_action.png) no-repeat center center; position:absolute; bottom:20px ;left:40px; } .button-page.next{background:#fff url(../img/board/board_next_action.png) no-repeat center center; position:absolute; bottom:20px; right:40px; } .db-list .board-view-title {padding:40px 25px} .db-list .board-view-title > h3{font-size:30px; color:#333; margin-bottom:0;width:100%; font-weight:normal !important; line-height:1.4; letter-spacing:-0.02em} .db-list .swiper-container{width:100% !important; height:64vw; margin-bottom:40px} .db-list .swiper-slide img{width:auto !important; height:58vw !important} .swiper-pagination-bullet-active{background-color:#26ae6a} .swiper-slide.swiper-slide-active{height:auto; cursor:pointer;} .swiper-container-horizontal > .swiper-pagination {text-align:center;bottom:5px} .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet{margin:0 5px -5px 0; width:10px; height:10px} .swiper-container-horizontal > .swiper-pagination > span:last-child{margin-right:0} .board-wrap.db-list{} .board-wrap.db-list a.web{color:#1e75d6} .board-view.db-list{ border-bottom:1px solid #bfbfbf} .board-view.db-list .board-content a:link, .board-view.db-list .board-content a:hover, .board-view.db-list .board-content a:active, .board-view.db-list .board-content a:focus, .board-content a:visited{font-size:inherit} .board-content > .map-box #miniMap {position:absolute; top:0; left:0; width:100%; height:100%; } /*tab-menu : content-inner*/ .tab-menu.inner {position:relative; clear:both;box-sizing:border-box ;overflow:hidden;border-bottom:1px solid #eee;margin-bottom:40px;; margin-left:-1px} .tab-menu.inner > li {box-sizing:border-box} .tab-menu.inner > li > a {border:1px solid #ddd;border-bottom-color:#333;padding:15px 0;color:#333 !important; position:absolute; top:0; left:0; font-size:15px !important; text-decoration:none !important; } .tab-menu.inner > li.on > a {border:1px solid #333;border-bottom-color:#fff;color:#333!important;; font-weight:bold; text-decoration:none !important;} .tab-menu.inner.border {padding:20px 0;} .tab-menu.inner.border > li > a {top:20px;} .tab-menu.inner.border.top {border-top:1px solid #e5e5e5; padding:20px 0;} .tab-content {margin-top:100px; } .tab-content .blog-list.inner ul{border:0; margin-top:-20px} .tab-content .blog-list.inner ul > li{border:0} /* form-box */ .page-form{background:#eee; padding:30px; margin:0 auto 60px auto; z-index:0} .page-form .form-wrap{position:relative;max-width:1110px;margin:0 auto} .form-wrap *{} .form-wrap .input-box{float:left;margin-bottom:0px; position:relative;} .form-wrap .input-box:nth-child(1){margin-bottom:10px} .form-wrap .input-box:nth-child(2){margin-right:0;margin-bottom:10px} .form-wrap .input-box:nth-child(3){margin-right:0;} .input-dash{float:left;font-size:12px;vertical-align:middle;padding-top:23px;display:block;text-align:center} .input-dash:after{display:block;visibility:hidden;height:0;font-size:0;clear:both; content: '';} .input-dash{width:2%;} .input-box{margin-right:1%;} .form-wrap .size01{width:49.5%} .form-wrap .size02{width:23.75%} .form-wrap .size03{width:35%} .form-wrap .size04{width:13.5%} .form-wrap .size05{width:85.5%} .form-wrap .btn-size{width:150px;} .input-box input:focus{ outline:none; border:1px solid #333} .input-box .wSelect-theme-classic.wSelect{font-size:15px;font-weight:bold;padding:0 45px 0 20px;width:auto !important;height:50px;line-height:37px;box-sizing:border-box;border:1px solid #aaa;color:#aaa;border-radius:2px; background:url(../img/board/bread_arrow_down.png) #fff right 20px center no-repeat; background-size:10px;} .form-wrap.form-qna .input-box{width:42.25%;margin-right:1%;} .form-wrap.form-qna .size04{width:13.5%; margin-top:0} /* 셀렉트 박스 2*/ .input-box .wSelect{} .wSelect-selected {font-family:Arial, sans-serif !important;color:#aaa;margin: 0;padding:6px 0;white-space: nowrap; background-repeat: no-repeat; background-position: 0 center;} .wSelect-options-holder {position: absolute; display: none; left:0px; z-index: 200; overflow:auto;} .wSelect-multiple .wSelect-options-holder {position: relative !important; display: block !important; top: auto !important; z-index: auto !important; border: none !important; } .wSelect-options { height:auto !important;} .wSelect-option-last { margin-bottom: 0px; } .wSelect-option-value {margin:0; padding:18px 20px; background:none; white-space: nowrap; line-height:1;font-weight:100;} .wSelect-theme-classic.wSelect-active{border:1px solid #333 !important} .wSelect-option-value.wSelect-option-icon{ background:none !important;} .wSelect-theme-classic .wSelect-options-holder { background-color: #fff; border: solid #333 1px;width:100%; margin-top:1px} .wSelect-theme-classic .wSelect-options {border:solid #FAFAFA 1px; border-radius: 4px;-webkit-border-radius:4px; -moz-border-radius: 4px;} .wSelect-theme-classic .wSelect-option {background-color: #FFF;} .wSelect-theme-classic .wSelect-option-disabled {background-color: #FFF !important;} .wSelect-theme-classic .wSelect-option:hover { background-color: #f7f7f7;} .wSelect wSelect-theme-classic.wSelect-active{width:auto !important} .wSelect-theme-classic .wSelect-option-selected .wSelect-option-value{color:#26ae6a !important;} /* 셀렉트 박스 2*/ .input-box .selecty{} .selecty{font-size:15px;padding-left:20px;width:auto !important; height:50px; line-height:50px;box-sizing:border-box;border:1px solid #aaa;color:#aaa;border-radius:2px; background:url(../img/board/bread_arrow_down.png) #fff right 20px center no-repeat; background-size:10px;} .selecty .selecty-selected { display: block;} .selecty .selecty-options:before{content: ""; display: block; height:49px;} .selecty .selecty-options { position: absolute; top: 0px; left: 0; margin: 0; max-height: 650px; width: 100%; overflow-y: auto; z-index: 999; border-radius: 2px; padding: 0; visibility: hidden; border:1px solid #aaa;color:#aaa;} .selecty .selecty-options.act { visibility: visible; } .selecty .selecty-options li { cursor: pointer;text-align:left;padding:0 20px;height:50px;line-height:50px;color:#333;background-color: #fff;} .selecty .selecty-options li:hover,.selecty .selecty-options li.act { background-color: #f7f7f7;} .selecty .selecty-options li.selected { color: #26ae6a !important} /*셀렉트박스 디자인 제거 */ select {font-family: inherit; background-image: url(../img/board/bread_arrow_down.png) !important;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #aaa !important;border-radius: 0px;height: 50px;width: 100%;padding: 6px 40px 6px 20px !important;color: #aaa;font-weight: bold;font-size: 14px;font-family: Arial, sans-serif !important;border-radius: 2px;background-size: 10px 6px !important;} select::-ms-expand {/* for IE 11 */display: none;} select > option {width:inherit} .form-wrap .button-wrap{display:inline-block; } .form-wrap .chk-box{padding-left:50.5%;} .input-box img.ui-datepicker-trigger{position:absolute;right:0;top:0; padding:17px} .iner-btn.search-icon{background:#fff url(../img/board/icon_input_search.png) no-repeat center center } input[type=text].datepicker{color:#aaa;} .form-wrap input[type=search]::placeholder {color:#fff; font-size:15px; font-weight: 400;font-weight:bold; color:#aaa;} .form-wrap input[type=text]::placeholder{ color:#aaa;} input:-ms-input-placeholder{ color:#aaa !important;} input::-webkit-input-placeholder {color:#aaa !important;} input::-ms-clear, input::-ms-reveal {display:none;width:0; height: 0;} input::-webkit-search-decoration, input::-webkit-search-cancel-button, input::-webkit-search-results-button, input::-webkit-search-results-decoration {display: none;} /* input 감싸기 */ .input-box{position:relative;} .iner-btn{position: absolute;right: 2px;top: 1px;min-width: 50px;width: 50px;height: 48px;text-indent: -9999px;overflow: hidden;background-position: center center;background-repeat: no-repeat;} /* basic input 외형 */ input[type="text"], input[type="password"]{font-size:14px;font-family:Arial, sans-serif !important;font-weight:bold;padding:18px 45px 18px 20px;width:100%; height:50px;box-sizing:border-box;background:#fff; border:1px solid #aaa; color:#aaa;border-radius:2px;} input[type=search], input[type=text].search-sel{font-size:14px;font-family:Arial, sans-serif !important;font-weight:bold;padding:18px 45px 18px 20px;width:100%; height:50px;box-sizing:border-box;border:1px solid #aaa; color:#aaa;border-radius:2px;background:#fff url(../img/board/icon_input_search.png) no-repeat; background-position : calc(100% - 15px) center;} textarea.txt-box-area{font-size:14px; color:#333;font-weight:100;padding:18px 18px;width:100%; height:auto;box-sizing:border-box;background:#fff; border:1px solid #aaa;border-radius:2px;} .board-write.qna input{font-size:14px; color:#333;font-weight:100;} /* 버튼 그린bg */ .button-wrap button[type=submit], button[type=submit].search-btn, button[type=button].green-btn, .green-btn{font-size:15px;font-family:Arial, sans-serif !important;font-weight:900;width:100%;height:50px;line-height:37px;box-sizing:border-box;background:#26ae6a; border-radius:2px !important; border:1px solid #26ae6a !important;color:#fff;/* text-transform:uppercase; */} a.text-button{ display:inline-block;line-height:1.4;color:#fff !important; ; text-decoration:none;font-family:"Arial", Gadget, sans-serif !important;background:#26ae6a url(../img/board/btn_text-link_btn.png) no-repeat center right;background-position:calc(100% - 1.2vw) center; background-size:18px;font-size:15px; /* text-transform:uppercase; */ padding:15px 4vw 15px 2vw; border-radius:2px; text-decoration:none; font-weight:600} /* a.text-button2{ display:inline-block;line-height:1.4;color:#fff !important; text-decoration:none;font-family:"Arial Black", Gadget, sans-serif !important;background:#26ae6a url(../img/board/btn_text-link_btn.png) no-repeat center right;background-position:calc(100% - 1.2vw) center; background-size:18px;font-size:15px; text-transform:uppercase; padding:15px 2vw 15px 2vw; border-radius:2px; text-decoration: none !important;} */ button[type=submit].grayBt, button[type=button].grayBt, .grayBt{font-size:15px;font-family:Arial, sans-serif !important;font-weight:900;width:100%;height:50px;line-height:37px;box-sizing:border-box;background:#bbb; border-radius:2px; border:1px solid #bbb;color:#fff;/* text-transform:uppercase; */} /* 버튼 그린라인*/ input[type=button].grline-btn, button[type=submit].grline-btn, button[type=button].grline-btn, .grline-btn{font-size:15px;font-family:Arial, sans-serif !important;font-weight:900;height:50px;line-height:37px; padding:0 25px;box-sizing:border-box;background:#fff; border-radius:2px; border:1px solid #26ae6a;color:#26ae6a;/* text-transform:uppercase; */} input[type=button].grline-btn:hover, button[type=submit].grline-btn:hover, button[type=button].grline-btn:hover, .grline-btn:hover{background:#26ae6a; border-radius:2px; border:1px solid #26ae6a;color:#fff} /* 체크박스 */ .chk-box{display:inline-block; padding-top:10px;} .chk-box input[type='checkbox']{width:1px;height:1px;visibility:hidden;vertical-align:middle;} .chk-box input[type='checkbox'] + label{display:block;vertical-align:middle;font-size:14px;} .chk-box input[type='checkbox'] + label span{display:inline-block;vertical-align:middle; line-height:1.5; margin-left:30px;} .chk-box input[type='checkbox'] + label:before{content:'';display:inline-block; position:absolute;vertical-align:middle;width:20px;height:21px;background:url(../img/board/form_check_style.png) no-repeat;background-position:0 -20px;background-size:20px;} .chk-box input[type='checkbox']:checked + label:before{background:url(../img/board/form_check_style.png) no-repeat; background-position:0 1px; background-size:20px;} /* 라디오 */ .chk-box input[type='radio']{width:1px;height:1px;visibility:hidden;vertical-align:middle;} .chk-box input[type='radio'] + label{display:block;vertical-align:middle;font-size:14px;} .chk-box input[type='radio'] + label span{display:inline-block;vertical-align:middle; line-height:1.3; margin-left:30px;} .chk-box input[type='radio'] + label:before{content:'';display:inline-block; position:absolute;vertical-align:middle;width:20px;height:20px;background:url(../img/board/form_radio_style.png) no-repeat;background-position:0 -21px;background-size:20px;} .chk-box input[type='radio']:checked + label:before{background:url(../img/board/form_radio_style.png) no-repeat; background-position:0 0; background-size:20px;} /* Korail Tour 썸네일 목록형 리스트 */ .korailTour-list {border-top:2px solid #eee; padding:40px 0} .korailTour-list > ul::after {display:block; content:''; height:0; line-height:0; clear:both;} .korailTour-list > ul > li{width:calc(33.333% - 20px); margin-left:30px;float:left; margin-top:60px;cursor:pointer; outline:none} .korailTour-list > ul > li:first-child{ margin-left:0px !important;} .korailTour-list > ul > li:nth-child(4),.korailTour-list > ul > li:nth-child(7){ margin-left:0px;} .korailTour-list > ul > li:nth-child(1), .korailTour-list > ul > li:nth-child(2), .korailTour-list > ul > li:nth-child(3){margin-top:0;} .korailTour-list > ul > li.nodata {width:100%; text-align:center;margin-left:0;padding:50px 15px; text-align:center; font-weight:normal; color:#333;cursor:default !important} .korailTour-list > ul > li.no-space {margin-left:0;} .korailTour-list > ul > li > h3 {font-size:20px; line-height:1.4; letter-spacing:-0.5px; color:#333; margin-bottom:15px; height:54px; overflow:hidden ;-ms-word-wrap: break-word;} .korailTour-list > ul > li > h3:hover{ text-decoration:underline;} .korailTour-list > ul > li > .thumnails {margin-bottom:20px;line-height:0} .korailTour-list > ul > li > .thumnails > img {width:100%; height:250px;} .korailTour-list > ul > li > .info {line-height:1.4; margin-bottom:10px;} .korailTour-list > ul > li > p.info {line-height:1.6; margin-bottom:10px; font-size:0.917rem} .korailTour-list > ul > li > p.info > strong{font-size:0.917rem; color:#333;} .korailTour-list > ul > li > .info > strong{font-size:0.917rem; color:#333;} .korailTour-list > ul > li > .text {display:block;line-height:1.4;margin-bottom:15px;height:48px;color:#555;} .korailTour-list > ul > li > .type {height:18px; line-height:18px;} .korailTour-list > ul > li > .type > i {background-color:#f0872a; display:inline-block; vertical-align:top; color:#fff; font-size:0.750em; padding:0 5px; border-radius:3px; margin-right:5px;} .korailTour-list > ul > li > .type > span {display:inline-block; vertical-align:top;color:#333; font-size:0.917em; letter-spacing:-1px; text-overflow: ellipsis; word-wrap:break-word; white-space:nowrap; overflow:hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .korailTour-list.columns > ul > li:nth-child(3n+1){margin-left:0} .hallyutourpp-wrap .korailTour-list > ul > li > p.title {height: auto !important;} /* daily-program */ .korailTour-overview {clear:both; padding:40px 9.41%;overflow:hidden;border-top:1px solid #eee} .korailTour-overview > .img-full {margin-bottom:40px;} .korailTour-overview > h3{color:#333; margin-bottom:20px; font-size:1.167em;} .korailTour-overview > .text {line-height:1.6;} /* daily-program : layout*/ .board-wrap .board-view.daily-pr .info-box > li:first-child {padding-left:0px; padding-right:20px;} .board-wrap .board-section > .board-view{border:0} .board-wrap .daily-program {padding:60px 0 0 0!important} .board-wrap .board-view.daily-pr .board-section{padding:40px 9.41% 60px !important;border:0} .board-wrap .board-view.daily-pr .board-section .korailTour-overview {padding:0; border:0} .toure-3day,.busanTour,.destinations-seoul{max-width:950px; margin:0 auto} .daily-program {border-top:1px solid #333; margin-top:40px;} .daily-program > h1 {border:2px solid #26ae6a; color:#26ae6a; width:120px; height:120px; border-radius:50%; line-height:120px; margin:0 auto 60px; text-align:center; font-size:1.667em;} .daily-program .course-box {margin-bottom:60px;} .daily-program .course-box > ul {overflow:hidden; border-top:1px solid #d1d1d1; } .daily-program .course-box > ul > li {display:table; width:100%;} .daily-program .course-box > ul > li > p {display:table-cell; width:25%; padding:15px 15px 12px; background:#fbfbfb url('../img/board/korail_course_bg.gif') 93% center no-repeat; background-size:10px; border-right:1px solid #d1d1d1; border-bottom:1px solid #d1d1d1;} .daily-program .course-box > ul > li > p:first-child {border-left:1px solid #d1d1d1;} .daily-program .course-box > ul > li > p > i {float:left; vertical-align:top; font-weight:bold; background:url('../img/board/korail_course_icon.png') no-repeat; padding-top:7px; height:26px; width:25px; font-size:0.750em; text-align:center; color:#333; letter-spacing:-1px;} .daily-program .course-box > ul > li > p.nobg {background:none; border:none;} .daily-program .course-box > ul > li > p > strong {display:block; font-size:0.917em; color:#333; margin-bottom:8px; padding:0 7px 0 30px;} .daily-program .course-box > ul > li > p > span {display:block; font-size:0.917em; color:#666; line-height:1.4; padding:0 7px 0 30px; letter-spacing:-1px; } .daily-program .course-box > ul.no-bd {border-top:none;} .daily-program .course-box > ul.no-bd > li:first-child > p {border-top:1px solid #d1d1d1;} .daily-program .course-box > ul.no-bd > li:first-child > p.nobg {border-top:none;} .daily-program .post-title > span {font-weight:normal;} .daily-program > p {line-height:1.7; } .daily-program .paragraph{margin-bottom:40px;} .daily-program .box-gray {margin:40px 0 50px;} .daily-program .box-gray > p, .daily-program .box-gray > .dash-list li{font-size:0.917em; line-height:1.4;} .daily-program .box-gray .paragraph{ margin:0 } .daily-program > li {margin-left:4px; margin-bottom:4px;} .daily-program .img-full{margin-bottom:3px;} .daily-program .img-view{margin-bottom:30px;} .daily-program.moreinfo {border-top: 1px solid #eaeaeb; border-bottom: 1px solid #eaeaeb; padding:55px 45px; margin-bottom: 20px;} .daily-program.moreinfo ul {} .daily-program.moreinfo ul li {margin-top: 15px; line-height: 1.5;} /* Trendy trip through downtown Seoul - 12/18 by.aram */ .destinations-seoul { } .destinations-seoul .img-map { margin-bottom:40px;} .destinations-seoul .paragraph { margin-top:20px; line-height: 1.6;} .destinations-seoul .more-info { padding:15px 0; border-top:1px solid #eaeaeb; border-bottom:1px solid #eaeaeb;} .destinations-seoul .page-information { margin-top:40px; line-height: 1.5; } .destinations-seoul .box-gray.box-gray-noTitle p { margin-top:13px;} .destinations-seoul .box-gray.box-gray-noTitle p:first-child { margin-top:0px;} .destinations-seoul .box-gray.box-gray-noTitle p strong { color:#333; } /* 151218 서울 1박2일 추가 */ .daily-program .box-gray > p.b-space{margin-bottom:20px} /* 부산 1박 2일 코스 */ .busanTour {} .busanTour .img-map { margin-bottom:30px; } .moreinfo {border-top: 1px solid #eaeaeb; border-bottom: 1px solid #eaeaeb; padding:55px 45px; margin-bottom: 20px;} .moreinfo ul {margin-bottom: 20px;} .moreinfo ul li {margin-top: 15px; line-height: 1.5;} .page-information { margin-top:40px; line-height: 1.5; } .page-information +.page-information{ margin-top:10px;} /* gallery-list VOD 썸네일 목록형 리스트 */ .gallery-list {border-top:2px solid #eee; padding:40px 0} .gallery-list > ul::after {display:block; content:''; height:0; line-height:0; clear:both;} .gallery-list > ul > li{width:31.66%; margin-left:2.5%;float:left; margin-top:60px;cursor:pointer;} .gallery-list > ul > li:nth-child(1), .gallery-list > ul > li:nth-child(2), .gallery-list > ul > li:nth-child(3){margin-top:0;} .gallery-list > ul > li:nth-child(3n+1){margin-left:0;} .gallery-list > ul > li.nodata {width:100%; text-align:center; padding:10px 0; margin-left:0;} .gallery-list > ul > li.no-space {margin-left:0;} .gallery-list > ul > li > h3 {font-size:22px; line-height:1.25; letter-spacing:-1px; color:#333; margin-bottom:20px; height:55px;} .gallery-list > ul > li > .title:hover{ text-decoration:underline;} .gallery-list > ul > li > .thumnails {margin-bottom:25px; position:relative; line-height:0} .gallery-list > ul > li > .thumnails > img {width:100%; height:250px; position:relative;z-index: 1;} .gallery-list ul.vod > li > .thumnails > .bg {font-size:0;position: absolute; width: 100%;height: 100%;z-index: 1;left: 0px;top: 0px;background-image: url(../img/contents/aboutkorea/btn_vod_play.png);background-position: center center;background-repeat: no-repeat; background-color: rgba(0,0,0,0.4);} .gallery-list ul > li > .running-time {display: block;color: #666; font-size:14px;line-height:1.4; } /* gallery-list VOD 썸네일 목록형 리스트 */ .gallery-list2 {border-top:2px solid #eee; padding:40px 0} .gallery-list2 > ul::after {display:block; content:''; height:0; line-height:0; clear:both;} .gallery-list2 > ul > li{width:31.66%; margin-left:2.5%;float:left; margin-top:60px;} .gallery-list2 > ul > li:nth-child(1), .gallery-list2 > ul > li:nth-child(2), .gallery-list2 > ul > li:nth-child(3){margin-top:0;} .gallery-list2 > ul > li:nth-child(3n+1){margin-left:0;} .gallery-list2 > ul > li.nodata {width:100%; text-align:center; padding:10px 0; margin-left:0;} .gallery-list2 > ul > li.no-space {margin-left:0;} .gallery-list2 > ul > li > h3 {font-size:22px; line-height:1.25; letter-spacing:-1px; color:#333; margin-bottom:20px; height:55px;} .gallery-list2 > ul > li > .thumnails {margin-bottom:25px; position:relative; line-height:0} .gallery-list2 > ul > li > .thumnails iframe {width:100%;} .gallery-list2 ul.vod > li > .thumnails > .bg {font-size:0;position: absolute; width: 100%;height: 100%;z-index: 1;left: 0px;top: 0px;background-image: url(../img/contents/aboutkorea/btn_vod_play.png);background-position: center center;background-repeat: no-repeat; background-color: rgba(0,0,0,0.4);} .gallery-list2 ul > li > .running-time {display: block;color: #666; font-size:14px;line-height:1.4; } /*blog-view : cooking*/ .board-view .cooking-view {overflow:hidden; } .board-view .cooking-view .thumnail{float:left; width:365px; margin:0 35px 25px 0} .board-view .cooking-view .thumnail img{width:100%; text-align:left} .board-view .cooking-view p {margin-bottom:30px;} .board-view .cooking-view p span{font-size:14px;} .board-view .cooking-view strong {font-size:18px; font-weight: bold; letter-spacing: -0.02em; color:#333; display:block; margin-bottom:25px;} .board-view .cooking-view strong::before {content:''; margin-right:0; } .board-view .cooking-view .making-img {display:inline-block; vertical-align:top; width:32%; margin-left:1.1%;} .board-view .cooking-view .making-img.first {clear:both; margin-left:0;} .board-view .cooking-view .making-img img {width:100%} .board-view .cooking-view .making-img span {display:block; margin-top:10px;} .board-view .cooking-view.area-space {margin-top:20px;padding-top:30px; border-top:1px solid #eee} /*map*/ .map-area {float:right; border:1px solid #e0e0e0; background:#fff; width:300px; } .map-area.area-space {margin-top:40px;} .map-image {padding:25px 0; } .map-image > ul {width:262px; height:394px; text-align:center; margin:0 auto; overflow:visible; } .map-image > ul > li {display:none; position:relative;} .map-image > ul > li.show{display:block;} .map-image > ul > li.over {display:block;} .map-image > ul > li.hide {display:none;} .map-image > ul > li > .pin {position:absolute; top:0; left:0; background:url('../img/contents/map/icon_location.png') no-repeat; width:18px; height:28px;} .map-image > ul > li.seoul > .pin{top:62px; left:70px;} .map-image > ul > li.inchun > .pin{top:52px; left:34px;} .map-image > ul > li.gyunggi > .pin{top:86px; left:80px;} .map-image > ul > li.gangwon > .pin{top:38px; left:142px;} .map-image > ul > li.ulsan > .pin{top:210px; left:192px;} .map-image > ul > li.busan > .pin{top:238px; left:177px;} .map-image > ul > li.jeju > .pin{top:340px; left:44px;} .map-image > ul > li.gwangju > .pin{top:237px; left:60px;} .map-image > ul > li.jeollabuk > .pin{top:196px; left:79px;} .map-image > ul > li.jeollanam > .pin{top:268px; left:59px;} .map-image > ul > li.daegu > .pin{top:186px; left:149px;} .map-image > ul > li.chungcheongbuk > .pin{top:104px; left:115px;} .map-image > ul > li.chungcheongnam > .pin{top:117px; left:41px;} .map-image > ul > li.daejun > .pin{top:139px; left:82px;} .map-image > ul > li.gyeongsangbuk > .pin{top:140px; left:160px;} .map-image > ul > li.gyeongsangnam > .pin{top:219px; left:136px;} .map-image > ul > li.sejongl > .pin{top:125px; left:76px;} .map-select {padding:0 30px;} .map-select > select {width:100%; height:22px;} .map-select > select + select {margin-top:10px; } .shopping-select {padding:20px 30px;} .shopping-select > h3 {color:#000; font-size:1.167em; margin-bottom:15px;} .shopping-select > select {width:100%; height:22px;} .board-section.map {margin-right:350px;} .board-section.map > .board-counter {margin-top:20px;} .board-section.map > .blog-list {overflow:hidden} .board-section.map > .blog-list > ul > li {padding:30px 0; min-height:72px;} .board-section.map > .blog-list > ul > li.nodata {min-height:auto;} .board-section.map > .blog-list > ul > li > .thumnails {width:220px; line-height:0} .board-section.map > .blog-list > ul > li > .thumnails > img {width:180px; height:120px; } .board-section.map > .blog-list > ul > li > .type > li {font-size:14px; line-height:1.4; color:#333; margin-bottom:10px; overflow:hidden;} .board-section.map > .blog-list > ul > li > .type > li:last-child{ margin-bottom:0} .board-section.map > .blog-list > ul > li > .type > li span {display:inline-block; float:left; width:80px;color:#aaa} .board-section.map > .blog-list > ul > li > h3{font-size:1.083em; letter-spacing:-0.025em; line-height:1.4; margin-bottom:30px;text-overflow: ellipsis; word-wrap:break-word; white-space:nowrap; overflow:hidden;} .board-section.map .paging > p { margin:0 15px} .board-section.map .paging > a.page-btn.prev{margin-right:0 !important} .board-section.map .paging > a.page-btn.next{margin-left:0 !important} .filter-area {padding:30px; position:relative;} .filter-area > h3 {color:#000; font-size:0.941em; margin-bottom:10px} .filter-area .remove-filter {font-size:0.765em; text-decoration:underline; color:#26ae6a; position:absolute; top:32px;right:30px;} .filter-area .remove-filter.othr{position:relative; top:0;right:0;} .filter-area ul {margin-bottom:40px;} .filter-area .filter-button {font-size:15px;font-family:Arial, sans-serif !important;font-weight:bold;width:100%;height:50px;line-height:37px;box-sizing:border-box;background:#26ae6a; border-radius:2px; border:1px solid #26ae6a;color:#fff;/* text-transform:uppercase; */} .filter-area .board-search{display:none; background:none; padding:0; border:none; margin-bottom:10px;} .filter-area ul li.kqchk {float:none; clear:both; padding-top:20px;width:100%} .filter-area ul li.kqchk .chk-box{border-top:1px dashed #d4d4d4; width:100%} /*report-error*/ .report-error {position:relative; padding:40px; border:1px solid #d4d4d4; margin:50px 0 0;} .report-error > .text-guide {line-height:1.4; padding-right:220px; min-height:45px;} .report-error .button-toggle {position:absolute; top:40px; right:40px; font-size:15px;font-weight:900;height:50px;line-height:37px; padding:0 25px;box-sizing:border-box;background:#fff; border-radius:2px; border:1px solid #bbb;color:#333;/* text-transform:uppercase; */} .report-error .button-toggle span {display:inline-block;font-family:"Arial", sans-serif !important;} .report-error .button-toggle span::after {content:''; background:url(../img/board/bread_arrow_down.png) no-repeat right center; background-size:10px; width:10px; height:10px; display:inline-block; margin-left:15px;} .report-error .button-toggle.hide { border:1px solid #26ae6a;color:#26ae6a;} .report-error .button-toggle.hide span::after {content:''; background:url(../img/board/page_view_up_arow_on.png) no-repeat right center; background-size:10px; width:10px; height:10px; display:inline-block; margin-left:15px; } .report-error .detail{padding:30px 0;} .report-error .input-box > dl:nth-child(1) dt{margin-top:0;} .report-error .input-box > dl:nth-child(2) {width:49%; margin-right:1%; display:inline-block} .report-error .input-box > dl:nth-child(3) {width:49%; display:inline-block} .report-error .input-box > dl:last-child{ margin-bottom:50px;} .report-error .input-box > dl > dt{font-size:15px;font-weight:600;color:#333;margin-top:20px} .report-error .input-box > dl > dd{font-size:14px;font-weight:100;color:#333;margin-top:20px;} .report-error .input-box {margin:20px 0;} .report-error .input-box dl > dt {width:20%; } .report-error .input-box dl > dt.left {border-left:none;} .report-error .input-box dl > dd {width:100%;} .report-error .input-box dl > dd .file-textbox{ width:75%; margin-right:1%} .report-error .input-box dl > dd.width-full {width:100%;} .report-error .input-box input[type=text], .report-error .input-box textarea {font-size:14px;font-family:Arial, sans-serif !important;font-weight:bold;padding:18px 45px 18px 20px;width:100%; height:50px;box-sizing:border-box;background:#fff; border:1px solid #aaa; color:#aaa;border-radius:2px;} .report-error .input-box textarea{ height:80px;} .report-error .input-box .text-center{text-align:center;} .report-error .more-info {text-align:left; margin-bottom:40px ;padding:20px 0 ; border-top:1px solid #eee} .report-error .more-info > a {text-decoration:underline; color:#fff; vertical-align:top} .report-error .more-info > a span{vertical-align:top} .report-error .button-send { display: block;font-size:15px;font-family:Arial, sans-serif !important;font-weight:900;width:21%;height:50px;line-height:37px;box-sizing:border-box;background:#26ae6a; border-radius:2px; border:1px solid #26ae6a;color:#fff !important;/* text-transform:uppercase; */ margin:auto } .report-error > dl:first-child{margin-top:0;} .report-error .input-box dl > dd .size01{width:100%; margin-right:0} .report-error .input-box dl > dd .size02{width:100%; margin-right:0} .report-error .input-box dl > dd .size03{width:100%; margin-right:0} .report-error .input-box dl > dd .nick-area{width:100%; margin-right:0; margin-bottom:10px} .report-error .input-box dl > dd .nick-btn{width:85%; margin-right:0;} .report-error .chk-raio-layout > li:first-child{margin-left:0} .report-error .chk-raio-layout > li{margin-left:0; display:block} .nick-quest{ display:inline-block;line-height:50px;vertical-align:middle; margin-left:10px;} .file-textbox { margin-bottom:10px;} .board-write.qna .chk-raio-layout >li.chk-box{padding-top:10px !important} .board-write.qna .chk-raio-layout >li.chk-box:first-child{padding-top:0 !important} .tab-menu.inner .tab-content table{width:100%; max-width:100%;} .tab-menu.inner .tab-content table tr td{ font-size:14px;} .tab-menu.inner .tab-content table tr td img{width:auto !important} .hangeu118_wrap h3{padding: 0 !important} .hangeu118_wrap .caption{ line-height: 19px !important} #CDSWIDSSP .widSSPData .widSSPBranding dt{ height:36px !important} @media screen and (max-width: 1460px){ #contents .ksearch.board-wrap.search-box {margin:4.79vw auto -4.79vw auto ;}/*GG 2.25*/ #sub-container #contents form + .board-allSer {margin-top:4.79vw} } @media screen and (max-width:1279px) { #sub-container .page-wrap > .board-section .top-text{margin-bottom:40px;} .page-form{ margin:0 auto 4vw auto} .board-list > table > tbody td:first-child{padding-left:0.5vw} .board-list > table > tbody td:last-child{padding-right:0.5vw} .board-list > table > tbody td:nth-child(3){padding-left:1vw} /*bbs : qna-list*/ .qna-list > table > tbody td .cate{max-width:30%;overflow:hidden;white-space:nowrap;text-overflow: ellipsis;} .qna-list > table > tbody td .subj{max-width:70%;} .qna-list .qna-info-box { float:none; margin-top:20px;} .qna-list .qna-info-box > li{text-align: left;padding:0 20px 0 0;word-break:keep-all; word-break:break-all } .qna-list .qna-info-box > li:first-child{padding-left:0;} .qna-list .qna-info-box > li:nth-child(1){width:auto} .qna-list .qna-info-box > li:nth-child(2){width:auto} .qna-list .qna-info-box > li:nth-child(3){width:auto} .qna-list .qna-info-box > li:nth-child(4){width:auto} .qna-list .qna-info-box > li:nth-child(5){width:auto;text-align:left;} .qna-list .qna-info-box > li{ margin-left:2vw;} .qna-list > table > tbody td .cate{margin-right:1vw} .qna-list.evnt .qna-info-box > li{text-align:left;padding:0 30px 0 0;} .qna-list.evnt .qna-info-box > li:nth-child(1){width:auto} .qna-list.evnt .qna-info-box > li:nth-child(2){width:auto} .qna-list.evnt .qna-info-box > li:nth-child(3){width:auto;text-align:left;padding:0 30px 0 0;} .button-page.prev{left:-5px;} .button-page.next{right:-5px;} .korailTour-list > ul > li > .thumnails > img {width:100%; height:20vw;} .gallery-list > ul > li > .thumnails > img {width:100%; height:20vw;} /* shop search */ .board-section.map {margin-right:330px;} .board-section.map .paging > p {display: inline-block; margin:0 0.8vw} .board-section.map .paging {height:3vw;margin-top:4vw} .board-section.map .paging a, .board-section.map .paging span {height: 3.5vw; width: 3.5vw; line-height: 3.5vw;} .board-section.map .paging a.page-now {color: #fff;} .board-section.map .paging > a {width: 3.5vw;height:3.5vw } .board-section.map .paging > a > i {width: 3.5vw;height:3.5vw;} /* promotion list */ .thumnail-list{} .thumnail-list > ul > li {margin-left:2.98%; padding-top: 3vw; width:48.5% } .thumnail-list > ul > li:nth-child(2n+1){margin-left:0} .thumnail-list > ul > li:hover, .thumnail-list > ul > li:focus { cursor: pointer; } .thumnail-list > ul > li.nodata {text-align: center; float:none; clear:both; width:100%} .thumnail-list > ul > li.nodata p{ padding:110px 0;} .thumnail-list > ul > li .thumnails { margin-bottom:3vw} .thumnail-list > ul > li .thumnails > img {width:100%;height:20vw;} .thumnail-list > ul > li h3 { font-size: 22px; letter-spacing:-0.025em; color: #333; margin-bottom: 2vw; font-weight: bold } .thumnail-list > ul > li h3:hover { text-decoration: underline } .thumnail-list > ul > li .date-info { display: block; color: #555; font-size:14px; line-height: 1.6; margin-bottom: 2vw; word-wrap: break-word; } /* card-list*/ .card-list { padding-top:3.4vw;} .card-list > ul > li {width:32.6%; margin-left:0.8vw;min-height:auto; margin-bottom:2.5vw} .card-list > ul > li .thumnails > img {width:100%; height:19vw} .card-list > ul > li .data-box{padding:2.2vw;min-height:10vw} .card-list.c-news > ul > li .data-box{min-height:8vw} .card-list > ul > li .data-box .tag-icon > strong{margin-right:-5px;} .card-list > ul > li .data-box .tag-icon {margin-bottom:2vw;} .card-list > ul > li .data-box > h3 {font-size:1.5vw; font-family:Arial, Gadget, sans-serif; line-height:1.2;color:#333;margin-bottom:1.2vw; height:3.7vw} .card-list > ul > li .data-box .text {display: block; color: #555; font-size:14px;line-height: 1.4; margin-bottom:1.5vw; word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal;text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:42px; } .card-list > ul > li .data-box .info-box > li{font-size:13px;} .card-list > ul > li .data-box .info-box > li:nth-child(1){padding-right:1.2vw} .card-list > ul > li:nth-child(3n+1){margin-left:0;} .card-list > ul > li .data-box .type{min-height:165px;} /* (2020.12.11) 좋아요를 링크에서 분리하는 작업 수정 */ .card-list > ul > li .like_Wrap {height:19vw;} .card-list.search-page > ul > li {width:32.2%; margin-left:1vw;float:left; margin-bottom:2vw;overflow:hidden;border:0} .card-list.search-page > ul > li:hover{border:0;box-shadow:none;} .card-list.search-page > ul > li .thumnails > img {width:100%; height:14vw} .card-list.search-page > ul > li .thumnails .like-it{bottom:1vw; right:1vw} .card-list.search-page > ul > li .data-box{padding:1.4vw 0 0 0; border:0; border-top:0;min-height:140px} .card-list.search-page > ul > li .data-box > h3 {font-size:1.3vw; height:3.7vw} .card-list.search-page > ul > li:nth-child(3n+1){margin-left:0;} .card-list.search-page > ul > li .type > li {font-size:1.1vw; line-height:1.4; color:#333; margin-bottom:0.5vw; overflow:hidden;} .card-list.search-page > ul > li .type > li:last-child{ margin-bottom:0} .card-list.search-page > ul > li .type > li span {display:inline-block; float:left;width:4.1vw;color:#aaa} .card-list.search-page > ul > li .data-box .type{min-height:auto;} .card-list.search-page + paging{ margin-top:10px !important;} /* (2020.12.18) 좋아요분리 */ .card-list.search-page > ul > li .like_Wrap {height:14vw} /*blog-view : cooking*/ .board-view .cooking-view .thumnail{float:left; width:31vw; margin:0 25px 25px 0} .board-view .cooking-view .thumnail img{width:100%; text-align:left} /* korailTour-list */ .korailTour-list > ul > li > h3 {font-size:18px; line-height:1.4; letter-spacing:-0.03em; color:#333; margin-bottom:15px; height:55px;} .korailTour-list > ul > li > .text{font-size:15px;} /* mypage-list : blog */ .blog-list.my-page-list > ul > li .thumnails > img { width: 90%; height:auto} .blog-list.my-page-list > ul > li .cate-tit{float: left;font-size:14px; color:#26ae6a; font-weight:600;margin-bottom:1vw; } .blog-list.my-page-list > ul > li h3 {float: left;font-size:1.8vw; margin-bottom:2vw;height:5vw;} .blog-list.my-page-list > ul > li .btn-box {width:10%;min-width:100px;margin-left:5%;top:5.3vw} .blog-list.my-page-list > ul > li .not-found{padding:14vw 15px;} /* daily-program : layout*/ .korailTour-overview {padding:4.7vw 4.3vw 0 4.3vw } .board-wrap .post-section.daily-program {padding:4.7vw 0 0 0!important} .board-wrap .board-view.daily-pr .board-section{padding:4.7vw 4.3vw 0 4.3vw !important;} /* search ebook */ .board-allSer > ul.search-list.ebook > li {float: none; padding:0;margin-top:38px; margin-left:2.44%;width:23.1%} .board-allSer > ul.search-list.ebook > li .thumnails {height:29.88vw;} .board-allSer > ul.search-list.ebook > li h3{font-size:1.3vw; padding:1.3vw 0;} } @media screen and (max-width:1024px) { /*tool-tip*/ .tooltip02{position: relative; display:inline-block;} .tooltip02:hover:after{background: #fff; bottom: -65px; color: #333; content: attr(data-title); left:-480px; padding: 0 30px; height:60px; line-height:60px; position: absolute; z-index: 98; min-width:20px; max-width:700px; overflow: hidden; text-overflow: ellipsis; white-space:nowrap; border:0; border-radius:2px; box-shadow: 0px 6px 18px rgba(0,0,0,0.15); font-size:14px; font-weight:600} .tooltip02:hover:before {width:25px; height:15px; background:url(../img/board/tooltip_icon_top02.png) no-repeat; bottom:-11px; content: ""; left: 0px; position: absolute; z-index: 99;} .board-allSer > ul.search-list > li h3{margin-bottom: 15px;} .board-allSer > ul.search-list > li .text {margin-bottom:15px;} .board-allSer > ul.search-list > li .info-box > li {margin-bottom:5px;} .board-allSer > ul.search-list > li .key-word{overflow:hidden; padding-left:0;} .board-qna-view > dl > dt, .board-qna-view > dl > dd{padding:2vw 2.5vw;} .card-list.search-page > ul > li .data-box{padding:1.4vw 0 0 0; border:0; border-top:0;min-height:128px} /* search ebook */ .board-allSer > ul.search-list.ebook > li {float: none; padding:0;margin-top:38px; margin-left:2.44%;width:31.7%} .board-allSer > ul.search-list.ebook > li .thumnails {height:39vw;} .board-allSer > ul.search-list.ebook > li h3{font-size:1.78vw; padding:1.8vw 0;} .board-allSer > ul.search-list.ebook > li:nth-child(5n){margin-left:2.44%;} .board-allSer > ul.search-list.ebook > li:nth-child(3n+1){margin-left:0} } @media screen and (max-width:939px) { /* 다른 칼럼 wrap */ .board-content-other {padding-top:40px; padding-left:0; padding-right:0} /* 기본 칼럼 wrap */ .board-content{ padding-top:40px; padding-left:0; padding-right:0} .board-content img{width:100%;} .board-content > div h2{} .board-content > div > h3{font-size: 1.75rem;font-weight: bold; letter-spacing: -0.03em;margin:40px 0 20px 0 ; line-height:2.32rem} .board-content > div > h4{font-size: 1.25rem; font-weight: bold; letter-spacing: -0.03em; margin:20px 0 ;line-height:2rem} .board-content > div h5{font-size: 1rem; font-weight: bold; letter-spacing: -0.03em;line-height:1.38rem} .board-content > div h6{font-size: 1rem; font-weight: bold; letter-spacing: -0.03em;line-height:1.38rem} .board-wrap ul.board-side-list> li {padding:20px 35px 20px 0; overflow:hidden;} .board-wrap ul.board-side-list> li > strong {color:#333; float:none; width:auto; margin-right:0; margin-bottom:14px; display:block; font-weight:bold} .board-wrap ul.board-side-list> li > strong::before {content:''; background:none; padding-right:0; margin-right:0;} .board-wrap ul.board-side-list> li:first-child > strong::before {content:''; background:none; padding-right:0; margin-right:0;} .board-wrap ul.board-side-list> li {content:''; background:url(../img/board/page_view_down_arow.png) no-repeat center right;} .board-wrap ul.board-side-list> li:first-child {content:''; background:url(../img/board/page_view_up_arow.png) no-repeat center right;} .board-wrap ul.board-side-list> li > span {float:none; display:none} .board-wrap ul.board-side-list> li a {display:block; color:#333; text-overflow: ellipsis; word-wrap:break-word; white-space:nowrap; overflow:hidden;} .page-form{padding:20px;margin-right:-19px;margin-left:-19px; margin-bottom:40px} .input-box.size02{width:49%;padding-right:0} .input-box.size02.modis{margin-right:0;} .input-box.size03{width:100%;margin-top:10px;} .form-wrap .size04{width:100%;margin-top:10px;} .form-wrap .size04 > .size04 {margin-top:0;} .form-wrap .size04.mt-not{width:100%;margin-top:10px !important;} .input-box.size05{width:100%;} .form-wrap .no-right{margin-right:0} .form-wrap .chk-box{display:block;padding:0;position:absolute;bottom:65px;} .paging > p { display: inline-block; margin: 0 1vw } .paging { text-align: center; vertical-align: middle; height: 42px; } .paging a, .paging span {height: 42px; width: 42px; line-height: 40px; } .paging .page-btn i { width: 42px; height: 42px;} .paging a.page-button i { width: 42px; height: 42px;} .paging > a.page-btn.prev{margin-right:1vw } .paging > a.page-btn.next{margin-left:1vw } /*daily-program*/ .daily-program .course-box {margin-bottom:25px;} .daily-program .course-box > ul > li {display:block; } .daily-program .course-box > ul > li > p {display:block; width:auto; border-left:1px solid #d1d1d1; } .daily-program .course-box > ul > li > p.nobg {padding:0;} .daily-program .course-box > ul.no-bd {border-top:1px solid #d1d1d1;} .daily-program .course-box > ul.no-bd > li:first-child > p {border-top:none;} .daily-program .img-area > li {margin-left:0;} .daily-program .box-gray {padding:40px 30px;} .daily-program h3.post-title{ line-height:1.4} .korailTour-overview {padding-top:40px;padding-left: 0px;padding-right: 0px;} .board-wrap .post-section.daily-program {padding:40px 0 0 0!important} .board-wrap .board-view.daily-pr .board-section{padding:40px 0 0 0 !important} .moreinfo {padding:40px 30px;} /* .gallery-list */ .gallery-list > ul > li > .thumnails > img {width:100%; height:25vw;} .gallery-list > ul > li{width:49%; margin-left:2%;} .gallery-list > ul > li:nth-child(1), .gallery-list > ul > li:nth-child(2){margin-top:0;} .gallery-list > ul > li:nth-child(3){margin-top:60px;} .gallery-list > ul > li:nth-child(3n+1){margin-left:2%;} .gallery-list > ul > li:nth-child(2n+1){margin-left:0;} .gallery-list > ul > li .title{ overflow:hidden} /* .gallery-list2 */ .gallery-list2 > ul > li > .thumnails iframe {width:100%; height:28vw !important;} .gallery-list2 > ul > li{width:49%; margin-left:2%;} .gallery-list2 > ul > li:nth-child(1), .gallery-list2 > ul > li:nth-child(2){margin-top:0;} .gallery-list2 > ul > li:nth-child(3){margin-top:60px;} .gallery-list2 > ul > li:nth-child(3n+1){margin-left:2%;} .gallery-list2 > ul > li:nth-child(2n+1){margin-left:0;} .gallery-list2 > ul > li .title{ overflow:hidden} /* bbs board-list */ .board-list table .web {display:none;} .board-list > table > colgroup > col:first-child{display: block} .board-list > table > colgroup > col+col{width:100%} .board-list > table > tbody td:first-child{display: block} .board-list > table > tbody td{ line-height:1.5; padding:25px 10px} .board-list > table .info-box{display:block; margin-top:20px;} .board-list > table .info-box > li:first-child{padding-left:0} .board-list > table .info-box > li {display:inline-block;font-size:14px; font-weight:normal; padding-left:40px;} .board-list > table .info-box > li > strong {color: #aaa; margin-right: 13px; font-weight:normal } /*bbs : qna-list*/ .board-list.qna-list > table > tbody td:first-child{display:block} .qna-list > table > tbody td .cate{margin-right:1vw} .qna-list > table > tbody td .subj{width:auto } .qna-list .qna-info-box > li.dates strong{ margin-right:1vw;} .board-write{padding:4vw 3vw;} .board-write.qna .chk-raio-layout > li{margin-left:2vw} .board-write.qna + .board-button-area .board-btn.reigt{display:inline-block} .board-allSer > ul.search-list > li h3{margin-bottom:0; line-height:1.3} .board-allSer > ul.search-list > li {line-height:1.3} .board-allSer > ul.search-list > li .text{margin-bottom:10px} .board-allSer > ul.search-list > li .info-box li{margin-bottom:5px; display:block;} .board-allSer > ul.search-list > li .info-box > li:nth-child(1){ padding-right:0} /* modal-pop my list */ .modal-pop {left:0;top:0;width:100%; display:none} .modal-pop.qna-pop01 .popCont-area{} .modal-pop.qna-pop02 {} .modal-pop.qna-pop02 .popCont-area{overflow-y:auto; } .modal-pop .popCont-area{padding:0 20px 0 20px;background:#fff; box-shadow:3px 15px 25px 2px rgba(0,0,0,0.2); margin:0 auto } .modal-pop .popCont-area .green-btn{ position:absolute; bottom:0; left:0; border-radius:0} .modal-pop .big-tit{line-height:1.2em;padding:20px 20px 15px 20px;} .modal-pop .popCont-area .input-info{padding:20px 0; } .modal-pop .popCont-area dl.input-info > dd.txt-by{top:20px;right:0;} .modal-pop .popCont-area dl.input-info > dd.txt-by strong{ font-weight:900} .modal-pop .popCont-area dl.input-info > dd > .nick-area{width:100% !important; margin-right:1.5%} .modal-pop .popCont-area dl.input-info > dd > .nick-btn{width:100% !important; margin-right:0} .modal-pop .popCont-area dl.input-info > dd > .nick-ok{ display:block; color:#1e75d6; font-size:14px; margin-top:15px} .modal-pop .popCont-area dl.input-info > dd > .nick-no{ display:block; color:#ff3f3f; font-size:14px; margin-top:15px} .modal-pop .popCont-area ul.note-list{ padding:25px 0;} .modal-pop .popCont-area ul.note-list li::before{content:'·'; width:5px;padding:0 5px 5px 0 ; display:block; float:left} .modal-pop .popCont-area ul.note-list li{font-size:13px; line-height:1.8; overflow:hidden;} .modal-pop .popCont-area .green-btn.gray{width:50%; position:absolute; bottom:0; left:0; background:#bbb; border-color:#bbb} .modal-pop .popCont-area .green-btn{width:50%;position:absolute; bottom:0; right:0; border-radius:0} /* shop search */ .map-area {float:none; width:100%; margin-bottom:30px;} .board-section.map {margin-top:30px; margin-right:0px;} .board-section.map > .board-counter {margin-top:0px;} .board-section.map >.board-search {display:none ;margin-bottom:20px;} .map-select{ padding:0 20px;} .filter-area { } .filter-area {padding:30px 20px 20px 20px;} .filter-area ul{} .filter-area ul > li {float:left; width:50%} .filter-area .filter-button{ clear:both; margin-top:20px} .board-section.map .paging > p {margin:0 6vw} /* card-list*/ .card-list {padding-top:3.4vw;} .card-list > ul > li {width:49%; margin-left:1vw;min-height:auto} .card-list > ul > li .thumnails > img {width:100%; height:26vw} .card-list > ul > li .data-box{padding:3.6vw;} .card-list > ul > li .data-box .tag-icon > strong{margin-right:-5px;} .card-list > ul > li .data-box .tag-icon {margin-bottom:2vw;} .card-list > ul > li .data-box h3 {font-size:2.1vw; line-height:1.2; letter-spacing:-0.025em; color:#333;margin-bottom:1.5vw; height:5vw} .card-list > ul > li .data-box .text {display: block; color: #555; font-size:14px;line-height: 1.4; margin-bottom:1.5vw; word-wrap: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal;text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height:42px; } .card-list > ul > li .data-box .info-box > li{font-size:13px;} .card-list > ul > li .data-box .info-box > li:nth-child(1){padding-right:1.2vw} .card-list > ul > li:nth-child(2n+1){margin-left:0;} .card-list > ul > li:nth-child(2n+2){margin-left:1vw;} .card-list.search-page > ul > li {width:48%; margin-left:3%;} .card-list.search-page > ul > li:hover{border:0;box-shadow:none;} .card-list.search-page > ul > li .thumnails > img {width:100%; height:26vw} .card-list.search-page > ul > li .data-box{min-height:18vw} .card-list.search-page > ul > li .data-box > h3 {font-size:18px;line-height:1.4;height:48px; margin-bottom:20px;} .card-list.search-page > ul > li:nth-child(2n+1){margin-left:0;} .card-list.search-page > ul > li:nth-child(2n+2){ margin-left:3%;} .card-list.search-page > ul > li .type > li {font-size:14px; line-height:1.2; color:#333; margin-bottom:5px; overflow:hidden;} .card-list.search-page > ul > li .type > li:last-child{ margin-bottom:0} .card-list.search-page > ul > li .type > li span {display:inline-block; float:left;width:65px;color:#aaa} /* (2020.12.18) 좋아요분리 */ .card-list > ul > li .like_Wrap , .card-list.search-page > ul > li .like_Wrap {height:26vw} a.text-button{background-position:calc(100% - 10px) center;padding:15px 45px 15px 15px; text-decoration:none} } @media screen and (max-width:868px) { .search-box .tab-menu.sort.fl-r{ float:none !important} .board-allSer .search-counter span{ margin-left:5px} .board-allSer .search-counter span:before{padding-left:5px} .board-allSer .search-counter h2{margin-top:30px;font-size:1rem;} .board-allSer .search-counter .chk-box.none, .board-allSer .search-counter .chk-box{ float:right; margin-top:22px; margin-left:0;} .search-box .tab-menu.sort:after{ content:''; display:block; clear:both} .search-box .tab-menu.sort {overflow:hidden} .search-box .tab-menu.sort {float:none;} .search-box .tab-menu.sort > li {width:50% !important; border-bottom:2px solid #eaeaeb} .search-box .tab-menu.sort > li.on {width:50% !important; border-bottom: 2px solid #555; } .search-box .tab-menu.sort > li.on > a { color: #222; font-weight:bold } .search-box .tab-menu.sort > li > a { padding: 20px 20px; text-align:center; font-size:1rem; font-weight: 100; color: #888; min-width: 30px;} .board-counter > p.bdsns-icon img{ width:70%; margin-top:2px} } @media screen and (max-width:750px) { .board-content p, .board-content div{font-size:1rem} .board-view .board-view-title {padding:35px 0 40px; position:relative;} .board-view .board-view-title > h3{font-size:1.8rem; color:#333; margin-bottom:30px; width:100%} .board-view .board-view-title .info-box > li > .tag-icon {height:0; width:0; font-size:0; line-height:0; overflow:hidden; position:absolute; top:-9999px; left:-9999px;} .board-view-title .info-box > li, .board-view-title .info-box > li:first-child{padding-left:0; padding-right:0; } .board-view .board-view-title .info-box > li:last-child {padding-left:30px;} .blog-list > ul > li > h3 {font-size:1.125rem; line-height:1.3} .blog-list .info-box > li:first-child .tag-icon strong{height:0; width:0; font-size:0; line-height:0; overflow:hidden; position:absolute; top:-9999px; left:-9999px;} .blog-list .info-box > li:first-child {display:block; margin-bottom:20px;} .blog-list .info-box > li:nth-child(2) {padding-left:0} .blog-list .info-box > li > strong{font-weight:normal} .blog-list .info-box > li > .tag-icon {height:0; width:0; font-size:0; line-height:0; overflow:hidden; position:absolute; top:-9999px; left:-9999px;} .db-list .board-view-title > h3{font-size:1.8rem; color:#333; margin-bottom:0; width:100%} .board-counter p{font-size:0.8125rem} .board-counter p > .color-point{font-size:0.9375rem} .board-counter {margin-top:43px; } .board-counter p:nth-child(2){display:none} .tab-menu.sort:after{ content:''; display:block; clear:both} .tab-menu.sort {overflow:hidden} .tab-menu.sort {float:none;} .tab-menu.sort > li {width:50% !important; border-bottom:2px solid #eaeaeb} .tab-menu.sort > li.on {width:50% !important; border-bottom: 2px solid #555; } .tab-menu.sort > li.on > a { color: #222; } .tab-menu.sort > li > a { padding: 20px 20px; text-align:center; font-size:1rem; font-weight: 100; color: #888; min-width: 30px;} .tab-menu > li { float: left; } .tab-menu > li > a { display: block; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size:1rem; font-weight: bold } .tab-menu > li:first-child{ background:url(../img/board/page_view_depth_line.png) no-repeat right center;} .blog-list > ul p.thumnails { float: none; margin-bottom: 20px; width: 100%; } .blog-list > ul p.thumnails > img { width: 100%; height: auto; } .blog-list > ul > li { padding-left: 0;padding-right: 0; } .blog-list > ul > li > p.text { display: none; } .board-allSer > ul.search-list > li {padding-left: 0;padding-right: 0; } .board-allSer > ul.search-list > li h3 { font-size:1.125rem; margin-bottom: 15px;line-height:1.4;white-space:normal; overflow:visible} .board-allSer > ul.search-list > li .text {display: block; color: #555;margin-bottom:20px;white-space: normal; } .board-allSer > ul.search-list > li p.thumnails { float: none; margin-bottom: 20px; width: 100%; display: block} .board-allSer > ul.search-list > li p.thumnails > img { width: 100%; height: auto; } .board-allSer > ul.search-list > li .info-box li {margin-bottom:20px; display:inline-block; white-space:normal; } .board-allSer > ul.search-list > li .info-box > li:nth-child(1){ padding-right: 40px; } .board-allSer > ul.search-list > li .info-box > li:nth-child(2){ padding-left: 0px; overflow:hidden;white-space:nowrap;text-overflow: ellipsis; } .board-allSer > ul.search-list > li .key-word{margin-top:0; padding-left:0} .blog-list.my-page-list > ul > li > .thumnails {float: none; margin-bottom: 20px; width: 100%; } .blog-list.my-page-list > ul > li > .thumnails > img { width: 100%; height:auto} .blog-list.my-page-list > ul > li > .cate-tit{float: none; margin-bottom:20px;} .blog-list.my-page-list > ul > li > h3 {float: none;font-size:1.125rem; margin-bottom:20px; width:100%; height:55px} .blog-list.my-page-list > ul > li > .info-box{float: none; width:100%;display:inline-block; margin-bottom:10px;} .blog-list.my-page-list > ul > li > .info-box > li:first-child{display:inline-block;padding-right:40px} .blog-list.my-page-list > ul > li > .btn-box {position:relative; overflow:hidden;width:100%;min-width:100%;margin-left:0;top:0; right:0} .blog-list.my-page-list > ul > li > .btn-box a{width:48%; float:left} .blog-list.my-page-list > ul > li > .btn-box a + a{margin-left:2%; margin-top:0} .blog-list.my-page-list > ul > li > .btn-box.mid > a.list-btn{width:100%; float:none} .blog-list.my-page-list > ul > li .not-found{padding:14vw 15px; font-size:0.9375rem; line-height:1.4} /*bbs : qna-list*/ .qna-list > table > tbody td .cate{width:auto;max-width:none} .qna-list > table > tbody td .subj{display:block;overflow:hidden;width:85vw;max-width:none;margin-top:10px;} .qna-list .qna-info-box { float:none;overflow:hidden; position:relative;margin-top:10px;} .qna-list .qna-info-box > li{margin-left:18px; margin-top:5px; vertical-align:bottom} .qna-list .qna-info-box > li:first-child{margin-left:0;} .qna-list .qna-info-box > li:nth-child(2){margin-left:0;} .qna-list .qna-info-box > li:nth-child(4){margin-left:0;clear:both} .qna-list .qna-info-box > li.review{color:#ff3f3f} .qna-list .qna-info-box > li.file{position:absolute; bottom:0; right:2px} .board-btn.reigt { display:none} .qna-list.evnt > table > tbody td .cate{margin-bottom:5px;font-size:1rem;} .qna-list.evnt> table > tbody td .subj{max-width:50vw; margin-bottom:10px;} .qna-list.evnt .qna-info-box > li{margin-top:8px; } .qna-list.evnt .qna-info-box > li:first-child{margin-left:0;} .qna-list.evnt .qna-info-box > li:nth-child(2){margin-left:0;clear:both} .qna-list.evnt .qna-info-box > li.dates strong{color:#aaa;display:inline-block;} /* mypage tab */ .tab-board{margin-bottom:40px; display:table; width:100%} .tab-board > li{font-size:0.875rem; float:none; display:table-cell; vertical-align:middle} .tab-board > li > a{padding:20px 8px; height:auto;line-height:1.2;} /* paging */ .mobile a.more-btn {display:block; text-align:center; width:100% !important;height:50px !important; line-height:50px !important; border:1px solid #aaa; border-radius:2px; vertical-align:middle;font-size:0.875rem; color:#333; font-weight:900; font-family:Arial,sans-serif !important; /* text-transform:uppercase; */} .mobile a.more-btn > span {height:50px !important; line-height:48px !important;width:auto;font-size:16px; color:#333; font-weight:bold;} .mobile a.more-btn > i{text-indent:-10000px;box-sizing:border-box;vertical-align: middle;border:0; display:inline-block;width: 0px;height:0px;border:0;border-radius:0} .mobile a.more-btn:before{content:''; padding-left:30px;background:url(../img/board/icon_page_view_more.png) no-repeat center center; background-size:10px;} .paging{ margin-top:30px} .paging, .paging.clear {display:none} .paging.mobile {display:block} .column-wrap .img-wrap .cap{font-size:0.9375rem; line-height:18px;padding:0 0 10px 0 !important; font-weight:normal; letter-spacing:-0.02rem} .column-wrap div.caption{font-size:0.9375rem; line-height:18px;padding:0 0 10px 0 !important; font-weight: 100 !important; letter-spacing:-0.02rem} .board-content div.caption{font-size:0.9375rem;line-height:18px;text-align: center;padding: 0 0 14px 0 !important; } .board-content div img, .board-content p img{display:block;text-align:center ; margin:0 auto; max-width:100% !important;width: 100%;height: auto !important; margin-bottom:0 !important;} .board-content img{display:block;text-align:center ; margin:0 auto ; width:100% !important;height: auto !important;} .board-content-share {display:none;} /*koreaKQ column reset*/ .content-wrapper div.caption{font-size:0.9375rem !important} .board-content.event-view .event-enter{margin:30px auto 50px auto; width:100%} .board-content.event-view .evtn-area{padding:0} button[type=submit].grline-btn, button[type=button].grline-btn, .grline-btn{ width:100%; padding:0 1vw;} /*bbs-button*/ .board-button-area {text-align:center; width:100%} .board-button-area a {display:block; vertical-align:middle; } .board-button-area a:hover{color:#fff} .board-button-area.area-space > a.button{width:100%;text-align:center;} /*bbs - contents*/ .page-content .input-box {border-top:1px solid #414141;overflow-x:hidden} .page-content .input-box dl{display:block; width:100%;} .page-content .input-box dl > dt{display:block; padding:10px 0 10px 0; text-align:left !important;font-size:0.917em;background:#fff;font-weight:bold; border-bottom:0;width:100%;} .page-content .input-box dl > dd {display:block; padding:0 0 10px 0; text-align:left !important;font-size:0.917em;} .page-content .input-box dl > dt.left {border-left:none;} .page-content .input-box dl > dt.width20 {width:100%;} .page-content .input-box dl > dt.width30 {width:100%;} .page-content .input-box dl > dd.width80 {width:100%; vertical-align: middle;} .page-content .input-box dl > dd.width30 {width:100%; vertical-align: middle;} .page-content .input-box dl > dd.width70 {width:100%; vertical-align: middle;} /*flie Down*/ .board-view-title + .file-wrap {background:#fff; padding:40px 0 20px 0;border-bottom:1px solid #fff;position:relative} .board-view-title + .file-wrap .file{display:block; padding:10px 25px 30px 25px;border:1px solid #eee; overflow:hidden} .board-view-title + .file-wrap .file > a {min-height:20px;float:none;font-size:0.94rem;margin-right:0;} .form-wrap .input-box{ float:none} .input-box.size01{width:100%;padding-right:0} .input-box.size02{width:100%;padding-right:0} .input-box.size03{width:100%;} .form-wrap .size04{width:100%;} .form-wrap .input-box.modis{display:none} .input-dash{display:none} .page-form .chk-box{padding-left:0} .form-wrap.form-qna .input-box{width:100%;margin-right:0;} .form-wrap.form-qna .size04{width:100%; margin-top:0} /*KORAIL Tourist Trains*/ .korailTour-list > ul > li {float:none; margin-left:0; margin-top:50px; width:100% } .korailTour-list > ul > li:nth-child(2), .korailTour-list > ul > li:nth-child(3){margin-top:50px;} .korailTour-list > ul > li > .thumnails {margin-bottom:25px;} .korailTour-list > ul > li > .thumnails > img {width:100%; height:60vw} .korailTour-list > ul > li > h3 {height:auto; font-size:1.08em} .korailTour-list > ul > li > .info > strong{font-size:0.917em; color:#333;} .korailTour-list > ul > li > .text {height:auto;font-size:0.875em} .korailTour-list > ul > li > .type > span {display:inline-block; vertical-align:top;color:#333; font-size:0.917em; letter-spacing:-1px;} .board-wrap .board-view.daily-pr .info-box > li:first-child {padding-left:0px; padding-right:20px; margin-bottom:15px;} .board-wrap .board-view.daily-pr .info-box > li:last-child {padding-left:0px; } .korailTour-list > ul > li:nth-child(3n+1) { margin-left: 0;} /* gallery-list vod*/ .gallery-list {padding-top:30px} .gallery-list > ul > li {float:none; margin-left:0; margin-top:50px; width:100% } .gallery-list > ul > li:nth-child(2), .gallery-list > ul > li:nth-child(3){margin-top:50px;} .gallery-list > ul > li > .thumnails {margin-bottom:15px;} .gallery-list > ul > li > .thumnails > img {width:100%; height:60vw} .gallery-list > ul > li > h3 {height:auto; font-size:1.08em} /* gallery-list2 vod*/ .gallery-list2 {padding-top:30px} .gallery-list2 > ul > li {float:none; margin-left:0; margin-top:50px; width:100% } .gallery-list2 > ul > li:nth-child(2), .gallery-list2 > ul > li:nth-child(3){margin-top:50px;} .gallery-list2 > ul > li > .thumnails {margin-bottom:15px;} .gallery-list2 > ul > li > .thumnails iframe {width:100%; height:60vw !important;} .gallery-list2 > ul > li > h3 {height:auto; font-size:1.08em} /*blog-view : cooking*/ .board-view .cooking-view {overflow:hidden; } .board-view .cooking-view .thumnail{float:none; width:auto;margin:0 0 25px 0} .board-view .cooking-view .thumnail > img {width:100%;} .board-view .cooking-view .making-img {display:block; width:auto; margin-left:0px; float:none;} .board-view .cooking-view .making-img > img {width:100%;} .board-view .cooking-view .making-img span {display:block; margin-top:10px;} .board-view .cooking-view.area-space {margin-top:0;} .board-write.qna + .board-button-area .board-btn.reigt{display:block} /* db info */ .db-infobox .map-box .map{height:50vw !important} .db-infobox{ margin-bottom:35px} .db-infobox .event-info{ margin:0 0 40px 0;} .db-infobox .map-box .go-map > a:last-child{width:100%; box-sizing:border-box} .db-infobox{padding:30px;} /*event-info*/ .event-info > li:first-child{margin-top:0} .event-info > li{display: block; width: 100%; } .event-info > li > span:first-child{color: #333; font-size: 0.9375rem; font-weight: bold; display:block; width: auto; vertical-align: top; letter-spacing: -0.5px; position: relative;padding-left:30px; } .event-info > li > span + span {padding-left:30px} .board-section.map > .blog-list > ul > li > .thumnails {width:100%; } .board-section.map > .blog-list > ul > li > .thumnails > img {width:100%; height:auto; } .board-section.map > .blog-list > ul > li > .type > li {font-size: 0.875rem; letter-spacing:-0.025em;} .board-section.map > .blog-list > ul > li > h3{ margin-bottom:20px;} /* promotion list */ .thumnail-list{} .thumnail-list > ul > li {margin-left:0; padding-top:30px; width:100%; float:none } .thumnail-list > ul > li:nth-child(2n+1){margin-left:0} .thumnail-list > ul > li:hover, .thumnail-list > ul > li:focus { cursor: pointer; } .thumnail-list > ul > li.nodata {text-align: center; float:none; clear:both; width:100% !important} .thumnail-list > ul > li.nodata p{padding:60px 0;} .thumnail-list > ul > li .thumnails {margin-bottom:20px} .thumnail-list > ul > li .thumnails > img {width:100%; height:auto} .thumnail-list > ul > li h3 {font-size:1.125rem; letter-spacing:-0.025em; color: #333; margin-bottom: 2vw; font-weight: bold } .thumnail-list > ul > li h3:hover {text-decoration: none} .thumnail-list > ul > li .date-info {display: block; color: #555; font-size:0.875rem; line-height: 1.6;word-wrap: break-word; } .tab-menu.inner {} .tab-menu.inner > li{float:none; position:relative;} .tab-menu.inner > li:first-child {margin-top:0; } .tab-menu.inner > li.on {} .tab-menu.inner > li > a {position:static; border:none; padding:25px 20px; color:#222; text-align:left; font-size:0.9375rem;font-weight:100; border:1px solid #ddd; border-bottom:0; display:block;} .tab-menu.inner > li > a::after {position:absolute; top:26px; right:25px; content:''; width:15px ;height:16px;background:url(../img/board/bread_arrow_up.png) no-repeat center center; background-size:13px; } .tab-menu.inner > li.on > a {border:none;border:1px solid #333; border-bottom:0; font-weight:600 } .tab-menu.inner > li.on > a::after {content:''; background:url(../img/board/bread_arrow_down.png) no-repeat center center; background-size:13px; } .tab-menu.inner.border {padding:0;} .tab-menu.inner.border li > a {top:0;} .tab-content {margin:0; padding:45px 0; } /* card-list*/ .card-list {padding-top:30px;} .card-list > ul > li {width:100%; margin-left:0;min-height:auto; margin-bottom:20px} .card-list > ul > li .thumnails > img {width:100%; height:54vw} .card-list > ul > li .data-box{padding:25px;} .card-list > ul > li .data-box .tag-icon {margin-bottom:20px; height:auto} .card-list > ul > li .data-box .tag-icon > strong{margin-right:-5px;} .card-list > ul > li .data-box > h3 {font-size:1.125rem; line-height:1.4; letter-spacing:-0.025em; color:#333;margin-bottom:20px; height:50px} .card-list > ul > li .data-box .text {font-size:0.875rem;line-height: 1.4; margin-bottom:20px; height:42px; } .card-list > ul > li .data-box .info-box > li{font-size:0.8125rem;} .card-list > ul > li .data-box .info-box > li:nth-child(1){padding-right:25px} .card-list > ul > li:nth-child(2n+1){margin-left:0;} .card-list > ul > li:nth-child(2n+2){margin-left:0;} .card-list > ul > li .data-box .type{min-height:auto;} /* (2020.12.11) 좋아요를 링크에서 분리하는 작업 수정 - (2020.12.16) KKK 수정 : height값 */ .card-list > ul > li .like_Wrap {height:54vw} .card-list.search-page > ul > li {width:100%; margin-left:0; margin-bottom:20px;} .card-list.search-page > ul > li:hover{border:0;box-shadow:none;} .card-list.search-page > ul > li .thumnails > img {width:100%; height:54vw} .card-list.search-page > ul > li .thumnails .like-it{bottom:15px; right:15px} .card-list.search-page > ul > li .data-box{padding:20px 0; border:0;} .card-list.search-page > ul > li .data-box > h3 {font-size:1.125rem;line-height:1.4;height:auto; margin-bottom:20px;} .card-list.search-page > ul > li:nth-child(2n+1){margin-left:0;} .card-list.search-page > ul > li:nth-child(2n+2){ margin-left:0;} .card-list.search-page > ul > li .type > li {font-size:0.875rem; line-height:1.2; color:#333; margin-bottom:8px;} .card-list.search-page > ul > li .type > li span {display:inline-block; float:left;width:65px;color:#aaa} /* (2020.12.18) 좋아요분리 */ .card-list.search-page > ul > li .like_Wrap {height:54vw} .board-write{padding:30px 0;} .board-write > dl:first-child{margin-top:0;} .board-write.qna dl > dd .size01{width:100%; margin-right:0} .board-write.qna dl > dd .size02{width:100%; margin-right:0} .board-write.qna dl > dd .size03{width:100%; margin-right:0} .board-write.qna dl > dd .nick-area{width:100%; margin-right:0; margin-bottom:10px} .board-write.qna dl > dd .nick-btn{width:85%; margin-right:0;} .board-write.qna .chk-raio-layout > li:first-child{margin-left:0} .board-write.qna .chk-raio-layout > li{margin-left:0; display:block} .nick-quest{ display:inline-block;line-height:50px;vertical-align:middle; margin-left:10px;} .file-textbox { margin-bottom:10px;} .board-write.qna .chk-raio-layout >li.chk-box{padding-top:10px !important} .board-write.qna .chk-raio-layout >li.chk-box:first-child{padding-top:0 !important} /*tool-tip*/ .tooltip02{position: relative; display:inline-block;} .tooltip02:hover:after{background: #fff; bottom: -80px; color: #333; content: attr(data-title); left:-320px; padding: 20px; height:auto; line-height:1.3; position: absolute; z-index: 98; min-width:60px; max-width:360px;overflow: hidden;border:0; border-radius:2px; box-shadow: 0px 6px 18px rgba(0,0,0,0.15); font-size:0.875rem; font-weight:600; white-space:normal} .tooltip02:hover:before {width:25px; height:15px; background:url(../img/board/tooltip_icon_top02.png) no-repeat; bottom:-11px; content: ""; left: 0px; position: absolute; z-index: 99;} .board-qna-view > dl{padding:20px 0;border-top:1px solid #eee; display:block;width:100%} .board-qna-view > dl > dt,.board-qna-view > dl > dd{padding:0; display:block} .board-qna-view > dl > dt{width:100%; background:none; font-size:0.9375rem; font-weight:600; margin-bottom:15px;} .board-qna-view > dl > dd{width:100%; font-size:0.875rem;line-height:1.4} .board-qna-view > dl > dd.file-link a{text-decoration:underline} .board-qna-view > dl > dd.file-link img{ vertical-align:middle;margin-right:5px;} .board-qna-view > dl > dd .txt-comm{font-size:0.875rem; color:#333;font-weight:100;padding:15px 15px;width:100%; height:auto;box-sizing:border-box;background:#fff; border:1px solid #aaa;border-radius:2px;} .board-qna-view > dl > dd .txt-date{display:block;font-size:0.8125rem; margin-bottom:15px; text-align:right; margin-top:-30px} .board-qna-view > dl > dd .txt-date i{color:#888; vertical-align:top; margin-right:5px;} .board-qna-view + .board-button-area.mt40{ margin-top:30px !important;} /*report-error*/ .report-error .input-box > dl:nth-child(2),.report-error .input-box > dl:nth-child(3){width:100%; display:block;} .report-error > .text-guide {line-height:1.4; padding-right:0; min-height:auto; width:100%; margin-bottom:20px; } .report-error .button-toggle {width:100% ;position:relative; top:0; right:0; font-size:0.9375rem; text-align:left } .report-error .button-toggle span::after { position:absolute; right:20px;height:35px} .report-error .button-toggle.hide span::after { position:absolute; right:20px;height:35px} .report-error .button-send{ width:100%} /* search ebook */ .board-allSer > ul.search-list.ebook { padding-bottom:33px} .board-allSer > ul.search-list.ebook > li {float: none; padding:0;margin-top:33px; margin-left:0%;width:100%} .board-allSer > ul.search-list.ebook > li .thumnails {height:auto; margin-bottom:0} .board-allSer > ul.search-list.ebook > li h3{font-size:1.125rem; padding:20px 0;} .board-allSer > ul.search-list.ebook > li:nth-child(5n){margin-left:0%;} .board-allSer > ul.search-list.ebook > li:nth-child(3n+1){margin-left:0} } @media screen and (max-width:479px) { .board-allSer .search-counter h2{ display:inline-block; float:none} .board-allSer .search-counter .chk-box.none, .board-allSer .search-counter .chk-box{ display:inline-block; float:none; margin-top:10px} .modal-pop.qna-pop02 .popCont-area{width:100%; height:620px} .modal-pop .popCont-area .input-info {padding:15px 0} .modal-pop .popCont-area dl.input-info > dd.txt-by{top:16px} .modal-pop .popCont-area ul.note-list{ padding:15px 0; max-height:200px; overflow-y:scroll} .swiper-container-horizontal >.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5px; height:30px; overflow:hidden} .db-list .swiper-container{height:280px !important;} .db-list .swiper-slide img{height:240px !important;} .swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet{margin:0 5px 0 0;} } /* 여행예보 데이터CSS 추가 21-12-16 */ .travel-fer {margin-bottom:40px; overflow:hidden; width:100%} .travel-fer dl{display:inline-block;width:100%;margin-bottom:5px;background:#f7f7f7;padding: 20px 15px;box-sizing:border-box;} .travel-fer dl::after{ content:''; clear:both; overflow:hidden;} .travel-fer dl .tit{float:left;font-size: 15px;letter-spacing: -0.025em;width: 31%;font-weight: bold;} .travel-fer dl .tit::before{content:'•';width: 19px;display:inline-block;font-size: 9px !important;} .travel-fer dl .con{padding: 0 15px;letter-spacing:-0.035em;line-height: 150%;} .travel-fer dl dd{padding: 0 15px;} .travel-fer .time{font-weight:900; letter-spacing:-0.055em;} .travel-fer .col-lv1{color:#17d0f1 !important} .travel-fer .col-lv2{color:#0e8fd2 !important} .travel-fer .col-lv3{color:#01af1d !important} .travel-fer .col-lv4{color:#d97b00 !important} .travel-fer .col-lv5{color:#d23004 !important} .travel-fer .trl-tip{ clear:both; margin-top:15px;letter-spacing:-0.02em; font-size:14px !important;} .travel-fer .weekly-dat dt.tit{float:none;display:block;margin: 0 0 20px 0;width: 100%;font-weight: bold;} .travel-fer .weekly-dat dd.con{ float:none; display:block} .travel-fer .weekly-dat {width:100%; box-sizing:border-box} .travel-fer .weekly-dat li{float: left; min-height: 113px; width: 14.02%;background: #fff;padding: 10px 6px;border: 2px solid #f7f7f7;border-radius: 4px;margin-left: 0.3%;} .travel-fer .weekly-dat li:first-child{margin-left:0;} .travel-fer .weekly-dat li span {display:block;text-align:center;} .travel-fer .dat{margin:0;line-height:130%;font-size: 14px;font-weight: 600;} .travel-fer .day{margin-bottom: 10px;font-size: 13px;border-bottom: 1px solid #e9e9e9;padding-bottom: 5px;} .travel-fer .type{font-size: 17px;font-weight:900;text-transform:uppercase;line-height: 110%;letter-spacing: -0.052em;} .travel-fer .weekly-dat .type{font-size: 13px;} @media screen and (max-width: 960px){ .travel-fer dl .tit{float:none; width: 100%; margin-bottom:8px} } @media screen and (max-width: 750px){ .travel-fer { margin-bottom:40px; overflow:hidden; width:100%} .travel-fer dl{display:inline-block;width:100%;margin-bottom:5px;background:#f7f7f7;padding: 20px 15px;box-sizing:border-box;} .travel-fer dl::after{ content:''; clear:both; overflow:hidden;} .travel-fer dl .tit{/* float:left; */font-size: 15px;letter-spacing: -0.025em;line-height: 1.5;width: 100%;font-weight: bold;} .travel-fer dl .tit::before{content:'•';width: 17px;display: block;font-size: 9px !important;margin: 4px 0 10px 0;float: left;} .travel-fer dl .con{padding: 0 15px;letter-spacing:-0.035em;line-height: 150%;} .travel-fer dl dd{padding: 0 15px;} .time{font-weight:900; letter-spacing:-0.055em;} .travel-fer .col-lv1{color:#17d0f1 !important} .travel-fer .col-lv2{color:#0e8fd2 !important} .travel-fer .col-lv3{color:#01af1d !important} .travel-fer .col-lv4{color:#d97b00 !important} .travel-fer .col-lv5{color:#d23004 !important} .travel-fer .trl-tip{ line-height: 140%;} .travel-fer .weekly-dat dt.tit{float:none;display:block;margin: 0 0 20px 0;width: 100%;font-weight: bold;} .travel-fer .weekly-dat dd.con{float:none;display:block;} .travel-fer .weekly-dat {width:100%; box-sizing:border-box} .travel-fer .weekly-dat li{float:left;width: 33.3333%;margin-left: 0;border: 2px solid #f7f7f7;min-height: 15vw;padding: 10px 5px;background: #fff;} .travel-fer .weekly-dat li:first-child{margin-left:0} .travel-fer .weekly-dat li span { display:block; text-align:center;} .travel-fer .dat{margin:0;line-height:130%;font-size: 14px;font-weight: 600;} .travel-fer .day{margin-bottom: 10px;font-size: 12.5px;} } @media screen and (max-width: 478px){ .travel-fer .weekly-dat li{min-height: 112px;} } @media screen and (max-width: 320px){ .travel-fer .weekly-dat li{width:49.99%;min-height: 112px;padding:10px;} }