.search_top>span, .search_top select, .search_top input[type=text], .search_top input[type=submit], .board_list, .board_list>.table .tr, .board_list>.table .tr>div, .board_list>.table .tr>.stat>.icon, .paging_all>.btn, .paging_all>.btn:before, .paging_all>.btn:after, .paging_all>.num, .paging_all>.num>strong, .paging_all>.num>a, .board_view>table th, .board_view>table td, .board_view>table>thead>tr>th, .board_view>table .etc, .board_view>table .etc>p, .pageNavigation, .pageNavigation>dl, .pageNavigation>dl>dd>a, .btnArea a, .btnArea input[type=image], .btnArea input[type=submit], .btnArea button, .checkIn input[type=checkbox]+label:before, .checkIn input[type=checkbox]+label:after, .checkIn input[type=radio]+label:after, .checkIn input[type=checkbox]:checked+label, .checkIn input[type=radio]:checked+label, .board_write>table .file>.file_wrap>.btnFile, .board_write>table .type.point, .board_write>table .btnBox>.btns, .faqArea>li .q:before, .faqArea>li .a:before, .faqArea>li .q>.bul:before, .faqArea>li .q>.bul:after{transition: all .3s ease-out; transform-origin: 50% 50%;} /* .thumb, .thumb>span{background-image: url('../../images/front/noimage.jpg');} .thumb>span.bg, .thumb>span.stat{background-image:none !important;} */ /* check style */ .checkIn{display: inline-block; vertical-align: top;} .board_write + .checkIn{margin-top:0.9375rem;} .checkIn input[type=checkbox], .checkIn input[type=radio]{display: none;} .checkIn input[type=checkbox]+label, .checkIn input[type=radio]+label{padding-left:30px; font-weight: 400; font-size:14px; line-height:22px; color: #666; display: inline-block; cursor: pointer; position: relative;} .checkIn input[type=checkbox]+label:before, .checkIn input[type=radio]+label:after, .checkIn input[type=radio]+label:before{content: ""; width: 20px; height: 20px; background-color: #f8f8f8; border:1px solid #dbdbdb; display: inline-block; position:absolute; left: 0; top:1px; box-sizing: border-box;} .checkIn input[type=checkbox]+label{} .checkIn input[type=checkbox]+label:before {background-position: center center; background-repeat: no-repeat; background-size: cover; border-radius:2px;} .checkIn input[type=checkbox]+label:after{content: ""; width: 20px; height: 20px; background: url("/img/check.svg") no-repeat left top; font-size:0px; line-height:0; position: absolute; left:0px; top:0px; opacity: 0;} .checkIn input[type=checkbox]:checked+label:before{background-color: #fff; border-color:#3066d0;} .checkIn input[type=checkbox]:checked+label:after{opacity: 1;} .checkIn input[type=radio]+label{} .checkIn input[type=radio]+label:before{border-radius:99px;} .checkIn input[type=radio]+label:after{width: 12px; height: 12px; margin:-6px 0 0 0; left:4px; top:50%; border:none; border-radius:99px; -webkit-transition: .3s; transition: .3s; transform-origin: 50% 50%;} .checkIn input[type=radio]:checked+label:before{border-color: #3066d0;} .checkIn input[type=radio]:checked+label:after{background-color: #3066d0;} .checkIn.noTxt input[type=checkbox]+label, .checkIn.noTxt input[type=radio]+label{width:20px; height:20px; padding:0; font-size:0; line-height:0; display: inline-block; cursor: pointer; position: relative;} .checkIn.noTxt input[type=checkbox]+label:after{width:20px; height:20px;} .checkIn.noTxt input[type=checkbox]+label:before, .checkIn.noTxt input[type=radio]+label:after, .checkIn.noTxt input[type=radio]+label:before{width: 20px; height: 20px; top:0px;} /* Clause Box Style */ .clauseArea{width:100%; margin-top:35px; font-size:0; line-height:0; overflow:hidden;} .clauseArea>.tit{height:35px; font-weight: 500; font-size:20px; line-height:1; color: #222;} .clauseArea .scroll{width:100%; height:250px; padding:30px; background-color: #fff; border:1px solid #ccc; font-weight: 400; font-size:15px; line-height:1.4; color: #666; overflow:hidden; overflow-y:auto; box-sizing:border-box; word-break:keep-all; word-wrap:break-word;} .clauseArea .scroll strong{font-weight: 400;} .clauseArea .scroll>p{margin-top:30px; padding-bottom:5px; color: #111;} .clauseArea .scroll>p:first-child{margin-top:0;} .clauseArea .scroll>p>strong{font-weight: 500; color: #111;} .clauseArea .scroll ol, .clauseArea .scroll ul{padding-top:5px;} .clauseArea .scroll ol{counter-reset:item;} .clauseArea .scroll ol>li{padding-left:19px; position: relative;} .clauseArea .scroll ol>li:before {counter-increment: item; content: counter(item)"."; width:17px; text-align: right; display: inline-block; position: absolute; top: 0; left: 0;} .clauseArea .scroll ol.type>li{padding-left:24px;} .clauseArea .scroll ol.type>li:before{content: counter(item)")"; width:22px; top: 0px;} .clauseArea .scroll ol.cNum>li{padding-left:26px;} .clauseArea .scroll ol.cNum>li:before{content: ""; width:22px; top: 0px;} .clauseArea .scroll ol.cNum>li:nth-child(1):before{content: "①";} .clauseArea .scroll ol.cNum>li:nth-child(2):before{content: "②";} .clauseArea .scroll ol.cNum>li:nth-child(3):before{content: "③";} .clauseArea .scroll ol.cNum>li:nth-child(4):before{content: "④";} .clauseArea .scroll ol.cNum>li:nth-child(5):before{content: "⑤";} .clauseArea .scroll ol.cNum>li:nth-child(6):before{content: "⑥";} .clauseArea .scroll ol.cNum>li:nth-child(7):before{content: "⑦";} .clauseArea .scroll ol.cNum>li:nth-child(8):before{content: "⑧";} .clauseArea .scroll ol.cNum>li:nth-child(9):before{content: "⑨";} .clauseArea .scroll ol.cNum>li:nth-child(10):before{content: "⑩";} .clauseArea .scroll ol.kr>li{padding-left:24px;} .clauseArea .scroll ol.kr>li:before{content: ""; width:22px; top: 0px;} .clauseArea .scroll ol.kr>li:nth-child(1):before{content: "가.";} .clauseArea .scroll ol.kr>li:nth-child(2):before{content: "나.";} .clauseArea .scroll ol.kr>li:nth-child(3):before{content: "다.";} .clauseArea .scroll ol.kr>li:nth-child(4):before{content: "라.";} .clauseArea .scroll ol.kr>li:nth-child(5):before{content: "마.";} .clauseArea .scroll ol.kr>li:nth-child(6):before{content: "바.";} .clauseArea .scroll ol.kr>li:nth-child(7):before{content: "사.";} .clauseArea .scroll ol.kr>li:nth-child(8):before{content: "아.";} .clauseArea .scroll ol.kr>li:nth-child(9):before{content: "자.";} .clauseArea .scroll ol.kr>li:nth-child(10):before{content: "차.";} .clauseArea .scroll ul.bul>li{padding-left:10px; position: relative;} .clauseArea .scroll ul.bul>li:before{content: "-"; display: inline-block; position:absolute; left: 0; top:-1px;} .clauseArea .scroll ul.circle>li{padding-left:15px; position: relative;} .clauseArea .scroll ul.circle>li:before{content: "ο"; display: inline-block; position:absolute; left: 0; top:-1px;} .clauseArea .scroll li>ol, .clauseArea .scroll li>ul{margin-bottom:7px;} .clauseArea .nTable{width:100%; margin:10px 0 0; background-color: #fff; border-top:1px solid #ebebeb; border-right:1px solid #ebebeb; box-sizing: border-box;} .clauseArea .nTable>table{width:100%; border-spacing:0; table-layout: fixed;} .clauseArea .nTable>table th, .clauseArea .nTable>table td{padding:12px; border-left:1px solid #ebebeb; border-bottom:1px solid #ebebeb; font-weight: 300; font-size:14px; line-height:1.3; color:#888; text-align:center; border-collapse:collapse; empty-cells:show; box-sizing: border-box;} .clauseArea .nTable>table>thead>tr>th{background-color: #f8f8f8; font-weight:500; color:#222; position: relative;} .clauseArea .nTable>table>thead>tr>th+th{} .clauseArea .checkIn{padding-top:15px;} .clauseArea .checkIn input[type=checkbox]+label{height:20px; padding-left:28px; font-weight: 300; font-size: 14px; line-height:18px; color: #666;} .clauseArea .checkIn input[type=checkbox]+label:before{width: 20px; height: 20px; top:0;} .clauseArea.no .tit{display:none;} .clauseArea.no .scroll{height:auto; padding:0px; background-color: #fff; border:none; line-height:1.5; color: #666; overflow: visible;} /* Btn Style */ .btnArea{width:100%; margin-top:50px; font-size:0; line-height:0;} .board_write+.btnArea{} .btnArea a, .btnArea input[type=image], .btnArea input[type=submit], .btnArea button{width:150px; height:50px; margin:0 10px 0 0; background-color:#3066d0; border:none; font-size:14px; line-height:50px; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:2px; cursor: pointer; position: relative;} .btnArea button{line-height:50px;} .btnArea *.small{width:84px !important; height:30px !important; background-color:#adadad !important; border:none !important; line-height:30px !important; border-radius:0px !important;} .btnArea a.ok, .btnArea input.ok, .btnArea button.ok{background-color: #3066d0; color: #fff;} .btnArea a.write, .btnArea input.write, .btnArea button.write{background-color: #fff; border:1px solid #3066d0; line-height:48px; color: #3066d0;} .btnArea a.cancel, .btnArea input.cancel, .btnArea button.cancel{background-color: #fff; border:1px solid #666; line-height:48px; color: #444;} .btnArea a.big, .btnArea input.big, .btnArea button.big{width:140px;} .btnArea.tar{text-align: right;} .btnArea.tac{text-align: center;} .btnArea.tj{display: flex; justify-content: space-between;} .btnArea.tar a, .btnArea.tar input[type=image], .btnArea.tar input[type=submit], .btnArea.tar button{margin:0 0 0 10px;} .btnArea.tac a, .btnArea.tac input[type=image], .btnArea.tac input[type=submit], .btnArea.tac button{margin:0 5px;} .btnArea.tj a, .btnArea.tj input[type=image], .btnArea.tj input[type=submit], .btnArea.tj button{margin:0;} .paging_all+.btnArea{margin-top:-45px;} /* Category Style */ .category_top{width:100%; margin-bottom:60px; font-size:0; line-height:0; text-align: center; display:block; position: relative; overflow:hidden;} .category_top h2{width:1px; line-height:1; color: #fff; position: absolute; left:0; top:0; z-index:-9; visibility: hidden;} .category_top>ul{display:inline-block; display: flex; justify-content: space-between;} /*.category_top>ul:before{content: ""; width:10px; height:100%; background-color: #fafafa; display: inline-block; position:absolute; left: 0px; top:0; z-index:5;}*/ .category_top>ul>li{flex:1 1 170px; display:inline-block; vertical-align: top; position: relative;} .category_top>ul>li+li{margin-left:10px;} /*.category_top>ul>li:before{content: ""; width:1px; height:10px; margin-top:-5px; background-color: #ccc; display: inline-block; position:absolute; left: 0px; top:50%;}*/ .category_top>ul>li a{width:100%; height:54px; border:1px solid #ddd; font-weight: 400; font-size:16px; line-height:1.2; color: #666; letter-spacing: -0.03em; display:table; box-sizing: border-box;} .category_top>ul>li a>span{display:table-cell; vertical-align: middle;} .category_top>ul>li#bo_cate_on{} .category_top>ul>li#bo_cate_on a, .category_top>ul>li:hover a{background-color: #48b0e5; border-color:#48b0e5; color:#fff;} .category_top>ul>li#bo_cate_on a{font-weight: 500;} /* Search Style */ .search_top{width:100%; margin-bottom:50px; padding:35px 0; background-color: #fafafa; font-size:0; line-height:0; text-align: center; display:block; position: relative;} .search_top select, .search_top input[type=text], .search_top input[type=submit]{height:46px; padding:0 15px; background-color: #fff; border:1px solid #ddd; font-weight: 400; font-size:15px; line-height:44px; color: #666; text-align: left; display:inline-block; vertical-align: top; box-sizing: border-box;} .search_top select{padding-right:40px; background:#fff url('../img/bg_select_arr.gif') no-repeat right center; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .search_top select::-ms-expand{display:none;} .search_top input[type=text]{width:300px;} .search_top input[type=submit]{width:110px; padding:0; border-color:#3066d0; background-color: #3066d0; color: #fff; text-align: center; cursor: pointer;} .search_top select+input[type=text], .search_top select+span{margin-left:10px;} .search_top input[type=text]+input[type=submit]{margin-left:-1px;} /* */ #gall_allchk{margin:20px 0;} .board_btn_top{margin:20px 0; display: flex; justify-content: space-between;} .board_btn_top .total{font-weight: 300; font-size:14px; line-height:37px; color: #626262; text-align: left; display:inline-block;} .board_btn_top .btn_bo_user{} .board_btn_top .btn_bo_user>li{display:inline-block; vertical-align: top;} .board_btn_top #gall_allchk{margin:7px 0 0;} /* Board List Style */ .board_list{width:100%; border-top:2px solid #3066d0; border-bottom:1px solid #ddd; overflow:hidden;} .board_list caption {padding: 0; font-size: 0; line-height: 0; overflow: hidden;} .board_list>table{width:100%; margin-bottom:-1px; border-spacing:0; table-layout: fixed;} .board_list>table th, .board_list>table td{padding:12px 0; border-bottom:1px solid #ddd; font-size:16px; line-height:1.4; color:#666; text-align:center; border-collapse:collapse; empty-cells:show; vertical-align: middle; box-sizing: border-box; position: relative;} .board_list>table>thead>tr>th{height:55px; padding:0; background-color: #fafafa; font-weight: 500; color: #222;} .board_list>table>tbody>tr>td{} .board_list>table tr{box-sizing: border-box;} .board_list>table tr>*+*{border-left:1px solid #ddd;} .board_list>table .td_chk{font-size:0; line-height:0;} .board_list>table .td_datetime{} .board_list>table .td_subject{text-align:left;} .board_list>table .bo_cate_link{color: #3066d0;} .board_list>table .bo_tit{padding:0 20px; color:#1d1d1d; text-align:left; display: block;} .board_list>table .bo_tit>a{max-width:85%; color:#1d1d1d; cursor:pointer; display:inline-block; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;} .board_list>table .bo_tit>a:hover{color:#3066d0; text-decoration:none;} .board_list>table .bo_tit>*+*{margin-left:7px !important; display:inline-block;} .board_list>table .bo_tit>*+img{margin-bottom:2px !important;} .board_list>table>tbody>.notice>td{background-color: #f3f9fe;} .board_list>table .notice_icon{padding:0 12px 2px; background-color: #3066d0; font-weight: 300; font-size:14px; line-height:22px; color: #fff; display:inline-block; border-radius:2px; overflow:hidden;} .board_list>table .blue{color: #3066d0;} .board_list>table .red{color: #d80000;} .board_list>table>tbody>tr.bo_notice>.td_num2{font-size:0; line-height:0;} .board_list>table>tbody>tr.bo_notice>.bo_tit{color: #000;} .board_list>table>tbody>tr.bo_notice>.bo_tit>a{color: #000;} .board_list>table .td_chk, .board_list>table .td_datetime, .board_list>table .td_num{width:auto !important;} .board_list>table .empty_table{height:15.63rem; vertical-align: middle;} /* .board_list{width:100%; border-top:2px solid #222; border-bottom:1px solid #222; overflow:hidden; box-sizing: border-box;} .btnArea + .board_list{margin-top:10px;} .board_list>.table{width:100%; margin-bottom:-1px; border-spacing:0; display:table; table-layout : fixed; position: relative;} .board_list>.table .tr{display:table-row; position: relative;} .board_list>.table .tr>div{padding:15px 0; border-bottom:1px solid #ccc; font-weight: 300; font-size:15px; line-height:1.4; color:#444; letter-spacing: -0.025em; text-align:center; box-sizing: border-box; display:table-cell; vertical-align: middle; position: relative;} .board_list>.table .thead>div{background-color: #f8f8f8; font-weight: 500; color:#222; position: relative;} .board_list>.table .tr>.num{} .board_list>.table .tr>.num .noti{margin:-5px 0; padding:5px 5px 6px; background-color: #3066d0; font-weight: 300; font-size:13px; line-height:1; color: #fff; display:inline-block; border-radius:3px;} .board_list>.table .tr>.title{padding:0 20px; text-align:left;} .board_list>.table .tr>.title>.checks{display:inline-block; vertical-align: middle;} .board_list>.table .tr>.title>a{max-width:93%; font-weight: 400; color:#444; cursor:pointer; display:inline-block; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .board_list>.table .tr>.title>.icon{padding:0 0 3px 7px; display:inline-block; vertical-align: middle;} .board_list>.table .tr>.stat{padding:11px 0;} .board_list>.table .tr>.stat>.icon{width:70px; height:30px; background-color: #f8f8f8; border:1px solid #ccc; font-weight: 300; font-size:14px; line-height:28px; color: #898989; text-align: center; display:inline-block; box-sizing: border-box; border-radius:2px;} .board_list>.table .tr>.stat>.icon.end{background-color: #3066d0; border-color:#3066d0; color: #fff;} .board_list>.table .tr>.title>a.active, .board_list>.table .tr>.title>a:hover{color:#3066d0;} .board_list>.table .tr.noPost{position: static;} .board_list>.table .tr.noPost .td{height:200px; position: static;} .board_list>.table .tr.noPost .td>p{width:100%; font-size:16px; line-height:2; color:#000; text-align: center; position: absolute; left:0; top:50%; white-space: nowrap;} */ /* Pageing Style */ .paging_all{width:100%; margin:30px auto 0; font-size:0; line-height:0; text-align:center; position:relative;} .paging_all>.btn, .paging_all>.num>strong, .paging_all>.num>a{width:40px; height:40px; background-color: #fff; border:1px solid #e5e5e5; text-align: center; display:inline-block; vertical-align:top; box-sizing: border-box; position: relative;} .paging_all>.btn:before, .paging_all>.btn:after{content: ""; width: 12px; height: 12px; border-width:1px 0 0 1px; border-style:solid; border-color:#666; display: inline-block; position:absolute; left: 50%; top:50%; box-sizing: border-box;} .paging_all>.btn:after{opacity: 0;} .paging_all>.btn.prev:before{margin:-6px 0 0 -3px; transform:rotate(-45deg);} .paging_all>.btn.next:before{margin:-6px 0 0 -9px; transform:rotate(135deg);} .paging_all>.btn+.btn{margin-left:-1px;} .paging_all>.btn.prev2:before{margin:-6px 0 0 -0px; transform:rotate(-45deg);} .paging_all>.btn.prev2:after{margin:-6px 0 0 -6px; transform:rotate(-45deg); opacity:1;} .paging_all>.btn.next2:before{margin:-6px 0 0 -6px; transform:rotate(135deg);} .paging_all>.btn.next2:before{margin:-6px 0 0 -6px; transform:rotate(135deg);} .paging_all>.btn.next2:after{margin:-6px 0 0 -12px; transform:rotate(135deg); opacity:1;} .paging_all>.num{margin:0 10px; display:inline-block; vertical-align:top} .paging_all>.num>strong, .paging_all>.num>a{margin-left:-1px; font-weight: 400; font-size:16px; line-height:38px; color:#666;} .paging_all>.btn:hover{background-color: #3066d0; border-color:#3066d0;} .paging_all>.btn:hover:before, .paging_all>.btn:hover:after{border-color:#fff;} .paging_all>.num>strong, .paging_all>.num>a:hover{border-color:#3066d0; border-color:#3066d0; color: #fff; z-index:2;} /* Board View */ .board_view{width:100%; border-top:2px solid #555; border-bottom:1px solid #ddd; overflow:hidden; box-sizing: border-box;} .board_view>table{width:100%; margin-bottom:-1px; border-spacing:0;} .board_view>table th, .board_view>table td{padding:15px 0; border-bottom:1px solid #ddd; font-weight: 400; font-size:15px; line-height:1.4; color:#333; text-align:center; border-collapse:collapse; empty-cells:show; box-sizing: border-box;} .board_view>table>thead>tr>th{padding:0; background-color: #fff; border-bottom:none; font-size:0; text-align: left;} .board_view>table .cate{padding-bottom:5px; font-weight: 400; font-size:15px; color: #23356b;} .board_view>table th>.title{padding:25px 20px; border-bottom:1px solid #ddd; font-weight: 500; font-size:20px; line-height:1.4; color: #333;} .board_view>table .stitle{margin:5px 0 0px; font-weight: 400; font-size:16px;} .board_view>table .etc{padding:20px; border-bottom:1px solid #ddd; text-align:left; position: relative;} .board_view>table .etc .iconArea{right:20px; top:14px;} .board_view>table .etc>p{font-size:15px; color: #888; text-align:center; display:inline-block; vertical-align: top; position: relative;} .board_view>table .etc>p+p:before{content: ""; width:1px; height:11px; margin-top:-5px; background-color: #d4d4d4; display: inline-block; position:absolute; left: -20px; top:50%;} .board_view>table .etc>p>strong{font-weight: 500; font-size:15px; color: #444;} .board_view>table .etc>p+p{margin-left:39px;} /* .board_view>table .etc>p>strong{padding-right:15px; font-weight: 500; color: #444; display: inline-block; vertical-align: top; position: relative;} .board_view>table .etc>p>strong:before{content: ":"; display: inline-block; position:absolute; right: 5px; top:0px;} */ .board_view>table>tbody>tr>td.cont{height:250px; padding:50px 40px; border-bottom:none; font-weight: 400; font-size:16px; text-align: left; vertical-align: top;} .board_view .businessTop{width:100%; margin-bottom:45px; display: flex; justify-content: space-between;} .board_view .businessTop>*{width:520px;} .board_view .businessTop .imgBox{} .board_view .businessTop .infoBox, .board_view .businessTop .infoBox>table{min-height:100%;} .board_view .businessTop .infoBox{border-width:1px 0 1px; border-style:solid; border-color:#222; overflow:hidden; box-sizing: border-box; border-radius:0px;} .board_view .businessTop .infoBox>table{width:100%; margin-bottom:-1px; border-spacing:0;} .board_view .businessTop .infoBox>table th, .board_view .businessTop .infoBox>table td{height:46px; padding:10px 20px; border-bottom:1px solid #ddd; font-weight: 400; font-size:16px; line-height:1.3; color: #666;} .board_view .businessTop .infoBox>table th{width:115px; padding:10px 0; background-color: #fff; font-weight: 400; color: #333; text-align: center;} #bo_v_img {width:100%;min-height:auto; /* background:url('/img/noimage.jpg') no-repeat center center; */ overflow:hidden;zoom:1} #bo_v_img a.view_image{display:block; text-align:center;} #bo_v_img img {margin-bottom:20px;max-width:100%;height:auto} #bo_v_con {margin:10px 0 30px;width:100%;line-height:1.7em;min-height:200px;word-break:break-all;overflow:hidden} #bo_v_con a {color:#000;text-decoration:underline} #bo_v_con img {max-width:100%;height:auto} #bo_v_act {margin-bottom:30px;text-align:center} #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} #bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center} #bo_v_act .bo_v_good{display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(img/icon_good.png) 25px 18px no-repeat;border-radius:50%;font-style:italic} #bo_v_act .bo_v_nogood{display:inline-block;border:1px solid #000;width:70px;height:70px;padding-top:40px;background:url(img/icon_bad.png) 25px 18px no-repeat;border-radius:50%;font-style:italic} #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;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 {display:block;visibility:hidden;clear:both;content:""} #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} #bo_v_link {margin:10px 0;border:1px solid #d4d4d4} #bo_v_link h2 {padding:10px; background-color: #f3f3f3; border-bottom:1px solid #e8e8e8; font-weight: 500; font-size:18px; color: #333;} #bo_v_link ul {margin:0;padding:5px 0;list-style:none} #bo_v_link li {padding:5px 10px;position:relative;} #bo_v_link a {display:inline-block;font-size:16px; color:#3497d9;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:16px; } .board_view>table>tbody>tr>td.file{padding:10px 15px 30px 12px; font-size:0; line-height:0; text-align: left;} .board_view>table>tbody>tr>td.file>a{margin:5px 0 0 3px; padding:0 50px 0 10px; background:#3066d0 url('/img/btn_bView_file.svg') no-repeat right center; font-size:14px; line-height:31px; color: #fff; display:inline-block; vertical-align: top; border-radius:2px;} .board_view td.answer{padding:30px; background-color: #fafafa; text-align: left; vertical-align: top;} .board_view td.answer>.tit{padding-bottom:15px; font-weight: 500; font-size:19px; line-height:1; color: #222;} .board_view table.inTb{width:100%; margin-top:50px; border-top:1px solid #d3d3d3; border-spacing:0; table-layout: fixed;} .board_view table.inTb th, .board_view table.inTb td{padding:20px; border-bottom:1px solid #d3d3d3; font-weight: 300; font-size:15px; line-height:1.4; color:#666; text-align:left; border-collapse:collapse; empty-cells:show; box-sizing: border-box;} .board_view table.inTb th{padding:20px 0; background-color: #f7f7f7; color: #333; text-align:center;} .board_view table.inTb .money{font-weight: 400; color: #f43131;} .board_view table.inTb+table.inTb{margin-top:30px;} .board_view .board_write+#bo_v_con{margin-top:45px;} /* Comment Style */ .commentArea{font-size:0; line-height:0;} .commentArea .writeArea{padding:20px; background-color:#f9f9f9; border:1px solid #dedede;} .commentArea .writeArea dt{height:40px; font-weight:500; font-size:21px; line-height:1; color:#262626; position:relative;} .commentArea .writeArea dd+dd{margin-top:12px;} .commentArea .writeArea dd input[type=text], .commentArea .writeArea dd input[type=password]{width:100%; height:40px; margin-right:12px; padding:0 15px; background-color:#fff; border:1px solid #dedede; font-weight: 300; font-size:16px; line-height:38px; color:#444754; box-sizing: border-box; vertical-align:middle; display:inline-block;} .commentArea .writeArea dd.two{display: flex; justify-content: space-between;} .commentArea .writeArea dd.two>textarea{width:91%; height:100px; margin-right:10px; padding:15px; border:1px solid #dedede; font-size:16px; line-height:1.4; color:#444754; box-sizing: border-box;} .commentArea .writeArea dd.two>input[type=submit]{width:130px; min-width:130px; height:100px; background-color:#0168b7; border:none; font-weight: 300; font-size:14px; line-height:1; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:2px; cursor: pointer; position: relative;} .commentArea .writeArea .checkIn{padding-left:5px; vertical-align: middle;} .commentArea .writeArea .checkIn input[type=checkbox]+label{padding-left:20px; line-height:18px; color: #666;} .commentArea .writeArea .checkIn input[type=checkbox]+label:before{ width: 15px; height: 15px; border:1px solid #dedede; top:1px;} .commentArea{font-size:0; line-height:0;} .commentArea .cwriteArea{padding:10px 0; } .commentArea .cwriteArea dt{height:30px; font-weight:500; font-size:18px; line-height:1; color:#262626; position:relative;} .commentArea .cwriteArea dd{display: flex; justify-content: space-between;} .commentArea .cwriteArea textarea{width:100%; height:100px; margin-right:5px; padding:15px; border:1px solid #d6d4d5; font-size:14px; line-height:1.4; color:#666; box-sizing: border-box;} .commentArea .cwriteArea input[type=submit]{width:100px; min-width:100px; height:100px; background-color:#5a4599; border:none; font-weight: 300; font-size:14px; line-height:1; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:2px; cursor: pointer; position: relative;} .commentArea .viewArea{margin-top:20px; border-top:2px solid #000;} .commentArea .viewArea>dl{padding:20px; border-bottom:1px solid #dedede; font-size:14px; line-height:1.4; color:#666; position:relative;} .commentArea .viewArea>dl>dt{font-size:16px;} .commentArea .viewArea>dl>dd{padding-top:10px; position: relative;} .commentArea .viewArea>dl>dd>span{color:#888; display:inline-block; vertical-align: top; position: relative;} .commentArea .viewArea>dl>dd>span+span{margin-left:15px;} .commentArea .viewArea>dl>dd>span+span:before{content: ""; width:1px; height:10px; margin-top:-4px; background-color: #ccc; font-size:0; line-height:0; position: absolute; left:-8px; top:50%;} .commentArea .viewArea>dl>dd .comment_btn{display:inline-block; position:absolute; right:0; bottom:-4px;} .commentArea .viewArea>dl>dd .comment_btn>li{display:inline-block; vertical-align: top;} .commentArea .viewArea>dl>dd .comment_btn>li+li{margin-left:3px;} .commentArea .viewArea>dl>dd .comment_btn>li>a{padding:0 10px; border:1px solid #ccc; font-size:14px; line-height:25px; color:#666; display:inline-block; vertical-align:top; position: relative; border-radius:3px;} .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: 40px 0 0;padding:0 0 20px; border-bottom:2px solid #000; } .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 {display:block;visibility:hidden;clear:both;content:""} #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 {display:block;visibility:hidden;clear:both;content:""} .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 {display:block;visibility:hidden;clear:both;content:""} .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 {display:block;visibility:hidden;clear:both;content:""} .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 {display:block;visibility:hidden;clear:both;content:""} #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 {display:block;visibility:hidden;clear:both;content:""} #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 } /* PageNavigation Style */ .pageNavigation{width:100%; margin-top:-1px; background-color: #fff; border-top:1px solid #ddd; border-bottom:1px solid #333; overflow:hidden; box-sizing:border-box; position: relative; z-index:2;} .pageNavigation>dl{width:100%; font-weight: 300; font-size:16px; line-height:1.4; color: #333; display:table; table-layout: fixed;} .pageNavigation>dl+dl{border-top:1px solid #ccc;} .pageNavigation>dl>*{display:table-cell; vertical-align:middle; box-sizing:border-box; position: relative;} .pageNavigation>dl>dt{width:105px; height:50px; font-weight: 500; text-align:center; color: #434343;} .pageNavigation>dl>dt:before{content: ""; width: 10px; height: 10px; border-width:1px 0 0 1px; border-style:solid; border-color:#474a52; display: inline-block; position:absolute; right: 0; top:25px; box-sizing: border-box;} .pageNavigation>dl.prev>dt:before{margin:-2px 0 0 0; transform:rotate(45deg);} .pageNavigation>dl.next>dt:before{margin:-7px 0 0 0; transform:rotate(-135deg);} .pageNavigation>dl.next{border-top:1px solid #ddd;} .pageNavigation>dl>dd{padding:10px 25px 7px; position: relative;} .pageNavigation>dl>dd>a{max-width:92%; font-weight: 400; color: #333; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .pageNavigation>dl>dd>a:hover{color:#3066d0; } .pageNavigation>dl>dd>.day{position: absolute; right:25px; top:17px;} /* Password Style */ .memberArea{width:530px; margin:0 auto; background-color: #fff; border:1px solid #dcdcdc; font-size:0; line-height:0; box-sizing: border-box; border-radius:10px; overflow:hidden;} .memberArea .txt{padding-bottom:25px; font-weight: 300; font-size:15px; line-height:1; color: #777; text-align: center;} .memberArea .memTit{padding:42px 0 20px; text-align: center;} .memberArea .memTit>dt{font-weight: 500; font-size:24px; line-height:1; color: #333;} .memberArea .memTit>dd{padding-top:13px; font-weight: 300; font-size:14px; line-height:1.5; color: #333;} .memberArea .memTit>dd>p{color: #666;} .memberArea .fildBox{padding:0 35px;} .memberArea .fildBox input[type=text], .memberArea .fildBox input[type=password]{width:100%; height:55px; padding:0 20px; background-color:#ffff; border:1px solid #c7c7c7; font-weight: 300; font-size:15px; line-height:53px; color:#444754; box-sizing: border-box; display:block;} .memberArea .fildBox input + input{margin-top:7px;} .memberArea .findBtn{text-align: right;} .memberArea .findBtn>span, .memberArea .findBtn>a{font-weight: 300; font-size:14px; line-height:1; color: #6a777c; display:inline-block; vertical-align: top;} .memberArea .btnArea>input[type=submit]{width:100%; height:55px; font-size:16px;} .memberArea.find{width:890px; padding:50px 0;} .memberArea.find .memTit{padding-top:0;} .memberArea.find .inBox{width:421.5px; padding:0 20px; display:inline-block; vertical-align: top; box-sizing: border-box;} .memberArea.find .inBox+.inBox{border-left:1px solid #d3d3d3;} .memberArea.find .fildBox{padding:0 0px;} .memGray{padding:25px 30px; background-color: #f8f8f8; font-size:0; line-height:0;} .memGray>li{padding-left:8px; font-weight: 300; font-size:14px; line-height:1.3; color: #666; position: relative;} .memGray>li+li{margin-top:7px;} .memGray>li:before{content: "·"; color: #f16c9f; display: inline-block; position:absolute; left: 0; top:0px;} .memGray>li.point>span{font-weight: 400; color: #333; display:inline-block; vertical-align: top; position: relative;} .memGray>li.point>span+span{margin-left:41px;} .memGray>li.point>span+span:before{content: ""; width: 1px; height: 10px; margin-top:-5px; background-color: #333; display: inline-block; position:absolute; left: -21px; top:50%;} .memGray>li.point+li{margin-top:17px;} /* .joinEnd{height:366px; padding:55px 0 0 95px; background:url('../../images/sub/bg_join_end.gif') no-repeat left top; font-size:0; line-height:0; color: #333; box-sizing: border-box;} .joinEnd>dt{font-size:24px; line-height:1;} .joinEnd>dd{padding-top:15px; font-weight: 300; font-size:14px; line-height:22px;} */ .joinEnd{width:100%; padding:80px 60px; background-color: #f8f8f8; font-size:0; line-height:0; display:table; box-sizing: border-box;} .joinEnd>div{display:table-cell; vertical-align: top; box-sizing: border-box;} .joinEnd>.textArea{width:407px; color: #333;} .joinEnd>.textArea .title{font-weight: 500; font-size:24px; line-height:1;} .joinEnd>.textArea .text{font-weight: 300; font-size:14px; line-height:22px;} .joinEnd>.textArea .text .point{color: #666;} .joinEnd>.textArea>a{width:140px; height:50px; background-color: #3066d0; font-size:15px; line-height:50px; color: #fff; text-align: center; display:inline-block; vertical-align: top; cursor: pointer;} .joinEnd>.imgArea{width:362px; text-align: center; vertical-align: middle;} .joinEnd>.imgArea>p{padding:0; background-color: #e8e8e8;} .secedeArea{padding:35px 30px; background-color: #f8f8f8; font-weight: 400; font-size:15px; line-height:26px; color: #666;} .secedeArea>p>span{padding-left:17px;} .secedeArea>p+p{padding-top:15px;} .secedeArea .point{font-weight: 500; color: #db232b;} /* Board Write */ #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;border-bottom:1px solid #fff;background:#eee;zoom:1} #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""} #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;} .psBul{padding-left:12px; display:inline-block; vertical-align: middle; position: relative;} .psBul:before{content: "*"; color: #ea555d; position:absolute; left: 0; top:0;} .wPs{padding-bottom:10px; font-weight: 400; font-size:14px; line-height:1; color: #666; text-align: right;} .clauseArea+.wPs{margin-top:50px;} .board_write{margin:0; padding:0; background-color:#fff; border-top:2px solid #555;} .write_div + .board_write{margin-top:15px;} .board_write>table{width:100%; margin-bottom:-1px; border-spacing:0;} .board_write>table th, .board_write>table td{height:60px; padding:10px; border-bottom:1px solid #ddd; font-weight: 300; font-size:16px; line-height:1.3; color: #626262; letter-spacing: -0.03em; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box;} .board_write>table th{width:190px; padding:12px 0; background-color:#f8f8f8; border-right:1px solid #ddd; font-weight:500; color: #424242; text-align: center;} .board_write>table td+th{border-left:1px solid #ddd;} .board_write input[type=text], .board_write input[type=password], .board_write input[type=file], .board_write select, .board_write textarea{width:100%; height:40px; padding:0 10px; background-color:#fff; border:1px solid #ebebeb; font-size:14px; line-height:38px; color:#999; box-sizing: border-box; vertical-align:middle; display:inline-block;} .board_write select{padding-right:40px; background:#fff url('../img/bg_select_arr.gif') no-repeat right center; line-height:40px; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .board_write select::-ms-expand{display:none;} .board_write textarea{width:100%; height:300px; padding:10px; line-height:1.5; display:block;} .board_write .btnBox{font-size:0; line-height:0;} .board_write .btnBox>input, .board_write .btnBox>select{width:39.8%;} .board_write .btnBox>.btns{padding:0 20px; background-color: #848484; border:1px solid #777; font-size:14px; line-height:38px; color: #fff; display:inline-block; vertical-align: middle;} .board_write .btnBox>input+.btns{margin-left:5px;} .board_write .two{max-width:43.5%; font-size:0; line-height:0; display: flex; justify-content: space-between;} .board_write .three{font-size:0; line-height:0; display: flex; justify-content: space-between;} .board_write .three input, .board_write .three select{width:33%;} .board_write .three.birth{max-width:65%;} .board_write .three.phone{max-width:50.3%;} .board_write .three.phone input{width:36%;} .board_write .three.phone select{width:26%;} .board_write .three.days{max-width:50%;} .board_write .three.days input, .board_write .three.days select{width:100%;} .board_write .three.days *+*{margin-left:5px} .board_write .three.email{max-width:77%;} .board_write .three.email input{width:32%;} .board_write .three.email select{width:35%;} .board_write .three.email input+select{margin-left:5px;} .board_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;} .board_write .juso{margin-top:5px; font-size:0; line-height:0; display: flex; justify-content: space-between;} .board_write .juso>input{width:40%;} .board_write .juso>input+input{width:60%; margin-left:5px;} .board_write .checkBox{margin:-5px -12px; padding:7px 12px;} .board_write .checkBox + .checkBox{margin-top:2px; padding-top:15px; border-top:1px solid #dcdcdc;} .board_write .checkBox .checkIn{width:35%;} .board_write .checkBox .checkIn + .checkIn{margin:5px 0;} .board_write .checkBox.four .checkIn{width:23%;} .board_write .rowBox{margin:-5px -12px; padding:7px 12px;} .board_write .rowBox + .rowBox{margin-top:7px; padding-top:7px; border-top:1px solid #dcdcdc;} .board_write>table .file{width:100%; font-size:0; line-height:0; position:relative; overflow:hidden;} .board_write>table .file>.file_wrap>.btnFile, .board_write>table .file>.thumb, .board_write>table .file>.thumb.text{height:40px;} .board_write>table .file+.file{margin-top:5px;} .board_write>table .file .checkIn{margin-right:10px; vertical-align: middle;} .board_write>table .file>.file_wrap{vertical-align:middle; display:inline-block;} .board_write>table .file>.file_wrap>.btnFile{width:100px; margin-right:10px; background-color: #707070; border:1px solid #707070; font-size:14px; line-height:38px; color: #fff; text-align: center; vertical-align:middle; cursor:pointer; overflow:hidden; display:inline-block; position: relative; box-sizing: border-box;} .board_write>table .file>.file_wrap>.btnFile>input[type=file]{width:100%; height:100%; opacity:0; cursor:pointer; position: absolute; left:0; top:0; z-index:3;} .board_write>table .file>.file_route{font-size:14px; line-height:1.3; color:#666; display:inline-block; vertical-align:middle; box-sizing: border-box; overflow:hidden; cursor: pointer;} .board_write>table .file>.thumb{width:40px; background-position: center top; background-repeat: no-repeat; background-size: cover; display:inline-block; vertical-align: middle; overflow:hidden;} .board_write>table .file>.thumb>.over{width:0; height:0; margin:0; background-position: center top; background-repeat: no-repeat; background-size: cover; display: block; position: fixed; left: 50%; top:50%; z-index:99; box-sizing: border-box; -webkit-transition: .4s; transition: .4s; transform-origin: 50% 50%; opacity: 0;} .board_write>table .file>.thumb:hover>.over{width:480px; height:480px; margin:-240px 0 0 -240px; opacity: 1;} .board_write>table .file>.thumb.text{width:auto; max-width:700px; padding:0 15px; font-weight: 300; font-size:14px; line-height:40px; color:#666; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box;} .board_write>table #fileArea{position: relative;} .board_write>table #fileArea .filePlus{width:100px; height:40px; background-color: rgba(35,24,21,0.4); font-size:14px; line-height:40px; color: #fff; text-align: center; position: absolute; right:15px; top:10px; z-index:5; border-radius:2px; box-sizing: border-box; cursor: pointer;} .board_write>table #fileArea .filePlus:before{content: "+ ";} .board_write>table .type{font-weight: 400; font-size:14px; line-height:40px; color: #888; display:inline-block; vertical-align:middle;} .board_write>table .type.l{margin:0 15px 0 5px;} .board_write>table .type.r{margin:0 5px 0 15px;} .board_write>table .type.c{margin:0 5px;} .board_write>table .point{color: #3066d0;} .board_write>table .checkIn{margin-bottom:3px; vertical-align: middle;} .board_write>table .checkIn + .checkIn{margin-left:30px;} .board_write>table input[type=password] + .checkIn{margin-left:10px;} .board_write .checkTxt{margin-top:5px;} .board_write .checkTxt .checkIn + .checkIn{margin-left:15px;} #bo_w .frm_info{padding-top:10px; display:block;color:#3497d9;font-size:14px} #bo_w .checkIn input[type=checkbox]+label{font-size:15px; color: #626262;} #bo_w .btn_confirm{padding-top:50px; text-align:center;} #bo_w .btn_confirm>*{width:180px; height:60px; margin:0; padding:0px; font-weight:400; font-size:18px; line-height:58px; display:inline-block; border-radius:5px; vertical-align: top;} #bo_w .btn_confirm>*+*{margin-left:10px;} #bo_w .btn_confirm .btn_submit{} #bo_w .btn_confirm .btn_cancel{} #bo_w .btn_confirm .btn_kakao{background-color: #fedc00; font-weight: 500; color: #3b3036; position: relative;} #bo_w .btn_confirm .btn_kakao:after{content: ""; width:25px; height:22px; margin-left:8px; background:url('../img/icon_kakao_btn.png') no-repeat center center; background-size: cover; font-size:0; line-height:0; display:inline-block; vertical-align: middle;} #bo_w .btn_confirm .btn_pen{background-color: #fff; border:1px solid #3066d0; font-weight: 400; color: #3066d0; position: relative;} #bo_w .btn_confirm .btn_pen:after{content: ""; width:20px; height:20px; margin-left:8px; background: url("/img/check.svg") no-repeat left top; background-size: cover; font-size:0; line-height:0; display:inline-block; vertical-align: middle;} #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;} #bo_w button.btn_cke_sc{font-size:12px;} #bo_w .cke_sc_def{font-size:14px;} /* Faq List */ .md_view{padding:0.3125rem 0.625rem; background-color:#f00; font-size:1rem; line-height:1; color:#fff; text-align:center; display:block; position:absolute; left:0; top:0; z-index:6;} .faqArea{width:100%; border-top:2px solid #222; font-size:0; line-height:0; position:relative;} .faqArea>li{border-bottom:1px solid #ccc; position: relative;} .faqArea>li .checkIn{position: absolute; left:19px; top:26px; z-index:3;} .faqArea>li .q{padding:27px 90px 27px 81px; font-weight: 400; font-size:16px; line-height:1.5; color: #646464; display:block; position: relative; box-sizing: border-box;} .faqArea>li .q:before{content: "Q"; width:41px; height:41px; background-color: #fff; border:1px solid #ebebeb; font-family: 'Poppins', sans-serif; font-weight: 600; font-size:18px; line-height:37px; color: #3066d0; text-align: center; display: inline-block; position:absolute; left: 21px; top:20px; box-sizing: border-box; border-radius:99px;} .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: #585858; position: absolute; left:50%; top:50%; display:block;} .faqArea>li .q>.bul:before{width:20px; height:2px; margin:-1px 0 0 -10px;} .faqArea>li .q>.bul:after{width:2px; height:20px; margin:-10px 0 0 -1px;} .faqArea>li .q:hover{} .faqArea>li .a{padding:27px 90px 27px 81px; background-color: #f8f8f8; border-top:1px solid #ccc; font-size:16px; line-height:1.5; color: #646464; display:none; position: relative; box-sizing: border-box;} .faqArea>li .a:before{content: "A"; width:41px; height:41px; background-color: #3066d0; font-family: 'Poppins', sans-serif; font-weight: 600; font-size:18px; line-height:37px; color: #fff; text-align: center; display: inline-block; position:absolute; left: 21px; top:20px; box-sizing: border-box; border-radius:99px;} .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;} /* Photo List */ .photo_list{width:100%; font-size:0; line-height:0; overflow:hidden;} .photo_list ul.list{} .photo_list ul.list li{box-sizing: border-box; position: relative;} .photo_list ul.list li .gall_box{position: absolute; left:10px; top:10px; z-index:5;} .photo_list ul.list li>.gall_cont{width:100%; display:block; position: relative; } .photo_list ul.list li>.gall_cont .thumb{width:100%; height:220px; background-color: #fff; display:block; overflow:hidden; position: relative; box-sizing: border-box;} /*.photo_list ul.list li>.gall_cont .thumb img{width:100%; height:100%; object-fit:cover; font-family: 'object-fit: cover;'; position: absolute; left:0; top:0;}*/ .photo_list ul.list li>.gall_cont span.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%; z-index:3;} .photo_list ul.list li>.gall_cont span.bg:before, .photo_list ul.list li>.gall_cont span.bg:after{content: ""; background-color: #fff; display: inline-block; position:absolute; left: 50%; top:50%; box-sizing: border-box; transition: all .3s ease-out; transform-origin: 50% 50%; opacity: 0;} .photo_list ul.list li>.gall_cont span.bg:before{width: 100px; height: 2px; margin:-1px 0 0 -50px;} .photo_list ul.list li>.gall_cont span.bg:after{width: 2px; height: 100px; margin:-50px 0 0 -1px;} .photo_list ul.list li>.gall_cont .area{width:100%; box-sizing: border-box; display:table; table-layout: fixed;} .photo_list ul.list li>.gall_cont .area .in_area{height:60px; padding:15px; display:table-cell; vertical-align: middle; box-sizing: border-box; transition: all .3s ease-out; } .photo_list ul.list li>.gall_cont .area .in_area>*{font-weight: 400; font-size:16px; line-height:26px; color: #797979; letter-spacing: -0.05em; text-align: left; overflow: hidden; display: block; position: relative; box-sizing: border-box;} .photo_list ul.list li>.gall_cont .area .cate{font-size:15px; color: #23356b;} .photo_list ul.list li>.gall_cont .area .title{font-weight: 500; font-size:18px; color: #1b1b1b; text-align: center;} .photo_list ul.list li>.gall_cont .area .title .icon{margin:0 0 2px 5px; vertical-align: middle;} .photo_list ul.list li>.gall_cont .area .txt{margin-top:18px; letter-spacing: -0.03em;} .photo_list ul.list li>.gall_cont .area .txt img{display:none !important;} .photo_list ul.list li>.gall_cont .area .day{margin-top:18px; font-size:14px; color: #7d7d7d;} .photo_list ul.list li>.gall_cont .area .sBay{margin-top:20px; text-align: left;} .photo_list ul.list li>.gall_cont .area .sBay>span{color: #888; display:inline-block; vertical-align: top; position: relative;} .photo_list ul.list li>.gall_cont .area .sBay>span+span{padding-left:20px;} .photo_list ul.list li>.gall_cont .area .sBay.line>span+span{padding-left:21px;} .photo_list ul.list li>.gall_cont .area .sBay.line>span+span:before{content: ""; width: 1px; height: 10px; margin-top:-4px; background-color: #888; font-size:0; line-height:0; display: inline-block; position:absolute; left:11px; top:50%;} .photo_list ul.list li>.gall_cont .area .tBay{margin-top:20px; position: relative;} .photo_list ul.list li>.gall_cont .area .tBay .tDay{padding-left:19px; background:url('../img/icon_day.png') no-repeat left 4px; font-weight: 300; font-size:14px; line-height:20px; color: #888; display:inline-block;} .photo_list ul.list li>.gall_cont .area .tBay .tHit{padding-left:19px; background:url('../img/icon_hit.gif') no-repeat left 4px; font-weight: 300; font-size:14px; line-height:20px; color: #888; display:inline-block;} .photo_list ul.list li>.gall_cont .area .tBay .tDay+.tHit{position: absolute; right:0; top:0;} .photo_list ul.list li>.gall_cont .area .btns{margin-top:15px;} .photo_list ul.list li>.gall_cont .area .btns>a{width:100%; height:40px; border:1px solid #999; font-size:16px; line-height:36px; color: #444; text-align: center; display:inline-block; vertical-align: top; box-sizing: border-box; transition: all .3s ease-out; } .photo_list ul.list li>.gall_cont:hover .area .btns>a{background-color: #324ea1; border-color:#324ea1; color: #fff;} .photo_list ul.list li>.gall_cont .area .one{text-overflow: ellipsis; white-space: nowrap;} .photo_list ul.list li>.gall_cont .area .two{display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .photo_list ul.list li>.gall_cont .area .three{display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical;} .photo_list ul.list li>.gall_cont .area .title.two{max-height:52px; } .photo_list ul.list li>.gall_cont .area .txt.two{max-height:52px; } .photo_list ul.list li>.gall_cont .area .txt.three{max-height:78px;} .photo_list ul.list li>.gall_cont:hover span.bg{opacity: 1;} .photo_list ul.list li>.gall_cont:hover span.bg:before{width: 50px; margin:-1px 0 0 -25px; opacity: 1;} .photo_list ul.list li>.gall_cont:hover span.bg:after{height: 50px; margin:-25px 0 0 -1px; opacity: 1;} /* card style */ .photo_list.card ul.list{margin:-30px 0 0 -30px !important;} .photo_list.card ul.list li{padding:30px 0 0 30px !important; display:inline-block; vertical-align: top;} .photo_list.card ul.list li>.gall_cont{border-radius:3px; overflow:hidden;} .photo_list.card ul.list li>.gall_cont .thumb{height:190px;} .photo_list.card ul.list li>.gall_cont .thumb .bg_thumb_box{position: absolute; left:0; top:0; right:0; bottom:0;} .photo_list.card ul.list li>.gall_cont span.bg{display:none; z-index:-999;} .photo_list.card ul.list li>.gall_cont .area{height:46px; background-color: rgba(0,0,0,0.4); border:none; position: absolute; left:0; bottom:0; z-index:2; transition: all .3s ease-out;} .photo_list.card ul.list li>.gall_cont .area .in_area{padding:0 20px; vertical-align: middle;} .photo_list.card ul.list li>.gall_cont .area p{color: #fff; text-align: center;} .photo_list.card ul.list li>.gall_cont .area .title{font-weight: 400; font-size:18px; line-height:1.3;} .photo_list.card ul.list li>.gall_cont .area .title>strong{font-weight: 500;} .photo_list.card ul.list li>.gall_cont .area .txt{margin-top:10px; font-weight: 400; font-size:18px; line-height:1.4; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .photo_list.card ul.list li>.gall_cont .thumb .bg_thumb_box{} .photo_list.card ul.list li>.gall_cont:hover .thumb .bg_thumb_box{} .photo_list.card ul.list li>.gall_cont:hover .area{height:100%;} .photo_list.card.three ul.list li>.gall_cont .thumb{height:281px;} .photo_list.card.four ul.list li>.gall_cont .thumb{height:190px;} /* board style */ .photo_list.board{border-top:2px solid #222;} .photo_list.board>ul{margin:0 0 0 0;} .photo_list.board ul.list li{width:100%; padding:50px 30px; border-bottom:1px solid #ddd;} .photo_list.board ul.list li>.gall_cont{display:table; table-layout: fixed;} .photo_list.board ul.list li>.gall_cont .thumb{width:370px; height:220px; overflow:hidden; display:table-cell; vertical-align: middle;} .photo_list.board ul.list li>.gall_cont .area{width:auto; height:auto; padding:0 0 0 0; border:none; display:table-cell; vertical-align: middle;} .photo_list.board ul.list li>.gall_cont .area .in_area{height:auto; padding:0; text-align: left; display:inline;} .photo_list.board ul.list li>.gall_cont .thumb+.area{padding:0 0 0 50px;} .photo_list.board ul.list li>.gall_cont .txt{margin-top:15px;} .photo_list.board ul.list li>.gall_cont .txt>strong{width:41px; height:22px; font-weight: 400; color: #333; display:inline-block; vertical-align: top; text-align:justify; overflow:hidden;} .photo_list.board ul.list li>.gall_cont .txt>strong:after{width:100%; content:""; display:inline-block;} .photo_list.board ul.list li>.gall_cont .title+.day{margin-top:65px;} .photo_list.two ul.list, .photo_list.three ul.list, .photo_list.four ul.list, .photo_list.five ul.list{margin:-12px 0 0 -12px;} .photo_list.two ul.list li, .photo_list.three ul.list li, .photo_list.four ul.list li, .photo_list.five ul.list li{padding:12px 0 0 12px; display:inline-block; vertical-align: top;} .photo_list.two ul.list li{width:50%;} .photo_list.three ul.list li{width:33.3333%;} .photo_list.four ul.list li{width:25%;} .photo_list.five ul.list li{width:20%;} .photo_list ul.list li.empty_list{width:100% !important; height:200px; padding:0 !important; font-size:16px; line-height:200px; color: #474a52; text-align: center; box-sizing: border-box;} /* 메인 - 비쥬얼 */ .photo_list.visual{} .photo_list.visual ul.list{margin:-10px 0 0 -10px;} .photo_list.visual ul.list li{width:50%; padding:10px 0 0 10px; display:inline-block; vertical-align: top;} .photo_list.visual ul.list li .gall_box{left:10px; top:10px;} .photo_list.visual ul.list li>.gall_cont{} .photo_list.visual ul.list li>.gall_cont .thumb{height:190px;} .photo_list.visual ul.list li>.gall_cont .area{border:none;} .photo_list.visual ul.list li>.gall_cont .area .in_area{height:46px; padding:0; display:table-cell; vertical-align: middle; box-sizing: border-box; transition: all .3s ease-out; } .photo_list.visual ul.list li>.gall_cont .area .in_area>*{font-weight: 400; font-size:18px; line-height:25px; color: #797979; text-align: center; overflow: hidden; display: block; position: relative; box-sizing: border-box;} .photo_list.visual ul.list li>.gall_cont .area .cate{font-size:15px; color: #23356b;} .photo_list.visual ul.list li>.gall_cont .area .title{font-weight: 500; font-size:18px; color: #343434;} .photo_list.visual ul.list li>.gall_cont .area .title .icon{margin:0 0 2px 5px; vertical-align: middle;} /* 병원소개 - 병원행사 갤러리 */ .photo_list.hGallery{} .photo_list.hGallery ul.list{margin:-40px 0 0 -29px;} .photo_list.hGallery ul.list li{width:33.3333%; padding:40px 0 0 29px; display:inline-block; vertical-align: top;} .photo_list.hGallery ul.list li .gall_box{left:29px; top:40px;} .photo_list.hGallery ul.list li>.gall_cont{} .photo_list.hGallery ul.list li>.gall_cont .thumb{height:232px;} .photo_list.hGallery ul.list li>.gall_cont .area{border:1px solid #ddd; border-top:none;} .photo_list.hGallery ul.list li>.gall_cont .area .in_area{height:59px; padding:10px 15px;} .photo_list.hGallery ul.list li>.gall_cont .area .cate{} .photo_list.hGallery ul.list li>.gall_cont .area .title{font-weight: 500; font-size:20px; color: #333; text-align: center;} /* 메인 - 사업분야 */ .photo_list.field{overflow: visible;}/* */ .photo_list.field .slick-list{height:300px; overflow:hidden;} .photo_list.field ul.list{margin:-25px 0 0 -29px; white-space: nowrap;} .photo_list.field ul.list li{width:25%; padding:25px 0 0 29px; display:inline-block; vertical-align: top;} .photo_list.field ul.list li .gall_box{left:29px; top:25px;} .photo_list.field ul.list li>.gall_cont{} .photo_list.field ul.list li>.gall_cont .thumb{height:275px;} .photo_list.field ul.list li>.gall_cont .area{} .photo_list.field ul.list li>.gall_cont .area .in_area{height:60px; padding:0;} .photo_list.field ul.list li>.gall_cont .area .title{font-weight: 500; font-size:18px; color: #333;} .sub .photo_list.field ul.list{white-space: normal;} .sub .photo_list.field ul.list li{width:33.3333%;} .sub .photo_list.field ul.list li>.gall_cont .thumb{height:340px;} .sub .photo_list.field ul.list li>.gall_cont .area .title{text-align: left;} /* 인증서 */ .photo_list.certified{} .photo_list.certified .admGos{top:30px;} .photo_list.certified ul.list{margin:-30px 0 0 -35px;} .photo_list.certified ul.list li{width:25%; padding:30px 0 0 35px; display:inline-block; vertical-align: top;} .photo_list.certified ul.list li .gall_box{left:35px; top:30px;} .photo_list.certified ul.list li>.gall_cont{} .photo_list.certified ul.list li>.gall_cont .thumb{height:393px; border:1px solid #ddd;} .photo_list.certified ul.list li>.gall_cont .area{} .photo_list.certified ul.list li>.gall_cont .area .in_area{height:60px; padding:0;} .photo_list.certified ul.list li>.gall_cont .area .cate{} .photo_list.certified ul.list li>.gall_cont .area .txt{margin-top:0;} /* 카탈로그 */ .photo_list.catalogue{} .photo_list.catalogue .admGos{top:30px;} .photo_list.catalogue ul.list{margin:-30px 0 0 -35px;} .photo_list.catalogue ul.list li{width:33.3333%; padding:30px 0 0 35px; display:inline-block; vertical-align: top;} .photo_list.catalogue ul.list li .gall_box{left:35px; top:30px;} .photo_list.catalogue ul.list li>.gall_cont{border:1px solid #ddd;} .photo_list.catalogue ul.list li>.gall_cont .thumb{height:420px;} .photo_list.catalogue ul.list li>.gall_cont .area{border-top:1px solid #ddd;} .photo_list.catalogue ul.list li>.gall_cont .area .in_area{height:117px; padding:15px 19px;} .photo_list.catalogue ul.list li>.gall_cont .area .cate{} .photo_list.catalogue ul.list li>.gall_cont .area .title{font-weight: 500; font-size:18px; color: #333;} .photo_list.port{} .photo_list.port .admGos{top:21px;} .photo_list.port ul.list{margin:-21px 0 0 -36px;} .photo_list.port ul.list li{width:25%; padding:21px 0 0 36px; display:inline-block; vertical-align: top;} .photo_list.port ul.list li .gall_box{left:36px; top:21px;} .photo_list.port ul.list li>.gall_cont{} .photo_list.port ul.list li>.gall_cont .thumb{height:210px;} .photo_list.port ul.list li>.gall_cont .area{border:none;} .photo_list.port ul.list li>.gall_cont .area .in_area{height:80px; padding:0; display:table-cell; vertical-align: middle; box-sizing: border-box; transition: all .3s ease-out; } .photo_list.port ul.list li>.gall_cont .area .in_area>*{font-weight: 400; font-size:16px; line-height:22px; color: #888; letter-spacing: -0.04em; text-align: center; overflow: hidden; display: block; position: relative; box-sizing: border-box;} .photo_list.port ul.list li>.gall_cont .area .cate{font-size:15px; color: #23356b;} .photo_list.port ul.list li>.gall_cont .area .title{font-weight: 700; font-size:18px; color: #333;} .photo_list.port ul.list li>.gall_cont .area .day{margin-top:7px;} /* 비밀번호 입력 레이어 */ .passLayer, .passLayer .mpl_box{-webkit-transition: .4s; transition: .4s; transform-origin: 50% 50%;} .passLayer{background-color: rgba(0,0,0,0.7); font-size:0; line-height:0; position:fixed; left:0; top:0; right:0; bottom:0; z-index:-1; overflow:hidden; overflow-y:auto; opacity:0;} .passLayer .closeLy{width:100px; display:inline-block; position: fixed; right:0; top:0;} .passLayer .mpl_In{width:100%; height:100%; display: table; position:relative;} .passLayer .mpl_cell{width:100%; height:100%; padding:70px 0; display: table-cell; vertical-align:middle; position:relative; box-sizing: border-box;} .passLayer .mpl_box{width:90%; max-width:400px; margin:0 auto; background-color: #fff; font-size:0; line-height:0; text-align: center; position: relative; box-sizing: border-box; opacity:0;} .passLayer .mpl_box .mpl_in{padding:20px; font-size:20px; line-height:1.4; text-align: left;} .passLayer .mpl_box .mpl_in .form{padding-top:10px; display: flex; justify-content: space-between;} .passLayer .mpl_box .mpl_in .form>a{width:30%; height:50px; background-color: #5d6670; font-weight: 300; font-size:14px; line-height:48px; color: #fff; text-align: center; display:inline-block; vertical-align: top;} .passLayer input[type=password]{width:70%; height:50px; padding:0 10px; background-color:#fff; border:1px solid #9e9e9e; font-weight: 300; font-size:14px; line-height:48px; color:#666; box-sizing: border-box; display:inline-block; vertical-align:top;} .passLayer.active{z-index:99; opacity: 1;} .passLayer.active .mpl_box{opacity: 1;} /* transition: all .5s linear; transition: all .5s ease-out; transform:rotate(180deg); -webkit-transition-timing-function:ease-in linear; transition-timing-function:ease-in linear; -webkit-transition-delay: .8s; transition-delay: .8s; :before{content: ""; width: 24px; height: 24px; background-color: #fff; border:1px solid #666; display: inline-block; position:absolute; left: 0; top:0px; box-sizing: border-box;} display: flex; justify-content: space-between; // 양쪽 끝 정렬 display: flex; justify-content: space-around; // 센터 정렬 display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; //한줄 감추기 display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; //두줄 감추기 active :first-child text-indent:-99999px; !important display:table; table-layout:fixed; display:table-row; display:table-cell; box-sizing:border-box; word-break:keep-all; word-wrap:break-word; border-radius:2px; */ /*부트스트랩 테스트*/