#backToTop,.main-container>div.footer ul li:nth-of-type(2) a{background:#0ea5e9}.publish-body{padding:60px 0 0;margin:0;font-family:'Nanum Gothic',sans-serif;background:#fff}.publish-body>header{position:fixed;top:0;left:0;z-index:991;width:100%;min-height:40px;padding:10px 0 9px;margin:0;box-sizing:border-box;border-bottom:1px solid #5c70c7;background:repeat-x #e1e4f5;background-image:linear-gradient(to bottom,#f9f9fd 0,#d6daf1 100%);box-shadow:0 4px 6px rgba(0,0,0,.2)}.publish-body>header .logo{display:block;width:100%;max-width:1200px;height:40px;background:url('//www.xonda.net/xclient/images/xondanet.gif') left top no-repeat;text-indent:-9999px;overflow:hidden;margin:0 auto}.main-container>div.footer,.publish-body>footer{background:#333;box-sizing:border-box;width:100%}.publish-body>main{margin:0}.publish-body>footer{padding:20px 20px 40px;margin:0;text-align:center;color:#fff!important;font-size:12px}.main-container{counter-reset:section-counter}.main-container div,.main-container p,.main-container td,.main-container th{font-size:16px;color:#333}.main-container a{color:#0080ff;text-decoration:none}.main-container a:hover{color:#ff8000;text-decoration:none}.main-container>div.footer{position:relative;padding:40px 20px}.main-container>div.footer>ul{position:relative;max-width:1200px;margin:0 auto;padding:0;display:flex;gap:20px;justify-content:center;flex-wrap:wrap;list-style:none}.main-container>div.footer a{font-size:20px;border-radius:10px;padding:10px 20px;text-decoration:none;color:#fff;background-color:#959ca4}.main-container>div.footer a:hover{color:#ff0;background-color:#838b94}.main-container>div.footer ul li:first-of-type a{background:#84cc16}.main-container>div.footer ul li:nth-of-type(3) a{background:#d00000}.main-container>div.footer ul li:nth-of-type(4) a{background:#77b}.main-container>div.footer ul li:nth-of-type(5) a{background:#ff7bbd}.main-container>div.footer ul li:first-of-type a:hover{background:#629810}.main-container>div.footer ul li:nth-of-type(2) a:hover{background:#0b83b7}.main-container>div.footer ul li:nth-of-type(3) a:hover{background:#df0000}.main-container>div.footer ul li:nth-of-type(4) a:hover{background:#9191c8}.main-container>div.footer ul li:nth-of-type(5) a:hover{background:#ff95ca}.main-container>div.footer a.green{background:#84cc16!important}.main-container>div.footer a.blue{background:#0ea5e9!important}.main-container>div.footer a.red{background:#d00000!important}.main-container>div.footer a.purple{background:#77b!important}.main-container>div.footer a.pink{background:#ff7bbd!important}.main-container>div.footer a.green:hover{background:#629810!important}.main-container>div.footer a.blue:hover{background:#0b83b7!important}.main-container>div.footer a.red:hover{background:#df0000!important}.main-container>div.footer a.purple:hover{background:#9191c8!important}.main-container>div.footer a.pink:hover{background:#ff95ca!important}.main-container input.copy,.main-container>div.footer a{display:inline-block;font-family:'Nanum Gothic',sans-serif;line-height:1.5;text-align:center;vertical-align:middle;cursor:pointer;user-select:none;white-space:nowrap;border:1px solid transparent;text-shadow:0 -1px 0 rgba(0,0,0,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075);-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 1px 1px rgba(0,0,0,.075)}.main-container input.copy{display:block;margin:10px auto 20px;padding:1px 5px;background-color:#337ab7;color:#fff;font-size:12px;border-radius:3px}.main-container input.copy:hover{color:#ff0;background-color:#204d74;border-color:#122b40}.main-container>header{position:relative;width:100%;max-width:100%;padding:60px 20px;margin:0;box-sizing:border-box;background:#333}.main-container>header h1{font-size:60px;text-align:center;margin:40px 0 20px;text-shadow:3px 2px 3px rgb(0 0 0 / 50%);color:#fff}.main-container>header h1 b{display:inline-block;background:rgba(0,0,0,.2);padding:10px 40px;border-radius:8px}.main-container>header p{font-size:16px;text-align:center;color:#f2f2f2}.main-container.visual-01>header{background:url('./bg_visual_300_01.jpg')}.main-container.visual-02>header{background:url('./bg_visual_300_02.jpg')}.main-container.visual-03>header{background:url('./bg_visual_300_03.jpg')}.main-container.visual-04>header{background:url('./bg_visual_300_04.jpg')}.main-container.visual-05>header{background:url('./bg_visual_300_05.jpg')}.main-container.visual-11>header{background:url('./bg_visual_300_11.jpg')}.main-container.visual-12>header{background:url('./bg_visual_300_12.jpg')}.main-container.visual-13>header{background:url('./bg_visual_300_13.jpg')}.main-container.visual-14>header{background:url('./bg_visual_300_14.jpg')}.main-container.visual-15>header{background:url('./bg_visual_300_15.jpg')}.main-container.visual-01>header,.main-container.visual-02>header,.main-container.visual-03>header,.main-container.visual-04>header,.main-container.visual-05>header,.main-container.visual-11>header,.main-container.visual-12>header,.main-container.visual-13>header,.main-container.visual-14>header,.main-container.visual-15>header{background-size:100% 100%;background-position:center;background-repeat:no-repeat}.main-container.visual-01>header h1,.main-container.visual-02>header h1,.main-container.visual-03>header h1,.main-container.visual-04>header h1,.main-container.visual-05>header h1,.main-container.visual-11>header h1,.main-container.visual-12>header h1,.main-container.visual-13>header h1,.main-container.visual-14>header h1,.main-container.visual-15>header h1{color:#fff;text-shadow:3px 2px 3px rgb(0 0 0 / 20%)}.main-container.visual-01>header p,.main-container.visual-02>header p,.main-container.visual-03>header p,.main-container.visual-04>header p,.main-container.visual-13>header p,.main-container.visual-14>header p{color:#fff;text-shadow:3px 2px 3px rgb(0 0 0 / 30%)}.main-container.visual-05>header p,.main-container.visual-11>header p,.main-container.visual-12>header p,.main-container.visual-15>header p{color:#333;text-shadow:3px 2px 3px rgb(0 0 0 / 30%)}.main-container.pattern-01>header{background:repeating-linear-gradient(135deg,#151524 0,#151524 22px,#1f1f35 22px,#3c3c66 44px)}.main-container.pattern-02>header{background-color:#253858;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 1px,transparent 1px 40px),repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0 1px,transparent 1px 40px)}.main-container.pattern-03>header{background-color:#395788;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.1) 0 1px,transparent 1px 40px),repeating-linear-gradient(0deg,rgba(255,255,255,.1) 0 1px,transparent 1px 40px),radial-gradient(circle at 20% 30%,rgba(180,220,255,.35) 0 40px,transparent 41px),radial-gradient(circle at 80% 40%,rgba(220,200,255,.35) 0 50px,transparent 51px),radial-gradient(circle at 50% 80%,rgba(200,255,230,.35) 0 45px,transparent 46px)}.main-container.pattern-04>header{background-color:#3e5958;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 48px),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 48px),linear-gradient(#0000 90%,rgba(180,220,255,.25) 0),linear-gradient(#0000 80%,rgba(200,255,230,.25) 0)}.main-container.pattern-05>header{background-color:#333;background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.07) 0 1px,transparent 1px 42px),repeating-linear-gradient(-45deg,rgba(255,255,255,.04) 0 1px,transparent 1px 42px),radial-gradient(circle at 25% 40%,rgba(170,210,255,.32) 0 38px,transparent 39px),radial-gradient(circle at 70% 30%,rgba(210,190,255,.3) 0 46px,transparent 47px),radial-gradient(circle at 50% 80%,rgba(190,255,230,.28) 0 40px,transparent 41px)}.main-container.pattern-06>header{background-color:#243b52;background-image:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.05) 0 1px,transparent 1px 36px),radial-gradient(circle at 20% 25%,rgba(243,244,196,.32) 0 42px,transparent 43px),radial-gradient(circle at 80% 30%,rgba(234,200,240,.3) 0 46px,transparent 47px),radial-gradient(circle at 55% 75%,rgba(240,211,200,.3) 0 40px,transparent 41px)}.main-container.pattern-01>header h1,.main-container.pattern-02>header h1,.main-container.pattern-03>header h1,.main-container.pattern-04>header h1,.main-container.pattern-05>header h1,.main-container.pattern-06>header h1{color:#fff;text-shadow:3px 2px 3px rgb(0 0 0 / 50%)}.main-container.pattern-01>header p,.main-container.pattern-02>header p,.main-container.pattern-03>header p,.main-container.pattern-04>header p,.main-container.pattern-05>header p,.main-container.pattern-06>header p{color:#f2f2f2;text-shadow:3px 2px 3px rgb(0 0 0 / 50%)}@media (min-width:1200px){.main-container.visual-01>header,.main-container.visual-02>header,.main-container.visual-03>header,.main-container.visual-04>header,.main-container.visual-05>header{background-size:cover}}.main-container>section{counter-increment:section-counter;position:relative;width:100%;padding:40px 20px;box-sizing:border-box}.main-container>section:nth-of-type(odd){background-color:#fff}.main-container>section:nth-of-type(2n){background-color:#f5f5f5}.main-container>section h2{position:relative;font-size:30px;line-height:42px;font-family:'Noto Sans KR';padding:0 0 0 65px;margin:0 0 40px;border-bottom:5px solid #333;font-weight:700;box-shadow:0 12px 6px -6px rgba(0,0,0,.1)}.main-container>section h2::after{content:counter(section-counter);position:absolute;width:50px;height:50px;background-color:#333;color:#fff;font-size:30px;font-family:'Noto Sans KR';left:0;top:50%;transform:translateY(-50%);text-align:center;line-height:55px;border-radius:10px 10px 0 0;text-shadow:3px 2px 3px rgb(0 0 0 / 50%)}.main-container>section:last-of-type h2::after{content:"#"}.main-container>section div.inner,div.ad-banner>div.inner{position:relative;max-width:1200px;margin:0 auto}.main-container>section p{font-size:16px}.main-container>section div.inner>p>a>img,.main-container>section div.inner>p>img,.main-container>section div.inner>p>span>img{margin:20px 0 0;max-width:90%;border-radius:10px}.main-container>section div.inner>p>span.section-divider{display:block;border-top:5px solid #ccc;margin:1em 0;height:0;line-height:0}.main-container>section.section-list ul{margin:0;padding:0}.main-container>section.section-list ul>li{display:list-item;list-style-type:disc;margin:16px 0 16px 20px;font-size:16px}.main-container>section.section-example ul{display:flex;gap:16px;justify-content:left;align-items:center;flex-wrap:wrap;margin:0;padding:0;list-style-type:none}.main-container>section.section-example ul img{margin:0;max-width:227px;width:100%;height:auto;display:block}.main-container>section.section-example ul li .phone{display:block;width:246px;height:207px;background:url('./bg_phone.jpg') top left no-repeat;padding:115px 12px 12px 22px;border-radius:20px;overflow:hidden;box-sizing:content-box}.main-container>section.section-example ul li .phone .scrollbox{overflow-x:hidden;overflow-y:auto;max-height:200px}.main-container>section.section-example ul li .phone .msgbox{background:#f8fafc;border:1px solid #e5e7eb;padding:0;border-radius:10px;width:229px}.main-container>section.section-example ul li .phone h5{font-weight:700px;margin:0;padding:10px 10px 0}.main-container>section.section-example ul li .phone img{border-radius:10px 10px 0 0}.main-container>section.section-example ul li .phone .msg{padding:10px;font-size:13px;color:#333;white-space:pre-line;min-height:150px}.main-container>section.section-example ul li .phone .btn{margin-top:20px;background:#cbd5e1;width:100%;line-height:24px;font-size:12px;font-weight:700;color:#333;text-align:center;border-radius:99px}.main-container>section.section-table table{border-spacing:0;border-collapse:collapse;width:100%;max-width:100%}.main-container>section.section-table td,.main-container>section.section-table th{padding:0}.main-container>section.section-table table,.main-container>section.section-table table>tbody>tr>td,.main-container>section.section-table table>tbody>tr>th,.main-container>section.section-table table>thead>tr>td,.main-container>section.section-table table>thead>tr>th{border:1px solid #ddd}.main-container>section.section-table table>thead:first-child>tr:first-child>td,.main-container>section.section-table table>thead:first-child>tr:first-child>th{border-top:0}.main-container>section.section-table table>thead>tr>td,.main-container>section.section-table table>thead>tr>th{border-bottom-width:2px;text-align:center}.main-container>section.section-table table>tbody>tr>td,.main-container>section.section-table table>tbody>tr>th,.main-container>section.section-table table>thead>tr>td,.main-container>section.section-table table>thead>tr>th{padding:8px;line-height:1.42857143;vertical-align:top;border-top:1px solid #ddd}.main-container>section.section-table table>thead>tr>th{background-color:#bcbce2}.main-container>section.section-table table>tbody>tr>th{background-color:#86c4c4}.main-container>section.section-table table>tbody>tr>td{background-color:#f8f8fc}.main-container>section.section-table table.left>tbody>tr>th{text-align:left;width:20%}.main-container>section.section-table table.left>tbody>tr>td{text-align:left}.main-container>section.section-faq ul{margin:0;padding:0;list-style-type:none}.main-container>section.section-faq li{margin:0 0 25px;padding:0}.main-container>section.section-faq li:last-child{margin-bottom:0}.main-container>section.section-faq li h3{font-weight:700;font-size:18px;margin-bottom:8px;padding-bottom:5px;border-bottom:2px solid #ddd}.main-container>section.section-faq li p{padding-left:20px;border-left:3px solid #07c;color:#333;line-height:1.5}.main-container>section.section-tag .tag-list a{display:inline-block;position:relative;background:#333;color:#fff;padding:4px 14px 4px 25px;margin:6px 10px 6px 0;border-radius:30px 4px 4px 30px;font-size:12px;text-decoration:none;clip-path:polygon(12px 0,100% 0,100% 100%,12px 100%,0 50%);text-shadow:3px 2px 3px rgb(0 0 0 / 10%)}.main-container>section.section-tag .tag-list a::after{content:"#";position:absolute;left:12px;top:50%;transform:translateY(-50%);font-weight:700;color:#b8b8b8}.main-container>section.section-tag .tag-list a.on,.main-container>section.section-tag .tag-list a:hover{color:#ff0}.main-container>section.section-tag .tag-list a.on::after,.main-container>section.section-tag .tag-list a:hover::after{content:"";width:7px;height:7px;background:#fff;border-radius:50%}#backToTop{position:fixed;bottom:40px;right:40px;width:40px;height:40px;text-align:center;font-size:12px;color:#fff;border:none;border-radius:50%;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.2);display:none;z-index:999;transition:opacity .3s}#backToTop::before{content:"กใ\ATOP";white-space:pre;display:block;text-align:center;line-height:1.2}#backToTop:hover{background:#0284c7;color:#ff0}div.ad-notice{padding:10px 0;text-align:center;position:relative}div.ad-notice>div.inner{position:relative;max-width:1200px;margin:0 auto;text-align:right;color:#6f9eb5;font-size:14px}@media screen and (max-width:767px){.publish-body>header,div.ad-notice{padding:10px 20px}.main-container>header{padding:40px 20px}.main-container>header h1{font-size:30px}.main-container>header h1 b{display:block;padding:0 20px;margin:40px 0 20px}.main-container>header p{font-size:12px;line-height:20px}.main-container>section{padding:30px 20px}.main-container>section h2{font-size:20px;line-height:32px;padding:0 0 0 50px;margin:0 0 30px}.main-container>section h2::after{width:40px;height:40px;font-size:20px;line-height:40px}.main-container>section p,.main-container>section.section-faq li h3,.main-container>section.section-list ul>li{font-size:14px}.main-container>section.section-table table>tbody>tr>td,.main-container>section.section-table table>tbody>tr>th,.main-container>section.section-table table>thead>tr>td,.main-container>section.section-table table>thead>tr>th{padding:4px;font-size:12px;line-height:1.2}.main-container>section.section-table table.left>tbody>tr>th{text-align:left;width:40%}.main-container>section.section-tag .tag-list a{padding:2px 5px 2px 20px;border-radius:20px 4px 4px 20px;font-size:12px;margin:6px 5px 6px 0;clip-path:polygon(10px 0,100% 0,100% 100%,10px 100%,0 50%)}.main-container>section.section-tag .tag-list a::after{left:10px}#backToTop{bottom:10px;right:10px;padding:2px;font-size:11px;width:30px;height:30px}div.ad-notice>div.inner{font-size:12px}}div.ad-banner{width:100%;padding:20px 0;text-align:center;position:relative;background:#f7fbff}div.ad-banner>div.inner::after{content:"AD";position:absolute;top:-17px;right:0;padding:1px 2px;border:1px solid #ddd;background-color:#fff;color:#bbb;font-size:10px;font-family:verdana;border-radius:3px;z-index:10}