.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=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, .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;} .checkIn input[type=checkbox], .checkIn input[type=radio]{display: none;} .checkIn input[type=checkbox]+label, .checkIn input[type=radio]+label{padding-left:3rem; font-size: 1.8rem; line-height:2.2rem; 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: 2.2rem; height: 2.2rem; background-color: #fff; border:1px solid #dedede; display: inline-block; position:absolute; left: 0; top:1px; box-sizing: border-box;} .checkIn input[type=checkbox]+label[for="clauseCheck"]:before{border:2px solid #e8e8e8;} .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: 2.2rem; height: 2.2rem; background: url("/img/check.svg") no-repeat left top; font-size:0; line-height:0; position: absolute; left:0; top:0; opacity: 0;} .checkIn input[type=checkbox]:checked+label:before{border-color:#23b8bc;} .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: 1.2rem; height: 1.2rem; margin:-0.5rem 0 0 0; left: 0.5rem; 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:#23b8bc;} .checkIn input[type=radio]:checked+label:after{background-color: #23b8bc;} .checkIn.point input[type=checkbox]+label, .checkIn.point input[type=radio]+label{color: #23b8bc;} .checkIn.noTxt input[type=checkbox]+label, .checkIn.noTxt input[type=radio]+label{width:2.2rem; height:2.2rem; padding:0; font-size:0; line-height:0; display: inline-block; cursor: pointer; position: relative;} .checkIn.noTxt input[type=checkbox]+label:after{width:2.2rem; height:2.2rem;} .checkIn.noTxt input[type=checkbox]+label:before, .checkIn.noTxt input[type=radio]+label:after, .checkIn.noTxt input[type=radio]+label:before{width: 2.2rem; height: 2.2rem; top:0px;} .checkIn.top{margin-bottom:1.5rem;} .checkIn.noTxt.in{margin:1rem 0 -1.5rem; position: relative; z-index:2;} /* Clause Box Style */ .clauseArea{width:100%; font-size:0; line-height:0; overflow:hidden;} .board_write + .clauseArea{margin-top:5rem;} .clauseArea>.tit{height:35px; font-weight: 500; font-size:20px; line-height:1; color: #222;} .clauseArea .scroll{width:100%; height:39rem; padding:3rem; background-color: #fff; border:1px solid #ccc; font-weight: 300; font-size:1.6rem; line-height:1.4; color: #626262; overflow:hidden; overflow-y:auto; box-sizing:border-box;} .clauseArea .scroll strong{font-weight: 400;} .clauseArea .scroll>p{margin:3rem 0 0.5rem; color: #111;} .clauseArea .scroll>p>strong{font-weight: 400; color: #111;} .clauseArea .scroll>p.tits{margin-top:5rem; font-size:2.4rem; text-align: center;} .clauseArea .scroll>p.tits>strong{font-weight: 500;} .clauseArea .scroll>p:first-child{margin-top:0;} .clauseArea .scroll ol{counter-reset:item; margin-top:1rem;} .clauseArea .scroll li>p{margin-top:1rem;} .clauseArea .scroll ol>li>ol{margin-top:0rem;} .clauseArea .scroll ol>li{margin-left:-0.5rem; padding-left:2.5rem; position: relative; box-sizing:border-box;} .clauseArea .scroll ol>li:before {counter-increment: item; content: counter(item)"."; width:2rem; text-align: right; display: inline-block; position: absolute; top: 0; left: 0;} .clauseArea .scroll ol.type>li{} .clauseArea .scroll ol.type>li:before{content: counter(item)")";} .clauseArea .scroll ol.cNum>li{} .clauseArea .scroll ol.cNum>li:before{content: "";} .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.cNum>li:nth-child(11):before{content: "⑪";} .clauseArea .scroll ol.cNum>li:nth-child(12):before{content: "⑫";} .clauseArea .scroll ol.kr>li{} .clauseArea .scroll ol.kr>li:before{} .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 ol.kr>li:nth-child(11):before{content: "카.";} .clauseArea .scroll ol.kr>li:nth-child(12):before{content: "타.";} .clauseArea .scroll ol.kr>li:nth-child(13):before{content: "파.";} .clauseArea .scroll ol.kr>li:nth-child(14):before{content: "하.";} .clauseArea .scroll ul.buls>li{padding-left:1rem ; position: relative;} .clauseArea .scroll ul.buls>li:before{content: "-"; display: inline-block; position:absolute; left: 0; top:0;} .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-top:0.5rem; 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; border-right:none; 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: transparent; border:none; line-height:1.5; color: #666; overflow: visible;} /* Btn Style */ .btnArea{width:100%; margin-top:3rem; font-size:0; line-height:0;} .board_write+.btnArea{} .btnArea a, .btnArea input[type=image], .btnArea input[type=submit], .btnArea button{width:140px; height:6.2rem; margin:0 1rem 0 0; background-color:#23b8bc; border:1px solid #23b8bc; font-weight: 500; font-size:2rem; line-height:6rem; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:0.5rem; 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: #4283c8; color: #fff;} .btnArea a.write, .btnArea input.write, .btnArea button.write{background-color: #fff; border:1px solid #4283c8; line-height:48px; color: #4283c8;} .btnArea a.cancel, .btnArea input.cancel, .btnArea button.cancel{background-color: #fff; border:1px solid #666; color: #333;} .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;} .btnArea.tj>*{width:100%;} .btnArea.tj>*+*{margin-left:1rem !important;} .btnArea.full a, .btnArea.full input[type=image], .btnArea.full input[type=submit], .btnArea.full button{width:100%; margin:0;} .paging_all+.btnArea{margin-top:-45px;} /* */ .click{padding:0.8rem 1rem; background-color:#aaa; border:none; font-size:16px; line-height:1.2; color:#fff; text-align: center; overflow:hidden; display:inline-block; vertical-align: top; box-sizing:border-box; border-radius:3px; cursor: pointer; position: relative; white-space: nowrap;} .click .fa{margin-top:-2px; vertical-align: middle;} .click.big{min-width:160px; padding:15px 48px; font-weight: 500;} .click.admin{background-color: #d13f4a;} .click.write{background-color: #23b8bc;} .click.cancel{background-color: #23b8bc;} .board_btn{width:100%; padding:2rem 0; font-size:0; line-height:0; display: flex; flex-flow: row wrap; justify-content: space-between; position: relative; z-index:8;} .board_btn>*{} .board_btn>.total{padding:11px 0; font-weight: 300; font-size:14px; line-height:1; color: #666; text-align: left;} .board_btn>.total>strong{font-weight: 400; color:#23b8bc;} .board_btn .board_user{} .board_btn .board_user>li{display:inline-block; vertical-align: top;} .board_btn .board_user>li+li{margin-left:5px;} .board_btn .option{position: relative;} .board_btn .option .more_opt {background-color:#fff; border:1px solid #b8bfc4; position:absolute; right:0; top:45px; z-index:7; display:none;} .board_btn .option .more_opt:before {content:""; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #b8bfc4 transparent; position:absolute; right:13px; top:-8px;} .board_btn .option .more_opt:after {content:""; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent; position:absolute; right:13px; top:-6px;} .board_btn .option .more_opt li{width:100px; margin:0; padding:10px; float:inherit; color:#6b757c; text-align:left} .board_btn .option .more_opt li+li{border-top:1px solid #f1f1f1;} .board_btn .option .more_opt li button, .board_btn .option .more_opt li a {width:100%; background-color:#fff; border:0; font-size:1.4rem; line-height:1.3; color:#6b757c; white-space: nowrap; display:block;} .board_btn .option .more_opt li:hover a, .board_btn .option .more_opt li:hover button{color:#000} .board_btn .option .more_opt li i {line-height:20px; float:right;} .board_btn.end{justify-content: flex-end;} .board_btn.write{justify-content: center;} /* Category Style */ .category_top{width:100%; margin: 0 auto 0; 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: center;} /*.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:0 1 190px; 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:46px; 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; border-radius: 0;} .category_top>ul>li a>span{display:table-cell; vertical-align: middle; word-break:keep-all; word-wrap:break-word;} .category_top>ul>li#bo_cate_on{} .category_top>ul>li#bo_cate_on a, .category_top>ul>li:hover a{background-color: #23b8bc; border-color:#23b8bc; color:#fff;} .category_top>ul>li#bo_cate_on a{font-weight: 400;} .category_type{width:100%; margin: 0 auto 4rem; font-size:0; line-height:0; text-align: center; display:block; position: relative; overflow:hidden;} .category_type h2{width:1px; line-height:1; color: #fff; position: absolute; left:0; top:0; z-index:-9; visibility: hidden;} .category_type>ul{display:inline-block; display: flex; justify-content: center;} .category_type>ul>li{flex:0 1 19rem; display:inline-block; vertical-align: top; position: relative;} .category_type>ul>li+li{margin-left:1rem;} .category_type>ul>li a{width:100%; height:4.6rem; border:1px solid #333; font-weight: 500; font-size:2rem; line-height:1.2; color: #1b1b1b; display:table; box-sizing: border-box; border-radius: 99px;} .category_type>ul>li a>span{display:table-cell; vertical-align: middle; word-break:keep-all; word-wrap:break-word;} .category_type>ul>li#bo_cate_on{} .category_type>ul>li a#bo_cate_on, /* .category_type>ul>li:hover a{background-color: #23abaf; border-color:#23abaf; color:#fff;} */ .category_type>ul>li a#bo_cate_on{} /* Search Style */ .search_top{width:100%; margin-bottom:2rem; font-size:0; line-height:0; display:block; position: relative;} .search_top select, .search_top input[type=text], .search_top input[type=submit]{height:5.3rem; padding:0 2rem; background-color: #fff; border:none; font-weight: 400; font-size:1.5rem; line-height:5.3rem; color: #666; display:inline-block; vertical-align: top; box-sizing: border-box;} .search_top select{height:5.5rem; padding:0 4rem 0 2rem; background:#fff url('./img/bg_select_arr.gif') no-repeat right center; border:1px solid #dadada; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .search_top select::-ms-expand{display:none;} .search_top input[type=text]{width:22rem;} .search_top input[type=submit]{width:4rem; background: url('/img/icon_search.png') no-repeat center center; font-size:0 !important; line-height:0 !important; cursor: pointer;} .search_top>span{border:1px solid #dadada; display:inline-block;} .search_top select+span, .search_top input[type=text]+input[type=submit]{margin-left:-1px;} .search_top.tac{background-color: #f7f7f9; padding:2rem;} /* Board List Style */ .board_list{width:100%; border:1px solid #bcbcbc; font-size:0; line-height:0; box-sizing: border-box; border-radius:10px; overflow:hidden;} .board_list>table{width:calc(100% + 3px); margin:-1px; background-color: #bcbcbc; border-spacing:1px;} .board_list>table th, .board_list>table td{padding:12px 0; background-color: #fff; font-weight: 300; font-size:15px; line-height:1.5; color:#404040; text-align:center; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:break-all;} .board_list>table>thead>tr>th{padding:17px 0; background-color: #f7f7f9; font-weight: 400; font-size:16px;} .board_list>table .photo{padding:12px;} .board_list>table .photo img{max-height:12rem;} .board_list>table .bo_tit{font-weight: 400; text-align:left} .board_list>table .bo_tit>a{padding:0 2rem; font-weight: 400; color:#1d1d1d; cursor:pointer; display:inline-block;} .board_list>table .bo_tit>a:hover{color:#23b8bc; text-decoration:none;} .board_list>table .etc{margin:0 2rem; font-weight: 300; color:#666; position: relative;} .board_list>table>tbody>.notice>td{background-color: #f3f9fe;} .board_list>table .notice_icon{padding:0.3rem 1rem; background-color: #23b8bc; color: #fff; border-radius:3px;} .board_list>table .blue{color: #1c5ea9;} .board_list>table .red{color: #d80000;} .board_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;} .board_list>table .tfoot>td>span{padding-right:15px;} .board_list>table .noPost>td{height:20rem; vertical-align: middle;} .board_list.store>table .bo_tit>a{font-size:18px;} .board_list.store>table .etc{padding-left:7.6rem;} .board_list.store>table .etc:before{content: attr(data-title); font-weight: 300; color: #222; position: absolute; left:0; top:0;} .board_list.store>table .etc:after{content:":"; position: absolute; left:6.2rem; top:50%; transform: translateY(-50%);} .board_responsive{width:100%; border-top:1px solid #333; font-size:0; line-height:0;} .board_responsive>li{border-bottom:1px solid #dadada;} .board_responsive>li .bo_cont{padding:3rem 0; display:block; position: relative;} .board_responsive>li .bo_cont .etc{font-size:1.6rem; line-height:3rem; color: #1b1b1b;} .board_responsive>li .bo_cont .etc>p{margin-right:2rem; display:inline-block; vertical-align: top; position: relative;} .board_responsive>li .bo_cont .etc>p+p:before{content: ""; width: 1px; height: 1.4rem; margin-left:-1px; background-color: #dddede; display: inline-block; position:absolute; left: -1.2rem; top:50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); box-sizing: border-box;} .board_responsive>li .bo_cont .name{} .board_responsive>li .bo_cont .day{font-weight: 300;} .board_responsive>li .bo_cont .subject{max-width:95%; font-weight: bold; font-size:2.4rem; line-height:4.2rem; color: #1b1b1b; display:inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .board_responsive>li.noPost{height:20rem; font-size:1.8rem; line-height:1.4; color: #666; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;} .board_responsive.sub{border-top-width:2px;} .board_responsive.sub>li{} .board_responsive.sub>li .bo_cont{padding:2rem 0;} .board_responsive.sub>li .bo_cont .etc{font-size:1.7rem;} .board_responsive.sub>li .bo_cont .subject{font-weight: 500; font-size:2.1rem; line-height:3.8rem;} /* Pageing Style */ .paging_all{width:100%; margin:30px auto 0; font-size:0; line-height:0; text-align:center; position:relative;} .paging_all .btns, .paging_all>.num>strong, .paging_all>.num>a{width:40px; height:40px; background-color: #fff; border:1px solid #d1d1d1; text-align: center; display:inline-block; vertical-align:top; box-sizing: border-box; position: relative;} .paging_all .btns, .paging_all .btns *{font-size:0 !important; line-height:0 !important;} .paging_all .btns:before, .paging_all .btns: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 .btns:after{opacity: 0;} .paging_all .btns.prev:before{margin:-6px 0 0 -3px; transform:rotate(-45deg);} .paging_all .btns.next:before{margin:-6px 0 0 -9px; transform:rotate(135deg);} .paging_all>.num{margin:0 0; display:inline-block; vertical-align:top} .paging_all>.num>strong, .paging_all>.num>a{margin-left:1rem; font-weight: 300; font-size:15px; line-height:38px; color:#666;} .paging_all>.num .pg_start{margin-left:0;} .paging_all>.num .pg_end{} .paging_all .btns:hover{border-color:#333;} .paging_all .btns:hover:before, .paging_all .btns:hover:after{border-color:#333;} .paging_all>.num>strong, .paging_all>.num>a:hover{border-color:#333; color:#333; z-index:2;} /* Board View */ .board_view{width:100%; border:1px solid #bcbcbc; box-sizing: border-box; border-radius:10px; overflow:hidden;} .board_view>table{width:calc(100% + 3px); margin:-1px; background-color: #bcbcbc; border-spacing:1px;} .board_view>table th, .board_view>table td{width: 50%; padding:15px 0; background-color: #fff; font-weight: 400; font-size:16px; line-height:1.5; color:#333; text-align:center; border-collapse:collapse; empty-cells:show; box-sizing: border-box; word-break:break-all;} .board_view>table>thead>tr>th{padding:0; background-color: #f7f7f9; 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{margin-bottom:-1px; padding:25px 20px; border-bottom:1px solid #bcbcbc; 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{margin:2rem; padding-top:1px; text-align:left; position: relative;} .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 .state{width:7.8rem; min-width:7.8rem; height:2.8rem; margin:0rem 0 0 1rem; background-color: #6f358b; font-size:1.5rem; line-height:2.8rem; color: #fff; text-align: center; display:inline-block; border-radius:99px; position: absolute; right:0; top:50%; transform: translateY(-50%);} .board_view>table .state.ing{background-color: #035ab6;} .board_view>table .state.end{background-color: #bebebe;} /* .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 30px; border-bottom:none; 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:30px 0 30px 30px; font-size:0; line-height:0; text-align: left;} .board_view>table>tbody>tr>td.file>a{margin:5px 5px 0 0 ; padding:0 58px 0 10px; background-color:#23b8bc; font-size:14px; line-height:31px; color: #fff; display:inline-block; vertical-align: top; border-radius:2px; position: relative;} .board_view>table>tbody>tr>td.file>a:before{content: ""; width: 31px; height: 100%; background:url('/img/btn_bView_file.svg') no-repeat right center; background-size: contain;display: inline-block; position:absolute; right: 0; top:0;} .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;} /*[s] Store */ .store_view{width:100%; padding-bottom:5rem; display: flex; justify-content: space-between;} .store_view .wideMap{height:49rem;} .store_view .wideMap>#map{height:49rem; margin-top:-24.5rem !important;} .store_view>*{width:50%; order: 2;} .store_view .right_box{margin-right:3rem; order: 1;} .storePhoto{width:100%; max-width:610px; font-size:0; line-height:0; position: relative; overflow:hidden;} .storePhoto .slider{width:100%; background-repeat: no-repeat; background-position: center center; background-size: cover; box-sizing: border-box; position: relative; display:inline-block; vertical-align: top;} .storePhoto .slider img{width:100%;} .storePhoto .store-big{width:100%; position: relative;} .storePhoto .store-big_in{white-space: nowrap;} .storePhoto .store-big .slider{width:100%; min-height:38rem;} .storePhoto .store-big .slick-arrow{width:73px; height:73px; background-color: transparent; border:1px solid #0f0f0f; border-bottom:none; font-size:0; line-height:0; position: absolute; top:40%; z-index:7; cursor: pointer; box-sizing: border-box; -webkit-transform: translateY(-50%); transform: translateY(-50%);} .storePhoto .store-big .slick-arrow.slick-prev{ border-right:none; left:-100px; transform:rotate(-45deg); } .storePhoto .store-big .slick-arrow.slick-next{border-left:none; right:-100px; transform:rotate(45deg);} .storePhoto .store-big .slick-arrow.slick-disabled{opacity: 0.3; cursor: default;} .storePhoto .store-big .slick-arrow:hover{border-color:#1bc0ff;} .storePhoto .store-small{width:100%; margin:1rem auto 0; position: relative;} .storePhoto .store-small_in{margin-left:-1rem; white-space: nowrap;} .storePhoto .store-small .slick-slide{padding-left:1rem;} .storePhoto .store-small .slider{height:10rem;} .storePhoto .store-small .slider:after{content: ""; background-color:rgba(0,0,0,0.5); position:absolute; left: 0; top:0px; right:0; bottom:0;} .storePhoto .store-small .slick-arrow{width:30px; height:90px; background-color: transparent; background-repeat: no-repeat; background-position: center center; border:none; font-size:0; line-height:0; position: absolute; top:0; z-index:7; cursor: pointer;} .storePhoto .store-small .slick-arrow.slick-prev{background-image: url('../../images/btn_slick_prev.gif'); left:0px;} .storePhoto .store-small .slick-arrow.slick-next{background-image: url('../../images/btn_slick_next.gif'); right:0px;} .storePhoto .store-small .slick-arrow.slick-disabled{opacity: 0.3; cursor: default;} .storePhoto .store-small .slick-current .slider:before{content: ""; border:2px solid #0062b1; position:absolute; left: 0; top:0px; right:0; bottom:0;} .storePhoto .store-small .slick-current .slider:after{background-color:rgba(0,98,177,0);} /* 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{} .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 dd>textarea{width:91%; 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 dd>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:30px; border-top:1px solid #dedede;} .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>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;} .commentArea .viewArea>dl>dd .comment_btn>a+a{margin-left:3px;} /* PageNavigation Style */ .pageNavigation{width:100%; margin-top:3rem; width:100%; border:1px solid #bcbcbc; box-sizing: border-box; border-radius:10px; overflow:hidden; position: relative; z-index:2;} .pageNavigation>dl{width:100%; font-weight: 300; font-size:15px; line-height:1.1; 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; text-align:center; color: #474a52;} .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:50%; 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>dd{padding:10px 25px 7px;} .pageNavigation>dl>dd>a{max-width:95%; font-weight: 400; color: #333; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .pageNavigation>dl>dd>a:hover{color:#4283c8; } /* Member 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 .txtBtn{margin-top:45px; padding:30px 38px; background-color: #f9f9f9;} .memberArea .txtBtn>li{display: flex; justify-content: space-between;} .memberArea .txtBtn>li+li{margin-top:5px;} .memberArea .txtBtn>li>*{display:inline-block; vertical-align: top;} .memberArea .txtBtn>li>span{font-weight: 300; font-size:13px; line-height:35px; color: #666;} .memberArea .txtBtn>li>a{width:146px; background-color: #444; border:1px solid #444; font-size:13px; line-height:33px; color: #fff; text-align: center;} .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: #4283c8; 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 */ .psBul{padding-left:7px; display:inline-block; vertical-align: middle; position: relative;} .psBul:before{content: "*"; color: #4283c8; position:absolute; left: 0; top:2px;} .wPs{padding-bottom:10px; font-weight: 300; font-size:14px; line-height:1; color: #666; text-align: right;} .board_write{width:100%; padding-bottom:1px; border-top:1px solid #e5e5e5; border-left:1px solid #e5e5e5; border-radius:5px; overflow:hidden; box-sizing: border-box;} .board_write>table{width:100%; border-spacing:0; margin-bottom:-1px; table-layout: fixed;} .board_write>table th, .board_write>table td{height:7rem; padding:1.5rem 2rem; border-right:1px solid #dadada; border-bottom:1px solid #dadada; font-weight: 300; font-size:1.6rem; line-height:1.3; color: #666; text-align:left; vertical-align: middle; border-collapse:collapse; empty-cells:show; box-sizing: border-box;} .board_write>table th{width:19rem; padding:0px; background-color:#f8f8f8; font-weight:400; font-size:1.7rem; color: #333; text-align: center;} .board_write input[type=text], .board_write input[type=password], .board_write input[type=file], .board_write select, .board_write textarea{width:100%; height:6rem; padding:0 1rem; background-color:#fff; border:1px solid #dfdfdf; font-weight: 300; font-size:1.6rem; line-height:3.8rem; color:#888; box-sizing: border-box; vertical-align:middle; display:inline-block;} .board_write select{padding-right:3rem; background:#fff url('./img/bg_select_arr_m.gif') no-repeat right center; background-size:1.7rem; line-height:4rem; -webkit-appearance: none; -moz-appearance: none; appearance: none;} .board_write select::-ms-expand{display:none;} .board_write textarea{width:100%; height:30rem; padding:1rem; line-height:1.5; display:block;} .board_write .board_option{margin-bottom:7px; font-size:0; line-height:0;} .board_write .board_option>li{margin-right:20px; display:inline-block; vertical-align: top;} .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:34px; 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; flex-direction: row; align-items: center; justify-content: space-between;} .board_write .three{font-size:0; line-height:0; display: flex; flex-direction: row; align-items: center; 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:77%;} .board_write .three.phone input{width:36%;} .board_write .three.phone select{width:26%;} .board_write .three.phone select+input{margin-left:-1px;} .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:-1rem -2rem 0 0;} .board_write .checkBox>*{margin-top:1rem;} .board_write .checkBox .checkIn{margin-left:0 !important; margin:1rem 3rem 0 0;} .board_write .checkBox .checkIn label{font-size:1.6rem;} .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 #fileArea{position: relative;} .board_write>table #fileArea .filePlus{width:100%; margin-bottom:10px; background-color: rgba(35,24,21,0.4); color: #fff; text-align: center; z-index:5; border-radius:2px; box-sizing: border-box; cursor: pointer; display:block;} .board_write>table #fileArea .filePlus:before{content: "+ ";} .board_write>table .file{width:100%; font-size:0; line-height:0; position:relative; overflow:hidden;} .board_write>table .file+.file{margin-top:10px;} .board_write>table .file>*{display:inline-block; vertical-align: middle;} .board_write>table .file>*+*{margin-left:10px;} .board_write>table #fileArea .filePlus, .board_write>table .file>.file_wrap>.btnFile, .board_write>table .file .thumb{height:40px;} .board_write>table #fileArea .filePlus, .board_write>table .file>.file_wrap>.btnFile, .board_write>table .file .thumb.text{font-size:14px; line-height:40px;} .board_write>table .file .checkIn{} .board_write>table .file>.file_wrap{} .board_write>table .file>.file_wrap>.btnFile{width:100px; background-color: #707070; 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 .thumb{width:40px; background-position: center top; background-repeat: no-repeat; background-size: cover; overflow:hidden; box-sizing: border-box;} .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:calc(100% - 180px); padding:0 15px; font-weight: 300; color:#666; text-overflow: ellipsis; white-space: nowrap;} .board_write>table>tbody>tr>td.filev{padding-top:7px; padding-right:7px; font-size:0; line-height:0; text-align: left;} .board_write>table>tbody>tr>td.filev>a{margin:5px 5px 0 0 ; padding:0 58px 0 10px; background-color:#23b8bc; font-size:14px; line-height:31px; color: #fff; display:inline-block; vertical-align: top; border-radius:2px; position: relative;} .board_write>table>tbody>tr>td.filev>a:before{content: ""; width: 31px; height: 100%; background:url('/img/btn_bView_file.svg') no-repeat right center; background-size: contain;display: inline-block; position:absolute; right: 0; top:0;} .board_write>table .type{font-size:1.6rem; line-height:1.3; display:inline-block; vertical-align:middle;} .board_write>table .type.l{margin:0 1.5rem 0 1rem;} .board_write>table .type.r{margin:0 1rem 0 1.5rem;} .board_write>table .type.c{margin:0 1rem;} .board_write>table .point{color: #23b8bc;} .board_write>table .checkIn{vertical-align: middle;} .board_write>table .checkIn + .checkIn{margin-left:20px;} .board_write>table input[type=password] + .checkIn{margin-left:10px;} .board_write .checkTxt{margin-top:5px;} .board_write .checkTxt .checkIn + .checkIn{margin-left:15px;} .board_write.bor{border:1px solid #777; border-radius:0px;} .board_write.bor>table{width:calc(100% + 1px); margin:0 0 -2px 0;} .board_write.bor>table th{background-color:#fff;} /* Faq List */ .faqLayout{width:100%; min-height:54rem; padding-left:19.5%; font-size:0; line-height:0; position:relative; box-sizing: border-box;} .faqLayout .faq_cate{margin:-5.2rem 0 3rem; font-weight: 500; font-size:2.2rem; line-height:1; color: #333;} .faqLayout .category_top{width:17rem; text-align: left; position: absolute; left:0; top:2.5rem; overflow: visible;} .faqLayout .category_top .faq_cate{display:none;} .faqLayout .category_top h2{width:auto; padding-bottom:2.8rem; font-weight: bold; font-size:2.2rem; line-height:1; color: #1b1b1b; position: static; visibility: visible;} .faqLayout .category_top>ul{width:100%; padding:2.5rem 0; border-top:2px solid #333; border-bottom:1px solid #ddd; display:block;} .faqLayout .category_top>ul>li{display:block;} .faqLayout .category_top>ul>li+li{margin-left:0;} .faqLayout .category_top>ul>li a{width:100%; height:4.6rem; border:none; font-size:1.7rem; line-height:1.2; color: #666; display:table; table-layout: fixed; box-sizing: border-box;} .faqLayout .category_top>ul>li a>span{padding:1rem; display:table-cell; vertical-align: middle;} .faqLayout .category_top>ul>li a#bo_cate_on, .faqLayout .category_top>ul>li:hover a{background-color: #fff; border-color:none; font-weight: 500; font-size:2rem; color: #333;} .faqArea{width:100%; border-top:2px solid #333; font-size:0; line-height:0; position:relative; border-radius:0; overflow:hidden;} .faqArea>li{border-bottom:1px solid #dbdbdb; position: relative;} .faqArea>li .checkIn{position: absolute; left:1.5rem; top:1rem;} .faqArea>li .admGos{right:auto; left:4.5rem; top:0.7rem;} .faqArea>li+li{} .faqArea>li .q{padding:2rem 9rem 2rem 7rem; font-weight: 400; font-size:1.5rem; line-height:1.6; color: #333; display:block; position: relative; box-sizing: border-box;} .faqArea>li .q:before{content: "Q"; width:3.5rem; height:3.5rem; background-color: #23b8bc; font-size:1.8rem; line-height:3.3rem; color: #fff; text-align: center; display: inline-block; position:absolute; left: 1.5rem; top:1.5rem; box-sizing: border-box; border-radius:3px;} .faqArea>li .q>.bul{width:2rem; height:2rem; display:block; position: absolute; right:2rem; top:50%; transform: translateY(-50%);} .faqArea>li .q>.bul:before, .faqArea>li .q>.bul:after{content: ""; background-color: #666; position: absolute; left:50%; top:50%; transform: translate(-50%, -50%); display:block;} .faqArea>li .q>.bul:before{width:100%; height:1px;} .faqArea>li .q>.bul:after{width:1px; height:100%;} .faqArea>li .q:hover{} .faqArea>li .a{padding:2rem 7rem 4rem 7rem; background-color: #f9f9f9; border-top:1px solid #e5e5e5; font-weight: 300; font-size:1.5rem; line-height:1.6; color: #333; display:none; position: relative; box-sizing: border-box;} .faqArea>li .a:before{content: "A"; width:3.5rem; height:3.5rem; background-color: #fff; border:1px solid #666; font-size:1.8rem; line-height:3.3rem; color: #23b8bc; text-align: center; display: inline-block; position:absolute; left: 1.5rem; top:1.5rem; 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{background-color: #f9f9f9; font-weight: 500;} .faqArea>li.active .q:before{} .faqArea>li.active .q>.bul{transform:translateY(-50%) rotate(45deg);} .faqArea>li.active .q>.bul:before, .faqArea>li.active .q>.bul:after{background-color: #333;} .faqArea>li.noPost{width:100%; height:30rem; font-size:16px; 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{padding-top:3rem;} /* Photo List */ .photo_list{width:100%; font-size:0; line-height:0; overflow:hidden; position: relative;} .photo_list ul.list{text-align: left;} .photo_list ul.list li{display:inline-block; vertical-align: top; box-sizing: border-box; position: relative;} .photo_list ul.list li .gall_box{position: absolute; left:2.5rem; top:2.5rem; 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%; background-color: #fff; border:1px solid #e9e9e9; display:block; overflow:hidden; position: relative; box-sizing: border-box;} .photo_list ul.list li>.gall_cont .thumb>p{position: relative;} .photo_list ul.list li>.gall_cont .thumb img{width:100%; max-width:none; object-fit:cover; vertical-align: top;} .photo_list ul.list li>.gall_cont .thumb .ib{} .photo_list ul.list li>.gall_cont .thumb .thb{height:100%; position: absolute; left:0; top:0;} .photo_list ul.list li>.gall_cont .thumb .thb.bg{background-color: #f2f2f2; } .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:13.4rem; padding:1rem 0; 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: 300; font-size:1.6rem; line-height:3.2rem; color: #707070; letter-spacing: -0.03em; text-align: left; display: block; position: relative; box-sizing: border-box; word-break:keep-all; word-wrap:break-word; word-break:break-all;} .photo_list ul.list li>.gall_cont .area .cate{color: #4283c8;} .photo_list ul.list li>.gall_cont .area .title{font-weight: 500; font-size:2rem; color: #1b1b1b; display: flex; justify-content: flex-start;} .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 .title .state{width:7.8rem; min-width:7.8rem; height:2.8rem; margin:0.2rem 0 0 1rem; background-color: #6f358b; font-size:1.5rem; line-height:2.8rem; color: #fff; text-align: center; display:inline-block; vertical-align: top; border-radius:99px;} .photo_list ul.list li>.gall_cont .area .title .state.ing{background-color: #035ab6;} .photo_list ul.list li>.gall_cont .area .title .state.end{background-color: #bebebe;} .photo_list ul.list li>.gall_cont .area .txt{margin-top:1rem;} .photo_list ul.list li>.gall_cont .area .day{margin-top:1rem;} .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:6.4rem; } .photo_list ul.list li>.gall_cont .area .txt.two{max-height:4.8rem; } .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;} .photo_list ul.list li>.gall_cont.no_link{cursor: default;} .photo_list ul.list li>.gall_cont.no_link span.bg{display:none;} /* 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 #333;} .photo_list.board ul.list{margin:0 0 0 0;} .photo_list.board ul.list li .gall_box{left:0; top:0;} .photo_list.board ul.list li{width:100%; padding:4rem 0; border-bottom:1px solid #dadada;} .photo_list.board ul.list li>.gall_cont{display: flex; flex-flow: row nowrap; align-items: flex-start; justify-content: space-between;} .photo_list.board ul.list li>.gall_cont .thumb{width:44.916%; min-width:44.916%; border-color:#dadada; overflow:hidden; display:inline-block; vertical-align: top;} .photo_list.board ul.list li>.gall_cont .thumb img{object-fit:contain;} .photo_list.board ul.list li>.gall_cont .area{width:100%; height:auto; padding:0 0 0 0; border:none; display:inline-block; vertical-align: top; position: relative;} .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 5%;} .photo_list.board ul.list li>.gall_cont .types{margin:-0.5rem; font-size:0; line-height:0; display: flex; flex-wrap: wrap;} .photo_list.board ul.list li>.gall_cont .types>p{flex:0 1 auto; width:9.6rem; height:3.4rem; margin:0.5rem; background-color: #101010; font-size:1.6rem; line-height:1; color: #fff; text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center; border-radius:5px;} .photo_list.board ul.list li>.gall_cont .title{padding-top:1.5rem; font-weight: 500; font-size:3.4rem; line-height:1.5; color: #1b1b1b;} .photo_list.board ul.list li>.gall_cont .juso{margin-top:0.9rem; padding-left:2.4rem; background: url('/img/icon_juso.png') no-repeat left center; background-size: 1.7rem; font-size:1.8rem; line-height:2.2rem; color: #999;} .photo_list.board ul.list li>.gall_cont .option{margin-top:2.5rem; font-size:0; line-height:0;} .photo_list.board ul.list li>.gall_cont .option *{font-weight: 300; font-size:1.6rem; line-height:1.4; color: #858585;} .photo_list.board ul.list li>.gall_cont .option .option_re{padding-top:1.5rem;} .photo_list.board ul.list li>.gall_cont .option .option_re>dl{width:100%; display: flex; justify-content: flex-start; white-space: nowrap;} .photo_list.board ul.list li>.gall_cont .option .option_re>dl>dt{padding-right:1.2rem; font-weight: 400; color: #333;} .photo_list.board ul.list li>.gall_cont .option .option_re>dl>dd>span{font-size:1.5rem;} .photo_list.board ul.list li>.gall_cont .option.two *{font-weight: 400; font-size:1.8rem; color: #666;} .photo_list.board ul.list li>.gall_cont .option.two .option_re{width:50%; display:inline-block; vertical-align: top;} .photo_list.board ul.list li>.gall_cont .option.two .option_re>dl{} .photo_list.board ul.list li>.gall_cont .option.two .option_re>dl>dt{padding-right:4rem;} .photo_list.board ul.list li>.gall_cont .option.two .option_re>dl>dt.pr{padding-right:10.7rem;} .photo_list ul.list, .photo_list.two ul.list, .photo_list.three ul.list, .photo_list.four ul.list, .photo_list.five ul.list{margin:-2.5rem 0 0 -2.5rem;} .photo_list ul.list li, .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:2.5rem 0 0 2.5rem;} .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%;} /* MAIN - VISUAL */ .photo_list.visual ul.list li{width:33.333%;} /* EVENT */ .photo_list.event .admGos{top:5rem;} .photo_list.event ul.list{margin:-5rem 0 0 -6rem;} .photo_list.event ul.list li{width:50%; padding:5rem 0 0 6rem;} .photo_list.event ul.list li .gall_box{left:6rem; top:5rem;} .photo_list.event ul.list li>.gall_cont .thumb{border:1px solid #ddd; text-align: center; display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; justify-content: center;} .photo_list.event ul.list li>.gall_cont .thumb img{height:30rem; object-fit:contain;} .photo_list.event ul.list li>.gall_cont .area{} .photo_list.event ul.list li>.gall_cont .area .in_area{height:10.8rem;} .photo_list.event ul.list li>.gall_cont .area .in_area *{} .photo_list.event ul.list li>.gall_cont .area .title>.tit{font-weight: 500; font-size:2.1rem; color: #1b1b1b;} .photo_list.event ul.list li>.gall_cont .area .txt{margin-top:1rem;} .photo_list.event ul.list li>.gall_cont .area .day{margin-top:0.2rem; font-size:1.5rem; color: #888;} /* 지속가능경영 - 윤리경영 - 청렴자료실 */ .photo_list.ethics ul.list li{width:25%;} /* 인증서 */ .photo_list.certified{} .photo_list.certified .admGos{top:3rem;} .photo_list.certified ul.list{margin:-3rem 0 0 -3rem;} .photo_list.certified ul.list li{width:25%; padding:3rem 0 0 3rem;} .photo_list.certified ul.list li .gall_box{left:3rem; top:3rem;} .photo_list.certified ul.list li>.gall_cont{} .photo_list.certified ul.list li>.gall_cont .thumb{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:6rem; padding:0;} .photo_list.certified ul.list li>.gall_cont .area .cate{} .photo_list.certified ul.list li>.gall_cont .area .tit{} .photo_list ul.list li.empty_list{width:100% !important; height:40rem; padding:0 !important; font-size:2rem; line-height:1; color: #474a52; text-align: center; box-sizing: border-box; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: center;} .photo_list.board ul.list li.empty_list{padding:4.5rem 0 0 0 !important;} /* 비밀번호 입력 레이어 */ .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;} @media only screen and (max-width : 1200px){ .var1200{display:inline-block !important;} .photo_list.board ul.list li>.gall_cont .option.two .option_re{width:100%; display:block;} .photo_list.board ul.list li>.gall_cont .option.two .option_re>dl>dt.re, .photo_list.board ul.list li>.gall_cont .option.two .option_re>dl>dt{padding-right:0rem;} .photo_list.board ul.list li>.gall_cont .option.two .option_re>dl>dt{width:30%;} .photo_list.board ul.list li>.gall_cont .option.two .option_re>dl>dd{width:70%;} } @media only screen and (max-width : 1024px){ /*[s] Store */ .store_view{display:block;} .store_view>*{width:100%;} .store_view .right_box{margin:3rem 0 0 0;} .storePhoto{max-width:calc(100vw - 10rem);} .board_write .three.phone, .board_write .three.email{max-width:100%;} /* .board_write.bor{} .board_write.bor>table, .board_write.bor>table tbody, .board_write.bor>table tr, .board_write.bor>table th, .board_write.bor>table td{display:block;} .board_write.bor>table th, .board_write.bor>table td{height:auto; display: flex; flex-wrap: wrap; flex-direction: row; align-content: center; justify-content: flex-start; float:left;} .board_write.bor>table th{width:30%; justify-content: center;} .board_write.bor>table td{width:70%;} */ /* Faq List */ .faqLayout{min-height:auto; padding-left:0;} .faqLayout .category_top{width:100%; margin-bottom:3rem; border:1px solid #666; position: relative; top:0; border-radius:5px; box-sizing: border-box; z-index:2;} .faqLayout .category_top .faq_cate{margin:0; padding:0 2rem; background: url('/img/bg_select_arr_m.png') no-repeat right center; background-size:4.3rem; line-height:6rem; display:block;} .faqLayout .category_top h2{display:none;} .faqLayout .category_top>ul{width:auto; padding:1rem 0; background-color: #fff; border:1px solid #666; display:none; position: absolute; left:-1px; right:-1px; top:100%; border-radius:5px; overflow:hidden;} .faqLayout .category_top>ul>li{} .faqLayout .category_top>ul>li+li{} .faqLayout .category_top>ul>li a{font-size:1.7rem;} .faqLayout .category_top>ul>li a>span{padding:1rem 2rem;} .faqLayout .category_top>ul>li a#bo_cate_on, .faqLayout .category_top>ul>li:hover a{font-size:1.7rem;} /* Photo List */ .photo_list ul.list li .gall_box{position: absolute; left:2rem; top:2rem;} /* BOARD STYLE */ .photo_list.board ul.list li>.gall_cont{display: block;} .photo_list.board ul.list li>.gall_cont .thumb{width:100%; min-width:auto;} .photo_list.board ul.list li>.gall_cont .thumb+.area{padding:4rem 0 0 0%;} .photo_list ul.list, .photo_list.two ul.list, .photo_list.three ul.list, .photo_list.four ul.list, .photo_list.five ul.list{margin:-2rem 0 0 -2rem;} .photo_list ul.list li, .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:2rem 0 0 2rem;} .photo_list.two ul.list li, .photo_list.three ul.list li, .photo_list.four ul.list li, .photo_list.five ul.list li{width:50%;} /* MAIN - VISUAL */ .photo_list.visual ul.list li{width:50%;} /* CLIENT */ .photo_list.client ul.list li{width:33.333%;} /* 지속가능경영 - 윤리경영 - 청렴자료실 */ .photo_list.ethics ul.list li{width:50%;} /* 인증서 */ .photo_list.certified ul.list li{width:33.333%;} } @media only screen and (max-width : 840px){ /* check style */ .checkIn input[type=checkbox]+label, .checkIn input[type=radio]+label{padding-left:4rem; font-size: 2rem; line-height:3rem;} .checkIn input[type=checkbox]+label:before, .checkIn input[type=radio]+label:after, .checkIn input[type=radio]+label:before{width: 3rem; height: 3rem; top:0.1rem;} .checkIn input[type=checkbox]+label{} .checkIn input[type=checkbox]+label:before {} .checkIn input[type=checkbox]+label:after{width: 3rem; height: 3rem;} .checkIn input[type=checkbox]:checked+label:before{} .checkIn input[type=checkbox]:checked+label:after{} .checkIn input[type=radio]+label{} .checkIn input[type=radio]+label:before{} .checkIn input[type=radio]+label:after{width: 2rem; height: 2rem; margin:-0.85rem 0 0 0; left: 0.55rem; top:50%;} .checkIn input[type=radio]:checked+label:before{} .checkIn input[type=radio]:checked+label:after{} .checkIn.point input[type=checkbox]+label, .checkIn.point input[type=radio]+label{} .checkIn.noTxt input[type=checkbox]+label, .checkIn.noTxt input[type=radio]+label{width:3rem; height:3rem;} .checkIn.noTxt input[type=checkbox]+label:after{width:3rem; height:3rem;} .checkIn.noTxt input[type=checkbox]+label:before, .checkIn.noTxt input[type=radio]+label:after, .checkIn.noTxt input[type=radio]+label:before{width: 3rem; height: 3rem;} /* Clause Box Style */ .clauseArea>.tit{height:4rem; font-size:2.4rem;} .clauseArea .scroll{height:30rem; padding:3rem; font-size:2rem;} .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 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%; 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{margin-top:3rem;} .board_write+.btnArea{} .btnArea a, .btnArea input[type=image], .btnArea input[type=submit], .btnArea button{width:auto; height:7rem; margin:0 0 0 0; font-weight: 500; font-size:2.4rem; line-height:7rem;} .btnArea button{line-height:7rem} .btnArea *.small{} .btnArea a.ok, .btnArea input.ok, .btnArea button.ok{} .btnArea a.write, .btnArea input.write, .btnArea button.write{line-height:6.8rem;} .btnArea a.cancel, .btnArea input.cancel, .btnArea button.cancel{line-height:6.8rem;} .btnArea a.big, .btnArea input.big, .btnArea button.big{} .btnArea.tar a, .btnArea.tar input[type=image], .btnArea.tar input[type=submit], .btnArea.tar button{margin:0 0 0 0;} .btnArea.tac a, .btnArea.tac input[type=image], .btnArea.tac input[type=submit], .btnArea.tac button{margin:0 0;} .btnArea.tj a, .btnArea.tj input[type=image], .btnArea.tj input[type=submit], .btnArea.tj button{margin:0;} .btnArea.one a, .btnArea.one input[type=image], .btnArea.one input[type=submit], .btnArea.one button{width:100%; margin:0;} .btnArea.two a, .btnArea.two input[type=image], .btnArea.two input[type=submit], .btnArea.two button{width:49%; margin:0;} .btnArea.three a, .btnArea.three input[type=image], .btnArea.three input[type=submit], .btnArea.three button{width:32%; margin:0;} .paging_all+.btnArea{margin-top:-4.5rem;} .click{font-size:2.2rem;} .click .fa{margin-top:-2px; vertical-align: middle;} .click.big{min-width:160px; padding:2rem 4rem; font-weight: 500;} .click.admin{background-color: #d13f4a;} .click.write{background-color: #23b8bc;} .click.cancel{background-color: #23b8bc;} .board_btn{} .board_btn>*{} .board_btn>.total{padding:1.1rem 0; font-size:2rem;} .board_btn>.total>strong{} .board_btn .board_user{} .board_btn .board_user>li{display:inline-block; vertical-align: top;} .board_btn .board_user>li+li{margin-left:1rem;} .board_btn .option{position: relative;} .board_btn .option .more_opt {background-color:#fff; border:1px solid #b8bfc4; position:absolute; right:0; top:45px; z-index:7; display:none;} .board_btn .option .more_opt:before {content:""; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #b8bfc4 transparent; position:absolute; right:13px; top:-8px;} .board_btn .option .more_opt:after {content:""; width:0; height:0; border-style:solid; border-width:0 6px 8px 6px; border-color:transparent transparent #fff transparent; position:absolute; right:13px; top:-6px;} .board_btn .option .more_opt li{width:100px; margin:0; padding:10px; float:inherit; color:#6b757c; text-align:left} .board_btn .option .more_opt li+li{border-top:1px solid #f1f1f1;} .board_btn .option .more_opt li button, .board_btn .option .more_opt li a {width:100%; background-color:#fff; border:0; font-size:1.4rem; line-height:1.3; color:#6b757c; white-space: nowrap; display:block;} .board_btn .option .more_opt li:hover a, .board_btn .option .more_opt li:hover button{color:#000} .board_btn .option .more_opt li i {line-height:20px; float:right;} .board_btn.end, .board_btn.write{justify-content: flex-end;} .board_btn.end .board_user, .board_btn.write .board_user{width:100%; display: flex; justify-content: space-between;} .board_btn.end .board_user>li, .board_btn.write .board_user>li{flex-grow: 1;} .board_btn.end .board_user>li .click, .board_btn.write .board_user>li .click{width:100%;} /* Category Style */ .category_top{margin: 0 auto 0;} .category_top>ul{display:block;} .category_top>ul>li+li{margin-left:2.1rem;} .category_top>ul>li+li:before{content: ""; width:0.1rem; height:1.5rem; background-color: #ccc; display: inline-block; position:absolute; left: -1.1rem; top:50%; transform: translateY(-50%);} .category_top>ul>li a{height:4rem; padding:0; border:none; font-size:2rem; border-radius: 0px;} .category_top>ul>li a>span{white-space: nowrap;} .category_top>ul>li#bo_cate_on{} .category_top>ul>li#bo_cate_on a, .category_top>ul>li:hover a{background-color: #fff; border-color:none; color:#23b8bc;} .category_top>ul>li#bo_cate_on a{font-weight: 400;} .category_type{margin-bottom:3rem;} .category_type>ul>li{flex:0 1 30%;} .category_type>ul>li a{height:6rem; font-size:2.2rem;} /* Search Style */ .search_top{display: flex; justify-content: space-between;} .search_top>span{width:100%; display: flex; justify-content: space-between;} .search_top>select+span{width:69%;} .search_top>.total{display:none;} .search_top select, .search_top input[type=text], .search_top input[type=submit]{height:7rem; font-weight: 400; font-size:2rem; line-height:6.8rem;} .search_top select{width:30%} .search_top input[type=text]{width:100%; margin:0 -1px 0 0;} .search_top input[type=submit]{width:8rem;} .search_top.two{display: block;} .search_top.two>div{width:100%; display: flex; justify-content: space-between;} .search_top.two>div+div{margin-top:10px;} .search_top.two select{width:50%; margin-left:0px;} .search_top.two select+select{margin-left:10px;} .search_top.two input[type=text]{width:80%; margin:0 -1px 0 0;} .search_top.two input[type=submit]{width:20%;} /* Board List Style */ .board_list{border:none; overflow: visible;} .board_list>table{width:100%; margin:0;} .board_list>table, .board_list>table tbody, .board_list>table tr, .board_list>table td, .board_list>table th{background-color: #fff; border:none; display:block;} .board_list>table .td_num2, .board_list>table>thead{display:none;} .board_list>table tr{padding:3rem; border:1px solid #e5e5e5; border-radius:5px; overflow:hidden;} .board_list>table tr+tr{margin-top:1rem;} .board_list>table th, .board_list>table td{padding:0 0; background-color: #fff; font-weight: 300; font-size:0; line-height:1.5; color:#404040; text-align:center; border-collapse:collapse; empty-cells:show; box-sizing: border-box;} .board_list>table td.td_chk{width:20px; margin-bottom:1rem; padding:0; font-size:0; line-height:0; position: relative;} .board_list>table td.td_chk:before, .board_list>table td.td_chk:after{display:none;} .board_list>table .bo_tit{padding:0; font-weight: 400; font-size:2.2rem; color: #888; text-align:left !important} .board_list>table .bo_tit>a{padding:0;} .board_list>table .bo_tit>a:hover{} .board_list>table .btm{margin-top:1rem; font-size:2rem; display:inline-block; vertical-align: top; position: relative;} .board_list>table .btm+.btm{margin-left:3.1rem;} .board_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%);} .board_list>table .photo{padding:0 0 2rem;} .board_list>table .photo img{max-height:40rem;} .board_list>table>tbody>.notice>td{background-color: #f3f9fe;} .board_list>table .noti{color: #0072bc;} .board_list>table .blue{color: #1c5ea9;} .board_list>table .red{color: #d80000;} .board_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;} .board_list>table .tfoot>td>span{padding-right:15px;} .board_list>table .noPost>td{font-size:2.2rem; line-height:20rem; vertical-align: middle;} .board_list.many{border:none;} .board_list.many>table tr{padding-bottom:2rem;} .board_list.many>table td{padding:0 0 0 9rem; font-size:2rem; text-align: left; position: relative; display:block;} .board_list.many>table td.td_chk{padding:0 0 0 0rem;} .board_list.many>table td+td{margin-bottom:1rem;} .board_list.many>table td.td_num2{display:none;} .board_list.many>table td:before{content: attr(data-title); font-weight: 500; color: #222; position: absolute; left:0; top:0;} .board_list.many>table td:after{content:""; width:1px; height:2rem; background-color: #888; font-size:0; position: absolute; left:7.2rem; top:50%; transform: translateY(-50%);} .board_list.store>table .bo_tit>a{font-size:2.4rem;} .board_list.store>table .etc{margin:0; padding-left:10rem;} .board_list.store>table .etc:before{} .board_list.store>table .etc:after{left:8.8rem;} .board_responsive{} .board_responsive>li{} .board_responsive>li .bo_cont{padding:3rem 0 2.5rem;} .board_responsive>li .bo_cont .etc{font-size:2rem;} .board_responsive>li .bo_cont .name{} .board_responsive>li .bo_cont .day{} .board_responsive>li .bo_cont .subject{line-height:5.2rem;} .board_responsive.sub{} .board_responsive.sub>li{} .board_responsive.sub>li .bo_cont{padding:3rem 0;} .board_responsive.sub>li .bo_cont .etc{font-size:2rem;} .board_responsive.sub>li .bo_cont .subject{font-size:2.4rem;} /* 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;} /* Board View */ .board_view{} .board_view>table{} .board_view>table th, .board_view>table td{padding:2rem 0; font-size:2rem;} .board_view>table>thead>tr>th{padding:0;} .board_view>table .cate{padding-bottom:0.5rem; font-size:1.8rem;} .board_view>table th>.title{padding:2.5rem 2rem; font-size:2.2rem;} .board_view>table .etc{} .board_view>table .etc .iconArea{right:2rem; top:1.4rem;} .board_view>table .etc>p{font-size:1.8rem;} .board_view>table .etc>p>strong{font-size:1.8rem;} .board_view>table .etc>p+p{margin-left:3.1rem;} .board_view>table .etc>p+p:before{height: 1.5rem; background-color: #aaa; display: inline-block; position:absolute; left: -1.6rem; top:50%; transform: translateY(0);} .board_view>table .state{width:8.8rem; min-width:8.8rem; height:3.4rem; font-size:2rem; line-height:3.6rem;} .board_view>table>tbody>tr>td.cont{height:25rem; padding:4.5rem 2rem 7rem;} /* .board_view>table>tbody>tr>td.cont img{width:auto !important; height:auto !important;} */ .board_view>table>tbody>tr>td.file{padding:1.5rem 2rem 3rem 1.5rem;} .board_view>table>tbody>tr>td.file>a{margin:0.5rem 0 0 0.5rem; padding:0 5.8rem 0 1.5rem; font-weight: 400; font-size:1.8rem; line-height:5rem;} .storePhoto{max-width:calc(100vw - 8rem);} /* PageNavigation Style */ .pageNavigation{} .pageNavigation>dl{font-size:2rem;} .pageNavigation>dl+dl{} .pageNavigation>dl>*{} .pageNavigation>dl>dt{width:10rem; height:6rem;} .pageNavigation>dl>dt:before{width: 1rem; height: 1rem;} .pageNavigation>dl.prev>dt:before{margin:-0.2rem 0 0 0;} .pageNavigation>dl.next>dt:before{margin:-0.7rem 0 0 0;} .pageNavigation>dl>dd{padding:1rem 2.5rem 0.7rem;} .pageNavigation>dl>dd>a{} /* Board Write */ .psBul{padding-left:7px; display:inline-block; vertical-align: middle; position: relative;} .psBul:before{content: "*"; color: #4283c8; position:absolute; left: 0; top:2px;} .wPs{padding-bottom:10px; font-weight: 300; font-size:14px; line-height:1; color: #666; text-align: right;} .board_write{} .board_write>table{} .board_write>table th, .board_write>table td{height:5.1rem; padding:1.5rem 1rem; font-size:2.2rem;} .board_write>table th{width:16rem;} .board_write input[type=text], .board_write input[type=password], .board_write input[type=file], .board_write select, .board_write textarea{height:7rem; padding:0 1rem; font-size:2rem; line-height:6.8rem;} .board_write select{line-height:4.8rem;} .board_write textarea{height:30rem; padding:1.5rem; line-height:1.5;} .board_write .board_option{margin-bottom:7px; font-size:0; line-height:0;} .board_write .board_option>li{margin-right:20px; display:inline-block; vertical-align: top;} .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:34px; color: #fff; display:inline-block; vertical-align: middle;} .board_write .btnBox>input+.btns{margin-left:5px;} .board_write .two{max-width:100%; font-size:0; line-height:0; display: flex; justify-content: space-between;} .board_write .three{font-size:0; line-height:0; display: flex; flex-wrap: wrap; justify-content: space-between;} .board_write .three input, .board_write .three select{width:33%;} .board_write .three.birth{max-width:65%;} .board_write .blake{display:none !important;} .board_write .three.phone{max-width:100%; margin:-0.5rem 0;} .board_write .three.phone input, .board_write .three.phone select{flex:1 1 45%; margin:0.5rem 0;} .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:100%; margin:-0.5rem 0;} .board_write .three.email input{flex:1 1 45%; margin:0.5rem 0;} .board_write .three.email select{flex:1 1 100%; margin:0.5rem 0;} .board_write .three.email input+select{margin-left:0;} .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:-1rem -2rem 0 0;} .board_write .checkBox>*{margin-top:1rem;} .board_write .checkBox .checkIn{margin-left:0 !important; margin:1rem 3rem 0 0;} .board_write .checkBox .checkIn label{font-size:2rem;} .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 #fileArea{position: relative;} .board_write>table #fileArea .filePlus{width:100%; margin-bottom:10px; background-color: rgba(35,24,21,0.4); color: #fff; text-align: center; z-index:5; border-radius:2px; box-sizing: border-box; cursor: pointer; display:block;} .board_write>table #fileArea .filePlus:before{content: "+ ";} .board_write>table .file{width:100%; font-size:0; line-height:0; position:relative; overflow:hidden;} .board_write>table .file+.file{margin-top:10px;} .board_write>table .file>*{display:inline-block; vertical-align: middle;} .board_write>table .file>*+*{margin-left:10px;} .board_write>table #fileArea .filePlus, .board_write>table .file>.file_wrap>.btnFile, .board_write>table .file .thumb{height:40px;} .board_write>table #fileArea .filePlus, .board_write>table .file>.file_wrap>.btnFile, .board_write>table .file .thumb.text{font-size:14px; line-height:40px;} .board_write>table .file .checkIn{} .board_write>table .file>.file_wrap{} .board_write>table .file>.file_wrap>.btnFile{width:100px; background-color: #707070; 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 .thumb{width:40px; background-position: center top; background-repeat: no-repeat; background-size: cover; overflow:hidden; box-sizing: border-box;} .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:calc(100% - 180px); padding:0 15px; font-weight: 300; color:#666; text-overflow: ellipsis; white-space: nowrap;} .board_write>table .type{font-size:2rem;} .board_write>table .checkIn{vertical-align: middle;} .board_write>table .checkIn + .checkIn{margin-left:20px;} .board_write>table input[type=password] + .checkIn{margin-left:10px;} .board_write .checkTxt{margin-top:5px;} .board_write .checkTxt .checkIn + .checkIn{margin-left:15px;} /* Faq List */ .faqLayout .category_top .faq_cate{padding:0 4rem; background-size:6.3rem; font-size:2.4rem; line-height:7rem;} .faqLayout .category_top>ul{padding:2rem 0;} .faqLayout .category_top>ul>li a{font-size:2rem;} .faqLayout .category_top>ul>li a>span{padding:1rem 4rem;} .faqLayout .category_top>ul>li a#bo_cate_on, .faqLayout .category_top>ul>li:hover a{font-size:2rem;} .faqArea{} .faqArea>li{} .faqArea>li .checkIn{position: absolute; left:1.5rem; top:1rem;} .faqArea>li .admGos{right:auto; left:5.5rem; top:0.8rem;} .faqArea>li+li{} .faqArea>li .q{padding:3rem 8rem; font-size:2.2rem; line-height:1.5;} .faqArea>li .q:before{width:4.5rem; height:4.5rem; font-size:2.4rem; line-height:4.3rem; top:2.5rem;} .faqArea>li .q>.bul{width:3rem; height:3rem;} .faqArea>li .q:hover{} .faqArea>li .a{padding:3rem 8rem; font-size:2.2rem; line-height:1.5;} .faqArea>li .a:before{width:4.5rem; height:4.5rem; font-size:2.4rem; line-height:4.3rem; top:2.5rem;} .faqArea>li.noPost{font-size:2rem;} .faqArea>li.ad{padding-top:3rem;} /* Photo List */ .photo_list ul.list li>.gall_cont .area{} .photo_list ul.list li>.gall_cont .area .in_area{height:15.7rem;} .photo_list ul.list li>.gall_cont .area .in_area>*{font-size:2rem; line-height:3.6rem;} .photo_list ul.list li>.gall_cont .area .cate{font-size:2rem;} .photo_list ul.list li>.gall_cont .area .title{font-size:2.4rem;} .photo_list ul.list li>.gall_cont .area .txt{margin-top:1rem;} .photo_list ul.list li>.gall_cont .area .day{margin-top:1rem;} .photo_list ul.list li>.gall_cont .area .title .state{width:8.8rem; min-width:8.8rem; height:3.4rem; margin:-0.2rem 0 0 1rem; font-size:2rem; line-height:3.6rem;} .photo_list ul.list li>.gall_cont .area .title.two{max-height:7.2rem; } .photo_list ul.list li>.gall_cont .area .txt.two{max-height:7.2rem; } .photo_list ul.list li>.gall_cont .area .txt.three{max-height:8.4rem;} /* BOARD STYLE */ .photo_list.board ul.list li>.gall_cont .types{} .photo_list.board ul.list li>.gall_cont .types>p{width:10.5rem; height:4.4rem; font-size:2rem;} .photo_list.board ul.list li>.gall_cont .title{padding-top:2.5rem; font-size:3.8rem;} .photo_list.board ul.list li>.gall_cont .juso{font-size:2rem;} .photo_list.board ul.list li>.gall_cont .option{} .photo_list.board ul.list li>.gall_cont .option *{font-size:2rem;} .photo_list.board ul.list li>.gall_cont .option .option_re>dl>dd>span{font-size:1.8rem;} .photo_list.board ul.list li>.gall_cont .option.two *{font-size:2.2rem;} /* MAIN - VISUAL */ .photo_list.visual ul.list li{width:100%;} /* EVENT */ .photo_list.event .admGos{top:3rem;} .photo_list.event ul.list{margin:-3rem 0 0 0rem;} .photo_list.event ul.list li{width:100%; padding:3rem 0 0 0rem;} .photo_list.event ul.list li .gall_box{left:0rem; top:3rem;} .photo_list.event ul.list li>.gall_cont .thumb{} .photo_list.event ul.list li>.gall_cont .thumb img{height:40rem;} .photo_list.event ul.list li>.gall_cont .area{} .photo_list.event ul.list li>.gall_cont .area .in_area{height:12rem;} .photo_list.event ul.list li>.gall_cont .area .in_area *{} .photo_list.event ul.list li>.gall_cont .area .title>.tit{font-size:2.4rem;} .photo_list.event ul.list li>.gall_cont .area .txt{} .photo_list.event ul.list li>.gall_cont .area .day{font-size:2rem;} /* CLIENT */ .photo_list.client ul.list li{width:50%;} .photo_list.client ul.list li>.gall_cont .thumb img{height:110%;} .photo_list.client ul.list li>.gall_cont .area .in_area{height:7rem;} .photo_list.client ul.list li>.gall_cont .area .title{font-size:2.2rem; line-height:1.4;} /* 인증서 */ .photo_list.certified{} .photo_list.certified .admGos{top:2rem;} .photo_list.certified ul.list{margin:-2rem 0 0 -2rem;} .photo_list.certified ul.list li{width:50%; padding:2rem 0 0 2rem;} .photo_list.certified ul.list li .gall_box{left:2rem; top:2rem;} .photo_list.certified ul.list li>.gall_cont{} .photo_list.certified ul.list li>.gall_cont .thumb{} .photo_list.certified ul.list li>.gall_cont .area{} .photo_list.certified ul.list li>.gall_cont .area .in_area{height:6rem; padding:0;} .photo_list.certified ul.list li>.gall_cont .area .cate{} .photo_list.certified ul.list li>.gall_cont .area .tit{} } /* 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; */