@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,
textarea.text {border:#ddd 1px solid; outline:0; transition:.2s linear;}
input.text,
select.text {height:30px;}
input.text {padding:0 10px;}
select.text {padding-left:5px;}
textarea.text {padding:10px;}
input.text:focus,
select.text:focus,
textarea.text:focus {border-color:#aaa;}
body.ie select.text {padding:0 0 0 0 !important; background:none;}
button,input,a {transition:.2s linear;}
a.smoth {scroll-behavior:smooth;}

.inner {width:100%; max-width:1200px; margin:0 auto;}
span.br {display:block;}
.mo_vw {display:none !important;}

.__ico1 {display:inline-block;width:51px;height:26px;line-height:26px;color:#fff;text-align:center;background:#fb032a;font-size:12px;box-sizing:border-box;}
.__ico1.type2 {background:#6903fb;}
.__ico1.type3 {background:#014694;}

/* 게시판 목록 */
.board_list {border-top:#df1824 2px solid;}
.board_list th,
.board_list td {height:50px; font-size:15px; text-align:center; border-bottom:#ddd 1px solid;}
.board_list th {color:#333;}
.board_list td {color:#666;}
.board_list td.tal a {display:inline-block; vertical-align:top; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list colgroup .w1 {width:100px;}
.board_list colgroup .w2 {width:130px;}
.board_list colgroup .w3 {width:140px;}
.board_list colgroup .w4 {width:120px;}
.board_list colgroup .w5 {width:160px;}
.board_list .wait,
.board_list .end {display:block; font-size:13px; color:#fff; font-weight:500; line-height:30px; height:30px; width:80px; max-width:100%; text-align:center; margin:0 auto;}
.board_list .wait {background:#df1824;}
.board_list .end {background:#999;}

.board_bottom .btns {overflow:hidden; margin-top:40px;}
.board_bottom .btns .btn {display:inline-block; width:80px; height:40px; line-height:40px; background:#df1824; color:#fff; font-weight:bold; text-align:center; border:0; vertical-align:top;}
.board_bottom .btns .btn:hover {background:#c1101b; color:#eee;}
.board_bottom .btns .btn_l {color:#df1824; background:#fff; border:#df1824 1px solid; line-height:38px;}
.board_bottom .btns .btn_l:hover {background:#f5f5f5; color:#df1824; border-color:#df1824;}
.board_bottom .btns.tac .btn {width:120px; height:40px; line-height:40px; font-size:15px;}
.board_bottom .btns.tac .btn_l {line-height:38px;}
.board_bottom .btns .fr {text-align:right;}
.board_bottom .btns .fl .btn,
.board_bottom .btns .fr .btn {width:100px;}
.board_bottom .paging {text-align:center; margin-top:40px;}
.board_bottom .paging a {display:inline-block; width:30px; height:30px; line-height:28px; text-align:center; border:#ddd 1px solid; font-size:13px; color:#666; vertical-align:top;}
.board_bottom .paging a:hover,
.board_bottom .paging a.on {background:#df1824; color:#fff; font-weight:bold; border-color:#df1824;}
.board_bottom .paging .nums {margin:0 10px;}
.board_bottom .paging .arrow {line-height:30px; font-size:0; border:none !important; background:none !important;}
.board_bottom .search_wrap {text-align:center; margin-top:40px;}
.board_bottom .search_wrap .text,
.board_bottom .search_wrap .btn {display:inline-block; vertical-align:top; height:40px;}
.board_bottom .search_wrap select.text {}
.board_bottom .search_wrap input.text {width:300px;}
.board_bottom .search_wrap .btn {width:120px; line-height:40px; border:0; background:#df1824; color:#fff; font-weight:bold; text-align:center;}

.board_top .search_wrap {background:#f5f5f5; border:#ddd 1px solid; padding:10px; text-align:center; margin-top:40px; margin-bottom:40px;}
.board_top .search_wrap .text,
.board_top .search_wrap .btn {display:inline-block; vertical-align:top; height:40px;}
.board_top .search_wrap select.text {width:120px;}
.board_top .search_wrap input.text {width:300px;}
.board_top .search_wrap .btn {width:120px; line-height:40px; border:0; background:#df1824; color:#fff; font-weight:bold; text-align:center;}

/* 게시판 상세 */
.board_in {border-top:#ddd 2px solid;}
.board_in colgroup .w1 {width:140px;}
.board_in * {word-break:break-all;}
.board_in th,
.board_in td {padding:10px; border-bottom:#ddd 1px solid;}
.board_in td {color:#666;}
.board_in thead th {font-size:16px; color:#333; line-height:30px; padding:30px 10px;}
.board_in thead td {font-size:14px; text-align:right;}
.board_in thead td span {display:inline-block; vertical-align:top; margin-left:20px;}
.board_in tfoot td {position:relative; padding-left:80px;}
.board_in tfoot td span {position:absolute; top:10px; left:10px;}
.board_in tfoot td a {display:block; color:#df1824; font-weight:700;}
.board_in .reply {margin-top:40px; background:#f5f5f5; padding:10px;}
.board_in .reply ul.text {width:100%; padding:5px 10px; border:#ddd 2px solid; background:#fff;}
.board_in .reply .text li {border-bottom:#ddd 1px dashed; padding:10px 0;}
.board_in .reply .text li:last-child {border-bottom:0;}
.board_in .reply .text .name {position:relative; font-size:14px; color:#333; font-weight:700; margin-bottom:5px;}
.board_in .reply .text .name em {font-size:12px; font-weight:400;}
.board_in .reply .inputs {position:relative; padding:0 110px 0 0; margin-top:10px;}
.board_in .reply .inputs input.text {width:200px; max-width:48%; height:40px; margin-bottom:5px;}
.board_in .reply .inputs textarea.text {width:100%; height:100px;}
.board_in .reply .inputs .btn {position:absolute; bottom:0; right:0; width:100px; height:100px; border:0; background:#df1824; font-size:15px; color:#fff;}

/* 갤러리 목록 */
.gall_list {overflow:hidden; margin:-20px -5px 0;}
.gall_list li {float:left; width:20%; margin:20px 0 0; padding:0 5px;}
.gall_list li a {display:block;}
.gall_list li .photo {width:100%; overflow:hidden;}
.gall_list li .photo img {width:100%;}
.gall_list li p {display:block; font-size:14px; color:#333; height:30px; line-height:30px; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* header */
.header {position:fixed; top:0; left:0; width:100%; height:auto; background:#fff; z-index:100; overflow:visible;}
.header * {box-sizing:border-box;}
.header .top_menu {width:100%; height:62px; border-bottom:#999 1px solid; background:#fff;}
.header .top_menu .inner {position:relative; overflow:hidden;}
.header .top_menu ul li {float:left; line-height:40px; color:#333; font-size:11px;}
.header .top_menu .left,
.header .top_menu .right {padding-top:20px;}
.header .top_menu .left {float:left;}
.header .top_menu .right {float:right;}
.header .top_menu a {position:relative; font-size:14px; color:#333; line-height:41px; display:block; padding:0 6px;}
.header .top_menu a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:12px; background:#000; margin-top:-6px;}
.header .top_menu a:hover {color:#de1922;}
.header .top_menu li:first-child a:before {display:none;}
.header .top_menu .center {position:absolute; top:0; left:50%; transform:translate(-50%,0); height:100%; padding:13px 0; font-size:0;}
.header .top_menu .center img {display:inline-block; vertical-align:top;}
.header .head {position:relative; width:100%; max-width:1200px; overflow:hidden; padding-top:61px; height:auto; background:none; margin:0 auto; transition:.2s linear;}
.header .logo {float:left; height:113px; font-size:0; margin:0; padding:7px 0;}
.header .logo img {display:block;}
.header .head .search_area {position:absolute; bottom:29px; left:50%; transform:translate(-50%,0); height:46px; line-height:40px; width:368px; padding:3px;}
.header .head .search_area:before,
.header .head .search_area:after {content:""; position:absolute; top:0; width:50%; height:100%; z-index:-1;}
.header .head .search_area:before {background:#df1824; left:0;}
.header .head .search_area:after {background:#000; right:0;}
.header .head .search_area .sear_box {background:#fff; padding-left:0; width:100%; height:40px; line-height:40px;}
.header .head .search_area .input {width:calc(100% - 40px); height:40px; margin:0; padding:0 10px; outline:0; border:0; vertical-align:top;}
.header .head .search_area .fr {margin:9px 8px 0 0;}
.header .head .banner {float:right; height:113px; padding-top:11px;}
.header .gnb {width:100%; border-top:#e91724 2px solid; border-bottom:#000 2px solid; height:50px;}
.header .top_gnb {position:relative; padding-left:192px; width:100%; height:46px; font-size:0; text-align:right;}
.header .top_gnb li {position:relative; display:inline-block; padding:0; background:none; vertical-align:top;}
.header .top_gnb li > a {display:block; font-size:13px; color:#000; font-weight:700; line-height:46px; height:46px; padding: 0 18px; overflow:hidden; text-align:center;}
.header .top_gnb li:hover > a,
.header .top_gnb li.on > a {color:#df1824;}
.header .top_gnb li .img {position:fixed; top:286px; left:50%; width:100%; max-width:1200px; height:0; transform:translate(-50%,0); overflow:hidden; transition:.2s linear;}
.header .top_gnb li .img a {float:left; width:50%; height:auto; font-size:0;}
.header .top_gnb li:hover .img {height:334px;}
.header.fixed .top_gnb li .img {top:225px;}
.header .top_gnb .btn_allmenu {position:absolute; top:0; left:0;}
.header .top_gnb .btn_allmenu a {position:relative; padding:0 0 0 32px; font-size:15px; color:#000; font-weight:700; line-height:46px; height:46px; width:192px; text-align:left;}
.header .top_gnb .btn_allmenu i {position:absolute; top:50%; left:0; width:19px; height:3px; background:#df1824; margin-top:-1px;}
.header .top_gnb .btn_allmenu i:before,
.header .top_gnb .btn_allmenu i:after {content:""; position:absolute; top:50%; left:0; width:100%; height:100%; background:#df1824;}
.header .top_gnb .btn_allmenu i:before {margin-top:-9px;}
.header .top_gnb .btn_allmenu i:after {margin-top:5px;}
.header .top_gnb .btn_allmenu em {position:absolute; top:0; left:150px; width:16px; height:100%;}
.header .top_gnb .btn_allmenu em:before,
/*.header .top_gnb .btn_allmenu em:after {content:""; position:absolute; top:50%; left:50%; width:12px; height:1px; background:#000; transition:.2s linear;}*/
/*.header .top_gnb .btn_allmenu em:before {transform:rotate(-55deg); margin-left:-3px;}*/
/*.header .top_gnb .btn_allmenu em:after {transform:rotate(55deg); margin-left:-9px;}*/
.header .top_gnb .btn_allmenu.open em:before {transform:rotate(55deg);}
.header .top_gnb .btn_allmenu.open em:after {transform:rotate(-55deg);}
.header .gnb_img {position:absolute; top:286px; left:50%; width:100%; max-width:1200px; transform:translate(-50%,0);}
.header .allmenu {position:absolute; top:286px; left:50%; width:192px; height:499px; background:#fff; margin-left:-600px; z-index:9999; display:none;}
.header .allmenu .btn_close {position:absolute; top:8px; left:745px; width:24px; height:28px; z-index:1;}
.header .allmenu .btn_close:before,
.header .allmenu .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:28px; height:2px; background:#000; margin:-1px 0 0 -14px;}
.header .allmenu .btn_close:before {transform:rotate(50deg);}
.header .allmenu .btn_close:after {transform:rotate(-50deg);}
.header .allmenu .menu1 {position:relative; height:100%; padding:50px 20px; border:#ddd 1px solid; border-top:#000 8px solid; z-index:1;}
.header .allmenu .menu1 li a {position:relative; display:block; font-size:15px; color:#000; line-height:25px;}
.header .allmenu .menu1 li a:after {content:""; position:absolute; top:50%; right:-51px; width:10px; height:19px; background:url('/images/arrow_menu.png'); margin-top:-10px; opacity:0; transition:.2s linear;}
.header .allmenu .menu1 li.on a:after {opacity:1;}
.header .allmenu .menu1 li .snb {display:none;}
.header .allmenu .menu1 li a.hide {display:none !important;}
.header .allmenu .menu2 {position:absolute; top:0; left:192px; height:100%;}
.header .allmenu .menu2 li {position:relative; height:100%; padding:50px 262px 0 30px; background:#fff; border:#ddd 1px solid; border-left:0;}
.header .allmenu .menu2 li .tt {font-size:32px; color:#000; line-height:30px; margin-bottom:20px;}
.header .allmenu .menu2 li .so {position:relative; width:290px; height:100%; overflow:auto;}
.header .allmenu .menu2 li .so a {display:block; font-size:13px; color:#000; line-height:25px;}
.header .allmenu .menu2 li .img {position:absolute; top:0; right:0; width:262px; height:100%; overflow:hidden;}
.header.fixed .head {padding-top:0;}
.header.fixed .allmenu {top:225px;}

.header li.parasol_url{position:absolute; top:0; left:0;}
.header li.parasol_url img{height:90%;}

/* footer */
.btm_hugi {padding:40px 0 70px; background:#f1f1f3;}
.btm_hugi .tit {font-size:30px; color:#000; font-weight:700; line-height:36px; text-align:center; margin-bottom:25px;}
.btm_hugi .tit p {font-size:14px; font-weight:700; line-height:20px;}
.hugi_slide {position:relative; margin:0 -7px;}
.hugi_slide .slick-slide {position:relative; padding:0 7px;}
.hugi_slide .slick-arrow {position:absolute; top:50%; width:27px; height:49px; border:#dedede 1px solid; background:no-repeat #fff 50% 50%; z-index:1; font-size:0; margin-top:-25px;}
.hugi_slide .slick-prev {left:-43px; background-image:url('/images/arrow_prev.gif');}
.hugi_slide .slick-next {right:-43px; background-image:url('/images/arrow_next.gif');}

.footer {background:#fff;}
.footer * {box-sizing:border-box;}
.footer > .inner {border-top:#000 2px solid; padding:30px 0 40px; overflow:hidden;}
.footer .tit {position:relative; font-size:24px; color:#333; font-weight:700; line-height:32px; margin-bottom:15px;}
.footer .tit .more {position:absolute; top:0; right:0; width:29px; height:29px; padding:0;}
.footer .tit .more:before,
.footer .tit .more:after {content:""; position:absolute; top:50%; left:50%; background:#000;}
.footer .tit .more:before {width:29px; height:1px; margin:-1px 0 0 -15px;}
.footer .tit .more:after {width:1px; height:29px; margin:-15px 0 0 -1px;}
.footer .left {float:left; width:300px;}
.footer .left strong {display:block; font-size:30px; color:#000; font-weight:900; line-height:30px; margin:40px 0 35px; letter-spacing:-1px; font-family:'nanum gothic';}
.footer .left p {font-size:14px; color:#000; line-height:24px;}
.footer .left p em {color:#df1824;}
.footer .left .mt {margin-top:30px;}
.footer .right {float:right; width:900px;}
.footer .right dl {overflow:hidden;}
.footer .info_b {float:left; width:305px;}
.footer .info_b a {position:relative; display:block; font-size:14px; color:#666; font-weight:700; line-height:35px; padding-right:80px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.footer .info_b a .day {position:absolute; display:block; top:0; right:0; color:#aaa; font-weight:400; line-height:inherit; height:auto;}
.footer .sns {display:inline-block; vertical-align:top; overflow:hidden; margin-left:40px;}
.footer .sns a {float:left; margin-right:13px; padding:0 !important;}
.footer .sns a img {width:32px;}
.footer .info_c {float:right; width:515px;}
.footer .info_c dl {position:relative; padding-left:190px;}
.footer .info_c dt {position:absolute; top:50%; left:0; font-size:17px; color:#333; line-height:30px; margin-top:-15px;}
.footer .info_c dd {font-size:16px; color:#333; font-weight:700; line-height:33px;}
.footer .info_c dd img {margin-top:5px; margin-right:5px; vertical-align:top;}
.footer .info_c p {font-size:13px; color:#333; line-height:20px; margin-top:15px;}
.footer .b_banner {overflow:hidden; width:100%; margin-top:30px; background:#e4e4e5; padding:8px 12px;}
.footer .b_banner li {float:left; width:13%; margin-left:1.5%; background:#fff; vertical-align:top; border:#dbdbdb 1px solid;}
.footer .b_banner li:first-child {margin-left:0;}
.footer .b_banner li a {display:block; padding:10px 5px; font-size:12px; color:#666; font-weight:700; line-height:12px; text-align:center; background:#fff;}
.footer .b_banner li img {display:block; margin:0 auto 10px;}
.f_banner_new {width:100%; border-top:#ddd 1px solid; padding:20px 0;}
.f_banner_new .inner {padding:0 20px; display:table;}
.f_banner_new li {position:relative; display:table-cell; vertical-align:middle; text-align:center; font-size:12px; color:#6f6f6f; line-height:41px; padding:0 10px;}
.f_banner_new li:before {content:""; position:absolute; top:50%; left:0; width:1px; height:34px; background:#c5c6c5; margin-top:-17px;}
.f_banner_new li img {margin-right:5px;}
.f_banner_new li:first-child:before {display:none;}

.foot_address * {box-sizing:border-box;}
.foot_address .fnavi {background:#000;}
.foot_address .fnavi ul {overflow:hidden;}
.foot_address .fnavi li {position:relative; float:left; padding-right:7px; margin-right:6px;}
.foot_address .fnavi li:after {content:""; position:absolute; top:50%; right:0; width:1px; height:10px; background:#666; margin-top:-5px;}
.foot_address .fnavi li:last-child {margin-right:0; padding-right:0;}
.foot_address .fnavi li:last-child:after {display:none;}
.foot_address .fnavi li a {display:block; font-size:14px; color:#fff; line-height:56px;}
.foot_address .addressW {position:relative; padding:30px 0 40px 170px; font-size:13px; color:#000; line-height:22px;}
.foot_address .addressW address span {display:inline-block; vertical-align:top;}
.foot_address .footer_logo {position:absolute; top:50%; left:0; transform:translate(0,-50%);}
.foot_address .f_logos {right:0; bottom:50%; margin-bottom:-30px;}

.f_logos {position:absolute; right:20px; bottom:30px; overflow:hidden;}
.f_logos li {float:left; padding-left:20px;}

/* quick */
.quickW {position:relative; left:0px; top:0px; width:100%; margin:0 auto; z-index:90;}
.quickW .close_quick_left {position:absolute; top:0; right:-24px; width:24px; height:33px; border:#ddd 1px solid; border-left:0; background:#fff; display:none;}
.quickW .close_quick_left:before,
.quickW .close_quick_left:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:1px; background:#444; margin-left:-5px; transition:.2s linear;}
.quickW .close_quick_left:before {transform:rotate(45deg); margin-top:-3px;}
.quickW .close_quick_left:after {transform:rotate(-45deg); margin-top:3px;}
.main_quick.open .close_quick_left:before {transform:rotate(-45deg);}
.main_quick.open .close_quick_left:after {transform:rotate(45deg);}
.main_quick {position:absolute; top:286px; left:-160px; width:160px;}
.main_quick.open {left:50%; margin-left:-760px;}
.quick_tt {position:relative; background:#df1824; height:60px; width:100%; font-family:'S-CoreDream', sans-serif; display:table; z-index:1; margin-top:20px;}
.quick_tt:first-child {margin-top:0;}
.quick_tt:before {content:""; position:absolute; bottom:-15px; left:50%; width:20px; height:20px; background:#df1824; transform:rotate(45deg) translate(-50%,0); cursor:pointer; z-index:-1;}
.quick_tt .inbox {display:table-cell; font-size:16px; color:#fff; font-weight:500; line-height:20px; vertical-align:middle; text-align:center;}
.bodo_rollW {width:100% !important; height:105px !important; margin:0;}
.bodo_rollW img {width:100%; height:auto;}
.bodo_txt {width:100%; height:160px; background:#fff; font-size:12px; padding:10px 0px 0px 10px; line-height:160%; border:1px solid #e5e5e5; border-top:none;}
.bodo_txt li a {display:block; font-size:14px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_quick .img {border:#ddd 1px solid; border-top:0; background:#fff;}
.main_quick .img img {max-width:100%;}
.main .main_quick {top:850px;}

.quick_wrap {position:absolute; top:286px; right:-160px; width:160px; z-index:10; /* transition:.2s linear; */}
.quick_wrap.main {top:844px;}
.quick_wrap #quick_bt {position:absolute; top:0; left:-24px; width:24px; height:33px; border:#ddd 1px solid; border-right:0; background:#fff; cursor:pointer; display:none;}
.quick_wrap #quick_bt:before,
.quick_wrap #quick_bt:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:1px; background:#444; margin-left:-5px; transition:.2s linear;}
.quick_wrap #quick_bt:before {transform:rotate(-45deg); margin-top:-3px;}
.quick_wrap #quick_bt:after {transform:rotate(45deg); margin-top:3px;}
.quick_wrap.open {right:50%; margin-right:-760px;}
.quick_wrap.open #quick_bt:before {transform:rotate(45deg);}
.quick_wrap.open #quick_bt:after {transform:rotate(-45deg);}
.quick_wrap .quick {border-top:#ddd 1px solid; background:#fff;}
.quick_wrap .quick li {border:#ddd 1px solid; border-top:0; text-align:center;}
.quick_wrap .quick li a {display:block; padding-top:20px; height:200px;}
.quick_wrap .quick li img {display:block; margin:0 auto 10px;}
.quick_wrap .quick li strong {display:block; font-size:14px; color:#000; line-height:22px; margin-bottom:10px;}
.quick_wrap .quick li p {font-size:12px; color:#9c9c9c; line-height:17px;}
.quick_wrap .quick li em {display:block; font-size:14px; color:#df1824; font-weight:700; line-height:20px;}
.quick_wrap .probox {padding:25px 0; border-left:#ddd 1px solid; border-right:#ddd 1px solid;}
.quick_wrap .tac {font-size:19px; color:#000; font-weight:700; line-height:22px; margin-bottom:25px;}
.quick_wrap .lately_new {position:relative; padding-bottom:25px;}
.quick_wrap .lately_new .slick-slide {text-align:center; font-size:0;}
.quick_wrap .lately_new .slick-slide img {display:block; margin:0 auto;}
.quick_wrap .lately_new .slick-arrow {position:absolute; bottom:0; width:12px; height:14px; border:0; font-size:0; background:none; cursor:pointer; outline:0; z-index:1;}
.quick_wrap .lately_new .slick-arrow:before,
.quick_wrap .lately_new .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:1px; background:#6f6f6f; margin-left:-5px;}
.quick_wrap .lately_new .slick-arrow:before {margin-top:-3px;}
.quick_wrap .lately_new .slick-arrow:after {margin-top:3px;}
.quick_wrap .lately_new .slick-prev {left:50%; margin-left:-40px;}
.quick_wrap .lately_new .slick-prev:before {transform:rotate(-45deg);}
.quick_wrap .lately_new .slick-prev:after {transform:rotate(45deg);}
.quick_wrap .lately_new .slick-next {right:50%; margin-right:-40px;}
.quick_wrap .lately_new .slick-next:before {transform:rotate(45deg);}
.quick_wrap .lately_new .slick-next:after {transform:rotate(-45deg);}
.quick_wrap .lately_new .custom_paging {position:absolute; bottom:0; left:0; width:100%; height:14px;}
.quick_wrap .lately_new .custom_paging li {position:absolute; top:0; left:0; width:100%; font-size:16px; color:#000; font-weight:700; line-height:14px; text-align:center; display:none; border:0;}
.quick_wrap .lately_new .custom_paging li.slick-active {display:block;}
.quick_wrap .gotop {display:block; font-size:23px; color:#fff; font-weight:700; line-height:44px; text-align:center; background:#9c9c9c; margin-top:0; padding-top:0;}
.quick_wrap.scroll_on {position:fixed; top:225px !important;}
.quick_wrap.scroll_on .quick li a {padding:20px 10px; height:auto;}
.quick_wrap.scroll_on .quick li img {height:40px;}
.quick_wrap.scroll_on .quick li strong {margin-bottom:5px;}
.quick_wrap.scroll_on .quick li p br {display:none;}
.quick_wrap.scroll_on .probox {padding:15px 0;}
.quick_wrap.scroll_on .tc {margin-bottom:15px;}

.sangjang_area {position:relative;}
.sangjang_area a.btn_bc {position:absolute; bottom:0; left:0; width:100%; height:50%; font-size:0;}
.pop_sangjang {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:10000; display:none;}
.pop_sangjang .btn_close {position:absolute; top:0; right:0; width:100px; height:100px;}
.pop_sangjang .btn_close:before,
.pop_sangjang .btn_close:after {content:""; position:absolute; top:50%; left:50%; width:40px; height:4px; background:#fff; margin:-2px 0 0 -20px;}
.pop_sangjang .btn_close:before {transform:rotate(45deg);}
.pop_sangjang .btn_close:after {transform:rotate(-45deg);}
.pop_sangjang .inbox {position:absolute; top:50%; left:50%; max-width:calc(100vw - 20px); max-height:calc(100vh - 20px); transform:translate(-50%,-50%); border:#ddd 1px solid; box-shadow:rgb(0,0,0,.10) 0 0 10px; overflow:hidden;}
.pop_sangjang .inbox img {width:auto; height:auto; max-width:calc(100vw - 22px); max-height:calc(100vh - 22px);}

.quick_wrap .link,
.bodylink {position:absolute; top:calc(100vh - 225px);}

/* main */
.container {position:relative; padding-top:266px; margin:0 auto; transition:.2s linear;}
.container.fixed {padding-top:225px;}
.container.main_wrap .inner {padding-top:0 !important;}
.mvisual {position:relative;}
.mvisual .slick-slide {position:relative; overflow:hidden;}
.mvisual .slick-slide img {width:100%;}
.mvisual .slick-dots {position:absolute; bottom:20px; left:0; width:100%; text-align:center; font-size:0;}
.mvisual .slick-dots li {display:inline-block; vertical-align:top; margin:0 8px;}
.mvisual .slick-dots li button {display:block; width:16px; height:16px; border-radius:50%; background:#666; border:0; font-size:0;}
.mvisual .slick-dots li.slick-active button {background:#df1824;}
.mc01_slide {position:relative; padding:0 30px; margin:50px 0 30px;}
.mc01_slide .slick-slide {padding:0 12px;}
.mc01_slide .slick-slide .box {position:relative; padding-left:140px; height:128px; box-sizing:border-box;}
.mc01_slide .slick-slide .img {position:absolute; top:0; left:0; width:140px; height:109px; line-height:140px; overflow:hidden; text-align:center;}
.mc01_slide .slick-slide .img a {display:block; width:100%; height:100%; font-size:0;}
.mc01_slide .slick-slide .img .__ico1 {position:absolute; top:0; left:0; width:67px; height:34px; line-height:34px; font-size:15px; color:#fff; font-weight:700;}
.mc01_slide .slick-slide .img img {display:inline-block; vertical-align:top; height:auto;}
.mc01_slide .slick-slide .info {padding:0 0 10px 10px;}
.mc01_slide .slick-slide .subject {font-size:18px; color:#000; font-weight:700; line-height:24px; max-height:90px; margin-bottom:10px; overflow:hidden; word-break:keep-all;}
.mc01_slide .slick-slide .subject a {font-size:inherit; color:inherit;}
.mc01_slide .slick-slide .sum {font-size:15px; color:#000; line-height:18px; word-break:keep-all;}
.mc01_slide .slick-arrow {position:absolute; top:0; width:23px; height:100%; font-size:0; border:0; background:none; z-index:1;}
.mc01_slide .slick-arrow:before,
.mc01_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:30px; height:2px; background:#000; margin-left:-15px;}
.mc01_slide .slick-arrow:before {margin-top:-11px;}
.mc01_slide .slick-arrow:after {margin-top:9px;}
.mc01_slide .slick-prev {left:0;}
.mc01_slide .slick-prev:before {transform:rotate(-45deg);}
.mc01_slide .slick-prev:after {transform:rotate(45deg);}
.mc01_slide .slick-next {right:0;}
.mc01_slide .slick-next:before {transform:rotate(45deg);}
.mc01_slide .slick-next:after {transform:rotate(-45deg);}

.mc02 .jq_tab {border-top:#df1824 2px solid; display:table; width:100%; table-layout:fixed;}
.mc02 .jq_tab li {display:table-cell; width:33.3333%; font-size:16px; color:#000; font-weight:700; line-height:56px; text-align:center; border-left:#ddd 1px solid; border-bottom:#ddd 1px solid; background:url('/images/ptn_tab.png') #efefef repeat; transition:.2s linear; cursor:pointer;}
.mc02 .jq_tab li.on {background:none; border-bottom-color:#fff;}
.mc02 .jq_cont {overflow:hidden; padding:45px 9px 0; border:#ddd 1px solid; border-top:0; margin-bottom:40px;}
.mc02 .cont {overflow:hidden;}
.mc02 .cont a {float:left; width:25%; margin:0 0 12px 0; padding:0 8px; text-align:center;}
.mc02 .cont a:nth-child(4n-3) {clear:both;}
.mc02 .cont a em {display:block; text-align:center; font-size:0;}
.mc02 .cont span {display:block;}
.mc02 .cont strong {display:inline-block; vertical-align:top;}
.mc02 .cont .photo {position:relative; width:100%; height:318px; text-align:center; overflow:hidden;}
.mc02 .cont .photo img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}
.mc02 .cont strong,
.mc02 .cont .won,
.mc02 .cont .won1 {font-size:15px; color:#000; line-height:22px; text-align:center;}
.mc02 .cont .won1 {color:#666; text-decoration:line-through;}
.mc02 .cont .won_wrap {display: block; text-align: center; padding: 5px 0;}
.mc02 .cont .won_wrap .won,
.mc02 .cont .won_wrap .sct_dict {display: inline-block; vertical-align: top;}
.mc02 .cont .won_wrap .sct_dict {margin-left: 5px;}
.mc02 .cont strong {max-height:44px; overflow:hidden;}
.mc02 .cont i {display:block; font-size:15px; color:#fff; font-weight:700; line-height:24px; width:80px; text-align:center; border-radius:3px; margin:5px auto 0; font-style:normal;}
.mc02 .cont i.c1 {background:#df1824;}
.mc02 .cont i.c2 {background:#315a04;}
.mc02 .cont i.c3 {background:#666;}
.mc02 .cont i.c4 {background:#f60;}

.mc03 {overflow:hidden;}
.mc03 .left {float:left; width:820px;}
.mc03 .right {float:right; width:372px;}
.mc03_slide_a {position:relative;}
.mc03_slide_a .box {display:table !important; width:100%;}
.mc03_slide_a .slick-slide img {width:100%; height:262px;}
.mc03_slide_b .slick-slide {font-size:0;}
.mc03_slide_b .slick-slide img {height:450px;}
.mc03 .slick-arrow {position:absolute; bottom:0; width:58px; height:58px; background:rgba(0,0,0,.72); border:0; font-size:0; z-index:1;}
.mc03 .slick-arrow:before,
.mc03 .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:20px; height:2px; background:#fff; margin-left:-10px;}
.mc03 .slick-arrow:before {margin-top:-8px;}
.mc03 .slick-arrow:after {margin-top:6px;}
.mc03 .slick-prev {right:60px;}
.mc03 .slick-prev:before {transform:rotate(-45deg);}
.mc03 .slick-prev:after {transform:rotate(45deg);}
.mc03 .slick-next {right:0;}
.mc03 .slick-next:before {transform:rotate(45deg);}
.mc03 .slick-next:after {transform:rotate(-45deg);}
.mc03 .btm {overflow:hidden;}
.mc03 .btm li {float:left; width:50%; margin-top:10px;}
.mc03 .btm li img {height:178px;}

.product_listW h3 {position:relative; display:block; margin:80px 0 50px; background:none; text-align:center; padding:15px 0 15px;}
.product_listW h3:before {content:""; position:absolute; top:0; left:50%; width:74px; height:4px; background:#df1824; border-radius:2px; margin-left:-37px;}
.product_listW h3 .ss {font-size:14px; color:#000; font-weight:700; line-height:20px;}
.product_listW h3 strong {display:block; font-size:30px; color:#000; line-height:38px; font-weight:700;}
.product_listW h3 .more_wrap {position:relative; border-top:#ddd 1px solid; margin-top:20px; text-align:right; height:31px;}
.product_listW h3 .more {display:inline-block; vertical-align:top; font-size:15px; color:#fff; background:#df1824; line-height:30px; padding:0 10px; top:0;}
.product_listW,
.product_listW ul {width:100%; margin-left:0; overflow:hidden;}
.product_listW ul li {float:left; width:285px; height:auto; margin:0 0 10px 20px;}
.product_listW ul li:nth-child(4n-3) {margin-left:0; clear:both;}
.product_listW ul li a {height:auto;}
.product_listW ul li a .photo {position:relative; display:block; width:320px; height:320px; margin-bottom:20px; padding-bottom:0;}
.product_listW ul li a .photo img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}
.product_listW strong,
.product_listW .won,
.product_listW .won1 {display:block; font-size:15px; color:#000; line-height:22px; text-align:center;}
.product_listW .won_wrap {display: block; text-align: center; padding: 5px 0;}
.product_listW .won_wrap .won {display: inline-block; vertical-align: top;}
.product_listW .won_wrap .sct_dict {margin-left: 5px;}
.product_listW strong {padding:0; font-size:15px; color:#000; line-height:22px; height:auto; font-weight:400; max-height:44px; overflow:hidden;}
.product_listW .won strong,
.product_listW .won1 strong {display:inline-block; font-weight:700; vertical-align:top; text-decoration:inherit;}
.product_listW .won1 {color:#666; text-decoration:line-through;}
.product_listW i {display:block; font-size:15px; color:#fff; font-weight:700; line-height:24px; width:80px; text-align:center; border-radius:3px; margin:5px auto 0; font-style:normal;}
.product_listW i.c1 {background:#df1824;}
.product_listW i.c2 {background:#315a04;}
.product_listW i.c3 {background:#666;}
.product_listW i.c4 {background:#f60;}
.product_listW i.c5 {background:#ff9032;}
.product_listW i.c6 {background:#fe0002;}
.mc04 {display:table; width:100%;}
.mc04 li {display:table-cell; vertical-align:middle; font-family:'nanum gothic';}
.mc04 li.ml {border-left:#fff 4px solid; width:auto; width:300px; height:410px; vertical-align:top;}
.mc04 li iframe {max-width:100%; height:410px;}
.mc04 .sns_link {position:relative;}
.mc04 .sns_link a {position:absolute; bottom:0; width:calc(50% - 10px); height:50%;}
.mc04 .sns_link .left {left:10px;}
.mc04 .sns_link .right {right:10px;}
.mc04 .tit h3 {font-weight:normal; color:#fff; font-size:24px; line-height:28px;}
.mc04 .tit h3 span {color:#f9f000;}
.mc04 .tit p {font-size:16px; line-height:24px; margin-top:20px; color:#fff; opacity:0.7;}
.mc04 .info {padding:80px 0 0 25px; background:url('/images/bg_info.png') no-repeat bottom center / cover; box-sizing:border-box;}
.mc04 .info .con {margin-top:18px;font-size:0;}
.mc04 .info .con dl {white-space:nowrap; margin-bottom:5px; font-size:0;}
.mc04 .info .con dl > * {display:inline-block; vertical-align:middle; font-size:16px;}
.mc04 .info .con dl dt {height:24px; line-height:24px; background:#000; padding:0 4px; margin-right:5px; letter-spacing:-0.05em; color:#a560a1;}
.mc04 .info .con dl dd {letter-spacing:-0.025em; color:#fff;}
.mc04 .sns {background:#396cb3; box-sizing:border-box; padding:60px 25px 0;}
.mc04 .sns .con {margin:60px -20px 0; text-align:center; font-size:0;}
.mc04 .sns .con a {display:inline-block; vertical-align:top; margin:0 10px;}
.mc04 .sns .con a > * {display:block;}
.mc04 .sns .con a em {font-size:12px; color:#fff; line-height:18px; height:18px; margin:5px -10px 0;}
.mid_banners {position:relative; margin-top:50px;}
.mid_banners .slick-slide img {height:auto;}
.mid_banners .slick-arrow {position:absolute; top:0; width:28px; height:100%; z-index:1; background:none; border:0; font-size:0;}
.mid_banners .slick-arrow:before,
.mid_banners .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:28px; height:2px; background:#333; margin-left:-14px;}
.mid_banners .slick-arrow:before {margin-top:-10px;}
.mid_banners .slick-arrow:after {margin-top:8px;}
.mid_banners .slick-prev {left:5px;}
.mid_banners .slick-prev:before {transform:rotate(-45deg);}
.mid_banners .slick-prev:after {transform:rotate(45deg);}
.mid_banners .slick-next {right:5px;}
.mid_banners .slick-next:before {transform:rotate(45deg);}
.mid_banners .slick-next:after {transform:rotate(-45deg);}
.mid_banners .slick-dots {position:absolute; bottom:10px; left:0; width:100%; text-align:center; font-size:0;}
.mid_banners .slick-dots li {display:inline-block; margin:0 6px;}
.mid_banners .slick-dots li button {width:13px; height:13px; background:#c4ccd3; border-radius:6px; border:0; font-size:0; transition:.2s linear;}
.mid_banners .slick-dots li.slick-active button {width:25px; background:#df1824;}
.btm_hugi {padding:40px 0 70px; background:#f1f1f3;}
.btm_hugi .tit {font-size:28px; color:#000; font-weight:700; line-height:36px; text-align:center; margin-bottom:25px;}
.btm_hugi .tit p {font-size:14px; font-weight:700; line-height:20px;}
.hugi_slide {position:relative; margin:0 -7px;}
.hugi_slide .slick-slide {position:relative; padding:0 7px;}
.hugi_slide .slick-arrow {position:absolute; top:50%; width:27px; height:49px; border:#dedede 1px solid; background:no-repeat #fff 50% 50%; z-index:1; font-size:0; margin-top:-25px;}
.hugi_slide .slick-prev {left:-43px; background-image:url('/images/arrow_prev.gif');}
.hugi_slide .slick-next {right:-43px; background-image:url('/images/arrow_next.gif');}

/* sub */
.container.sub {min-height:2812px; padding:286px 0 120px;}

.sub_title {font-size:36px; color:#231815; font-weight:700; line-height:120px; text-align:center; padding:10px; background:url('/images/ptn_title.gif'); margin:35px 0 50px;}
.sub_title span {display:block; background:#fff;}

.view_top {background:none; padding-bottom:0; margin-bottom:60px; overflow:hidden;}
.view_top .photo {float:left; width:450px;}
.view_top .photo .slick-slide {font-size:0;}
.view_top .photo .slick-slide img {height:auto;}
.view_top .photo .big_photo {width:450px; height:450px; margin-bottom:10px;}
.view_top .photo .big_photo .slick-slide {position:relative; text-align:center; overflow:hidden;}
.view_top .photo .big_photo .expand {position:absolute; display:block; right:0px; bottom:0px; cursor:pointer; width:52px; height:51px;}
.view_top .info {float:right; width:660px; background:none; border-top:#ddd 1px solid; padding-top:10px;}
.view_top .photo_list {position: relative;}
.view_top .photo_list .slick-slide {position:relative;}
.view_top .photo_list .slick-slide:before,
.view_top .photo_list .slick-slide:after {content:""; position:absolute; top:0; left:0; z-index:1; opacity:0; transition:.2s linear;}
.view_top .photo_list .slick-slide:before {top:50%;width:100%; height:0; border-left:#000 2px solid; border-right:#000 2px solid;}
.view_top .photo_list .slick-slide:after {left:50%; width:0; height:100%; border-top:#000 2px solid; border-bottom:#000 2px solid;}
.view_top .photo_list .slick-slide img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}
.view_top .photo_list .slick-current {z-index:1;}
.view_top .photo_list .slick-current:before,
.view_top .photo_list .slick-current:after {opacity:1;}
.view_top .photo_list .slick-current:before {height:100%; top:0;}
.view_top .photo_list .slick-current:after {width:100%; left:0;}
.view_top .photo_list .slick-arrow {position: absolute; top:0; width: 40px; height: 100%; font-size: 0; z-index: 1;}
.view_top .photo_list .slick-arrow:before,
.view_top .photo_list .slick-arrow:after {content:""; position: absolute; top:50%; left:50%; width: 20px; height: 2px; background: #222; margin-left: -10px;}
.view_top .photo_list .slick-arrow:before {margin-top: -8px;}
.view_top .photo_list .slick-arrow:after {margin-top: 6px;}
.view_top .photo_list .slick-prev {left:0;}
.view_top .photo_list .slick-prev:before {transform:rotate(-45deg);}
.view_top .photo_list .slick-prev:after {transform:rotate(45deg);}
.view_top .photo_list .slick-next {right:0;}
.view_top .photo_list .slick-next:before {transform:rotate(45deg);}
.view_top .photo_list .slick-next:after {transform:rotate(-45deg);}
.view_top dl {border-bottom:#c1c1c1 1px solid; padding-bottom:20px;}
.view_top dl dt {font-size:30px; color:#000; font-weight:400; line-height:40px; padding-bottom:50px; border-bottom:0; letter-spacing:-2px;}
.view_top .unsong {font-size:16px; color:#df1824; line-height:20px; margin-top:20px;}
.get_item_options,
.view_top dl dd {position:relative; font-size:16px; color:#000; font-weight:400; line-height:22px; padding:10px 10px 10px 148px; min-height:42px;}
.get_item_options label,
.view_top dl dd .dd_tit {position:absolute; top:10px; left:0; background:none; font-size:16px; color:#000; padding-left:0; font-weight:400;}
.view_top dl dd.bline {padding-bottom:20px; margin-bottom:25px; border-bottom:#c1c1c1 1px solid;}
.view_top dl dd .product_won2 {font-family:'Verdana'; font-size:16px; color:#df1824; font-weight:700;}
.view_top dl dd .product_won2 strong {font-size:24px; color:#df1824; font-weight:700; letter-spacing:-1px;}
.view_top p {font-size:16px; color:#000;}
.view_top select {font-size:13px; height:30px; border-color:#666; border-radius:2px; min-width:50%;}
.view_top .ico_ {padding-left:20px; background:url('/images/ico_.gif') no-repeat left 50%;}
.sit_opt_list {position:relative; padding-right:20px;}
.sit_opt_list > a {position:absolute; top:50%; right:0; width:20px; height:20px; background:#fff; border:#c1c1c1 1px solid; font-size:0; margin-top:-10px;}
.sit_opt_list > a:before,
.sit_opt_list > a:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; background:#aaa; margin:-1px 0 0 -5px;}
.sit_opt_list > a:before {transform:rotate(45deg);}
.sit_opt_list > a:after {transform:rotate(-45deg);}
#op_add {padding:10px 0;}
#op_add .table_style2 colgroup .w1 {width:auto;}
#op_add .table_style2 colgroup .w2 {width:22%;}
#op_add .table_style2 tbody tr td {font-size:16px; color:#000; font-weight:700; line-height:24px; padding:4px 0;}
#op_add .input_amount {height:30px; text-align:center; min-height:22px; line-height:21px; color:#737070; background:#ffffff; border:solid 1px #cacccb; padding:1px 3px 0 3px;}

.sit_opt_list .table_style2 colgroup .w1 {width:auto;}
.sit_opt_list .table_style2 colgroup .w2 {width:22%;}
.sit_opt_list .table_style2 tbody tr td {font-size:16px; color:#000; font-weight:700; line-height:24px; padding:4px 0;}
.sit_opt_list .input_amount {height:30px; text-align:center; min-height:22px; line-height:21px; color:#737070; background:#ffffff; border:solid 1px #cacccb; padding:1px 3px 0 3px;}

.info .count {width:60px; height:30px; overflow:hidden;}
.info .count li {float:left; width:30px; height:30px; background:#f5f5f5; border:#ddd 1px solid; border-left:0;}
.info .count li a {position:relative; display:block; width:100%; height:100%;}
.info .count li a:before,
.info .count li a:after {content:""; position:absolute; top:50%; left:50%; background:#707070;}
.info .count li a:before {width:9px; height:1px; margin:-1px 0 0 -5px;}
.info .count li a:after {width:1px; height:9px; margin:-5px 0 0 -1px;}
.info .count li.minus a:after {display:none;}
.info .amount {background:#f5f5f5; margin-top:20px; border-top:1px solid #000000;  height:50px; line-height:50px; position:relative; padding:0px 10px; text-align:right; color:#000; font-size:16px; letter-spacing:-1px;}
.info .amount strong { display:block; position:absolute; left:10px; top:0px; color:#000000; font-size:15px; font-weight:normal;}
.shop_btns {margin-top:20px; overflow:hidden;}
.shop_btns li {float:left !important; width:202px; height:60px; margin:0 0 0 26px;}
.shop_btns li:first-child {margin-left:0;}
.shop_btns li b {display:block; width:100%; line-height:58px; font-size:16px; font-weight:700; text-align:center; overflow:hidden;}
.shop_btns li.buy a {background:#de2b31; border:1px solid #de2b31; color:#fff;}
.shop_btns li.buy2 a {background:#fff; border:1px solid #373737; color:#000;}
.shop_btns li.wish a {background:#fff; border:1px solid #373737; color:#000;}
.shop_btns li.basket a {background:#4a4a4a; border:1px solid #373737; color:#fff;}
.view_top .info .naverpay-item {margin-top:20px;}

.shop_btns li.buy button {background:#de2b31; border:1px solid #de2b31; color:#fff;display:block; width:100%; line-height:58px; font-size:16px; font-weight:700; text-align:center; overflow:hidden;}
.shop_btns li.buy2 button {background:#fff; border:1px solid #373737; color:#000;display:block; width:100%; line-height:58px; font-size:16px; font-weight:700; text-align:center; overflow:hidden;}
.shop_btns li.wish button {background:#fff; border:1px solid #373737; color:#000;display:block; width:100%; line-height:58px; font-size:16px; font-weight:700; text-align:center; overflow:hidden;}
.shop_btns li.basket button {background:#4a4a4a; border:1px solid #373737; color:#fff;display:block; width:100%; line-height:58px; font-size:16px; font-weight:700; text-align:center; overflow:hidden;}

.shop_btns2 {margin-top:20px; overflow:hidden; width:100%}
.shop_btns2 div {float:left !important; width:45%; height:60px;}
.shop_btns2 div.shop_memo {float:right !important;color:#ff0000; padding:20px 0; text-align:center;}

.photo_list {margin:0; height:160px; overflow:hidden; padding-top:0;}
.photo_list .slick-slide {cursor:pointer;}
.photo_list li {float:left; width:160px; height:160px; margin-left:20px;}
.photo_list li:first-child {margin-left:0;}
.view_top .photo .photo_list li .br_box {width:100%; height:100%;}

.view_tit {padding:70px 0 10px; font-size:20px; color:#333; font-weight:700; line-height:22px;}
.view_slide {position:relative; padding:30px 45px; border-top:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.view_slide .slick-slide {padding:0 25px; line-height:25px; font-size:17px; color:#333; text-align:center;}
.view_slide .slick-slide .img {position:relative; display:block; overflow:hidden; padding-top:100%;}
.view_slide .slick-slide .img img {position:absolute; top:50%; left:50%; width:auto; height:auto; max-width:100%; max-height:100%; transform:translate(-50%,-50%);}
.view_slide .slick-slide strong {display:block;}
.view_slide .slick-slide .won strong {display:inline-block; vertical-align:top;}
.view_slide .slick-arrow {position:absolute; top:0; width:28px; height:100%; z-index:1; background:none; border:0; font-size:0;}
.view_slide .slick-arrow:before,
.view_slide .slick-arrow:after {content:""; position:absolute; top:50%; left:50%; width:28px; height:2px; background:#333; margin-left:-14px;}
.view_slide .slick-arrow:before {margin-top:-10px;}
.view_slide .slick-arrow:after {margin-top:8px;}
.view_slide .slick-prev {left:5px;}
.view_slide .slick-prev:before {transform:rotate(-45deg);}
.view_slide .slick-prev:after {transform:rotate(45deg);}
.view_slide .slick-next {right:5px;}
.view_slide .slick-next:before {transform:rotate(45deg);}
.view_slide .slick-next:after {transform:rotate(-45deg);}
.atab {margin:0px 0px 20px 0px; border-left:#333 1px solid; overflow:hidden;}
.atab li {float:left; width:25%; height:52px; line-height:50px; text-align:center; border:#333 1px solid; border-left:0;}
.atab li span {display:block; margin-top:0; background:#fff; height:50px;}
.atab li a {display:block; font-size:14px; color:#666666;}
.atab li.on {position:relative;}
.atab li.on span {color:#fff; background:#2a3580;}
.atab li.on span a {color:#fff;}
.atab.five li {width:20%;}
.atab.six li {width:16.5%;}
.view_info {position:relative; background:none; padding-top:30px; margin-top:40px;}
.view_info .link {position:absolute; top:-195px;}
.view_info .tar {margin-top:20px;}
.view_info .btn {display:inline-block; font-size:14px; color:#fff; background:#3e3e3e; width:140px; height:40px; line-height:40px; text-align:center;}
.view_info iframe {max-width:100%;}

table.board-list {width:100%; border-collapse:inherit;}
table.board-list th.bg_datatable3 { background:url(http://pic.neungyule.com/newnetimes/img/common/bg_datatable3.gif) repeat-x left top;}
table.board-list th.purple {background-color:#84308e; color:#fff;}
table.board-list th {padding:15px 0 14px; color:#2d2d2d; font-size:13px;}
table.board-list thead th {border-bottom:1px solid #000000; /* background:url(../img/common/th_line.gif) no-repeat left center #fbfbfb; */}
table.board-list thead th:first-child {background-image:none;}
table.board-list tr.on td {background:#f4f4f4;}
table.board-list tr.re td.subject {padding-left:90px;}
table.board-list tr.re td.subject a {display:inline-block; zoom:1; *display:inline; min-height:16px; padding:0px 0px 0px 23px; background:url(../img/common/ico_re2.gif) no-repeat left top;}
table.board-list td {border-top:1px solid #f3f3f3; border-left:1px solid #f3f3f3; padding:12px 0 11px; text-align:center; font-size:12px; color:#333333;}
table.board-list td:first-child {border-left:none;}
table.board-list td p.name { padding:0px 30px; display:inline-block; zoom:1; *display:inline; position:relative;}
table.board-list td p.name .honor2 { position:absolute; left:0px; top:0px;}
table.board-list td a {color:#656565;}
/* 페이징 */
.br_paging {border-top:3px solid #1e1e1e; margin-top:20px;}
.br_paging .paging  { margin-top:0px; background:none;}
.paging {overflow:hidden; text-align:center; padding:30px 0px; width:100%; height:20px; line-height:18px; font-family:nGothicB, dotum, gulim; margin-top:20px;}
.paging a {padding:0px 5px; color:#202020; display:inline-block; height:18px; line-height:18px; vertical-align:top; zoom:1; *display:inline; min-width:20px;}
.paging a.first {padding:0px 20px 0px 0px; height:20px;}
.paging a.last {padding:0px 0px 0px 20px; height:20px;}
.paging a.on { border:1px solid #8a8a8a; color:#d80000;}

/* 오시는길_new */
.location {width:100%; max-width:1060px; margin:50px auto 0;}
.location .box {display:table; margin:30px auto 0;}
.location .box:first-child {margin-top:0;}
.location .box .info,
.location .box .loc {display:table-cell; box-sizing:border-box; vertical-align:top;}
.location .box .info {background:#f1f1f1;width:289px;padding:25px 10px; position:relative;}
.location .box .info .top {padding:0 0 20px 5px;border-bottom:1px solid #ddd;}
.location .box .info .top dd {font-size:26px;color:#000;}
.location .box .info .top dd img {vertical-align:top; margin-top:10px;}
.location .box .info .mid {border-top:1px solid #fff;border-bottom:1px solid #ddd;padding:20px 0 20px 10px;font-size:18px;line-height:1.3em;}
.location .box .info .bot {box-sizing:border-box;width:100%;padding:25px 10px;}
.location .box .info .bot.bot2 {top:248px;}
.location .box .info .bot .one {font-size:14px;line-height:1.4em;}
.location .box .info .bot .two {font-size:12px;line-height:1.4em;border-top:1px dashed #aaa;padding-top:20px;}

/* 로그인 */
.login_box {display:table; margin:60px 0 70px; width:100%;}
.login_box dt,
.login_box dd {display:table-cell; width:50%; vertical-align:top;}
.login_box dt img {width:100%;}
.login_box dd {border-right:#ddd 1px solid; border-bottom:#ddd 1px solid;}
.login_box .jq_tab {overflow:hidden;}
.login_box .jq_tab li {float:left; width:50%; font-size:20px; color:#898998; line-height:58px; font-weight:700; background:#f0f0f0; text-align:center; border:#ddd 1px solid; border-right:0; cursor:pointer;}
.login_box .jq_tab li:first-child {border-left:0;}
.login_box .jq_tab li.on {border-top:#df1824 2px solid; border-bottom-color:#fff; line-height:57px; color:#df1824; background:#fff;}
.login_box .cont {padding:30px 40px;}
.login_box .cont .text,
.login_box .cont .btn {display:block; height:60px; width:100%;}
.login_box .cont .text {font-size:18px; color:#898989; line-height:58px; border:#ddd 1px solid; margin-bottom:10px;}
.login_box .cont .btn {font-size:20px; color:#fff; line-height:60px; text-align:center; background:#df1824; border:0;}
.login_box .cont .links {text-align:center; padding:20px 0 15px; border-bottom:#ddd 1px solid; font-size:0;}
.login_box .cont .links a {display:inline-block; vertical-align:top; font-size:18px; color:#df1824; font-weight:700; line-height:20px; padding:0 20px;}
.login_box .cont .txt {font-size:18px; color:#4a4a4a; font-weight:300; line-height:27px; padding-top:15px;}

/* 회사소개_new */
.company {width:100%; max-width:1200px; margin:0 auto;}
.company .txt {position:relative; margin-bottom:150px; padding:30px 380px 0 20px; background:url('/images/img_company02.jpg') no-repeat right 20px top;}
.company .txt p {font-size:22px; color:#333; font-weight:500; line-height:38px; margin-bottom:20px;}
.company .txt p strong {font-weight:600; text-decoration:underline;}
.company .btm_img {position:relative; padding-top:46px;}
.company .btm_img:before {content:""; position:absolute; top:0; left:0; width:100%; height:23px; background:url('/images/ptn_bit.gif');}
.company .btm_img img {display:block; margin:0 auto;}
.company .btn {display:block; font-size:16px; color:#000; font-weight:700; line-height:52px; height:54px; width:394px; max-width:100%; text-align:center; margin:70px auto 0; border:#ddd 1px solid; transition:.2s linear;}
.company .btn:hover {color:#fff; background:#000; border-color:#000;}

/* 회원정보 찾기 */
.search_idpw {width:100%; max-width:800px; border:#ddd 1px solid; border-top:#df1824 2px solid; margin:0 auto; padding:40px 20px;}
.search_idpw .tit {font-size:18px; color:#333; font-weight:700;}
.search_idpw p {font-size:15px; color:#666; line-height:24px; margin:10px 0 20px;}
.search_idpw .text {font-size:15px; color:#666; line-height:38px; height:40px;}

/* 개인결제창 */
.my_list {overflow:hidden; margin:-4% -5px 0;}
.my_list li {float:left; width:20%; margin:4% 0 0; padding:0 5px; text-align:center;}
.my_list li strong {display:block; font-size:14px;}
.my_list li img {width:100%; height:auto; margin:5px 0 20px;}
.my_list li span {display:block; font-size:14px; line-height:20px;}

/* faq */
.faq {border-top:#df1824 2px solid;}
.faq dt,
.faq dd {position:relative; border-bottom:#ddd 1px solid; padding:15px 10px 15px 50px;}
.faq dt:before,
.faq dd:before {position:absolute; top:15px; left:10px; width:30px; text-align:center; line-height:20px; font-size:16px; font-weight:700;}
.faq dt {font-size:14px; color:#333; font-weight:700; line-height:20px; padding-right:50px; cursor:pointer;}
.faq dt:before {content:"Q"; color:#df1824;}
.faq dt i {position:absolute; top:0; right:10px; width:20px; height:100%;}
.faq dt i:before,
.faq dt i:after {content:""; position:absolute; top:50%; left:50%; width:10px; height:2px; margin-top:-1px; background:#666; transition:.2s linear;}
.faq dt i:before {transform:rotate(45deg); margin-left:-8px;}
.faq dt i:after {transform:rotate(-45deg); margin-left:-2px;}
.faq .on dt i:before {transform:rotate(-45deg);}
.faq .on dt i:after {transform:rotate(45deg);}
.faq dd {background:#f5f5f5; display:none;}
.faq dd:before {content:"A"; color:#666;}

/* 제품 상세 */
.pro_top {position:relative; margin-bottom:20px; display: none;}
.pro_top .title {font-size:38px; color:#231815; font-weight:700; line-height:50px;}
.pro_top .loca {position:absolute; top:0; right:0; font-size:15px; color:#999; line-height:50px;}
.pro_top .loca img {display:inline-block; vertical-align:top; margin-top:18px;}
.pro_top .loca i {position:relative; display:inline-block; vertical-align:top; width:40px; height:50px;}
.pro_top .loca i:before,
.pro_top .loca i:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:1px; background:#999;}
.pro_top .loca i:before {transform:rotate(45deg); margin-top:-3px;}
.pro_top .loca i:after {transform:rotate(-45deg); margin-top:3px;}
.pro_menu {text-align:center; padding:25px 0; border-bottom:#ddd 1px solid; font-size:0; margin-bottom:50px;}
.pro_menu a {position:relative; display:inline-block; font-size:17px; color:#514846; line-height:26px; padding:0 15px;}
.pro_menu a:before {content:""; position:absolute; top:50%; left:0; width:1px; height:20px; margin-top:-10px; background:#514846;}
.pro_menu a:first-child:before {display:none;}
.pro_info {position:relative; font-size:20px; color:#231815; font-weight:700; line-height:28px;}
.pro_info .total {display:inline-block; vertical-align:top; font-size:16px;}
.pro_info .total em {color:#df1824;}
.pro_info .btns {position:absolute; top:0; right:0; overflow:hidden;}
.pro_info .btns a {display:block; float:left; font-size:15px; line-height:26px; height:28px; width:114px; border:#ddd 1px solid; margin-left:12px; text-align:center;}
.pro_info .btns a:first-child {margin-left:0;}
.pro_info .btns a.on {color:#df1824; border-color:#df1824;}
.pro_list ul {overflow:hidden;}
.pro_list ul li {margin-top:100px;}

/* 회원가입 */
.sound_only {display:none !important;}
.register p {padding:10px; background:#f5f5f5; font-size:15px; color:#666; line-height:24px;}
.register h2 {font-size:17px; color:#333; margin:20px 0 10px;}
.register textarea {width:100%; height:100px; resize:none; padding:10px; margin-bottom:5px; border:#ddd 1px solid;}
#fregister_private th,
#fregister_private td {border:#ddd 1px solid; padding:10px; line-height:20px; text-align:center;}
#fregister_private th {color:#333; background:#f5f5f5;}
#fregister_private td {color:#666;}
.chk_all {margin-top:20px; border-top:#ddd 1px dashed; padding-top:20px;}
.btn_confirm {text-align:center; margin-top:40px; font-size:0;}
.btn_confirm .btn_submit,
.btn_confirm .btn_close {display:inline-block; vertical-align:top; width:200px; max-width:48%; height:60px; line-height:58px; text-align:center; font-size:15px; border:#df1824 1px solid !important; margin:0 10px; font-weight:700;}
.btn_confirm .btn_submit {color:#fff; background:#df1824;}
.btn_confirm .btn_close {color:#df1824;}
.register .yaks {height: 100px; overflow:auto; border: #ddd 1px solid; padding: 10px;}
.register .yaks p {background: none; padding: 0; font-size: 13px; color: #000; font-weight: 400; line-height:20px;}

.register_form_inner ul {border-top:#df1824 2px solid; margin-bottom:40px;}
.register_form_inner:last-child ul {margin-bottom:0;}
.register_form_inner li {position:relative; border-bottom:#ddd 1px solid; padding:10px 10px 10px 140px; font-size:15px;}
.register_form_inner li label {position:absolute; display:block; top:10px; left:10px; line-height:40px; font-weight:700;}
.register_form_inner .tooltip {position:absolute; display:none; width:200px; background:#fff; border:#ddd 1px solid; z-index:1; padding:10px;}
.register_form_inner .frm_input {height:40px; border:#ddd 1px solid; padding:0 10px; max-width:100%;}
.register_form_inner:last-child li {padding-left:10px;}
.register_form_inner li strong {display:block;}
.is_captcha_use * {vertical-align:top;}
.is_captcha_use .captcha {position:relative; margin-top:10px;}
.is_captcha_use #captcha_img {border:#ddd 1px solid;}
.is_captcha_use .captcha_box {border:#ddd 1px solid; height:62px; line-height:60px; width:100px; margin:0 10px; padding:0 10px;}
.is_captcha_use #captcha_info {display:block;}
.is_captcha_use #captcha_reload {width:62px; height:62px; font-size:0; border:#ddd 1px solid; border-radius:2px;}
.is_captcha_use #captcha_reload:before {content:"\f2f1"; font-family:"Font Awesome 5 Free"; font-weight:900; font-size:20px;}

.register_end {padding:50px 0; background:#f5f5f5; margin-top:50px;}
.register_end .reg_result_p {padding:0 10px 20px; font-size:15px; color:#333; text-align:center; border-bottom:#ddd 1px dashed;}
.register_end .reg_result_p i {display:block; font-size:40px; color:#df1824; margin:0 auto 20px; width:80px; height:80px; line-height:76px; text-align:center; background:#f5f5f5; border-radius:50%; border:#df1824 2px solid;}
.register_end .result_txt {font-size:15px; color:#666; text-align:center;}
.btn_confirm_reg a {display:block; font-size:15px; color:#fff; background:#df1824; width:100px; height:50px; line-height:50px; margin:20px auto 100px; text-align:center;}

/* popup */
.hd_pops {position:absolute; z-index:101;}
.hd_pops_footer {background:#333; padding:0 10px; text-align:right; color:#fff;}
.hd_pops_reject,
.hd_pops_close {display:inline-block; vertical-align:top; font-size:12px; color:#fff; line-height:30px;}
.hd_pops_close {margin-left:10px;}
.hd_pops_con {max-width:100%;}

/* 프후css */
.list_02 {border-top:#df1824 2px solid; border-bottom:#ddd 1px solid;}
.list_02 li {width:24%; margin:0 0 0 1.3333%; padding:20px 0;}
.list_02 li:nth-child(4n-3) {margin-left:0;}
.list_02 li.empty_table {width:100%;}
#sod_ws li .wish_info {border-bottom:0;}
#sod_ws li img {height:auto;}
.sod_ws_img {width:100%;}
.tbl_head03 .w1 {width:60px;}
.tbl_head03 .w3 {width:120px;}
#sit_sel_option {position:relative; padding:0 0 20px 20px; border-bottom:#ddd 1px solid;}
#sit_sel_option h3 {position:absolute; top:0; left:0;}
#sit_sel_option .sit_opt_subj {display:block; font-size:15px; color:#333; line-height:26px; margin-bottom:10px;}
#sit_sel_option .opt_count {position:relative; overflow:hidden;}
#sit_sel_option .opt_count button,
#sit_sel_option .opt_count .num_input,
#sit_sel_option .opt_count .sit_opt_prc {float:left; height:30px; line-height:30px;}
#sit_sel_option .opt_count button {width:30px;}
#sit_sel_option .opt_count .sit_qty_minus,
#sit_sel_option .opt_count .sit_qty_plus {color:#fff; background:#434a54;}
#sit_sel_option .opt_count .num_input {width:60px; text-align:center; border:#ddd 1px solid;}
#sit_sel_option .opt_count .sit_opt_prc {padding-left:10px; font-size:15px;}
#sit_sel_option .opt_count .sit_opt_del {position:absolute; top:0; right:0;}
.sod_option_btn #mod_option_frm #sit_tot_price {font-size:16px; line-height:30px;}
.sod_option_btn #mod_option_frm .btn_confirm {background:none; font-size:15px; margin:0;}
.sod_option_btn #mod_option_frm .btn_confirm .btn_submit {font-size:14px; height:30px; line-height:30px; margin:0; color:#fff !important; background:#ff0000 !important;}
#mod_option_frm .btn_confirm .btn_close {color:#999; margin:0; font-size:0;}
#mod_option_frm .btn_confirm .btn_close i {font-size:15px;}
#display_pay_button .btn_submit,
.sod_frm_mobile .btn_cancel {font-size:15px; width:200px; height:40px; line-height:38px; max-width:48%;}
.sod_frm_mobile#sod_frm .sod_frm_point {padding-bottom:0;}

.sod_left {max-width:64%; margin-right:2%;}
.sod_right {max-width:34%;}

#sit_use_list .sit_use_top {padding-right:280px;}

#sct .sct_ct {padding:5px;}
.sct_10 .sct_star {display:none;}
.sct_10 .sct_li .sct_txt {border-bottom:0; padding-bottom:0;}

.sct_btns {text-align:center;}
.sct_btns span {display:inline-block !important; font-size:13px; color:#fff; font-weight:700; line-height:20px; height:20px; padding:0 5px; border-radius:3px; margin:0 1px; vertical-align:top;}
.sct_btns .custom1 {background:#f00;}
.sct_btns .custom2 {background:#938808;}
.sct_btns .custom3 {background:#4600cf;}

.bo_vc_w .btn_confirm {font-size:15px;}
.bo_vc_w .btn_submit {line-height:45px;}
.sct_10 .sct_li .sct_txt a {color:#000;}
.sct_10 .sct_bottom {color:#000;}

/* admin */
body.adm_wrap {overflow:auto; min-width:1280px;}

/* idpw찾기 */
/* 새창 기본 스타일 */
.new_win {position:relative}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#3a8afd;border-color:#3a8afd;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {font-size:1.2em;vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#3a8afd;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

.new_win p {font-size:13px; color:#666;}
.new_win .text {height:40px; line-height:38px; border-radius:4px;}
.new_win .captcha {font-size:0;}
.new_win .captcha #captcha_img,
.new_win .captcha .captcha_box,
.new_win .captcha button {display:inline-block; vertical-align:top; border:#ddd 1px solid; font-size:15px; margin-right:5px; border-radius:4px;}
.new_win .captcha .captcha_box {width:100px; height:60px;}
.new_win .captcha button {padding:0 10px; height:60px;}
.new_win .win_btn {text-align:center; margin-top:20px; font-size:0;}
.new_win .win_btn input,
.new_win .win_btn button {font-size:13px; display:inline-block; vertical-align:top; font-size:15px; height:40px; width:100px; margin:0 2px; border-radius:4px;}
.new_win .win_btn .btn_submit {color:#fff; background:#df1824;}
.new_win .win_btn .btn_close {color:#666; background:#fff; border:#666 1px solid;}

#mb_login_od_wr .frm_input {display:block; height:60px; width:100%; font-size:18px;}
#mb_login_od_wr .btn {display:block; font-size:20px; color:#fff; background:#df1824; height:60px; line-height:60px; width:100%; margin-top:20px;}

#sct #sct_ct_1 ul {position:relative; overflow:hidden;}
#sct #sct_ct_1 li {position:relative;}
#sct #sct_ct_1 li:before {content:""; position:absolute; top:0; right:-1px; width:1px; height:200%; background:#000;}
#sct_ct_1 li:nth-child(5n-4) {clear:both;}

.yaks {padding: 0 20px;}
.yaks .title {font-size: 24px; color: #333; font-weight: 700; line-height: 30px; text-align: center; margin-bottom: 20px;}
.yaks p {font-size:12pt; font-weight:400; line-height:20pt; margin-bottom:20px;}
.yaks table {margin:20px 0;}
.yaks th,
.yaks td {border:#ddd 1px solid; text-align:center; font-size:12pt; line-height:20pt; padding:10px;}
.yaks th {background:#f5f5f5;}


.rate{background: url('/images/star_bg02.png') no-repeat;width: 121px;height: 20px;position: relative;}
.rate span{position: absolute;background: url('/images/star02.png');width: auto;height: 20px;}


.view_top dl.get_item_options{position:relative;width: auto; padding: 0px;min-height: 22px; width:98%;}
.view_top dl.get_item_options dt {display:block; cursor:pointer;position:relative; height:40px; line-height:40px; padding: 0px 10px; margin-bottom: 0px; font-size:16px;}
.view_top dl.get_item_options dt i {position:absolute; top:0; right:0px; width:40px; height:100%;background: #4a4a4a;}
.view_top dl.get_item_options dt i:before,
.view_top dl.get_item_options dt i:after {content:""; position:absolute; top:50%; left:50%; width:8px; height:1px; background:#fff; transition:.2s linear;}
.view_top dl.get_item_options dt i:before {transform:rotate(45deg); margin-left:-7px;}
.view_top dl.get_item_options dt i:after {transform:rotate(-45deg); margin-left:-1px;}
.view_top dl.get_item_options dd { top:5px; left:0; width:100%; background:#fff; border:#c1c1c1 1px solid; display:none; padding:0px; z-index:999;}
.view_top dl.get_item_options dd ul li {display:block; line-height:20px; padding:5px 10px; cursor:pointer;}
.view_top dl.get_item_options li a i {display:none;}
.view_top dl.get_item_options .on dt i:before {transform:rotate(-45deg);}
.view_top dl.get_item_options .on dt i:after {transform:rotate(45deg);}

.view_top dl.get_item_options2 { padding: 5px 0px; border-bottom:0px; }
.view_top dl.get_item_options2 select {height:40px; line-height:40px; padding: 0px 10px; }