@charset "utf-8";

/* webfont setting */
@font-face {font-family: 'Noto_DemiLight'; font-style: normal; font-weight: 350; src : url(../font/NotoSansCJKkr-DemiLight.eot), url(../font/NotoSansCJKkr-DemiLight.eot?#iefix) format('embeded-opentype'), url(../font/NotoSansCJKkr-DemiLight.woff2) format('woff2'), url(../font/NotoSansCJKkr-DemiLight.woff) format('woff'), url(../font/NotoSansCJKkr-DemiLight.otf) format('opentype');}
@font-face {font-family: 'Noto_Regular'; font-style: normal; font-weight: 400; src :url(../font/NotoSansCJKkr-Regular.eot) , url(../font/NotoSansCJKkr-Regular.eot?#iefix) format('embeded-opentype'), url(../font/NotoSansCJKkr-Regular.woff2) format('woff2'), url(../font/NotoSansCJKkr-Regular.woff) format('woff'), url(../font/NotoSansCJKkr-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto_Medium'; font-style: normal; font-weight: 500; src :url(../font/NotoSansCJKkr-Medium.eot) , url(../font/NotoSansCJKkr-Medium.eot?#iefix) format('embeded-opentype'), url(../font/NotoSansCJKkr-Medium.woff2) format('woff2'), url(../font/NotoSansCJKkr-Medium.woff) format('woff'), url(../font/NotoSansCJKkr-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto_blod'; font-style: normal; font-weight: 700; src :url(../font/NotoSansCJKkr-Bold.eot) , url(../font/NotoSansCJKkr-Bold.eot?#iefix) format('embeded-opentype'), url(../font/NotoSansCJKkr-Bold.woff2) format('woff2'), url(../font/NotoSansCJKkr-Bold.woff) format('woff'), url(../font/NotoSansCJKkr-Bold.otf) format('opentype');}


/* reset */
html,body {font-family: "Noto_Regular" , Meiryo UI , MSPgothic , Hiragino Kaku Gothic Pro , sans-serif; font-size:12px; color:#7f8ea4; -webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none;}
body {/*-webkit-user-select:none;*/ -webkit-touch-callout:none; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow-y: visible !important;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,a,select,div,label {margin:0; padding:0;}
p,ul,ol,li,dl,dt,dd,form {list-style-image:none; list-style-position:outside; list-style-type:none; border:0;}
table {width:100%; border-collapse:collapse; word-break:break-all; border-spacing:0;}
img {border:0; vertical-align:top;}
button {background:none; border:0; cursor:pointer; *overflow:visible; border-radius:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
fieldset,iframe {border:0;}
input , textarea {border:1px solid #e1e1e1; font-family: "Noto_Regular" , Meiryo UI , MSPgothic , Hiragino Kaku Gothic Pro , sans-serif; color:#7f8ea4; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type='image'] , input[type='submit'] {border:0;}
input,select,textarea,label {vertical-align:middle;}
input::-ms-clear , input::-ms-reveal {display:none;}
legend, hr {display:none;}
em,address {font-style:normal;}
a {text-decoration:none; color:#7f8ea4;}
a:hover,a:active,a:focus {text-decoration:none;}
frameset, frameborder, frame {border:0;}
iframe {overflow-x:hidden; overflow-y:auto; outline:none;}
caption {position:relative; margin-top:0; overflow:hidden; text-indent:-9999px; line-height:0;}


/* skipnavigation */
#skip {position:relative;}
#skip a {display:block; height:0; width:0; overflow:hidden; text-align:center; color:#fff; white-space:nowrap;}
#skip a:active , #skip a:focus {position:absolute; height:auto; width:100%; padding:5px; background:#000; z-index:150;}


/* font type */
.fcBlue {color:#2684dc !important;}
.fcGray {color:#282c37;}
.fcDrblue {color:#333c48 !important;}


/* input type */
.txtBox {padding:0;}
::-webkit-input-placeholder {color:#b3bbc5;}
:-ms-input-placeholder {color:#b3bbc5;}
:-moz-placeholder {color:#b3bbc5;}
input[type="text"]:disabled , input[type="password"]:disabled , textarea:disabled {background:#f6f6f6;}


/* button type */
.btnStyle {position:relative; border:0; background: url('../images/btn_right.gif') no-repeat; padding-right:16px; height:40px; text-decoration: none; vertical-align: middle; cursor: pointer; background-position:right 0; color:#fff; text-align:center;}
a.btnStyle, label.btnStyle, span.btnStyle, button.btnStyle {display:inline-block; line-height:40px;}
.btnStyle .btnWrap {display: inline-block; background: url('../images/btn_left.gif') no-repeat; padding-left:11px; height:40px;}

.btnMore {height:22px; margin:0 0 0 0; padding-right:18px; background-position:right 0; font-weight:700; line-height:22px;}
.btnMore .btnWrap {height:22px; background-position:left 0; color: #8b8b8b; padding-left:11px;}


/* table setting */
.tCom .txtLeft {text-align:left;}
.tCom .txtLeft a , .txtEllps , .selectDesign ul li {display:inline-block; max-width:100%; overflow : hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; vertical-align:middle;}
.txtEllps {width:100%; max-width:100%;}


/* selectbox setting*/
select {width:auto; height:34px; padding:7px 25px 7px 9px; background:url("../images/bl_select_down.png") no-repeat 92% 50%; border:1px solid #dfdfdf; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size:14px; color:#5d6777; line-height:1.2; overflow:hidden;}
select:hover , select:active , select:focus {background:url("../images/bl_select_up.png") no-repeat 92% 50%;}
select::-ms-expand {display: none;}


/* select design */
.selectDesign { position:relative; line-height:35px;}
.selectDesign > a { display:block; width:100%; max-width:100%; height:48px; line-height:46px; font-size:14px; color: #5d6777; padding:0 16px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-sizing:border-box; border: 1px solid #e1e1e1; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; vertical-align:middle;}
.selectDesign > a:after { content:''; display:block; width:13px; height:8px; position:absolute; top:50%; right:10px; margin-top:-4px; background:url('../images/img_split.png') no-repeat; background-position:-292px -141px;}
.selectDesign > ul { position:absolute; width:100%; top:1px; background:#fff; display:none; z-index:9; }
.selectDesign > ul > li {display:block; cursor:pointer; height:48px; line-height:46px; font-size:14px; color: #5d6777; padding:0 16px; border:1px solid #e1e1e1; border-top:0; position:relative; }
.selectDesign > ul > li:hover { background:#f9f9f9; }
.selectDesign > ul > li:first-child:after {content:''; display:block; width:13px; height:8px; position:absolute; top:50%; right:10px; margin-top:-4px; background:url('../images/img_split.png') no-repeat; background-position:-292px -174px;}


/* checkbox / radio design */
.radioCheck {position:relative;}
.radioCheck p {position:relative; margin:0; padding:0;}
.radioCheck p label {font-size:14px; line-height:1.2; color:#5d6777;}
.radioCheck p>input[type="checkbox"] , .radioCheck p>input[type="radio"] {position:relative; top:-1px; overflow:hidden; vertical-align:middle;}
.radioCheck p:not(#cssbrowser)>input[type="checkbox"] , .radioCheck p:not(#cssbrowser)>input[type="radio"] {position:absolute; left:0; top:0; width:22px; height:22px; margin:0; opacity:0; cursor:pointer; overflow:hidden;}
.radioCheck p:not(#cssbrowser)>input[type="checkbox"] + label , .radioCheck p:not(#cssbrowser)>input[type="radio"] + label {margin:0 0 0 0; padding:2px 0 2px 30px; display:inline-block; min-height:22px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; cursor:pointer;}

/*radio / checkbox*/
.radioCheck p:not(#cssbrowser)>input[type="radio"] + label {background-position:left -100px;}
.radioCheck p:not(#cssbrowser)>input[type="radio"]:disabled + label { background-position:left -125px; }
.radioCheck p:not(#cssbrowser)>input[type="radio"]:checked + label { background-position:left -150px; }
.radioCheck p:not(#cssbrowser)>input[type="radio"]:checked:disabled + label {background-position:left -175px; }
.radioCheck p:not(#cssbrowser)>input[type="checkbox"] + label {background:url("../images/chk_normal.png") no-repeat;}
.radioCheck p:not(#cssbrowser)>input[type="checkbox"]:disabled + label {background:url("../images/chk_disable.png") no-repeat;}
.radioCheck p:not(#cssbrowser)>input[type="checkbox"]:checked + label {background:url("../images/chk_chked.png") no-repeat;}
.radioCheck p:not(#cssbrowser)>input[type="checkbox"]:checked:disabled + label {background:url("../images/chk_disable_check.png") no-repeat;}

/*checkbox img right*/
.radioCheck.chkRight p:not(#cssbrowser)>input[type="checkbox"] , .radioCheck.chkRight p:not(#cssbrowser)>input[type="radio"] {left:auto; right:0;}
.radioCheck.chkRight p:not(#cssbrowser)>input[type="checkbox"] + label , .radioCheck.chkRight p:not(#cssbrowser)>input[type="radio"] + label {display:block;}
.radioCheck.chkRight p:not(#cssbrowser)>input[type="checkbox"] + label , .radioCheck.chkRight p:not(#cssbrowser)>input[type="radio"] + label {padding:2px 30px 2px 0;}
.radioCheck.chkRight p:not(#cssbrowser)>input[type="checkbox"] + label {background:url("../images/chk_normal.png") no-repeat right 50%;}
.radioCheck.chkRight p:not(#cssbrowser)>input[type="checkbox"]:checked + label {background:url("../images/chk_chked.png") no-repeat right 50%;}
.radioCheck.disable , .radioCheck.disableChk {background:#fdfdfd;}
.radioCheck.disable label , .radioCheck.disableChk label {color:#c1c1c1;}


/* pagenavigation */
.pageWrap {position:relative; width:100%; margin:0 auto; padding:20px 0 0; overflow:hidden;}
.pageWrap .icont {position:absolute; left:0; z-index:10;}
.pageWrap p {position:absolute; right:0; margin-top:7px;}
.pageBox {float:left; width:100%; line-height:normal; text-align:center;}
.pageBox a,
.pageBox strong {display:inline-block; width:29px; margin:0; padding:0; border:0; color:#444; text-align:center; line-height:29px; vertical-align:middle;}
.pageBox strong,.pageBox a:hover {color:#2684dc; text-decoration:underline;}
.pageBox .dipolyion {font-weight:normal; color:#444; text-decoration:none !important;}
.pageBox .dipolyion:hover {color:#444;}
.pageBox .prev , .pageBox .first ,.pageBox .next ,.pageBox .last {position:relative; width:29px; height:29px; padding:0; vertical-align:middle;}


/* moble page */
.mPageBox {display:none;}
.mPageBox span {font-weight:700; vertical-align:middle;}
.mPageBox span em {font-weight:400; color:#a3a3a3;}


/* layer popup */
.ly {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000; -webkit-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow-y: visible !important; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.ly .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.ly .popLy {display:block;}
.popLy {position: absolute; top: 50%; left: 50%; width:100%; max-width:460px; height:auto; margin-left:-230px; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; z-index:100;}
.popHeader {background:#3d6eb7; padding:11px 25px;}
.popHeader h2 {line-height:1.2; color:#fff;}
.popCont {padding:30px; max-height:500px; overflow-y:auto;}
.popCont .popTit {margin:0 0 12px 0; font-size:20px; color:#333c48; line-height:1.4; text-align:center;}
.popCont .popTx , .popCont .popTxt {font-size:14px; color:#7f8ea4; line-height:1.2; text-align:center;}
.popCont .popTxt {font-size:20px; color:#333c48;}
.popFooter {padding:0 20px; background:#f7f7f7; text-align:center;}
.popFooter > div {padding:30px 0; border-top:1px solid #f4f4f4;}
.btnPopClose {position:absolute; top:12px; right:12px; width:24px; height:24px;}
.popLy .icoAlert , .popLy .icoSuccess , .popLy .icoCfrm , .signUpAlarm .icoSuccess , .signUpAlarm .icoCfrm , .signUpAlarm .icoAlert {position:relative; display:block; width:46px; height:40px; margin:0 auto 27px;}
.btnPopOk {display:block; /*width:100%; max-width:94px;*/ margin:50px auto 0; padding:15px 5px; background:#2684dc; font-size:15px; line-height:1.2; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center;}
.btnPopOk:hover {background:#1475d0;}
.actCodeSucc {padding:20px 5px; border:1px solid #e6e6e6; font-size:16px; line-height:1.2; color:#7f8ea4; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.actCodeSucc span {margin-left:5px; color:#5d6777;}
.popSubTx , .popSubTx li {font-size:16px; color:#7f8ea4; line-height:1.4; text-align:center;}
.btnComm .btnPopOk {width:auto; max-width:auto;}
.btnArea .btnPopOk {margin:0 auto;}
.popCont .btnArea {margin:50px 0 0 0;}


/* common class */
.both {clear:both;}
.clearfix {width:100%;}
.clearfix:after {content:''; clear:both; display:block;}
.blind {position:relative; overflow:hidden; text-indent:-9999px; line-height:0;}
.br {display:block;}
.comInpt .it {width:100%; padding:14px 30px 14px 16px; font-size:15px; line-height:1.3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-sizing:border-box;}
.comInpt .act .it , .comInpt .it:focus , .comInpt .it:active {border-color:#2585dc; color:#333c48;}
.comInpt .it:disabled {border-color:#d5dce2;}
.comInpt .error .btnTxtDel {right:12px; width:16px; height:16px; margin:-2px 0 0 0;}
.comInpt .error .it {border-color:#ff775d;}
.comInpt .error .errorTx {display:block;}
.subTit {margin-bottom:48px; font-family:"Noto_Medium" , sans-serif; font-size:28px; font-weight:400; color:#1f4787; line-height:1.2; text-align:center;}
.subTit img {vertical-align:middle;}
.subTit .pic {position:relative; display:inline-block; width:54px; height:54px; margin:0 15px 0 0; vertical-align:middle;}
.subTit .titTx {margin-left:15px; font-size:35px; color:#7f8ea4; line-height:1.2; vertical-align:middle;}
.subTitTx {padding:0 7%; margin-bottom:34px; font-size:16px; color:#5d6777; line-height:1.6; text-align:center;}
.pdR70 {padding-right:70px !important;}
.scrollHn , .scrollNo {overflow:hidden;}
.mb35 {margin-bottom:35px !important;}
.mt30 {margin-top:30px !important;}
.alignCenter {text-align:center;}
.ptb30 {padding:30px 0;}
.mt30 {margin-top:30px !important;}
.popScroll {padding:30px 30px 0 30px; overflow-y:auto; box-sizing:border-box;}
.mb10 {margin-bottom:10px !important;}


/* common layout */
body {background:#eeeeee;}
.left {position:fixed; top:0; left:0; width:100px; height:100%; background:#282c37; z-index:110; -webkit-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow-y: visible !important; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.left .logo {padding:0; background:#222630; border-bottom:1px solid #3a3f4e; line-height:0;}
.left .logo a {display:block; height:13px; padding:26px 0; text-align:center;}
.left > ul {border-bottom:1px solid #3a3f4e;}
.left .mGnb {height:100%; padding-bottom:229px; box-sizing:border-box; overflow:auto;}
.left .gnb > li div , .left .mGnb > li > ul {position:fixed; top:0; left:100px; width:204px; height:100%; padding-top:65px; background:#fff; border-right:1px solid #c7c7c7; z-index:150;}
.left .mGnb > li > ul {padding-top:53px;}
.left .gnb > li , .left .mGnb > li {border-top:1px solid #3a3f4e; border-bottom:1px solid #1b2028; text-align:center;}
.left .gnb > li:first-child , .left .mGnb > li:first-child {border-top:0;}
.left .gnb > li a , .left .mGnb > li a {display:block; font-family:'Noto_DemiLight' , sans-serif; word-break:break-all;}
.left .gnb > li > a , .left .mGnb > li > a {position:relative; min-height:30px; padding:55px 5px 10px; color:#9098a1; line-height:13px;}
.left .mGnb > li > a , .leftWrap.mob .left .gnb > li > a {padding-top:50px;}
.left .gnb > li > a .ico , .left .mGnb > li > a .ico {position:absolute; top:50%; left:50%; display:block;}
.left .gnb .prodAll .ico , .left .mGnb .prodAll .ico {width:22px; height:27px; margin:-30px 0 0 -11px;} 
.left .gnb .prodMob .ico , .left .mGnb .prodMob .ico {width:20px; height:32px; margin:-35px 0 0 -10px;}
.left .gnb .prodAnd .ico , .left .mGnb .prodAnd .ico {width:20px; height:32px; margin:-35px 0 0 -10px;}
.left .gnb .prodIos .ico, .left .mGnb .prodIos .ico {width:20px; height:32px; margin:-35px 0 0 -10px;}
.left .gnb > li > a.on , .left .gnb > li > a:hover , .left .mGnb > li.on > a , .left .mGnb > li > a:hover {background:#2684dc; color:#e6f3ff;}
.left .gnb > li div > ul {border-top:1px solid #e6e6e6;}
.left .btnClose {display:block; position:fixed !important; top:20px !important; left:265px; width:24px !important; height:24px !important; padding:0 !important; line-height:0 !important; min-height:initial !important;}
.left .gnb .subMu > li , .left .mGnb .subMu > li {border-bottom:1px solid #e6e6e6; text-align:left;}
.left .gnb .subMu > li > a , .left .mGnb .subMu > li > a {position:relative; display:block; padding:19px 42px 19px 15px; background:url("../images/bl_left_down.png") no-repeat 95% 26px; font-size:13px; color:#333c48;}
.left .gnb .subMu > .on > a {background:url("../images/bl_left_up.png") no-repeat 95% 26px;}
.left .mGnb .subMu > li > a {padding:10px 24px 10px 10px; background:none; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden;}
.left .gnb .subMu > li > a .icoNoti , .left .mGnb .subMu > li > a .icoNoti {position:absolute; top:20px; right:23px; width:16px; height:16px; vertical-align:middle;}
.left .mGnb .subMu > li > a .icoNoti {top:11px; right:5px;}
.left .gnb .subMu > li > ul {padding:0 16px 16px;}
.left .mGnb .subMu > li {padding:8px 13px;}
.left .gnb .subMu > li > ul > li > a , .left .mGnb .subMu > li > ul > li > a {display:block; padding:10px; background:#ffffff; font-size:13px; color:#7f8ea4; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.left .gnb .subMu > li > ul > li > .on , .left .gnb .subMu > li > ul > li > a:hover , .left .mGnb .subMu > li > ul > li > .on , .left .mGnb .subMu > li > ul > li > a:hover , .left .mGnb .subMu > li > a:hover {background:#eee; color:#333c48;}

.leftWrap .left .beforeMu li {padding:0 20px; border:0; text-align:left;}
.leftWrap .left .beforeMu li a {display:block; padding:10px; background:#fff; font-size:13px; color:#7f8ea4; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.leftWrap .left .beforeMu li:first-child {padding-top:20px;}
.leftWrap .left .beforeMu li:first-child a {color:#333c48;}
.leftWrap .left .beforeMu li:last-child {padding-bottom:20px; border-bottom:1px solid #e6e6e6;}
.leftWrap .left .beforeMu li a:hover {background:#eee;}
.leftWrap.web .left .btnLeftBtMu {bottom:0;}
.left .btnLeftBt , .left .btnLeftBtMu {position:absolute; bottom:0; left:0; width:100%; border-top:1px solid #1b2028 !important; border-bottom:0 !important;}
.left .btnLeftBtMu {bottom:100px;}
.left .btnSync {display:block; width:90px; background:#282c37; border-top:1px solid #3a3f4e; border-bottom:1px solid #1b2028; color:#9098a1; text-align:center;}
.left .btnSync span {position:absolute; top:50%; left:50%; display:block; width:22px; height:22px; margin:-25px 0 0 -11px;}
.left .btnSync.on , .left .btnSync:hover {background:#2585dc; color:#e6f3ff;}
.left .btnMember , .left .btnLogOut {border-bottom:0;}
.left .btnDown span {width:22px; height:26px;}
.left .btnMember span {width:22px; height:27px;}
.left .btnLogOut span {width:24px; height:22px;}


.mob , .left .gnb > li div , .afMob .left .btnClose , .left .mGnb > li > ul {display:none;}
.mob .left .gnb > li div {padding-top:53px;}
.web , .left .mGnb .subMu > li > ul.on , .left .mGnb .subMu > li > ul {display:block;}
.left .mGnb .subMu > li > ul {display:block !important;}


.headerWrap {position:fixed; top:0; left:0; width:100%; min-height:65px; border-bottom:1px solid #e6e6e6; background:#fff; z-index:100; -webkit-user-select:none; -webkit-touch-callout:none; -webkit-tap-highlight-color: rgba(0,0,0,0); overflow-y: visible !important; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.lnbNavi {float:left; min-height:29px; margin:15px 0 21px 128px; overflow:hidden;}
.lnbNavi li {float:left; padding:7px 7px 0 0;}
.lnbNavi li .icoHome {display:block; position:relative; width:16px; height:13px; margin:3px 0 0 0;}
.lnbNavi li a {display:block; padding-left:15px; background:url("../images/bl_navi_arrow.png") no-repeat left 50%; font-size:14px; color:#7f8ea4;}
.lnbNavi li:first-child a {padding:0; background:none;}
.lnbNavi li span {font-size:14px; color:#7f8ea4;}
.lnbNavi li.pageTit span {font-size:18px; line-height:1.2; color:#333c48;}
.lnbInfo {float:right; margin:15px 25px 17px 0;}
.lnbInfo:after {content:''; display:block; clear:both;}
.lnbInfo li {float:left; margin-left:10px;}
.lnbInfo li .logName , .lnbInfo li .pwReset {display:block; margin-top:7px; font-size:14px; color:#7f8ea4;}
.lnbInfo li .logName:hover , .lnbInfo li .pwReset:hover {color:#2684dc;}
.lnbInfo li .logName .ico , .lnbInfo li .pwReset .ico {position:relative; display:inline-block; width:13px; height:16px; margin:-3px 7px 0 0; vertical-align:middle;}
.lnbInfo li .btnLogIn {display:block; padding:6px 17px; background:#fff; border:1px solid #dfdfdf; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  font-size:13px;  color:#7f8ea4;}
.lnbInfo li .btnLogIn.on , .lnbInfo li .btnLogIn:hover {background:#f8f8f8;}
.pageSubTit {display:none; padding:21px 10px 21px 128px; text-align:center;}
.pageSubTit p {font-size:15px; color:#1f4787; line-height:1.2;}


/*mobile navi*/
.mob_logo {display:none; float:left; margin:23px 0 7px 20px;}
.dim , .devDim {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; filter:alpha(opacity=50); z-index:500; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.leftWrap.mob .left {display:none; position:fixed; left:0; top:0; width:100px; min-height:100%; height:100%; z-index:1000; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.leftWrap.mob .btnleftClose {display:none; position:absolute; top:0; left:100px; width:53px; height:53px;}
.left .mGnb > li > ul {left:100px; width:204px; border-top:0; box-sizing:border-box; overflow:auto;}
.left .mGnb > li > ul > li:first-child {border-top:1px solid #e6e6e6;}
.afMob .left .btnClose {top:14px !important; left:265px; z-index:1000;}
.left .mGnb li .btnAddDev {color:#333c48 !important;}
.left .mGnb li .btnAddDev:hover {background:#eee !important;}
.left .mGnb li .btnActCode {background:#fff !important;}
.left .mGnb li .btnActCode .ico , .left .mGnb li .btnAddDev .ico {position:relative; display:inline-block; width:22px; height:22px; margin:0 5px 0 0; vertical-align:middle;}
.left .mGnb .arrNo {background:none !important;}

.contentWrap {min-height:650px; padding:65px 25px 100px 128px;}

.footerWrap {position:fixed; bottom:0; left:0; width:100%; border-top:1px solid #e2e2e2; background:#f6f6f6; z-index:100; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.footerWrap .ftLink {width:100%; padding:15px 0; text-align:center;}
.footerWrap .ftLink li {display:inline-block; padding:0 17px; background:url("../images/bl_f_line.png") no-repeat left 50%; vertical-align:middle;}
.footerWrap .ftLink .ftLogo {margin-top:-1px;}
.footerWrap .ftLink li a {display:block; font-size:13px; color:#7f8ea4; line-height:1.1;}
.footerWrap .ftLink li a:hover {color:#333c48;}
.footerWrap .ftLink li:first-child {background:none;}
.footerWrap .ftLink li img {display:inline; vertical-align:middle;}

.footerWrap .ftLink .langChoice.mob {display:none;}
.lang select {height:auto; padding:5px 25px 5px 9px; background-color:#fff; border-color:#d5dce2; font-size:13px; line-height:1.3; color:#7f8ea4; vertical-align:middle;}

/* product device list */
.prodAcArea {max-width:940px; margin:0 auto; padding:31px 0 0 0;}
.prodAcTop {position:relative; margin:0 0 31px 0;}
.prodAcTop .txtAc {padding-right:130px; font-size:15px; color:#7f8ea4;}
.prodAcTop .txtAc .txtProd {margin-right:5px; color:#333c48;}
.prodAcTop .btnPosR {position:absolute; top:50%; right:0; margin-top:-18px; text-align:center;}
.prodAcTop .btnPosR .btnDev {display:inline-block; padding:9px 22px; background:#2684dc; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:13px; color:#fff; text-align:center; z-index:5;}
.prodAcTop .btnPosR .btnDev:hover {background:#1475d0;}
.prodAcTop .btnPosR .btnDev span {position:relative; display:inline-block; width:10px; height:10px; margin:-2px 7px 0 0; vertical-align:middle;}
.prodAcCont:after {content:''; display:block; clear:both;}
.prodAcBox {position:relative; float:left; width:100%; max-width:458px; margin:0 0 20px 20px; border:1px solid #d3d6db; background:#f6f6f6; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  z-index:1;}
.prodAcBox .prodMnuList {position:relative; display:table; width:100%; padding:20px 0; background:#fff; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;  overflow:hidden; z-index:5;}
.prodAcBox .prodMnuList li {display:table-cell; width:25%;}
.prodAcBox .prodMnuList li a {display:block; position:relative; padding-top:34px; border-left:1px solid #e6e6e6; color:#b3bbc5; text-align:center; cursor:default;}
.prodAcBox .prodMnuList li:first-child a {border:0;}
.prodAcBox .prodMnuList li .mnu01 .ico {display:block; position:absolute; top:0; left:50%; width:22px; height:26px; margin:0 0 0 -11px;}
.prodAcBox .prodMnuList li .mnu02 .ico {display:block; position:absolute; top:0; left:50%; width:22px; height:26px; margin:0 0 0 -11px;}
.prodAcBox .prodMnuList li .mnu03 .ico {display:block; position:absolute; top:0; left:50%; width:21px; height:26px; margin:0 0 0 -10px;}
.prodAcBox .prodMnuList li .mnu04 .ico {display:block; position:absolute; top:0; left:50%; width:25px; height:24px; margin:0 0 0 -12px;}
.prodAcBox .prodMnuList li a.on {color:#2684dc; cursor:pointer;}
.btnProdDel {position:absolute; top:7px; right:7px; width:24px; height:24px; z-index:10;}
.prodAcBox .prodAcTit {position:relative; display:table; width:100%; height:122px;}
.prodAcBox .prodAcTit .prodAcImg {display:table-cell; width:24%; height:100%; text-align:center; vertical-align:middle;}
.prodAcBox .prodAcTit .prodAcImg img {max-width:85%; vertical-align:middle;}
.prodAcBox .prodAcTit .prodAcTxt {display:table-cell; width:71%; padding:0 5% 0 0; vertical-align:middle;}
.prodAcBox .prodAcTit .prodAcTxt h3 {margin-bottom:5px; font-size:20px; font-weight:400; color:#333c48;}
.prodAcBox.ml0 {margin-left:0;}
.prodAcBox .addDev {display:table; width:100%; min-height:214px; font-size:16px; color:#b3bbc5; text-align:center; vertical-align:middle;}
.prodAcBox .addDev .icoAdd {position:absolute; top:50%; left:50%; display:block; width:41px; height:41px; margin:-40px 0 0 -20px;}
.prodAcBox .addDev .addDevTx {position:absolute; top:50%; left:0; width:100%; margin-top:10px;}
.prodAcBox .addDev:hover {color:#333c48;} 
.popDevInfo {display:table; width:100%; padding:26px 0; margin-top:35px; border:1px solid #e6e6e6; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-sizing:border-box; overflow:hidden;}
.popDevInfo .deviceImg {display:table-cell; width:25%; vertical-align:middle; text-align:center;}
.popDevInfo .deviceTxt {display:table-cell; width:75%; vertical-align:middle;}
.popDevInfo .deviceTxt h4 {font-size:20px; font-weight:400; color:#333c48; line-height:1.2;}
.popDevInfo .deviceTxt p {margin-top:5px; font-size:14px; color:#7f8ea4; line-height:1.2;}


/*login*/
.loginBox {max-width:618px; margin:21px auto 0; padding:65px 0; border:1px solid #d3d6db; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.loginWrap {padding:0 124px;}
.inptBox {position:relative;} 
.loginWrap .idArea {margin-bottom:14px;}
.errorTx {display:none; margin:7px 0 0 0; color:#ff775d;}
.titLabel {margin:14px 0 9px; font-size:13px; line-height:1.2; color:#7f8ea4;}
.inptBox .btnTxtDel {position:absolute; top:18px; right:15px; width:10px; height:10px; margin:0 0 0 0; z-index:5;}
.loginWrap .captchaArea {position:relative; margin:25px 0 0 0;}
.loginWrap .captchaArea .capImg {height:50px; border:1px solid #dfdfdf; overflow:hidden;}
.loginWrap .captchaArea #catpcha {background:#f6f6f6; padding-right:48px;}
.loginWrap .captchaArea #catpcha img {max-width:100%;}
.loginWrap .captchaArea #soundOn {position:absolute; top:0px; right:1px; display:block; width:48px; height:26px; border-left:1px solid #dfdfdf; border-top:1px solid #dfdfdf; border-right:0; background:url("../images/bl_ico_sound.png") no-repeat; text-indent:-9999px; line-height:0; overflow:hidden; cursor:pointer;}
.loginWrap .captchaArea #reLoad {position:absolute; top:26px; right:1px; display:block; width:48px; height:26px; border:1px solid #dfdfdf; border-top:0; border-right:0; background:url("../images/bl_ico_reload.png") no-repeat; text-indent:-9999px; line-height:0; overflow:hidden; cursor:pointer;}
.loginWrap .captchaArea .inptBox {margin:11px 0 0 0;}
.loginWrap .btnArea .btnLogin , .loginWrap .btnMemJoin {display:block; width:100%; padding:18px 0; background:#2684dc; border:0; font-size:16px; color:#fff; line-height:1.2; text-align:center; cursor:pointer; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.loginWrap .btnArea .btnLogin:hover {background:#1475d0;}
.loginWrap .loginEtc {padding:17px 0 0 0; border-top:1px solid #e6e6e6; text-align:center;}
.loginWrap .loginEtc li {display:inline-block; padding:0 20px; background:url("../images/bl_login_line.png") no-repeat left 50%; vertical-align:middle;}
.loginWrap .loginEtc li:first-child {background:none;}
.loginWrap .loginEtc li a {display:block;}
.loginWrap .loginEtc li .pwReset , .loginWrap .loginEtc li .signUp {font-size:14px; color:#7f8ea4;}
.loginWrap .loginEtc li .pwReset:hover , .loginWrap .loginEtc li .signUp:hover {color:#2684dc;}
.loginWrap .loginEtc li .pwReset .ico , .loginWrap .loginEtc li .signUp .ico {position:relative; display:inline-block; margin:-3px 7px 0 0; vertical-align:middle;}
.loginWrap .loginEtc li .signUp .ico {width:13px; height:15px;}
.loginWrap .btnMemJoin {margin-bottom:9px; padding:17px 0; background:#fff; border:1px solid #dfdfdf; color:#7f8ea4;}
.loginWrap .btnMemJoin:hover {background:#f6f6f6;}


/*sign up*/
.signUpBox , .syncBox , .agreementBox {max-width:948px; margin:21px auto 0; padding:53px 0; border:1px solid #d3d6db; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.signUpBox .subTit img {max-width:87%;}
.signUpWrap {padding:0 199px;}
.signUpWrap .radioCheck {margin-top:20px;}
.agreeChk .radioCheck:after {content:''; display:block; clear:both;}
.signUpWrap .radioCheck .tx {color:#7f8ea4;}
.signUpWrap .radioCheck .btnAllLnk {position:absolute; top:0; right:0; padding:4px 8px; margin:0; border:1px solid #d5dce2; background:#fff; font-family:"Noto_DemiLight" , sans-serif; line-height:1.2; color:#7f8ea4; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; z-index:5;}
.termsBox {height:86px; margin:12px 0 0 0; padding:0 15px 15px; border:1px solid #d5dce2; overflow-y:auto;}
.termsBox * {font-size:13px; color:#5d6777;}
.termsBox h4 {margin:15px 0 10px; font-weight:normal;}
.termsBox p , .termsBox li {margin:0 0 5px 0;}
.actiCodeArea {margin:20px 0 40px 0; border-top:1px solid #d5dce2;}
.btnArea {margin:30px 0; text-align:center;}
.btnArea a , .btnArea input , .btnArea button {display:inline-block; padding:14px 33px; border:1px solid #d5dce2; font-size:15px; line-height:1.2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; vertical-align:middle;}
.btnArea .btnW {background:#fff; color:#7f8ea4;}
.btnArea .btnlb {margin-left:7px; background:#2684dc; border-color:#2684dc; color:#fff;}
.btnArea .btnW:hover {background:#f6f6f6;}
.btnArea .btnlb:hover {background:#1475d0;}
.left .loginBf .prodAll .ico {display:block; position:absolute; left:50%; width:22px; height:26px; margin-left:-11px;}
.left .loginBf .prodMob .ico {display:block; position:absolute; left:50%; width:21px; height:26px; margin:-28px 0 0 -10px;}
.left .loginBf .prodAnd .ico {display:block; position:absolute; left:50%; width:25px; height:24px; margin:-26px 0 0 -12px; }
.left .loginBf .prodIos .ico {display:block; position:absolute; left:50%; width:22px; height:26px; margin:-28px 0 0 -11px;}
.agreeChk .errorTx {display:none;}
.agreeChk .errorTx .ico {display:inline-block; width:16px; height:16px; margin:-2px 5px 0 0; vertical-align:middle;}
.agreeChk.error .errorTx {display:block;}

/*download*/
.downBox {max-width:940px; margin:0 auto; padding:25px 0;}
.downBox .subTit {margin-bottom:25px;}
.downList {overflow:hidden;}
.downList li {float:left; width:100%; max-width:458px; background:#fff; border:1px solid #d3d6db; margin:0 0 20px 20px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center;}
.downList li.ml0 {margin-left:0 !important;}
.downList li .imgArea {display:table; width:100%; height:180px;}
.downList li .imgArea span {display:table-cell; text-align:center; vertical-align:middle;}
.downList li .imgArea img {max-width:100%; vertical-align:middle;}
.downList li .titName {margin:28px 0 0 0; font-family:'Noto_DemiLight' , sans-serif; font-size:18px; color:#1f4787; line-height:1.2; }
.downList li .btnDown {display:block; padding:22px 10px; background:#fff; border-top:1px solid #e6e6e6; font-size:18px; color:#2684dc; line-height:1.2; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; overflow:hidden;}
.downList li .btnDown:hover {background:#f6f6f6;}
.downList li .btnDown span {position:relative; display:inline-block; width:20px; height:19px; margin:-3px 8px 0 0; vertical-align:middle;}


/*password reset*/
.pwResetBox .subTit {margin-bottom:20px;}


/*password reset step*/
.pwReStepBox {max-width:620px; padding:20px 0 0; margin:0 auto;}
.pwReStepBox .pwReStep01 , .pwReStepBox .pwReStep02 , .pwReStepBox .pwReStep03 {padding:30px 124px; background:#fff; border:1px solid #d3d6db; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.pwReStepBox .pwReStep02 , .pwReStepBox .pwReStep03 {padding:30px 70px;}
.pwReStepBox .bgStep {display:block; width:6px; height:28px; margin:9px auto 9px;}
.btnArea .btnRqReset , .btnArea .btnOk {display:block; width:100%; margin:0; box-sizing:border-box;}
.pwReStepBox .txtBox {margin-bottom:10px;}
.pwReStepBox .stepNum {width:40px; height:40px; margin:0 auto; border:1px solid #d5d9dd; font-family: "Noto_bold" , sans-serif; font-size:16px; color:#d5d9dd; -moz-border-radius:100%; -webkit-border-radius:100%; border-radius:100%; line-height:40px; text-align:center;}
.pwReStepBox .act .stepNum {border-color:#2885dc; color:#2885dc;}
.pwReStepBox .pwReStepTx {margin:25px 0 40px; font-size:16px; color:#d5d9dd; line-height:1.3; text-align:center;}
.pwReStepBox .act .pwReStepTx {color:#5d6777;}
.pwReStepBox .pwReStep02 .pwReStepTx {margin-bottom:20px;}
.pwReStepBox .pwReStep03 .btnArea {padding:0 54px;}
.pwReStepBox .pwReStep03 .btnArea .btnOk.disable {background:#d5d9dd; border-color:#d5d9dd; cursor:default !important;}


/*user info*/
.usInfoBox {max-width:938px;}
.usInfoBox .dutyTx {margin:5px 0 0 0; font-size:13px; color:#b3bbc5; line-height:1.2;}
.memLevArea {position:relative; padding:22px 0 0 0; border-top:1px solid #d5dce2;}
.memLevArea .btnMemLev {position: absolute; top:20px; left:28px; padding: 4px 8px; margin:0; border: 1px solid #d5dce2; background: #fff; font-size:13px; line-height: 1.2; color: #7f8ea4; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; z-index: 5;}
.memLevArea .btnMemLev:hover {background:#f8f8f8;}
.memLevArea .memTx {padding:0 10px 0 110px;}
.popUnMem .btnPopOk {width:auto; max-width:none; margin:0 0 0 7px;}
.popUnMem .txtBox {margin-top:14px;}
.popUnMem .txtBox.mt40 {margin-top:40px;}


/*signUp Alarm*/
.signUpAlarmWrap {margin-top:75px;}
.signUpAlarmWrap .signUpAlarm {max-width:618px; padding:70px 5% 29px; margin:0 auto; background:#fff; border:1px solid #d3d6db; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden; box-sizing:border-box;}
.signUpAlarm .emailTx {margin-bottom:30px; font-size:20px; color:#333c48; line-height:1.2; text-align:center;}


/*actCode list*/
.prodAcTop .txtTit {font-size:24px; color:#1f4787; text-align:center;}
.AcContBox {overflow:hidden;}
.AcBox {position:relative; float:left; width:100%; max-width:460px; min-height:318px; padding:0 44px 35px; margin:0 0 20px 20px; border:1px solid #d3d6db; background:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; z-index:1; text-align:center; box-sizing:border-box;}
.AcBox .acDate .ico , .AcBox .acDate .icoNoti {display:inline-block; width:16px; height:16px; vertical-align:middle;}
.AcBox .acDate .ico {background:none;}
.AcBox.ml0 {margin-left:0;}
.AcBox .addDev {display:table; width:100%; min-height:318px; font-size:16px; color:#b3bbc5; text-align:center; vertical-align:middle;}
.AcBox .addDev .icoAdd {position:absolute; top:50%; left:50%; display:block; width:41px; height:41px; margin:-40px 0 0 -20px;}
.AcBox .addDev .addDevTx {position:absolute; top:50%; left:0; width:100%; margin-top:10px;}
.AcBox .addDev:hover {color:#333c48;} 
.AcBox h3 {margin:37px 0 19px; font-size:22px; color:#1f4787; line-height:1.2;}
.AcBox .acDate , .AcBox .acTxt {margin-bottom:5px; font-size:14px; color:#2684dc; line-height:1.2;}
.AcBox .acTxt {margin:0; color:#5d6777;}
.AcBox .acCodeArea {margin:33px 0; padding:26px 37px; border:1px solid #d3d6db; background:#fafafa; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:16px; color:#333c48; line-height:1.2;}
.AcBox .acStore {font-size:13px; color:#5d6777; line-height:1.2;}
.AcBox .acStore a {color:#2684dc; text-decoration:underline;}
.AcBox.btBox {padding:0; background:#f6f6f6;}
.AcBox.disable {background:#f6f6f6;}
.AcBox.disable * , .AcBox.disable .acStore a {color:#cdd1d4;}
.AcBox.disable .icoNoti {position:absolute; top:11px; right:13px; width:24px; height:22px;}

/*sync*/
.syncDesc {padding:0 7%; margin-bottom:48px; font-size:16px; color:#2684dc; line-height:1.2; text-align:center;}
.confIco {position:relative; top:-2px; display:inline-block; width:21px; height:21px; margin-right:5px; vertical-align:middle;}
.syncList {max-width:85%; padding:0; margin:0 auto; box-sizing:border-box;}
.syncList h3 {padding:15px 28px; background:#fff; border-top:2px solid #2684dc; font-size:15px; font-weight:400; color:#1f4787; line-height:1.2; }
.syncList h3 .icoSync {position:relative; top:-1px; display:inline-block; width:8px; height:8px; margin-right:10px;}
.syncList ul li {padding:0 47px; border-top:1px solid #c9cdd2; background:#f4faff;}
.syncList ul li .radioCheck label {display:block; padding:15px 30px 15px 0 !important;}
.syncList ul li label {font-size:15px; color:#5d6777; line-height:1.2;}
.syncList ul li label:hover {color:#2684dc;}
.syncList ul li .radioCheck.chkRight p:not(#cssbrowser)>input[type="checkbox"]:checked + label {color:#2684dc;}
.icoSyncTip {position:relative; display:block; width:40px; height:40px; margin:0 auto 20px;}
.mvSync {position:relative; display:block; width:82px; height:82px; margin:30px auto 30px; background:url("../images/loading_white.gif") no-repeat; text-indent:-9999px; line-height:0; overflow:hidden;}

/*device info*/
.devCont {padding-top:129px;}
.devInfoMuBox , .pageSubTit {clear:both; margin-top:0; border-top:1px solid #e6e6e6; background:#fff;}
.devInfoMuBox ul {text-align:center;}
.devInfoMuBox ul li {display:inline-block;}
.devInfoMuBox ul li a {display:block; padding:18px 25px; font-size:15px; color:#1f4787; line-height:1.2;}
.devInfoMuBox ul li a span , .devMuBt .ico {position:relative; top:-1px; display:inline-block; margin-right:10px; vertical-align:middle;}
.devInfoMuBox ul li a:hover , .devInfoMuBox ul li a.on {background:url("../images/bg_ov_line.png") repeat-x 100% bottom; color:#2684dc;}
.devInfoMuBox ul li a.disable:hover , .devInfoMuBox ul li a.disable {background:none; color:#b3bbc5; cursor:default;}
.devInfoBox {position:relative; max-width:458px; margin:117px auto 0; background:#f6f6f6; border:1px solid #d3d6db; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center;}
.devInfoBox .devInfoImg {display:block; margin:40px auto 25px;}
.devInfoBox h4 {margin-bottom:8px; font-size:20px; font-weight:400; color:#2684dc; line-height:1.4;}
.devInfoBox .descTx {margin-bottom:28px; font-size:14px; color:#7f8ea4; line-height:1.2;}
.devInfoBox .descArea {padding:30px 24px; background:#fff; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;}
.devInfoBox .descArea .descBox {padding:24px; border:1px solid #e6e6e6; background:#f9f9f9; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.devInfoBox .descArea .descBox .idTit {margin-bottom:12px; font-size:14px; color:#2684dc; line-height:1.2;}
.devInfoBox .descArea .descBox .idTx {font-size:14px; color:#333c48;}
.devInfoBox .descArea .verTx {margin:36px 0 10px; font-size:14px; color:#333c48; line-height:1.2;}
.devInfoBox .descArea .updateTx {font-size:14px; color:#7f8ea4; line-height:1.2;}
.devInfoBox .descArea .descBox p {word-break:break-all;}
.devInfoMu {display:none;}
.devInfoMuBox.mob {border:0;}
.devInfoMuBox .devInfoMu li {display:block; border-top:1px solid #d5dce2;}
.devInfoMuBox .devInfoMu li a:hover , .devInfoMuBox .devInfoMu li a.on {background:#f6f6f6;}
.open .devInfoMu {display:block;}
.devMuBt {position:relative; display:block; width:100%; padding:9px 0; font-size:15px; font-weight:bold; color:#1f4787; line-height:1.2; text-align:center;}
.devMuBt:hover , .devMuBt.on {color:#2684dc;}
.devMuBt .caret {display:block; position:absolute; top:50%; right:5%; width:18px; height:11px; margin-top:-6px; background:url("../images/bu_caret.png") no-repeat; background-size:contain;}

/*ahntitheft*/
.theftWrap {height:auto;}
.mapBox {position: absolute; width: 100%; height: 100%; top:0; right:0; padding:129px 365px 48px 100px; z-index: 11; overflow:hidden; box-sizing:border-box;}
.mapBox .ahntiTit {display:none; position:absolute; bottom:0; left:0; width:100%; padding:10px; background: rgba(38, 132, 220, 0.9); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#902684dc,endColorstr=#902684dc); zoom: 1; font-size:16px; font-weight:400; color:#fff; text-align:center; z-index:51;}
.theftMap {width:100%; height:100%;}
.mapInfoBox {position:absolute; top:0; right:0; width:365px; height:100%; padding:129px 0 48px; background:#fff; z-index:50; box-sizing:border-box; overflow-y:auto;}
.mapInfoBox .mapInfoTop {display:table; width:100%; padding:20px 0; background:#2684dc;}
.mapInfoBox .mapInfoTop span {display:table-cell; width:30%; text-align:center;}
.mapInfoBox .mapInfoTop span img {max-width:85%;}
.mapInfoBox .mapInfoTop div {display:table-cell; width:70%; vertical-align:middle;}
.mapInfoBox .mapInfoTop div p {font-size:18px; color:#fff; line-height:1.3;}
.mapInfoBox .mapAddr {padding:20px 29px; border-bottom:1px solid #dddddd;}
.mapInfoBox .mapAddr p {color:#333c48; line-height:1.2;}
.mapInfoBox .mapAddr .date {margin-bottom:7px; font-size:13px; color:#2585dc;}
.mapInfoBox .mapAddr .date .ico {position:relative; display:inline-block; width:14px; height:14px; margin-right:5px; vertical-align:middle;}
.mapInfoBox .mapAddr .addr {font-size:18px; line-height:1.3;}
.mapInfoBox .mapDesc {padding:20px 29px;}
.mapInfoBox .mapDesc p {margin:0 0 7px 0; font-size:14px; color:#7f8ea4; line-height:1.4;}
.mapInfoBox .mapDesc .btnLocation {display:block; padding:8px; background:#2684dc; font-size:16px; color:#fff; line-height:1.2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center;}
.mapInfoBox .mapDesc .btnLocation:hover {background:#227bcc;}

.chagTit {position:relative; padding:13px 28px; border-top:1px solid #ddd; font-size:15px; font-weight:400; color:#333c48; line-height:1.2; cursor:pointer;}
.chagTit .ico {position:absolute; top:50%; right:18px; width:13px; height:8px; margin-top:-4px;}
.chagBox {display:none;}
.locationList {background:#f4f4f4; max-height:105px; overflow:auto;}
.locationList li {padding:8px 28px; border-top:1px solid #ddd;}
.locationList li p {font-weight:700; color:#333c48; line-height:1.4;}
.locationList li .date {font-weight:400; color:#7f8ea4;}
.chagList {padding:0; background:#f4f4f4; max-height:105px; overflow:auto;}
.chagList p {font-size:13px; color:#333c48; line-height:1.4;}
.chagList .desc {position:relative; color:#2684dc;}
.chagList .desc span {display:inline-block; width:17px; height:17px; margin:-2px 3px 0 0; background:#2684dc; font-size:11px; color:#fff; line-height:17px; border-radius:3px; vertical-align:middle; text-align:center;}
.chagList .date {color:#7f8ea4;}
.chagList li {padding:15px 28px; border-top:1px solid #ddd;}
.chagList li dl {margin-top:8px; word-break:break-all; overflow:hidden;}
.chagList li dl dt {float:left; width:27%; color:#5d6777;}
.chagList li dl dd {float:left; width:73%; color:#7f8ea4;}
.theftMuList {border-top:1px solid #ddd; overflow:hidden;}
.theftMuList li {float:left; width:50%;}
.theftMuList li a {position:relative; display:block; padding:10px 0 10px 35px; font-size:11px; color:#333c48; line-height:1.2;}
.theftMuList li a:hover {color:#2585dc;}
.theftMuList li .ico {position:absolute; top:50%; left:10px;}
.theftMuList .mu01 .ico {width:19px; height:17px; margin-top:-8px;}
.theftMuList .mu02 .ico {width:20px; height:17px; margin-top:-8px;}
.theftMuList .mu03 .ico {width:17px; height:14px; margin-top:-7px;}
.theftMuList .mu04 .ico {width:21px; height:19px; margin-top:-9px;}
.theftMuList .mu05 .ico {width:15px; height:19px; margin-top:-9px;}
.theftMuList .mu06 .ico {width:17px; height:19px; margin-top:-9px;}
.theftMuList .mu07 .ico {width:16px; height:16px; margin-top:-8px;}

.theftMuList li.disable a {color:#c6cdd2; cursor:default;}
.icoSimPoint {position:absolute; width:35px; height:41px; background:url("../images/ico_sim_map.png") no-repeat; font-size:16px; color:#fff; line-height:35px; text-align:center; z-index:100;}

/*loading*/
.load > span {position:absolute; top:50%; left:50%; display:block; width:100px; height:100px; margin:-75px 0 0 -50px; background:#1D1D1C; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; text-align:center;}
.load > span img {position:absolute; top:50%; left:50%; margin:-41px 0 0 -41px;}
.load p {position:fixed; top:50%; left:0; width:100%; margin-top:30px; font-size:13px; text-align: center;}

#popSching {padding:0; background:none;}
.schLoading {max-width:320px; margin:0 auto; padding:7%; background:#1d1d1c; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; text-align:center; box-sizing:border-box;}
.schLoading p {margin-top:7px; font-size:18px; color:#fff; line-height:1.4;}

/*call*/
.callBox {margin-top:10px; border:1px solid #d5dce2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.callBox a {position:relative; display:block; padding:17px; font-size:18px; color:#333c48;}
.callBox a > span {position:absolute; top:50%; right:17px; margin:-13px 0 0 0;}
.callBox a.btnOn span {color:#1f4787;}
.callBox a.btnOff span {color:#ff775d;}
.callBox a.btnOn .comIco , .callBox a.btnOff .comIco {position:relative; display:inline-block; width:12px; height:12px; margin:-3px 5px 0 0; vertical-align:middle;}

/*send msg*/
.popCont .titLabel {color:#1f4787;}
.msgTxBox .msgTop {position:relative; height:18px; margin-bottom:6px;}
.msgTxBox .msgTop .numTx {position:absolute; top:0; right:0; color:#7f8ea4;}
.msgTxBox .errorTx {margin:0;}
.msgTxBox .errorTx .ico {position:relative; display:inline-block; width:16px; height:16px; margin:-2px 5px 0 0; vertical-align:middle;}

/*event log*/
.popTb {width:100%; background:#fff; border-top:2px solid #6a8ec6; font-size:13px; color:#7f8ea4; line-height:1.2; text-align:center;}
.popTb th {padding:12px 5px; background:#f4faff; border:1px solid #e6e6e6; border-right:0; border-top:0; color:#1f4787;}
.popTb td {padding:12px 5px; border:1px solid #e6e6e6; border-right:0; border-top:0; color:#5d6777;}
.popTb th:first-child , .popTb td:first-child {border-left:0;}
.popTb td p {margin-top:3px; color:#b1b6be;}
.evLogBox .popTb td .comIco {position:relative; display:inline-block; width:9px; height:9px; margin:-3px 5px 0 0; vertical-align:middle;}

/*ahntimalware*/
.malwareArea {max-width:820px; padding:60px 69px; border:1px solid #d3d6db; background:#fff; margin:19px auto 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden;}
.malwareTop {margin-bottom:40px; border-top:2px solid #1f4787; text-align:center;}
.malwareTop h3 {padding:19px 10px; background:#f9f9fa; font-family: "Noto_bold" , sans-serif; font-size:16px; color:#1f4787; line-height:1.2;}
.malwareTop .malwareDesc {padding:20px 0; background:#fff; border-top:1px solid #d5dce2; border-bottom:1px solid #d5dce2; overflow:hidden;}
.malwareTop .malwareDesc p {float:left; width:50%; padding:0 5px; border-left:1px solid #d5dce2; font-size:13px; color:#7f8ea4; box-sizing:border-box;}
.malwareTop .malwareDesc p span {color:#2585dc;}
.malwareTop .malwareDesc p:first-child {border:0;}

.tab {width:100%; overflow:hidden;}
.tab > li {display:table; float:left; width:33.3%; height:55px; margin-left:-1px;}
.tab > li:first-child {margin:0;}
.tab > li a {display:table-cell; position:relative; width:100%; height:100%; padding:0 5px; border:1px solid #dddddd; border-bottom-color:#1f4787; background:#f6f6f6; font-size:16px; color:#7f8ea4; line-height:1.2; z-index:1; box-sizing:border-box; text-align:center; vertical-align:middle;}
.tab > li.act a , .tab > li:hover a {border-color:#1f4787; border-bottom:0; background:#fff; color:#1f4787; z-index:5;}
.mwContArea .evlogCont {padding:40px 57px 0;}
.mwContArea .evlogCont .pageWrap {margin-top:22px; padding-top:30px; border-top:1px solid #dddddd;}
.evlogWrap {position:relative; padding:0 0 0 160px;}
.evlogWrap .date {position:absolute; left:0; top:0; width:160px; height:100%; vertical-align:middle;}
.evlogWrap .date em {position:absolute; top:50%; left:0; margin-top:-15px; padding-right:25px; font-size:13px; color:#2684dc; line-height:1.2;}
.evlogWrap .date .line {position:absolute; top:0; right:20px; width:1px; height:100%; background:#d5dce2;}
.evlogWrap .date .icoTime {position:absolute; right:12px; top:50%; width:17px; height:32px; margin-top:-23px; background:#fff url("../images/bl_ico_time1.png") no-repeat left 50%; }
.evlogWrap .evLogArea {position:relative; padding:0 0 18px 8px; vertical-align:middle; box-sizing:border-box;}
.evlogWrap .evLogArea .evLogBox {padding:15px 22px; background:#fff; border:1px solid #d5dce2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden;}
.evlogWrap .evLogArea .evLogBox p {margin-top:5px; font-size:13px; color:#5d6777; line-height:1.2;}
.evlogWrap .evLogArea .evLogBox .tit {margin:0; padding-bottom:5px; font-size:14px; color:#2684dc;}
.evlogWrap .evLogArea .evLogBox .tit .logDate {display:none;}
.evlogWrap .evLogArea .icoArrow {position:absolute; top:50%; left:0; width:9px; height:11px; background:url("../images/bl_arrow.gif") no-repeat; margin-top:-13px;}
.warning .date em , .warning .evLogArea .evLogBox * {color:#ff775d !important;}
.warning .date .icoTime {background:#fff url("../images/bl_ico_time2.png") no-repeat left 50%;}
.evlogWrap .date .first {top:0; height:50%; padding-bottom:9px; margin:0; background-position:left 100%;}
.evlogWrap .date .last {top:50%; height:50%; padding-bottom:25px; margin-top:-23px; background-position:left 0;}

/*last scan tab*/
.scanWrap {text-align:center;}
.scanWrap > .ico {position:relative; display:inline-block; width:72px; height:71px; margin:56px 0 35px; vertical-align:middle;}
.scanWrap .scanTx1 {margin-bottom:10px; font-size:22px; color:#2684dc; line-height:1.2;}
.scanWrap .scanTx2 {font-size:15px; color:#7f8ea4; line-height:1.2;}
.scanWrap .btnArea {margin:35px 0 60px;}
.scanCount {border:1px solid #dddddd; overflow:hidden;}
.scanCount li {float:left; width:33.3%; border-left:1px solid #dddddd; text-align:center; box-sizing:border-box;}
.scanCount li:first-child {border:0;}
.scanCount li .num {margin:72px 0 50px; font-size:40px; line-height:1.2;}
.scanCount li .tx {margin-bottom:25px; font-size:18px; line-height:1.2;}
.scanCount .inspection * {color:#7f8ea4;}
.scanCount .infection * {color:#ff775d;}
.scanCount .cure * {color:#0e77d9;}
.scanCount li .comIco {position:relative; display:inline-block; width:18px; height:18px; margin:-3px 5px 0 0; vertical-align:middle;}
.scanCont .btnlb , .prodInfoCont .btnlb {margin:0;}

/*product info tab*/
.prodInfoCont {text-align:center;}
.prodInfoCont .prodInfoTx1 {margin:115px 0 14px; font-size:18px; color:#333c48; line-height:1.2;}
.prodInfoCont .prodInfoTx2 {font-size:15px; color:#7f8ea4; line-height:1.2;}
.prodInfoCont .btnArea {margin-top:60px;}


/*Category setting*/
.cateSetCont , .historyCont , .exceptCont {padding:45px 20px 0;}
.cateSetCont .cateSetTx , .historyTx {margin-bottom:40px; font-size:15px; color:#7f8ea4; line-height:1.4; text-align:center;}

.toggleBox {position:relative; padding:15px 0; margin-bottom:10px; background:#fff; border:1px solid #d5dce2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden;}
.toggleBox > span {margin-left:20px; font-size:16px; color:#5d6777; vertical-align:middle;}
.toggleBox.selected > span {color:#2684dc; text-decoration:underline;}
.toggleBox.disabled {background:#f9f9f9;}
.btnToggle {background:#e8e8e8; margin:-14px 0 0 0; border-radius: 20px; border: 2px solid #e8e8e8; height: 24px; cursor: pointer; width: 50px; position:absolute; right:20px; top:50%; display: inline-block; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; vertical-align:middle;}
.btnToggle button {cursor:pointer; outline:0; display:block; position:absolute; left:0; top:0; border-radius:100%; width:24px; height:24px; background:#fff; float: left; margin:0 0 0 0; border:2px solid #fff; transition: left 0.3s; }
.btnToggle.selected {background:#3398f6; border:2px solid #3398f6;}
.btnToggle.selected button { left: 26px; top: 0; margin: 0; border:none; width: 24px; height: 24px; box-shadow: 0 0 4px rgba(0,0,0,0.1); }
.btnToggle.disabled {background:#e7e7e7; border:2px solid #e7e7e7; cursor:default;}
.btnToggle.disabled button { left:0; top: 0; margin: 0; border:none; width: 24px; height: 24px; box-shadow: 0 0 4px rgba(0,0,0,0.1); cursor:default;}
.btnToggle.selected.disabled {background:#e7e7e7; border:2px solid #e7e7e7; cursor:default;}
.btnToggle.selected.disabled button {left: 26px; top: 0; margin: 0; border:none; width: 24px; height: 24px; box-shadow: 0 0 4px rgba(0,0,0,0.1); cursor:default;}

/*history list*/
.historyTop {position:relative;}
.historyTop .historyTit {font-size:16px; color:#2684dc; line-height:1.2;}
.historyTop .historyTit span {position:relative; display:inline-block; width:5px; height:8px; margin:-2px 5px 0 0; vertical-align:middle;}
.historyTop .btnAllView {position:absolute; top:50%; right:0; padding:8px 15px; margin-top:-17px; border:1px solid #d5dce2; background:#fff; font-size:14px; color:#7f8ea4; line-height:1.2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden;}
.historyTop .btnAllView span {position:relative; display:inline-block; width:14px; height:11px; margin:-2px 5px 0 0; vertical-align:middle;}
.historyTop .btnAllView:hover {background:#f6f6f6;}
.historyList {margin-top:14px; border-top:1px solid #7f8ea4;}
.historyList li {position:relative; padding:19px 0; border-bottom:1px solid #dddddd;}
.historyList li > p {padding-right:220px; font-size:14px; color:#5d6777; line-height:1.2; word-break:break-all;}
.historyList li .historyDate {position:absolute; top:50%; right:0; margin-top:-16px;}
.historyList li .historyDate .date {margin-right:15px; font-size:13px; color:#b3bbc5; line-height:1.2; vertical-align:middle;}
.historyList li .historyDate .btnChk {display:inline-block; width:68px; height:32px; border:1px solid #d5dce2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; vertical-align:middle;}

/*except site*/
.exceptTop {position:relative; margin-bottom:10px; overflow:hidden;}
.exceptTop .btnDel {float:right; padding:7px 17px; font-size:14px; color:#7f8ea4; line-height:1.2; border:1px solid #d5dce2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; vertical-align:middle;}
.exceptTop .btnDel .comIco {position:relative; display:inline-block; width:17px; height:18px; margin:-2px 5px 0 0; vertical-align:middle;}
.exceptSite .radioCheck p input {left:9px !important;}
.exceptSite .radioCheck p label {padding-left:22px !important;}
.exceptSite table th {padding:17px 5px; border-top:1px solid #7f8ea4; border-bottom:1px solid #7f8ea4; font-size:14px; font-weight:400; color:#1f4787 !important;}
.exceptSite table td {padding:17px 5px; border-bottom:1px solid #dddddd; font-size:13px; color:#b3bbc5; text-align:center;}
.exceptSite table .txAl {color:#5d6777; text-align:left;}
.exceptSite table .trChk td , .exceptSite table tbody tr:hover {background:#f9f9fa;}

/*find id*/
.pwReStepBox .txCt {margin-bottom:20px; font-size:16px; color:#2684dc; text-align:center;}

/*agreement*/
.agreementBox .agreement {padding:0 67px;}
.agreement > h3 {font-size:28px; font-weight:400; color:#1f4787;}
.agreement > p {margin-top:20px; font-size:18px; color:#1f4787;}
.agree {margin-top:37px; border-top:1px solid #e6e6e6;}
.agree h4 {margin-top:35px; font-size:16px; font-weight:400; color:#333c48;}
.agree p , .agree ul li {margin-top:10px; font-size:14px; color:#7f8ea4; line-height:1.5;}
.agreeBtBox {margin-top:36px; border-top:1px solid #e6e6e6;}
.agreeBtBox h4 {padding-top:35px; font-size:16px; font-weight:400; color:#333c48;}
.agreeBtBox p , .agreeBtBox .tit {margin:22px 0 15px; font-size:16px; color:#7f8ea4;}
.agreeBtBox p {margin:7px 0 0 0; font-size:14px;}

/*error page*/
.errorBox {max-width:898px; margin:100px auto 100px; padding:70px 20px; background:#fff; border:1px solid #d3d6db; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden; text-align:center;}
.errorIco {position:relative; display:block; width:131px; height:111px; margin:0 auto;}
.errorBox h3 {padding:45px 0 7px; font-size:32px; color:#2684dc; line-height:1.2;}
.errorBox p {margin-top:13px; font-size:14px; color:#5d6777; line-height:1.2;}
.errorBox .btnArea {margin:60px auto 0;}

/*ahamo notice*/
.ahamoNotice {padding: 0 5%; color: #cf06c0; font-size: 17px; margin-top: 15px; font-weight: bold; text-align:center;}
.ahamoNotice:hover, .ahamoNotice:focus {color: #cf06c0; text-decoration: underline;}

/*mti page*/
.noBody {background:none; font-family: "Meiryo", Tahoma, Verdana, Arial, sans-serif;}
.mtiWrap {max-width:640px; margin:0 auto;}
.mtiWrap img {max-width:100%;}
.mtiWrap .mtiContent {background:#fff; color:#484747;line-break:strict;}
.mtiWrap .mtiContent .tit {width:60%; margin:3% auto 0; text-align:center;}
.mtiWrap .mtiFooter {background:#2a88c8;}
.mtiWrap .mtiFooter .mtiLink {padding:2%; background:#cfecff; text-align:center; font-size:12px; color:#2a88c8;}
.mtiWrap .mtiFooter .mtiLink p {margin-top:1%;}
.mtiWrap .mtiFooter .mtiLink a {color:#2a88c8;}
.mtiWrap .mtiFooter .mtiLink p:first-child {margin:0;}
.mtiWrap .mtiFooter .copy {padding:15px 3%; font-size:12px; line-height:1.4; color:#fff; text-align:center;}
.mtiWrap .mtiContent .mtiDescList {padding:0 2% 5%;}
.mtiWrap .mtiContent .mtiDescList li {margin-top:17px; overflow:hidden;}
.mtiWrap .mtiContent .mtiDescList li span {float:left; width:20%; margin-right:1%;}
.mtiWrap .mtiContent .mtiDescList li > div {float:left; width:79%;}
.mtiWrap .mtiContent .mtiDescList li h3 {margin:3px 0 7px; font-size:18px; line-height:1.2;}
.mtiWrap .mtiContent .mtiDescList li p {font-size:13px; line-height:1.2;}
.btnsMti {width:60%; margin:0 auto 34px; text-align:center;}
.btnsMti p {margin-bottom:15px; font-size:12px;}
.pointStep {padding:5%; color:#067bcf;}
.pointStep h3 , .mtiCodeStep h3 {font-size:18px; line-height:1.2;}
.pointStep h3 img , .mtiCodeStep h3 img {width:15%;}
.pointStep h3 img , .pointStep h3 span ,  .mtiCodeStep h3 img , .mtiCodeStep h3 span {vertical-align:middle;}
.pointStep h3 span {margin-left:5px;}
.pointStep p , .mtiCodeStep p, .mtiPrecautions p{margin:3% 2%; font-size:13px; line-height:1.2;}
.pointStep1 {padding:0 5%; color:#067bcf; font-size:13px;}
.mtiContTop {padding:3% 0; background:#53adee; text-align:center;}
.mtiContTop img {width:52%;}
.mtiContTop .mtiList {padding:0 7%; text-align:left;}
.mtiContTop .mtiList li {margin-top:10px; font-size:14px; color:#fff;}
.mtiContTop .mtiList li a {margin-top:10px; font-size:14px; color:#fff; text-decoration: underline;}
.mtiPageLink {text-align:center;}
.mtiPageLink h3 {border-bottom:1px solid #1f7fc3; font-size:18px; color:#1f7fc3; line-height:1.3;}
.mtiPageLink ul {padding:0 7% 2%; text-align:left;}
.mtiPageLink ul li {margin-top:7px;}
.mtiPageLink ul li a {font-size:14px; color:#1f7fc3; text-decoration:underline;}
.mtiCode {padding:3%; background:#ffffdf;}
.mtiCodeBox {padding:2%; margin-top:2%; background:#e8e8e8; border:1px solid #797979; font-size:18px; color:#484747; line-height:1.2; text-align:center; word-break:break-all;}
.mtiCodeDesc {margin-top:2%; text-align:center;}
.mtiCodeDesc p {font-size:16px; color:#ff0000; line-height:1.3;}
.mtiCodeStep {padding:5%;}
.mtiCodeStepMain {padding:0 5% 5% 5%;}
.mtiCodeStep .btnLink {padding:2% 3%; overflow:hidden;}
.mtiCodeStep .btnLink li {float:left; width:48%; margin:0 0 2% 2%;}
.mtiCodeStep .btnLink li.right {text-align:right; margin:0 2% 2% 0;}
.mtiCodeStep h3 {display:table; width:100%;}
.mtiCodeStep h3 img , .mtiCodeStep h3 span {display:table-cell; width:auto;}
.mtiCodeStep h3 span {width:85%;}
.mtiCodeStep p  img {display:block; margin:0 auto;}
.mtiAppBoxArea {padding:0 5% 5%;}
.mtiAppBox {padding:2% 1%; border:1px solid #067bcf; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.mtiAppBox h3 {font-size:20px; color:#067bcf; line-height:1.2;}
.mtiAppBox p {margin:3% 0 5%; font-size:13px; color:#484747; line-height:1.4;}
.mtiAppBox p span {display:block; color:#ff0000;}
.mtiAppBox .mtiIcon {text-align:center;}
.mtiAppBox .mtiIcon span {display:block; width:40%; margin:0 auto;}
.mtiAppBox .mtiIcon div {margin:5% 0; padding:0 10%;}
.mtiAppBox .mtiScreenStep li {margin-top:5px; font-size:13px; color:#067bcf; line-height:1.3;}
.mtiAppBox .mtiScreenStep li span {color:#ff0000;} 
.mtiAppBox .mtiScreenStep li:first-child {margin-top:10px;}
/*
.mtiAppBox .mtiIosStep li {margin-top:5px; font-size:13px; color:#067bcf; line-height:1.3;}
.mtiAppBox .mtiIosStep li span {color:#ff0000;} 
.mtiAppBox .mtiIosStep li:first-child {margin-top:10px;}
*/
.mtiSubContent {padding:2% 4%;}
.mtiSubTit {margin-bottom:15px; border-bottom:2px solid #ff0000; font-size:18px; color:#484747;}
.mtiSubTit span {display:block;}
.mtiMemClear {padding-bottom:5%;}
.mtiMemClear p {margin-bottom:15px; font-size:13px;}
.mtiMemClear p span {display:block; padding:0 7px;}
.mtiMemClear p .pd0 {padding:0;}
.mtiBtns {width:60%; margin:0 auto 5%;}
.mtiBtns a {display:block; padding:9px 15px; margin-top:15px; background:#2a88c8; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; font-size:14px; color:#fff; line-height:1.2; text-align:center; overflow:hidden;}
.mtiBtns a:first-child {margin:0;}

.mtiRegulation {margin-bottom:5%; font-size:13px; color:#484747; line-height:1.4;}
.mtiRegulation h4, .mtiRegulation .userguide p{margin:16px 0 2px;}
/*.mtiSpecifiedLaws a {color:#484747;}*/

.mtiCont {padding:0 0 15px 0;}
.mtiSubContent .errorBox {margin:5% auto 5%; padding:20px; border:0;}

.linkUnderline {text-decoration: underline; color: #3a8dc0;}
.mtiTxtios{margin-left:101px;}

.mtiPlanBox { margin-bottom: 1px; border-bottom: 1px solid #ffffff; font-size: 22px; color: #484747; text-align: center; background: #cfffdc;}

/*web view*/
.webViewWrap {min-height:initial !important; padding:20px !important;}
.webViewWrap .agreementBox , .webViewWrap .signUpAlarmWrap {margin:0 auto;}
.webViewWrap .loginBox , .webViewWrap .signUpBox {margin:0 auto;}
.webViewWrap .signUpBox {padding-bottom:0;}
.webViewWrap .popSubTx li {text-align:left;}
.webViewWrap .signUpAlarmWrap .signUpAlarm {max-width:618px; padding:70px 4% 29px;}
.webViewWrap .btnArea:after {content:''; clear:both; display:block;}
.webViewWrap .btnArea a , .webViewWrap .btnArea .btnLogin {float:left; width:auto; min-width:49%; padding:14px 10px; font-size:15px; vertical-align:middle; box-sizing:border-box;}
.webViewWrap .signUpAlarmWrap .btnArea a {float:none;}
.webViewWrap .btnArea .btnLogin {margin-left:2%; border:1px solid #2684dc;}
.webViewWrap .btnArea .btnlb {margin-left:2%;}
.webViewWrap .loginBox .actCodeTx {margin-bottom:5%; font-size:16px; font-weight:400; line-height:1.2; text-align:center;}






/*google map info clear*/
a[href^="http://maps.google.com/maps"]{display:none !important}
a[href^="https://maps.google.com/maps"]{display:none !important}
.gmnoprint a, .gmnoprint span, .gm-style-cc {display:none;}


/* image background position */
.left .gnb > li > a .ico , .left .btnClose , .left .btnClose:hover , .left .gnb .subMu > li > a .icoNoti , .left .btnSync span , .prodAcTop .btnPosR .btnDev span , .prodAcBox .prodMnuList li .mnu01 .ico , .prodAcBox .prodMnuList li .mnu02 .ico , .prodAcBox .prodMnuList li .mnu03 .ico , .prodAcBox .prodMnuList li .mnu04 .ico , .prodAcBox .prodMnuList li .mnu01.on .ico , .prodAcBox .prodMnuList li .mnu02.on .ico , .prodAcBox .prodMnuList li .mnu03.on .ico , .prodAcBox .prodMnuList li .mnu04.on .ico , .btnProdDel , .btnProdDel:hover , .prodAcBox .addDev .icoAdd , .prodAcBox .addDev:hover .icoAdd , .lnbInfo li .logName .ico , .lnbNavi li .icoHome , .pageBox .prev , .pageBox .first , .pageBox .next , .pageBox .last , .lnbInfo li .pwReset .ico , .loginEtc li .pwReset .ico , .loginEtc li .signUp .ico , .inptBox .btnTxtDel , .error .inptBox .btnTxtDel , .btnPopClose , .popLy .icoAlert , .subTit .pic , .popLy .icoSuccess , .popLy .icoCfrm , .downList li .btnDown span , .pwReStepBox .bgStep , .leftWrap.mob .btnleftClose , .comSplit .ico , .icoNoti , .comIco
{background:transparent url("../images/img_split.png") no-repeat; text-indent:-9999px; line-height:0; overflow:hidden;}

/*pageing position*/
.pageBox .prev {background-position:-64px -466px; margin-right:15px;}
.pageBox .next {background-position:-128px -466px; margin-left:15px;}
.pageBox .first {background-position:0 -466px;}
.pageBox .last {background-position:-192px -466px;}


.left .gnb .prodAll .ico , .left .mGnb .prodAll .comSplit .ico {background-position:0 -149px;}
.left .gnb .prodMob .ico , .left .mGnb .prodMob .comSplit .ico {background-position:-35px -149px;}
.left .gnb .prodAnd .ico , .left .mGnb .prodAnd .comSplit .ico {background-position:-101px -149px;}
.left .gnb .prodIos .ico , .left .mGnb .prodIos .comSplit .ico {background-position:-68px -149px;}
.left .gnb .prodAll > .on .ico , .left .gnb .prodAll > a:hover .ico , .left .mGnb .prodAll.on > .comSplit .ico , .left .mGnb .prodAll > a.comSplit:hover .ico {background-position:0 -194px;}
.left .gnb .prodMob > .on .ico , .left .gnb .prodMob > a:hover .ico , .left .mGnb .prodMob.on > .comSplit .ico , .left .mGnb .prodMob > a.comSplit:hover .ico {background-position:-35px -194px;}
.left .gnb .prodAnd > .on .ico , .left .gnb .prodAnd > a:hover .ico , .left .mGnb .prodAnd.on > .comSplit .ico , .left .mGnb .prodAnd > a.comSplit:hover .ico {background-position:-101px -194px;}
.left .gnb .prodIos > .on .ico , .left .gnb .prodIos > a:hover .ico , .left .mGnb .prodIos.on > .comSplit .ico , .left .mGnb .prodIos > a.comSplit:hover .ico {background-position:-68px -194px;}
.left .btnClose {background-position: -136px 0 !important;}
.left .btnClose:hover {background-position: -173px 0 !important;}
.left .gnb .subMu > li > a .icoNoti , .comSplit .icoNoti {background-position: -44px 0;}
.left .btnSync span {background-position:-134px -149px;}
.left .btnSync.on span , .left .btnSync:hover span {background-position:-134px -194px;}
.lnbNavi li .icoHome {background-position:0 0;}
.lnbInfo li .logName .ico {background-position:-104px 0;}
.lnbInfo li .pwReset .ico , .loginEtc li .pwReset .ico {width:12px; height:15px; background-position:-142px -29px;}
.lnbInfo li .pwReset:hover .ico , .loginEtc li .pwReset:hover .ico {background-position:-170px -29px;}
.prodAcTop .btnPosR .btnDev span {background-position:-209px -5px;}
.prodAcBox .prodMnuList li .mnu01 .ico , .left .loginBf .prodAll .ico {background-position: 0 -24px;}
.prodAcBox .prodMnuList li .mnu02 .ico {background-position:-34px -24px;}
.prodAcBox .prodMnuList li .mnu03 .ico {background-position:-68px -24px;}
.prodAcBox .prodMnuList li .mnu04 .ico {background-position:-98px -25px;}
.left .loginBf .prodMob .ico {background-position: -68px -24px;}       
.left .loginBf .prodAnd .ico {background-position: -98px -25px;}
.left .loginBf .prodIos .ico {background-position: -34px -24px;}
.left .loginBf .prodAll > .on .ico , .left .loginBf .prodAll > a:hover .ico {background-position:-142px -58px;}
.left .loginBf .prodMob > .on .ico , .left .loginBf .prodMob > a:hover .ico {background-position:-176px -58px;}
.left .loginBf .prodAnd > .on .ico , .left .loginBf .prodAnd > a:hover .ico {background-position:-211px -59px;}
.left .loginBf .prodIos > .on .ico , .left .loginBf .prodIos > a:hover .ico {background-position:-254px -58px;}

.prodAcBox .prodMnuList li .mnu01.on .ico {background-position:0 -58px;} 
.prodAcBox .prodMnuList li .mnu02.on .ico {background-position:-34px -58px;} 
.prodAcBox .prodMnuList li .mnu03.on .ico {background-position:-68px -58px;} 
.prodAcBox .prodMnuList li .mnu04.on .ico {background-position:-98px -59px;} 
.btnProdDel , .btnPopClose {background-position: -136px 0;}
.btnProdDel:hover , .btnPopClose:hover {background-position:-173px 0;}
.prodAcBox .addDev .icoAdd , .addDev .icoAdd {background-position: 0 -95px;}
.prodAcBox .addDev:hover .icoAdd , .addDev:hover .icoAdd {background-position:-80px -95px;}
.loginEtc li .signUp .ico {background-position:-241px 0;}
.loginEtc li .signUp:hover .ico {background-position:-266px 0;}
.inptBox .btnTxtDel {background-position:-203px -31px; z-index:5;}
.error .inptBox .btnTxtDel , .agreeChk .errorTx .ico {background-position:-231px -28px;}
.popLy .icoAlert , .signUpAlarm .icoAlert {background-position:0 -242px;}
.popLy .icoSuccess , .signUpAlarm .icoSuccess {background-position:-69px -242px;}
.popLy .icoCfrm , .signUpAlarm .icoCfrm {background-position:-136px -242px;}
.subTit .pic {background-position:0 -302px;}
.downList li .btnDown span {background-position:-142px -104px;}
.left .btnDown span {background-position:-328px -59px;}
.left .btnMember span {background-position:-89px -315px;}
.left .btnLogOut span {background-position:-191px -318px;}
.left .on .btnDown span , .left .btnDown.on span , .left .btnDown:hover span {background-position:-293px -58px;}
.left .on .btnMember span , .left .btnMember.on span , .left .btnMember:hover span {background-position:-130px -315px;}
.left .on .btnLogOut span , .left .btnLogOut.on span , .left .btnLogOut:hover span {background-position:-239px -318px;}
.pwReStepBox .bgStep {background-position:-230px -146px;}
.pwReStepBox .bgStep.on {background-position:-259px -146px;}
.leftWrap.mob .btnleftClose {background-color:#2684dc; background-position:-287px 3px;}
.left .mGnb > li > .btnClose {background:#fff url("../images/btn_sub_mu_close.png") no-repeat !important;}
.left .mGnb > li > .btnClose:hover {background:#fff url("../images/btn_sub_mu_close.png") no-repeat 0 -24px !important;}
.btnActCode .ico , .btnAddDev .ico {background-position:-350px -12px !important;}
.AcBox.disable .icoNoti {background-position:-179px -102px;}
.confIco {background-position:-361px -63px;}
.icoSync {background-position:-400px -18px;}
.icoSyncTip {background-position:-400px -54px;}
.devMnu01 .ico , .devMuBt.devMnu01 a:hover .ico {width:27px; height:26px; background-position:-7px -369px;}
.devMnu02 .ico , .devMuBt.devMnu02 a:hover .ico {width:22px; height:26px; background-position:-58px -369px;}
.devMnu03 .ico , .devMuBt.devMnu03 a:hover .ico {width:21px; height:26px; background-position:-109px -369px;}
.devMnu04 .ico , .devMuBt.devMnu04 a:hover .ico {width:25px; height:24px; background-position:-154px -370px;}
.devMnu05 .ico , .devMuBt.devMnu05 a:hover .ico {width:22px; height:26px; background-position:-203px -368px;}
.devInfoMuBox .devMnu01:hover .ico , .devInfoMuBox .devMnu01.on .ico , .devMuBt.devMnu01.on .ico {background-position:-7px -403px;}
.devInfoMuBox .devMnu02:hover .ico , .devInfoMuBox .devMnu02.on .ico , .devMuBt.devMnu02.on .ico {background-position:-58px -403px;}
.devInfoMuBox .devMnu03:hover .ico , .devInfoMuBox .devMnu03.on .ico , .devMuBt.devMnu03.on .ico {background-position:-109px -403px;}
.devInfoMuBox .devMnu04:hover .ico , .devInfoMuBox .devMnu04.on .ico , .devMuBt.devMnu04.on .ico {background-position:-154px -403px;}
.devInfoMuBox .devMnu05:hover .ico , .devInfoMuBox .devMnu05.on .ico , .devMuBt.devMnu05.on .ico {background-position:-203px -403px;}
.devInfoMuBox .devMnu01.disable:hover .ico , .devInfoMuBox .devMnu01.disable .ico , .devMuBt.devMnu01.disable .ico {background-position:-7px -435px;}
.devInfoMuBox .devMnu02.disable:hover .ico , .devInfoMuBox .devMnu02.disable .ico , .devMuBt.devMnu02.disable .ico {background-position:-58px -435px;}
.devInfoMuBox .devMnu03.disable:hover .ico , .devInfoMuBox .devMnu03.disable .ico , .devMuBt.devMnu03.disable .ico {background-position:-109px -435px;}
.devInfoMuBox .devMnu04.disable:hover .ico , .devInfoMuBox .devMnu04.disable .ico , .devMuBt.devMnu04.disable .ico {background-position:-154px -436px;}
.devInfoMuBox .devMnu05.disable:hover .ico , .devInfoMuBox .devMnu05.disable .ico , .devMuBt.devMnu05.disable .ico {background-position:-203px -435px;}
.mapAddr .date .ico {background-position:-436px -15px;}
.chagTit .ico {background-position:-292px -141px;}
.chagTit.on .ico {background-position:-292px -174px;}
.theftMuList .mu01 .ico {background-position:-203px -253px;}
.theftMuList .mu02 .ico {background-position:-240px -253px;}
.theftMuList .mu03 .ico {background-position:-278px -255px;}
.theftMuList .mu04 .ico {background-position:-314px -252px;}
.theftMuList .mu05 .ico {background-position:-354px -252px;}
.theftMuList .mu06 .ico {background-position:-388px -251px;}
.theftMuList .mu07 .ico {background-position:-424px -254px;}
.theftMuList .mu01.disable .ico {background-position:-202px -221px;}
.theftMuList .mu02.disable .ico {background-position:-240px -221px;}
.theftMuList .mu03.disable .ico {background-position:-278px -222px;}
.theftMuList .mu04.disable .ico {background-position:-314px -219px;}
.theftMuList .mu05.disable .ico {background-position:-355px -219px;}
.theftMuList .mu06.disable .ico {background-position:-390px -219px;}
.theftMuList .mu07.disable .ico {background-position:-426px -222px;}
.exMark {background-position:0 -242px;}
.callBox a.btnOn .comIco {background-position:-483px -18px;}
.callBox a.btnOff .comIco {background-position:-510px -18px;}
.msgTxBox .errorTx .ico {background-position:-231px -28px;}
.icoRequest {background-position:-567px -18px;}
.icoWaiting {background-position:-588px -18px;}
.icoComplete {background-position:-540px -18px;}
.icoFailure {background-position:-611px -18px;}
.scanCount .inspection .comIco {background-position:-455px -56px;}
.scanCount .infection .comIco {background-position:-499px -56px;}
.scanCount .cure .comIco {background-position:-543px -56px;}
.scanWrap > .ico {background-position:-584px -48px;}
.historyTop .historyTit span {background-position:-230px -111px;}
.btnAllView .comIco {background-position:-258px -110px;}
.historyList li .historyDate .btnChk {background:#fff url("../images/bl_chk_normal.png") no-repeat 50% 50%;}
.historyList li .historyDate .btnChk.on , .historyList li .historyDate .btnChk:hover {border-color:#2684dc; background:#2684dc url("../images/bl_chk_hover.png") no-repeat 50% 50%;}
.historyList li .historyDate .btnChk.disable {border-color:#e8e8e8; background:#e8e8e8 url("../images/bl_chk_hover.png") no-repeat 50% 50%; cursor:default;}
.exceptTop .btnDel .comIco {background-position:-293px -106px;}
.exceptTop .btnDel:hover {background:#f6f6f6;}
.errorIco {background-position:-309px -324px;}


/* USIM change layerPop 2016-12-27 BJ */
.popLy.bigSize {max-width:620px;}
.popLy.bigSize2 {max-width:640px;}
.popTit2 { font-size:24px; font-weight:normal; color:#1f4787; text-align:center; }
.popDes { font-size:16px; color:#7f8ea4; text-align:center; margin-top:15px; }
.syncDesc.st01 { margin:30px 0 15px; }
.tView { width:100%; table-layout:fixed; border-top:2px solid #6a8ec6; }
.tView tbody th { height:40px; font-size:13px; color:#1f4787; text-align:left; padding:0 15px; border-bottom:1px solid #e6e6e6; background:#f4faff; }
.tView tbody td { height:40px; font-size:13px; color:#5d6777; padding:0 15px; border-bottom:1px solid #e6e6e6; border-left:1px solid #e6e6e6; }
.popHeadFix { height:55px; text-align:center; background:#f6f6f6; border-bottom:1px solid #ddd; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.popHeadFix h2 { line-height:55px; font-size:20px; font-weight:normal; color:#1f4787; text-align:center; }
.popDesBox { display:table; width:100%; }
.popDesBox dt { display:table-cell; width:25%; text-align:center; vertical-align:middle; }
.popDesBox dt span { display:inline-block; width:100px; height:100px; background:url('../images/ly_pop_icon_set.png') no-repeat; }
.popDesBox dt span.icon01 { background-position:0 0; }
.popDesBox dt span.icon02 { background-position:-110px 0; }
.popDesBox dt span.icon03 { background-position:-220px 0; }
.popDesBox dt span.icon04 {background-position:-332px 0;}
.popDesBox dt span.icon05 {background-position:-444px 0;}
.popDesBox dt span.icon06 {background-position:-556px 0;}
.popDesBox dd { display:table-cell; width:75%; text-align:left; vertical-align:middle; }
.popDesBox dd .popTit, .popDesBox dd .popSubTx { text-align:left; }
.comInpt.st01 { margin-top:30px; }
.comInpt.st01 .inptBox + .inptBox { margin-top:10px; }
.txtArea { width:100%; padding:14px 20px; font-size:15px; line-height:1.2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; box-sizing:border-box; }
.inputDouble { overflow:hidden; }
.inputDouble dt { float:left; width:30%; position:relative; }
.inputDouble dd { float:left; width:70%; position:relative; padding-left:10px; box-sizing:border-box; }
.btmDes { font-size:13px; color:#b3bbc5; margin-top:5px; }
.listStyle { margin-top:20px; }
.listStyle li { font-size:14px; color:#a9b0ba; background:url('../images/list_bullet_icon.png') no-repeat 0 9px; padding-left:12px; margin:5px 0; }
.listStyle li.org { color:#ff775d; }
.checkList { overflow:hidden; margin:15px -5px 0; }
.checkList li { float:left; width:50%; box-sizing:border-box; padding:5px; }
.checkList li .radioCheck { border:1px solid #d5dce2; padding:20px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
.checkList li .radioCheck p label {font-size:15px; }
.popSubTx.fcRed { color:#ff775d; }
.infoTxt { margin:50px 0; text-align:center; }
.infoTxt .exclamMark { display:inline-block; width:42px; height:40px; background:url('../images/ly_pop_icon_set.png') no-repeat; background-position:0 -110px; }
.infoTxt > p { font-size:20px; color:#333c48; margin-top:10px; }
.exMark {position:relative; display:block; width:46px; height:40px; margin:0 auto 30px;}

/* product V3 Security 2016-12-31 BJ */
.v3SecurityList {display:table; table-layout:fixed; width:100%; height:100%;}
.v3SecurityList > li {display:table-cell; width:50%; height:100%; padding:1%; vertical-align:top; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.v3SecurityList > li .inBox {position:relative; height:100%; min-height:100%; padding:30px 50px 350px; border:1px solid #d3d6db; background:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.v3SecurityList > li .inBox .btnArea {position:absolute; bottom:25px; left:0; width:100%; margin-bottom:0; z-index:5;}
.listHead dt { text-align:center;}
.listHead dt span { display:inline-block; width:70px; height:72px; background:url('../images/icon_set01.png') no-repeat; }
.listHead dt span.icon01 { background-position:0 0; }
.listHead dt span.icon02 { background-position:-70px 0; }
.listHead dt span.icon03 { background-position:-140px 0; }
.listHead dt span.icon04 { background-position:-210px 0; }
.listHead dd { text-align:center; margin-top:10px; margin-bottom:25px; padding-bottom:25px; border-bottom:1px solid #eee; }
.listHead dd h4 { font-size:24px; color:#1f4787; font-weight:normal; }
.listHead dd p { font-size:14px; color:#b3bbc5; }
.listCont li { font-size:15px; color:#7f8ea4; background:url('../images/list_bullet_icon3.png') no-repeat 0 14px; padding-left:10px; line-height:30px; }
.listCont , .textCont {position:absolute; left:0; width:100%; padding:0 50px; font-size:15px; color:#7f8ea4; line-height:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

/* product view 2016-12-31 BJ */
.producView { background:#fff; border:1px solid #d3d6db; box-sizing:border-box; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden;}
.producHead { display:table; width:100%; background:#f9f9f9; padding:50px; box-sizing:border-box; }
.producHead dt { display:table-cell; width:30%; vertical-align:top; }
.producHead dt .titText { border-left:2px solid #1f4787; padding-left:15px; }
.producHead dt .titText h3 { font-size:28px; color:#1f4787; font-weight:normal; line-height:28px; }
.producHead dt .titText p { font-size:13px; color:#b3bbc5; margin-top:5px; }
.producHead dd { display:table-cell; width:70%; vertical-align:top; position:relative; }
.producHead dd .infoImg { width:100%; max-width:480px; margin-bottom:-100px;}
.producHead dd .infoImg img {display:block; max-width:100%; -webkit-box-shadow: 5px 5px 5px 0px rgba(229,229,229,1); -moz-box-shadow: 5px 5px 5px 0px rgba(229,229,229,1); box-shadow: 5px 5px 5px 0px rgba(229,229,229,1); }
.producCont { display:table; width:100%; box-sizing:border-box; padding:100px 50px 50px; }
.producCont dt { display:table-cell; width:30%; font-size:18px; color:#b3bbc5; font-weight:normal; }
.producCont dd { display:table-cell; width:70%; } 
.producList > li { padding:30px 0; border-top:1px solid #e6e6e6;}
.producList > li:first-child { border-top:0; }
.producList > li h4 { font-size:18px; color:#5d6777; font-weight:normal; position:relative; padding-left:60px; }
.producList > li h4 span { display:inline-block; width:42px; height:42px; vertical-align:middle; background:url('../images/producview_icons_set.png') no-repeat; position:absolute; top:0; left:0; }
.producList > li h4 span.icon01 { background-position:0 0; } 
.producList > li h4 span.icon02 { background-position:-42px 0; } 
.producList > li h4 span.icon03 { background-position:-84px 0; } 
.producList > li h4 span.icon04 { background-position:-126px 0; } 
.producList > li h4 span.icon05 { background-position:-168px 0; } 
.producList > li h4 span.icon06 { background-position:-210px 0; } 
.subList01 { margin-top:10px; padding-left:60px; }
.subList01 li { font-size:14px; color:#7f8ea4; background:url('../images/list_bullet_icon3.png') no-repeat 0 14px; padding-left:10px; line-height:24px;  }
.subList01 li.st2 { background:none; color:#b3bbc5; padding:0; }
.producTit { font-size:20px; color:#5d6777; font-weight:normal; }
.producInfo { font-size:16px; color:#7f8ea4; line-height:28px; margin:30px 0; }
.producDes { font-size:13px; color:#b3bbc5; line-height:24px; }

/* pwmgList 2017-01-02 BJ */
.malwareTop.st2 { margin:0; }
.searchArea {position:relative; margin:20px 0;}
.searchInputArea {float:left; position:relative; width:100%; max-width:370px; margin-left:10px; padding-right:34px; box-sizing:border-box; border:1px solid #d5dce2; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; box-sizing:border-box; overflow:hidden;}
.searchInputArea input[type="text"] { width:100%; height:32px; line-height:32px; padding-left:10px; border:0; box-sizing:border-box; border-radius:0; font-size:14px; color:#333c48; outline:none; }
.searchBtns { display:inline-block; width:32px; height:32px; position:absolute; top:0; right:0; }
.searchBtns span { display:inline-block; width:20px; height:20px; position:absolute; top:50%; left:50%; margin:-10px 0 0 -10px; background:url('../images/pwmg_icon_set.png') no-repeat 0 0; text-indent:-9999px;  }
.searchBtnArea:after , .searchWrap:after {content:''; clear:both; display:block;}
.pressBtnArea {position:absolute; left:0; top:0;} 
.pressBtnArea select {min-width:110px; margin-left:5px;}
.pressBtnArea select:hover , .pressBtnArea select:active , .pressBtnArea select:focus {background-color:#f6f6f6;}
.pressBtnArea select:first-child {margin:0;}
.pressBtn {display:inline-block; height:32px; line-height:32px; margin-right:5px; padding:0 25px 0 10px; font-size: 14px; color: #7f8ea4; border: 1px solid #d5dce2;  -moz-border-radius: 3px;  -webkit-border-radius: 3px;  border-radius: 3px; position:relative; }
.pressBtn:after { content:""; display:inline-block; width:7px; height:5px; position:absolute; top:50%; right:10px; margin-top:-2.5px; background:url('../images/pwmg_icon_set.png') no-repeat -7px -84px;}
.pressBtn.selected , .pressBtn:hover { background:#f6f6f6; }
.pressBtn.selected:after { background:url('../images/pwmg_icon_set.png') no-repeat  0 -84px;}
.searchArea .exceptTop { float:right; margin:0; }
.pwmtView { width:100%; table-layout:fixed; word-break: break-all; border-top:1px solid #7f8ea4; }
.pwmtView tbody tr:hover {background:#f9f9fa;}
.pwmtView tbody td { border-bottom:1px solid #ddd; padding:15px 0; vertical-align:middle; text-align:center; }
.pwmtView tbody td.al { text-align:left; }
.siteIcon {display:block; text-align:center; vertical-align:middle;}
.siteIcon img {display:block; width:16px; height:16px; margin:0 auto; vertical-align:middle; overflow:hidden;}
.siteIcon.basic { background-position:0 -58px; }
.siteIcon.naver { background-position:-26px -58px; }
.siteIcon.google { background-position:-52px -58px; }
.siteIcon.daum { background-position:-77px -57px; }
.siteIcon.facebock { background-position:-104px -58px; }
.siteName {padding:0 1%; font-size:14px; color:#333c48; display:inline-block; width:20%; vertical-align:middle; box-sizing:border-box;}
.siteUrl {padding:0 1%; font-size:14px; color:#7f8ea4; display:inline-block; width:75%; vertical-align:middle; box-sizing:border-box;}
.stateBar {display:inline-block; width:100px; text-align:center; height:20px; line-height:19px; font-size:12px; color:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; cursor:pointer; vertical-align:middle;}
.stateBar.cYellow { background:#eeca36; }
.stateBar.cPink { background:#fa7669; }
.stateBar.cPurple { background:#a176c2; }
.stateBar.cGreen { background:#00d29b; }
.stateBar.cBlue {background:#30aced; }
.pwmtNoData , .noData {width:100%; table-layout:fixed; word-break: break-all; border-top:1px solid #7f8ea4;  }
.pwmtNoData tbody td , .noData tbody td {padding:120px 0; border-bottom:1px solid #ddd; vertical-align:middle; text-align:center; }
.noDataicon {display:inline-block; width:40px; height:40px; background:url('../images/pwmg_icon_set.png') no-repeat -31px 0; vertical-align:middle;}
.noDataText {font-size:16px; color:#b3bbc5; line-height:28px; margin-top:20px; }

/* Password management popup 2017-01-03 BJ */
.popCont.st2 { padding:30px 80px 0 80px }
.popCont.st2 .titLabel { color:#7f8ea4; }
.siteTit { text-align:center; }
.siteTit span.icon {display:inline-block; width:16px; height:16px; margin-top:3px; vertical-align:middle;}
.siteTit span.icon.basic { background-position:0 -58px; }
.siteTit span.icon.naver { background-position:-26px -58px; }
.siteTit span.icon.google { background-position:-52px -58px; }
.siteTit span.icon.daum { background-position:-77px -57px; }
.siteTit span.icon.facebock { background-position:-104px -58px; }
.siteTit h3 {display:inline-block; font-size:24px; color:#333c48; font-weight:normal; vertical-align:middle; margin-left:10px; }
.pwLevel { overflow:hidden; margin-top:15px; display:table; width:100%; }
.pwLevel li { display:table-cell; width:15%; box-sizing:border-box; padding-right:5px; vertical-align:middle; }
.pwLevel li:nth-child(6) { width:25%; text-align:center; font-size:13px; }
.pwLevel li span { display:inline-block; width:100%; height:5px; background:#e3e7eb; vertical-align:middle; }
.pwLevel.weak li:nth-child(1) span {background:#fa7669;}
.pwLevel.weak li:nth-child(6) { color:#e5bf22; }
.pwLevel.fair li:nth-child(1) span , .pwLevel.fair li:nth-child(2) span {background:#edc936;}
.pwLevel.fair li:nth-child(6) { color:#fa7669; }
.pwLevel.good li:nth-child(1) span , .pwLevel.good li:nth-child(2) span , .pwLevel.good li:nth-child(3) span { background:#a176c2; }
.pwLevel.good li:nth-child(6) { color:#a176c2; }
.pwLevel.strong li:nth-child(1) span , .pwLevel.strong li:nth-child(2) span , .pwLevel.strong li:nth-child(3) span , .pwLevel.strong li:nth-child(4) span { background:#00d29b; }
.pwLevel.strong li:nth-child(6) { color:#00d29b; }
.pwLevel.veryStrong li:nth-child(1) span , .pwLevel.veryStrong li:nth-child(2) span , .pwLevel.veryStrong li:nth-child(3) span , .pwLevel.veryStrong li:nth-child(4) span , .pwLevel.veryStrong li:nth-child(5) span { background:#30aced; }
.pwLevel.veryStrong li:nth-child(6) { color:#30aced; }
.btnArea .btnW + .btnW { margin-left: 7px; } 
.searchWrap {padding-left:235px; margin:0;}

/*web view Secure Browser*/
.viewBrowser {padding:3% 5% 3% 4%;}
.viewBrowser:after {content:''; display:block; clear:both;}
.viewBrowser li {float:left; width:24%; margin:0 0 2% 1%; text-align:center;}
.viewBrowser li a {display:block;}
.viewBrowser li a .icoImg {display:table; width:92px; height:92px; margin:0 auto 5px; background:#dedede; text-align:center; border-radius:5px; overflow:hidden; vertical-align:middle; line-height:92px;}
.viewBrowser li a .icoImg img {display:table-cell; max-width:100%; height:100%; margin:0 auto; text-align:center; vertical-align:middle;}
.viewBrowser li a .tx {display: block; height:30px; margin:0 auto; overflow: hidden; text-overflow: ellipsis; word-wrap:break-word; white-space: normal; line-height:1.2;}


/*lang setting*/
.jp , .jp input , .jp textarea , .jp .subTit , .jp .left .gnb > li a , .jp .left .mGnb > li a , .jp .signUpWrap .radioCheck .btnAllLnk , .jp .downList li .titName , .jp .pwReStepBox .stepNum , .jp .malwareTop h3 {font-family: "Meiryo UI" , MSPgothic , Hiragino Kaku Gothic Pro , sans-serif;}


/* Ver.desktop */
@media all and (max-width:1109px) {
	.prodAcBox , .AcBox {max-width:49%; margin:0 0 20px 1%;}
	.downList li {max-width:48%; margin-left:2%;}

	/* pwmgList 2017-01-03 BJ */
	.searchInputArea { width:50%; }
}

@media all and (max-width:1052px) {
	.AcBox .acDate {min-height:34px;}
	.AcBox.btBox {min-height:initial;}
	.AcBox .addDev {min-height:345px;}
}

/* Ver.tablet */
@media all and (max-width:1024px) {
	.signUpWrap {padding:0 13%;}
}

/* pwmgList 2017-01-03 BJ */
@media all and (max-width:900px) {
	.searchInputArea {width:100%; max-width:98%; margin:0 0 0 0;}
	.pressBtnArea {position:inherit;}
	.searchWrap {position:relative; padding:0 115px 0 0; margin-top:10px;}
	.searchWrap .exceptTop {position:absolute; top:0; right:0;}
	.v3SecurityList > li .inBox {padding:30px 10% 420px;}
	.listCont, .textCont {padding:0 10%;}
}

@media all and (max-width:768px) {
	.headerWrap {height:auto; border-bottom:0;}
	.lnbInfo {margin:14px 4% 0 0;}
	.UsName {margin-top:18px;}
	.left .logo a {padding:20px 0;}
	.left .btnLeftBtMu {bottom:83px;}
	.AcContBox {overflow:visible;}
	.prodAcBox , .AcBox {float:none; width:100%; max-width:100%; margin:0 auto 20px;}
	.prodAcBox.ml0 , .AcBox.ml0 {margin:0 auto 20px;}
	.prodAcTop {max-width:100%; margin:0 auto 30px;}
	.prodAcTop .txtAc .txtProd {display:block;}
	.AcBox {padding:0 10% 12%;}
	.AcBox .acDate {min-height:initial;}
	.AcBox .addDev {min-height:318px;}

	.web , .lnbNavi , .mapInfoTop , .mapInfoBox .mapInfoTop , .evlogWrap .date em , .contentWrap .subTit , .UsName .logInOut , .UsName .signUp {display:none;}
	.br {display:inline;}
	.devInfoMuBox.devTab {display:none !important;}

	.mob , .mob_logo , .left .br , .mapBox .ahntiTit , .evlogWrap .evLogArea .evLogBox .tit .logDate , .pageSubTit {display:block;}
	.contentWrap {min-height:700px; padding:93px 4% 25px;}
	.footerWrap {position:static;}

	.lnbInfo .posInfo {float:none; width:100%; margin:0 0 0 0; text-align:center;} /*position:absolute; bottom:10px; left:0; */
	.lnbInfo .posInfo a {display:inline-block; margin:0;}
	.lnbInfo li {margin-left:5px;}
	.loginWrap , .signUpWrap {padding:0 7%;}
	.pwReStepBox .pwReStep01, .pwReStepBox .pwReStep02, .pwReStepBox .pwReStep03 {padding:5% 12%;}
	.pwReStepBox .pwReStep03 .btnArea {padding:0;}

	.signUpBox , .loginBox {padding:30px 0;}
	.subTit {margin-bottom:25px;}

	.devInfoBox {margin:15% auto 0;}
	.mapArea {height:auto; padding:92px 0 0 0;}
	.mapBox {position:relative; height:auto; padding:0; }
	.theftMap {height:auto; padding-bottom:50%;}
	.mapInfoBox {position:static; width:100%; height:auto; padding:0;}
	
	.malwareArea {padding:5% 3%;}
	.mwContArea .evlogCont {padding:7% 3% 7% 1%;}
	.evlogWrap .date {width:40px;}
	.evlogWrap {padding-left:40px;}
	
	/* product_view 2017-01-02 BJ */
	.listCont li, .textCont { font-size:13px; }
	.producHead dt { display:block; width:100%; }
	.producHead dd { display:block; width:100%; margin-top:40px; }
	.producCont dt { display:none; }
	.producCont dd { display:block; width:100%; }

	/* pwmgList 2017-01-03 BJ */
	.siteName { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
	.siteUrl { display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

	.pageSubTit {padding:13px 5px; border-top:0; border-bottom:1px solid #e6e6e6;}
	.signUpAlarmWrap {margin-top:5%;}
	.signUpAlarmWrap .signUpAlarm {padding:13% 5% 7% !important;}

	.agreementBox {padding:9% 0;}
	.agree {margin-top:7%;}
	.agreementBox .agreement {padding:0 5%;}
	.agreeBtBox h4 {padding-top:5%;}
	.agreement > h3 , .errorBox h3 {font-size:20px;}
	.signUpAlarm .emailTx {font-size:16px;}
	.agreement > p , .errorBox p , .popDevInfo .deviceTxt h4 {font-size:15px;}
	.agreement h4 , .popSubTx, .popSubTx li , .actCodeSucc {margin-top:5%; font-size:14px;}
	.agree p, .agree ul li , .agreeBtBox p, .agreeBtBox .tit , .popDevInfo .deviceTxt p {font-size:13px;}

	.errorBox {max-width:80%; margin:15% auto 15%; padding:10% 5%;}
	.popDevInfo {margin-top:7%;}
	.popCont .btnArea , .btnPopOk {margin-top:10%;}
	.syncList h3 {padding:5%;}
	.syncList ul li {padding:0 5%;}
	.syncDesc {margin-bottom:10%;}
	
	.mob_logo {position:absolute; top:23px; left:4%; float:none; margin:0;}
	.mob_logo a {display:block; max-width:85%;}
	.mob_logo a img {max-width:100%;}
	.lnbInfo li .btnLogIn {padding:6px 10px;}
}


/* Ver.mobile */
/*portrait mode*/
@media all and (orientation:portrait) {
	
} 

/*landscape mode*/
@media all and (orientation:landscape) {
	
}

@media all and (max-width:640px ) {
	.footerWrap .ftLink li {padding:0 9px;}
	.footerWrap .ftLink .ftLogo {display:block; margin:0 auto 10px;}
	.footerWrap .ftLink .borNo {background:none;}

	.prodAcBox {font-size:11px;}

	.prodAcTop .txtAc {padding:0; margin:0 0 30px 0; text-align:center;}
	.prodAcTop .txtAc .txtProd {display:block;}
	.prodAcTop .btnPosR {position:static; top:auto; right:auto; margin:0 auto;}

	.downList li {float:none; max-width:none; margin-left:0; box-sizing:border-box;}

	/* USIM change layerPop 2016-12-27 BJ */
/*	.popLy.bigSize .popCont , .popLy.bigSize2 .popCont {max-height:500px;}*/
	.popLy.bigSize , .popLy.bigSize2 {max-width:100%; left:0; margin-left:0 !important;}
	.popDesBox dt { display:block; width:100%; }
	.popDesBox dd { display:block; width:100%; margin-top:15px; }
	.checkList li { float:none; width:100%; }
	.checkList li .radioCheck { padding:10px; }

	.popScroll , .evLogBox {max-height:400px;}

	/* product V3 Security 2016-12-31 BJ */
	.v3SecurityList > li { display:block; width:100%; height:auto;}
	.v3SecurityList > li .inBox {padding:20px 20px 100px; }
	.listCont li, .textCont { font-size:13px; }
	/* product view 2016-12-31 BJ */
	.producHead { padding:20px 0; }
	.producList > li { padding:20px 0; }
	.producList > li dl dt { display:block; width:100%; }
	.producList > li dl dt h4 { padding-left:50px; font-size:17px; } 
	.producList > li dl dt span { top:50%; margin-top:-21px; }
	.producList > li dl dd { display:block; width:100%; margin-top:20px; }
	.list01 > li { font-size:13px; }
	/* product view 2017-01-02 BJ */
	.producHead dt { display:block; width:100%; }
	.producHead dt .titText { border:0; text-align:center; }
	.producHead dd { margin-top:20px; }
	.producHead dd .infoImg { width:90%; max-width:100%; margin:0 auto -80px; }
	.producCont { padding:100px 20px 50px; }

	.producList > li h4 { padding-left:30px; font-size:14px; }
	.producList > li h4 span { width:21px; height:21px;  background:url('../images/producview_icons_set.png') no-repeat; background-size:126px auto; }
	.producList > li h4 span.icon01 { background-position:0 0; } 
	.producList > li h4 span.icon02 { background-position:-21px 0; } 
	.producList > li h4 span.icon03 { background-position:-42px 0; } 
	.producList > li h4 span.icon04 { background-position:-63px 0; } 
	.producList > li h4 span.icon05 { background-position:-84px 0; } 
	.producList > li h4 span.icon06 { background-position:-105px 0; } 
	.subList01 { padding-left:30px; }
	.subList01 li { font-size:13px; }

	.pwmtNoData tbody td { padding:80px 10px; }
	.noDataText { font-size:12px; line-height:20px; margin-top:10px; } 
	.popCont.st2 { padding:30px 30px 0 30px; }

	.scanWrap > .ico {margin:10% auto 10%;}
	.scanWrap .scanTx1 {font-size:18px;}
	.scanCount li .num {margin:20% auto 12%; font-size:33px;}
	.prodInfoCont .prodInfoTx1 {margin:20% auto 5%;}

	.signUpWrap .radioCheck .btnAllLnk {position:static; float:left; margin-top:7px;}
	.signUpWrap .radioCheck .pdR70 {padding:0 !important;}
	.listCont, .textCont {position:static;}

	.cateSetCont, .historyCont, .exceptCont {padding:6% 3% 0;}
	
	.toggleBox > span {display:block; margin:0 74px 0 10px;}
	.btnToggle {right:10px;}
	.historyList li > p {padding:0 0 0 0; margin-bottom:5px;}
	.historyList li .historyDate {position:relative; top:0; margin:0;}
	.historyList li .historyDate:after {content:''; display:block; clear:both;}
	.historyList li .historyDate .date {position:absolute; top:50%; left:0; margin:-9px 0 0 0;}
	.historyList li .historyDate .btnChk {float:right;}

	.pageBox a, .pageBox strong {width:20px;}
	.pageBox .prev {margin-right:5px;}
	.pageBox .next {margin-left:5px;}

	.btnArea a, .btnArea input, .btnArea button {min-width:20%; padding:14px 5%;}
	.footerWrap .ftLink .langChoice.web {display:none;}
	.footerWrap .ftLink .langChoice.mob {display:block; margin:10px 0;}
	.lang select {width:100%; box-sizing:border-box;}
	.lang select , .lang select:hover , .lang select:active , .lang select:focus {background-position:97% 50%;}

	.viewBrowser li {width:23%; margin:0 0 2% 2%;}
	.viewBrowser li a .icoImg {width:46px; height:46px; line-height:46px;}
}

@media all and (max-width:460px) {
	.popLy {max-width:100%; left:0; margin-left:0 !important;}
	
	.tab > li {position:relative; vertical-align:middle;}
	.tab > li a {font-size:14px; vertical-align:middle;}

	.agreement > h3 {font-size:18px;}
	.agreement > p , .webViewWrap .loginBox .actCodeTx {font-size:14px;}

	.popCont .popTit {font-size:16px;}

}

@media all and (max-width:420px) {
	.errorBox .btnArea a {margin-bottom:10px;}
}

/* provider notice*/
.newNotice{line-height:22px;font-size:13px;margin:0 9px;}
.newNotice a{word-break:break-word;}
.newNotice a:link, .newNotice a:visited{color:#00b050;}
.newNotice a:hover, a:active{color:#00b050;text-decoration:underline;}
.providerNotice p span{color:#ff0000;font-size:14px;}
.providerNotice p a{color:#00b050;}
.ahamoUser, .povoUser, .linemoUser{font-size:14px;}
.colred{color:#ff0000;}
.mt_1{display:block;margin-top:9px;}
.mt_2{display:block;margin-top:12px;}
.mt_3{display:block;margin-top:18px;}
.mb_2{display:block;margin-bottom:12px;}
.mb_3{display:block;margin-bottom:18px;}

/* docomo campaign*/
.v3Banner_campaign_active{text-align:center;margin:0 auto 15px;}