/* °áÁ¦È­¸é ŸÀÌƲ  */
.ship > .sub-title {width:100%; overflow:hidden; padding:0 0 10px 0; margin-bottom:30px; border-bottom:3px solid #555;}
.ship > .sub-title h3 {margin-top:15px; font-family: "Nanum Gothic"; font-size:36px; font-weight:bold; float:left; color:#000;}
.ship > .sub-title > .sub-nav {display:block; margin-top:50px; float:right; text-align:right; color:#999;}
.ship > .add-info {margin-bottom:30px;}
.ship > .add-info > .title1 {font-size:30px;font-weight:bold;}
.ship > .add-info > .title2 {font-size:24px;}
.ship .sub_content {width:100%;}
.ship .sub_content .mypage_order_tabboxN {height:48px;background:none;}
.ship .sub_content .mypage_tabwrap {width:100%;}
.ship .sub_content .mypage_tabwrap .mypage_order_tabboxN {width:100%;display:flex;}
.ship .sub_content .mypage_tabwrap .mypage_order_tabboxN li.mypage_tabOn {height:45px;border-bottom:none;}
.ship .sub_content .mypage_tabwrap .mypage_order_tabboxN li {height:45px;width:100%;display:flex;padding:0px;align-items: center;justify-content:center;border-bottom:solid 1px #555;}
.ship .sub_content .mypage_tabwrap .mypage_order_tabboxN li a {display:flex;align-items: center;justify-content:center;width:100%;height:100%;font-size:14px;}

#container {margin-top:0px !important;}

/* °áÁ¦ È­¸é ¾ÆÀÌÄÜ */
.content-box {min-height:400px;width:100%;clear:both;box-sizing:border-box;font-family:'Nanum Gothic';margin-bottom:60px;}
.content-box > .type-list {display:flex;gap:56px;margin-top:40px;box-sizing:border-box;color:#000;}
.content-box > .type-list a {display:block;width:100%;text-align:center;font-size:30px;font-weight:bold;border-radius:22px;color:#000;}
.content-box > .type-list a:hover {text-decoration:none;}
.content-box > .type-list a.type-1 {border:solid 1px #f2a647;}
.content-box > .type-list a.type-2 {border:solid 1px #f28d9f;}
.content-box > .type-list a.type-3 {border:solid 1px #7999d9;}
.content-box > .type-list a .img {padding:25px 50px;background:#f28d9f;border-top-left-radius:20px;border-top-right-radius:20px;}
.content-box > .type-list a.type-1 .txt .point {color:#f89720;font-weight:normal;}
.content-box > .type-list a.type-2 .txt .point {color:#f28d9f;font-weight:normal;}
.content-box > .type-list a.type-3 .txt .point {color:#7999d9;font-weight:normal;}
.content-box > .type-list a.type-1:hover .txt .point{color: #F18605FF;}
.content-box > .type-list a.type-2:hover .txt .point{color: #F17087FF;}
.content-box > .type-list a.type-3:hover .txt .point{color: #4578DDFF;}

.content-box > .type-list a.type-1 .img {background:#f2a647;}
.content-box > .type-list a.type-2 .img {background:#f28d9f;}
.content-box > .type-list a.type-3 .img {background:#7999d9;}
.content-box > .type-list a .txt {padding:37px;}


.content-box > .type-list2 {display:flex;gap:10px;margin-top:50px;box-sizing:border-box;color:#000;width:100%;}
.content-box > .type-list2 .item {display:block;width:100%;text-align:center;font-size:30px;font-weight:bold;border-top-left-radius:22px;border-top-right-radius:22px;color:#000;}
.content-box > .type-list2 .item .img {padding:30px 50px;background:#f28d9f;border-top-left-radius:20px;border-top-right-radius:20px;}
.content-box > .type-list2 .item.type-1 .txt .point {color: #d2d2d2;}
.content-box > .type-list2 .item.type-2 .txt .point {color:#f2a647;}
.content-box > .type-list2 .item.type-3 .txt .point {color:#f28d9f;}
.content-box > .type-list2 .item.type-4 .txt .point {color:#7999d9;}
.content-box > .type-list2 .item.type-1 .img {background:#d2d2d2;}
.content-box > .type-list2 .item.type-2 .img {background:#f2a647;}
.content-box > .type-list2 .item.type-3 .img {background:#f28d9f;}
.content-box > .type-list2 .item.type-4 .img {background:#7999d9;}
.content-box > .type-list2 .item .txt {padding:37px;}

.content-box > .type-list2-txt {display:flex;gap:0px;margin-top:15px;box-sizing:border-box;color:#000;width:100%;}
.content-box > .type-list2-txt > .item {box-sizing:border-box;color:#000;width:100%;border-right:dashed 1px #000;}
.content-box > .type-list2-txt > .item:first-child {border-left:dashed 1px #000;}
.content-box > .type-list2-txt > .item strong {display:block;font-size:28px;width:100%;text-align:center;font-weight:bold;}
.content-box > .type-list2-txt > .item .txt-list {display:block;margin-top:50px;}
.content-box > .type-list2-txt > .item .txt-list li {padding:0px 10px;list-style:none;font-size:14px;color:#555;line-height:30px;}
.content-box > .type-list2-txt > .item .txt-list li.point1 {color:#f2a647;margin-left:8px;}
.content-box > .type-list2-txt > .item .txt-list li.point2 {color:#f28d9f;margin-left:8px;margin-top:40px;}
.content-box > .type-list2-txt > .item .btn {display:flex;align-items: center;justify-content: center;margin-top:50px;}
.content-box > .type-list2-txt > .item .btn a {width:118px;height:45px;display:flex;align-items: center;justify-content: center;color:#f2a647;border-radius:8px;border:solid 1px #f2a647;font-size:22px;margin-bottom:16px;}
.content-box > .type-list2-txt > .type-1 strong {color:#666;}
.content-box > .type-list2-txt > .type-2 strong {color:#f2a647;}
.content-box > .type-list2-txt > .type-3 strong {color:#f28d9f;}
.content-box > .type-list2-txt > .type-4 strong {color:#7999d9;}

.content-box > .type-list2-txt > .type-2 .btn a {color:#f2a647;border:solid 1px #f2a647;}
.content-box > .type-list2-txt > .type-3 .btn a {color:#f28d9f;border:solid 1px #f28d9f;}
.content-box > .type-list2-txt > .type-4 .btn a {color:#7999d9;border:solid 1px #7999d9;}
.content-box > .type-list2-txt > .type-2 .btn a:hover {color:#fff;background:#f2a647;text-decoration:none;}
.content-box > .type-list2-txt > .type-3 .btn a:hover {color:#fff;background:#f28d9f;text-decoration:none;}
.content-box > .type-list2-txt > .type-4 .btn a:hover {color:#fff;background:#7999d9;text-decoration:none;}



.content-box > .guid-txt {font-size:14px;color:#555;margin-top:30px;margin-bottom:70px;}

/* °áÁ¦ È­¸é smart */
.content-box > .type-s {margin-top:40px;width:100%;padding:40px;border:solid 1px #f2a647;border-radius:30px;box-sizing:border-box;}
.content-box > .type-s .s-top {display:flex;}
.content-box > .type-s .s-top .s-left {width:350px;flex-grow:0;text-align:center;border-right:dashed 1px #f2a647;}
.content-box > .type-s .s-top .s-left .title {color:#f2a647;font-size:30px;font-weight:bold;}
.content-box > .type-s .s-top .s-left .price-list {margin-top:60px;text-align:left;}
.content-box > .type-s .s-top .s-left .price-list .box > .months {display:flex;align-items: center;}
.content-box > .type-s .s-top .s-left .price-list .box > .months .point {color:#f2a647;font-size:36px;display:block;}
.content-box > .type-s .s-top .s-left .price-list .box > .months .point .num {color:#f2a647;font-weight:bold;}
.content-box > .type-s .s-top .s-left .price-list .box > .months .addinfo {font-size:19px;margin-left:10px;}
.content-box > .type-s .s-top .s-left .price-list .box > .price {display:flex;align-items: center;margin-top:-4px;}
.content-box > .type-s .s-top .s-left .price-list .box > .price strong {font-size:36px;font-weight:bold;letter-spacing: -1px;position:relative;}
.content-box > .type-s .s-top .s-left .price-list .box > .price.new {margin-top:10px;}
.content-box > .type-s .s-top .s-left .price-list .box > .price strong .ori {top:-15px;left:25px;font-size:18px;position:absolute;text-decoration:line-through;}
.content-box > .type-s .s-top .s-left .price-list .box > .price span {font-size:22px;font-weight:normal;margin-left:4px;}
.content-box > .type-s .s-top .s-left .price-list .box > .price .btn-cont {padding-top:13px;}
.content-box > .type-s .s-top .s-left .price-list .box > .price a {margin-left:20px;width:118px;height:45px;display:flex;align-items: center;justify-content: center;color:#f2a647;border-radius:8px;border:solid 1px #f2a647;font-size:22px;margin-bottom:2px;}
.content-box > .type-s .s-top .s-left .price-list .box > .price a:hover {background:#f2a647;color:#fff;text-decoration: none;font-weight:bold;}
.content-box > .type-s .s-top .s-left .price-list .box + .box {margin-top:50px;}
.content-box > .type-s .s-top .s-right {flex-grow:1;padding:30px;padding-right:0px;}
.content-box > .type-s .s-top .s-right .contents {display:flex;gap:0px;justify-content: space-between; }
.content-box > .type-s .s-top .s-right .contents .item {width:170px;height:170px;border-radius:200px;border:solid 2px #f2a647;background:#fbdbba;display:flex;align-items:center;justify-content: center;text-align:center;}
.content-box > .type-s .s-top .s-right .contents .item strong {display:flex;align-items: center;justify-content: center;font-size:28px;line-height:40px;width:110px;height:47px;border-bottom:solid 2px #f2a647;}
.content-box > .type-s .s-top .s-right .contents .item div {display:block;font-size:24px;line-height:32px;margin-top:10px;}
.content-box > .type-s .s-top .s-right .desc {display:flex;align-items: center;justify-content: center;margin-top:84px;}
.content-box > .type-s .s-top .s-right .desc .inner {padding:25px;border:solid 1px #f2a647;width:380px;border-radius:30px;}
.content-box > .type-s .s-top .s-right .desc .inner strong {font-size:24px;padding-left:7px;}
.content-box > .type-s .s-top .s-right .desc .inner .desc-list {}
.content-box > .type-s .s-top .s-right .desc .inner .desc-list li {font-size:18px;list-style:none;line-height:30px;}
.content-box > .type-s .s-top .s-right .addinfo {margin-top:84px;}
.content-box > .type-s .s-top .s-right .addinfo .add-list {list-style: none;}
.content-box > .type-s .s-top .s-right .addinfo .add-list li {display:flex;align-items: center}
.content-box > .type-s .s-top .s-right .addinfo .add-list li + li {margin-top:10px;}
.content-box > .type-s .s-top .s-right .addinfo .add-list li strong {font-size:22px;font-weight:bold;margin-left:10px;width:215px;}
.content-box > .type-s .s-top .s-right .addinfo .add-list li span {font-size:22px;}
.content-box > .type-s .s-bottom {width:100%;display:flex;margin-top:40px;}
.content-box > .type-s .s-bottom .bt-left {display:flex;gap:20px;width:350px;flex-grow:0;text-align:center;align-items: center;justify-content: center;}
.content-box > .type-s .s-bottom .bt-left div a {display:block;text-align:center;}
.content-box > .type-s .s-bottom .bt-left div a strong {display:block;font-size:18px;font-weight:bold;color:#111;}
.content-box > .type-s .s-bottom .bt-right {flex-grow:1;padding:30px;padding-right:0px;}
.content-box > .type-s .s-bottom .bt-right .title {display:flex;align-items: center;justify-content: center;}
.content-box > .type-s .s-bottom .bt-right .title span {display:inline-block;width:180px;line-height:42px;text-align:center;background:#f2a647;font-size:22px;color:#fff;border-radius:10px;}
.content-box > .type-s .s-bottom .bt-right .add-list {margin-top:25px;}
.content-box > .type-s .s-bottom .bt-right .add-list li {list-style:none;}
.content-box > .type-s .s-bottom .bt-right .add-list li + li {margin-top:10px;}
.content-box > .type-s .s-bottom .bt-right .add-list li span {font-size:22px;margin-left:20px;}
.content-box > .type-s .s-bottom .bt-right .add-list li strong {font-size:22px;font-weight:bold;}

/* °áÁ¦ È­¸é multi */
.content-box > .type-m {margin-top:50px;width:100%;padding:40px;border:solid 1px #f28d9f;border-radius:30px;box-sizing:border-box;}
.content-box > .type-m .s-top {display:flex;}
.content-box > .type-m .s-top .s-left {width:350px;flex-grow:0;text-align:center;border-right:dashed 1px #f28d9f;}
.content-box > .type-m .s-top .s-left .title {color:#f28d9f;font-size:30px;font-weight:bold;}
.content-box > .type-m .s-top .s-left .price-list {margin-top:60px;text-align:left;}
.content-box > .type-m .s-top .s-left .price-list .box > .months {display:flex;align-items: center;}
.content-box > .type-m .s-top .s-left .price-list .box > .months .point {color:#f28d9f;font-size:36px;display:block;}
.content-box > .type-m .s-top .s-left .price-list .box > .months .point .num {color:#f28d9f;font-weight:bold;}
.content-box > .type-m .s-top .s-left .price-list .box > .months .addinfo {font-size:19px;margin-left:10px;}
.content-box > .type-m .s-top .s-left .price-list .box > .price {display:flex;align-items: center;margin-top:-4px;}
.content-box > .type-m .s-top .s-left .price-list .box > .price.new {margin-top:10px;}
.content-box > .type-m .s-top .s-left .price-list .box > .price strong {font-size:36px;font-weight:bold;letter-spacing: -1px;position:relative;}
.content-box > .type-m .s-top .s-left .price-list .box > .price strong .ori {top:-15px;left:25px;font-size:18px;position:absolute;text-decoration:line-through;}
.content-box > .type-m .s-top .s-left .price-list .box > .price span {font-size:22px;font-weight:normal;margin-left:4px;}
.content-box > .type-m .s-top .s-left .price-list .box > .price .btn-cont {padding-top:13px;}
.content-box > .type-m .s-top .s-left .price-list .box > .price a {margin-left:40px;width:118px;height:45px;display:flex;align-items: center;justify-content: center;color:#f28d9f;border-radius:8px;border:solid 1px #f28d9f;font-size:22px;}
.content-box > .type-m .s-top .s-left .price-list .box > .price a:hover {background:#f28d9f;color:#fff;text-decoration: none;}
.content-box > .type-m .s-top .s-left .price-list .box + .box {margin-top:50px;}
.content-box > .type-m .s-top .s-right {flex-grow:1;padding:30px;padding-right:0px;}
.content-box > .type-m .s-top .s-right .contents {display:flex;gap:20px;justify-content:center; }
.content-box > .type-m .s-top .s-right .contents .item {width:170px;height:170px;border-radius:200px;border:solid 2px #f28d9f;background:#fad9d8;display:flex;align-items:center;justify-content: center;text-align:center;}
.content-box > .type-m .s-top .s-right .contents .item strong {display:flex;align-items: center;justify-content: center;font-size:28px;line-height:40px;width:110px;height:47px;border-bottom:solid 2px #f28d9f;}
.content-box > .type-m .s-top .s-right .contents .item div {display:block;font-size:24px;line-height:32px;margin-top:10px;}
.content-box > .type-m .s-top .s-right .desc {display:flex;align-items: center;justify-content: center;margin-top:84px;}
.content-box > .type-m .s-top .s-right .desc .inner {padding:25px;border:solid 1px #f28d9f;width:380px;border-radius:30px;}
.content-box > .type-m .s-top .s-right .desc .inner strong {font-size:24px;}
.content-box > .type-m .s-top .s-right .desc .inner .desc-list {}
.content-box > .type-m .s-top .s-right .desc .inner .desc-list li {font-size:18px;list-style:none; }
.content-box > .type-m .s-top .s-right .addinfo {margin-top:84px;}
.content-box > .type-m .s-top .s-right .addinfo .add-list {list-style: none;}
.content-box > .type-m .s-top .s-right .addinfo .add-list li {display:flex;align-items: center}
.content-box > .type-m .s-top .s-right .addinfo .add-list li + li {margin-top:10px;}
.content-box > .type-m .s-top .s-right .addinfo .add-list li strong {font-size:22px;font-weight:bold;margin-left:10px;display:block;width:160px;}
.content-box > .type-m .s-top .s-right .addinfo .add-list li span {margin-left:40px;font-size:22px;}

/* °áÁ¦ È­¸é bottom ¹öÆ° */
.content-box > .btn-list {display:flex;gap:56px;margin-top:64px;}
.content-box > .btn-list .item {width:100%;padding:22px 55px;border:solid 1px #ddd;border-radius:20px;display:flex;gap:30px;}
.content-box > .btn-list .item .cont .sub {font-size:16px;display:block;margin-left:5px;}
.content-box > .btn-list .item .cont .title {margin-top:5px;display:block;}
.content-box > .btn-list .item .cont .desc {font-size:24px;display:block;margin-top:10px;text-align:center;}
.content-box > .btn-list .item .cont .btn {width:100%;display:flex;align-items: center;justify-content: center;margin-top:10px;}
.content-box > .btn-list .item .cont .btn .btn-kin {width:135px;height:40px;display:flex;align-items: center;justify-content: center;text-align:center;background:#a9d5f2;border-radius:20px;color:#fff;font-size:24px;}
.content-box > .btn-list .item .cont .btn .btn-smart {width:135px;height:40px;display:flex;align-items: center;justify-content: center;text-align:center;background:#fcdc4e;border-radius:20px;color:#fff;font-size:24px;}
.content-box > .btn-list .item .cont .btn .btn-kin:hover {text-decoration:none;background:#a9c5f2;}
.content-box > .btn-list .item .cont .btn .btn-smart:hover {text-decoration:none;background:#fccc4e;}