@charset "utf-8";

/* 상단 슬라이드 배너 */
#top_slide_banner{width: 100%; height: 260px; background: #ddd; margin-bottom: 30px}

/* 상품리스트 탭 */
#pro_tab {width:100%; margin-bottom:25px; /*border:1px solid #ddd;*/ }
#pro_tab:after {display:block; clear:both; content:"";}
#pro_tab li {display:inline-block; padding:10px 25px; margin:0 5px; border:1px solid #ddd; font-size:16px;}
#pro_tab li.on {/*border:1px solid #004D79;*/}
#pro_tab li.on a {/*color:#004D79;*/}

/* 상품리스트 */
#pro_list { width:100%; padding-bottom:30px;}
#pro_list:after {display:block; clear:both; content:"";}


/* 상품상세*/
#pro_detail { width:100%; padding:30px 0 30px;}
#pro_detail:after {display:block; clear:both; content:"";}

/* 상품상세 상단영역 */
#pro_head { width:100%; padding:0;}
#pro_head:after {display:block; clear:both; content:"";}

/* 이미지영역 */
#img_area {width:400px; float:left;}
#img_area .img {border:1px solid #ddd;box-sizing:border-box;position: relative;}
#img_area .img .thumb {max-width:100%;}
#img_area .img .icon {display:block;width: 100%;height: 100%;position: absolute;top: 0;z-index:5;}
#img_area .img .icon .rt,
#img_area .img .icon .lt,
#img_area .img .icon .rb,
#img_area .img .icon .lb {width:190px; height:50px; float:left; padding:5px; text-align:left;}
#img_area .img .icon .rt img,
#img_area .img .icon .lt img,
#img_area .img .icon .rb img,
#img_area .img .icon .lb img {margin:0 1.5px;}
#img_area .img .icon .rt,
#img_area .img .icon .rb { float:right; text-align:right;}
#img_area .img .icon .lb,
#img_area .img .icon .rb { margin-top:285px;}

#img_area .img .slide_btn {width: 35px;height: 35px;line-height: 35px;text-align: center;border-radius: 50%;background: rgba(0, 0, 0, 0.6);color: #fff;display: block;cursor: pointer;}
#img_area .img .slide-switch {position: absolute;top: calc(50% - 17.5px);display: flex;justify-content: space-between;width: 100%;z-index: 9;}

#img_area .sthumb {width:400px; margin:10px 0;}
#img_area .sthumb li {width:72px; margin-right:10px; border:1px solid #ddd; box-sizing:border-box; display:inline-block; margin-bottom:10px;}
#img_area .sthumb li img {width:100%;}
#img_area .sthumb li:nth-child(5n) {margin-right:0;}


#txt_area .terms {font-size:12px; line-height:18px; color:#aaa; margin-top:10px;}

#pro_tit {width:780px; float:left;font-size:24px; line-height:26px; font-weight:bold; border-bottom:1px solid #ddd; margin:0 0 10px 20px; padding:10px; box-sizing:border-box;}

/* 제품설명 영역 */
#txt_area {width:380px; float:left; margin-left:20px; }
#txt_area dl { border-bottom:1px solid #ddd; margin-top: 10px; font-size:13px; color:#888; /*letter-spacing:-1px;*/ padding:5px 0;}
#txt_area dl.gray {background:#fafafa;}
#txt_area dl:after {display:block; clear:both; content:"";}
#txt_area dt,
#txt_area dd {float:left; min-height:30px; line-height:30px;}
#txt_area dt {width:110px; color:#555; padding-left:8px; box-sizing:border-box; word-break:keep-all;}
#txt_area dd {width:270px; }
#txt_area dd.price b{font-size:26px; /*color:#5FB9BC;*/ font-weight:900;}
#txt_area dd.price_card b{font-size:26px; /*color:#004D79;*/ font-weight:900;}
#txt_area dd.card select {width:220px; height:30px; border:1px solid #e8e8e8; margin-right:5px;}
/* #txt_area dd.card p {font-size:13px; line-height:18px; color:#888; margin:10px 0;} */
#txt_area dd.card p b {font-size:15px; /*color:#004D79;*/ font-weight:normal;}
#txt_area dl .info {font-size:12px; line-height:18px; color:#888; margin:5px 0; padding:0 8px; box-sizing:border-box;}
#txt_area dd.card #card_list {width:220px; border:1px solid #ddd; backgruond:#fff; box-sizing:border-box;}
#txt_area dd.card #card_list li img {height:30px; margin-right:10px;}
#txt_area dd.card #card_list li {padding:5px 10px;}

#price_area dl { border-bottom:1px solid #ddd; font-size:13px; color:#888; /*letter-spacing:-1px;*/ padding:5px 0;}
#price_area dl.gray {background:#fafafa;}
#price_area dl:after {display:block; clear:both; content:"";}
#price_area dt,
#price_area dd {float:left; min-height:30px; line-height:30px;}
#price_area dt {width:120px; color:#555; padding-left:8px; box-sizing:border-box;}
#price_area dd {width:220px; }

/* 결합상품 및 가격영역 */
#price_area {width:380px; float:right;}
#price_area select {width:100%; height:30px; border:1px solid #e8e8e8; font-size:13px; color:#888;}
#price_area .plus_list {width:100%; height:230px; border:1px solid #e8e8e8; overflow-y:scroll; margin:10px 0;}
#price_area .plus_list:after {display:block; clear:both; content:"";}
#price_area .plus_list ul {width:100%; padding:5px 15px; box-sizing:border-box;}
#price_area .plus_list ul li {border-bottom:1px solid #ddd; padding:10px 0;}
#price_area .plus_list ul li td {padding:4px 0; margin:0; letter-spacing:-1px;}
#price_area .plus_list ul li td.btn {display:table-cell;}
#price_area .plus_list ul li .thumb {min-width: 60px;width:60px;}
#price_area .plus_list ul li .thumb img {width:100%; border:1px solid #ddd; box-sizing:border-box;}
#price_area .plus_list ul li .subject,
#price_area .plus_list ul li .price { padding:0 15px; box-sizing:border-box; font-size:14px; color:#555;}
#price_area .plus_list ul li .price { color:#888; }
#price_area .plus_list ul li .price b {/*color:#004D79;*/ font-size:18px; font-weight:normal;}
#price_area .plus_list ul li .btn {width:25px;}
#price_area .plus_list ul li .btn a {display:flex; justify-content:center; align-items:center; width:25px; height:25px; border:1px solid #ddd; border-radius:50%; color:#ddd;}
#price_area .plus_list ul li .btn a:hover {/*background:#004D79;*/ color:#fff; border-color:#fff;}
#price_area .plus_list table { width: 100%; }
#price_area .plus_list .plus_plan { width:calc(100% - 30px); margin: 0 15px; padding: 0 10px;}

#price_area .plus_select {width:100%; border:1px solid #e8e8e8; box-sizing:border-box; background:#f5f5f5; padding:15px;}
#price_area .plus_select table {width:100%;}
#price_area .plus_select td {padding:0; margin:0; letter-spacing:-1px;}
#price_area .plus_select .thumb {width:60px;}
#price_area .plus_select .thumb img {width:100%; border:1px solid #ddd; box-sizing:border-box;}
#price_area .plus_select .subject,
#price_area .plus_select .price { padding:0 15px; box-sizing:border-box; font-size:14px; color:#555;}
#price_area .plus_select .price { color:#888; }
#price_area .plus_select .price b {/*color:#004D79;*/ font-size:18px; font-weight:normal;}
#price_area .plus_select .btn {width:25px;}

#price_area .price_total {width:100%; border:1px solid #e8e8e8; padding:15px 15px 5px 15px; box-sizing:border-box; margin:10px 0;}
#price_area .price_total:after {display:block; clear:both; content:"";}
#price_area .price_total dt,
#price_area .price_total dd {float:left;}
#price_area .price_total dt {width:140px;}
#price_area .price_total dd {width:calc(100% - 140px); text-align:right;}
#price_area .price_total ul li {padding:5px 0;}
#price_area .price_total ul li:after {display:block; clear:both; content:"";}
#price_area .price_total .total {border-top:1px solid #ddd; font-size:16px;}
#price_area .price_total .total b{font-size:24px; font-weight:900; /*color:#004D79;*/}
#price_area .price_total .sale {/*color:#004D79;*/ font-weight:bold;}

#price_area .btn {width:100%; height:auto; margin:0; padding:0; display:block;}
#price_area .btn .submit00,
#price_area .btn .submit01,
#price_area .btn .submit02 {height:60px;border-radius:30px;border:0; box-sizing:border-box;font-size:18px;}
#price_area .btn .submit00 { width:49%; line-height:60px; font-weight:normal; margin-right:1%; vertical-align:middle;}
#price_area .btn .submit01 {width:100%; /*background:#004D79;*/ color:#fff; margin-top:10px;}
#price_area .btn .submit02 { width:49%; background:#fff; border:1px solid #888; color:#888; }

/* 상품상세 하단영역 */
#detail_area{ width:100%; padding:30px 0;}
#detail_area:after {display:block; clear:both; content:"";}

/* 상품상세 탭 */
#detail_tab {width:100%; margin:20px 0; }
#detail_tab:after {display:block; clear:both; content:"";}
#detail_tab li { float:left; width:240px; text-align:center; border:1px solid #ddd; font-size:16px; padding:10px 0;}
#detail_tab li.on {/*border:1px solid #004D79;*/}
#detail_tab li.on a {/*color:#004D79;*/}

/* 사은품 */
#gift01,
#gift02,
#gift03,
#gift04,
#gift05,
#gift06,{ width:100%; height:380px; padding-top:30px;}
#gift01:after,
#gift02:after,
#gift03:after,
#gift04:after,
#gift05:after,
#gift06:after{display:block;visibility:hidden;clear:both;content:""}
#gift01 h1,
#gift02 h1,
#gift03 h1,
#gift04 h1,
#gift05 h1,
#gift06 h1{text-align:center; font-size:24px; padding-bottom:10px; margin-bottom:15px; font-weight:normal; background:url('../img/d_gift_bg.png') no-repeat 50% 50%;}
#gift01 .roll,
#gift02 .roll,
#gift03 .roll,
#gift04 .roll,
#gift05 .roll,
#gift06 .roll{width:1200px; margin:0 auto; display:block; position:relative; }
#gift01 ul,
#gift02 ul,
#gift03 ul,
#gift04 ul,
#gift05 ul,
#gift06 ul{width:1130px; height:300px; margin:0 auto;}
#gift01 li,
#gift02 li,
#gift03 li,
#gift04 li,
#gift05 li,
#gift06 li{width:220px; text-align:center; float:left; margin-right:7.5px;}
#gift01 li:last-child,
#gift02 li:last-child,
#gift03 li:last-child,
#gift04 li:last-child,
#gift05 li:last-child,
#gift06 li:last-child {margin-right:0;}
#gift01 li img,
#gift02 li img,
#gift03 li img,
#gift04 li img,
#gift05 li img,
#gift06 li img{border:1px solid #ddd; box-sizing:border-box;}
#gift01 li p,
#gift02 li p,
#gift03 li p,
#gift04 li p,
#gift05 li p,
#gift06 li p{font-size:16px; line-height:24px; margin-top:4px; color:#888; word-break:keep-all;}
#gift01 .roll .left,
#gift02 .roll .left,
#gift03 .roll .left,
#gift04 .roll .left,
#gift05 .roll .left,
#gift06 .roll .left{position:absolute; float:left; margin-top:-200px;}
#gift01 .roll .right,
#gift02 .roll .right,
#gift03 .roll .right,
#gift04 .roll .right,
#gift05 .roll .right,
#gift06 .roll .right{ position:absolute; right:0; margin-top:-200px;}

#d_btn { text-align:center; margin-top:20px;}
#d_btn li {display:inline-block; width:250px; line-height:60px; /*background:#004D79;*/ color:#fff; text-align:center; font-size:18px;}
#d_btn a:last-child li { background:#555; margin-left:10px;}
#d_btn a:hover li {color:#FFC;}

/* 온라인렌탈신청 */
#buy_table {width:100%; /*border-top:2px solid #004D79;*/}
#buy_table th {background:#f5f5f5; width:160px; text-align:left;}
#buy_table th,
#buy_table td {border-bottom:1px solid #ddd; padding:10px 20px;}
#buy_table td.product img {float:left; width:150px; border:1px solid #ddd; box-sizing:border-box; margin-right:20px;}
#buy_table td.product div {float:left;}
#buy_table td.product div h5 {font-size:18px; font-weight:normal;}
#buy_table td.product div p {font-size:14px; color:#888;}
#buy_table td select.gift {width:500px; height:30px; border:1px solid #ccc;}
#buy_table td input.name,
#buy_table td input.tel {width:300px; border:1px solid #ccc;}
#buy_table td .txtarea {width:100%; height:150px; border:1px solid #ccc;}

#private {width:100%; margin:15px 0;}
#private h2 {font-size:14px; line-height:24px;}
#private textarea {width:100%; height:100px; border:1px solid #ddd; color:#888;}
#private .private_agree {text-align:center;font-size:16px; color:#888; line-height:20px; margin-top:10px;}
#private .private_agree #agree {width:20px; height:20px;}

#app_buy {margin:30px auto 0; /*background:#004D79;*/ color:#fff; border:0; text-align:center; font-size:18px; width:250px; height:50px; display:block; cursor:pointer;}


/* 이벤트 */
#event_list {width:100%;display: flex;}
#event_list p {margin:20px 0 20px; font-size:16px; color:#888;text-align: center}
#event_list p b {font-size:22px; margin-right:10px; color:#222;}

#event_list p a {width:300px; height: 40px; line-height: 40px; display: block; margin: 20px auto 0;/*border:1px solid #004D79; color:#004D79;*/ text-align:center; }
#event_list p a:hover {/*background:#004D79;*/ color:#fff;}

#event_list li{width: 33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    padding: 15px; margin-right: 10px
}
#event_list li:nth-child(3n){margin-right: 0}
#event_detail {text-align:center;}
#eve_btn { text-align:center; margin-top:20px;}
#eve_btn li {display:inline-block; width:250px; line-height:60px; /*background:#004D79;*/ color:#fff; text-align:center; font-size:18px;}
#eve_btn a:last-child li { background:#555; margin-left:10px;}
#eve_btn a:hover li {color:#FFC;}


/* 사은품 */
#gift_tab { margin:25px 0; text-align:center;}
#gift_tab li {display:inline-block;border:1px solid #ddd; padding:5px 20px; border-radius:20px; color:#222; font-size:18px; margin:0 5px;}
/*#gift_tab a:first-child > li {border-color:#555; background-color:#fecc1f;}*/
#gift_tab a:first-child > li.on {color:#fff}
#gift_tab li.on {/*color:#004D79; border-color:#004D79;*/}

#gift_list {width:100%;display: flex; flex-wrap: wrap}
#gift_list:after {display:block; clear:both; content:"";}
#gift_list li {width:24%; overfloat:hidden; border:1px solid #ddd; box-sizing:border-box; padding:10px; margin:0.5%;}
#gift_list li img {width:100%; border:1px solid #ddd; box-sizing:border-box;}
#gift_list li .num {width:30px; height:30px; background:#333; color:#fff; text-align:center; line-height:30px; font-size:16px; display:block; position:absolute;}
#gift_list li p {margin-top:10px; height:40px; overflow:hidden; font-size:16px; line-height:20px; color:#555; text-align:center;}


/* 결합계산기 */
#combine {width:100%;}
#combine:after {display:block; content:""; clear:both; }
#combine #com_bn_top img {width:100%;}
#combine h1 {font-size:22px; margin:20px 0 10px;}
#combine h1 span {color:#E80049; margin-right:5px; font-size:18px;}
#com_step02:after {display:block; content:""; clear:both;}
#combine .com_list {width:100%;}
#combine .com_list:after {display:block; content:""; clear:both; }
#combine .com_list li {float:left; width:24%; margin:0.5%; border:1px solid #ddd;}
#combine .com_list li img {width:100%;}
#combine .com_list li .box {width:96%; margin:2% auto;}
#combine .com_list li .box td {font-size:14px; color:#555; height:25px;}
#combine .com_list li .box td b {font-size:18px; color:#a50034;}
#combine .com_list li .box td.card b {color:#e80049;}
#combine .com_list li .box td.btn {text-algin:right;}
#combine .com_list li .box td.btn .check {width:80px; height:50px; line-height:50px; text-align:center; background:#fafafa; border:1px solid #e5e5e5;}
#combine .com_list li .box td.btn .check:hover {color:#e80049; border:1px solid #e80049;}
#combine .com_list li h3{display:block;height:66px;overflow:hidden}
#com_step03 table {width:100%;}
#com_step03 table thead th {border-top:2px solid #000; border-bottom:1px solid #ddd; font-size:16px; padding:10px 0; font-weight:400;}
#com_step03 table tbody td {text-align:right;border-bottom:1px solid #ddd; padding:5px 0;}
#com_step03 table tbody td img {width:100px; }
#com_step03 table thead tr th:first-child,
#com_step03 table tbody tr td:first-child,
#com_step03 table thead tr th:last-child,
#com_step03 table tbody tr td:last-child {text-align:center;}
#com_step03 table tbody tr td:nth-child(2) {text-align:left;}
#com_step03 table thead tr th:nth-child(4),
#com_step03 table tbody tr td:nth-child(4) {color:#e80049;}
#com_step03 table tfoot tr td:nth-child(3) {color:#e80049;}
#com_step03 table tfoot tr td {border-top:2px solid #E80049; border-bottom:2px solid #E80049; padding:10px 0;}
#com_step03 table tfoot tr td:first-child {border-left:2px solid #E80049; text-align:center;}
#com_step03 table tfoot tr td:last-child {border-right:2px solid #E80049;}
#com_step03 table tfoot tr td {text-align:right;}