#Board {position:relative;} #Board th {padding:15px 0; font-size:16px; font-weight:600;} #Board td {padding:15px 0;} #Board caption {display:none} #Board .postsArea {text-align:right; margin-bottom:4px; overflow:hidden;} #Board .posts {padding-left:16px; font-size:13px; background:url("/images/common/icon/icon_post.gif") left top no-repeat;} #Board .posts span {margin-left:5px; font-weight:600; color:#333;} /* list.skin*/ #Board.list .type1 {width:100%; border-top:1px solid #222; overflow:hidden;} #Board.list .type1 table {width:100%;} #Board.list .type1 th {border-bottom:1px solid #e7e7e7; text-align:center; font-size:17px; color:#222; font-weight:400;} #Board.list .type1 td {border-bottom:1px solid #e7e7e7; text-align:center; font-size:17px; color:#666; font-weight:300;} #Board.list .type1 td.subject {text-align:left;} #Board.list .type1 td.subject span {margin-left:4px} #Board.list .type1 td.subject img {vertical-align:middle} #Board.list .type1 td.num { color:#bbb; font-weight:600; } #Board.list .type1 td.str { font-weight:400; } #Board.list .comment {color:#333; font-weight:600;} #Board.list .type1 td .cont br { display:none; } #Board.list .type1 td .cont { width:300px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } @media screen and (max-width:1024px){ #Board.list .type1.m-store thead { display:none; } #Board.list .type1.m-store table , #Board.list .type1.m-store tbody , #Board.list .type1.m-store tr , #Board.list .type1.m-store td { display:block; width:100%; padding:10px; text-align:left; font-size:15px; box-sizing:border-box; } #Board.list .type1.m-store table , #Board.list .type1.m-store tbody , #Board.list .type1.m-store tr { padding:0; } #Board.list .type1.m-store tr + tr { margin-top:30px; border-top:1px solid #222; } #Board.list .type1.m-store td { position:relative; padding-left:80px; } #Board.list .type1.m-store td:after { position:absolute; left:0; top:10px; font-size:15px; font-weight:400; color:#222; } #Board.list .type1.m-store td.num:after { content:'No.'; } #Board.list .type1.m-store td.area:after { content:'지역'; } #Board.list .type1.m-store td.name:after { content:'업체명'; } #Board.list .type1.m-store td.pro:after { content:'주력품목'; } #Board.list .type1.m-store td.phn:after { content:'연락처'; } #Board.list .type1.m-store td.info:after { content:'업체소개'; } #Board.list .type1.m-store td.addr:after { content:'주소'; } #Board.list .type1.m-store td.admin:after { content:'Check'; } #Board.list .type1 td .cont { width:100%; } } @media screen and (max-width:640px){ #Board.list .type1 table thead { display:none; } #Board.list .type1 table .mhid { display:none; } #Board.list .type1 td { font-size:15px; } } #Board.list .type2 {width:100%; border-top:2px solid #333; overflow:hidden;} #Board.list .type2 table {width:100%;} #Board.list .type2 th {padding:30px 10px; border-bottom:1px dashed #ccc; text-align:center; vertical-align:top;} #Board.list .type2 td {padding:30px 10px; border-bottom:1px dashed #ccc; text-align:center; vertical-align:top;} #Board.list .type2 td.subject {text-align:left;} #Board.list .type2 td.subject span {margin-left:4px} #Board.list .type2 td.subject img {vertical-align:middle} /* list.skin (F.basic)*/ #Board.list .faq-contain { } #Board.list .faq-contain .answerbox {position:relative; padding-top:16px; padding-left:30px;} #Board.list .faq-contain .answerbox p {line-height:18px;} #Board.list .faq-contain .answerbox i { position:absolute; left:0; top:15px; } #Board.list .faq-contain i.question { font-style:normal; display:inline-block; width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%; background-color:#555; font-size:13px;color:#fff; font-weight:700; } #Board.list .faq-contain i.answer { font-style:normal; display:inline-block; width:22px; height:22px; line-height:22px; text-align:center; border-radius:50%; background-color:#977b5d; font-size:13px;color:#fff; font-weight:700; } /* list.skin (G.certifi)*/ #Board .certifi ul li{width:20%; float:left; margin:0 0 30px; display:inline-block; background:url("/images/common/board/certifi_bg.gif") center top no-repeat} #Board .certifi .thumb{width:139px; position:relative; margin:0 auto;} #Board .certifi .thumb .magnifier{position:absolute; right:8px; top:1px} #Board .certifi .thumb span{padding:1px 0 0 1px; display:block;} #Board .certifi .subject {text-align:center; margin:10px 0 0 0;} /* list.skin (G.banner) */ #Board .banner ul li {float:left; display:inline-block; width:24.25%; margin-left:1%; margin-bottom:30px;} #Board .banner ul li:nth-child(4n-3) {margin-left:0;} #Board .banner .thumb {position:relative; width:241px; height:68px; margin:0 auto; background:url("/images/common/board/partner_bg.gif") left top no-repeat;} #Board .banner .thumb .magnifier {position:absolute; right:1px; top:1px; display:none} #Board .banner .thumb span { padding:1px 0 0 1px; display:block;} #Board .banner .subject { text-align:center; margin:10px 0 0 0; text-align:center;} #Board .banner .subject img {margin-top:-2px; vertical-align:middle;} /* list.skin (G.basic) - Gallery basic */ #Board .basic ul li {float:left; display:inline-block; width:25%; margin:0 0 30px;} #Board .basic .thumb {position:relative; margin:0 auto; border:1px solid #ddd} #Board .basic .thumb .magnifier {position:absolute; right:0px; top:0px} #Board .basic dl {width:100%; margin-top:15px; text-align:center} #Board .basic dd {color:#999} #Board .basic .subject span {margin-left:5px;} #Board .basic .nodata {width:100%; height:30px; padding-top:15px; text-align:center; border-top:2px solid #333; border-bottom:1px solid #ddd; background:none} /* list.skin (G.intro) - Gallery custom */ #Board #intro.basic ul li {position:relative; overflow:hidden;} #Board #intro.basic .overImage {position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:10; display:none;} #Board #intro.basic .overImage a {display:block; width:100%; height:100%; background:url('/images/common/board/bg_over.png') no-repeat center center;} /* list.skin (G.Layer) - Gallery custom */ #Board .Layer {width:100%; overflow:hidden; position:relative;} #Board .Layer ul {width:auto !important; margin-right:-13px; } #Board .Layer ul li {position:relative; float:left; width:265px !important; margin-right:13px; margin-bottom:13px; overflow:hidden; } #Board .Layer ul li:nth-of-type(4n) { margin-right:0; } #Board .Layer .thumb {margin-bottom:10px;} #Board .Layer .nodata {float:none; width:100% !important; height:30px; margin-right:0; padding-top:15px; text-align:center; border-top:2px solid #333; border-bottom:1px solid #ddd; background:none} #Board .Layer .subject {position:absolute; left:0; top:-240px; display:block; width:180px; height:60px; padding:90px 30px; text-align:center; font-size:18px; font-weight:bold; color:#fff; line-height:28px; background:url('/images/common/board/subject_bg.png') repeat left top; } #Board .Layer img{vertical-align:top} /*갤러리- 레이어 (팝업) */ .PhotoArea-contain {display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999; } .PhotoArea-contain .in-photo-blind { position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:1;} .PhotoArea { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; max-width:1100px; max-height:800px; overflow:hidden;} .PhotoArea > img { max-width:1100px; max-height:800px;} .PhotoArea .close {position:absolute; right:0; top:0; width:51px; height:51px; cursor:pointer;} .PhotoArea .title {position:absolute; top:0; width:100%; padding:0 60px 0 30px; box-sizing:border-box; line-height:51px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; color:#fff; font-size:15px; font-weight:bold; background-color:#000; opacity:.7; filter:Alpha(opacity=70); } /* list.skin (G.Grid) */ #Board {position:relative;} #itemWrap {overflow:hidden;} #itemWrap .item {position:relative; width:24%; margin:0 auto 10px;} #itemWrap .item img {width:100%; vertical-align:top;} #itemWrap .item .subject {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:url('/images/common/bg_overlay.png') repeat 0 0; text-align:center; color:#fff; z-index:100; table-layout:fixed;} #itemWrap .item .subject .subject_wrap {display:table; width:100%; height:100%;} #itemWrap .item .subject .subject_wrap .subject_box {display:table-cell; vertical-align:middle;} #itemWrap .item .subject {-ms-opacity: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: opacity 0.35s ease-in-out; -moz-transition: opacity 0.35s ease-in-out; -ms-transition: opacity 0.35s ease-in-out; -o-transition: opacity 0.35s ease-in-out; transition: opacity 0.35s ease;} #itemWrap .item:hover .subject {-ms-opacity: 1; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} #itemWrap .item .subject b {font-size:22px; background:url('/images/common/bg_b.png') no-repeat center bottom; font-weight:400; display:block; padding-bottom:20px; margin-bottom:20px;} #itemWrap .item .subject em {font-size:22px; font-weight:300; color:#ccc;} /* list.skin (W.basic) */ #Board.list .W_photo { text-align:center; padding:10px; } #Board.list .W_photo > div { display:inline-block; border:2px solid #f0f0f0; } @media screen and (max-width:640px){ #Board.list .W_photo div { width:97px; } } /* list.skin (schedule) - calendar #schedule {overflow:hidden;} #schedule .box {overflow:hidden; width:100%;} #schedule .box .subject {padding:30px 0; text-align:center; font-family:'Arial'; border:1px solid #e0e0e0; border-bottom:0; background:#848484 url('/images/bbs/calendar_top_bg.png') repeat-x left bottom;} #schedule .box .subject span {font-weight:bold;font-size:24px;line-height:24px;vertical-align:top;color:#fff; display:inline-block; padding-top:5px;} #schedule .box .subject a {display:inline-block; margin-top:5px;} #schedule .box .calendar { width:100%; overflow:hidden; border-left:1px solid #e0e0e0; background:url('/images/bbs/calendar_bg.gif') repeat-x left bottom; padding-bottom:10px; } #schedule .box .calendar table {width:100%; border-right:1px solid #e0e0e0; } #schedule .box .calendar table th ,#Board .box table td {font-family:'Arial'; } #schedule .box .calendar table th { font-size:18px; height:35px; color:#5c5c5c; font-weight:bold; padding:15px 0; text-align:center; } #schedule .box .calendar table td { font-size:16px; height:60px; text-align:left; vertical-align:top; color:#666; padding:20px 10px; font-weight:normal; border-right:1px solid #e0e0e0; border-top:1px solid #e0e0e0;} #schedule .box .calendar table td a {display:block; margin-bottom:3px;} #schedule .box .calendar table td a.title {font-size:12px;} #schedule .box .calendar table td a.plan:hover {text-decoration:none;} #schedule .box .calendar table td div {margin-bottom:10px; text-align:center;} #schedule .box .calendar table td.today {background-color:#f3f3f3 !important} #schedule .box .calendar table th.saturday { border-right:1px solid #e0e0e0; } #schedule .box .calendar table .sunday {color:#e00900; } #schedule .box .calendar table .saturday {color:#2a67a9}*/ /* list.skin (w.event) */ #Board.event .type1 {width:100%; border-top:2px solid #333; overflow:hidden;} #Board.event .type1 table {width:100%;} #Board.event .W_photo {padding:30px 10px;} #Board.event .W_photo .thumb {width:170px; height:120px; border:1px solid #dedede; padding:2px; background:#fff;} #Board.event .W_photo .thumb img {width:170px; height:120px;} #Board.event .subject_webzine {position:relative; padding:30px 10px; font-size:13px; text-align:left !important; vertical-align:top;} #Board.event .Wsubject {margin-bottom:10px; font-size:16px;} #Board.event .btn_more {position:absolute; left:0; bottom:30px; width:80px; height:28px; line-height:27px; font-size:13px; background:url('/images/common/btn/btn_bg1.gif') repeat-x left top; padding:0px; margin-left:1px; display:inline-block; color:#666; text-decoration:none; text-align: center; border:1px solid #ccc; border-top-color:#ddd; border-bottom-color:#bbb; cursor:pointer; border-radius:2px;} #Board.event span.state-icon { display:inline-block; width:96px; height:18px; padding:39px 0; text-align:center; text-align:center; font-size:18px; color:#fff; font-weight:400; border-radius:50%;} #Board.event span.state-icon.progress { background-color:#977b5d; } #Board.event span.state-icon.done { background-color:#aba9a9; } /* list.skin (L.store.find) */ .store_find {border:1px solid #e4e1dc; border-top:2px solid #000; margin-bottom:70px; *zoom:1} .store_find:after {content:""; display:block; clear:both; } .store_find .map {float:left; position:relative; width:345px; height:471px; margin-left:130px; background:url('/images/common/board/map_korea.png') no-repeat 0 0; position:relative; border-right:none;} .store_find .map ul li {position:absolute;} .store_find .map ul li a {padding:5px 10px; font-size:15px; font-weight:300;} .store_find .map ul li:hover a, .store_find .map ul li.on a {color:#fff; background:#977b5d; border-radius:100px; display:inline;} .store_find .map ul li.city01 {left:99px; top:103px;} .store_find .map ul li.city02 {left:234px; top:295px;} .store_find .map ul li.city03 {left:-14px; top:97px; background-position:right center; padding-left:0; padding-right:13px;} .store_find .map ul li.city04 {left:201px; top:237px;} .store_find .map ul li.city05 {left:120px; top:203px;} .store_find .map ul li.city06 {left:46px; top:299px; text-align:center; padding-left:0; padding-top:15px; background-position:center top;} .store_find .map ul li.city07 {left:246px; top:265px;} .store_find .map ul li.city08 {left:66px; top:404px;} .store_find .map ul li.city09 {left:90px; top:135px;} .store_find .map ul li.city10 {left:151px; top:302px; text-align:center; padding-left:0; padding-top:15px; background-position:center top;} .store_find .map ul li.city11 {left:217px; top:195px;} .store_find .map ul li.city12 {left:20px; top:192px; background-position:right center; padding-left:0; padding-right:13px;} .store_find .map ul li.city13 {left:157px; top:152px;} .store_find .map ul li.city14 {left:24px; top:341px; background-position:right center; padding-left:0; padding-right:13px;} .store_find .map ul li.city15 {left:80px; top:246px; text-align:center; padding-left:0; padding-top:15px; background-position:center top;} .store_find .map ul li.city16 {left:190px; top:103px;} .store_find .map ul li.city17 {left:120px; top:173px;} .store_find .store_search {float:right; width:450px; height:400px; padding:50px 30px; border-left:1px dashed #e4e1dc; background-color:#f5f5f5;} .store_find .store_search .title {font-size:45px; color:#353535; margin-bottom:20px;} .store_find .store_search p {padding-bottom:30px; border-bottom:1px dashed #333;font-size:17px; line-height:25px; color:#444; letter-spacing:-0.5px;} .store_find .store_search p .little {font-size:14px; color:#666;} .store_find .store_search .search_area {margin-bottom:25px; *zoom:1 } .store_find .store_search .search_area:after {content:""; display:block; clear:both; } /* list.skin (W.staff) */ #Board.list .type2.staff td .name {display:block; padding-bottom:10px; font-size:22px; color:#101010;} #Board.list .type2.staff td .name span {font-size:16px; font-weight:400;} #Board.list .type2.staff td .con {position:relative; height:120px; padding-left:95px; margin-bottom:5px; color:#101010; font-size:14px; line-height:24px; overflow:hidden} #Board.list .type2.staff td .con .title {position:absolute; left:0; top:0; display:inline-block; width:95px; margin-left:0; color:#888; } /* list.skin (W.history, W.history_new) */ #Board.list .history td {padding:30px 10px; vertical-align:top;} #Board.list .history td.history_con {text-align:left; word-break:break-all; line-height:24px;} #Board.list .history td.W_photo {vertical-align:middle;} #Board.list .history .year {width:92px; height:92px; background:url('/images/bbs/02_bg_02.gif') left top no-repeat; font-size:22px; font-weight:600; text-align:center; color:#977b5d; line-height:92px; vertical-align:top} #Board.list .history .year a {color:#977b5d;} #Board.list .history .year a:hover {text-decoration:none} /*passcheck*/ .xfCon {z-index:100} .pssscheckWrap {width:400px; text-align:center; background-color:#fff; position:fixed; left:50%; transform:translateX(-50%); top:300px; z-index:9999; padding:40px 30px 20px 30px; border:5px solid #eee;} .pssscheck { padding:30px 0; border-top:1px solid #222; border-bottom:1px solid #bbb;} .pssscheckWrap .writeBtnArea {padding-left:0px; margin-top:20px} .pssscheckWrap .writeBtnArea img {vertical-align:middle} /*view.skin*/ #Board.view .type1 {width:100%; border-top:1px solid #222; border-bottom:1px solid #d0d0d0; overflow:hidden;} #Board.view .type1 table {width:100%;} #Board.view .type1 th {width:100px; border-bottom:1px solid #e7e7e7; text-align:center; vertical-align:top; font-size:17px; color:#222; font-weight:400;} #Board.view .type1 td {padding:15px; border-bottom:1px solid #e7e7e7; text-align:left; font-size:17px; color:#222;} #Board.view .type1 tbody tr:last-child th, #Board.view .type1 tbody tr:last-child td {border-color:#d0d0d0;} #Board.view .postsArea {margin-top:30px; margin-bottom:10px; text-align:left;} #Board.view .type1 table .mover-box { display:none; } #Board.view .type1.store thead { display:none; } @media screen and (max-width:640px){ #Board.view .type1 table tbody { display:none; } #Board.view .type1 #DivContents table tbody { display:table-row-group; } #Board.view .type1 table thead th { display:none; } #Board.view .type1 table .mover-box { display:block; text-align:left; font-size:13px; padding-top:24px; } #Board.view .type1 table, #Board.view .type1 table tr, #Board.view .type1 table thead, #Board.view .type1 table thead td { display:block; width:100%; padding-left:0; padding-right:0; } #Board.view .type1 #DivContents table tr { display:table-row; width:100%; padding-left:0; padding-right:0; } #Board.view .type1 table thead td.subject { text-align:center; } #Board.view .type1.store thead { display:block; } #Board.view .type1.store .mover-box { padding-top:0; } .pssscheckWrap {width:70%;} } #Board.view .type2 {width:100%; border-top:2px solid #333; border-bottom:1px solid #d0d0d0; overflow:hidden;} #Board.view .type2 table {width:100%;} #Board.view .type2 td {padding:30px 10px; text-align:left;} #DivContents {padding:30px 25px;} #DivContents .imgFile {padding-top:20px;} #DivContents .imgFile img { max-width:100%; } @media screen and (max-width:640px){ #DivContents { padding:20px 0; font-size:15px; overflow:auto; } } /* view.skin (G.product) */ #Board.view .product {overflow:hidden;} #Board.view .product .thumb {float:left; width:350px;} #Board.view .product .thumb > img {width:350px; height:100%;} #Board.view .product .thumbList {overflow:hidden; margin-top:10px;} #Board.view .product .thumbList li {float:left; width:75px; height:52px; margin-left:8px; background-color:#000; } #Board.view .product .thumbList li img {width:100%; height:100%; opacity:.5; filter:Alpha(opacity=50);} #Board.view .product .thumbList li.on img {opacity:1; filter:Alpha(opacity=100);} #Board.view .product .thumbList li:first-child {margin:0; } #Board.view .product .con {float:right; width:700px; border-top:2px solid #222; border-bottom:1px solid #d0d0d0} #Board.view .product .con .title {padding:30px 0; font-weight:600; color:#252525; font-size:28px; border-bottom:2px solid #000;} #Board.view .product .con #DivContents {margin:0; padding:30px 0;} /* view.skin (G.product_2) */ #Board.view .product_2 {overflow:hidden;} #Board.view .product_2 .product_info {overflow:hidden;} #Board.view .product_2 .thumb {float:left; width:350px; } #Board.view .product_2 .thumb > img {width:350px; height:100%;} #Board.view .product_2 .thumbList {overflow:hidden; margin-top:10px;} #Board.view .product_2 .thumbList li {float:left; width:63.5px; height:52px; margin-left:8px; background-color:#000; } #Board.view .product_2 .thumbList li img {width:100%; height:100%; opacity:.5; filter:Alpha(opacity=50);} #Board.view .product_2 .thumbList li.on img {opacity:1; filter:Alpha(opacity=100);} #Board.view .product_2 .thumbList li:first-child {margin:0; } #Board.view .product_2 .con {float:right; width:700px; border-top:2px solid #222;} #Board.view .product_2 .con .title {padding:30px 0; font-weight:600; color:#252525; font-size:28px; border-bottom:2px solid #000;} #Board.view .product_2 .overview {padding:30px 0; white-space:pre-line;} #Board.view .product_2 #DivContents {margin:0; padding:30px 0;} #Board.view .product_2 .down_catalogue {width:165px; background:#fafafa url('/images/common/icon/icon_download.png') no-repeat 30px center; display:inline-block; text-indent:48px; padding:10px; border:1px solid #cbcbcb; color:#8a8a8a; font-size:12px; font-weight:bold;} #Board.view .product_2 .down_catalogue:hover {border:1px solid #977b5d; background:#977b5d url('/images/common/icon/icon_download_on.png') no-repeat 30px center; color:#fff;} /* view.skin (G.Grid) */ #pjtView {overflow:hidden;} #pjtView .floatL {width:49%;} #pjtView .floatL .pjtSlider li img {width:100%;} #pjtView .floatL .bx-pager {margin-top:5px;} #pjtView .floatL .bx-pager .bx-pager-item {display:inline-block; margin-left:5px; vertical-align:top;} #pjtView .floatL .bx-pager .bx-pager-item:first-child {margin-left:0;} #pjtView .floatL .bx-pager .bx-pager-item a {display:block; width:10px; height:10px; background:#555; font-size:0; line-height:0; text-indent:-9999px;} #pjtView .floatL .bx-pager .bx-pager-item a.active {width:40px; background:#977b5d;} #pjtView .floatR {width:49%; border-top:2px solid #222; border-bottom:1px solid #d0d0d0} #pjtView .floatR .view_title {padding:30px 0; font-weight:600; color:#252525; font-size:28px; border-bottom:2px solid #222;} #pjtView #DivContents {padding:30px 0;} /* view.skin (schedule) - calendar */ .schedule_view_wrap {overflow:hidden;} #schedule .view.floatL {width:450px;} #schedule .view.floatR {/* width:600px; */ width:49%; } #schedule .view .box .subject {padding:20px 0;} #schedule .view .box .calendar table th {padding:10px 0; font-size:15px;} #schedule .view .box .calendar table td {height:35px; padding:7px 10px; font-size:13px; text-align:center;} #schedule .view .box .calendar table td a {display:inline-block; width:10px; height:10px; margin:0;} #schedule .view .box .calendar table td div {margin-bottom:5px; } #schedule .view .btnarea { margin-top:20px; } @media screen and (max-width:1024px){ #schedule .view.floatR { width:100%; } } /* view.skin (W.blog) - sns 블로그 */ #Board.view .blog {margin-bottom:30px;} #Board.view .blog .TitleArea {padding:20px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f5f5f5;} #Board.view .blog .TitleArea .subject {font-size:18px; color:#000; font-weight:600;} #Board.view .blog .TitleArea .DateArea {padding-top:10px; overflow:hidden;} #Board.view .blog .TitleArea .DateArea .date {float:left; font-size:14px; color:#666;} #Board.view .blog .TitleArea .DateArea .sns {float:right;} #Board.view .blog #DivContents {border-bottom:1px solid #e0e0e0;} /* view.skin (W.staff) */ #Board.view .type2.staff td .subject {margin-bottom:20px; font-size:22px; color:#101010; font-weight:600; vertical-align:top; background-color:#fff;} #Board.view .type2.staff td .subject span {font-size:16px; font-weight:400;} #Board.view .type2.staff td #DivContents {padding:0;} #Board.view .type2.staff td #DivContents dl {padding-top:20px;} #Board.view .type2.staff td #DivContents dl:first-child {padding-top:0;} #Board.view .type2.staff td #DivContents dl dt {padding-bottom:10px; font-size:16px; font-weight:600; color:#977b5d;} #Board.view .type2.staff td #DivContents dl dd {font-size:15px; line-height:24px;} /* view.skin (W.history, W.history_new) */ #Board.view .historyTitle {font-size:24px; font-weight:600; margin:30px 0; padding:0;} /*form.skin*/ #Board.form .type1 {width:100%; border-top:1px solid #222; overflow:hidden;} #Board.form .type1 table {width:100%;} #Board.form .type1 th, #Board.form .type1 td { padding:24px 15px; } #Board.form .type1 th {width:95px; padding-left:25px; background:#fff; border-bottom:1px solid #eee; text-align:left; vertical-align:top; line-height:30px; font-size:17px; color:#222; font-weight:400; line-height:1.3;} #Board.form .type1 td {height:30px; border-bottom:1px solid #eee; text-align:left;font-size:17px;color:#666; } #Board.form .subject .text {width:60%;} #Board.form .subject span {margin-left:10px;} #Board.form .type1 .require { color:#e00000; font-style:normal;} #Board.form .type1 textarea {width:100%; box-sizing:border-box;} #Board.form .type1.store td input.text { width:50%; } #Board.form .type1 table td.subject input[type=text] { margin-top:5px; } #Board.form .type1 table td.subject input[type=text].num { display:inline-block; width:200px;margin-top:0; } #Board.form .type2 {width:100%; border-top:2px solid #333; overflow:hidden;} #Board.form .type2 table {width:100%;} #Board.form .type2 th {padding:10px 10px 10px 20px; background:#f9f9f9; border-bottom:1px solid #e7e7e7; font-size:14px; text-align:left; vertical-align:top; line-height:30px;} #Board.form .type2 td {height:30px; padding:10px; border-bottom:1px solid #e7e7e7; font-size:14px; text-align:left;} #Board.form .type2 td select {height:30px;} #Board.form .type2 td input.text {height:30px;} #Board.form input[type=text] { border:1px solid #dfdfdf; background:#f8fbff; height:40px; box-sizing:border-box; } #Board.form select { height:40px; border:0; min-width:100px; padding:0 30px 0 15px ; border:1px solid #dfdfdf; /* font-size:17px; */ } #Board.form select option:disabled {color:#cccccc; } #Board.form select { box-sizing:border-box; background:#f8fbff url("/images/common/icon_select_arrw_m.png") no-repeat right center; background-size:27px 40px; border:0; border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ } #Board.form select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ } @media screen and (max-width:640px){ #Board.form select {/* font-size:15px; */ padding:0 28px 0 10px; } } #Board.form td textarea { border:1px solid #dfdfdf; background:#f8fbff; padding:15px; box-sizing:border-box; } #Board.form .hf-box { font-size:0; } #Board.form .hf-box > div { display:inline-block; vertical-align:top; width:49%; font-size:17px; color:#666;} #Board.form .hf-box > div + div { margin-left:2%; } #Board.form .hf-box > div p { padding-bottom:8px; } #Board.form .hf-box > div input[type=text] { width:100%; font-size:17px; color:#666; } #Board.form .hf-box > div .t-box { font-size:0; } #Board.form .hf-box > div .t-box .tt { display:inline-block;vertical-align:middle; width:48%;} #Board.form .hf-box > div .t-box u { text-decoration:none; display:inline-block;vertical-align:middle; width:4%; text-align:center; font-size:17px; color:#666; } #Board.form .hf-box > div .t-box .tt .hh { display:inline-block;vertical-align:middle; width:49%; } #Board.form .hf-box > div .t-box .tt .hh + .hh { margin-left:2%; } #Board.form .hf-box > div .t-box .tt .hh select { font-size:17px; color:#666; width:100%; } #Board.form td.ch-box label { display:inline-block;vertical-align:middle; margin-right:10px; } #Board.form td em.gtt {display:inline-block;vertical-align:middle; font-size:15px; color:#999; } #Board.form td.t-area-box textarea { height:225px; } #Board.form .type1.tw-set input.text2 { width:40%; } #Board.form .type1.tw-set .hf-box { width:81.6%; } #Board.form .type1.tw-set .hf-box input.text2 { width:100%; } @media screen and (max-width:970px){ #Board.form .type1 table , #Board.form .type1 table tbody, #Board.form .type1 table tr, #Board.form .type1 table th, #Board.form .type1 table td { display:block; width:100%; height:auto; } #Board.form .type1 table th { border-bottom:0; padding:15px 0 5px; } #Board.form .type1 table td { padding:5px 0 15px; } } @media screen and (max-width:800px){ #Board.form .type1.tw-set input.text2 { width:60%; } #Board.form .type1.tw-set .hf-box { width:100%; } } @media screen and (max-width:640px){ #Board.form .hf-box > div { display:block; width:100%; font-size:15px; } #Board.form .hf-box > div + div { margin-left:0; margin-top:10px; } #Board.form .type1.tw-set input.text2 {width:100%; } #Board.form .type1 table th { font-size:15px; } #Board.form .type1 table td { font-size:15px; } #Board.form .hf-box > div input[type=text] {font-size:15px; } #Board.form .hf-box > div .t-box .tt .hh select {font-size:15px; } #Board.form td textarea { padding:10px; } } /*form.skin > 개인정보동의*/ #Board .privacy {display:block; width:100%; padding:20px; border-bottom:1px solid #e7e7e7; background:#f9f9f9; box-sizing:border-box;} #Board .privacy .tit {margin-bottom:10px; font-weight:600;} #Board .privacy .textarea {width:100%; height:105px;} #Board .privacy .privacyCheck {margin-top:10px; text-align:right;} /* form.skin (schedule) - calendar */ .ui-datepicker-trigger {margin-left:5px; cursor:pointer;} /*comment*/ #commentArea {background:#f9f9f9; font-size:14px;} #CommentWrite, .commentList {padding:5px 15px; overflow:hidden} .commentList .listMenu {height:20px; padding-top:10px} .commentList .listMenu .writer {float:left; padding-right:5px; font-weight:600;} .commentList .listMenu .date {float:left; font-size:12px; color:#999;} .commentList .listMenu .option {float:right;} .commentList label {padding-right:10px;} .commentList table td {padding:10px 0 !important;} .cWrite .userInfo {padding-top:10px;} .cWrite .userInfo .writer {font-weight:600;} .cWrite .confirm {text-align:right;} .cWrite .textarea {width:100%; height:46px;} .commentList li.clamplshape { background:url("/images/common/icon/clampLshape.png") no-repeat 4px 10px;} /*search*/ #search {padding:20px 0; /* border:1px solid #e7e7e7; */ background-color:#f9f9f9; text-align:center; margin-bottom:15px; } #search label {display:none} #search .search_input {width:170px;} #search input {margin-left:1px;} #search select {width:205px; height:48px; padding:0 10px; border:1px solid #ccc; font-size:13px; color:#666; outline:0; /* font-size:17px; */ box-sizing:border-box; } #search input.text {width:385px; height:48px; padding:6px 10px; border:1px solid #ccc; color:#666; background:#fff; box-sizing:border-box; /* font-size:17px; */} #search select { box-sizing:border-box; background:#fff url("/images/common/icon_select_arrw_m.png") no-repeat right center; background-size:27px 48px; border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ } #search select::-ms-expand{ display:none; } @media screen and (max-width:1030px){ #search { font-size:0; padding:20px 15px; } #search select { width:49%; margin-bottom:10px; } #search select + select { margin-left:2%; } #search input.text { width:calc(100% - 125px); margin:0 4px 0 0; } #search.nor select { width:120px; margin-bottom:0; } #search.nor input.text { width:calc(100% - 323px); margin:0 4px 0 4px; } } @media screen and (max-width:640px){ #search select { height:38px;/* font-size:15px; */ } #search input.text { height:38px; /* font-size:15px; */ width: calc(100% - 86px); } /* .btn_search { width:80px; height:38px; line-height:38px; font-size:15px; } */ #search.nor { padding:15px 10px; } #search.nor select { width:90px; } #search.nor .btn_search { width:57px; } #search.nor input.text { width: calc(100% - 163px); } } /*writeBtnArea*/ #Board .writeBtnArea {width:100%; margin:30px 0; text-align:center; overflow:hidden;} #Board .writeBtnArea .colLeft {float:left} #Board .writeBtnArea .colRight {float:right} /*page*/ #Board .pageArea {position:relative; width:100%; margin-top:30px; text-align:center;} #Board .pageArea b, #Board .pageArea a {display:inline-block; width:34px; height:34px; border:1px solid #dfdfdf; margin:0 2px; font-size:13px; text-align:center; line-height:34px; vertical-align:top; border-radius:2px;} #Board .pageArea b {border-color:#1d2b42; color: #fff; background:#1d2b42;} #Board .pageArea > a.arrow {color: #999999;} #Board .pageArea > a.arrow img {padding-top:11px;} /*latest.basic 2019 */ .latest{width:100%;} .latest.basic { } .latest.basic li{margin-bottom:11px; } .latest.basic li .date {float:right; font-size:14px; color:#999;} .latest.basic a{display:inline-block; font-size:14px; color:#666; vertical-align:middle;} .latest.basic a:hover { color:#28344e; text-decoration:underline; } .latest.basic img{padding-left:5px; vertical-align:middle} .latest.basic strong{margin-right:5px} /*latest.slide_gallery */ #viewArea {position:relative; width:100%; height:59px;overflow:hidden;} #imgList {position:absolute; width:2000px; left:0px; top:0px;} #imgList li {float:left; margin:0px; padding:0px;} /*latest.gallery */ #gallery{position:relative; width:100%; height:59px; overflow:hidden;} .galleryList {position:absolute; width:2000px; left:0px; top:0px;} #gallery #thumb{text-align:center; padding:0 5px;} #gallery #thumb img{vertical-align:top} #gallery #thumb a{display:inline-block; margin-bottom:2px} #gallery #thumb .out{padding:0px; border:2px solid #fff;} #gallery #thumb .over{border:2px solid #ff0000; padding:0px;} #gallery .bbsSubject{font-size:11px; color:#666;} /* latest.product */ .latest.product li {position:relative; width:356px; height:288px; background:#fff;} .latest.product li span.title {display:block; height:44px; border-top:1px solid #d5d5d5; color:#333; font-size:16px; font-weight:400; text-align:center; line-height:43px;} .latest.product li:hover span.border {position:absolute; top:-1px; left:-1px; display:block; width:217px; height:219px; border:2px solid #0c4b9e;} .latest.product li a {display:block; width:100%; height:223px; text-align:center; color:#555;} .latest.product li a img {width:100%; height:237px;} .mainProduct_slide .bx-controls-direction a {position:absolute; top:50%; display:block; width:29px; height:29px; margin-top:10px; font-size:0; line-height:0;} .mainProduct_slide .bx-controls-direction a.bx-prev {left:-50px; background:url('/images/main/btn_prev_pro.png') no-repeat 0 0;} .mainProduct_slide .bx-controls-direction a.bx-next {right:-50px; background:url('/images/main/btn_next_pro.png') no-repeat 0 0;} .evmainPro_contain { position:relative; } .evmainPro_contain .bx-controls { position:absolute; left:0; top:100px; width:65px; } .evmainPro_contain .bx-controls a.bx-prev { left:0; } .evmainPro_contain .bx-controls a.bx-next { right:0; } .latest.product.eventslide { } .latest.product.eventslide li {display:block; background:none; padding-top:36px; height:350px;} .latest.product.eventslide li a { display:block; height:auto;} .latest.product.eventslide li a + a { margin-top:67px; } .latest.product.eventslide li a u { text-decoration:none; display:block; text-align:left; font-size:14px; color:#999; font-weight:300; } .latest.product.eventslide li span.title { display:block; text-align:left; font-size:28px; color:#323232; font-weight:400; background:none; border:0;} .latest.product.eventslide li .ev_img { font-size:0; height:180px; } .latest.product.eventslide li .ev_img img { display:inline-block; vertical-align:top; width:253px; height:180px; box-shadow:2px 3px 5px 0px rgba(0,0,0,0.3);} .latest.product.eventslide li .ev_img img + img { margin-left:22px; } /*게시판 반응형 작업 2019-05-10*/ #Board .respon-style input, #Board .respon-style button { -webkit-appearance: none; -webkit-border-radius: 0; } #Board .respon-style select { -webkit-border-radius: 0; } br.rsp-br { display:none; } @media screen and (max-width:930px){ #Board.view.respon-style table colgroup col:nth-of-type(2) { width:200px; } } @media screen and (max-width:760px){ #Board.view.respon-style table , #Board.view.respon-style thead , #Board.view.respon-style tbody , #Board.view.respon-style tr , #Board.view.respon-style th , #Board.view.respon-style td { display:block; } #Board.view.respon-style th , #Board.view.respon-style td { width:100%; text-align:left; box-sizing:border-box; padding:10px; font-size:15px; } #Board.view.respon-style #DivContents { padding:10px; } } @media screen and (max-width:640px){ br.rsp-br { display:block; } /* list */ #Board.list.respon-style table colgroup, #Board.list.respon-style thead { display:none; } #Board.list.respon-style table , #Board.list.respon-style tbody , #Board.list.respon-style tr , #Board.list.respon-style th , #Board.list.respon-style td { display:block; } #Board.list.respon-style td.num, #Board.list.respon-style td.check { display:none; } #Board.list.respon-style tr { position:relative; border-bottom: 1px solid #e7e7e7; padding-bottom:33px; } #Board.list.respon-style td { border-bottom:0; } #Board.list.respon-style td.subject { padding:10px } #Board.list.respon-style td.date { float:left; padding:0 10px; } #Board.list.respon-style td.date:before { content:"Date : "; } #Board.list.respon-style td.count { float:left; padding:0 10px; } #Board.list.respon-style td.count:before { content:"View : "; } #Board.list.respon-style #search { font-size:0; width:100%; box-sizing:border-box; padding:10px; } #Board.list.respon-style #search select { width:28%; box-sizing:border-box; margin-right:2%; } #Board.list.respon-style #search input { box-sizing:border-box; height:33px; font-size:15px; } #Board.list.respon-style #search input.text { width:50%; margin-left:0;} #Board.list.respon-style #search input[type=submit] { width:18%; margin-left:0; margin-left:2%;} /* form */ #Board.form.respon-style { } #Board.form.respon-style .type1 th { padding:10px; width:70px; font-size:15px; } #Board.form.respon-style .type1 td { padding:10px; } #Board.form.respon-style .type1 td input[type=text], #Board.form.respon-style .type1 td input[type=password]{ width:100%; box-sizing:border-box; } /* view */ #Board.view.respon-style { } /* #Board .writeBtnArea {display:flex; margin-top: 10px;} */ #Board .writeBtnArea .colRight input {width:55px;} } @media screen and (max-width:420px){ /* #Board .writeBtnArea .colRight {margin-top: 10px;} */ } /* calendar - Start */ /* calendar */ #schedule .box {width:100%;} #schedule .w320 {width:320px;} #schedule .w390 {width:390px;} #schedule .box .subject {position:relative; text-align:center;} #schedule .box .subject .date { text-align:center; } #schedule .box .subject .color_info {position:absolute; top:0; left:0; padding:0 20px; border:1px solid #e0e0e0; background:#f7f7f7; text-align:left; border-radius:25px;} #schedule .box .subject .color_info span {position:relative; display:inline-block; padding-left:18px; margin-left:19px; font-size:15px; font-weight:300; vertical-align:top; line-height:40px;} #schedule .box .subject .color_info span:first-child {margin-left:0;} #schedule .box .subject .color_info span:before {content:''; position:absolute; top:50%; left:0; width:13px; height:13px; margin-top:-6.5px; border-radius:100%;} #schedule .box .subject .color_info span.state01:before {background:#b2b285;} #schedule .box .subject .color_info span.state02:before {background:#a3865f;} #schedule .box .subject .color_info span.state03:before {background:#b1b1b1;} #schedule .box .subject .color_info span.state04:before {background:#2fb8e6;} #schedule .box .subject .SelectArea {position:absolute; top:0; left:0; text-align:left;} .DateSelectArea {display:inline-block; padding:0 40px; vertical-align:top; } .DateSelectArea span {display:inline-block; padding:0 14px; height:40px; font-size:26px; font-weight:400; color:#222; vertical-align:top; line-height:40px;} .custom-select {position: relative; display:inline-block; padding:0 14px; height:40px; font-size:15px; font-weight:400; vertical-align:top; line-height:40px;} .custom-select select {display: none;} .select-selected {padding-right:30px; background:url('/images/common/icon/icon_arrow05.png') no-repeat right center; font-size:26px; color:#222; cursor:pointer;} .select-selected.select-arrow-active {background-image:url('/images/common/icon/icon_arrow05_rotate.png');} .select-items {position: absolute; height:245px; background:#f7f7f7; border:1px solid #e0e0e0; top: 100%; left: 0; right: 0; font-size:17px; font-weight:300; text-align:left; color:#666; text-indent:10px; z-index: 99; overflow-y:scroll;} .select-items div {border-top:1px solid #e0e0e0;} .select-items div:first-child {border-top:none;} .select-hide {display: none;} .select-items div:hover, .same-as-selected {background-color:#f3f3f3; color:#000;} .select-items div:hover {cursor:pointer;} #schedule .box .subject {margin-bottom:35px;} #schedule .box .subject .SearchArea {position:absolute; top:0; right:0; padding:0 20px; border:1px solid #e0e0e0; background:#f7f7f7; border-radius:25px;} #schedule .box .subject .SearchArea p {display:inline-block; width:100px; height:40px; padding:0; border:none; background:none; font-weight:500; color:#222; vertical-align:middle; line-height:40px; text-align:left; font-size:17px; } #schedule .box .subject .SearchArea input.button {width:32px; height:20px; line-height:18px; background:#929258; font-weight:500; font-size:12px; color:#fff; border-radius:25px;} #schedule .calendar {position:relative; width:100%;} #schedule .calendar table {width:100%; border-bottom:1px solid #eee; table-layout:fixed;} #schedule .calendar table th {padding-bottom:5px; font-size:14px; font-weight:400; text-align:center; color:#fff; background:#ccc; padding:15px 0; border-right:1px solid #fafafa;} #schedule .calendar table td { position:relative; /* height:170px; */ font-size:17px; border-right:1px solid #eee; border-top:1px solid #eee; font-weight:300; text-align:left; vertical-align:top; color:#666;} #schedule .calendar table td a:hover {text-decoration:none;} #schedule .calendar table td.default {background:#fafafa;} #schedule .calendar table td:first-child {border-left:1px solid #eee;} #schedule .calendar table td .date {padding:0px 20px 15px 20px; text-align:left;} #schedule .calendar table td .date.date2 {padding-bottom:10px;} #schedule .calendar table td.sunday .date {color:#f46767 !important;} #schedule .calendar table td.today .date {/* font-weight:500 !important; color:#222; */} #schedule .calendar table td .date span { display:inline-block; height:30px; width:30px; line-height:30px; } #schedule .calendar table td.today .date span { border-radius:50%; background:#a49273; color:#fff; text-align:center; } #schedule .calendar table td .title {display:block; font-size:15px; margin-bottom:12px; } #schedule .calendar table td .box { padding-bottom:35px; } #schedule .calendar table td .btn-box {position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding-top:18px; text-align:center; padding-bottom:10px; } #schedule .calendar table td .btn-box a.btn-res { display:inline-block; width:100px; height:28px; line-height:27px; text-align:center; font-size:15px; color:#1d2b42; border:1px solid #1d2b42; } #schedule .calendar table td .btn-box a.btn-res:hover { background:#1d2b42; color:#fff; } #schedule .calendar table td .btn-box a.btn-res.end:hover, #schedule .calendar table td .btn-box a.btn-res.end { background:#bbb; border-color:#bbb; color:#fff; } #schedule .calendar table td .title p { position:relative; padding:0 10px 0 27px; box-sizing:border-box; } #schedule .calendar table td .title p span {font-size:15px; color:#999; } #schedule .calendar table td .title p em { display:block; font-size:13px; color:#999; font-weight:400; } #schedule .calendar table td .title p.on span , #schedule .calendar table td .title p.on em { color:#666; } #schedule .calendar table td .cat01 p {background:#fff;} #schedule .calendar table td .cat02 p {background:#f3efe9;} #schedule .calendar.comm_calendar table td {padding:15px 20px;} #schedule .calendar.comm_calendar table td .date {padding:0 0 10px 0;} #schedule .calendar.comm_calendar table td .title2 {display:block; padding:5px 0; font-size:15px; line-height:20px;} #schedule .calendar table td .title3 {position:relative; display:block; width:100%; font-size:14px; font-weight:300;} #schedule .calendar table td .title3.complete {background:#f2f2f2;} #schedule .calendar table td .title3.reservation {background:#eaf6fa; font-weight:400; color:#0d9ac9;} #schedule .calendar table td .title3 span {position:relative; display:block; padding-left:20px; padding-right:9px; line-height:30px;} #schedule .calendar table td .title3.reservation span {padding-right:62px;} #schedule .calendar table td .title3 span:before {content:''; position:absolute; left:0; top:0; width:6px; height:100%;} #schedule .calendar table td .title3.complete span:before {background:#b1b1b1;} #schedule .calendar table td .title3.reservation span:before {background:#2fb8e6;} #schedule .calendar table td .title3 .btn_resev {position:absolute; top:50%; right:9px; transform:translateY(-50%);} @media screen and (max-width:1060px){ #schedule .calendar table td .btn-box { padding-left:10px; padding-right:10px; } #schedule .calendar table td .btn-box a.btn-res { width:100%; } } @media screen and (max-width:640px){ #schedule .calendar table td .btn-box { padding-top:8px; } #schedule .calendar table td .btn-box a.btn-res { font-size:12px; } #schedule .calendar table td .btn-box a.btn-res em { display:none; } #schedule .calendar table td .title p { padding:0 5px 0 9px; } #schedule .calendar table td .title p span { font-size:12px; } #schedule .calendar table td .title p em { font-size:10px; } #schedule .calendar table td .box { padding-bottom:45px; } } @media screen and (max-width:390px){ #schedule .calendar table td .title p span { font-size:2.8vw; } #schedule .calendar table td .title p em { font-size:2.4vw; } #schedule .calendar table td .btn-box { padding-left:5px; padding-right:5px; } #schedule .calendar table td .btn-box a.btn-res { font-size:3vw; } } .board_schedule .calendar table td a {display:block;} .board_schedule .calendar table td .title {position:relative; } .board_schedule .calendar table td .title p {box-sizing:border-box;} .board_schedule .calendar table td .title p:before {content:''; position:absolute; top:0; left:0; display:block; width:6px; height:100%;} .board_schedule .calendar table td .cat01.first p:before { left:19px; top:11px; width:2px; height:2px; background:#000; } .board_schedule .calendar table td .cat02.first p:before {background:#a3865f;} .board_schedule .calendar table td .title.first {z-index:10;} .board_schedule .calendar table td .title a { display:block; width:100%; height:100%;} .board_schedule .calendar table td .title.col1 a { width:100%;} .board_schedule .calendar table td .title.col2 a {width:calc(200% + 2px);} .board_schedule .calendar table td .title.col3 a {width:calc(300% + 4px);} .board_schedule .calendar table td .title.col4 a {width:calc(400% + 7px);} .board_schedule .calendar table td .title.col5 a {width:calc(500% + 9px);} .board_schedule .calendar table td .title.col6 a {width:calc(600% + 10px);} .board_schedule .calendar table td .title.col7 a {width:calc(700% + 13px);} .view_schedule {overflow:hidden;} .view_schedule .floatL {width:46%;} .view_schedule .floatR {width:51%; /* margin-top:22px; */} #schedule .view_schedule .calendar table td {height:140px;} #schedule .view_schedule .calendar table td .date {padding:10px; font-size:14px;} #schedule .view_schedule .calendar table td .date.date2 {padding-bottom:3px;} #schedule .view_schedule .calendar table td .title {height:30px; font-size:13px;} #schedule .view_schedule .calendar table td .title2 {padding:2px 5px 2px 10px; font-size:13px; line-height:18px;} #schedule .view_schedule .calendar table td .title p {height:30px; padding:0 12px; line-height:30px;} .view_schedule #Board.faq dl dt .subject .category {position:relative; padding-left:24px;} .view_schedule #Board.faq dl dt .subject .category:before {content:''; position:absolute; top:50%; left:0; width:13px; height:13px; margin-top:-5px; border-radius:100%;} .view_schedule #Board.faq dl dt .subject .category.cat01:before {background:#1d2b42;} .view_schedule #Board.faq dl.on dt .subject .category.cat01:before { background:#fff; } .view_schedule #Board.faq dl dt .subject .category.cat02:before {background:#a3865f;} .view_schedule #Board.faq dl dd .faq_conWrap img {width:100%;} .view_schedule #Board.faq dl dd .faq_conWrap .file { padding-bottom:10px; } .view_schedule #Board.faq dl dd .faq_conWrap .file img { max-width:100%; width:15px; } .view_schedule .BtnArea {margin-top:30px; text-align:right;} .tablet {display:none;} .mobile {display:none;} .view_schedule .calendar table td .cat01.first p:before { content:none; } .view_schedule .calendar table td .title + .title { margin-top:0 !important; } @media only screen and (max-width:1024px){ #schedule .box .subject {margin-bottom:45px;} #schedule .box .subject .color_info {top:2.5px; padding:0 15px;} #schedule .box .subject .color_info span {margin-left:0; font-size:14px; line-height:35px;} #schedule .box .subject .color_info span:before {width:12px; height:12px; margin-top:-5px;} #schedule .box .subject .SearchArea {top:2.5px; padding:0 15px;} #schedule .box .subject .SearchArea p {width:80px; height:35px; font-size:14px; line-height:35px;} #schedule .box .subject .SearchArea input.button {font-size:11px;} #schedule .calendar table th {font-size:13px;} #schedule .calendar table td {/* height:144px; */} #schedule .calendar table td .date {padding:10px 12px; font-size:16px; font-weight:400;} #schedule .calendar table td .title p { font-size:14px; } /* .board_schedule .calendar table td .title p:before { content:none; } */ #schedule .calendar.comm_calendar table td {padding:10px 12px;} #schedule .calendar.comm_calendar table td .date {padding:0 0 5px 0;} #schedule .calendar.comm_calendar table td .title2 {padding:2px 0; font-size:14px; line-height:20px;} #schedule .calendar table td .title3 {font-size:13px;} #schedule .calendar table td .title3 span {padding-left:14px; padding-right:6px;} #schedule .calendar table td .title3.reservation span {padding-right:0;} #schedule .calendar table td .title3 .btn_resev {right:6px;} .DateSelectArea { padding:0 15px; } #schedule .box .subject .color_info {position:absolute; top:57px; display:inline-block; } #schedule .box .subject .SearchArea {top:57px; z-index:10;} .view_schedule .floatL {display:none;} .view_schedule .floatR {float:none !important; width:100%; margin-top:0;} } @media only screen and (max-width:768px){ #schedule .calendar table td .title3 span {padding-left:12px;} #schedule .calendar table td .title3 span:before {content:''; position:absolute; left:0; top:0; width:4px; height:100%;} } @media only screen and (max-width:720px){ #schedule .calendar table td .title3 span {padding-left:7px;} #schedule .calendar table td .title3 .btn_resev {right:5px;} } @media screen and (max-width:640px){ .bcu_qna #schedule .box .subject .color_info {width:152px;} #schedule .box .subject .SelectArea {position:inherit; top:0; margin-top:15px;} #schedule .calendar table td { padding:0px 0; } #schedule .calendar table td .title3 span:before {height:58px;} #schedule .calendar table td .title3 .btn_resev {position:static; margin-left:7px; margin-top:8px;} .pct {display:none !important;} .tablet {display:none !important;} .mobile {display:block !important;} img.tablet_img {display:none !important;} img.pct_img {display:none !important;} img.mobile_img {display:block !important;} table.mobile {display:table !important;} img.pct_img_inline {display:none !important;} img.mobile_img_inline {display:inline-block !important;} .board_schedule .calendar table td .cat01.first p:before { left:4px; top:9px; } } @media only screen and (max-width:520px){ #schedule .box .subject {margin-bottom:0; text-align:left; padding: 0 0 15px 0; } #schedule .box .subject.btpad { margin-bottom:0; } #schedule .box .subject .Date { text-align:center; } #schedule .box .subject .color_info { position:relative; top: 5px; width:auto; padding:0 3vw; font-size:0; box-sizing:border-box; border-radius:8px;} #schedule .box .subject .color_info span { display:inline-block; vertical-align:top; padding-left:4vw; font-size:3.2vw; font-weight:400; line-height:8.5vw;} #schedule .box .subject .color_info span:before {width:2.5vw; height:2.5vw; margin-top:-1.2vw;} #schedule .box .subject .color_info span + span { margin-left:10px; } #schedule .box .subject .SearchArea {top:20px; position:relative; text-align:center; width:128px; margin:0 auto 20px; padding:0 3vw;} #schedule .box .subject .SearchArea p {width:17vw; height:8.5vw; font-size:3.2vw; font-weight:400; line-height:8.5vw;} #schedule .box .subject .SearchArea input.button {width:auto; height:5vw; font-size:2.5vw; line-height:4.5vw; text-align:center; } #schedule .box .subject .SelectArea {margin-top:4%;} #schedule .box .subject .SelectArea .SelectType01 {min-width:28%;} .bcu_qna #schedule .box .subject .color_info {width:41vw;} #schedule .calendar table th {padding-bottom:1%; font-size:3vw;} #schedule .calendar table td {height:24vw;} #schedule .calendar table td .date {padding:5%; font-size:3.5vw;} #schedule .calendar table td .title {/* height:8vw; */} #schedule .calendar table td .title p { font-size:3vw;} /* #schedule .calendar table td .title p:before {width:1vw;} */ #schedule .calendar.comm_calendar table td {padding:2% 3%; height:16vw;} #schedule .calendar.comm_calendar table td .date {padding:0 0 5px 0;} #schedule .calendar.comm_calendar table td .title2 {display:inline-block; padding:1vw; font-size:0; vertical-align:top; line-height:1;} #schedule .calendar.comm_calendar table td .title2 img {width:1vw;} #schedule .calendar table td .title3 span {padding:0 0 0 1.5vw; font-size:3vw; line-height:8vw;} #schedule .calendar table td .title3 span:before {width:0.8vw;} #schedule .calendar table td .title3.reservation span {padding-right:0;} #schedule .calendar table td .title3.reservation span:before {height:15vw;} #schedule .calendar table td .title3 .btn_resev {margin-left:2vw; margin-top:2vw;} } @media screen and (max-width:340px){ .DateSelectArea { padding:0 5px; } } .filebox {position:relative; overflow:hidden; font-size:0; } .filebox input[type="file"] { position: absolute;  top:-1px; width:1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; border: 0; } .filebox label.btn-find { display: inline-block; color: #fff; width:150px; height:50px; line-height:50px; font-size: 16px; vertical-align: middle; background-color: #888888; cursor: pointer;text-align:center; } /* named upload */ .filebox .upload-name { display: inline-block; padding:0 10px; width:430px; box-sizing:border-box; height:50px; line-height:50px; font-size: 16px; color:#999; vertical-align: middle; background-color: #f5f5f5; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; border:0; } .filebox .before-file { display:inline-block; vertical-align:middle; font-size:16px; margin-left:20px; } .filebox .before-file u { display:inline-block; position:relative; padding-bottom:2px; text-decoration:none; color:#666; font-weight:300; border-bottom:1px solid #949494; word-break: break-all; } .filebox .before-file label.check-box { margin-left:10px; } @media screen and (max-width:660px){ .filebox .upload-name { width:calc(100% - 130px); } .filebox label.btn-find { width:130px } } @media screen and (max-width:640px){ .filebox .upload-name { font-size:15px; padding:0 15px; width: calc(100% - 115px); } .filebox label.btn-find { font-size:15px; width:115px; } .filebox .before-file {position:relative; display:block; margin-left:0; border:1px solid #ddd; margin-top:10px; padding:15px 110px 15px 15px; } .filebox .before-file u { border-bottom:0; padding:0; } .filebox .before-file label.check-box { margin-left:0; position:absolute; right:15px; top:50%; margin-top:-15px; height:30px; line-height:30px; font-size:15px; } }