@charset "utf-8"; #bo_gall .gall_img img.thumb, #bo_gall .gall_img a .gall_bottom_txt {transition: all .3s ease-out; transform-origin: 50% 50%;} /*[s] List Style */ .bo_etc{font-size: 20px;color: #666;line-height: 1.6;margin-top: 20px;font-weight: 400;} .bo_etc span{color:#000;margin-top:10px;} /* �˻�â */ #bo_sch {background:#fafafa; padding:25px 0; text-align: center; margin-bottom:50px; } #bo_sch:after {content:""; display:block; visibility:hidden; clear:both; } #bo_sch legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden} #bo_sch select{margin-right:10px; height:44px; width:130px; } #bo_sch .sch_input{height:44px; border:0; padding:0; background-color:transparent; width:300px; } #bo_sch .sch_btn {height:44px; margin-left:-4px; background-color:#000; border:0; width:100px; font-size:16px; color:#fff; line-height:44px; } #bo_sch select, #bo_sch .sch_input {padding:0 10px; background-color: #fff; border:1px solid #ddd; font-size:15px; line-height:42px; color:#888; } #bo_sch select::-ms-expand{display:none;} #bo_sch select {background:#fff url('/img/bg_select_arr.png') no-repeat right 10px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #bo_sch input::placeholder {font-size:15px; color:#999; } #bo_sch :-ms-input-placeholder {font-size:15px; color:#999; } #bo_sch ::-webkit-input-placeholder {font-size:15px; color:#999;} /* btn style */ #bo_btn_top{margin:20px 0} #bo_btn_top:after {content:""; display:block; visibility:hidden; clear:both;} .btn_bo_user {float:right; margin:0; padding:0; list-style:none} .btn_bo_user li {float:left; margin-left:5px} #bo_w .btn_confirm{padding-top:40px; text-align:center;} #bo_w .btn_confirm>*{width:180px; height:50px; margin:0; padding:0px; font-weight:400; font-size:1rem; line-height:48px; display:inline-block; border-radius:5px;} #bo_w .btn_confirm>*+*{margin-left:10px;} #bo_w .btn_confirm .btn_submit{} #bo_w .btn_confirm .btn_cancel{} #bo_w button.btn_cke_sc{font-size:12px;} #bo_w .cke_sc_def{font-size:14px;} /*[s] Basic List Style */ .bo_notice .notice_icon {padding: 0 4px;display:inline-block;background:#000;/* width:50px; */font-size: 12px;line-height:24px;border-radius:3px;font-weight:normal;color:#fff;} .bo_notice td {} .bo_notice td a {font-weight:500; color:#000 !important;} /* btn style */ #bo_list a.btn_b02 {min-width:100px; height:42px; background:#000; border:1px solid #000; font-size:15px; line-height:40px; font-weight:400;} #bo_list a.btn_b02:focus, #bo_list a.btn_b02:hover {background:#fff; color: #000;border:1px solid #000;} #bo_list a.btn_admin {min-width:100px; border-radius: 0; height:42px; background:#000; font-size:15px; line-height:42px; font-weight:400; } #bo_list a.btn_admin:focus, #bo_list .btn_admin:hover {} /*[e] Basic List Style */ /*[s] Gallery List Style */ #bo_gall{max-width:1460px;margin:0 auto;} #bo_gall h2 {margin:0; padding:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden;} #bo_gall #gall_ul {margin: -12px 0 0 -12px;padding:0;list-style:none;zoom:1;} #bo_gall #gall_ul:after {content:""; display:block; visibility:hidden; clear:both; } #bo_gall .gall_box {position:relative; margin:0; background:#fff; overflow:hidden;} /* #bo_gall .gall_box:hover {border:1px solid #333333;} */ .gall_chk {position:absolute;top:0;left:0;padding:10px;z-index:3;} #bo_gall .gall_box.nb {} #bo_gall .gall_box.nb:hover {border:1px solid #ddd;} #bo_gall .gall_box.new_s {position:relative; margin:0; background:#fff; overflow:hidden; border:none;} #bo_gall .gall_box.new_s:hover {border:none;} #bo_gall .gall_box.new_s .gall_con {width:100%; padding-bottom:50px; border-bottom:1px solid #ddd; display:table; table-layout: fixed;} #bo_gall .gall_box.new_s .gall_con>*{display:table-cell; vertical-align: middle;} #bo_gall .gall_box.new_s .gall_chk{position:absolute;top:0;left:0;padding:10px;} #bo_gall .gall_box.new_s .gall_img{background-color: #f6f6f6; text-align:center; border-radius:10px; overflow:hidden;} #bo_gall .gall_box.new_s .gall_Right{height:237px; padding-left:50px; position:relative;} #bo_gall .gall_box.new_s .gall_text_href, #bo_gall .gall_box.new_s .gall_name, #bo_gall .gall_box.new_s .gall_info {} #bo_gall .gall_box.new_s .gall_text_href {margin:0 0; width:80%;} #bo_gall .gall_box.new_s .gall_text_href .bo_cate_link {margin:0 !important; font-weight:400; font-size:16px !important; color:#ff960e;} #bo_gall .gall_box.new_s .gall_text_href .bo_tit {margin:0 !important; font-weight:500 !important; font-size:22px !important; line-height:1.4; color:#333; padding-top:20px; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #bo_gall .gall_box.new_s .gall_text_href a:hover .bo_tit {color:#000; text-decoration:underline;} #bo_gall .gall_box.new_s .gall_text_href .sub_tit {max-height:72px; margin-top:7px; font-weight:500; font-size:16px; line-height:24px; color:#555; display: block; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #bo_gall .gall_box.new_s .gall_text_href .bo_txt {max-height:72px; margin-top:20px; font-weight:400; font-size:16px; line-height:24px; color:#888; display: block; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } #bo_gall .gall_box.new_s .gall_text_href .bo_txt.t_line {-webkit-line-clamp:2;} #bo_gall .gall_box.new_s .gall_text_href img {margin:0 0 0 4px} #bo_gall .gall_box.new_s .bo_tit{display:block;font-weight:bold;color:#000;font-size:1.083em} #bo_gall .gall_box.new_s .gall_text_href .new_more {background:url("/img/ico_new_more.png") no-repeat center center; position:absolute; top:50%; right:0; font-size:0; width:56px; height:56px; margin-top:-28px;} #bo_gall .gall_box.new_s .gall_text_href a:hover .new_more {background:url("/img/ico_new_more_ov.png") no-repeat center center;} #bo_gall .gall_box.new_s .bo_tit .cnt_cmt{background:#5c85c1;color:#fff; font-size:11px;height:16px;line-height:16px;padding:0 5px;border-radius:3px;vertical-align:middle; -webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.3); -moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.3); box-shadow: inset 0 2px 5px rgba(255,255,255,0.3);} #bo_gall .gall_box.new_s .profile_img img{border-radius:50%} #bo_gall .gall_box.new_s .gall_name{margin:25px 0 0 0; font-size:14px; line-height:1; color: #7d7d7d;} #bo_gall .gall_box.new_s .gall_li .gall_chk{position:absolute; top:0; left:0; padding:10px; } .gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3, .gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9, .gall_row .col-gn-10 {position:relative;min-height:1px;/* padding: 12px 0 0 12px; */float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:0;} .gall_row .col-gn-0,.gall_row .col-gn-1{width:100%; float:none; clear:both;} .gall_row .col-gn-2{width:50%} .gall_row .col-gn-3{width:33.33333333%} .gall_row .col-gn-4{width:25%} .gall_row .col-gn-5{width:20%} .gall_row .col-gn-6{width:16.66666667%} .gall_row .col-gn-7{width:14.28571428%} .gall_row .col-gn-8{width:12.5%} .gall_row .col-gn-9{width:11.11111111%} .gall_row .col-gn-10{width:10%} .gall_row .box_clear{clear:both} #bo_gall .gall_now .gall_text_href a {color:#ff3061} #bo_gall .gall_href a:link, #bo_gall .gall_href a:focus, #bo_gall .gall_href a:hover {text-decoration:none} #bo_gall .gall_img a,#bo_gall .gall_img .no_image,#bo_gall .gall_img .is_notice {display:block; font-size:16px;} #bo_gall .gall_img img {max-width:100%; /* height:auto !important */} #bo_gall .gall_img span{display:inline-block; background:#f6f6f6; text-align:center; line-height:12vw; font-weight:bold; font-size:1.25em; color:#777;height:100%;} #bo_gall .gall_img .thumb_png{position:relative;} #bo_gall .area {width:100%; box-sizing: border-box; display:table; table-layout: fixed; border-top:1px solid #ededed; } #bo_gall .area .in_area {padding: 15px 0 15px ; display:table-cell; vertical-align: middle; box-sizing: border-box; transition: all .3s ease-out; } #bo_gall .area .in_area .gall_text_href {margin:0; } #bo_gall .area .in_area .gall_text_href a {font-weight:bold} #bo_gall .area .in_area .gall_text_href .bo_cate_link {border: 1px solid #ddd; font-size:13px; color:#666; padding:6px 18px; display:inline-block; margin-bottom:15px; font-weight:500; position:relative; -webkit-transition:border 250ms, background 300ms, color 250ms; transition: border 250ms, background 300ms, color 250ms; display:none;} #bo_gall .area .in_area .gall_text_href .bo_tit {/* height:56px; */font-size:1.25rem;font-weight:500;line-height: 1.6;color:#222;letter-spacing:-0.01em;padding:0;text-align:left;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;max-height: 2.2em;} #bo_gall .area .in_area .gall_info {} #bo_gall .area .in_area .gall_info .gall_date {font-size:16px; font-weight:400; color:#888; display:inline-block; margin-top:12px; } #bo_gall .area .in_area .gall_text_href .bo_txt {max-height: 40px;margin-top:10px;font-weight: 300;font-size: 1.125rem;line-height:20px;color: #666;letter-spacing: -0.03em;display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align:left;} #bo_gall .area .in_area .gall_text_href img {margin:0 0 0 4px} #bo_gall .area .in_area .bo_tit .cnt_cmt{background:#5c85c1; color:#fff; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle; -webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.3); -moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.3); box-shadow: inset 0 2px 5px rgba(255,255,255,0.3); } #bo_gall .area .in_area .profile_img img{border-radius:50%} #bo_gall .area .in_area .gall_name{margin:25px 24px; font-size:14px; line-height:1; color: #7d7d7d; } #bo_gall .area .in_area .bo_tit .fa-download{width:16px; height:16px; line-height:16px; background:#e89f31; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle} #bo_gall .area .in_area .bo_tit .fa-link{width:16px; height:16px; line-height:16px; background:#ad68d8; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle; font-weight:normal} #bo_gall .area .in_area .bo_tit .fa-link{width:16px; height:16px; line-height:16px; background:#ad68d8; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle} #bo_gall .area .in_area .bo_tit .new_icon{display:inline-block; width: 16px; line-height:16px ; font-size:0.833em; color:#fff; background:#6db142; text-align:center; border-radius: 2px; vertical-align:middle; margin-right:2px} #bo_gall .area .in_area .bo_tit .hot_icon{display:inline-block; width: 16px; line-height:16px ; font-size:0.833em; color:#fff; background:#e52955; text-align:center; border-radius: 2px; vertical-align:middle; margin-right:2px} #bo_gall .area .in_area .bo_tit .fa-lock{display: inline-block; line-height: 16px; color: #999; text-align: center; vertical-align:middle; } /*[e] Gallery List Style */ /*[s] FAQ List Style */ .faqArea{width:100%; margin-bottom:30px; border-top:2px solid #555; border-bottom:1px solid #ddd; font-size:0; line-height:0; position:relative;} .faqArea>li{position: relative;} .faqArea>li+li{border-top:1px solid #ddd;} .faqArea>li .checkIn{position: absolute; left:19px; top:26px; z-index:3;} .faqArea>li .q {padding:20px 90px 20px 65px; font-weight:400; font-size:18px; line-height:1.6; color:#333; display:block; position: relative; box-sizing: border-box;} .faqArea>li .q:before{content: "Q"; width:33px; height:33px; background-color:#000; font-size:18px; line-height:31px; color: #fff; text-align: center; display: inline-block; position:absolute; left: 15px; top:17px; box-sizing: border-box; border-radius:3px;} .faqArea>li .q>.bul{width:20px; height:20px; display:block; position: absolute; right:20px; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .faqArea>li .q>.bul:before, .faqArea>li .q>.bul:after{content: ""; background-color: #666; position: absolute; left:50%; top:50%; display:block;} .faqArea>li .q>.bul:before{width:20px; height:1px; margin:-0.5px 0 0 -10px;} .faqArea>li .q>.bul:after{width:1px; height:20px; margin:-10px 0 0 -0.5px;} .faqArea>li .q:hover{} .faqArea>li .a{padding:20px 90px 20px 65px; background-color:#fafafa; border-top:1px solid #ccc; font-weight:500; font-size:18px; line-height:1.6; color: #333; display:none; position: relative; box-sizing: border-box;} .faqArea>li .a:before{content: "A"; width:33px; height:33px; background-color:#fff; border:1px solid #000; font-size:18px; line-height:30px; color:#000; text-align: center; display: inline-block; position:absolute; left: 15px; top:17px; box-sizing: border-box; border-radius:3px;} .faqArea>li .a .btnBox{text-align: right; display:inline-block; position: absolute; right:30px; bottom:30px;} .faqArea>li.active .q{} .faqArea>li.active .q:before{} .faqArea>li.active .q>.bul:before, .faqArea>li.active .q>.bul:after{transform:rotate(45deg); background-color: #333;} .faqArea>li.noPost{width:100%; height:300px; font-size:18px; line-height:1; color: #474a52; text-align: center; display:table; box-sizing: border-box;} .faqArea>li.noPost>p{display:table-cell; vertical-align: middle;} .faqArea>li.ad .q{padding-left:105px;} .faqArea>li.ad .q:before{left: 55px;} .faqArea>li.ad .a{padding-left:105px;} .faqArea>li.ad .a:before{left: 55px;} /*[e] FAQ List Style */ .bo_fx {float:right; margin-top:40px; zoom:1; } .bo_fx:after {display:block; visibility:hidden; clear:both; content:""; } .bo_fx ul {margin:0; padding:0; list-style:none} .bo_fx .btn_b01 {min-width:100px; border-radius: 0; height:40px; background:#6f6f6f; border:1px solid #6f6f6f; font-size:15px; line-height:40px; font-weight:400; font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;} .bo_fx .btn_b01:hover {background:#fff; color: #6f6f6f;} /* ī�װ� */ #bo_cate {/* float:left; */ top:0;margin-bottom:30px;} #bo_cate h2 {position:absolute; font-size:0; line-height:0; overflow:hidden;} #bo_cate ul {zoom:1} #bo_cate ul:after {display:block; visibility:hidden; clear:both; content:""} #bo_cate_ul {line-height: 70px;height: 70px;background-color: #f8f8f8;zoom:1;text-align:center;} #bo_cate li {display:inline-block;position:relative;} #bo_cate li+li {padding-left:60px;} #bo_cate li+li:before {content:"";display:inline-block;position:absolute;left:30px;top: 50%;width:4px;height:4px;background:#ddd;border-radius:5px;transform: translateY(-50%);} #bo_cate a {display:block; font-size:1.25rem; color:#666; font-weight:300; line-height:30px;} #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {color:#333;font-weight:500;} #bo_cate #bo_cate_on {color:#333;font-weight:500;} .bo_cate_link{border:1px solid #000;padding: 3px 8px;font-size:0.85rem;margin-bottom:3px; font-weight:500;display:inline-block;} .admGos{color: #fff;display: block;position: absolute!important;right:0;top:20px;width: 50px;background: #f00;padding: 5px 10px;font-size: 12px;line-height: 1;text-align: center;z-index: 6;} /*[e] List Style */ /*[s] View Style */ #bo_v {margin-bottom:20px; padding:0; /* background:#fff; */ box-sizing:border-box; max-width:1460px;margin: 0 auto;} /* ����, �Խù����� style */ #bo_v_title {border-bottom:1px solid #ddd; border-top:2px solid #666; } #bo_v_title .titArea {display:table; width:100%; padding:20px 30px;} #bo_v_title .titArea .titcate {display: table-cell; width: auto; vertical-align: top; } #bo_v_title .titArea .titcate .bo_v_cate {display:block; height:29px; margin-right:18px; padding:0 20px; font-size:16px; line-height:29px; font-weight:500; text-align: center; letter-spacing: -0.025em; color:#000; border: 1px solid #000; } #bo_v_title .titArea .v_tit {/* display: table-cell; */ width: 100%; vertical-align: top; } #bo_v_title .titArea .v_tit .bo_v_tit {display:block; font-weight:500; font-size:1.5rem; margin:0 0 0; word-break:break-all; color:#333; } #bo_v_info {width:100%; min-height:60px; padding:0 20px; margin:0px; text-align:right; font-size:16px; color:#666} #bo_v_info:after {content:""; display:block; visibility:hidden; clear:both; } #bo_v_info span {display:inline-block; padding: 0 19px; position: relative; vertical-align:top; line-height:65px; color:#888; font-weight:400; } #bo_v_info > *:after {content: ''; display: block; width: 1px; height: 13px; position: absolute; right: 0; top: 50%; margin-top: -6.5px; background: #d4d4d4; } #bo_v_info > *:last-child {padding-right: 0; } #bo_v_info > *:last-child:after {display: none; } #bo_v_info h2 {position:absolute; font-size:0; line-height:0; overflow:hidden} #bo_v_info h2:after {display:none; } #bo_v_info .sound_only:after {display:none; } #bo_v_info .sv_member {font-weight:500; color: #444; padding-left:0px; } #bo_v_info .sv_guest {font-weight:500; color: #444; padding-left:0px; } #bo_v_info .if_date {} #bo_v_info .if_cate {font-weight:500; color:#ff960e; padding-left:0px;} #bo_v_info b {display:inline-block; padding-right:10px; font-weight:500; color:#333;} /* ���� style */ #bo_v_atc {min-height:200px; height:auto !important; padding:30px; font-size:16px; font-weight:400; border-bottom: 1px solid #ddd;} #bo_v_atc_title {position:absolute; font-size:0; line-height:0; overflow:hidden} #bo_v_act .bo_v_act_gng {position:relative} #bo_v_act a {margin-right:5px; vertical-align:middle} #bo_v_act a:hover{background-color:#f3f3f3} #subtit {font-size:18px; font-weight:500; color:#333; line-height:1.6} #bo_v_con {margin:10px 0 30px; width:100%; line-height:1.7em; word-break:break-all; overflow:hidden; font-size:16px; font-weight:400;} #bo_v_con a {color:#000; text-decoration:underline} #bo_v_con img {max-width:100%; height:auto} /* btn style */ #bo_v_top {zoom:1} #bo_v_top:after {content:""; display:block; visibility:hidden; clear:both; } #bo_v_top h2 {position:absolute; font-size:0; line-height:0; overflow:hidden} #bo_v_top ul {padding:0; list-style:none; word-break:break-all} .bo_v_left {margin:20px 0; float:left;} .bo_v_left li {float:left; margin-right:5px} .bo_fx {float:right; margin-top:20px; zoom:1; } .bo_fx:after {display:block; visibility:hidden; clear:both; content:""; } .bo_fx ul {margin:0; padding:0; list-style:none} /* .bo_fx .btn_b01, .bo_fx .btn_b02, .bo_fx .btn_b03 {min-width:100px;height:42px;font-size:15px;line-height:40px;font-weight:400;font-family:'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;cursor:pointer} */ .td_subject img {margin-left:5px} a.btn_b02.btn_list{font-size:1rem;background-color:#2e2e2e;color:#fff;border-radius:0;width:9.375rem;height:3.125rem;line-height:3.125rem;float:right;text-align:center;} /* ÷������ */ #bo_v_file {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:table; } #bo_v_file .title {padding:20px; display: table-cell; width:15%; color: #333; font-size:16px; font-weight:500; text-align:center; } #bo_v_file ul {margin:0; list-style:none} #bo_v_file .add_file {display:table-cell; padding:20px; border-left:1px solid #ddd; } #bo_v_file li {position:relative; font-size:13px; font-weight:400;} #bo_v_file li+li {padding-top:10px; } #bo_v_file a {display:inline-block; padding-left:7px; font-size:15px; font-weight:400; color:#888; text-decoration:underline; word-wrap:break-word} #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none} #bo_v_file img {float:left; margin:0 10px 0 0} .bo_v_file_cnt {position:absolute; top:5px; right:10px; color:#888; font-size:0.92em} /* ���ø�ũ */ #bo_v_link {width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; display:table; } #bo_v_link .title {padding:20px; display: table-cell; width:15%; color: #333; font-size:16px; font-weight:500; text-align:center; } #bo_v_link ul {margin:0; padding:5px 0; list-style:none} #bo_v_link .add_link {display:table-cell; padding:20px; border-left:1px solid #ddd; } #bo_v_link li {position:relative; font-weight:400;} #bo_v_link li+li {padding-top:10px; } #bo_v_link a {display:inline-block; padding-left:7px; font-size:15px; font-weight:400; color:#888; text-decoration:underline; word-wrap:break-word} #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none} .bo_v_link_cnt {position:absolute; top:5px; right:10px; color:#888; font-size:0.92em} #bo_v_file+#bo_v_link {border-top:none;} /* ������ ������ */ .pageNavigation {display:table; width:100%; /* max-width:1280px; */height:180px; margin:50px auto; position:relative; border:none; border-top: 1px solid #ddd;} .pageNavigation_link, .pageNavigation_title {display:table-cell; width:50%; height:100%; position: relative; font-size:15px; font-weight:400; text-align:center; vertical-align:middle; color: #555; } .pageNavigation_next, .pageNavigation_title_next {padding-left:90px; padding-right:50px; } .pageNavigation_prev, .pageNavigation_title_prev {padding-right:90px; padding-left:50px; } .pageNavigation_link span {display: block; padding-top: 10px; overflow: hidden; font-weight:400; font-size:18px; text-overflow: ellipsis; white-space:nowrap; word-wrap: normal; } .pageNavigation_link b {display:inline-block; position:relative; font-size:22px; line-height:1; letter-spacing:0.05em; font-weight:500; text-transform:uppercase; } .pageNavigation_list {display:block; width:73px; height:73px; position:absolute; top:50%; left:50%; font-size:0; border:1px solid #333333; background:rgba(0, 0, 0, 0) url('../img/ico_list.png') no-repeat center center; background-size: 18px 18px; z-index: 1; -webkit-transition: background 300ms; transition: background 300ms; transform: translate(-50%,-50%);} .pageNavigation_list.pageNavigation_link {font-size: 0; } .pageNavigation_list:hover {background:#333333 url('../img/ico_list_ov.png') no-repeat center center; background-size:18px 18px; } /* span text-overflow ellipsis debug */ .pageNavigation_prev, .pageNavigation_next {max-width: 0; } .pageNavigation_link:hover span {color:#333333;} .pageNavigation_link:hover b {color:#333333;} /* ���� ���̺� */ .online_table {margin:0 0 20px} .online_table table {width:100%; border-collapse:collapse; border-spacing:0; border-top:2px solid #aaa} .online_table th {width:150px; padding:15px 20px; border:1px solid #ddd; border-left:0; background:#f9f9f9; text-align:left; font-size:16px; color:#333; font-weight:500;} .online_table td {padding:15px 20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:transparent; font-size:16px; color:#666; font-weight:400;} #bo_v_bot {zoom:1} #bo_v_bot:after {content:""; display:block; visibility:hidden; clear:both; } #bo_v_bot h2 {position:absolute; font-size:0; line-height:0; overflow:hidden} #bo_v_bot ul {padding:0; list-style:none} .bo_v_com {margin:20px 0; float:right} .bo_v_com li {float:left; margin-left:5px} .bo_v_nb {position:relative; clear:both; text-align:left; border-bottom:1px solid #ddd; border-top:none; } .bo_v_nb:after{content:""; display:block; visibility:hidden; clear:both; } .bo_v_nb li {padding:13px 30px; font-size:15px; line-height:24px; } .bo_v_nb li+li {border-top:1px solid #ddd; } .bo_v_nb li:hover{background:#f6f6f6} .bo_v_nb li i{font-size:24px; color: #a8a8a8; vertical-align: top; } .bo_v_nb li .nb_tit{display:inline-block; margin-right:30px; color:#434343} .bo_v_nb li .nb_tit .fa{font-weight: 300; } .bo_v_nb li .nb_date{float:right; color:#888} #bo_v_share{position:relative; margin:20px 0 0; text-align:right} #bo_v_share .btn{padding:0 10px 0 0; color:#555; font-weight:normal; font-size:1em ; line-height:30px; height:32px; border-radius:0; border-color:#d5d5d5} #bo_v_share .btn:hover{background:#fff} #bo_v_share .btn i{margin-right:5px; background:#eee; color:#333; text-align:center; width:30px; line-height:30px; vertical-align:top; } #bo_v_share .btn_share{} #bo_v_share .btn_share:hover{} .bo_v_snswr{position:relative; display:inline-block; margin-left:-1px} #bo_v_sns {display:none; position:absolute; top:-50px; left:50%; margin-left:-90px; width:180px; padding:0; list-style:none; zoom:1} #bo_v_sns:after {content:""; display:block; visibility:hidden; clear:both; } #bo_v_sns:before{content: ""; position: absolute; bottom: -7px; left: 84px; width: 0; height: 0; border-style: solid; border-width: 7px 6px 0 6px; border-color: #415b92 transparent transparent transparent; } #bo_v_sns li {float:left; width:60px; text-align:center} #bo_v_sns li a{height:40px; padding:10px 0; } #bo_v_sns li .sns_f{display:block; background:#415b92} #bo_v_sns li .sns_t{display:block; background:#35b3dc} #bo_v_sns li .sns_g{display:block; background:#d5503a} #bo_v_sns.show_kakao{width:240px; margin-left:-120px} #bo_v_sns li .sns_k{display:block; background:#fbe300} #bo_v_sns li img{vertical-align:top} /*[e] View Style */ /*[s] Write Style */ #bo_w .bo_write { background-color:#fff; /* border-top:2px solid #555; border-bottom:1px solid #ddd; */max-width:1480px;padding:0 10px 0; margin: 0 auto;} .online_w {margin-top:60px;padding: 0 10px 0;} #bo_w.online_w .bo_write{/* border-top:1px solid #ddd; */} /* �¶��ι��� */ .clArea {width:100%; font-size:0; line-height:0; overflow:hidden;} .clArea>.tit{font-weight:500; font-size:24px; line-height:1; color: #333; margin-bottom:20px;} .clArea .checkIn {margin-top:30px;} .bo_w_online {margin-top:60px;} #bo_w .bo_write>table .cIn {display:inline-block;} #bo_w .bo_write>table .cIn input+label {margin-left:5px;} #bo_w .bo_write>table .cIn+.cIn {margin-left:10px;} #bo_w .bo_write>table .cIn+.cIn label+input {display:inline-block; margin-left:10px; width:75%;} #bo_w .bo_write .three {font-size:0; line-height:0; display: flex; justify-content: space-between;} #bo_w .bo_write .three input, #bo_w .bo_write .three select{width:33%;} #bo_w .bo_write .three.phone {max-width:55%;} #bo_w .bo_write>table .type {min-height:36px; font-weight:400; font-size:14px; line-height:50px; color:#888; display:inline-block; vertical-align:middle;} #bo_w .bo_write>table .type.l{margin:0 15px 0 5px;} #bo_w .bo_write>table .type.r{margin:0 5px 0 15px;} #bo_w .bo_write>table .type.c{margin:0 5px;} #bo_w .bo_write>table .point{color: #0e652e;} #bo_w .bo_write .btnBox{font-size:0; line-height:0;} #bo_w .bo_write .btnBox>input, #bo_w .bo_write .btnBox>select{width:39.8%;} #bo_w .bo_write .btnBox>.btns{padding:0 20px; background-color:#848484; border:1px solid #777; font-size:1rem; line-height:34px; color:#fff; display:inline-block; vertical-align: middle; border-radius:0px;} #bo_w .bo_write .btnBox>input+.btns{margin-left:5px;} #bo_w .bo_write .three.email{max-width:77%;} #bo_w .bo_write .three.email input {width:40%;} #bo_w .bo_write .three.email select {width:40%;} #bo_w .bo_write .three.email input+select{margin-left:5px;} #bo_w .bo_write .three.email .btns{margin-left:5px; padding:0 20px; background-color: #848484; border:1px solid #777; font-size:14px; line-height:34px; color: #fff; display:inline-block; vertical-align: middle;} #bo_w .bo_write .mailspan {width:100%} #bo_w .bo_write .juso {margin-top:5px; font-size:0; line-height:0; display: flex; justify-content: space-between;} #bo_w .bo_write .juso>input {width:49.5%;} #bo_w .bo_write .juso>input+input {width:60%; margin-left:5px;} #bo_w .write_div {position:relative;/* margin-bottom:20px; */text-align:center;} #bo_w .write_div.optionCheck {margin:20px 0; text-align:right; } #bo_w .bo_w_info:after {content:""; display:block; visibility:hidden; clear:both; } #bo_w .bo_w_info .frm_input{float:left; width:33%} #bo_w #wr_password{} #bo_w .wr_content.smarteditor2 iframe{background:#fff} #bo_w .bo_w_tit{position:relative} #bo_w .bo_w_tit .frm_input{padding-right:120px; } #bo_w .bo_w_tit #btn_autosave{position:absolute; top:5px; right:5px; line-height:30px; height:30px; } #bo_w .bo_w_link label{position:absolute; top:1px; left:1px; border-radius:3px 0 0 3px; height:38px; line-height:38px; width:40px; background: #eee; text-align:center; color:#888} #bo_w .bo_w_link .frm_input{padding-left:50px} #bo_w .bo_w_flie .lb_icon{position:absolute; top:0px; left:0px; border-radius:3px 0 0 3px; height:38px; line-height:38px; width:40px; background:#eee; text-align:center; color:#888} #bo_w .bo_w_flie .frm_file{padding-left:50px; } #bo_w .bo_w_flie .file_wr{border:1px solid #ccc; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; height:40px; margin:0} #bo_w .bo_w_flie .frm_input{margin:10px 0 0 } #bo_w .bo_w_flie .file_del{position:absolute; top:10px; right:10px; font-size:0.92em; color:#7d7d7d} #bo_w .bo_w_select select{border:1px solid #3497d9; height:40px; border-radius:3px} #bo_w .write_div .checkIn+.checkIn {margin-left:15px; } #bo_w table{width:100%; margin-bottom:-1px; border-spacing:0;border-top: 2px solid #555; border-bottom: 1px solid #ddd;} #bo_w table th, #bo_w table td {height:50px; padding:10px 15px; border-bottom:1px solid #ddd; font-weight:400; font-size:1rem; line-height:1.3; color:#666; letter-spacing: -0.03em; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box; } #bo_w table th {text-align: center;padding:10px 20px;background-color: transparent;/* border-right:1px solid #ddd; */font-weight:500;font-size:1rem;line-height:24px;color:#424242;} #bo_w input[type=text], #bo_w input[type=password], #bo_w input[type=file], #bo_w select, #bo_w textarea {width:100%; height:40px; padding:8px 12px; background-color:#fff; border:1px solid #ddd; font-weight:400; font-size:1rem; line-height:1.6; color:#666; box-sizing: border-box; vertical-align:middle; display:inline-block;} #bo_w textarea {padding:12px;} #bo_w select::-ms-expand{display:none; } #bo_w select {background:#fff url('../../../img/bg_select_arr.gif') no-repeat right 20px center; -webkit-appearance: none; -moz-appearance: none; appearance: none; } #bo_w .contentTxt textarea {padding:12px; line-height:26px; } #bo_w .frm_info{padding-top:10px; display:block; color:#3497d9; font-size:1rem} #bo_w .checkIn input[type=checkbox]+label{font-size:1rem; color:#666; } /* �ӽ� ����� �� */ #bo_w #autosave_wrapper{display: flex; justify-content: space-between; } #bo_w #autosave_wrapper input[type=text]{width:100%; } #bo_w #autosave_wrapper #btn_autosave {white-space: nowrap; margin:0 0 0 10px;} #autosave_wrapper {position:relative} #autosave_pop {display:none; z-index:10; position:absolute !important; top:34px; right:0; width:350px; height:auto !important; height:180px; max-height:180px; border:1px solid #565656; background:#fff; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); } #autosave_pop:before{content: ""; position: absolute; top: -8px; right: 45px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #000 transparent; } #autosave_pop:after{content: ""; position: absolute; top: -7px; right: 45px; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #fff transparent; } html.no-overflowscrolling #autosave_pop {height:auto; max-height:10000px !important} /* overflow ������ ��� ���� */ #autosave_pop strong {position:absolute; font-size:0; line-height:0; overflow:hidden} #autosave_pop div {text-align:center; margin:0 !important; } #autosave_pop button {margin:0; padding:0; border:0; } #autosave_pop ul {padding:15px; border-top:1px solid #e9e9e9; list-style:none; overflow-y:scroll; height:130px; border-bottom:1px solid #e8e8e8} #autosave_pop li {padding:8px 5px; font-size:16px; border-bottom:1px solid #fff; background:#f7f7f7; zoom:1} #autosave_pop li:after {content:""; display:block; visibility:hidden; clear:both; } #autosave_pop a {display:block; float:left} #autosave_pop span {display:block; float:right; font-size:0.92em; font-style:italic; color:#999} .autosave_close {cursor:pointer; width:100%; height:30px; background:none; color:#888; font-weight:bold; font-size:0.92em} .autosave_close:hover{background:#f3f3f3; color:#3597d9} .autosave_content {display:none} .autosave_del{background:url('/img/close_btn.png') no-repeat 50% 50%; text-indent:-999px; overflow:hidden; height:20px; width:20px; } #bo_w a.btn_frmline, #bo_w button.btn_frmline {height:50px; padding:0 12px; line-height:50px; background:#333333; font-size:16px; border-radius: 0;} /* �����ȣ�˻���ư �� */ #bo_w button.btn_cke_sc{font-size:12px; } #bo_w .cke_sc_def{font-size:14px; } /*[e] Write Style */ /* �Խ��� ���� ��� */ .photo_list, #bo_list, #bo_gall, #bo_v{margin: 100px auto 0!important} /* �Խ��� ��� */ .cmt_btn{/*background:url('./img/cmt_btn.png') no-repeat 85px 8px; */background-color: transparent; text-align:left ; width:100% ; border:0; color:#333; font-weight:500; font-size:18px; margin: 30px 0 0px; padding:0 0 0 } .cmt_btn_op{/*background:url('./img/cmt_btn.png') no-repeat 85px -23px*/} #bo_vc {} #bo_vc h2 {position:absolute; font-size:0; line-height:0; overflow:hidden; } #bo_vc article {margin:20px 0 20px; position:relative} #bo_vc article .profile_img img{border-radius:50%} #bo_vc header {font-weight: 300; font-size:16px; color: #959595; } #bo_vc header>span{margin-left:10px; } #bo_vc header:after {content:""; display:block; visibility:hidden; clear:both; } #bo_vc header .icon_reply {position:absolute; top:15px; left:-20px} #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:500; } .bo_vc_hdinfo{float:right; color:#959595} #bo_vc h1 {position:absolute; font-size:0; line-height:0; overflow:hidden} #bo_vc .cmt_contents {padding:15px; margin:10px 0 0; background: #fafafa; border-radius:5px; border: 1px solid #ddd; line-height:1.8em; font-size:16px; color: #333; } #bo_vc p a {text-decoration:underline} #bo_vc p a.s_cmt {text-decoration:underline; color:#ed6479} #bo_vc_empty {margin:0; padding:80px 0 !important; color:#777; text-align:center} #bo_vc #bo_vc_winfo {float:left} .bo_vc_act {text-align:right; margin:0; list-style:none; zoom:1} .bo_vc_act:after {content:""; display:block; visibility:hidden; clear:both; } .bo_vc_act li {display:inline-block; } .bo_vc_act li a{padding:0 7px; font-size:12px; line-height:23px} .bo_vc_w {position:relative; margin:10px 0; display:block; } .bo_vc_w:after {content:""; display:block; visibility:hidden; clear:both; } .bo_vc_w h2 {position:absolute; font-size:0; line-height:0; overflow:hidden} .bo_vc_w #char_cnt {display:block; margin:0 0 5px} .bo_vc_w textarea{border:1px solid #ccc; background:#fff; font-size:16px; line-height:1.6; color:#000; vertical-align:middle; border-radius:3px; padding:15px; width:100%; height:120px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } #wr_secret{} .bo_vc_w_info{margin:10px 0; float:left} .bo_vc_w_info:after {content:""; display:block; visibility:hidden; clear:both; } .bo_vc_w_info .frm_input{float:left; margin-right:5px} .bo_vc_w_info #captcha{padding-top:10px; display:block; clear:both} .bo_vc_w .btn_confirm{float:right; margin-top:10px} .bo_vc_w .btn_confirm label{display:inline-block; margin-right:10px; border-radius:3px; font-size:1.5em; text-align:center; } .bo_vc_w .btn_submit{height:45px; padding:0 20px; border-radius:3px; font-weight:bold; font-size:1.083em; } .bo_vc_w_wr:after {content:""; display:block; visibility:hidden; clear:both; } #bo_vc_send_sns{display:inline-block; float:left} #bo_vc_sns {display:inline-block; margin:0; padding:0; list-style:none; zoom:1} #bo_vc_sns:after {content:""; display:block; visibility:hidden; clear:both; } #bo_vc_sns li {float:left; margin:0 5px 0 0} #bo_vc_sns .sns_li_f{border-radius:3px; background:#3a589b; height:40px; line-height:40px; padding:0 0 0 10px} #bo_vc_sns .sns_li_t{border-radius:3px; background:#00aced; height:40px; line-height:40px; padding:0 0 0 10px} #bo_vc_sns .sns_li_off{background:#bbb} #bo_vc_sns a{display:inline-block; padding:0 15px 0 5px; } #bo_vc_sns input {margin:0 5px 0 0 } /* ### �⺻ ��Ÿ�� Ŀ���͸���¡ ���� ### */ #gall_allchk {background:#fafafa; padding:15px; margin-bottom:34px; } /* �Խ��� ��ư */ /* ��� ��ư */ /* ���� ��ư */ #bo_w .btn_confirm {} /* ���Ĵܰ� ���� */ #bo_w .btn_submit {padding:0 20px} #bo_w button.btn_submit {} #bo_w fieldset .btn_submit {} #bo_w .btn_cancel {} #bo_w button.btn_cancel {} #bo_w .btn_cancel:focus, #bo_w .btn_cancel:hover {} #bo_w button.btn_frmline {} /* �⺻ ���̺� */ /* �б� �� ���̺� */ #bo_v .tbl_head01 {} #bo_v .tbl_head01 caption {} #bo_v .tbl_head01 thead th {} #bo_v .tbl_head01 thead a {} #bo_v .tbl_head01 thead th input {} /* middle �� �ϸ� �Խ��� �б⿡�� ��� ���� üũ�ڽ� ���� ���� */ #bo_v .tbl_head01 tfoot th {} #bo_v .tbl_head01 tfoot td {} #bo_v .tbl_head01 tbody th {} #bo_v .tbl_head01 td {} #bo_v .tbl_head01 a {} #bo_v td.empty_table {} /* ���� ���̺� */ #bo_w table {} #bo_w caption {} #bo_w .frm_info {} #bo_w .frm_address {} #bo_w .frm_file {} #bo_w .tbl_frm01 {} #bo_w .tbl_frm01 th {} #bo_w .tbl_frm01 td {} #bo_w .tbl_frm01 textarea, #bo_w .tbl_frm01 .frm_input {} #bo_w .tbl_frm01 textarea {} /* #bo_w .tbl_frm01 #captcha {} #bo_w .tbl_frm01 #captcha input {} */ #bo_w .tbl_frm01 a {} /* �ʼ��Է� */ #bo_w .required, #bo_w textarea.required {} #bo_w .cke_sc {} #bo_w button.btn_cke_sc{} #bo_w .cke_sc_def {} #bo_w .cke_sc_def dl {} #bo_w .cke_sc_def dl:after {} #bo_w .cke_sc_def dt, #bo_w .cke_sc_def dd {} #bo_w .cke_sc_def dt {} #bo_w .cke_sc_def dd {} /* ### �⺻ ��Ÿ�� Ŀ���͸���¡ �� ### */ /* �Խ��� ��� */ #bo_list {position:relative;} #bo_list:after {content:""; display:block; visibility:hidden; clear:both; } #bo_list .td_board {width:120px; text-align:center} #bo_list .td_chk {width:55px; text-align:center} #bo_list .td_date {width:60px; text-align:center; } #bo_list .td_datetime {width:140px; text-align:center; } #bo_list .td_group {width:100px; text-align:center} #bo_list .td_mb_id {width:100px; text-align:center} #bo_list .td_mng {width:80px; text-align:center} #bo_list .td_name {width:140px; text-align:center; padding:10px 0} #bo_list .td_nick {width:100px; text-align:center} #bo_list .td_num {width:120px; text-align:center} #bo_list .td_num2 {width:90px; text-align:center} #bo_list .td_numbig {width:80px; text-align:center} #bo_list .td_subject {text-align:left;} #bo_list .td_subject a {color:#666;} #bo_list .td_subject a:hover {color:#333333;} #bo_list .txt_active {color:#5d910b} #bo_list .txt_expired {color:#ccc} /* #bo_gall {margin-bottom: 130px;} */ /* �Խ��� ��� ���� */ #bo_list_total {padding:0; font-size:1.167em; line-height:37px; color:#626262; float:left; } .btn_bo_adm {float:left} .btn_bo_adm li {float:left; margin-right:5px} .btn_bo_adm input {padding:0 8px; border:0; background:#d4d4d4; color:#666; text-decoration:none; vertical-align:middle} .td_num strong {color:#000} .bo_current {color:#e8180c} /*#bo_list .profile_img {display:inline-block; margin-right:2px}*/ #bo_list .profile_img img{border-radius:50%} #bo_list .cnt_cmt{background:#5c85c1; color:#fff; font-size:11px; height:16px; line-height:16px; padding:0 5px; border-radius:3px; vertical-align:middle; -webkit-box-shadow: inset 0 2px 5px rgba(255,255,255,0.3); -moz-box-shadow: inset 0 2px 5px rgba(255,255,255,0.3); box-shadow: inset 0 2px 5px rgba(255,255,255,0.3); } #bo_list .bo_tit .title_icon{margin-right:2px;vertical-align: bottom;} #bo_list .bo_tit .fa-download{width:16px; height:16px; line-height:16px; background:#e89f31; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle} #bo_list .bo_tit .fa-link{width:16px; height:16px; line-height:16px; background:#ad68d8; color:#fff; text-align:center; font-size:10px; border-radius:2px; margin-right:2px; vertical-align:middle; font-weight:normal} #bo_list .bo_tit .new_icon{display:inline-block; width: 16px; line-height:16px ; font-size:0.833em; color:#ffff00; background:#6db142; text-align:center; border-radius: 2px; vertical-align:middle; margin-right:2px} #bo_list .bo_tit .fa-heart{display:inline-block; width: 16px; line-height:16px ; font-size:0.833em; color:#fff; background:#e52955; text-align:center; border-radius: 2px; vertical-align:middle; margin-right:2px; font-weight:normal} #bo_list .bo_tit .fa-lock{display: inline-block; line-height: 14px; width: 16px; font-size: 0.833em; color: #4f818c; background: #cbe3e8; text-align: center; border-radius: 2px; font-size: 12px; border:1px solid #a2c6ce} /* �Խ��� ���� */ #char_count_desc {display:block; margin:0 0 5px; padding:0} #char_count_wrap {margin:5px 0 0; text-align:right} #char_count {font-weight:bold} /* series �Խ��� */ .series#bo_gall .gall_img{/* height: 16.6vw; */max-height:400px;overflow:hidden;} .series#bo_gall #gall_ul .gall_li a div.bg b{position: absolute;top: 50%;transform: translate(-50% ,-50%);left: 50%;color: #fff;font-size: 1rem} .series#bo_gall #gall_ul .gall_li a{position:relative;} .series#bo_gall #gall_ul .gall_li a div.bg{width:100%; height:100%; background-color: rgba(0,0,0,0.4); position: absolute; left:0; top:0; opacity: 0; z-index:1; transition: all .3s ease-out; transform-origin: 50% 50%;font-size:} .series#bo_gall #gall_ul .gall_li a:hover div.bg {opacity: 1;} .series .gall_view .view_detail, .series .gall_view .view_cont{width:615px;float:left;} .series .gall_view .view_cont{width:calc(100% - 615px);padding-left:50px;} .series .gall_view .view_cont .content{min-height:10rem;} .series .gall_view .view_detail .text_area{text-align:center;padding: 1.5rem;border-bottom: 1px solid #dddddd;border-right: 1px solid #dddddd;border-left: 1px solid #dddddd;} .series .gall_view .view_detail .text_area p{color:#000;font-size:1.5rem;} .series .gall_view .view_detail .text_area span{display:inline-block;color:#666;font-size:1.125rem;margin-top:0.625rem;} .series .gall_view .view_detail .img_box a{display:block;} .series .gall_view .view_detail .img_box img{width:100%;height:auto;} .series .gall_view .view_cont .bo_v_con{} .series#bo_gall #gall_ul {margin: -12px 0 0 -12px;overflow:hidden;} .series .gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3, .series .gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9, .series .gall_row .col-gn-10 {padding: 20px 0 0 20px;} .portfolio#bo_gall .gall_img{/* height: 15vw;max-height:350px;overflow:hidden; */} .portfolio#bo_gall #gall_ul .gall_li a div.bg b{position: absolute;top: 50%;transform: translate(-50% ,-50%);left: 50%;color: #fff;font-size: 1rem} .portfolio#bo_gall #gall_ul .gall_li a{position:relative;} .portfolio#bo_gall #gall_ul .gall_li a div.bg{} .portfolio#bo_gall #gall_ul .gall_li a:hover div.bg {opacity: 1;} .portfolio#bo_gall #gall_ul {margin: -20px 0 0 -20px;overflow:hidden;} .portfolio .gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3, .portfolio .gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9, .portfolio .gall_row .col-gn-10 {padding: 20px 0 0 20px;} /* popup �Խ��� */ .pop_gall .gall_row .col-gn-0, .pop_gall .gall_row .col-gn-1, .pop_gall .gall_row .col-gn-2, .pop_gall .gall_row .col-gn-3, .pop_gall .gall_row .col-gn-4, .pop_gall .gall_row .col-gn-5, .pop_gall .gall_row .col-gn-6, .pop_gall .gall_row .col-gn-7, .pop_gall .gall_row .col-gn-8, .pop_gall .gall_row .col-gn-9, .pop_gall .gall_row .col-gn-10{padding: 12px 0 0 12px;} #bo_gall .gall_img{/* min-height: 280px;max-height: 280px; */} #bo_gall .gall_img a{overflow: hidden;position: relative;} #bo_gall .gall_img img.thumb {top: 50%;position: absolute;max-width: none;/* height:auto !important;top: 50%;left: 50%;transform: translate(-50% , -50%);height: 100%; */left: 50%;transform: translate(-50%,-50%);height: 100%;width: auto;} #bo_gall .gall_img a .gall_bottom_txt{} #bo_gall .gall_img a .gall_bottom_txt{position:absolute; transform: translateY(-60px);text-align:center;height:60px;padding:15px;background-color:#fafafa /*rgba(0,0,0,0.2)*/;width:100%;opacity:0;bottom:-90px;z-index:3;left:0;} #bo_gall .gall_img a .gall_bottom_txt h4{font-size: 1.25rem;letter-spacing: -.03em;font-weight:400;color:#000;/* display: inline-block; */ width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;line-height:1.6;} /* �Խ��� ���� */ #bo_gall .gall_img a:hover .thumb{/* transform: translateY(-60px); */opacity:1;} #bo_gall .gall_img a:hover .gall_bottom_txt{transform: translateY(-0px);opacity:1;bottom:0;} #bo_gall #gall_ul .gall_li a:before{content:"";width:100%; height:100%; background-color: rgba(0,0,0,0.4); position: absolute; left:0; top:0; opacity: 0; z-index:1; transition: all .3s ease-out; transform-origin: 50% 50%;font-size:} #bo_gall #gall_ul .gall_li a:hover:before{opacity:1;} a.btn-prev, a.btn-next, a.btn-layerClose {position:absolute;display:block;text-indent:-9999px;} a.btn-prev{transform: translateY(-50%);top: 50%;left:-70px;background:url("/skin/board/popup_gallery/img/img_prev.png");width: 33px;height: 60px;} a.btn-next{transform: translateY(-50%);top: 50%;right:-70px;background:url("/skin/board/popup_gallery/img/img_next.png");width:33px;height:60px;} a.btn-layerClose {top:-40px;right:0;background:url("/skin/board/popup_gallery/img/img_close.png");width:30px;height:30px;} @media only screen and (max-width : 1300px){ .pop_gall#bo_gall .gall_img{height: 29.1vw;} .pop_gall .gall_row .col-gn-4{width:33.33%;} .pop_gall .gall_row .box_clear{clear: none!important;} .pop_gall .gall_view{text-align:center;} .pop_gall .gall_view .view_detail, .pop_gall .gall_view .view_cont{float:none;display: block;width:auto;padding:0;} .pop_gall .gall_view .view_cont{width:auto;padding:0;} .pop_gall .gall_view .view_cont .content{padding:3.75rem 0;min-height:20rem;} .pop_gall .gall_view .view_detail .track_list{text-align:left;} .pop_gall .gall_view .view_detail .img_box img{height:auto;width:100%;} .pop_gall#bo_gall #gall_ul {margin: -12px 0 0 -12px;overflow:hidden;} .pop_gall .gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3, .pop_gall .gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9, .pop_gall .gall_row .col-gn-10 {padding: 12px 0 0 12px;} .video#bo_gall .gall_img{ height: 17vw;min-height:auto;max-height:none;} .video #gall_ul .slick-prev{background-image: url("/theme/basic/img/btn_bx_prev01.png"); left:7px;} .video #gall_ul .slick-next{background-image: url("/theme/basic/img/btn_bx_next01.png"); right:7px;} } @media only screen and (max-width : 1240px){ .pop_gall#bo_gall .gall_img{min-height:auto;max-height:none;} .gall_row .box_clear{clear:none;} #bo_gall .gall_img span{line-height:17vw;} } @media only screen and (max-width : 1024px){ #bo_gall, #bo_v{margin: 50px auto 0!important;padding:0 10px} #bo_gall .area .in_area{padding:0.65rem 0 ;} #bo_gall .area .in_area .gall_text_href .bo_txt{margin:0.65rem 0 0 0;} } @media only screen and (max-width : 800px){ .gall_row .col-gn-4{width:50%;} #bo_w .write_div.optionCheck{margin:0 0 1rem 0} #bo_w .btn_confirm>* {height:3.5rem;line-height:3.5rem} #bo_w table th{line-height:1.4;} #bo_w input[type=text], #bo_w input[type=password], #bo_w input[type=file], #bo_w select, #bo_w textarea{height: 3.125rem;/* line-height: 3.125rem; */padding:0.625rem;} #bo_w input[type=file]{line-height:1.6;} /* ī�װ� */ #bo_cate {} #bo_cate h2 {} #bo_cate ul {zoom:1} #bo_cate ul:after {} #bo_cate_ul {line-height:50px; height:50px;} #bo_cate li {} #bo_cate li+li {} #bo_cate li+li:before {} #bo_cate a {} #bo_cate a:focus, #bo_cate a:hover, #bo_cate a:active {} #bo_cate #bo_cate_on {} .bo_fx .btn_b01{line-height: 2.5rem;font-size: 1rem;width: 6rem;min-width: auto;height: 2.5rem;} #bo_list a.btn_admin, #bo_list a.btn_b02, a.btn_b02{line-height:2.5rem;font-size:1rem;width:6rem;min-width:auto;height:2.5rem;background-color:#000;border:none;} a.btn_b02.btn_list{width:100%;height:3.75rem;line-height:3.75rem;font-size:1.25rem;} a.btn_admin, a.btn_b01, a.btn_b03{height: 2.5rem;line-height: 2.5rem;width:6rem;font-size:1rem;} a.btn_b02{} .pop_gall#bo_gall .gall_img { height: 41.4vw;} .pop_gall .gall_row .col-gn-4{width:50%;} #bo_w{margin-top:50px;} #bo_w table th, #bo_w table td{padding:1rem;} #bo_v_title .titArea .titcate .bo_v_cate {padding:0 10px;font-size:1.25rem} .portfolio#bo_gall #gall_ul {margin: -10px 0 0 -10px;overflow:hidden;} .portfolio .gall_row .col-gn-0,.gall_row .col-gn-1,.gall_row .col-gn-2,.gall_row .col-gn-3, .portfolio .gall_row .col-gn-4,.gall_row .col-gn-5,.gall_row .col-gn-6,.gall_row .col-gn-7,.gall_row .col-gn-8,.gall_row .col-gn-9, .portfolio .gall_row .col-gn-10 {padding: 10px 0 0 10px;} #bo_cate a{font-size:1rem;} #bo_cate li+li{padding-left:30px;} #bo_cate li+li:before{left: 15px;} /* Search Style */ #bo_sch{margin-bottom:2rem; display: flex; justify-content: space-between;padding:1.5rem;} #bo_sch form{width:100%;} #bo_sch>span{width:69%; display:inline-block; vertical-align: top;} #bo_sch>.total{display:none;} #bo_sch select, #bo_sch input[type=text], #bo_sch input[type=submit]{height:3rem; font-weight: 400; font-size:1rem; line-height:1.5;} #bo_sch select{width:25%} #bo_sch input[type=text]{width:45%; margin:0 -1px 0 0;} #bo_sch input[type=text]::placeholder{font-size:1rem} #bo_sch input[type=submit]{width:25%;} #bo_sch.two{display: block;} #bo_sch.two>div{width:100%; display: flex; justify-content: space-between;} #bo_sch.two>div+div{margin-top:10px;} #bo_sch.two select{width:50%; margin-left:0px;} #bo_sch.two select+select{margin-left:10px;} #bo_sch.two input[type=text]{width:80%; margin:0 -1px 0 0;} #bo_sch.two input[type=submit]{width:20%;} /* Board List Style */ #bo_list{border:none; overflow: visible;} #bo_list table{width:100%; margin:0;} #bo_list table, #bo_list table tbody, #bo_list table tr, #bo_list table td, #bo_list table th{background-color: #fff; border:none; display:block;} #bo_list table .td_num2, #bo_list table>thead{display:none;} #bo_list table tr{padding:1rem; border:1px solid #e5e5e5; border-radius:5px; overflow:hidden;} #bo_list table tr+tr{margin-top:1rem;} #bo_list table th, #bo_list table td{padding:0 0; background-color: #fff; font-weight: 300; font-size:1rem; line-height:1.5; color:#404040; text-align:left; border-collapse:collapse; empty-cells:show; box-sizing: border-box;height:auto;} #bo_list .td_datetime{text-align:left;} #bo_list table td.td_chk{width:20px; margin-bottom:1rem; padding:0; font-size:0; line-height:0; position: relative;} #bo_list table td.td_chk:before, #bo_list table td.td_chk:after{display:none;} #bo_list table .bo_tit{padding:0; font-weight: 400; font-size:1.25rem; color: #888; text-align:left !important} #bo_list table .bo_tit>a{padding:0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-wrap:break-word; line-height: 1.2em;} #bo_list table .bo_tit>a:hover{} #bo_list table .btm{margin-top:1rem; font-size:2rem; display:inline-block; vertical-align: top; position: relative;} #bo_list table .btm+.btm{margin-left:3.1rem;} #bo_list table .btm+.btm:before{content: ""; width: 0.1rem; height: 1.5rem; background-color: #aaa; display: inline-block; position:absolute; left: -1.6rem; top:50%; transform: translateY(-40%);} #bo_list table>tbody>.notice>td{background-color: #f3f9fe;} #bo_list table .noti{color: #0072bc;} #bo_list table .blue{color: #1c5ea9;} #bo_list table .red{color: #d80000;} #bo_list table .tfoot>td{padding-right:25px; background-color: #f9f9f9; border-top:1px solid #464646; border-bottom:1px solid #464646; font-weight: bold; font-size:16px; text-align: right;} #bo_list table .tfoot>td>span{padding-right:15px;} #bo_list table .noPost>td{font-size:2.2rem; line-height:20rem; vertical-align: middle;} #bo_v_file .title{display:none;} #bo_v_file .add_file{border:none;padding:10px 5px;} #bo_gall .gall_img a .gall_bottom_txt{height:60px;} #bo_gall .gall_img a .gall_bottom_txt h4{font-size:1.15rem;} /* Pageing Style */ .paging_all .btn, .paging_all .num>strong, .paging_all .num>a{width:5rem; height:5rem;} .paging_all .btn:before, .paging_all .btn:after{width: 1.6rem; height: 1.6rem;} .paging_all .btn.prev:before{margin:-0.8rem 0 0 -0.5rem; transform:rotate(-45deg);} .paging_all .btn.next:before{margin:-0.8rem 0 0 -1.2rem; transform:rotate(135deg);} .paging_all .num{margin:0 -1px 0 0;} .paging_all .num>strong, .paging_all .num>a{font-size:1.8rem; line-height:4.8rem;} /* view */ .pageNavigation_link span{font-size:1.25rem;} .wrap_layer{} .pop_close{} .pop-layer {} .pop-layer .pop-container {} .pop-layer .pop_header{} .pop-layer .pop_header > b{} .pop-layer .pop_header > p{} .pop-layer .pop_tit{} .pop-layer .pop_tit span{} .pop-layer .pop_tit img{} .pop-layer .pop_tit.phone{} .pop-layer .pop_tit.confirm{} .pop-layer .pop-conts {} .pop-layer .pop-conts .cont_left{} .pop-layer .pop-conts .cont_left .img_box{} .pop-layer .pop-conts .cont_right {} .pop-layer .pop-conts .txtBox{} .pop-layer .pop-conts .txtBox p {} .pop-layer .pop-conts .txtBox strong {} .dim-layer {} .dimBg {} a.btn-layerClose {} .pop-layer .pop_slide .swiper-slide p{} .pop-layer .pop_slide .swiper-slide:before{} .pop-layer .pop_slide .swiper-slide:hover p{} .pop-layer .pop_slide .swiper-slide:hover:before{} .pop-layer .swiper-button-prev{} .pop-layer .swiper-button-next{} .pop-layer .swiper-button-prev:after, .pop-layer .swiper-button-next:after{} } @media only screen and (max-width : 640px){ .portfolio .gall_row .col-gn-0, .gall_row .col-gn-1, .gall_row .col-gn-2, .gall_row .col-gn-3, .portfolio .gall_row .col-gn-4, .gall_row .col-gn-5, .gall_row .col-gn-6, .gall_row .col-gn-7, .gall_row .col-gn-8, .gall_row .col-gn-9, .portfolio .gall_row .col-gn-10{ padding: 10px 0 0 10px;} .dim-layer .pop-layer {/* width: calc(100% - 40px);top:100px;transform: translate(-50%, 0); */} .dim-layer .pop-layer .info_list img{/* width:100%; */max-width:30%;} .dim-layer .pop-layer .info_list li:nth-child(2) img{max-width:32%;} a.btn-prev{left: 5px;background:url("/theme/basic//img/btn_bx_prev01.png")no-repeat;width: 33px;height: 60px;} a.btn-next{right:5px;background:url("/theme/basic//img/btn_bx_next01.png")no-repeat;width:33px;height:60px;} a.btn-layerClose {top:-40px;right:0;background:url("/skin/board/popup_gallery/img/img_close.png");width:30px;height:30px;} #bo_v_info{min-height:1.5rem;line-height:3.5rem;font-size:1.25rem;letter-spacing:-0.04em;} #bo_v_info b{font-size:1.25rem;} #bo_v_info span{line-height:1.5rem;vertical-align:middle;font-size:1.25rem;padding:0 1rem;} #bo_v_title .titArea{padding: 1rem 1.5rem;} #bo_v_title .titArea h2{font-size:1.25rem;} #bo_v_atc{padding:2rem 1.5rem ;} .pageNavigation{width:100%;height:10rem} .pageNavigation_link, .pageNavigation_title{font-size:1rem} .pageNavigation_link b{font-size:1rem} .pageNavigation_list{width:3.75rem;height:3.75rem} .pageNavigation_prev, .pageNavigation_title_prev {padding-right: 25px;padding-left: 0px;} .pageNavigation_next, .pageNavigation_title_next {padding-left: 25px;padding-right: 0px;} .bo_v_com{margin:1.25rem 0;} .bo_v_left{margin:1.25rem 0;} #bo_v_title .titArea{padding:1rem;} #bo_v_title .titArea .v_tit .bo_v_tit {font-size:1.25rem;margin:5px 0;} #bo_v_title .titArea .titcate .bo_v_cate{font-size:1rem;} #bo_v_atc{padding:1.5rem 1rem;} #bo_v_con{margin: 0;font-size:1rem;} .if_date{margin:0;font-size:1rem;} #bo_gall .gall_img span{line-height:27vw;} #gall_allchk{padding:0.9375rem;margin:0 0 2.125rem 0 } .checkIn input[type=checkbox]+label, .checkIn input[type=radio]+label{font-size:1rem} #bo_gall .gall_img a .gall_bottom_txt{height:50px;} } @media only screen and (max-width : 480px){ #bo_gall .gall_img a .gall_bottom_txt{transform: none;display:block;height:25px;padding:3px 5px;transform: translateY(-0px);opacity: 1;bottom: 0;} #bo_gall .gall_img a .gall_bottom_txt h4{font-size:1rem;} .portfolio#bo_gall .gall_img a:hover .thumb{} }