@charset "utf-8";
/* doc.css는 디자인페이지 스타일을 정의합니다. */

.sub-tab {margin-bottom:50px; font-size:18px; line-height:54px; text-align:center;}
.sub-tab ul {display:table; table-layout:fixed; width:100%; border:1px solid #dfdfdf;}
.sub-tab ul li {display:table-cell; vertical-align:middle; border-left:1px solid #dfdfdf;}
.sub-tab ul li:first-child {border-left:0;}
.sub-tab ul li a {display:block; position:relative;}
.sub-tab ul li a span {position:relative; z-index:2;}
.sub-tab ul li.active a {color:#0b76d1; font-weight:700;}
.sub-tab ul li.active a:before {content:""; position:absolute; top:-1px; left:-1px; right:-1px; bottom:-1px; border:3px solid #0b76d1;}

.tit-wrap {overflow:hidden;}
.tit-wrap .doc-tit {float:left;}
.tit-wrap .txt {float:right; color:#505050; font-size:14px; font-weight:200; line-height:1.3em;}
.tit-wrap .reg {color:#f67c32; vertical-align:bottom;}

.doc-tit {position:relative; padding-left:30px; margin-bottom:8px; font-size:28px; color:#2c2c2c; font-weight:800; line-height:1.3em; letter-spacing:-.06em; background:url("../images/sub/bullet.png") 0 7px no-repeat;}
.doc-tit.sm {font-size:20px; font-weight:700; background-position:0 3px;}

.doc-cnt {font-size:18px; line-height:1.778em; letter-spacing:-.06em;}

.hr-line {margin:60px 0; border-bottom:1px solid #eee;}

.dot-list > li {position:relative; padding-left:15px; font-weight:300; margin-bottom:8px;}
.dot-list > li:before {content:""; position:absolute; top:10px; left:0; width:6px; height:6px; background:#ef7b15; border-radius:100%;}

.hypen-list > li {padding-left:.6em; text-indent:-.6em;}

p.bullet {position:relative; padding-left:17px; margin-bottom:6px;}
p.bullet:before {content:""; position:absolute; top:12px; left:0; width:6px; height:6px; background:#327eea;}

.table01 {width:100%; border-collapse:collapse; border-spacing:0px; border-top:2px solid #3687f5;}
.table01 thead th {height:61px; padding:12px 5px; border-bottom:1px solid #dfdfdf; color:#2c2c2c; font-size:18px; font-weight:700; line-height:1.5em; letter-spacing:-.04em; background:#fafafa; box-sizing:border-box;}
.table01 tbody td {padding:12px 5px; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf; text-align:center;font-family:'Noto Sans KR',sans-serif; font-size:16px; font-weight:400; letter-spacing:-.04em; line-height:1.5em; color:#505050; box-sizing:border-box;}
.table01 tbody td.left {text-align:left; padding-left:30px; padding-right:30px;}
.table01 tbody td.pd {padding-top:30px; padding-bottom:30px;}
.table01 tr th:first-child,
.table01 tr td:first-child {border-left:0;}
.table01 tr th:last-child,
.table01 tr td:last-child {border-right:0;}
.table01 .hypen-list {display:inline-block; text-align:left;}
.table01 .hypen-list li {margin:2px 0;}

.greeting {text-align:center; font-size:18px; line-height:1.778em; letter-spacing:-.06em;}
.greeting .data-table {display:table; table-layout:fixed; width:100%; margin-bottom:90px;}
.greeting .data-cell {display:table-cell;}
.greeting .data-cell.img {vertical-align:top;}
.greeting .data-cell.cnt {vertical-align:middle;}
.greeting .data-cell.cnt .txt {padding:0 55px; text-align:center;}
.greeting .data-cell.cnt h3 {font-size:30px; line-height:1.4em; margin-bottom:25px;}
.greeting .data-cell.cnt p {margin-bottom:1.5em; font-family:'Noto Sans KR',sans-serif;}
.greeting .data-cell.cnt p:last-child {margin-bottom:0;}
.greeting .data-table.rtl {direction:rtl;}
.greeting .data-table.rtl .txt {direction:ltr;}
.greeting .cnt2 {margin-top:110px;}
.greeting .cnt2 .img {margin-bottom:45px;}
.greeting .cnt2 p {margin-bottom:2em;}
.greeting .cnt2 p:last-child {margin-bottom:0;}
.greeting .cnt2 .lg-txt {font-size:22px; line-height:1.5em;}
.greeting .cnt2 .sign {margin-top:10px;}

.history-top {position:relative; margin-bottom:15px; height:395px; background:url("../images/sub/his_tit_bg.png") 20% 100% no-repeat;}
.history-top:after {content:""; position:absolute; left:0; right:0; bottom:-15px; height:70px; border:15px solid #327eea; border-top:0;}
.history-top .in {position:absolute; left:50%; bottom:106px; padding:0 40px; max-width:480px;}
.history-top h3 {font-size:60px; line-height:1.3em; letter-spacing:-.06em; margin-bottom:22px;}
.history-top p {font-size:18px; line-height:1.7em; letter-spacing:-.06em;}
.history {background:url("../images/sub/timeline.png") 50% 0 repeat-y; overflow:hidden; padding-bottom:4px;}
.history .group {position:relative; margin-left:50%; margin-top:36px; width:50%; padding-left:185px; text-align:left; color:#505050; font-size:16px; font-weight:400; line-height:1.4em; letter-spacing:-.03em;}
.history .group:before {content:""; position:absolute; top:-2px; left:0; margin-left:-18px; width:36px; height:36px; background:#fff; border:11px solid #327eea; z-index:2;}
.history .group:first-child {margin-top:60px;}
.history .group .line {position:absolute; top:15px; left:0; width:165px; height:1px; background:#dfdfdf;}
.history .group .line:after {content:""; position:absolute; top:-4px; right:0; width:9px; height:9px; background:#7e68f1;}
.history .group h3 {color:#2c2c2c; font-size:30px; font-weight:800; line-height:36px; letter-spacing:-.06em; margin-bottom:18px;}
.history .group ul {font-family:'Noto Sans KR',sans-serif;}
.history .group ul li {position:relative; padding-left:25px; margin-bottom:10px;}
.history .group ul li:last-child {margin-bottom:0;}
.history .group ul li .month {position:absolute; top:0; left:0; font-weight:500;}
.history .group.last:after {content:""; position:absolute; top:0; left:0; margin-left:-5px;width:10px; height:100%; background:#fff;}
.history .group:nth-child(even) {margin-left:0; padding-left:0; padding-right:185px; text-align:right;}
.history .group:nth-child(even):before {left:auto; right:0; margin-right:-18px;}
.history .group:nth-child(even) .line {left:auto; right:0;}
.history .group:nth-child(even) .line:after {right:auto; left:0;}
.history .group:nth-child(even) ul li {padding-left:0; padding-right:25px;}
.history .group:nth-child(even) ul li .month {left:auto; right:0;}
.history .group.last:nth-child(even)::after {left:auto; margin-left:0; right:0; margin-right:-5px;}

.biz-consult {margin:37px 0 50px; text-align:center}
.biz-consult:after {content:""; display:block; clear:both;}
.biz-consult .left {float:left;}
.biz-consult .right {float:right; margin-top:15px;}

.biz-process {text-align:center; margin-top:25px;}

.doit {display:table; table-layout:fixed; width:100%; background:#f4f4f4; margin:12px 0 15px;}
.doit .cnt {display:table-cell; text-align:center; vertical-align:middle; padding:25px; font-family:'Noto Sans KR',sans-serif;}
.doit .cnt ul {display:inline-block; text-align:left; font-size:16px; line-height:1.5em; color:#505050; margin:30px 0;}
.doit .img {display:table-cell; vertical-align:top; width:648px;}
.doit .btn-pack.large {color:#fff; background:#5d361a; border-color:#5d361a;}

.biz-exo {margin:20px 0 30px; overflow:hidden;}
.biz-exo ul {margin:0 -15px;}
.biz-exo ul li {float:left; width:33.33333333%; padding:0 15px;}

.biz-mall {display:table; table-layout:fixed; width:100%; height:280px; padding:20px 8%; border:8px solid #eee; margin:12px 0;}
.biz-mall .img {display:table-cell; vertical-align:middle; width:250px;}
.biz-mall .cnt {display:table-cell; vertical-align:middle; padding-left:20px;}

.biz-cafe {text-align:center; margin-top:20px;}
.biz-cafe:after {content:""; display:block; clear:both;}
.biz-cafe .tit {float:left; display:table; width:148px; height:136px; color:#fff; background:#0b76d1}
.biz-cafe .tit p {display:table-cell; vertical-align:middle;}
.biz-cafe ul {margin-left:148px;}
.biz-cafe ul li {float:left; margin-left:10px;}
.biz-cafe ul li img {display:block; margin-bottom:8px;}

.partners {display:table; table-layout:fixed; width:100%; padding-left:9%;}
.partners .img {display:table-cell; text-align:center; vertical-align:middle; border:15px solid #eee; width:350px; height:240px;}
.partners .cnt {display:table-cell; vertical-align:middle; padding-left:60px;}
.partners h3 {font-size:28px; font-weight:800; line-height:1.4em; margin-bottom:8px;}
.partners .btns {margin-top:20px;}

.partner-process {margin:25px 0;}

.partner-contact {margin-top:25px;}
.partner-contact ul:after {content:""; display:block; clear:both;}
.partner-contact ul li {float:left; position:relative; padding-left:14px; margin-right:25px;}
.partner-contact ul li:before {content:""; position:absolute; top:12px; left:0; width:6px; height:6px; background:#327eea;}
.partner-contact ul li:nth-child(2)::before {background:#7e68f1}
.partner-contact ul li:nth-child(3)::before {background:#369cdd}

.root_daum_roughmap {width:100% !important; padding:0 !important; border:0 !important; border-radius:0 !important;}
.root_daum_roughmap .map_border {display:none;}
.roughmap_maker_label {display:none;}

.location-info {margin-top:40px; display:table; table-layout:fixed; width:100%; border:1px solid #dfdfdf;}
.location-info .col {display:table-cell; padding:30px; vertical-align:top; border-left:1px solid #dfdfdf;}
.location-info .col:first-child {border-left:0;}
.location-info dl {margin-top:20px;}
.location-info dt {font-size:14px; font-weight:500; line-height:1.3em; margin-bottom:10px; font-family:'Noto Sans KR',sans-serif;}
.location-info dd {color:#505050; font-size:18px; line-height:1.5em; letter-spacing:-.06em;}
.location-info dd.num {color:#2c2c2c; font-size:20px; line-height:1.5em; letter-spacing:-.02em;}

.edu-head {text-align:center; margin-bottom:20px;}
.edu-head h3 {font-size:28px; font-weight:800; line-height:1.4em; letter-spacing:-.06em;}
.edu-head.mg {margin-bottom:40px;}

.edu-box {border:8px solid #eee; text-align:center; padding:50px; margin:20px 0 40px}
.edu-box .tit {font-weight:700; margin-bottom:20px;}

.edu-media {display:table; table-layout:fixed; width:100%; margin:20px 0 60px;}
.edu-media .media {display:table-cell; vertical-align:top; width:500px;}
.edu-media .cnt {display:table-cell; vertical-align:middle; text-align:center; padding-left:20px; line-height:1.889em;}

.edu-summary {display:table; table-layout:fixed; width:100%; margin-top:20px;}
.edu-summary .img {display:table-cell; vertical-align:middle;}
.edu-summary .cnt {display:table-cell; vertical-align:middle; padding:0 33px; text-align:center;}
.edu-summary h4 {color:#2c2c2c; font-size:22px; line-height:1.3em; margin-bottom:36px;}
.edu-summary .txt {display:inline-block; vertical-align:top; color:#fff; line-height:1.5em; padding:6px 20px;}
.edu-summary .txt.bg1 {background:#327eea}
.edu-summary .txt.bg2 {background:#7e68f1}
.edu-summary .txt.bg3 {background:#369cdd}
.edu-summary .txt.bg4 {background:#8bb437}
.edu-summary .mg {margin-bottom:1em;}

.edu-photos {overflow:hidden; margin-top:20px;}
.edu-photos ul {margin:-15px;}
.edu-photos ul:after {content:""; display:block; clear:both;}
.edu-photos ul li {float:left; width:33.33333333%; padding:15px;}
.edu-photos ul li.wide {width:50%;}

.edu-photos2 {margin-top:20px;}
.edu-photos2 table {table-layout:fixed;}
.edu-photos2 .imgs {padding:20px 0;}
.edu-photos2 .img {margin:10px 0;}
.edu-photos2.mg {margin-bottom:45px;}

.RSp-bnr {margin-bottom:60px;}

.RSp-cnt {border:8px solid #eee; color:#505050; padding:0 60px; line-height:1.889em; margin-bottom:45px;}
.RSp-cnt .row1 {display:table; table-layout:fixed; width:100%; padding:60px 10%; border-bottom:1px dashed #d6d6d6;}
.RSp-cnt .row1 .img {display:table-cell; vertical-align:middle; width:230px;}
.RSp-cnt .row1 .txt {display:table-cell; vertical-align:middle; padding-left:8%;}
.RSp-cnt .row1 .txt span {display:inline-block;}
.RSp-cnt .row2 {text-align:center; padding:50px 0;}
.RSp-cnt .row2 .img {margin-bottom:30px;}
.RSp-cnt .row2 .img img {display:block; margin:0 auto 10px;}

.RSp-cnt2 {display:table; table-layout:fixed; width:100%; padding:4% 5%; border:8px solid #eee; margin-bottom:60px; margin-top:20px;}
.RSp-cnt2 .img {display:table-cell; vertical-align:middle; width:42%;}
.RSp-cnt2 .txt {display:table-cell; vertical-align:middle; padding-left:4%;}
.RSp-cnt2 .info-txt {max-width:520px; padding-left:5.5em; margin-top:17px; text-indent:-5.5em; color:#878787; font-family:"Noto Sans KR",sans-serif; font-size:14px; font-weight:300; line-height:1.5em; letter-spacing:-.03em;}

.RSp-special {overflow:hidden; text-align:center; line-height:1.333em; margin-bottom:40px;}
.RSp-special ol {margin:0 -3%;}
.RSp-special ol:after {content:""; display:block; clear:both;}
.RSp-special ol li {float:left; width:33.33333333%; padding:0 3%; margin-bottom:30px;}
.RSp-special ol li:nth-child(3n+1) {clear:left;}
.RSp-special .box {position:relative; padding:10px 20px 23px;}
.RSp-special .box:after {content:""; position:absolute; bottom:0; left:0; right:0; height:45px; border:8px solid #eee; border-top:0;}
.RSp-special .num {display:block; width:32px; color:#fff; font-size:20px; font-weight:700; line-height:32px; margin:0 auto 12px;}
.RSp-special .num.c1 {background:#327eea;}
.RSp-special .num.c2 {background:#7e68f1;}
.RSp-special .num.c3 {background:#369cdd;}
.RSp-special .num.c4 {background:#1eac77;}
.RSp-special .num.c5 {background:#8bb437;}
.RSp-special .num.c6 {background:#e5bf28;}

.RSp-condition {overflow:hidden; line-height:1.333em; margin-bottom:60px; margin-top:30px;}
.RSp-condition ol {margin:0 -3%;}
.RSp-condition ol:after {content:""; display:block; clear:both;}
.RSp-condition ol li {float:left; width:33.33333333%; padding:0 3%;}
.RSp-condition .box {padding:35px 37px; min-height:300px; font-size:20px; line-height:1.7em; letter-spacing:-.06em; border:8px solid #eee; background-color:#fff; background-position:100% 100%; background-repeat:no-repeat;}
.RSp-condition .num {font-size:40px; font-weight:800; line-height:1.1em; margin-bottom:14px;}
.RSp-condition .num.c1 {color:#327eea;}
.RSp-condition .num.c2 {color:#7e68f1;}
.RSp-condition .num.c3 {color:#369cdd;}
.RSp-condition .bg1 {background-image:url("../images/sub/invent_icon1.jpg")}
.RSp-condition .bg2 {background-image:url("../images/sub/invent_icon2.jpg")}
.RSp-condition .bg3 {background-image:url("../images/sub/invent_icon3.jpg")}

.RSp-photos {margin-top:30px;}
.RSp-photos ul:after {content:""; display:block; clear:both;}
.RSp-photos ul li {float:left; width:50%;}
.RSp-photos.mg {margin-bottom:65px;}

.coding-cnt {text-align:center; margin-top:37px; line-height:1.889em;}
.coding-cnt .row {margin:0 -30px;}
.coding-cnt .row:after {content:""; display:block; clear:both;}
.coding-cnt .col {float:left; width:50%; padding:0 30px;}
.coding-cnt .wrap {position:relative; padding:45px 0;}
.coding-cnt .wrap:before {top:0; left:0; background-position:0 0;}
.coding-cnt .wrap:after {bottom:0; right:0; background-position:100% 100%;}
.coding-cnt .wrap:before,
.coding-cnt .wrap:after {content:""; position:absolute; width:48px; height:48px; background-repeat:no-repeat;}
.coding-cnt .type1:before {background-image:url("../images/sub/quotes1_s.png")}
.coding-cnt .type1:after {background-image:url("../images/sub/quotes1_e.png")}
.coding-cnt .type1 .txt {max-width:440px; margin:0 auto;}
.coding-cnt .type2:before {background-image:url("../images/sub/quotes2_s.png")}
.coding-cnt .type2:after {background-image:url("../images/sub/quotes2_e.png")}
.coding-cnt .type2 .txt {max-width:390px; margin:0 auto;}
.coding-cnt .txt-wrap {margin:0 30px;}
.coding-cnt .source {margin-top:1em;}

.coding-cnt2 {margin-top:25px;}

.coding-cnt3 {display:table; table-layout:fixed; width:100%; padding:4% 10%; border:8px solid #eee; margin-bottom:45px; margin-top:20px;}
.coding-cnt3 .img {display:table-cell; vertical-align:middle; width:38%;}
.coding-cnt3 .txt {display:table-cell; vertical-align:middle; padding-left:4%;  line-height:1.889em;}
.coding-cnt3 h4 {color:#2c2c2c; font-size:20px; line-height:1.6em;}
.coding-cnt3 p {margin-top:1.1em;}

.coding-progress {margin-bottom:50px; margin-top:20px;}
.coding-progress table {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0px; font-size:18px; line-height:1.5em; letter-spacing:-.03em; border-top:2px solid #3687f5;}
.coding-progress table thead th {height:60px; border-bottom:1px solid #dfdfdf; background:#fafafa; font-weight:400;}
.coding-progress table tbody th { border:1px solid #dfdfdf; font-weight:400;}
.coding-progress table tbody td {border:1px solid #dfdfdf;}
.coding-progress table tr th:first-child,
.coding-progress table tr td:first-child {border-left:0; width:25% !important;}
.coding-progress table tr th:last-child,
.coding-progress table tr td:last-child {border-right:0;}
.coding-progress td .wrap {position:relative; z-index:2;}
.coding-progress td .vline {position:relative; height:50px;}
.coding-progress td .vline span {position:absolute; top:0; height:100%; width:1px; background:#dfdfdf;}
.coding-progress td .vline span:nth-child(1) {left:20%;}
.coding-progress td .vline span:nth-child(2) {left:40%;}
.coding-progress td .vline span:nth-child(3) {left:60%;}
.coding-progress td .vline span:nth-child(4) {left:80%;}
.coding-progress td .progress-bar {position:absolute; top:50%; left:20px; right:20px; height:6px; margin-top:-3px;}
.coding-progress td .progress {position:absolute; top:0; right:0; height:100%;}
.coding-progress td .progress.type1 {background:#3687f5}
.coding-progress td .progress.type2 {background:#7e68f1}
.coding-progress td .progress.type3 {background:#369cdd}
.coding-progress td .progress.type4 {background:#8bb437}
.coding-progress td .progress.type5 {background:#ecb42d}

.drone-cnt {overflow:hidden; margin-top:20px; margin-bottom:30px;}
.drone-cnt ul {margin:-12px;}
.drone-cnt ul:after {content:""; display:block; clear:both;}
.drone-cnt ul li {float:left; padding:12px; width:16.66666666%; text-align:center; color:#fff; font-size:20px; font-weight:800; line-height:1.4em;}
.drone-cnt .box {position:relative; padding-bottom:100%; height:0; background-size:cover; background-repeat:no-repeat;}
.drone-cnt .box.type1 {background-image:url("../images/sub/drone_box1.jpg")}
.drone-cnt .box.type2 {background-image:url("../images/sub/drone_box2.jpg")}
.drone-cnt .box.type3 {background-image:url("../images/sub/drone_box3.jpg")}
.drone-cnt .box.type4 {background-image:url("../images/sub/drone_box4.jpg")}
.drone-cnt .box.type5 {background-image:url("../images/sub/drone_box5.jpg")}
.drone-cnt .box.type6 {background-image:url("../images/sub/drone_box6.jpg")}
.drone-cnt .box .inner {position:absolute; top:0; left:0; width:100%; height:100%; display:table;}
.drone-cnt .box .cell {display:table-cell; vertical-align:middle;}

.manual dl {border-top:2px solid #3687f5;}
.manual dt {position:relative; border-bottom:1px solid #333; padding:25px 25px; font-size:24px; font-weight:700; line-height:1.3em; letter-spacing:-.04em; background:#fafafa; cursor:pointer;}
.manual dt:after {content:""; position:absolute; top:50%; right:40px; margin-top:-15px; width:30px; height:30px; background-image:url("../images/sub/mn_down.png"); background-position:50% 50%; background-repeat:no-repeat;}
.manual dt i {display:inline-block; width:10px; height:10px; background:#505050; vertical-align:middle; margin-top:-.2em; margin-right:11px; transform:rotate(45deg);}
.manual dt .i-1 {background:#0b76d1;}
.manual dt .i-2 {background:#7e68f1;}
.manual dt .i-3 {background:#369cdd;}
.manual dt .i-4 {background:#1eac77;}
.manual dt .i-5 {background:#8bb437;}
.manual dd {display:none; padding:22px 30px; border-bottom:1px solid #333; color:#505050; font-size:18px; line-height:1.5em;}
.manual dd ul:after {content:""; display:block; clear:both;}
.manual dd ul li {float:left; width:20%; padding:9px 0;}
.manual dd ul li a:hover {color:#2c2c2c; font-weight:700; text-decoration:underline;}
.manual dt.active {border-bottom:0;}
.manual dt.active:after {background-image:url("../images/sub/mn_up.png");}

.manual-cate {padding:17px 10px; font-size:18px; line-height:1.4em;}
.manual-cate .swiper-wrapper {display:block !important;}
.manual-cate ul li {display:inline-block; width:auto !important; vertical-align:top; padding:8px 18px;}
.manual-cate ul li.active a {color:#2074e5; font-weight:700;}

.manual-detail {display:table; table-layout:fixed; width:100%; border:1px solid #dfdfdf; border-top:2px solid #3687f5;}
.manual-side {display:table-cell; vertical-align:top; width:239px; border-right:1px solid #dfdfdf;}
.manual-side .bt-list {display:none;}
.manual-side .nav {position:sticky; top:0; -ms-overflow-style:none; overflow-y:auto; max-height:100vh;}
.manual-side .nav::-webkit-scrollbar {display:none;}
.manual-side .nav h3 {margin:0 -1px; padding:22px 20px; color:#fff; font-size:20px; font-weight:800; line-height:1.3em; background-image:linear-gradient(#3990ed, #2b6ce7);}
.manual-side .nav .in {position:relative; font-family:'Noto Sans KR',sans-serif; font-size:16px; letter-spacing:-.03em; line-height:1.33em;}
.manual-side .nav .in ul li {border-bottom:1px solid #dfdfdf;}
.manual-side .nav .in ul li .depth1 {position:relative; padding:12px 18px; word-break:break-all; background:#f4f4f4;}
.manual-side .nav .in ul li .depth1 a:hover {text-decoration:underline;}
.manual-side .nav .in ul li .depth2 {display:none; background:#fff; padding:10px 18px; font-size:14px; line-height:1.33em;}
.manual-side .nav .in ul li .depth2 ul li {position:relative; border-bottom:0;}
.manual-side .nav .in ul li .depth2 ul li a {display:block; padding:5px 0;}
.manual-side .nav .in ul li .depth2 ul li a:hover {text-decoration:underline;}
.manual-side .nav .in ul li .depth2 ul li.on a {color:#2074e5; font-weight:500;}
.manual-side .nav .in ul li.has-children .depth1 {padding-right:35px;}
.manual-side .nav .in ul li.has-children .depth1:after {content:""; position:absolute; top:50%; right:10px; margin-top:-12px; width:24px; height:24px; background:url("/images/bbs/toggle_open.png") 50% 50% no-repeat;}
.manual-side .nav .in ul li.has-children.open .depth1:after {background-image:url("/images/bbs/toggle_close.png");}
.manual-side .nav .in ul li.has-children.open .depth2 {display:block;}
/* .manual-side .nav.fixed {position:fixed; top:0; width:238px; -ms-overflow-style:none; overflow-y:auto; height:100vh;}
.manual-side .nav.fixed::-webkit-scrollbar {display:none;} */
.manual-content {display:table-cell; vertical-align:top; padding:20px 40px; color:#505050; font-family:'Noto Sans KR',sans-serif; font-size:16px; letter-spacing:-.04em; line-height:1.625em;}
.manual-content .article {margin-top:25px; padding:10px 0;}
.manual-content .article:first-child {margin-top:0;}

.manual-content .sub-article {padding:10px 0; margin-top:10px;}

.manual-content .title {font-family:'NanumSquare',sans-serif; color:#2c2c2c; font-size:24px; font-weight:800; line-height:1.3em; letter-spacing:-.04em; margin-bottom:6px;}
.manual-content .subtitle {font-family:'NanumSquare',sans-serif; color:#2c2c2c; font-size:18px; font-weight:800; line-height:1.3em; letter-spacing:-.04em; margin-bottom:6px;}


/* e-매뉴얼 상세 따라다니는 상품소개 */
.floating-goods {position:fixed; top:130px; left:50%; z-index:60; margin-left:630px; width:180px; background:#fff; border-radius:10px; box-shadow:0 0 10px rgba(0,0,0,.1);}
.floating-goods.show .floating-list .item {display:block;}
.floating-goods.show .floating-toggle svg {-webkit-transform:scaleY(-1); transform:scaleY(-1);}

.floating-title {background:#327eea; border-radius:10px 10px 0 0; color:#fff; font-size:20px; font-weight:700; line-height:50px; text-align:center;}

.floating-list {position:relative; max-height:calc(100vh - 340px); overflow:auto; padding:20px 5px; text-align:center; line-height:1.4em; word-break:break-all;}
.floating-list::-webkit-scrollbar {width:3px; height:3px; background-color:none;}
.floating-list::-webkit-scrollbar-thumb {background:rgba(0,0,0,.25);}
.floating-list .items {display:grid; gap:17px;}
.floating-list .item {display:none;}
.floating-list .item:nth-child(1) {display:block;}
.floating-list .item a {display:block;}
.floating-list .item .thumb {position:relative; width:84%; margin:0 auto 5px; border:1px solid #ddd;}
.floating-list .item .thumb:before {content:''; display:block; padding-bottom:100%;}
.floating-list .item .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:contain;}
.floating-list .item .price {margin-top:2px; color:#327eea; font-weight:700;}

.floating-toggle {display:block; width:100%; height:35px; background:none; border:0; border-top:1px solid #ddd;}

@media (max-width: 1700px){
	.floating-goods {left:auto; right:20px; margin:0;}
}

@media (max-width: 1280px){
	.floating-goods {top:auto; right:15px; bottom:80px; width:100px;}
	.floating-title {font-size:15px; line-height:30px;}
	.floating-list {padding:12px 3px; font-size:12px;}
	.floating-toggle {height:24px;}
	.floating-toggle svg {width:18px; height:auto;}
}

@media (max-width: 700px){
	.floating-goods {top:auto; right:15px; bottom:60px; width:70px;}
	.floating-goods.show .item .thumb {display:block;}
	.floating-title {font-size:13px; line-height:26px;}
	.floating-list {max-height:calc(100vh - 150px); padding:8px 2px; font-size:11px;}
	.floating-list .items {gap:10px;}
	.floating-list .item .thumb {display:none;}
	.floating-toggle {height:20px;}
	.floating-toggle svg {width:16px;}
}