@charset "utf-8";
/* 당근고양이 'ㅅ' */

/* for styles */
@import url("default.css");

/* layout */
html, body {width:100%; overflow-x:hidden; word-break:keep-all;}
input.text,
select.text {height:30px; border:#ddd 1px solid;}
textarea.text {border:#ddd 1px solid;}
a {transition:.2s linear;}
a.smoth_link {scroll-behavior:smooth;}

.inner {padding:0 10px;}
.sound_only {display:none;}

.red {color:#ff1f01 !important;}
.grn {color:#57b126 !important;}

/* intro */
.intro {padding:35px 10px 50px;}
.intro .logo {text-align:center; margin-bottom:35px;}
.intro .logo img {height:40px;}
.intro .txt {text-align:center; font-size:0;}
.intro .txt img {height:12px;}
.intro .link a {display:block; background:#ffc800; border-radius:5px; text-align:center; margin-top:20px; padding:15px 0;}
.intro .link i {display:block; width:50px; height:50px; line-height:50px; font-size:0; text-align:center; margin:0 auto 15px; background:#fff; border-radius:50%;}
.intro .link i img {height:33px;}
.intro .link p {font-size:15px; color:#222; font-weight:700; line-height:20px;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; height:40px; background:#ffc801; z-index:100;}
.header .logo {display:block; width:100px; height:40px; padding:5px 0; text-align:center; margin:0 auto; font-size:0;}
.header .logo img {height:30px;}
.header .logo h1 {display:none;}
.header .btn_menu {position:absolute; top:0; right:0; width:40px; height:40px; z-index:1;}
.header .btn_menu p {position:absolute; top:50%; left:50%; width:20px; height:2px; margin-left:-10px; background:#333; transition:.2s linear;}
.header .btn_menu .t {margin-top:-7px;}
.header .btn_menu .m {margin-top:-1px;}
.header .btn_menu .b {margin-top:5px;}
.header.on .btn_menu .t {margin-top:-1px; transform:rotate(135deg);}
.header.on .btn_menu .m {opacity:0; width:0; margin:0;}
.header.on .btn_menu .b {margin-top:-1px; transform:rotate(-135deg);}
.header .links {position:absolute; top:0; left:10px; overflow:hidden; padding:10px 0;}
.header .links a {float:left; font-size:10px; color:#ffc801; font-weight:500; line-height:20px; height:20px; padding:0 10px; margin-right:5px; border-radius:5px; background:#000;}
.header .gnb {position:fixed; top:0; right:-100%; width:100%; height:100%; padding-left:30%; opacity:0; transition:.2s linear;}
.header.on .gnb {right:0; opacity:1;}
.header .black {position:fixed; top:0; left:-100%; width:100%; height:100%; background:rgba(0,0,0,.6); opacity:0; transition:.2s linear;}
.header.on .black {left:0; opacity:1;}
.header ul {position:relative; width:100%; height:100%; background:#fff; padding-top:40px;}
.header li {border-top:#ddd 1px solid;}
.header li a {display:block; font-size:12px; color:#333; font-weight:500; line-height:40px; padding:0 25px;}
.header li.other {padding:20px 25px;}
.header li.other a {display:block; padding:0;}
.header li.other p {position:relative; padding:0 0 0 40px; line-height:30px; margin-bottom:15px;}
.header li.other p i {position:absolute; top:0; left:0; width:30px; height:30px; line-height:30px; text-align:center; background:#ffc801; border-radius:50%; font-size:0;}
.header li.other p i img {height:12px;}
.top_menu {margin-top:40px; text-align:center; font-size:0; margin-bottom:10px;}
.top_menu a {display:inline-block; vertical-align:top; text-align:center; margin:0 5%; line-height:40px;}
.top_menu a span {position:relative; display:inline-block; vertical-align:middle; font-size:14px; color:#525252; line-height:16px;}
.top_menu a.on span:before {content:""; position:absolute; bottom:0; left:0; width:100%; height:4px; background:#ffc801; z-index:-1;}

/* footer */
.footer {position:relative; }
.footer .link_kakao {position:fixed; bottom:10px; right:10px; min-width:30px; height:30px; background:url('/m/images/icon_kakao.png') no-repeat 0 50% / contain; font-size:0; transition:none; padding-left:34px; z-index:1;}
.footer .link_kakao.fixed_btm {position:absolute; bottom:190px;}
.footer .link_kakao p {font-size:10px; color:#666; line-height:15px;}
.footer .link_kakao .icon {position:absolute; top:18px; right:52px; z-index:2; font-size:20px;}
.footer .link_kakao .icon:before,
.footer .link_kakao .icon:after {content:""; position:absolute; border-radius:50%;}
.footer .link_kakao .icon:before {animation:point_f1 2s infinite; top:-6px; left:0px; width:10px; height:10px; z-index:-1;}
@keyframes point_f1 {
	0% {opacity:1; background:#fbb825;}
	50% {opacity:.5; background:#fae80c;}
	100% {opacity:1; background:#fbb825;}
}
.footer .link_kakao .icon:after {animation:point_f2 2s infinite; z-index:-2;}
@keyframes point_f2 {
	0% {top:-4px; left:2px; width:0; height:0; border:#ff1f01 2px solid;}
	100% {border:#ff1f01 2px solid;}
	100% {top:-51px; left:-45px; width:100px; height:100px; border:#fff0 1px solid;}
}
.footer .links {overflow:hidden; border-top:#f8f8f8 1px solid; border-bottom:#f8f8f8 1px solid; padding:0 10px;}
.footer .links a {float:left; font-size:12px; color:#525252; line-height:30px; margin-right:20px;}
.footer .links a:last-child {margin-right:0;}
.footer .address {padding:15px 10px 20px; color:#525252;}
.footer .sns {overflow:hidden; margin-bottom:20px;}
.footer .sns a {float:left; width:30px; height:30px; margin-right:10px;}
.footer strong {display:block; font-size:12px; line-height:20px;}
.footer .add {margin-left:-10px; font-size:0;}
.footer span {display:inline-block; vertical-align:top; font-size:10px; line-height:14px; margin-left:10px;}
.footer .copy {display:block; margin-top:5px;}
.footer .btm {overflow:hidden; margin-top:20px;}
.footer .btm li {float:left; width:50%; color:#525252;}
.footer .btm em {display:block; font-size:10px; font-weight:700; line-height:14px;}
.footer .btm a {display: block;}
.footer .btm strong {display:block; font-size:16px; line-height:20px;}
.footer .btm i {display:inline-block; vertical-align:top; width:20px; height:20px; line-height:20px; background:#ffc801; border-radius:50%; margin-right:5px; font-size:0; text-align:center;}
.footer .btm i img {height:10px;}
.footer .btm p {font-size:10px; line-height:14px;}
.footer .btm p img {height:14px;}

/* main */
.main_wrap {padding-bottom:35px;}
.index_menu {overflow:hidden; margin-bottom:15px;}
.index_menu a {float:left; width:25%; height:30px; line-height:30px; background:#fff6d6; border-left:#fff 1px solid; border-top:#fff 1px solid; font-size:12px; color:#222; text-align:center;}
.index_menu a:nth-child(4n-3) {border-left:0;}
.index_menu a:nth-child(-n+4) {border-top:0;}
.index_menu a.on {font-weight:700;}
.index_menu a.red {color:#fff !important; background:#ff1f01; font-weight:700;}
.main_wrap .category li {border:#ddd 1px solid; margin-top:10px;}
.main_wrap .category li:first-child {margin-top:0;}
.main_wrap .category li a {position:relative; display:block; padding:15px 20px;}
.main_wrap .category li strong {display:block; font-size:15px; color:#222; font-weight:500; line-height:20px;}
.main_wrap .category li p {font-size:10px; color:#222; line-height:16px; text-shadow:#fff 0 0 3px,#fff 0 0 3px,#fff 0 0 3px,#fff 0 0 3px;}
.main_wrap .category li em {display:block; font-size:11px; color:#fff; line-height:20px; width:70px; border-radius:10px; margin-top:10px; background:#ffc801; text-align:center;}
.main_wrap .category li i {position:absolute; top:0; right:0; width:auto; height:100%; z-index:-1;}
.main_wrap .category li i img {width:auto; height:100%;}
.main_wrap .ctit {font-size:15px; color:#222; font-weight:500; line-height:20px; text-align:center; margin:45px 0 20px;}
.port_slide {position:relative; width:100vw; margin:0 -10px 40px;}
.port_slide .slick-slide {font-size:0;}
.port_slide .slick-arrow {position:absolute; top:50%; width:24px; height:24px; margin-top:-12px; border:#fff 2px solid; border-radius:50%; z-index:1; font-size:0; box-shadow:rgba(0,0,0,.2) 0 0 5px, inset rgba(0,0,0,.2) 0 0 5px;}
.port_slide .slick-arrow:before,
.port_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff; margin-left:-5px;}
.port_slide .slick-arrow:before {margin-top:-4px;}
.port_slide .slick-arrow:after {margin-top:2px;}
.port_slide .slick-prev {left:10px;}
.port_slide .slick-prev:before {transform:rotate(-45deg);}
.port_slide .slick-prev:after {transform:rotate(45deg);}
.port_slide .slick-next {right:10px;}
.port_slide .slick-next:before {transform:rotate(45deg);}
.port_slide .slick-next:after {transform:rotate(-45deg);}
.main_wrap .btxt {font-size:15px; color:#222; line-height:22px; text-align:center; margin-top:40px;}
.main_wrap .btn_link {display:block; font-size:12px; color:#fff; font-weight:700; line-height:30px; height:30px; width:140px; background:#ffc800; border-radius:15px; text-align:center; margin:10px auto 0;}
.main_wrap .link {overflow:hidden; margin:30px 0 2%;}
.main_wrap .link li {float:left; width:32%; margin-left:2%;}
.main_wrap .link li:first-child {margin-left:0;}
.main_wrap .link li a {position:relative; display:block; padding:15px; background:#fbb825;}
.main_wrap .link li .tt {display:block; font-size:14px; color:#fff; line-height:28px; margin-bottom:10px;}
.main_wrap .link li p {font-size:11px; color:rgba(255,255,255,.75); font-weight:300; line-height:14px; height:42px;}
.main_wrap .link li i {position:absolute; bottom:5px; right:5px; height:30px;}
.main_wrap .link li i img {width:auto; height:100%;}
.root_daum_roughmap {max-width:100%;}

/* sub */
.container {padding-bottom:50px; min-height:calc(100vh - 356px);}
.container.fixed {padding-top:55px;}
.aside {position:relative; padding-left:30px; height:32px; border-top:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid; z-index:20; margin-bottom:20px;}
.aside .home {position:absolute; top:0; left:0; width:30px; height:30px; background:url('/m/images/icon_home.png') no-repeat 50% 50% / 10px;}
.aside dl {position:relative; float:left; width:50%; border-left:#e5e5e5 1px solid;}
.aside dt {position:relative; font-size:12px; color:#333; line-height:30px; padding:0 15px;}
.aside dt i {position:absolute; top:0; right:15px; width:10px; height:100%;}
.aside dt i:before,
.aside dt i:after {content:""; position:absolute; top:50%; left:50%; width:4px; height:1px; background:#222; transition:.2s linear;}
.aside dt i:before {margin-left:-3px; transform:rotate(45deg);}
.aside dt i:after {margin-left:-1px; transform:rotate(-45deg);}
.aside .on dt i:before {transform:rotate(-45deg);}
.aside .on dt i:after {transform:rotate(45deg);}
.aside dd {position:absolute; top:30px; left:-1px; width:calc(100% + 2px); background:#fff; border:#e5e5e5 1px solid; border-top:0; display:none;}
.aside dd a {display:block; font-size:12px; color:#333; line-height:30px; padding:0 15px;}
.aside dd a.on {color:#222; font-weight:500; background:#ffc801;}
.container .title {font-size:18px; color:#222; font-weight:700; line-height:20px; margin-bottom:20px; text-align:center;}
.container .title.bd {border-top:#eee 1px solid; border-bottom:#eee 1px solid; padding:10px 0;}
.container .title p {font-size:12px; color:#898989; font-weight:300; margin-top:5px; letter-spacing:-.5px;}
.container .btit {font-size:15px; color:#252525; font-weight:700; line-height:24px; margin:35px 0 15px;}
.container .ctit {font-size:14px; color:#555; font-weight:500; line-height:22px; text-align:center; margin:20px 0 10px;}

.board_list {border-top:#ddd 1px solid;}
.board_list th,
.board_list td {height:30px; line-height:30px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {font-size:12px; color:#333;}
.board_list td {font-size:11px; color:#666;}
.board_list .tal a {display:inline-block; line-height:30px; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .tal a img {height:12px;}
.board_list .w1 {width:60px;}
.board_list .w2 {width:70px;}

.board_bottom .btns {margin-top:20px; font-size:0; overflow:hidden;}
.board_bottom .btns .btn {display:inline-block; vertical-align:top; font-size:13px; color:#fff; background:#4a4a4a; width:80px; height:30px; line-height:30px; text-align:center; margin:0 5px; border:0;}
.board_bottom .btns .btn_y {color:#222; background:#fd0;}
.board_bottom .btns .btn_gl {color:#666; background:#fff; border:#666 1px solid; line-height:28px;}
.board_bottom .btns .fr .btn {width:100px; color:#fff; background:#ffc801;}
.board_bottom .paging {text-align:center; margin-top:30px; font-size:0;}
.board_bottom .paging .nums {margin:0 2px;}
.board_bottom .paging a {display:inline-block; vertical-align:top; font-size:10px; color:#999; font-weight:300; line-height:18px; height:20px; width:20px; border:#ddd 1px solid; margin:0 1px;}
.board_bottom .paging a.on {color:#fff; font-weight:400; background:#ffc801;}
.board_bottom .paging a.arrow {font-family:'nanum gothic';}
.board_bottom .search_wrap {margin-top:20px; overflow:hidden;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {float:left; height:30px; font-size:13px;}
.board_bottom .search_wrap select.text {width:30%;}
.board_bottom .search_wrap input.text {width:50%; margin:0 1%;}
.board_bottom .search_wrap .btn {width:18%; color:#fff; background:#333; border:0;}

.board_in {border-top:#ddd 1px solid;}
.board_in .tit {font-size:12px; color:#222; font-weight:700; line-height:20px; padding:5px 0; border-bottom:#ddd 1px solid; text-align:center; margin-bottom:10px;}
.board_in .tit .info {text-align:center; border-top:#ddd 1px solid; margin-top:5px; padding-top:5px; font-size:0;}
.board_in .tit .info span {display:inline-block; font-size:10px; color:#666; line-height:20px; margin:0 5px; vertical-align:top;}

.board_write {border-top:#ddd 1px solid;}
.board_write th,
.board_write td {border-bottom:#ddd 1px solid; font-size:12px; color:#333; line-height:30px; padding:5px 0;}
.board_write th {width:30%;}
.board_write td input[type="text"],
.board_write td input[type="password"] {width:100%; border:#ddd 1px solid; height:30px;}
.board_write td textarea {width:100%; height:100px; border:#ddd 1px solid;}

/* 가격보기 */
.tabs {overflow:hidden; margin-bottom:25px; z-index:10; border-right:#ddd 1px solid;}
.tabs.fixed {position:fixed; top:40px; left:10px; width:calc(100vw - 20px);}
.tabs.mbs {margin-bottom:10px;}
.tabs li {float:left; width:33.3333%;}
.tabs.set4 li {width:25%;}
.tabs.set2 li {width:50%;}
.tabs li a {position:relative; display:block; font-size:12px; color:#666; line-height:30px; text-align:center; background:#fafafa;}
.tabs li a:before,
.tabs li a:after {content:""; position:absolute; top:0; left:0; width:100%; height:100%;}
.tabs li a:before {border:#ddd 1px solid; width:calc(100% + 1px);}
.tabs li a:after {border-bottom:#3d525c 2px solid;}
.tabs li.on a {color:#333; background:#fff;}
.tabs li.on a:before {display:none;}
.tabs li.on a:after {border:#3d525c 2px solid; border-bottom:0;}
.section {position:relative;}
.section .point,
.section .bpoint {position:absolute;}
.section .point {top:-70px;}
.section .bpoint {top:calc(100vh - 75px);}
.section .over_h {display:inline-grid; width:100%;  padding-bottom:20px; border-bottom:#ddd 1px dashed; margin-bottom:20px;}
/*.section .over_h {display:table; width:100%; table-layout:fixed; padding-bottom:20px; border-bottom:#ddd 1px dashed; margin-bottom:20px;}*/
.section .over_h.none_btm {padding-bottom:0; margin-bottom:0; border-bottom:0;}
.section .left,
.section .list {display:table-cell; vertical-align:top;}
.section .left {width:100%; text-align:center; margin-bottom:20px;}
/*.section .left {width:110px; text-align:center; margin-bottom:20px;}*/
.section .left .l_top {border-top:#ffc801 2px solid; font-size:16px; color:#222; font-weight:700; line-height:20px; padding:10px 0 20px;}
.section .left .img img {height:60px;}
.section .left .txt {font-size:12px; color:#222; line-height:18px; margin:20px 0; text-align:center;}
.section .left .btn {display:inline-block; font-size:12px; color:#fff; line-height:20px; height:20px; min-width:70px; padding:0 10px; text-align:center; border-radius:10px; background:#ffc801;}
.section .list {width:100%;}
/*.section .list {width:calc(100% - 110px); padding-left:20px;}*/
.section .list li {position:relative; border:#c9c9c9 1px solid; padding:10px; min-height: 120px;  margin-top:12px; overflow:hidden;}
.section .list li:first-child {margin-top:0;}
.section .list .txt {position:relative; z-index:1; text-shadow:#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 3px,#fff 0 0 3px,#fff 0 0 3px;}
.section .list  li em {position:relative; z-index:2; text-shadow:#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 3px,#fff 0 0 3px,#fff 0 0 3px; }
.section .list .txt .tt {font-size:10px; color:#222; line-height:20px;}
.section .list .txt .tt strong {font-size:12px; font-weight:400;}
.section .list .txt .tt span {font-size:10px; color:#bbb; padding:0 5px;}
.section .list .txt .yellow {color:#ffc801; font-weight:700;}
.section .list .txt p {position:relative; font-size:10px; color:#525252; font-weight:300; line-height:14px; margin-top:10px;}
.section .list .txt p img {position:relative; display:inline-block; width:auto; height:auto; max-width:none; vertical-align:bottom; margin:0 0 0 5px; top:0 !important; transform:none !important;}
.section .list li img {position:absolute; top:0; right:0; width:auto; height:100%; max-height:160px;}
.section.img_sml .list li {height:100px;}
.section.img_sml .list li img,
.section.hauto .list li img {top:50%; height:auto; max-height:100%; transform:translate(0,-50%);}
.section.img_sml .list li img {}
.section.hauto .list li img {top:0; transform:none;} 
.section.hauto .list li {height:auto;}
.section.hauto .list .txt p {margin-top:5px;}
.section.img_top1 .list li img {max-width:30%;}
.section.img_top2 .list li img {max-width:40%; top:-20px;}
.section.img_top3 .list li img {max-width:30%; top:-40px;}

/* 포트폴리오 */
.partfolio {overflow:hidden; margin-top:-2%;}
.partfolio li {float:left; width:49%; margin:2% 0 0 2%; border:#a4a4a4 1px solid;}
.partfolio li:nth-child(2n-1) {margin-left:0; clear:both;}
.partfolio li a {display:block; font-size:0;}
.partfolio li a img {width:100%; height:auto;}
.gall_href a {display:block; border:#a4a4a4 1px solid;}
#bo_gall #gall_ul {margin-top:-4%;}
#bo_gall .gall_li {padding:0; width:49%; margin:4% 0 0 2%;}
#bo_gall .gall_li:nth-child(2n-1) {margin-left:0; clear:both;}
#bo_gall .gall_con li.gall_href,
#bo_gall .gall_href img {margin:0 !important;}
#bo_gall .gall_con li {margin:10px 0 0 !important;}
#bo_gall .gall_text_href a {display:block; font-size:13px;}

/* 무료포즈 */
.tabs_t {width:100%; text-align:center; background:#4a4a4a; font-size:0; border-radius:6px; margin-bottom:20px;}
.tabs_t a {position:relative; display:inline-block; vertical-align:top; font-size:12px; color:#fff; line-height:30px; padding:0 5px;}
.tabs_t a:before {content:""; position:absolute; bottom:0; left:50%; width:0; height:0; background:#4a4a4a; transform:rotate(45deg);}
.tabs_t a.on {color:#ffc800;}
.tabs_t a.on:before {width:10px; height:10px; bottom:-5px; margin-left:-5px;}
.select_area {overflow:hidden; border-top:#d3d3d3 1px solid; border-left:#d3d3d3 1px solid; margin-bottom:20px;}
.select_area a {float:left; width:20%; height:30px; font-size:10px; color:#666; line-height:30px; border-right:#d3d3d3 1px solid; border-bottom:#d3d3d3 1px solid; text-align:center; overflow:hidden; letter-spacing:-.5px; background:#fafafa;}
.select_area a.on {color:#333; font-weight:500;}
.select_area.nbd_l a:nth-child(5n) {border-right:0;}
.pose_wrap {overflow:hidden; margin-top:-2%;}
.pose_wrap li {float:left; width:32%; margin:2% 0 0 2%;}
.pose_wrap li:nth-child(3n-2) {margin-left:0; clear:both;}
.pose_wrap li a {display:block; border:#ddd 1px solid;}
.pose_wrap li i {display:block; font-size:0; border:#ddd 1px solid;}
.pose_wrap li p,
.pose_wrap li p.title {font-size:10px; color:#fff; line-height:20px; background:#4a4a4a; text-align:center; margin-top:5px;}

/* 응용상품 */
.product_wrap {overflow:hidden; margin-top:-5%;}
.product_wrap li {float:left; width:32%; margin:5% 0 0 2%;}
.product_wrap li:nth-child(3n-2) {margin-left:0; clear:both;}
.product_wrap li a {display:block;}
.product_wrap li i {position:relative; display:block; font-size:0;}
.product_wrap li .txt {display:block; padding-top:10px;}
.product_wrap li .tt {font-size:12px; color:#222; line-height:18px;}
.product_wrap li .money {display:block; margin:5px 0;}
.product_wrap li .money del {font-size:10px; color:#f90808; }
.product_wrap li .money strong {font-size:11px; color:#222;}
.product_wrap li p {font-size:10px; color:#525252; line-height:14px;}

/* 제작과정 */
.process_list {text-align:center;}
.process_list .step {font-size:12px; color:#fff; font-weight:500; line-height:24px; height:24px; width:100px; background:#ffc801; border-radius:12px; margin:0 auto 25px;}
.process_list i {display:block; font-size:0;}
.process_list i img {height:35px;}
.process_list strong {display:block; font-size:15px; color:#222; font-weight:500; line-height:20px; margin:10px 0;}
.process_list p {font-size:10px; color:#525252; line-height:14px;}
.process_list .arrow {display:block; width:100%; height:20px; background:url('/m/images/arrow_step.gif') no-repeat 50% 50% / contain; margin:30px 0;}

/* 주문방법 */
.order_wrap {text-align:center;}
.order_wrap .ytit {font-size:12px; color:#fff; font-weight:500; line-height:24px; height:24px; width:100px; background:#ffc801; border-radius:12px; margin:60px auto 30px;}
.order_wrap .order_slide {position:relative;}
.order_wrap .order_slide .slick-slide img {height:250px; margin:0 auto;}
.order_wrap .order_slide .slick-arrow {position:absolute; top:50%; width:14px; height:30px; margin-top:-30px; z-index:1; font-size:0;}
.order_wrap .order_slide .slick-arrow:before,
.order_wrap .order_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:15px; height:1px; background:#333;}
.order_wrap .order_slide .slick-arrow:before {margin-top:-5px;}
.order_wrap .order_slide .slick-arrow:after {margin-top:5px;}
.order_wrap .order_slide .slick-prev {left:0;}
.order_wrap .order_slide .slick-prev:before {transform:rotate(-45deg);}
.order_wrap .order_slide .slick-prev:after {transform:rotate(45deg);}
.order_wrap .order_slide .slick-next {right:0;}
.order_wrap .order_slide .slick-next:before {transform:rotate(45deg);}
.order_wrap .order_slide .slick-next:after {transform:rotate(-45deg);}
.order_wrap .order_slide p {font-size:12px; color:#4c4c4c; line-height:20px; margin-top:10px;}
.order_wrap .download {display:block; margin-top:10px;}
.order_wrap .download span {font-size:12px; color:#ffc801; line-height:20px; border-bottom:#ffc801 1px solid;}
.order_wrap .kakao {display:block; font-size:0; margin-top:15px;}
.order_wrap .kakao img {height:38px;}

/* 사진올리기 */
.pass_wrap .tit {font-size:13px; color:#333; line-height:20px; text-align:center; margin-bottom:20px;}
.pass_wrap .pass_box {border:#ddd 1px solid;}
.pass_wrap .pass_box p {font-size:13px; line-height:20px; padding:10px; background:#fff;}
.pass_wrap .inputs {background:#f5f6fa; padding:20px 10px; text-align:center; font-size:13px; line-height:30px;}
.pass_wrap .inputs .text {width:50%; height:30px; padding:0 5px;}
.pass_wrap .inputs .btn {font-size:13px; width:20%; height:30px; line-height:30px; border:0; background:#000; color:#fff;}
.pass_wrap .btn_back {display:block; font-size:13px; color:#fff; line-height:30px; width:80px; margin-top:10px; background:#000; text-align:center; margin:20px auto 0;}

/* 후기 */
.review {overflow:hidden; margin-top:-4%;}
.review li {float:left; width:48%; margin:4% 0 0 4%;}
.review li:nth-child(2n-1) {margin-left:0; clear:both;}
.review li a {display:block;}
.review li i {display:block; overflow:hidden;}
.review li p {font-size:12px; color:#000; font-weight:500;}
.review li em {display:block; font-size:11px; color:#999;}

/* 펜끗웹툰 */
/*.webtoon {border-top:#ddd 1px solid;}*/
.webtoon li {border-bottom:#ddd 1px solid;}
.webtoon li a {position:relative; display:block; padding:10px 0 10px 91px; font-size:13px; color:#333; line-height:41px;}
.webtoon li a i {position:absolute; top:10px; left:10px; width:71px; height:41px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* 펜끗웹툰 new */
.webtoon {display:flex; flex-wrap:wrap; gap:48px 40px;}
/*.webtoon a {width:calc((100% - 60px)/2);}*/
.webtoon span {display:block;}
.webtoon .imgfit {height: 263px;}
.webtoon .txt {background:#fff; padding:0 10px; }
.webtoon p {color:#222; font-weight:500; line-height:22px; text-align:center; font-size:16px; }

.webtoon_list dl { padding:20px 0 40px 0; margin-bottom:40px;  border-bottom:1px solid #eeeeee; }
.webtoon_list dl:last-child {margin-bottom:0;}
.webtoon_list dt { display:flex; justify-content:center; align-items:center;}
.webtoon_list dd {margin-top:20px; display: flex;    flex-wrap: wrap;    align-content: center;}
.webtoon_list .name {font-size:20px; color:#222; font-weight:700; line-height:1; margin-bottom:10px;}
.webtoon_list p {font-size:16px; color:#777; font-weight:300;}


.mini_webtoon_list dl {display:flex; padding:20px 0 20px 0;  border-bottom:1px solid #eeeeee;  }
.mini_webtoon_list dl:last-child {margin-bottom:0;}
.mini_webtoon_list dt {width:130px; display:flex; justify-content:center; align-items:center;}
.mini_webtoon_list dd { margin-left: 30px;display: flex;    flex-direction: column;    justify-content: center; }
.mini_webtoon_list .name {font-size:15px; color:#222; font-weight:500; line-height:1; margin-bottom:10px;}
.mini_webtoon_list p {font-size:12px; color:#777; font-weight:300;}

.webtoon_view { padding:20px 0;  border-bottom:1px solid #eeeeee; border-top:1px solid #eeeeee;   }

/*.viewer_toolbar {display: flex; }*/
.viewer_toolbar .tit {  font-size:20px; color:#222; font-weight:500;}
.viewer_toolbar p {font-size:15px ;  line-height: 32px; }

/*.tool_area {display: flex;}*/
.tool_area .item {align-items: center; display: flex;}
.tool_area .item a {padding:0 10px; align-items: center;}



/* 회사소개 */
.aboutus {letter-spacing:-1px;}
.aboutus .tit {font-size:23px; color:#4a4a4a; font-weight:500; line-height:28px; margin-bottom:20px;}
.aboutus p {font-size:12px; color:#a5a5a5; line-height:20px;}
.aboutus p.b {font-size:13px; color:#4a4a4a; line-height:24px; margin-bottom:30px;}
.aboutus p.b strong {font-size:15px; font-weight:500;}

/* 약관 */
.yaks {font-size:13px; color:#666; line-height:20px; border:#ddd 1px solid; padding:10px; height:50vh; min-height:300px; overflow:auto;}

/* 자주하는 질문 */
.faq {border-top:#aaa 1px solid;}
.faq dl {border-bottom:#ddd 1px solid;}
.faq dt,
.faq dd {position:relative; padding:10px 0 10px 35px; font-size:12px; line-height:18px;}
.faq em {position:absolute; top:10px; left:10px; width:20px; height:20px; line-height:18px; text-align:center; font-size:12px; border-radius:50%; transition:.2s linear;}
.faq dt {position:relative; padding-right:30px; color:#666;}
.faq dt em {color:#000; border:#bbc3d7 1px solid;}
.faq dt i {position:absolute; top:0; right:0; width:30px; height:38px;}
.faq dt i:before,
.faq dt i:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:1px; background:#999; transition:.2s linear;}
.faq dt i:before {transform:rotate(45deg); margin-left:-7px;}
.faq dt i:after {transform:rotate(-45deg); margin-left:-1px;}
.faq dd {border-top:#ddd 1px solid; display:none;}
.faq dd em {color:#fff; background:#131e2c; border:#131e2c 1px solid;}
.faq .on dt {color:#131e2c; font-weight:500;}
.faq .on dt em {color:#fff; background:#ffc801; border-color:#ffc801;}
.faq .on dt i:before {transform:rotate(-45deg);}
.faq .on dt i:after {transform:rotate(45deg);}

/* 로그인 */
.login .title {margin-top:50px;}
.login .input_box {padding:50px 35px;}
.login .text,
.login .btn {display:block; font-size:11px; height:30px; width:100%;}
.login .text {color:#333; padding:0 5px; margin-bottom:5px;}
.login .text::placeholder {color:#898989;}
.login .btn {color:#fff; font-weight:700; line-height:30px; background:#ffc801; border:0;}
.login .links {margin-top:30px; text-align:right; font-size:0;}
.login .links a {display:inline-block; font-size:11px; color:#999; line-height:30px; margin-left:20px;}

/* 주문하기 */
.order_item .steps {position:relative; margin:0 -10px 25px; font-size:0; text-align:center;}
.order_item .steps:before {content:""; position:absolute; top:9px; left:0; width:100%; height:2px; background:#aaa;}
.order_item .steps li {position:relative; display:inline-block; width:16.6666%; text-align:center; z-index:1;}
.order_item .steps li:first-child:before,
.order_item .steps li:last-child:before {content:""; position:absolute; top:9px; width:500%; height:2px; background:#fff; z-index:-2;}
.order_item .steps li:first-child:before {right:50%;}
.order_item .steps li:last-child:before {left:50%;}
.order_item .steps i {display:block; font-size:10px; color:#fff; font-weight:500; line-height:20px; height:20px; width:20px; background:#aaa; border-radius:50%; margin:0 auto;}
.order_item .steps p {font-size:10px; color:#aaa; line-height:14px; margin-top:5px;}
.order_item .steps .on i {background:#ffc801;}
.order_item .steps .on p {color:#ffc801; font-weight:500;}
.order_item .steps .ofn:after {content:""; position:absolute; top:9px; left:50%; width:100%; height:2px; background:#ffc801; z-index:-1;}
.order_item .ctit {font-size:15px; color:#252525; line-height:20px; margin:40px 0 10px; text-align:center;}
.order_item .ctit em {font-size:12px;}
.checkarea .check_money {position:relative; display:block; margin-bottom:10px;}
.checkarea .check_money:last-child {margin-bottom:0;}
.checkarea .check_money input {display:none;}
.checkarea .check_money .box {position:relative; display:block; padding:15px; height:120px; text-shadow:#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 4px,#fff 0 0 4px,#fff 0 0 4px;}
.checkarea.hauto .check_money .box {height:auto;}
.checkarea .check_money .box:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%; border:#d2d2d2 1px solid;}
.checkarea .check_money .tt {display:block; font-size:12px; color:#222; line-height:18px; margin-bottom:10px;}
.checkarea .check_money .tt em {font-size:10px; margin-left:5px;}
.checkarea .check_money p {font-size:10px; color:#525252; font-weight:300; line-height:14px;}
.checkarea .check_money img {position:absolute; top:50%; right:0; width:auto; height:auto; max-width:43%; max-height:100%; z-index:-1; transform:translate(0,-50%);}

.checkarea .price_wrap li {position:relative; display:block; margin-bottom:10px;  min-height: 120px; }
.checkarea .price_wrap li:last-child {margin-bottom:0;}
.checkarea .price_wrap li input {display:none;}
.checkarea .price_wrap li .box {position:relative; display:block; padding:15px; height:auto; min-height:100px; text-shadow:#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 4px,#fff 0 0 4px,#fff 0 0 4px;border:#d2d2d2 1px solid;}
.checkarea.hauto .check_money .box {height:auto;}
.checkarea .price_wrap li .box:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%;}
.checkarea .price_wrap li .tt {position:relative; display:block; font-size:12px; color:#222; line-height:18px; margin-bottom:10px; z-index:2;}
.checkarea .price_wrap li .tt em {font-size:10px; margin-left:5px;}
.checkarea .price_wrap li p {position:relative; font-size:10px; color:#525252; font-weight:300; line-height:14px; padding-right:38%; z-index:2; word-break:keep-all;}
.checkarea .price_wrap li p br {display:none;}
.checkarea .price_wrap li img {position:absolute; top:50%; right:0; width:auto; height:auto; max-height:100%; z-index:1; transform:translate(0,-50%);}
.checkarea .price_wrap label.check_pose input:checked + .box  {border-color:#ffc801 !important;}

.order_m2 .checkarea .check_money img {max-width:34%;}
.checkarea .check_money input:checked + .box:before {border:#ffc801 2px solid;}
.order_item .counts {text-align:center; font-size:0;}
.order_item .counts > * {display:inline-block; height:30px; line-height:28px;}
.order_item .counts button {position:relative; width:30px; border:#ddd 1px solid;}
.order_item .counts button:before,
.order_item .counts button:after {content:""; position:absolute; top:50%; left:50%; background:#666; transform:translate(-50%,-50%);}
.order_item .counts button:before {width:12px; height:2px;}
.order_item .counts button:after {width:2px; height:12px;}
.order_item .counts .minus {border-right:0;}
.order_item .counts .minus:after {display:none;}
.order_item .counts .plus {border-left:0;}
.order_item .counts .text {width:40px; font-size:10px; color:#666; text-align:center;}
.order_item .tbl {border-top:#aaa 1px solid; margin-top:40px;}
.order_item .tbl th,
.order_item .tbl td {font-size:10px; line-height:30px; text-align:center; border-bottom:#ddd 1px solid;}
.order_item .tbl th {color:#222; font-weight:500;}
.order_item .tbl td {color:#525252;}
.order_item .total {margin-top:30px; font-size:10px; color:#666; line-height:22px; text-align:right;}
.order_item .total strong {font-size:15px; color:#222; vertical-align:bottom;}
.btns_btm {overflow:hidden; margin-top:15px;}
.btns_btm .btn {float:left; display:block; font-size:10px; font-weight:700; line-height:32px; height:34px; text-align:center; width:49%; margin-left:2%;}
.btns_btm .btn:first-child {margin-left:0;}
.btns_btm .btn_yl {color:#ffc801; border:#ffc801 1px solid;}
.btns_btm .btn_y {color:#fff; background:#ffc801; border:#ffc801 1px solid;}
label.check {position:relative; display:block; line-height:20px; height:20px;}
label.check input {display:none;}
label.check i {position:relative; display:inline-block; vertical-align:top; width:18px; height:18px; margin-top:1px; border:#252525 1px solid; transition:.2s linear;}
label.check i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#ffc801; transition:.2s linear;}
label.check input:checked + i {border-color:#ffc801;}
label.check input:checked + i:before {width:10px; height:10px; margin:-5px 0 0 -5px;}
.order_item textarea.text {padding:10px; font-size:10px; color:#333; line-height:20px; height:80px;}
.order_item textarea.text::placeholder {color:#666; font-weight:300;}
.order_item label.check_pose {position:relative;}
.order_item label.check_pose input {display:none;}
.order_item label.check_pose .box {position:relative;}
.order_item label.check_pose .box .tt {transition:.2s linear;}
.order_item label.check_pose .box i {border:#ddd 1px solid;}
.order_item label.check_pose .box i:before {content:""; position:absolute; top:0; left:0; width:100%; height:100%;}
.order_item label.check_pose input:checked + .box .tt {display:block; color:#fff; background:#ffc801; padding:0 5px; width:100%; text-shadow:none;}
.order_item label.check_pose input:checked + .box i {border-color:#ffc801 !important;}

.uploads li {position:relative; padding-left:45px; margin-top:10px;}
.uploads li:first-child {margin-top:0;}
.uploads li em {position:absolute; top:0; left:0; font-size:10px; color:#252525; line-height:30px;}
.uploads li .file {position:relative; background:#fafafa; border:#e1e1e1 1px solid; font-size:0; line-height:28px;}
.filebutton {position:relative; display:inline-block; vertical-align:top; width:120px; height:28px; overflow:hidden; padding:4px 5px;}
.filebutton span {display:inline-block; width:100%; height:20px; line-height:20px; font-size:10px; color:#fff; text-align:center; background:#525252; vertical-align:top; border:0; border-radius:4px;}
.filebutton input {z-index:999; position:absolute; top:-1px; left:-100%; margin:0; padding:0; font-size:30px; line-height:0; opacity:0; filter:alpha(opacity = 0); -ms-filter:"alpha(opacity=0)"; cursor:pointer; _cursor:hand;}
.filebox {display:block; vertical-align:top; width:100%; height:28px; line-height:28px; padding:0 10px; overflow:hidden; color:#666; font-size:10px; white-space:nowrap;}
.order_item .tbl_inputs th,
.order_item .tbl_inputs td {padding:5px 0; line-height:30px; text-align:left;}
.order_item .tbl_inputs th {width:85px; padding-left:10px;}
.order_item .tbl_inputs .w1 {width:calc(100% - 80px);}
.order_item .tbl_inputs .w2 {width:29%;}
.order_item .tbl_inputs select.w2 {margin-left:3%;}
.order_item .tbl_inputs .over_h {font-size:0;}
.order_item .tbl_inputs .text,
.order_item .tbl_inputs em {font-size:12px;}
.order_item .tbl_inputs em {display:inline-block; vertical-align:top; width:5%; text-align:center;}
.order_item .tbl_inputs em.e {width:10%;}
.order_item .tbl_inputs button {font-size:12px; color:#000; font-weight:700; line-height:28px; height:30px; width:80px; text-align:center; border:#000 1px solid;}
.order_item .tbl_inputs .mt {margin-top:5px;}
.btit label.check {display:inline-block; vertical-align:top; font-size:10px; color:#999; margin:2px 0 0 10px;}
.btit label.check i {margin-right:5px;}
.order_item label.radio {position:relative; display:inline-block; vertical-align:top; margin-right:10px; padding-left:20px;}
.order_item label.radio input {display:none;}
.order_item label.radio i {position:absolute; top:50%; left:0; width:14px; height:14px; margin-top:-7px; border:#ccc 1px solid; border-radius:50%; transition:.2s linear;}
.order_item label.radio i:before {content:""; position:absolute; top:50%; left:50%; width:0; height:0; background:#ffc801; border-radius:50%; transition:.2s linear;}
.order_item label.radio input:checked + i {border-color:#ffc801;}
.order_item label.radio input:checked + i:before {width:8px; height:8px; margin:-4px 0 0 -4px;}
.order_end {border:#ebebeb 2px solid; padding:25px 10px 20px; text-align:center;}
.order_end img {display:block; height:30px; margin:0 auto;}
.order_end strong {display:block; font-size:12px; color:#333; line-height:20px; margin:10px 0 5px;}
.order_end p {font-size:10px; color:#000; line-height:14px;}

.order_item .btns {padding-top:20px;}
.order_item .btns .btn {display:block; font-size:13px; color:#fff; line-height:20px; height:auto; padding:5px 10px; background:#ffc801; border-radius:4px; text-align:center;}
.pop_detail {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); padding:10px; z-index:101; display:none;}
.pop_detail .btn_close {position:absolute; top:5px; right:5px; width:30px; height:30px; background:#fff; border:#ddd 1px solid; border-radius:50%; box-shadow:rgba(0,0,0,.2) 0 0 10px;}
.pop_detail .btn_close:before,
.pop_detail .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:14px; height:2px; background:#666; margin:-1px 0 0 -7px;}
.pop_detail .btn_close:before {transform:rotate(45deg);}
.pop_detail .btn_close:after {transform:rotate(-45deg);}
.pop_detail .inner {overflow:auto; max-height:calc(100vh - 20px); font-size:0; padding:0;}

/* 개인결제 */
.per_pay {padding-top:10px;}
.per_pay form {font-size:0;}
.per_pay input {height:30px !important; margin:10px 0 0 !important; font-size:13px;}
.per_pay input[type="text"] {width:calc(100% - 80px); border:#ddd 1px solid; padding:0 5px;}
.per_pay input[type="button"] {width:80px; color:#fff; background:#666;}

/* 마이페이지 */
.board_view {border-top:#ddd 1px solid;}
.board_view th,
.board_view td {border-bottom:#ddd 1px solid; font-size:13px; line-height:20px; padding:5px 0;}
.board_view th {width:90px;}
.board_view.bg {background:#f2f5f9;}
.board_view li {border-bottom:#ddd 1px solid; padding:5px; font-size:0;}
.board_view li a {display:block;}
.board_view li span {display:inline-block; vertical-align:top; font-size:13px; line-height:24px; min-width:50%;}
.board_view li span span {width:50%;}
.board_view li .fz0 {font-size:0;}
.board_view .btn_btm {text-align:right; margin-top:20px;}
.board_view .btn_btm .btn {display:inline-block; vertical-align:top; font-size:13px; color:#000; font-weight:500; line-height:28px; border:#ddd 1px solid; text-align:center; padding:0 10px;}
.board_view .btn_btm .btn_submit {color:#fff; background:#ff3061; border-color:#ff3061;}
.board_view.img li span {text-align:center;}
.board_view.img .tac {display:block; width:100%;}
.board_view li label.check {display:block; margin:10px 0 5px;}
.board_view li .btn_del {display:block; font-size:13px; color:#000; line-height:18px; width:100px; border:#ddd 1px solid; text-align:center; margin:0 auto 10px;}
.board_view .mod_options {display:block; width:100%; font-size:13px; color:#fff; line-height:30px; background:#ff882a;}

.btn_top {text-align:center; margin-bottom:10px; font-size:0;}
.btn_top .btn {display:inline-block; font-size:13px; line-height:28px; width:30%; margin:0 1%;}
.btn_top .btn_gl {color:#666; border:#ddd 1px solid;}
.btn_top .btn_g {color:#fff; background:#666; line-height:30px;}

.board_view .total {display:table; width:100%; table-layout:fixed; margin-top:20px;}
.board_view .total dt,
.board_view .total dd {display:table-cell; width:50%; font-size:13px; color:#fff; background:#ff3061; padding:10px;}
.board_view .total dt {text-align:left;}
.board_view .total dd {text-align:right;}

/* 회원가입 */
.join_wrap .check.mt {margin-top:10px;}
.join_wrap .check.mt i {margin-right:5px;}
.join_wrap .btn_btm {text-align:center; margin-top:20px; font-size:0;}
.join_wrap .btn_btm .btn {display:inline-block; font-size:13px; color:#fff; background:#333; line-height:30px; height:30px; width:120px; border:0; vertical-align:top;}

.join_wrap .btn_add {width:30%; height:30px; color:#fff; background:#333;}
.join_wrap .mt {margin-top:5px;}
.join_wrap .board_view th,
.join_wrap .board_view td {line-height:30px;}
.join_wrap .board_view td .text {padding:0 5px;}
.join_wrap .board_view td .text::placeholder {font-size:12px;}
.join_end {text-align:center; font-size:13px; color:#333; line-height:22px; text-align:center; border:#ddd 1px solid; padding:20px 10px;}
.join_end img {height:50px; margin-bottom:20px;}

/* 달력 */
.ui-datepicker {width:240px; margin-top:-1px; display:none;}
.ui-datepicker-header {position:relative; border:#ddd 1px solid; border-bottom:0; background:#ffc801; overflow:hidden;}
.ui-datepicker-title {text-align:center; font-size:13px; color:#fff; font-weight:700; line-height:40px; width:100%;}
.ui-datepicker-title span {color:#fff;}
.ui-datepicker-title select {vertical-align:top; width:60px; height:24px; line-height:22px; margin-top:8px;}
.ui-datepicker-prev,
.ui-datepicker-next {position:absolute; top:0; height:40px; line-height:40px; width:40px; text-align:center; cursor:pointer;}
.ui-datepicker-prev {left:0;}
.ui-corner-all .ui-icon {display:block; width:11px; height:20px; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; font-size:0; margin:10px auto;}
.ui-corner-all .ui-icon:before,
.ui-corner-all .ui-icon:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#fff; margin-left:-5px;}
.ui-corner-all .ui-icon:before {margin-top:-4px;}
.ui-corner-all .ui-icon:after {margin-top:2px;}
.ui-datepicker-prev .ui-icon {}
.ui-datepicker-prev .ui-icon:before {transform:rotate(-45deg);}
.ui-datepicker-prev .ui-icon:after {transform:rotate(45deg);}
.ui-datepicker-next {right:0;}
.ui-datepicker-next .ui-icon {}
.ui-datepicker-next .ui-icon:before {transform:rotate(45deg);}
.ui-datepicker-next .ui-icon:after {transform:rotate(-45deg);}
.ui-datepicker-calendar th,
.ui-datepicker-calendar td {border:#ddd 1px solid; text-align:center; background:#fff; line-height:24px;}
.ui-datepicker-calendar th {}
.ui-datepicker-calendar th:first-child {color:#d43333;}
.ui-datepicker-calendar th:last-child {color:#2264b2;}
.ui-datepicker-calendar td a {display:block;}
.ui-datepicker-calendar td:first-child a {color:#d43333;}
.ui-datepicker-calendar td:last-child a {color:#2264b2;}
.ui-datepicker-calendar td a:hover {background:#f5f5f5;}
.ui-datepicker-calendar td a.ui-state-active {font-weight:700; background:#f5f5f5;}

.board_top {overflow:hidden; margin-bottom:10px;}
.board_top .search_wrap {float:right; font-size:0; width:100%; padding:0 10px;}
.board_top .search_wrap .text,
.board_top .search_wrap .btn {display:inline-block; font-size:13px; font-weight:500; height:34px; vertical-align:top;}
.board_top .search_wrap .text {line-height:32px;}
.board_top .search_wrap select.text {border:#e1e1e1 1px solid; border-radius:4px; width:30%; background:#fff;}
.board_top .search_wrap input.text {padding:0 5px; border:#e1e1e1 1px solid; border-radius:4px; width:50%; margin:0 1%;}
.board_top .search_wrap .btn {color:#fff; background:#17469e; border-radius:4px; width:18%; line-height:34px; border:0;}

#bo_v_top{ border-top:2px solid #333;}


/* 페이징 */
.pg_wrap {clear:both;display:block;padding:10px 0;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:12px;height:24px;line-height:22px;padding:0;min-width:24px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('/img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('/img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('/img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('/img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#ffc801;border:1px solid #ffc801;color:#333;font-weight:bold;height:24px;line-height:24px;min-width:24px;border-radius:3px}

.bo_notice td {background:#eff3f9;}

#sit_ov_btn.btn_tri .btn {float:left; width:32%; line-height:43px; border:#ffc801 1px solid; border-radius:4px; margin:0 0 0 2%;}
#sit_ov_btn.btn_tri .btn:first-child {margin-left:0;}

.pop_estimate {position:fixed; top:50%; left:50%; width:100%; max-width:300px; border:#ffc801 5px solid; padding:10px; text-align:center; transform:translate(-50%,-50%);background:#fff;display:none;}
.pop_estimate p {font-size:13px; color:#333; line-height:20px;}
.pop_estimate .btn {display:block; font-size:13px; color:#ffc801; background:#000; font-weight:500; line-height:30px; height:30px; width:100px; margin:10px auto 0; border-radius:10px;}