@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_Regular'; font-style: normal; font-weight: 700;font-weight: bold; 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; min-width:320px; }
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 {font-family: "Noto_Regular" , Meiryo UI , MSPgothic , Hiragino Kaku Gothic Pro , sans-serif;background:none; border:0; cursor:pointer; overflow:visible; border-radius:0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
button[disabled=disabled]{color:#fff !important;border-color:#d5d9dd !important;background:#d5d9dd !important;}
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;outline:none}
input[type='image'] , input[type='submit'] {border:0;}
input[type='reset'] , input[type='submit'], input[type='button'] {-webkit-tap-highlight-color: initial;}
input[type="checkbox"], input[type="radio"]{display:inline-block;border:none;}
button {-webkit-tap-highlight-color: initial;}
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; -webkit-tap-highlight-color: initial;}
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;}
.cursorP {cursor:pointer !important;}

/* =hgkadd= srcset */
.srcsetmobile {display:none;}

/* 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 */
.fs13 {font-size:13px !important;}
.fcBlue {color:#2684dc !important;}
.fcBlue2 {color:#548fcc !important;}
.fcGray {color:#282c37;}
.fcGray2{color:#5d6777 !important;}
.fcGray3{color:#b3bbc5 !important;}
.fcDrblue {color:#333c48 !important;}


/* input type */
.txtBox {padding:0;}
::-webkit-input-placeholder {color:#b3bbc5;}
:-ms-input-placeholder {color:#b3bbc5 !important;  letter-spacing: -1px;}
:-moz-placeholder {color:#b3bbc5;}
input[type="text"]:disabled , input[type="password"]:disabled , textarea:disabled {background:#f6f6f6;}
.comInpt .act .it:-ms-input-placeholder, .comInpt .it:focus:-ms-input-placeholder, .comInpt .it:active:-ms-input-placeholder {color:#b3bbc5;}

/* 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;}

.grayBrdBtn{display:inline-block;padding:7px 12px;font-size: 14px;color: #7f8ea4;line-height:1.2;vertical-align:middle;border:1px solid #d5dce2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.grayBrdBtn:hover {background:#f6f6f6;}
.grayBrdBtn .a-icon{margin-right:8px;}

/* 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%;
    background-image: -webkit-image-set(url("../images/bl_select_down.png") 1x, url("../images/bl_select_down@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_select_down.png") 1x, url("../images/bl_select_down@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_select_down.png") 1x, url("../images/bl_select_down@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_select_down.png") 1x, url("../images/bl_select_down@2x.png") 2x);
    background-size: 7px 5px;
    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%;
    background-image: -webkit-image-set(url("../images/bl_select_up.png") 1x, url("../images/bl_select_up@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_select_up.png") 1x, url("../images/bl_select_up@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_select_up.png") 1x, url("../images/bl_select_up@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_select_up.png") 1x, url("../images/bl_select_up@2x.png") 2x);
    background-size: 7px 5px;
}
select::-ms-expand {display: none;}
.selectBox{background-color:#fff;}

/* 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-image: -webkit-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -moz-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -o-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -ms-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-size: 1000px 700px;
    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-image: -webkit-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -moz-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -o-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -ms-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-size: 1000px 700px;
    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;}
.radioCheck p:not(#cssbrowser)>input[type="radio"]{cursor:default;}

/*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;
    background-image: -webkit-image-set(url("../images/chk_normal.png") 1x, url("../images/chk_normal@2x.png") 2x);
    background-image: -moz-image-set(url("../images/chk_normal.png") 1x, url("../images/chk_normal@2x.png") 2x);
    background-image: -o-image-set(url("../images/chk_normal.png") 1x, url("../images/chk_normal@2x.png") 2x);
    background-image: -ms-image-set(url("../images/chk_normal.png") 1x, url("../images/chk_normal@2x.png") 2x);
    background-size: 22px 22px;
}
.radioCheck p:not(#cssbrowser)>input[type="checkbox"]:disabled + label {
    background:url("../images/chk_disable.png") no-repeat;
    background-image: -webkit-image-set(url("../images/chk_disable.png") 1x, url("../images/chk_disable@2x.png") 2x);
    background-image: -moz-image-set(url("../images/chk_disable.png") 1x, url("../images/chk_disable@2x.png") 2x);
    background-image: -o-image-set(url("../images/chk_disable.png") 1x, url("../images/chk_disable@2x.png") 2x);
    background-image: -ms-image-set(url("../images/chk_disable.png") 1x, url("../images/chk_disable@2x.png") 2x);
    background-size: 22px 22px;
}
.radioCheck p:not(#cssbrowser)>input[type="checkbox"]:checked + label {
    background:url("../images/chk_chked.png") no-repeat;
    background-image: -webkit-image-set(url("../images/chk_chked.png") 1x, url("../images/chk_chked@2x.png") 2x);
    background-image: -moz-image-set(url("../images/chk_chked.png") 1x, url("../images/chk_chked@2x.png") 2x);
    background-image: -o-image-set(url("../images/chk_chked.png") 1x, url("../images/chk_chked@2x.png") 2x);
    background-image: -ms-image-set(url("../images/chk_chked.png") 1x, url("../images/chk_chked@2x.png") 2x);
    background-size: 22px 22px;
}
.radioCheck p:not(#cssbrowser)>input[type="checkbox"]:checked:disabled + label {
    background:url("../images/chk_disable_check.png") no-repeat;
    background-image: -webkit-image-set(url("../images/chk_disable_check.png") 1x, url("../images/chk_disable_check@2x.png") 2x);
    background-image: -moz-image-set(url("../images/chk_disable_check.png") 1x, url("../images/chk_disable_check@2x.png") 2x);
    background-image: -o-image-set(url("../images/chk_disable_check.png") 1x, url("../images/chk_disable_check@2x.png") 2x);
    background-image: -ms-image-set(url("../images/chk_disable_check.png") 1x, url("../images/chk_disable_check@2x.png") 2x);
    background-size: 22px 22px;
}

/*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%;
    background-image: -webkit-image-set(url("../images/chk_normal.png") 1x, url("../images/chk_normal@2x.png") 2x);
    background-image: -moz-image-set(url("../images/chk_normal.png") 1x, url("../images/chk_normal@2x.png") 2x);
    background-image: -o-image-set(url("../images/chk_normal.png") 1x, url("../images/chk_normal@2x.png") 2x);
    background-image: -ms-image-set(url("../images/chk_normal.png") 1x, url("../images/chk_normal@2x.png") 2x);
    background-size: 22px 22px;
}
.radioCheck.chkRight p:not(#cssbrowser)>input[type="checkbox"]:checked + label {
    background:url("../images/chk_chked.png") no-repeat right 50%;
    background-image: -webkit-image-set(url("../images/chk_chked.png") 1x, url("../images/chk_chked@2x.png") 2x);
    background-image: -moz-image-set(url("../images/chk_chked.png") 1x, url("../images/chk_chked@2x.png") 2x);
    background-image: -o-image-set(url("../images/chk_chked.png") 1x, url("../images/chk_chked@2x.png") 2x);
    background-image: -ms-image-set(url("../images/chk_chked.png") 1x, url("../images/chk_chked@2x.png") 2x);
    background-size: 22px 22px;
}
.radioCheck.disable , .radioCheck.disableChk {background:#fdfdfd;}
.radioCheck.disable label , .radioCheck.disableChk label {color:#c1c1c1;}

/* radio button */
.radioCheck p:not(#cssbrowser)>input[type="radio"] + label {
    background:url("../images/bg_radio.png") no-repeat 0 0;
    background-image: -webkit-image-set(url("../images/bg_radio.png") 1x, url("../images/bg_radio@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bg_radio.png") 1x, url("../images/bg_radio@2x.png") 2x);
    background-image: -o-image-set(url("../images/bg_radio.png") 1x, url("../images/bg_radio@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bg_radio.png") 1x, url("../images/bg_radio@2x.png") 2x);
    background-size: 22px 66px;
}
.radioCheck p:not(#cssbrowser)>input[type="radio"]:checked + label {
    background:url("../images/bg_radio.png") no-repeat 0 -22px;
    background-image: -webkit-image-set(url("../images/bg_radio.png") 1x, url("../images/bg_radio@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bg_radio.png") 1x, url("../images/bg_radio@2x.png") 2x);
    background-image: -o-image-set(url("../images/bg_radio.png") 1x, url("../images/bg_radio@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bg_radio.png") 1x, url("../images/bg_radio@2x.png") 2x);
    background-size: 22px 66px;
}
.radioCheck p:not(#cssbrowser)>input[type="radio"]:disabled + label {
    background:url("../images/bg_radio.png") no-repeat 0 -44px;
    background-image: -webkit-image-set(url("../images/bg_radio.png") 1x, url("../images/bg_radio@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bg_radio.png") 1x, url("../images/bg_radio@2x.png") 2x);
    background-image: -o-image-set(url("../images/bg_radio.png") 1x, url("../images/bg_radio@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bg_radio.png") 1x, url("../images/bg_radio@2x.png") 2x);
    background-size: 22px 66px;
}

/* 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 2px; vertical-align:middle;}/* =hgkadd= */
/* =hgkadd= */
.pageWrap .btnAllView {position:absolute; bottom:0; left: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;}
.pageWrap .btnAllView span {position:relative; display:inline-block; width:14px; height:11px; margin:-2px 5px 0 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%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width:100%; max-width:460px;
    height:auto;
    margin: 0;
    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 20px; max-height:420px; 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 .popTx.lh20 {line-height:20px}
.popCont .popTxt {font-size:20px; color:#333c48;}
.popCont .popList li{font-size:16px;color:#5d6777;line-height:1.4;}

.popCont.bigSize3{max-height:480px;}
.popCont.bigSize3 .popList.scroll{overflow-y:auto;max-height:352px;margin-bottom:-1px;border-bottom:1px solid #ddd;}

.toastLy {top:100px; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); max-width:inherit; min-width:256px; width:auto; border:1px solid #d2d5d9;}
.toastLy .popCont {padding:20px 50px;}

.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 20px;}
/* =hgkadd= */
.signUpAlarm .icoNext {position:relative; display:block; width:46px; height:40px; margin:0 auto 27px; background-position:-456px -242px;}
.btnPopOk {display:table;width:auto;min-width:28px; /*width:100%; max-width:94px;*/ margin:30px auto 0; padding:14px 32px; 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;}
.popSubTx2{margin-top:10px;font-size:15px;color:#b3bbc5;text-align:center;}
.btnComm .btnPopOk {width:auto; max-width:auto;}
.btnArea .btnPopOk {margin:0 auto;min-width:unset;}
.popCont .btnArea {margin:20px 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 !important;}
.ac{text-align:center !important;}
.al{text-align:left !important;}
.ar{text-align:right !important;}
.fl{float:left;}
.fr{float:right;}
.dib{display:inline-block}
.comInpt .it {width:100%; padding:13px 30px 13px 16px; font-size:15px; line-height:1; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; box-sizing:border-box;}
.comInpt.type2{padding:0 20%;}
.comInpt.type2 .it{padding:10px 30px 10px 10px;font-size:14px;}
.comInpt.type3 .it{padding:10px 5px;font-size:13px;}
.comInpt.datepicker{width:210px;}
.comInpt .act .it , .comInpt .it:focus , .comInpt .it:active {border-color:#2585dc; color:#333c48;}
.comInpt .it:disabled {border-color:#d5dce2; background:#e4e4e4; color:#000;}
.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;}
.comInpt .successTx{margin-top:5px; font-size:13px; color: #5d6777;}
.comInpt .successTx .ico {display:inline-block; width:16px; height:16px; margin:-2px 5px 0 0; vertical-align:middle;background-position: -879px -14px;}
.comInpt .defaultTx .ico {background-position-y: -40px;}
.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; width:54px; height:54px; margin:0 13px 0 0;}
.subTit .pic, .subTit .txt{display:inline-block; 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 {position:fixed; overflow:hidden;}
.scrollNo2 { position:fixed; overflow:hidden !important; width:100%; min-height:100%;} /* 2018-03-20 */
.mb0 {margin-bottom:0 !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.ml0{margin-left:0 !important;}
.ml3{margin-left:3px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.mr0{margin-right:0 !important;}
.mr5{margin-right:5px !important;}
.alignCenter {text-align:center;}
.vm{vertical-align:middle}
.ptb30 {padding:30px 0;}
.popScroll {padding:30px 30px 0 30px; overflow-y:auto; box-sizing:border-box;}
.bdmNone{border-bottom:0 !important;}
.bdT{border-top:1px solid #d5dce2;}
.ellipsis{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.link{text-decoration:underline;text-underline-position:under}
.link2{text-decoration:underline;text-underline-position:under;color:#2684dc;font-size:16px}
.link3{text-decoration:underline;text-underline-position:under;color:#2684dc}
.link:hover, .link:active, .link:focus,
.link2:hover, .link2:active, .link2:focus,
.link3:hover, .link3:active, .link3:focus{text-decoration:underline}
.linkArea{margin:25px 0;text-align:center}
.label{display:inline-block;min-width:54px;padding:6px 8px;color:#fff;border-radius:50px;word-break:keep-all;background-color:#2684dc;text-align:center}

/* common layout */
body {width:100%; background:#eeeeee;}

/* leftMenu */
.left {position: fixed; top: 0; left: 0; width: 210px; height: 100%; background: #282c37; z-index: 1000; -webkit-user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); transition:all .3s ease-out; overflow:hidden; -webkit-box-shadow:2px 0 5px rgba(219,219,219,0.8); -moz-box-shadow:2px 0 5px rgba(219,219,219,0.8);box-shadow:2px 0 5px rgba(219,219,219,0.8);}
.left .logo { width:100%; height:64px; background: #21252e; border-bottom:1px solid #393e4d; }
.left .logo > a { display:block; height:100%; cursor:pointer; box-sizing:border-box;  text-indent:-9999px;
    background:url("../images/t_logo.png") no-repeat transparent;
    background-image: -webkit-image-set(url("../images/t_logo.png") 1x, url("../images/t_logo@2x.png") 2x);
    background-image: -moz-image-set(url("../images/t_logo.png") 1x, url("../images/t_logo@2x.png") 2x);
    background-image: -o-image-set(url("../images/t_logo.png") 1x, url("../images/t_logo@2x.png") 2x);
    background-image: -ms-image-set(url("../images/t_logo.png") 1x, url("../images/t_logo@2x.png") 2x);
    background-size: 60px 13px;
    background-position:20px center;
}
.left .gnb { position:absolute; top:0; bottom:0; width:100%; margin:65px 0 110px; padding:15px 0 15px 20px; box-sizing:border-box; overflow-x:hidden; overflow-y:auto;}
.left .gnb.before { height:100% !important; border-bottom:0; } /* before login */
.left .gnb.before + .btmMu { display:none; font-size:0; } /* before login */
.left .gnb > li { position:relative; width:100%; overflow:hidden; }
.left .gnb > li * { vertical-align: middle; }
.left .gnb > li > a { display:block; width:100%; height:55px; color:#9198a1;  padding:17px 0 17px 31px; font-size:14px; font-family:'Noto_DemiLight' !important; line-height:1.5; border-bottom:0; box-sizing:border-box; transition: color .2s ease-out; }
.left .gnb > li > a:before, .left .btmMu > a:before, .left .gnb .icoNoti, .left .gnb .icoNew { position:absolute; content:''; left:0; width: 24px; height:25px; margin-top:-2px;
    background: url("../images/img_split.png") no-repeat transparent;
    background-image: -webkit-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -moz-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -o-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -ms-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-size: 1000px 700px;
    text-indent:-9999px; line-height:0; overflow:hidden; }
.left .gnb > .prodSec > a:before { background-position:0 -148px; }
.left .gnb > .prodSec.selected > a:before, .left .gnb > .prodSec.on > a:before, .left .gnb > .prodSec:hover > a:before, .left .gnb > .prodSec:focus > a:before{ background-position:0 -193px; }
.left .gnb > .prodPrima > a:before{ background-position:-10px -516px; }
.left .gnb > .prodPrima.selected > a:before, .left .gnb > .prodPrima.on > a:before, .left .gnb > .prodPrima:hover > a >:before, .left .gnb > .prodPrima > a:focus:before{ background-position:-49px -516px; }
.left .gnb > .prodMob > a:before{ background-position:-35px -149px; }
.left .gnb > .prodMob.sekected > a:before, .left .gnb > .prodMob.on > a:before, .left .gnb > .prodMob:hover > a:before, .left .gnb > .prodMob > a:focus:before{ background-position:-35px -194px; }
.left .gnb > .prodIos > a:before{ background-position:-68px -149px; }
.left .gnb > .prodIos.selected > a:before, .left .gnb > .prodIos.on > a:before, .left .gnb > .prodIos:hover > a:before, .left .gnb > .prodIos > a:focus:before{ background-position:-68px -194px; }
.left .gnb > .prodAnd > a:before{ background-position:-100px -149px; }
.left .gnb > .prodAnd.selected > a:before, .left .gnb > .prodAnd.on > a:before, .left .gnb > .prodAnd:hover > a:before, .left .gnb > .prodAnd > a:focus:before{ background-position:-100px -194px; }
.left .gnb > .prodSecPrima > a:before{ background-position:-492px -519px; }
.left .gnb > .prodSecPrima.selected > a:before, .left .gnb > .prodSecPrima.on > a:before, .left .gnb > .prodSecPrima:hover > a:before, .left .gnb > .prodSecPrima > a:focus:before{ background-position:-536px -519px; }
.left .gnb > .prodMobPrima > a:before{ background-position:-88px -516px; }
.left .gnb > .prodMobPrima.selected > a:before, .left .gnb > .prodMobPrima.on > a:before, .left .gnb > .prodMobPrima:hover > a:before, .left .gnb > .prodMobPrima > a:focus:before{ background-position:-131px -516px; }
.left .gnb > .prodAeon > a:before{ background-position:-802px -14px; }
.left .gnb > .prodAeon.selected > a:before, .left .gnb > .prodAeon.on > a:before, .left .gnb > .prodAeon:hover > a:before, .left .gnb > .prodAeon > a:focus:before{ background-position:-841px -14px; }

.left .gnb li.selected > a, .left .gnb li.selected > ul > li > a.selected, .left .gnb li a:hover, .left .gnb li a:focus, .left .btmMu a:hover, .left .btmMu a:focus, .left .gnb .on, .left .gnb .on > a { color:#fff; background:none;}
.left .gnb li a + ul {opacity:0; height:0; max-height:0; padding-left:30px; overflow:hidden; -webkit-transition:max-height 3s ease-in-out; -moz-transition:max-height 3s ease-in-out; -o-transition:max-height 3s ease-in-out; -ms-transition:max-height 3s ease-in-out; transition:max-height 3s ease-in-out;}
/* .left .gnb li > ul { margin-top:-1px; } */
.left .gnb li.on a + ul, .left .gnb li a:hover + ul, .left .gnb li a:focus + ul, .left .gnb li a + ul.on{ opacity:1; height:auto; max-height:2000px;}
.left .gnb li > ul > li > a  { position:relative; display:block; padding:7px 0 8px; font-size:13px; color:#9198a1; line-height:1.5; box-sizing:border-box; word-break:keep-all; transition: all .1s ease-in;}
.left .gnb li > ul > li > a * {vertical-align:middle; }
.left .gnb li > ul > li:last-child{margin-bottom:10px;}
.left .gnb li > .subMu > li > a { font-family: 'Noto_DemiLight',sans-serif !important; }
.left .btmMu { position:absolute; width:100%; height:110px; bottom:0; padding-left:20px; border-top:1px solid #393e4d; box-sizing:border-box; overflow:hidden; }
.left .btmMu > a { position:relative; display:block; width:100%; height:55px; padding:18px 0 17px 30px; font-size:14px; font-family: 'Noto_DemiLight',sans-serif; color:#9198a1; line-height:1.5; box-sizing:border-box; transition:all .2s ease-in;}
.left .btmMu > .btnLogOut { display:none; }
.left .btmMu > .btnAdd:before { background-position:-460px -312px;}
.left .btmMu > .btnAdd:hover:before { background-position:-493px -312px;}
.left .btmMu > .btnSync:before { background-position:-134px -147px;}
.left .btmMu > .btnSync:hover:before { background-position:-134px -191px;}
.left .gnb .icoNoti { width:16px; height:16px; left:auto; margin:2px 0 0 7px; margin-left:3px \0/IE9; background-position: -44px 0; vertical-align:middle; }
.left .gnb .icoNew { width:16px; height:16px; left:auto; margin:2px 0 0 7px; background-position: -640px -18px; vertical-align:middle;}
.left .btnClose { display:none; position:absolute; top:18px; right:18px; width:18px; height:18px; left:auto; text-indent:-9999px; font-size:0;
    background:url("../images/m_close@2x.png") no-repeat;
    background-image: -webkit-image-set(url("../images/m_close@2x.png") 2x);
    background-image: -moz-image-set(url("../images/m_close@2x.png") 2x);
    background-image: -o-image-set(url("../images/m_close@2x.png") 2x);
    background-image: -ms-image-set(url("../images/m_close@2x.png") 2x);
    background-size: cover;}

.headerWrap {position:fixed; top:0; left:0; width:100%; min-height:64px; border-bottom:1px solid #dbdbdb; 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: translate3d(0,0,0); transform: translate3d(0,0,0); box-shadow: 0 1px 1px #e6e6e6; }
.lnbNavi {float:left; height:64px; padding:14px 0 0 240px; box-sizing:border-box; }
.lnbNavi > li {float:left; padding:7px 9px 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%;
    background-image: -webkit-image-set(url("../images/bl_navi_arrow.png") 1x, url("../images/bl_navi_arrow@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_navi_arrow.png") 1x, url("../images/bl_navi_arrow@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_navi_arrow.png") 1x, url("../images/bl_navi_arrow@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_navi_arrow.png") 1x, url("../images/bl_navi_arrow@2x.png") 2x);
    background-size: 8px 13px;
    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;}

.lnbNavi li .selectDesign {width:100%; margin:0; max-width:210px; line-height:normal; }
.lnbNavi li .selectDesign * { vertical-align:middle; }
.lnbNavi li .selectDesign > a {position:relative; min-width:inherit; min-height:21px; height:auto; font-family: 'Noto_DemiLight',sans-serif; font-size:13px; line-height:20px; padding:0 29px 0 17px; margin:0; border:0;}
.lnbNavi li .selectDesign > a:after { position:absolute; content:''; float:right; top:4px; right:0; width:19px; height:19px; text-indent:-9999px; border-radius:3px;  border:1px solid #dfdfdf;
    background: #fff url(../images/bl_left_down.png) no-repeat center center;
    background-image: -webkit-image-set(url(../images/bl_left_down.png) 1x, url(../images/bl_left_down@2x.png) 2x);
    background-image: -moz-image-set(url(../images/bl_left_down.png) 1x, url(../images/bl_left_down@2x.png) 2x);
    background-image: -o-image-set(url(../images/bl_left_down.png) 1x, url(../images/bl_left_down@2x.png) 2x);
    background-image: -ms-image-set(url(../images/bl_left_down.png) 1x, url(../images/bl_left_down@2x.png) 2x);
    background-size: 7px 5px;
}
.lnbNavi li .selectDesign > a.noDepth {padding:0 0 0 17px; cursor:default;}
.lnbNavi li .selectDesign > a.noDepth:after {content:none;}
.lnbNavi li .selectDesign > ul { display:none; position:absolute; top:19px; width:auto; max-width:192px; max-height:260px; overflow-x:hidden; overflow-y:auto; margin:8px 0 0 17px; font-size:13px; color: #7f8ea4; background:#fff; border:1px solid #d5dbe0; }
.lnbNavi li .selectDesign > ul > li:first-child:after {content:none;}
.lnbNavi li .selectDesign > ul > li { height:34px; line-height:34px; border:0; color:#7f8ea4; font-size:13px; padding:0 12px;}
.lnbNavi li .selectDesign > ul > li:hover { background:#f2f2f2; }
.lnbNavi li .selectDesign > ul > li > a { font-size:inherit; color:inherit; font-family: 'Noto_DemiLight',sans-serif; padding:0; background-image:none; overflow:hidden; text-overflow:ellipsis;}
.lnbNavi li .selectDesign > ul > .selected { background:none; color:#2684dc; }
.lnbNavi li .selectDesign > ul > h4 { margin:13px 12px 0 12px; padding-bottom:4px; color:#333c47; font-size:12px; font-family: 'Noto_Regular',sans-serif; font-weight:400; border-bottom:1px solid #d5dbe0;}
.lnbNavi li .selectDesign > ul > h4:first-child {margin-top:8px;}
.lnbInfo {float:right; margin:15px 25px 15px 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 { display:none; }
.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);}

/* content */
.contentWrap {min-height:650px; padding:151px 25px 100px 240px;}/* =hgkadd modify= */
.footerWrap {position:fixed; bottom:0; left:0; width:100%; border-top:1px solid #e2e2e2; background:#f6f6f6; z-index:80; -webkit-transform: translateZ(0); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
.footerWrap .ftLink {padding:15px 25px 15px 240px; text-align:center;}
.footerWrap .ftLink li {display:inline-block; padding:0 17px; margin-bottom:5px;
    background:url("../images/bl_f_line.png") no-repeat left 50%;
    background-image: -webkit-image-set(url("../images/bl_f_line.png") 1x, url("../images/bl_f_line@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_f_line.png") 1x, url("../images/bl_f_line@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_f_line.png") 1x, url("../images/bl_f_line@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_f_line.png") 1x, url("../images/bl_f_line@2x.png") 2x);
    background-size: 1px 10px;
    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; margin: -5px 0px -5px 0px; background-color:#fff; border-color:#d5dce2; font-size:13px; line-height:1.3; color:#7f8ea4; vertical-align:middle;}
/* =hgkadd= */
.footerWrap.footerMin {position:relative; margin-top:49px;}
.footerWrap .ftLink .ftSelect { width:97px; height:28px; background-color:#fff; color:#7f8ea4; font-size:13px; padding:0; text-indent:12px; }

/* product device list */
.prodAcArea {max-width:940px; margin:0 auto; padding:30px 0 0 0;}/* = hgkadd= */
.prodAcTop {position:relative; margin:0 0 30px 0;}
.prodAcTop .txtAc {padding:5px 130px 0 0; font-size:15px; color:#7f8ea4;}/* = hgkadd= */
.prodAcTop .txtAc2 {padding:6px 130px 0; font-size:15px; color:#7f8ea4; text-align:center;}/* = hgkadd= */
.prodAcTop .txtAcNew {padding:20px 130px 0; font-size:15px; color:#7f8ea4; text-align:center;}/* = hgkadd= */
.prodAcTop .txtAc .txtProd, .prodAcTop .txtAcNew .txtProd {margin-right:5px; color:#333c48;}
.prodAcTop .btnPosR {position:absolute; top:0; right:0; margin-top:0; text-align:center;}/* = hgkadd= */
.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; display:inline-block; width:48.94%; max-width:460px; margin:0 2.12% 20px 0; border:1px solid #d2d5d9; background:#f6f6f6; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;  z-index:1; box-sizing:border-box; box-shadow:1px 1px 1px rgba(210,213,217,.7)}
.prodAcBox.type2{z-index: unset;}
.prodAcBox:nth-of-type(2n) { margin-right:0 !important; }
.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; border-left:1px solid #e6e6e6; color:#b3bbc5; text-align:center; cursor:default; min-height:32px; padding:40px 5px 0; font-size:13px; line-height:1.2;}
.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:-1px 0 0 -11px;}
.prodAcBox .prodMnuList li .mnu03 .ico {display:block; position:absolute; top:0; left:50%; width:25px; height:27px; margin:-1px 0 0 -10px;}
.prodAcBox .prodMnuList li .mnu04 .ico {display:block; position:absolute; top:0; left:50%; width:24px; height:24px; margin:0 0 0 -12px;}/* =hgkadd= */
.prodAcBox .prodMnuList li .mnu05 .ico {display:block; position:absolute; top:0; left:50%; width:22px; height:26px; margin:0 0 0 -12px;}/* =primaadd= */
.prodAcBox .prodMnuList li .mnu06 .ico {display:block; position:absolute; top:0; left:50%; width:32px; height:26px; margin:3px 0 0 -16px;}
.prodAcBox .prodMnuList li a.on {color:#2684dc; cursor:pointer;}
.btnProdDel {position:absolute; top:7px; right:7px; width:24px; height:24px; z-index:10;}
.prodAcBox span.tag {background:#2684dc;position:absolute;left:-1px;top:-1px;color:#fff;padding:2px 10px;border-top-right-radius:15px;border-bottom-right-radius:15px;}
.prodAcBox span.tag.type2 {background:#795ce5}
.prodAcBox .prodAcTit {position:relative; display:table; width:100%; height:132px;}
.prodAcBox .prodAcTit .prodAcImg {display:table-cell; width:24%; height:100%; text-align:center; vertical-align:middle; padding:0 10px; } /* 2018-03-27 */
.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:0 10px 5px 0; font-size:20px; line-height:normal; font-weight:400; color:#333c48; word-break: break-all;} /* 2018-03-27 */
.prodAcBox .prodAcTit .prodAcTxt h3 > a { color:inherit; }

.prodAcBox .prodAcTit .prodAcTxt h3.type2 {display:flex;align-items:center;max-width:300px;margin-right:0;}
.prodAcBox .prodAcTit .prodAcTxt h3.type2 .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*.prodAcBox.ml0 {margin-left:0;}*/
.prodAcBox .addDev {display:table; width:100%; min-height:234px; font-size:16px; color:#7f8ea4; 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; padding:0 10px;}
.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; word-break: break-all; margin-right: 10px;}
.popDevInfo .deviceTxt p {margin-top:5px; font-size:14px; color:#7f8ea4; line-height:1.2;}
/* =hgkadd= */
.prodAcTop .btnPosR .btnDev span.icoDownS {width:15px; height:14px;
    background:url("../images/download.png") no-repeat;
    background-image: -webkit-image-set(url("../images/download.png") 1x, url("../images/download@2x.png") 2x);
    background-image: -moz-image-set(url("../images/download.png") 1x, url("../images/download@2x.png") 2x);
    background-image: -o-image-set(url("../images/download.png") 1x, url("../images/download@2x.png") 2x);
    background-image: -ms-image-set(url("../images/download.png") 1x, url("../images/download@2x.png") 2x);
    background-position: -2px -5px;
    background-size: 60px 88px;
    text-indent: -9999px;
    line-height: 0;
    overflow: hidden;}
.prodAcBox .addDev .icoDown , .addDev .icoDown {position:absolute; top:50%; left:50%; display:block; width:37px; height:35px; margin:-40px 0 0 -20px;
    background:url("../images/download.png") no-repeat;
    background-image: -webkit-image-set(url("../images/download.png") 1x, url("../images/download@2x.png") 2x);
    background-image: -moz-image-set(url("../images/download.png") 1x, url("../images/download@2x.png") 2x);
    background-image: -o-image-set(url("../images/download.png") 1x, url("../images/download@2x.png") 2x);
    background-image: -ms-image-set(url("../images/download.png") 1x, url("../images/download@2x.png") 2x);
    background-position: -20px -5px;
    text-indent: -9999px;
    line-height: 0;
    overflow: hidden;
}
.prodAcBox .addDev:hover .icoDown , .addDev:hover .icoDown {background-position:-20px -48px;}
/* =hgkadd=end */
.prodAcTop .icoNoti {display:inline-block; width:16px; height:16px; vertical-align:middle; margin:-3px 0 0 5px; background-position:-44px 0; cursor:pointer; }
.prodAcTop .icoNew, .comSplit .icoNew { display:inline-block; width:16px; height:16px; vertical-align:middle; margin:-3px 5px 0 0; background-position: -640px -18px; }
/*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 110px;}
.inptBox {position:relative;}
.loginWrap .idArea {margin-bottom:14px;}
.loginWrap .btnArea {margin:15px 0 20px}
.errorTx {display:none; position:relative; margin:7px 0 0 0; color:#ff775d; text-decoration:inherit; background-color:#fff; z-index:50;font-size:13px;}
.titLabel {display:block; margin:14px 0 9px; font-size:13px; line-height:1.2; color:#7f8ea4;}
.titLabel .ico{margin-right:5px !important}
.inptBox .btnTxtDel {position:absolute; top:20px; right:15px; width:10px; height:10px; margin:0 0 0 0; z-index:5;}
.inptBox .a-icon.a-i-plus{position:absolute;top:50%;right:10px;margin-top:-9px;z-index:5;}
.inptBox .a-i-calendar{position:absolute;top:50%;right:10px;margin-top:-8px;z-index:5;}
.inptBox .a-iconPwmg.a-i-search{position:absolute;top:50%;right:15px;margin-top:-10px;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;
    background-image: -webkit-image-set(url("../images/bl_ico_sound.png") 1x, url("../images/bl_ico_sound@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_ico_sound.png") 1x, url("../images/bl_ico_sound@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_ico_sound.png") 1x, url("../images/bl_ico_sound@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_ico_sound.png") 1x, url("../images/bl_ico_sound@2x.png") 2x);
    background-size: 48px 26px;
    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;
    background-image: -webkit-image-set(url("../images/bl_ico_reload.png") 1x, url("../images/bl_ico_reload@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_ico_reload.png") 1x, url("../images/bl_ico_reload@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_ico_reload.png") 1x, url("../images/bl_ico_reload@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_ico_reload.png") 1x, url("../images/bl_ico_reload@2x.png") 2x);
    background-size: 48px 26px;
    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:4px; -webkit-border-radius:4px; border-radius:4px; }
.loginWrap .btnArea .btnLogin:hover {background:#1475d0;}

.loginWrap .socialLogin{display:flex;justify-content:center;gap:20px;margin-bottom:20px;align-items:center}
.loginWrap .socialLogin .ico{margin:0 !important}
.loginWrap .loginEtc, .loginWrap .loginEtc > ul { display:table; width:100%; box-sizing:border-box; }
.loginWrap .loginEtc > ul { display:table; width:100%; padding:17px 0 0 0;}
.loginWrap .loginEtc li {display:inline-block; white-space:nowrap; padding:0 10px; margin-bottom:5px;
    background:url("../images/bl_login_line.png") no-repeat left 50%;
    background-image: -webkit-image-set(url("../images/bl_login_line.png") 1x, url("../images/bl_login_line@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_login_line.png") 1x, url("../images/bl_login_line@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_login_line.png") 1x, url("../images/bl_login_line@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_login_line.png") 1x, url("../images/bl_login_line@2x.png") 2x);
    background-size: 1px 14px;
    vertical-align:middle;}
.loginWrap .loginEtc li:first-child {background:none;padding-left:0;}
.loginWrap .loginEtc li a {display:block;}
.loginWrap .loginEtc li .pwReset , .loginWrap .loginEtc li .signUp,  .loginWrap .loginEtc li .findId, .loginWrap .signUp{font-size:14px; color:#7f8ea4; line-height:1.4;}
.loginWrap .loginEtc li .pwReset:hover , .loginWrap .loginEtc li .signUp:hover,  .loginWrap .loginEtc li .findId:hover, .loginWrap .signUp:hover{color:#2684dc;}
.loginWrap .loginEtc li .pwReset .ico , .loginWrap .loginEtc li .signUp .ico,  .loginWrap .loginEtc li .findId .ico {position:relative; display:inline-block; width:13px; height:15px; margin:-3px 7px 0 0; vertical-align:middle;}
/* .loginWrap .loginEtc li .signUp .ico,  .loginWrap .loginEtc li .findId .ico {width:13px; height:15px;} */
.loginWrap .loginEtc.type2:after{content:'';display:block;clear:both}
.loginWrap .loginEtc.type2 li{float:right}
.loginWrap .loginEtc.type2 li:first-child{float:left}
.loginWrap .loginEtc.type2 li.noLine {background:none;padding-left:0}
.loginWrap .btnMemJoin {margin-bottom:9px; padding:17px 0;background:#fff;border:1px solid #dfdfdf;color:#7f8ea4;}
.loginWrap .btnMemJoin:hover{background:#f6f6f6;}
.loginWrap .socialLogin .btnMemJoin{width:24px;height:24px;padding:14px}
/* add Account of Password Management 2018-02-26 */
.loginWrap .addAcc{margin:-10px 0 20px; vertical-align:middle;}
.loginWrap .addAcc label { display:inline-block; width:90%;}
.loginWrap .addAcc .iconMark { float:right; display: inline-block; width:22px; height:22px; text-indent:-9999px; vertical-align: top; overflow:hidden;
    background: url(../images/icon_mark.png) no-repeat 0 0;
    background-size: cover;}
.loginWrap .addAcc .iconMark:hover, .loginWrap .addAcc .iconMark.on {background-position:-24px 0; cursor:pointer;}
.loginWrap .addAcc .tooltipWrap {position:relative; width:100%;}
.loginWrap .addAcc .tooltipWrap:after {clear:both; content:''; display:block;}
.loginWrap .addAcc .tooltip { position:absolute; display:none; float:right; width:100%; margin:5px 0; padding:10px; background-color:#fafafa; border:2px solid #d3d6db; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px; box-sizing:border-box; z-index:10; }
.loginWrap .addAcc .tooltip.on {display:block;}
.loginWrap .addAcc .tooltip:before {content:''; position:absolute; width:36px; height:20px; top:-20px; right:10px; overflow:hidden; background:url(../images/login_bb.png) no-repeat; background-position:-30px 0; border-bottom:2px solid #fafafa; }
.loginWrap .addAcc .tooltip .tooltipTxt { width:100%; font-size:14px;line-height:1.3; box-sizing: border-box; }
.loginWrap .addAcc .tooltip .tooltipTxt:first-child { margin-bottom:5px; }
.loginWrap .socialLoginTit { clear:both; position:relative; display:block; width:100%; text-align:center; margin:30px 0 15px; color:#b3bbc5; font-size:14px; box-sizing:border-box;}
.loginWrap .socialLoginTit span { position:relative; padding:0 8px; background:#fff; z-index:2; }
.loginWrap .socialLoginTit:before {position:absolute; content:''; left:0; top:13px; width:100%; height:1px; background:#e6e6e6; z-index:1; }
.icoGoogle{display:inline-block; width:24px !important; height:24px !important; vertical-align:middle;background-position: -831px -641px !important;}
.icoLINE{display:inline-block; width:24px; height:24px; vertical-align:middle;background-position: -659px -397px !important}
.icoLINE2{display:inline-block; width:24px !important; height:24px !important; vertical-align:middle;background-position: -622px -399px !important}
.icoApple{display:inline-block; width:24px; height:24px; vertical-align:middle;background-position: -730px -397px !important;}
.icoApple2{display:inline-block; width:24px !important; height:24px !important; vertical-align:middle;background-position: -696px -399px !important;}
.icoMail {display:inline-block; width:18px; height:14px; margin:-3px 7px 0 0; vertical-align:middle;background-position:-278px -255px !important;}
.icoUser {display:inline-block; width:54px; height:54px; vertical-align:middle;background-position:0 -302px !important;}
.icoUser2 {display:inline-block; width:40px; height:40px; vertical-align:middle;background-position:-510px -242px !important;}
.icoTempStart {display:inline-block; width:17px; height:17px; vertical-align:middle;background-position:-869px -644px !important;}
.icoTempStop {display:inline-block; width:17px; height:17px; vertical-align:middle;background-position:-906px -644px !important;}
.btnArea .disabled .icoTempStop{background-position:-906px -665px !important;}
/*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 204px;}
.signUpWrap .radioCheck {margin-top:20px;}
.agreeChk .radioCheck:after {content:''; display:block; clear:both;}
.agreeChk .radioCheck{display:flex}
.signUpWrap .radioCheck .tx {color:#7f8ea4;font-size:13px}
.signUpWrap .radioCheck .btnAllLnk {padding:4px 8px; margin-left:auto;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:4px; }
.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;}
.allChkArea{margin-top:25px;padding-bottom:15px;border-bottom:1px solid #d5dce2;}
.IDBox{display:flex;justify-content:space-between;gap:8px}
.IDBox .inptBox{flex:auto}
.IDBox .btnArea.type3{text-align:center}
.IDBox .btnArea.type3 a{padding:15px;min-width:136px;}
.btnArea {margin:30px 0; text-align:center;}
.btnArea.type2 {margin-top:0;display:flex;flex-direction:column;gap:10px}
.btnArea.type2 .btnW + .btnW{margin-left:0}
.btnArea.type2 a{margin:0;padding:14px;line-height:20px;min-height:24px}
.btnArea.type2 .ico{margin-top:0 !important;margin-right:5px}
.btnArea.type3 {margin:0; text-align: left;}
.btnArea.type4 {margin: 38px 0;}
.btnArea.type5 {margin: 15px 0 38px}
.btnArea a , .btnArea input , .btnArea button {display:inline-block; padding:15px 32px; border:1px solid #d5dce2; font-size:15px; line-height:1.2; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; vertical-align:middle;}
.btnArea .btnW {background:#fff; color:#7f8ea4;}
.btnArea .btnW:hover:not(.disabled) {background:#f6f6f6;}
.btnArea .btnlb {margin-left:7px; background:#2684dc; border-color:#2684dc; color:#fff;}
.btnArea .btnlb:hover:not(.disabled) {background:#1475d0;}
.btnArea .btnB {background:#52687e; border-color:#5f656b; color:#fff;}
.btnArea .btnB:hover:not(.disabled) {background:#52585e;}
.btnArea .btnG, .btnMemJoin.btnG {background:#06C755; border-color:#06C755; color:#fff;}
.btnArea .btnG:hover:not(.disabled), .btnMemJoin.btnG:hover:not(.disabled) {background:#06AC49;border-color:#06AC49;}
.btnArea .btnB2, .btnMemJoin.btnB2 {background:#000; border-color:#000; color:#fff;}
.btnArea .btnB2:hover:not(.disabled), .btnMemJoin.btnB2:hover:not(.disabled){background:#303030;border-color:#303030}

.btnArea .disabled { background: #f2f2f2; border-color: #dfdfdf; color: #d5dce2; cursor: default; }
.btnArea.mg0{margin:0;}
.btnArea.mg0 .btnlb{margin:0;}
.btnArea .tempBtn{min-width:150px;padding:9px 22px;line-height:1;border-radius:4px}
.btnArea .tempBtn.enabled{border-color:#2684dc;color:#2684dc}
.btnArea .tempBtn .ico + span{line-height:normal;font-size:14px;vertical-align:middle}
.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;}

/* =hgkadd= */
.errorTx2 { margin:7px 0 0 0; color:#548fcc;font-size:13px;}
.titLabel dfn, .titLabel em, .radioCheck em {color:#ec4c21}
.inptName {overflow:hidden;}
.inptName > div {position:relative; width:33%; margin-right:1%; min-height:50px; float:left;}
.inptName .ex {width:32%;margin-right:0;}
.inptName .ex p {padding: 13px 0 13px 16px; font-size: 15px; line-height: 1.5;}

/*download*/
.downBox {max-width:940px; margin:0 auto; padding:25px 0;}
.downBox .subTit {margin-bottom:25px;}
.downList {overflow:hidden;}
.downList li {float:left; width:48.6%; max-width:460px; background:#fff; border:1px solid #d3d6db; margin:0 2.2% 20px 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; box-sizing:border-box; }
.downList li:nth-child(2n) {margin-right: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; font-weight:600; 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-weight:bold; 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, .signUpBox .dutyTx{margin:5px 0 0 0; font-size:13px; color:#5d6777; line-height:1.2;}
.memLevArea {position:relative; padding:15px 0 0 0; border-top:1px solid #d5dce2; overflow:hidden;}
.memLevArea .btnMemLev {display:inline-block; padding: 8px 15px; margin:0; border: 1px solid #d5dce2; background: #fff; font-size:13px; line-height: 1.2; color: #7f8ea4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; vertical-align:top;}
.memLevArea .btnMemLev:hover {background:#f8f8f8;}
.memLevArea .memTx {display:block; padding:0 0 0 0; margin:3px 0 0 0; color:#b3bbc5;}
.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:50px 5% 19px; margin:0 auto; background:#fff; border:1px solid #d3d6db; -moz-border-radius:3px; -webkit-border-radius:3px; overflow:hidden; box-sizing:border-box;}
.signUpAlarmWrap .signUpAlarm.type2{padding:50px 5%}
.signUpAlarm .emailTx {margin-bottom:25px; 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:48.94%; max-width:460px; height:330px; padding:0 44px 44px; margin:0 2.12% 20px 0; 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:nth-of-type(2n) {margin-right:0 !important;}
.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:330px; 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:32px 0 20px; font-size:22px; color:#1f4787 !important; line-height:1.2;}
.AcBox .acDate , .AcBox .acTxt {margin-bottom:4px; font-size:14px; color:#2684dc; line-height:1.2; white-space:nowrap;}
.AcBox .acTxt { height:40px; line-height:1.4; overflow-x:hidden; overflow-y:auto; margin:0; color:#5d6777;}
.AcBox .acCodeArea { position:relative; margin:10px 0 33px; padding:26px 1em; border:1px solid #e6e6e6; background:#fafafa; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; font-size:16px; color:#333c48; line-height:1.2; box-sizing:border-box; }
.AcBox .acStore { position:absolute; bottom:38px; left:0; right:0; font-size:13px; color:#5d6777; line-height:1.2;}
.AcBox .acStore a {color:#2684dc; text-decoration:underline;}
.AcBox.btBox {padding:0; background:#f6f6f6; height:330px;}
.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;}
.AcBox .acTxt strong {color: #556173; padding-right: 8px; font-weight:normal;}
/*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 20px; background:#fff; border-top:2px solid #6a8ec6; border-bottom:1px solid #ddd;font-size:15px; font-weight:400; color:#1f4787; line-height:1.2; margin-top:-1px;}
.syncList h3 .icoSync {position:relative; top:-1px; display:inline-block; width:8px; height:8px; margin-right:10px;}
.syncList ul li {padding:0 25px 0 40px; border-bottom:1px solid #ddd; background:#f4faff;}
.syncList ul li .radioCheck label {display:inline-block; width:50%; padding:14px 50px 14px 0 !important; background:none; vertical-align: top; box-sizing:border-box; }
.syncList ul li label {font-size:15px; color:#5d6777; line-height:1.2;}
.syncList ul li .radioCheck.chkRight p:not(#cssbrowser)>input[type="checkbox"] + label {display:inline-block; background:none; }
.syncList ul li .radioCheck.chkRight p:not(#cssbrowser)>input[type="checkbox"]:checked + label { color:#2684dc; background:none; }
.syncList ul li .radioCheck.chkRight p:not(#cssbrowser)>input[type="checkbox"] + label:after {
    content:''; display:block; position:absolute; top:12px; right:0; width:22px; height:22px;
    background: url(../images/chk_normal.png) no-repeat right top;
    background-image: -webkit-image-set(url("../images/chk_normal.png") 1x, url("../images/chk_normal@2x.png") 2x);
    background-image: -moz-image-set(url("../images/chk_normal.png") 1x, url("./images/chk_normal@2x.png") 2x);
    background-image: -o-image-set(url("../images/chk_normal.png") 1x, url("../images/chk_normal@2x.png") 2x);
    background-image: -ms-image-set(url("../images/chk_normal.png") 1x, url("../images/chk_normal@2x.png") 2x);
}
.syncList ul li .radioCheck.chkRight p:not(#cssbrowser)>input[type="checkbox"]:checked + label:after {
    content:''; display:block; position:absolute; right:0; width:22px; height:22px;
    background: url(../images/chk_chked.png) no-repeat right top;
    background-image: -webkit-image-set(url("../images/chk_chked.png") 1x, url("../images/chk_chked@2x.png") 2x);
    background-image: -moz-image-set(url("../images/chk_chked.png") 1x, url("./images/chk_chked@2x.png") 2x);
    background-image: -o-image-set(url("../images/chk_chked.png") 1x, url("../images/chk_chked@2x.png") 2x);
    background-image: -ms-image-set(url("../images/chk_chked.png") 1x, url("../images/chk_chked@2x.png") 2x);
}

.syncList ul li label:hover {color:#2684dc;}
.syncList ul li .noCheck label:hover {color:#5d6777;}

.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;
    background-image: -webkit-image-set(url("../images/loading_white.gif") 1x, url("../images/loading_white@2x.gif") 2x);
    background-image: -moz-image-set(url("../images/loading_white.gif") 1x, url("../images/loading_white@2x.gif") 2x);
    background-image: -o-image-set(url("../images/loading_white.gif") 1x, url("../images/loading_white@2x.gif") 2x);
    background-image: -ms-image-set(url("../images/loading_white.gif") 1x, url("../images/loading_white@2x.gif") 2x);
    background-size: 82px 82px;
    text-indent:-9999px; line-height:0; overflow:hidden;}

.syncList ul li .syncPassWrap { display:inline-block; width:50%; float:right; padding:5px 42px 5px 0; box-sizing:border-box; }
.syncList ul li .syncPassWrap .syncPass {display:inline-block; width:170px; height:36px; float:right; border-radius:4px; padding:0 12px; color:#b3bbc5; box-sizing:border-box;}
.syncList ul li .noCheck .syncPass {display:none;}
.syncList ul li .radioCheck.chkRight p.noCheck:not(#cssbrowser)>input[type="checkbox"]:checked + label, .radioCheck.chkRight p.noCheck:not(#cssbrowser)>input[type="checkbox"] + label {background:none; width:40%; }
.syncList ul li .syncTxt { float:right; max-width:50%; padding:14px 0; color:#ff775d; font-size:13px; letter-spacing: -0.5px; box-sizing:border-box;}
.syncList ul li .expired {display:block; padding:10px 0 0  0; color:#7f8ea4; font-size:13px; line-height:1.5; box-sizing:border-box; cursor:default;}
.syncList ul li:after {clear:both; content:''; display:block; }
.syncList ul li .syncWarning {clear:both; float:right; display:block; color:#ff775d; font-size:13px; padding:7px 0; letter-spacing: -0.5px;}
.syncList ul li .syncWarning.on {display:block;}
/*device info*/
.devCont {padding-top:129px;}
.devInfoMuBox {padding-left:210px;}
.devInfoMuBox.disable {display:none !important;}
.devInfoMuBox , .pageSubTit {clear:both; margin-top:0; border-top:1px solid #e6e6e6; background:#fff;}
.devInfoMuBox ul {text-align:center; white-space:nowrap;}
.devInfoMuBox ul li {display:inline-block;}
.devInfoMuBox ul li a {display:block; padding:18px 5px; margin:0 15px; font-size:15px; color:#1f4787; line-height:1.2; position:relative}
.devInfoMuBox ul li a span , .devMuBt .ico {position:relative; display:inline-block; margin:0 10px 0 0; vertical-align:middle;}
.devInfoMuBox ul li a:hover , .devInfoMuBox ul li a.on {
    background:url("../images/bg_ov_line.png") repeat-x 100% bottom;
    background-image: -webkit-image-set(url("../images/bg_ov_line.png") 1x, url("../images/bg_ov_line@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bg_ov_line.png") 1x, url("../images/bg_ov_line@2x.png") 2x);
    background-image: -o-image-set(url("../images/bg_ov_line.png") 1x, url("../images/bg_ov_line@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bg_ov_line.png") 1x, url("../images/bg_ov_line@2x.png") 2x);
    background-size: 1px 3px;
    color:#2684dc;}
.devInfoMuBox ul li a:hover {background:none;}/* =hgkadd= */
.devInfoMuBox ul li a.disable:hover , .devInfoMuBox ul li a.disable {background:none; color:#b3bbc5; cursor:default;}
.devInfoBox {position:relative; max-width:458px; margin:20px 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; word-break: break-all; margin-left: 20px; margin-right: 20px;}
.devInfoBox .descTx {margin-bottom:28px; font-size:14px; color:#7f8ea4; line-height:1.2;}
.devInfoBox .descArea {padding:20px 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 .descBoxEtc {padding:12px; padding-left:24px; padding-right:24px; margin-top:10px; border:1px solid #e6e6e6; background:#f9f9f9; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.devInfoBox .descArea .descBoxEtc .idTit {margin-bottom:12px; font-size:14px; color:#2684dc; line-height:1.2;}
.devInfoBox .descArea .descBoxEtc .idTx {font-size:14px; color:#333c48;}
.devInfoBox .descArea .verTx {margin:20px 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;}
.devInfoBox .descArea .descBoxEtca p {word-break:break-all;}
.devInfoMu {display:none;}
.devInfoMuBox.mob {padding:0; border:0;}
.devInfoMuBox .devInfoMu li {display:block; }
.devInfoMuBox .devInfoMu li:first-child { border-top:0; }
.devInfoMuBox .devInfoMu li a:hover , .devInfoMuBox .devInfoMu li a.on {background:#f6f6f6;}
.devInfoBox h4.type2 {display:flex;align-items:center;justify-content:center;}
.devInfoBox h4.type2 .txt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.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 {position:relative; display:block; width:100%; padding:17px 0 17px 4%; font-size:15px; font-weight:bold; color:#1f4787; line-height:1.2; text-align:left; margin-top:60px; border-top:1px solid #d5dce2; border-bottom:1px solid #d5dce2; } /* dropdown icon left 2018-02-20 */
.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-image: -webkit-image-set(url("../images/bu_caret.png") 1x, url("../images/bu_caret@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bu_caret.png") 1x, url("../images/bu_caret@2x.png") 2x);
    background-image: -o-image-set(url("../images/bu_caret.png") 1x, url("../images/bu_caret@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bu_caret.png") 1x, url("../images/bu_caret@2x.png") 2x);
    background-size: 18px 11px;
    background-size:contain;
    transition:all .3s;
}

/* open add */
.devInfoMuBox.open .devMuBt .caret {
    -webkit-transform:rotateX(150deg);
    transform:rotateX(150deg);
}
/* open add for ie 9+10 */
@media screen\0 {
    .devInfoMuBox.open .devMuBt .caret { background-image: -ms-image-set(url("../images/bu_caret_on.png") 1x, url("../images/bu_care_ont@2x.png") 2x);}
}

/*ahntitheft*/
.theftWrap {height:auto;}
.mapBox {position: absolute; width: 100%; height: 100%; top:0; right:0; padding:129px 365px 48px 210px; z-index: 11; overflow:hidden; box-sizing:border-box;}
.mapBoxContainer .ahntiTit {display:none; /*position:absolute; bottom:0;*/ left:0; width:100%;
    padding:10px 0px 10px 0px;
    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 0; background:#fff; z-index:50; box-sizing:border-box; overflow-y:auto;}
.mapInfoInner, .mapInfoBoxInner {padding-bottom:55px;}
.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 .mapAddr .addrInfo{font-size:14px;color:#7f8ea4;}
.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:20px; height:17px; margin-top:-8px;}
.theftMuList .mu02 .ico {width:20px; height:17px; margin-top:-8px;}
.theftMuList .mu03 .ico {width:18px; height:14px; margin-top:-7px;}
.theftMuList .mu04 .ico {width:22px; height:19px; margin-top:-9px;}
.theftMuList .mu05 .ico {width:15px; height:20px; 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;
    background-image: -webkit-image-set(url("../images/ico_sim_map.png") 1x, url("../images/ico_sim_map@2x.png") 2x);
    background-image: -moz-image-set(url("../images/ico_sim_map.png") 1x, url("../images/ico_sim_map@2x.png") 2x);
    background-image: -o-image-set(url("../images/ico_sim_map.png") 1x, url("../images/ico_sim_map@2x.png") 2x);
    background-image: -ms-image-set(url("../images/ico_sim_map.png") 1x, url("../images/ico_sim_map@2x.png") 2x);
    background-size: 35px 41px;
    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 .msgTop .numLockTx {position:absolute; top:0; right:0; color:#7f8ea4;}
.msgTxBox .errorTx {margin:0; width:80%;}
.msgTxBox .errorTx .ico {position:relative; display:inline-block; width:16px; height:16px; margin:-2px 5px 0 0; vertical-align:middle; z-index:51;}

/*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:60px 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;position:relative;}
.malwareTop h3 {padding:19px 10px; background:#f9f9fa;font-size:16px; color:#1f4787; line-height:1.2;}
.malwareTop h3.type2{padding:7px 10px 31px}
.malwareTop span.tag {background:#2684dc;position:absolute;left:0;top:-32px;color:#fff;padding:2px 10px;border-top-right-radius:15px;border-bottom-right-radius: 15px;}
.malwareTop .status{position:absolute;left:50%;top:32px;transform:translateX(-50%); font-size:14px}
.malwareTop span.tag.type2 {background:#795ce5;}
.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;}

.tabMu{min-height:386px;}
.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;}
/* =hgkadd= */
.tab > li:hover a {background:#ededed;}
.tab > li.act a  {border-color:#1f4787; border-bottom:0; background:#fff; color:#1f4787; z-index:5;}
/* =hgkadd= */
.tab.tab02 > li {display:table; float:left; width:50%; height:55px; margin-left:-1px;}
.tab.tab02 > li:first-child {margin:0;}
.tab.type3 > li{width:25%;}
.tab.type4 > li{width:20%;}

.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%;
    background-image: -webkit-image-set(url("../images/bl_ico_time1.png") 1x, url("../images/bl_ico_time1@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_ico_time1.png") 1x, url("../images/bl_ico_time1@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_ico_time1.png") 1x, url("../images/bl_ico_time1@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_ico_time1.png") 1x, url("../images/bl_ico_time1@2x.png") 2x);
    background-size: 17px 32px;
}
.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:10px; height:11px;
    background:#fff url("../images/bl_arrow.gif") no-repeat;
    background-image: -webkit-image-set(url("../images/bl_arrow.gif") 1x, url("../images/bl_arrow@2x.gif") 2x);
    background-image: -moz-image-set(url("../images/bl_arrow.gif") 1x, url("../images/bl_arrow@2x.gif") 2x);
    background-image: -o-image-set(url("../images/bl_arrow.gif") 1x, url("../images/bl_arrow@2x.gif") 2x);
    background-image: -ms-image-set(url("../images/bl_arrow.gif") 1x, url("../images/bl_arrow@2x.gif") 2x);
    background-size: 9px 11px;
    margin-top:-13px;}
.warning .date em , .warning .evLogArea .evLogBox * {color:#ff775d;}
.warning .date .icoTime {
    background:#fff url("../images/bl_ico_time2.png") no-repeat left 50%;
    background-image: -webkit-image-set(url("../images/bl_ico_time2.png") 1x, url("../images/bl_ico_time2@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_ico_time2.png") 1x, url("../images/bl_ico_time2@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_ico_time2.png") 1x, url("../images/bl_ico_time2@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_ico_time2.png") 1x, url("../images/bl_ico_time2@2x.png") 2x);
    background-size: 17px 32px;/* =hgkadd= */
}
.evlogWrap .date .last, .evlogWrap:last-child .date .icoTime {top:50%; height:50%; padding-bottom:25px; margin-top:-23px; background-position:left 0 !important;}
.evlogWrap .date .first {top:0; height:50%; padding-bottom:9px; margin:0; background-position:left 100% !important;}
/* .evlogWrap:first-child:last-child .line { background-color:none; } /* only one child exists */
/* =hgkadd= */
.evtabcon2 {display:none;}
/* =hgkadd= */
.warning .date em , .warning .evLogArea .evLogBox * {color:#ff775d;}
.warning .date .icoTime {
    background:#fff url("../images/bl_ico_time2.png") no-repeat left 50%;
    background-image: -webkit-image-set(url("../images/bl_ico_time2.png") 1x, url("../images/bl_ico_time2@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_ico_time2.png") 1x, url("../images/bl_ico_time2@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_ico_time2.png") 1x, url("../images/bl_ico_time2@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_ico_time2.png") 1x, url("../images/bl_ico_time2@2x.png") 2x);
    background-size: 17px 32px;/* =hgkadd= */
}
/* 2018-07-10 border modify */
/* .warning .evLogArea .evLogBox {border:1px solid #ff775d; }
.warning .evLogArea .icoArrow {position:absolute; top:50%; left:0; width:9px; height:11px;
    background:url("../images/bl_arrow_org.gif") no-repeat;
    background-image: -webkit-image-set(url("../images/bl_arrow_org.gif") 1x, url("../images/bl_arrow_org@2x.gif") 2x);
    background-image: -moz-image-set(url("../images/bl_arrow_org.gif") 1x, url("../images/bl_arrow_org@2x.gif") 2x);
    background-image: -o-image-set(url("../images/bl_arrow_org.gif") 1x, url("../images/bl_arrow_org@2x.gif") 2x);
    background-image: -ms-image-set(url("../images/bl_arrow_org.gif") 1x, url("../images/bl_arrow_org@2x.gif") 2x);
    background-size: 9px 11px;
    margin-top:-13px;} */
/*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 .infection .num, .scanCount .cure .num  {cursor:pointer;}  /* cursor 2018-02-20 */
.scanCount.none .infection .num, .scanCount.none .cure .num  {cursor:default;}
.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;}

/*remoteCont tab new =hgkadd=*/
.remoteCont {text-align:left;}
.remoteTxt {padding:0 10px 50px; text-align:center; border-bottom:1px solid #848484;}
.remoteTxt .scanTx2 {font-size:15px; color:#7f8ea4; line-height:1.2;}
.remoteTxt > .ico {position:relative; display:inline-block; height:40px; margin:40px 0 20px; vertical-align:middle;}/* =hgkadd= */
.remote1 > .ico {width:40px;}
.remote2 > .ico {width:46px;}
.remote1 .scanTx1 {margin-bottom:10px; font-size:22px; color:#2684dc; line-height:1.2; }
.remote2 .scanTx1 {margin-bottom:10px; padding-bottom:3px; font-size:22px; color:#ff775d; line-height:1.2; cursor:pointer; }
.remote2 .scanTx1 span {display:inline-block; padding-bottom:5px; border-bottom:1px solid #ff775d;}
.remote3 {margin-top:45px;font-size:15px;}
.remoteCont .scanCount {border-width:0 0 1px 0;}
.remoteCont .scanCount li {float:left; width:33.3%; border-left:0; text-align:center; box-sizing:border-box;}
.remoteCont .scanCount li .num {margin: 30px 0 25px;}
.remoteCont .scanCount .cure * {color:#2684dc;}
.remoteCont .scanCount.none .inspection * {color:#7f8ea4;word-break:break-all;}
.remoteCont .scanCount.none .infection * {color:#7f8ea4;}
.remoteCont .scanCount.none .cure * {color:#7f8ea4;}
.remoteCont .lastChk {margin-top:20px; border:1px solid #dddddd; overflow:hidden;}
.remoteCont .lastChk li {float:left; width:50%; border-left:1px solid #dddddd; font-size:15px; text-align:center; box-sizing:border-box;}
.remoteCont .lastChk li:first-child {border:0;}/* =hgkadd= */
.remoteCont .lastUpdate p, .remoteCont .lastTest p { min-height:23px; } /* 2018-03-08 */
.remoteCont .lastChk strong {font-size:18px; color:#444;}
.scanCount li:first-child {border:0;}
.lastChk .comIco {position:relative; display:inline-block; width:42px; height:42px; margin:30px 0 20px; vertical-align:middle;}
.lastChk .lastUpdate .comIco {background-position:-375px -102px;}
.lastChk .lastTest .comIco {background-position:-428px -102px;}

.mwContArea .evlogContNew, .tabConArea {padding:40px 0 0;}/* =hgkadd= */
.mwContArea .evlogContNew .pageWrap {margin-top:22px; padding-top:30px; border-top:1px solid #dddddd;}
.evlogContNew {position:relative; padding:0 0 0 160px;}
.evlogContNew .date {position:absolute; left:0; top:0; width:160px; height:100%; vertical-align:middle;}
.evlogContNew .date em {position:absolute; top:50%; left:0; margin-top:-15px; padding-right:25px; font-size:13px; color:#2684dc; line-height:1.2;}
.evlogContNew .date .line {position:absolute; top:0; right:20px; width:1px; height:100%; background:#d5dce2;}
.evlogContNew .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%;
    background-image: -webkit-image-set(url("../images/bl_ico_time1.png") 1x, url("../images/bl_ico_time1@2x.png") 2x); /* 2018-03-08 */
    background-image: -moz-image-set(url("../images/bl_ico_time1.png") 1x, url("../images/bl_ico_time1@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_ico_time1.png") 1x, url("../images/bl_ico_time1@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_ico_time1.png") 1x, url("../images/bl_ico_time1@2x.png") 2x);
    background-size: 17px 32px;
}
.evlogContNew .evLogArea {position:relative; padding:0 0 18px 8px; vertical-align:middle; box-sizing:border-box;word-break:break-all;}
.evlogContNew .evLogArea .evLogBox {padding:15px 22px; background:#fff; border:1px solid #d5dce2; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow:hidden;}/* =hgkadd= */
.evlogContNew .evLogArea .evLogBox p {font-size:13px; color:#5d6777; line-height:1.2;}
.evlogContNew .evLogArea .evLogBox .tit {padding:0; font-size:16px; color:#2684dc;}
.evlogContNew .evLogArea .evLogBox .tit .logDate {display:none;}
.evlogContNew .evLogArea .evLogBox .infoText{padding:0 0 5px;}
.evlogContNew .evLogArea .icoArrow {position:absolute; top:50%; left:0; width:10px; height:11px; background:#fff url("../images/bl_arrow.gif") no-repeat; margin-top:-13px;}
.evlogContNew .evLogArea .icoArrowBlue {position:absolute; top:50%; left:0; width:10px; height:11px; background:#fff url("../images/bl_arrow_blue.gif") no-repeat; margin-top:-13px;}
.evlogContNew .evLogArea .icoArrowOrg {position:absolute; top:50%; left:0; width:10px; height:11px; background:#fff url("../images/bl_arrow_org.gif") no-repeat; margin-top:-13px;}/* =hgkadd= */
/* =hgkadd= .evlogContNew .firstWrap .evLogBox {border:1px solid #2684dc;} */
.evlogContNew .warning .evLogArea .evLogBox * {color:#5d6777;}
.evlogContNew .warning .date em , .warning .evLogArea .evLogBox .tit {color:#ff775d !important;}
.evlogContNew .warning .date .icoTime {
    background:#fff url("../images/bl_ico_time2.png") no-repeat left 100%;
    background-image: -webkit-image-set(url("../images/bl_ico_time2.png") 1x, url("../images/bl_ico_time2@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_ico_time2.png") 1x, url("../images/bl_ico_time2@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_ico_time2.png") 1x, url("../images/bl_ico_time2@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_ico_time2.png") 1x, url("../images/bl_ico_time2@2x.png") 2x);
    background-size: 17px 32px;/* =hgkadd= */
}
.evlogContNew .date .first {top:0; height:50%; padding-bottom:9px; margin:0; background-position:left 100%;}
.evlogContNew .date .last {top:50%; height:50%; padding-bottom:25px; margin-top:-23px; background-position:left 0 !important;}
.evlogContNew .evlogTab {margin:0 0 30px;text-align:center;}
.evlogContNew .evlogTab a {display:inline-block; margin:0 30px; font-size:15px;}
.evlogContNew .evlogTab a.on {color:#2684dc;}
/* =hgkadd= */
/* .evlogContNew .warning .evLogBox {border:1px solid #2684dc;} */
.evlogContNew .evLogBox.on {border:1px solid #2684dc !important;}
.evlogContNew .evLogBox.onOrg {border:1px solid #ff775d !important;}
.evlogContNew.report{display:block !important;padding:20px 25px 0;border-bottom:1px solid #ddd;}
.evlogContNew.report .date .last{height:32px;padding-bottom:0;}

.cateSetCont .evlogTabM {display:none;}

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

/*Category setting*/
.cateSetCont , .historyCont , .exceptCont {padding:45px 20px 0;}
.cateSetCont.type2{padding:40px 0;}
.cateSetCont.type3{padding:0;}
.cateSetCont .cateSetTx , .historyTx, .tabConArea .cateSetTx {margin-bottom:40px; font-size:15px; color:#7f8ea4; line-height:1.4; text-align:center;}
.tabConArea .cateSetTx{padding:0 15px;}
.cateSetTx .cateSetInfo{display:block;margin-top:10px;font-size:13px;color:#b3bbc5;}

.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:last-child{margin-bottom:0;}
.toggleBox:hover > span {color:#2684dc; text-decoration:underline;}
.toggleBox.disabled:hover > span {color:#5d6777; text-decoration:none;}
.toggleBox > span{margin-left:20px; font-size:16px; color:#5d6777; vertical-align:middle; cursor:pointer;}
.toggleBox.type2{padding:14px 24px;}
.toggleBox.type2 > span{margin-left:0}
.toggleBox.type2 > p{margin-left:0;margin-top:2px}
.toggleBox > p{margin-left:20px}
.toggleBox > span.allSel {color:#2684dc; text-decoration:underline;}/* =hgkadd= */
/* .toggleBox.selected > span {color:#2684dc; text-decoration:underline;} =hgkadd= */
.toggleBox.disabled {background:#f9f9f9;}
.toggleBox.type2 .btnToggle{right:24px}
table .btnToggle{right:24px}
.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;}

.btnBox{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;}
.btnBox:last-child{margin-bottom:0;}
.btnBox > span {margin-left:20px; font-size:16px; color:#5d6777; vertical-align:middle; cursor:pointer;}
.btnBox:hover > span {color:#2684dc; text-decoration:underline;}
.btnBox::after{display:block;content:'';clear:both}
.btnBox > span{margin-left:0;float:left}
.btnBox .btnArea{float:right;min-width:100px;margin:0}
.btnBox.type2{padding:14px 24px;}
.btnBox.type2 .btnArea{margin-top:4px}
.btnBox .txtBox{float:left}
.btnBox .txtBox span{font-size:16px; color:#5d6777; vertical-align:middle; cursor:pointer;}
.btnBox .txtBox p{margin-top:2px}

.linkBox{border:1px solid #e1e1e1;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;padding:8px 0}
.linkBox li{display:flex;padding:6px 14px;justify-content:space-between;align-items:center;gap:10px;}
.linkBox li:hover{background-color:#f9f9fa}
.linkBox .ico{margin-right:5px}
.linkBox .txt{display:inline-block;color:#404040;font-size:13px}
.linkBox .link2{font-size:13px;word-break:keep-all}
.link2.disconnect{color:#ff775d}
.linkBox .mailaddress{margin-left:32px;word-break:break-word;}

/*history list*/
.historyTop {position:relative; display: table; width: 100%;}
.historyTop .historyTitContainer {display: table-cell;}
.historyTop .historyTit {font-size:16px; color:#2684dc; line-height:1.2;display:inline-block;}/* =hgkadd= */
.historyTop .historyTit span {position:relative; display:inline-block; width:5px; height:8px; margin:-2px 5px 0 0; vertical-align:middle;}
.historyTop .btnAllViewContainer {display: table-cell; width: 120px;}
.historyTop .btnAllView {position:absolute; bottom:0; 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:15px; border-top:1px solid #7f8ea4;}
.historyList li {position:relative; padding:19px 0; border-bottom:1px solid #dddddd;}
.historyList li > p {padding-right:230px; font-size:16px; color:#5d6777; line-height:1.2; word-break:break-all;}
.historyList li .historyDate {position:absolute; top:50%; right:0; margin-top:-17px;}
.historyList li .historyDate .date {margin-right:15px; font-size:15px; 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;}
.historyList.bdmNone li{border-bottom:0;}
.historyList.bdmNone li:last-child{border-bottom:1px solid #ddd;}

.historyList .siteArea{position:relative;padding-left:56px;}
.historyList .iconArea{position:absolute;top:50%;left:0;width:16px;height:16px;margin-top:-8px;margin-left:20px;}
.historyList .iconArea img{width:16px;height:16px;}
.historyList .addrArea{color:#444;}
.historyList .addrArea .addr{margin-top:5px;color:#5d6777;}
.historyList .addrArea .addr{display:block;}

.historyList.type2 li{padding:19px 5px;border-bottom:0;}
.historyList.type2 .siteArea{padding:0 140px 0 0;font-size:14px;color:#5d6777;word-break:break-word;}
.historyList.type2 .iconArea{margin:-8px 0 0 0;}
.historyList.type2 .addrArea{display:inline-block;padding-left:25px;}
.historyList.type2 .historyDate{right:5px;margin:-10px 0 0 0;}
.historyList.type2 .historyDate .date{margin:0;font-size:14px;color:#5d6777;}

/*except site*/
.exceptTop {position:relative; margin-bottom:15px; 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.disabledBtn { background: #f2f2f2; border-color: #dfdfdf; color: #c2c2c2; cursor: default; }
.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.noneHeader {border-top:1px solid #7f8ea4}
.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 td.date {text-align:right;padding:17px 10px}
.exceptSite table .txAl {color:#5d6777; text-align:left;}
.exceptSite table .trChk td , .exceptSite table tbody tr:hover {background:#f9f9fa;}
.exceptSite table .timeTitText {font-size:16px}
.exceptSite table .timeSubText {font-size:15px}
/* =hgkadd= */
.exceptSite table.noneTable tbody tr:hover {background:#fff;}
/* protTime_ios */
.exceptSite.type2 table th{padding:6px 24px;background-color:#f6f6f6;color:#9e9e9e !important;text-align:left;border-top:1px solid #7e8ea4;border-bottom:0}
.exceptSite.type2 table tbody tr:hover{background-color:#fff;}
.exceptSite.type2 table tr:hover > td span{color:#2684dc;text-decoration:underline}
.exceptSite.type2 table td{height:47px;padding:14px 5px 14px 24px; text-align:left;border-width:0 0 1px 0}
.exceptSite.type2 table td span{font-size: 16px;color: #5d6777;vertical-align: middle;cursor: pointer;}
.exceptSite.type2 table td + td{padding:14px 24px 14px 5px;text-align:right}
.exceptSite.type2 table:last-child tr:last-child td{border-bottom-width:1px}
.exceptSite.type2 table tr:last-child td{border-bottom-width:0}
.exceptSite.type2 table td.selectType{padding:14px 24px}
.exceptSite.type2 table td.selectType::after{display:block;content:'';clear:both}
.exceptSite.type2 table td.selectType .txtBox{float:left}
.exceptSite.type2 table td.selectType .selectBox{float:right}
.exceptSite.type2 .selectBox select{width:160px;border-radius:4px;border:1px solid #d5dce2;}

/* =hgkadd= */
.bookmarkCont {padding: 40px 0 0;}
.bookmarkCont.type2{padding-top:0;}
.bookmarkTop {position:relative; min-height:34px; margin-bottom:15px; overflow:hidden;}
.bookmarkTop .modiBtn {display:none;float:right;}
.bookmarkTop .btnModi, .bookmarkTop .btnAllsel, .bookmarkTop .btnDel {display:inline-block; 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;}
.bookmarkTop .btnAllsel span, .bookmarkTop .btnDel span {
    position: relative; display: inline-block; margin: -2px 5px 0 0; vertical-align: middle;
    background: url("../images/img_split.png") no-repeat transparent;
    background-image: -webkit-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -moz-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -o-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -ms-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-size: 1000px 700px;
    text-indent:-9999px; line-height:0; overflow:hidden;}
.bookmarkTop .btnAllsel span {width:17px;height:18px;background-position:-329px -169px;}
.bookmarkTop .btnDel span {width:17px;height:18px;background-position:-293px -106px;}
.bookmarkTop .btnDel.disable {background:#f2f2f2;color:#c2c2c2;}
.bookmarkTop .btnAllsel {display:inline-block; 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;}
.web1List { border-top:1px solid #7f8ea4; margin-bottom:10px;}/* =hgkadd= */
.web1List > div { display:inline-block; width:100%; height:58px;margin:0;padding:18px 10px; border-bottom:1px solid #ddd; vertical-align:middle; box-sizing:border-box; font-size:0;}
.web1List > div.all { border-bottom:1px solid #7f8ea4; }
.web1List > div > p { display:none; position:relative; margin-right:12px;}
.web1List > div.all label{ padding-left:40px !important;}
.web1List > div a { display:inline-block; width:16px; height:16px; }
.web1List > div img { position:relative; display:inline-block; width:16px !important; height:16px !important; vertical-align:middle;}
.web1List > div img[alt]:after { display:block; position: absolute; top:0; left: 0; width: 16px; height: 16px; content: attr(alt);
    background:url("../images/favicons.png") no-repeat;
    background-image: -webkit-image-set(url("../images/favicons.png") 1x, url("../images/favicons@2x.png") 2x);
    background-image: -moz-image-set(url("../images/favicons.png") 1x, url("../images/favicons@2x.png") 2x);
    background-image: -o-image-set(url("../images/favicons.png") 1x, url("../images/favicons@2x.png") 2x);
    background-image: -ms-image-set(url("../images/favicons.png") 1x, url("../images/favicons@2x.png") 2x);
}
.web1List > div img.faviImg { width:0; height:0; padding:16px 0 0 16px; box-sizing:border-box;
    background:url("../images/favicons.png") no-repeat;
    background-image: -webkit-image-set(url("../images/favicons.png") 1x, url("../images/favicons@2x.png") 2x);
    background-image: -moz-image-set(url("../images/favicons.png") 1x, url("../images/favicons@2x.png") 2x);
    background-image: -o-image-set(url("../images/favicons.png") 1x, url("../images/favicons@2x.png") 2x);
    background-image: -ms-image-set(url("../images/favicons.png") 1x, url("../images/favicons@2x.png") 2x);
    background-size:16px 16px;}
.web1List > div .sitename {display:inline-block;font-size:14px;color:#5d6777;padding:0 0 0 20px;word-break:break-all; vertical-align:middle; max-width:68%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }/* =hgkadd= */
.web1List .toggleBox{margin:0;padding:20px;border-bottom:solid #ddd;border-width:0 0 1px 0;border-radius:0;background:none;}
.web1List .toggleBox.type2{padding:8px 20px 8px 20px}
.web1List .toggleBox.disabled {background:#f9f9fa}
.web1List .toggleBox.block.disabled .sitename {color:#b3bbc5}
.web1List .toggleBox > span{margin:0;font-size:14px;cursor:default;}
.web1List .toggleBox:hover > span {color:#2684dc; text-decoration:underline;}
.bmModify .web1List > div > p {display:inline-block;}
.bmModify .bookmarkTop .modiBtn {display:block;}
.cateSetCont .evlogTab {margin:0 0 40px;text-align:center;}
.cateSetCont .evlogTab a {display:inline-block; margin:0 30px; font-size:15px;}
.cateSetCont .evlogTab a.on {color:#2684dc;}
.cateSetCont .cateSet {display:none;}
.cateSetCont .cateSet1 {display:block;}
.toggleBox.block {background:#fafafa}

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

/*agreement*/
.agreementBox .agreement, .agreementBox > div {padding:0 67px;}
.agreement > h3, .agreementBox > div > h3 {font-size:28px; font-weight:400; color:#1f4787;}
.agreement > p, .agreementBox > div > p {margin-top:20px; font-size:18px; color:#1f4787;}
.agree, .agreementBox > div > div {margin-top:37px; border-top:1px solid #e6e6e6;}
.agree h4, .agreementBox > div > div h4 {margin-top:35px; font-size:16px; font-weight:400; color:#333c48;}
.agree p , .agree ul li , .agreementBox > div > div p , .agreementBox > div > div > 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; word-break:break-all; } /* 2018-03-16 */

/*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;}
/* =hgkadd= */
.remote1 > .ico {background-position:-69px -242px;}
.remote2 > .ico {background-position:-317px -102px;}

/*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;}
.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 {margin:3% 2%; font-size:13px; line-height:1.2;}
.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;}
.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%;}
.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;}
.mtiCodeStep h3 {display:table; width:100%;}
.mtiCodeStep h3 img , .mtiCodeStep h3 span {display:table-cell; width:auto;}
.mtiCodeStep h3 span {width:85%;}
.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 .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 {margin:16px 0 2px;}
.mtiSpecifiedLaws a {color:#484747;}

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

/*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;}
.webViewWrap .popLy .btnArea a {display: inline-block; float: none; min-width: 0; padding:14px 15px; font-size:15px; vertical-align:middle; box-sizing:border-box;}

/*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 .btnReg 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 .mnu05 .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 , .prodAcBox .prodMnuList li .mnu05.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,  .loginEtc li .findId .ico, .socialLogin .btnMemJoin .ico, .loginEtc .btnMemJoin .ico, .popCont .ico, .signUpBox .ico, .cateSetCont .ico,
.inptBox .btnTxtDel , .error .inptBox .btnTxtDel , .btnPopClose , .popLy .icoAlert , .subTit .pic , .popLy .icoSuccess , .popLy .icoCfrm , .downList li .btnDown span, .pwResetBox .ico  , .pwReStepBox .bgStep ,
.comSplit .ico , .icoNoti , .comIco, .tooltipWrap > .tooltipNoti, .icoNew, .prodMnuList li .mnu06 .ico, .prodMnuList li .mnu06.on .ico, .a-icon, .btnPlus span
{
    background: transparent url("../images/img_split.png") no-repeat;
    background-image: -webkit-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -moz-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -o-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -ms-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-size: 1000px 700px;
    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;}

.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:-33px -23px;}
.prodAcBox .prodMnuList li .mnu03 .ico {background-position:-68px -23px;}
.prodAcBox .prodMnuList li .mnu04 .ico {background-position:-101px -25px;}/* =hgkadd= */
.prodAcBox .prodMnuList li .mnu05 .ico { background-position:-209px -519px;}/* primaadd */
.prodAcBox .prodMnuList li .mnu06 .ico { background-position:-576px -315px;}

/* .left .loginBf .prodMob .ico {background-position: -68px -24px;}
.left .loginBf .prodAnd .ico {background-position: -100px -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:-33px -57px;}
.prodAcBox .prodMnuList li .mnu03.on .ico {background-position:-68px -57px;}
.prodAcBox .prodMnuList li .mnu04.on .ico {background-position:-101px -59px;}/* =hgkadd= */
.prodAcBox .prodMnuList li .mnu05.on .ico {background-position:-250px -519px;}/* =primaadd= */
.prodAcBox .prodMnuList li .mnu06.on .ico {background-position:-530px -315px;}
.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 .findId .ico {background-position:-241px 0;}
.loginEtc li .findId:hover .ico {background-position:-266px 0;}
.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;}
.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:27px; background-position:-7px -368px;}
.devMnu02 .ico , .devMuBt.devMnu02 a:hover .ico { width:22px; height:27px; background-position:-58px -368px;}
.devMnu03 .ico , .devMuBt.devMnu03 a:hover .ico { width:27px; height:27px; background-position:-107px -368px;}
.devMnu04 .ico , .devMuBt.devMnu04 a:hover .ico { width:27px; height:27px; background-position:-153px -368px;}
.devMnu05 .ico , .devMuBt.devMnu05 a:hover .ico { width:22px; height:27px; background-position:-202px -368px;}
.devMnu06 .ico , .devMuBt.devMnu06 a:hover .ico { width:32px; height:26px; background-position:-576px -399px;}
.devInfoMuBox .devMnu01:hover .ico , .devInfoMuBox .devMnu01.on .ico , .devMuBt.devMnu01.on .ico {background-position:-7px -402px;}
.devInfoMuBox .devMnu02:hover .ico , .devInfoMuBox .devMnu02.on .ico , .devMuBt.devMnu02.on .ico {background-position:-58px -402px;}
.devInfoMuBox .devMnu03:hover .ico , .devInfoMuBox .devMnu03.on .ico , .devMuBt.devMnu03.on .ico {background-position:-107px -402px;}
.devInfoMuBox .devMnu04:hover .ico , .devInfoMuBox .devMnu04.on .ico , .devMuBt.devMnu04.on .ico {background-position:-153px -402px;}/* =hgkadd= */
.devInfoMuBox .devMnu05:hover .ico , .devInfoMuBox .devMnu05.on .ico , .devMuBt.devMnu05.on .ico {background-position:-202px -402px;}/* =hgkadd= */
.devInfoMuBox .devMnu06:hover .ico , .devInfoMuBox .devMnu06.on .ico , .devMuBt.devMnu06.on .ico {background-position:-530px -399px;}
.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:-107px -435px;}
.devInfoMuBox .devMnu04.disable:hover .ico , .devInfoMuBox .devMnu04.disable .ico , .devMuBt.devMnu04.disable .ico {background-position:-153px -435px;}
.devInfoMuBox .devMnu05.disable:hover .ico , .devInfoMuBox .devMnu05.disable .ico , .devMuBt.devMnu05.disable .ico {background-position:-202px -435px;}
.devInfoMuBox .devMnu06.disable:hover .ico , .devInfoMuBox .devMnu06.disable .ico , .devMuBt.devMnu06.disable .ico {background-position:-576px -315px;}
.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%;
    background-image: -webkit-image-set(url("../images/bl_chk_normal.png") 1x, url("../images/bl_chk_normal@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_chk_normal.png") 1x, url("../images/bl_chk_normal@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_chk_normal.png") 1x, url("../images/bl_chk_normal@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_chk_normal.png") 1x, url("../images/bl_chk_normal@2x.png") 2x);
    background-size: 15px 11px;
}
.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%;
    background-image: -webkit-image-set(url("../images/bl_chk_hover.png") 1x, url("../images/bl_chk_hover@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_chk_hover.png") 1x, url("../images/bl_chk_hover@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_chk_hover.png") 1x, url("../images/bl_chk_hover@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_chk_hover.png") 1x, url("../images/bl_chk_hover@2x.png") 2x);
    background-size: 15px 11px;
}
.historyList li .historyDate .btnChk.disable {border-color:#e8e8e8;
    background:#e8e8e8 url("../images/bl_chk_hover.png") no-repeat 50% 50%;
    background-image: -webkit-image-set(url("../images/bl_chk_hover.png") 1x, url("../images/bl_chk_hover@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_chk_hover.png") 1x, url("../images/bl_chk_hover@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_chk_hover.png") 1x, url("../images/bl_chk_hover@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_chk_hover.png") 1x, url("../images/bl_chk_hover@2x.png") 2x);
    background-size: 15px 11px;
    cursor:default;}
.btnPlus span {position:relative; display:inline-block; width:10px; height:10px; margin:-2px 7px 0 0; vertical-align:middle;background-position:-209px -5px;}
.btnPlus {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;}
.exceptTop .btnDel .comIco {background-position:-293px -106px;}
.exceptTop .btnDel:hover {background:#f6f6f6;}
.exceptTop .btnDel.disabledBtn { background: #f2f2f2; border-color: #dfdfdf; color: #d5dce2; cursor: default; }
.exceptTop .btnDel.disabledBtn .comIco {background-position:-978px -620px}
.exceptTop .btnViewAll {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;margin-right:6px}
.exceptTop .btnViewAll .comIco {position:relative; display:inline-block; width:16px; height:15px; margin:-2px 5px 0 0; vertical-align:middle;}
.exceptTop .btnViewAll .comIco {background-position:-906px -620px;}
.exceptTop .btnViewAll:hover {background:#f6f6f6;}
.exceptTop .btnViewAll.disabledBtn { background: #f2f2f2; border-color: #dfdfdf; color: #d5dce2; cursor: default; }
.exceptTop .btnViewAll.disabledBtn .comIco {background-position:-942px -620px}
.errorIco {background-position:-309px -324px;}
.comSplit .icoNoti { background-position: -44px 0;}

/* USIM change layerPop 2016-12-27 BJ */
.popLy.bigSize {max-width:620px;}
.popLy.bigSize2 {max-width:640px; max-height:100%; }
.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_ver001.png') no-repeat;
    background-image: -webkit-image-set(url("../images/ly_pop_icon_set_ver001.png") 1x, url("../images/ly_pop_icon_set@2x.png") 2x);
    background-image: -moz-image-set(url("../images/ly_pop_icon_set_ver001.png") 1x, url("../images/ly_pop_icon_set@2x.png") 2x);
    background-image: -o-image-set(url("../images/ly_pop_icon_set_ver001.png") 1x, url("../images/ly_pop_icon_set@2x.png") 2x);
    background-image: -ms-image-set(url("../images/ly_pop_icon_set_ver001.png") 1x, url("../images/ly_pop_icon_set@2x.png") 2x);
    background-size: 700px 260px;
}
.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:100%; position:relative; box-sizing:border-box; }
.btmDes { font-size:13px; color:#b3bbc5; margin-top:5px; }
.pinLockDes { font-size:13px; color:#7f8ea4; 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;
    background-image: -webkit-image-set(url("../images/list_bullet_icon.png") 1x, url("../images/list_bullet_icon@2x.png") 2x);
    background-image: -moz-image-set(url("../images/list_bullet_icon.png") 1x, url("../images/list_bullet_icon@2x.png") 2x);
    background-image: -o-image-set(url("../images/list_bullet_icon.png") 1x, url("../images/list_bullet_icon@2x.png") 2x);
    background-image: -ms-image-set(url("../images/list_bullet_icon.png") 1x, url("../images/list_bullet_icon@2x.png") 2x);
    background-size: 3px 3px;
    padding-left:12px; margin:5px 0; }
.listStyle li.org { color:#ff775d; }
.listDashStyle li{position:relative;padding-left:8px;font-size:14px;color:#7f8ea4;}
.listDashStyle li:before{content:' ';display:block;position:absolute;top:10px;left:0;width:4px;height:1px;background-color:#7f8ea4;}
.listDashStyle li + li{margin-top:2px;}
.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_ver001.png') no-repeat;
    background-image: -webkit-image-set(url("../images/ly_pop_icon_set_ver001.png") 1x, url("../images/ly_pop_icon_set@2x.png") 2x);
    background-image: -moz-image-set(url("../images/ly_pop_icon_set_ver001.png") 1x, url("../images/ly_pop_icon_set@2x.png") 2x);
    background-image: -o-image-set(url("../images/ly_pop_icon_set_ver001.png") 1x, url("../images/ly_pop_icon_set@2x.png") 2x);
    background-image: -ms-image-set(url("../images/ly_pop_icon_set_ver001.png") 1x, url("../images/ly_pop_icon_set@2x.png") 2x);
    background-size: 700px 260px;
    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:calc(100% + 40px); border-spacing:20px; border-collapse:separate; margin:-20px 0 0 -20px; }
.v3SecurityList > li {position:relative; display:table-cell; width:50%; height:100%; border:1px solid #d3d6db; background:#fff; vertical-align:top; -webkit-border-radius:4px; border-radius:4px;  box-sizing:border-box; -webkit-box-sizing:border-box;}
.v3SecurityList > li .inBox { min-height:490px; height:100%; padding:30px 50px 128px; /*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:30px; left:0; width:100%; margin-bottom:0; z-index:5;}
.listHead dt { text-align:center;}
.listHead dt span { display:inline-block;
    background:url('../images/icon_set01_ver001.png') no-repeat;
    background-image: -webkit-image-set(url("../images/icon_set01_ver001.png") 1x, url("../images/icon_set01@2x.png") 2x);
    background-image: -moz-image-set(url("../images/icon_set01_ver001.png") 1x, url("../images/icon_set01@2x.png") 2x);
    background-image: -o-image-set(url("../images/icon_set01_ver001.png") 1x, url("../images/icon_set01@2x.png") 2x);
    background-image: -ms-image-set(url("../images/icon_set01_ver001.png") 1x, url("../images/icon_set01@2x.png") 2x);
    background-size: 280px 72px;
}
.listHead dt span.icon01 { background-position:-4px 0;  width: 62px; height: 72px;}
.listHead dt span.icon02 { background-position:-71px 0; width: 61px; height: 72px;}
.listHead dt span.icon03 { background-position:-140px 0;  width: 61px; height: 72px;}/* =hgkadd= */
.listHead dt span.icon04 { background-position:-222px 0;  width: 48px; height: 72px;}
.listHead dd { text-align:center; min-height:80px; margin-top:10px; margin-bottom:17px; padding-bottom:20px; border-bottom:1px solid #eee; }/* =hgkadd= */
.listHead dd h4 { font-size:24px; color:#1f4787; font-weight:normal; }
.listHead dd p { font-size:14px; color:#b3bbc5; white-space: nowrap;}
.listCont li { font-size:15px; color:#7f8ea4;
    background:url('../images/list_bullet_icon3.png') no-repeat 0 14px;
    background-image: -webkit-image-set(url("../images/list_bullet_icon3.png") 1x, url("../images/list_bullet_icon3@2x.png") 2x);
    background-image: -moz-image-set(url("../images/list_bullet_icon3.png") 1x, url("../images/list_bullet_icon3@2x.png") 2x);
    background-image: -o-image-set(url("../images/list_bullet_icon3.png") 1x, url("../images/list_bullet_icon3@2x.png") 2x);
    background-image: -ms-image-set(url("../images/list_bullet_icon3.png") 1x, url("../images/list_bullet_icon3@2x.png") 2x);
    background-size: 4px 1px;
    padding-left:10px; line-height:30px; }
.listCont , .textCont {position:relative; width:100%; font-size:15px; color:#7f8ea4; line-height:30px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
/* .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;
    background-image: -webkit-image-set(url("../images/producview_icons_set.png") 1x, url("../images/producview_icons_set@2x.png") 2x);
    background-image: -moz-image-set(url("../images/producview_icons_set.png") 1x, url("../images/producview_icons_set@2x.png") 2x);
    background-image: -o-image-set(url("../images/producview_icons_set.png") 1x, url("../images/producview_icons_set@2x.png") 2x);
    background-image: -ms-image-set(url("../images/producview_icons_set.png") 1x, url("../images/producview_icons_set@2x.png") 2x);
    background-size: 252px 42px;
    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;
    background-image: -webkit-image-set(url("../images/list_bullet_icon3.png") 1x, url("../images/list_bullet_icon3@2x.png") 2x);
    background-image: -moz-image-set(url("../images/list_bullet_icon3.png") 1x, url("../images/list_bullet_icon3@2x.png") 2x);
    background-image: -o-image-set(url("../images/list_bullet_icon3.png") 1x, url("../images/list_bullet_icon3@2x.png") 2x);
    background-image: -ms-image-set(url("../images/list_bullet_icon3.png") 1x, url("../images/list_bullet_icon3@2x.png") 2x);
    background-size: 4px 1px;
    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:67%; 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;
    background-image: -webkit-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -moz-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -o-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -ms-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-size: 120px 89px;
    text-indent:-9999px;  }
.searchBtnArea:after , .searchWrap:after {content:''; clear:both; display:block;}
.pressBtnArea {float:left;}
.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;
    background-image: -webkit-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -moz-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -o-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -ms-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-size: 120px 89px;
}
.pressBtn.selected , .pressBtn:hover { background:#f6f6f6; }
.pressBtn.selected:after {
    background:url('../images/pwmg_icon_set.png') no-repeat  0 -84px;
    background-image: -webkit-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -moz-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -o-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -ms-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-size: 120px 89px;
}
.searchArea .exceptTop {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:block; width:100%; vertical-align:middle; box-sizing:border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.siteUrl {padding:0 1%; font-size:14px; color:#7f8ea4; display:block; width:100%; vertical-align:middle; box-sizing:border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.siteLoginId {padding:0 1%; font-size:14px; color:#2684dc; display:block; width:100%; vertical-align:middle; box-sizing:border-box; text-overflow: ellipsis; overflow: hidden; white-space: nowrap}
.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; }
.noData {width:100%; table-layout:fixed; word-break: break-all; border-top:0;  }/* =hgkadd= modify */
.pwmtNoData {width:100%; table-layout:fixed; word-break: break-all; border-top: 1px solid #ddd; }/* =hgkadd= modify */
.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;
    background-image: -webkit-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -moz-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -o-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -ms-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-size: 120px 89px;
    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:#fa7669; }
.pwLevel.fair li:nth-child(1) span , .pwLevel.fair li:nth-child(2) span {background:#edc936;}
.pwLevel.fair li:nth-child(6) { color:#e5bf22; }
.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 {float:left; width:100%; margin:5px 0 0 0; box-sizing:border-box;}

/*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*/
.ja , .ja body , .ja input , .ja textarea , .ja .subTit , .ja .left .gnb > li > a , .ja .left .btmMu > a, .ja .left .mGnb > li a , .ja .signUpWrap .radioCheck .btnAllLnk , .ja .downList li .titName , .ja .pwReStepBox .stepNum , .ja .malwareTop h3 {font-family: "Meiryo UI" , MSPgothic , Hiragino Kaku Gothic Pro , sans-serif;}

/* 안드로이드 삭제 화면 */
#deletePop .btnArea .disabledBtn {background:#f2f2f2; border-color:#dfdfdf; color: #c2c2c2; cursor: default;}

/* 싱크화면 */
.syncBox .btnArea .disabledBtn {background:#f2f2f2; border-color:#dfdfdf; color: #c2c2c2; cursor: default;}

button {
    /*-webkit-tap-highlight-color: rgba(255, 255, 255, 0) !important;*/
    -webkit-tap-highlight-color: initial;
    -webkit-focus-ring-color: rgba(255, 255, 255, 0) !important;
    outline: none !important;
}

/* 패스워드 표시/감춤 */
.passwordhide {width:29px; height:36px;
    position: absolute;
    right: 35px;
    top: 7px;
    display: inline-block;
    background:url("../images/password_show.png");
    background-image: -webkit-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-image: -moz-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-image: -o-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-image: -ms-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-size: 142px 36px;
    background-position: -7px -0px;
    overflow:hidden;}
.passwordhide:hover ,  .passwordhide:active ,  .passwordhide:focus {
    background:url("../images/password_show.png");
    background-image: -webkit-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-image: -moz-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-image: -o-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-image: -ms-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-size: 142px 36px;
    background-position: -73px -0px;
}

.passwordshow {width:29px; height:36px;
    position: absolute;
    right: 35px;
    top: 5px;
    display: inline-block;
    background:url("../images/password_show.png");
    background-image: -webkit-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-image: -moz-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-image: -o-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-image: -ms-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-size: 142px 36px;
    background-position: -40px -0px;
    overflow:hidden;}
.passwordshow:hover ,  .passwordshow:active ,  .passwordshow:focus {
    background:url("../images/password_show.png");
    background-image: -webkit-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-image: -moz-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-image: -o-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-image: -ms-image-set(url("../images/password_show.png") 1x, url("../images/password_show@2x.png") 2x);
    background-size: 142px 36px;
    background-position: -106px -0px;
}

/* prima */
.prima .subTit { width:200px; height:40px; overflow:hidden; text-indent:-9999px; margin:12px auto 5px;
    background:url("../images/img_split.png");
    background-image: -webkit-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -moz-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -o-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -ms-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-size:1000px 700px;
    background-position: -285px -520px;}
.prima .subTit.securityTit { width:312px;background-position: -9px -574px; }
.prima .subTit.primaTit { width:225px; background-position: -340px -574px; }
.prima .subTit_desc { display:block; font-size:14px; line-height:1.5; text-align:center; padding:0 20px 25px;}
.prima .primaList > li .inBox { min-height:370px; padding-bottom:50px;}
.prima .primaList.type2 > li .inBox { min-height:500px;}
.prima .primaList .listHead dt span.prima_icons { display:inline-block; width:68px; height: 69px; margin:12px 0 10px;
    background:url("../images/img_split.png");
    background-image: -webkit-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -moz-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -o-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-image: -ms-image-set(url("../images/img_split.png") 1x, url("../images/img_split@2x.png") 2x);
    background-size:1000px 700px;
}
.prima .primaList .listHead dt span.icon01 { background-position: -10px -626px;}
.prima .primaList .listHead dt span.icon02 { background-position: -84px -622px;}
.prima .primaList .listHead dt span.icon03 { background-position: -165px -622px;}
.prima .primaList .listHead dt span.icon04 { background-position: -240px -620px;}

.prima .primaList .listHead dt span.intr_icon01 { background-position: -315px -620px;}
.prima .primaList .listHead dt span.intr_icon02 { background-position: -388px -620px;}
.prima .primaList .listHead dt span.intr_icon03 { background-position: -619px -620px;}
.prima .primaList .listHead dt span.intr_icon04 { background-position: -466px -620px;}
.prima .primaList .listHead dt span.intr_icon05 { background-position: -702px -620px;}
.prima .primaList .listHead dt span.intr_icon06 { background-position: -546px -620px;}
.prima .primaList .listHead dd.noLine {border:0; margin-bottom:0; }
.prima .listHead dd { min-height:auto; }
.prima .primaList .listHead dd { margin-top:0; min-height:auto;}
/* .prima .v3SecurityList > li .inBox.type1 { padding-bottom:120px; } */
.prodAcTop .txtProdPrim { width:100%; text-align:center; padding:20px 0 0; font-size:13px; color:#7f8ea3; letter-spacing:0.5px; }
.prodAcTop .txtProdPrim .txtProd {color:#333c47;}
.prodAcTop .txtProdNew { width:100%; text-align:center; padding:10px 0 0; font-size:14px; color:#5d6775; }
.prodAcTop .txtTit + .txtProdNew { padding-top:20px; font-size:15px; color:#333c48}

.prodAcTop .btnPosR .btnDown { position:relative; display:inline-block; padding:8px 28px; 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 .btnDown:hover {background:#1475d0;}
.prodAcTop .btnPosR .btnDown span {position:relative; display:inline-block;width:16px; height:16px; margin:-1px 8px 0 0 ; vertical-align:middle; background-image:url("../images/download.png"); background-position:-2px -4px;}

.prodAcCont .prodWrap:first-child { padding-bottom:40px;}
.prodAcCont .prodWrap:after { clear:both; content:''; display:block; }
.prodAcCont .prodPrimTit { clear:both; position:relative; display:block; width:100%; text-align:center; padding:0 20px 20px; color:#2784db; font-size:18px; box-sizing:border-box;}
.prodAcCont .prodPrimTit span { padding:0 30px; background:#eee; }
.prodAcCont .prodPrimTit:before {position:absolute; content:''; left:0; top:13px; width:100%; height:1px; background:#8ab9e5; z-index:-1; }
.prodAcTxt .txtVer { padding-left:14px; }
.devInfoBox .descTx span {display:block; margin-bottom:10px; }
.devInfoBox .descTx span:first-child {margin-top:20px;}
.devInfoBox .descArea .descBox .idTit.type2 { color: #7f8ea4;}
.devInfoBox .descArea .updateTx.type2 { color:#b3bbc4;}
.devInfoBox .descArea .verTx.type2 {color:#7f8ea3;}
.downList li .primBtnArea { text-align:center; }
.downList li .primBtnArea:after {clear:both; content:''; display:block; }
.downList li .primBtnArea .btnDown { position:relative; float:left; width:50%; box-sizing: border-box;text-align:left; padding-left:18%; }
.downList li .primBtnArea .btnDown:first-child{ border-right:1px solid #e6e6e6}
.downList li .primBtnArea span { float:left; margin:10px 0 0 -30px; }
.AcBox.type1 {box-shadow:1px 1px 1px rgba(211,214,219,.5);}
.prodAcCont.type2 .prodAcBox, .downList.type2 > li, .AcContBox.type2 .AcBox {box-shadow:1px 1px 1px rgba(211,214,219,.5);}

.AcContBox.type2 h3 {margin:34px 0 22px; font-size:26px;}
.AcContBox.type2 .AcBox .acPrima, .AcContBox.type2 .AcBox .acTxt { min-height:58px; color:#878787; font-size:13px; }
.AcContBox.type2 .AcBox .acPrima p > strong { color:#556173; padding-right:8px; font-weight:400; }
.AcContBox.type2 .AcBox .br { display:block !important; line-height:1.3; }
.AcContBox.type2 .AcBox .acPrima .comSplit { color:#5d6775 !important; margin-top:2px;}
.AcContBox.type2 .AcBox .acPrima .comSplit >.icoNoti { display:inline-block; width:16px; height:16px; margin:-3px 4px 0 0; color:transparent !important; vertical-align: middle; }
.AcContBox.type2 .AcBox .acCodeArea { color:#5d6775; padding:15px 37px; border:1px solid #e6e6e6; }
.AcContBox.type2 .AcBox .acStore { bottom:41px; }
.AcContBox.type2 .AcBox .acStore > a { display:inline-block; color:#7f8ea4; text-decoration:none;  border-bottom:1px solid #7f8ea4;}
.AcContBox.type2 .AcBox .acStore > a:hover{color:#2684dc; border-bottom-color:#2684dc; }
.AcContBox.type2 .AcBox.disable .icoNoti { position:static; background-position:-44px 0; }
.AcContBox.type2 .AcBox.disable .acPrima, .AcContBox.type2 .AcBox.disable .acCodeArea{color:#cdd1d4;}
.AcContBox.type2 .AcBox.disable .acStore > a {color:#cdd1d4; border-bottom-color:#cdd1d4;}

.prodAcCont.type2 .prodAcBox .prodMnuList { padding:15px 0 5px;}
.prodAcCont.type2 .prodAcBox .addDev { min-height:214px; }

/* activationCode noti */
.acNoti { display:block; margin-top:8px; font-size:14px; color:#5d6775; letter-spacing:-0.5px;}
.acNoti .icoNoti {margin-right:6px;}
/* tooltip*/
.contentWrap .tooltipWrap { position:relative; display:inline-block; width:auto; overflow:visible; box-sizing:border-box; }
.contentWrap .tooltipWrap > .tooltipNoti { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin: -3px 0 0 5px;  background-position: -44px 0; z-index:999; }
.contentWrap .tooltipWrap > .tooltipNoti + .tooltip { position:absolute; width:auto; top:24px; right:0; font-size:12px; opacity:0; transition:opacity .3s; padding:7px 10px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.07); border-radius:4px; white-space: nowrap; background:#fff; z-index:99; color:#62697c; box-sizing:border-box; }
.contentWrap .tooltipWrap > .tooltipNoti.center + .tooltip{right:unset;left: 50%;transform: translateX(-50%);}
.contentWrap .tooltipWrap > .tooltipNoti:hover + .tooltip, .contentWrap .tooltipWrap .tooltipNoti.on + .tooltip { opacity:1; }
/*protList tooltip*/
.contentWrap .tooltipWrap > .tooltipNoti.edit{width:24px;height:24px;background-position:-942px -668px;}
.contentWrap .tooltipWrap > .tooltipNoti.edit:hover{background-position:-942px -644px;}

/* popup add */
#popReg .successTx { position:absolute; display:none; top:80px; left:0; width:100%; background:#fff; text-align:center; padding:20px; font-size:1.5em; box-sizing:border-box; z-index:99;}

/* left slide */
.left .gnb .subMu .subMuList { padding:0 16px;}
.left .gnb .subMu .subMuList > li > a:hover { background:#eee; color:#333c48;}
.left .gnb .prodMobPrima .br { line-height:1.5;}

/* scroll */
.left .gnb::-webkit-scrollbar {width: 4px; background-color:#282c37;}
.left .gnb::-webkit-scrollbar-track { background-color: #282c37; }
.left .gnb::-webkit-scrollbar-thumb { background-color: #9198a1;}
.left .gnb::-webkit-scrollbar-thumb:hover {background-color: #8a9bb2;}

/* antimalware */
.a-icon.a-i-search{display:inline-block;width:44px;height:44px;background-position:-582px -518px;}
.a-icon.a-i-update{display:inline-block;width:44px;height:44px;background-position:-640px -517px;}
.a-icon.a-i-lock{display:inline-block;width:44px;height:44px;background-position:-697px -519px;}
.a-icon.a-i-refresh{display:inline-block;width:44px;height:44px;background-position:-754px -517px;}
.a-icon.a-i-power{display:inline-block;width:44px;height:44px;background-position:-812px -518px;}

.scanCountInfo{font-size:15px;color:#b3bbc5;padding:7px 10px 0;}

.remoteAreaInfo{width:100%;padding:0 30px 20px;font-size:16px;color:#2684dc;box-sizing:border-box;}
.remoteArea{width:100%;min-height:637px;padding:30px 0;border:1px solid #ddd;box-sizing:border-box;}
.remoteArea li{width:100%;display:table;min-height:100px;padding:15px 30px;box-sizing:border-box;}
.remoteArea li > div{display:table-cell;vertical-align:top;box-sizing:border-box;}
.remoteArea li > div.radioCheck{padding-top:10px;}
.remoteArea li > div.radioCheck p{width:22px;}
.remoteArea li > div.radioCheck p:not(#cssbrowser)>input[type="radio"] + label{padding-left:22px;}
.remoteArea li.on{background-color:#f9f9fa;}
.remoteArea li.off .a-icon.a-i-search{background-position:-582px -454px;}
.remoteArea li.off .a-icon.a-i-update{background-position:-640px -453px;}
.remoteArea li.off .a-icon.a-i-lock{background-position:-697px -455px;}
.remoteArea li.off .a-icon.a-i-refresh{background-position:-754px -453px;}
.remoteArea li.off .a-icon.a-i-power{background-position:-812px -454px;}
.remoteArea li.off .info .title, .remoteArea li.off .info .date{color:#b3bbc5;}
.remoteArea .iconBox{width:9%;}
.remoteArea .info{width:91%;padding-left:15px;}
.remoteArea .info .title{font-size:18px;color:#444;}
.remoteArea .info .text{font-size:15px;color:#5d6777;}
.remoteArea .info .date{font-size:15px;color:#7f8ea4;}

.remoteArea.select li{min-height:80px;}
.remoteArea.select .radioCheck{width:7%;}
.remoteArea.select .iconBox{width:9%;}
.remoteArea.select .info{width:84%;padding-left:15px;}

.btnArea.brdTop{border-top:1px solid #ececec;}
.btnAreaInfo{width:100%;padding:15px 30px 20px;font-size:15px;color:#b3bbc5;text-align:left;box-sizing:border-box;}

/* jquery-ui datepicker style */
.ui-datepicker{width:20.8em;box-sizing:border-box;z-index:6 !important;}
.ui-datepicker .ui-widget-header{font-family:'Noto_Regular';font-size:15px;color:#444;border:1px solid #ffffff;background:#fff;}
.ui-datepicker .ui-state-active, .ui-datepicker .ui-widget-content .ui-state-active, .ui-datepicker .ui-widget-header .ui-state-active{background:#2684dc;border-color:#2684dc;}
.ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight{background:#97c7f4;border:1px solid #97c7f4;}
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{background:#fff;border:0;}
.ui-widget-content .ui-state-default:hover{background-color:#ededed;}

.ui-datepicker th{font-family: 'Noto_Regular';font-weight:normal;font-size:15px;color:#444;}
.ui-datepicker td{font-family: 'Noto_Regular';font-size:15px;color:#454545;}
.ui-datepicker .ui-widget-header .ui-icon{background-image:url("../images/ui-icons_444444_256x240.png");}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover{background-color:#fff;border-color:#fff;}

/** tab plugin style **/
/* tab plugin style type1 */
.tabScroll{width:100%;height:57px;margin-bottom:0px;padding-left:5px;}
.tabScroll div.scroll_tab_inner{height:57px;}
.tabScroll div.scroll_tab_inner span{height:55px;line-height:55px;margin-left:-1px;padding:0;}
.tabScroll div.scroll_tab_inner span a{
    display:inline-block;position:relative;width:100%;height:55px;font-size:16px;color:#7f8ea4;text-align:center;
    border-top:1px solid #ddd;border-bottom:1px solid #1f4787;
    background-color:#f6f6f6;background-image:url('../images/bg_dot.gif'),url('../images/bg_dot.gif');
    background-repeat:repeat-y,repeat-y;background-position:0 0,top right;box-sizing:border-box;z-index:2;
    font-family:MS UI Gothic, Yu Gothic, Meiryo UI;font-weight:bold;
}
.tabScroll div.scroll_tab_inner span:hover a{background-color:#ededed;}
.tabScroll div.scroll_tab_inner span.act a,
.tabScroll div.scroll_tab_inner span.tab_selected a{
    color:#1f4787;border-color:#1f4787;border-bottom:0;
    background-color:#fff;background-image:url('../images/bg_dotOn.gif'),url('../images/bg_dotOn.gif');
    background-repeat:repeat-y,repeat-y;background-position:0 0,top right;z-index:3;
}
.tabScroll div.scroll_tab_inner span.scroll_tab_first{margin-right:-1px;margin-left:1px;}
.tabScroll.scroll_tabs_container div.scroll_tab_inner span{background:transparent;}
.tabScroll.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_left_finisher,
.tabScroll.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_right_finisher{width:0;}
.tabScroll .scroll_tab_left_button,
.tabScroll .scroll_tab_right_button{width:28px !important;height:55px;color:#1f4787;text-align:center;
    border:1px solid #ddd;background-color:#f6f6f6;box-sizing:border-box;z-index:4;}
.tabScroll .scroll_tab_left_button:before,
.tabScroll .scroll_tab_right_button:before{padding:0;line-height:55px;}
.tabScroll .scroll_arrow_disabled{color:#e1e1e1;border-color:#e8e8e8;background-color:#fafafa;z-index:1;}
.tabScroll .scroll_tab_left_button.scroll_arrow_disabled{border-right-color:#f1f1f1;}
.tabScroll .scroll_tab_right_button.scroll_arrow_disabled{border-left-color:#f1f1f1;}

.tabScroll div.scroll_tab_inner span{width:33.2%;}
.tabScroll.col2 div.scroll_tab_inner span{width:49.8%;}
.tabScroll.col4 div.scroll_tab_inner span{width:24.9%;}
.tabScroll.col5 div.scroll_tab_inner span{width:20%;}

/* tab plugin style type1 inactive */
.tabScroll.inactive{overflow:hidden;}
.tabScroll.inactive span{display:table;float:left;height:55px;margin-left:-1px;padding:0;}
.tabScroll.inactive span:first-child{margin:0;}
.tabScroll.inactive span a{display:table-cell;position:relative;width:100%;line-height:1.2;font-size:16px;color:#7f8ea4;text-align:center;vertical-align:middle;
    border:1px solid #ddd;border-bottom-color:#1f4787;background-color:#f6f6f6;z-index:1;}
.tabScroll.inactive span:hover a{background-color:#ededed;}
.tabScroll.inactive span.act a{color:#1f4787;border-color:#1f4787;border-bottom:0;background-color:#fff;z-index:2;}
.tabScroll.inactive.col2 span{width:50%;}

/* tab plugin style type2 */
.cateSetCont .evlogTab.subTabScroll,
.cateSetCont .evlogTab.subTabScroll a,
.evlogContNew .evlogTab.subTabScroll,
.evlogContNew .evlogTab.subTabScroll a{margin:0;}
.subTabScroll{display:inline-block;width:100%;height:20px;margin-bottom:30px !important;text-align:center;}
.subTabScroll div.scroll_tab_inner{height:20px;}
.subTabScroll div.scroll_tab_inner span{position:relative;height:20px;line-height:20px;background-color:transparent;}
.subTabScroll div.scroll_tab_inner span a{display:inline-block;height:20px;font-size:15px;text-align:center;}
.subTabScroll div.scroll_tab_inner span a:before{content:'';display:inline-block;position:absolute;top:50%;left:0;width:1px;height:12px;margin:-6px 0;background-color:#7f8ea4;}
/* .subTabScroll div.scroll_tab_inner span.tab_selected a{color:#2684dc;} 컬러 중복 */
.subTabScroll div.scroll_tab_inner span.scroll_tab_first a{margin:0;}
.subTabScroll div.scroll_tab_inner span:first-child a:before,
.subTabScroll div.scroll_tab_inner span.scroll_tab_first a:before{display:none;}
.subTabScroll.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_left_finisher,
.subTabScroll.scroll_tabs_container div.scroll_tab_inner span.scroll_tab_right_finisher{width:0;}
.subTabScroll .scroll_tab_left_button,
.subTabScroll .scroll_tab_right_button{height:20px;color:#2684dc;background-color:transparent;}
.subTabScroll .scroll_tab_left_button:before,
.subTabScroll .scroll_tab_right_button:before{padding:0;line-height:20px;font-size:10px;}
.subTabScroll .scroll_arrow_disabled{color:#e1e1e1;background-color:transparent;}

/* c3 chart style */
.c3-axis-x text, .c3-axis-y text{font-family: 'Noto_Regular';font-size:14px;fill:#5d6777;}
.c3-tooltip-container{padding:4px 6px;font-family: 'Noto_Regular';font-size:13px;color:#7f8ea4;border:1px solid #e1e1e1;border-radius:1px;background-color:#fff;box-sizing:border-box;}

/* Ver.desktop */
/* @media all and (max-width:1109px) {
	.downList li {max-width:48%; margin-left:2%;}
} */

/* iPad Pro landscape mode
@media all and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape) {
  .left { width:100%; left:-100%; box-shadow:none;}
  .left .logo { border-bottom:0; height:54px;}
  .left .btnClose { display:block; }
  .left .gnb li a + ul {opacity:1; height:auto; max-height:100%; transition-delay:1s; }
  .left .gnb li a + .beforeMu, .left .gnb li.on + .beforeMu { opacity:1; height:auto; }
  .left .gnb { height:calc(100% - 125px); padding:0 20px;}
  .left .gnb > li > a { height:auto; min-height:auto; padding-bottom:13px; border-bottom: 1px solid #393e4d; }
  .left .gnb > li > ul { margin:10px 0 0; }
  .left .gnb li > ul > li > a { padding:10px 0;}
  .left .btmMu { width:100%; height:60px; background:#2d313b; padding:0; }
  .left .btmMu > a { float:left; width:33.3%; padding:20px 0; text-align:center;}
  .left .btmMu > a.btnLogOut { display:inline-block; }
  .left .btmMu > a:before{ display:none; }
  .left.open { left:0; }
  .contentWrap {padding:150px 4%;}
  .footerWrap .ftLink { padding:15px 25px; }

  .web, .lnbNavi, .mapInfoTop, .mapInfoBox .mapInfoTop, .contentWrap .subTit, .UsName .logInOut, .UsName .signUp {display: none !important;}
  .mob, .mob_logo, .left .btnClose, .left .br, .mapBoxContainer .ahntiTit, .evlogWrap .evLogArea .evLogBox .tit .logDate, .pageSubTit {display: block;}
  .mob_logo a {display: block;max-width: 121px;}
  .mob_logo a img { display:inline-block; max-width: 100%;}
  .headerWrap {height: auto; border-bottom: 0; box-shadow: none;}
  .pageSubTit {padding: 13px 5px; border-top: 0;border-bottom: 1px solid #e6e6e6;}
  .mapArea {height: auto; padding: 122px 0 0 0;}
  .mapBox {position: relative; height: auto; padding: 0; }
  .theftMap {height: auto; padding-bottom: 30%;}
  .mapInfoBox {position: static; width: 100%; height: auto; padding: 0 0 50px 0;}
  .devInfoMuBox ul {text-align: left;}
  .devInfoMuBox ul li a {padding-left: 4%;margin: 0;}
}
*/

/* children safe */
.a-icon.icoNoti{display:inline-block;width:16px;height:16px;margin-top:-3px;vertical-align:middle;background-position:-44px 0;cursor:pointer;}
.a-icon.a-i-list{display:inline-block;width:11px;height:11px;background-position:-761px -314px;}
.a-icon.a-i-plus{display:inline-block;width:18px;height:18px;background-position:-530px -361px;}
.a-icon.a-i-blArrow{display:inline-block;width:9px;height:14px;background-position:-607px -362px;}
.a-iconPwmg.a-i-search{width:20px;height:20px;background-position:0 0;}
.a-iconPwmg.a-i-info{width:40px; height:40px;background-position:-31px 0;}
.a-i-calendar{
    display:inline-block;width:18px;height:16px;background-position:0 0;
    background: transparent url("../images/ico_calendar.png") no-repeat;
    background-image: -webkit-image-set(url("../images/ico_calendar.png") 1x, url("../images/ico_calendar@2x.png") 2x);
    background-image: -moz-image-set(url("../images/ico_calendar.png") 1x, url("../images/ico_calendar@2x.png") 2x);
    background-image: -o-image-set(url("../images/ico_calendar.png") 1x, url("../images/ico_calendar@2x.png") 2x);
    background-image: -ms-image-set(url("../images/ico_calendar.png") 1x, url("../images/ico_calendar@2x.png") 2x);
    background-size: 100% auto;
    text-indent:-9999px; line-height:0; overflow:hidden;
}
.a-iconPwmg{
    display:inline-block;vertical-align:middle;
    background:url('../images/pwmg_icon_set.png') no-repeat 0 0;
    background-image: -webkit-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -moz-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -o-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-image: -ms-image-set(url("../images/pwmg_icon_set.png") 1x, url("../images/pwmg_icon_set@2x.png") 2x);
    background-size: 120px 89px;
    text-indent:-9999px;
}

.btnAct, .btnInAct{display:inline-block;overflow:hidden;width:68px;height:32px;vertical-align:middle;border:1px solid #d5dce2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-indent:-9999px;}
.btnAct, .btnAct:hover{
    background:#2684dc url("../images/bl_ban_hover.png") no-repeat 50% 50%;
    background-image: -webkit-image-set(url("../images/bl_ban_hover.png") 1x, url("../images/bl_ban_hover@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_ban_hover.png") 1x, url("../images/bl_ban_hover@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_ban_hover.png") 1x, url("../images/bl_ban_hover@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_ban_hover.png") 1x, url("../images/bl_ban_hover@2x.png") 2x);
    background-size: 15px 15px;
}
.btnInAct{
    background:#fff url("../images/bl_ban_normal.png") no-repeat 50% 50%;
    background-image: -webkit-image-set(url("../images/bl_ban_normal.png") 1x, url("../images/bl_ban_normal@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_ban_normal.png") 1x, url("../images/bl_ban_normal@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_ban_normal.png") 1x, url("../images/bl_ban_normal@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_ban_normal.png") 1x, url("../images/bl_ban_normal@2x.png") 2x);
    background-size: 15px 15px;
}
.btnInAct:hover{
    border-color:#d5dce2;
    background:#f6f6f6 url("../images/bl_ban_normal.png") no-repeat 50% 50%;
    background-image: -webkit-image-set(url("../images/bl_ban_normal.png") 1x, url("../images/bl_ban_normal@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_ban_normal.png") 1x, url("../images/bl_ban_normal@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_ban_normal.png") 1x, url("../images/bl_ban_normal@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_ban_normal.png") 1x, url("../images/bl_ban_normal@2x.png") 2x);
    background-size: 15px 15px;
}
.btnblArrow{display:inline-block;overflow:hidden;width:68px;height:32px;vertical-align:middle;border:1px solid #d5dce2;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-indent:-9999px;}
.btnblArrow{
    background:#fff url("../images/bl_blArrow.png") no-repeat 50% 50%;
    background-image: -webkit-image-set(url("../images/bl_blArrow.png") 1x, url("../images/bl_blArrow@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_blArrow.png") 1x, url("../images/bl_blArrow@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_blArrow.png") 1x, url("../images/bl_blArrow@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_blArrow.png") 1x, url("../images/bl_blArrow@2x.png") 2x);
    background-size: 18px 15px;
}
.btnblArrow:hover{
    border-color:#d5dce2;
    background:#f6f6f6 url("../images/bl_blArrow.png") no-repeat 50% 50%;
    background-image: -webkit-image-set(url("../images/bl_blArrow.png") 1x, url("../images/bl_blArrow@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_blArrow.png") 1x, url("../images/bl_blArrow@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_blArrow.png") 1x, url("../images/bl_blArrow@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_blArrow.png") 1x, url("../images/bl_blArrow@2x.png") 2x);
    background-size: 18px 15px;
}
.btnblArrow.on{
    border-color:#2684dc;
    background:#2684dc url("../images/bl_blArrow_hover.png") no-repeat 50% 50%;
    background-image: -webkit-image-set(url("../images/bl_blArrow_hover.png") 1x, url("../images/bl_blArrow_hover@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_blArrow_hover.png") 1x, url("../images/bl_blArrow_hover@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_blArrow_hover.png") 1x, url("../images/bl_blArrow_hover@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_blArrow_hover.png") 1x, url("../images/bl_blArrow_hover@2x.png") 2x);
    background-size: 18px 15px;
}
.btnblArrow.disable{
    border-color:#e8e8e8;
    background:#e8e8e8 url("../images/bl_blArrow_hover.png") no-repeat 50% 50%;
    background-image: -webkit-image-set(url("../images/bl_blArrow_hover.png") 1x, url("../images/bl_blArrow_hover@2x.png") 2x);
    background-image: -moz-image-set(url("../images/bl_blArrow_hover.png") 1x, url("../images/bl_blArrow_hover@2x.png") 2x);
    background-image: -o-image-set(url("../images/bl_blArrow_hover.png") 1x, url("../images/bl_blArrow_hover@2x.png") 2x);
    background-image: -ms-image-set(url("../images/bl_blArrow_hover.png") 1x, url("../images/bl_blArrow_hover@2x.png") 2x);
    background-size: 18px 15px;
}

.liList{border-top:1px solid #7f8ea4;border-bottom:1px solid #ddd;}
.liList li{display:table;width:100%;min-height:61px;padding:14px 20px;border-top:1px solid #ddd;box-sizing:border-box;}
.liList li:first-child{border-top:0;}
.liList li.on{background-color:#f9f9fa;}
.liList .title{word-break:break-word;}
.liList .radioCheck{display:table-cell;width:5%;vertical-align:middle;}
.liList .radioCheck p{width:22px;}
.liList .radioCheck p:not(#cssbrowser)>input[type="radio"] + label{padding-left:22px;}
.liList .info{display:table-cell;width:95%;font-size:14px;color:#5d6777;vertical-align:middle;}

.liList .toggleBox > span{font-size:14px;}
.liList .selectArea{padding:0;background-color:#fbfbfb;}
.liList .selectArea .toggleBox{margin:0;padding:20px;border:0;border-radius:0;background:none;}
.liList .selectArea .toggleBox > span{margin-left:45px;cursor:default;}
.liList .selectArea .toggleBox.disabled > span{color:#5d6777;text-decoration:none;cursor:default;margin:0;}
.liList .selectArea.on{background-color:#fff;}
.liList .selectArea.on .toggleBox{border-bottom:1px solid #ddd;}

.btnTopArea{width:100%;text-align:right;}
.btnTopArea:after{content:' ';display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.btnTopArea .datepicker{float:right;}
.titleArea p, .titleArea a{font-size:16px;color:#1f4787;}
.titleArea p.stit{margin-top:5px;font-size:15px;color:#7f8ea4;}
.titleArea a:hover{text-decoration:underline;}
.titleArea .a-icon{margin:-1px 0 0 10px;vertical-align:middle;}
.flArea:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.flArea [class*='reportArea']{width:calc(50% - 25px);border-bottom:1px solid #ddd;}
.flArea .reportArea1{float:left;}
.flArea .reportArea2{float:right;}
.flArea .historyList.type2{overflow-y:auto;height:548px;}
.borderBox{width:100%;padding:25px 100px;text-align:center;border:1px solid #ddd;border-top-color:#7f8ea4;box-sizing:border-box;}
.borderBox:after{content:' ';display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.borderBox .title{float:left;width:50%;font-size:16px;color:#5d6777;box-sizing:border-box;}
.borderBox .title .count{margin-left:20px;font-weight:bold;}
.resultNone{position:relative;height:246px;text-align:center;border-top:1px solid #7f8ea4;border-bottom:1px solid #ddd;box-sizing:border-box;}
.resultNone .info{position:absolute;width:100%;top:50%;margin-top:-37px;}
.resultNone .text{font-size:16px;color:#b3bbc5;}
.resultNone.report{height:548px;border-bottom:0;}

/* accordion */
.accordion .title{position:relative;padding:21px;font-size:14px;color:#1f4787;line-height:1.2;border:solid #7f8ea4;border-width:1px 0;box-sizing:border-box;cursor:pointer;}
.accordion .ico{position:absolute;top:50%;right:18px;width:13px;height:8px;margin-top:-4px;background-position:-695px -315px;}
.accordion .ico.on{background-position:-727px -315px;}
.accordion .inner{overflow-y:auto;max-height:611px;margin-top:-1px;border-top:1px solid #7f8ea4;border-bottom:1px solid #ddd;box-sizing:border-box;background-color:#fff;}
.accordion .inner li{display:table;width:100%;padding:14px 20px;border-top:1px solid #ddd;box-sizing:border-box;}
.accordion .inner li:first-child{margin-top:-1px;}
.accordion .siteArea{display:table-cell;position:relative;width:90%;font-size:14px;color:#5d6777;vertical-align:middle;word-break:break-word;}
.accordion .siteArea .siteIcon{position:absolute;top:50%;left:0;margin-top:-8px;}
.accordion .siteArea .siteIcon img{display:inline-block;}
.accordion .siteArea .addrArea{display:inline-block;padding:0 10px 0 25px;}
.accordion .btnArea{display:table-cell;width:10%;vertical-align:middle;}

/* lockTime popup style Add */
.addTimeCont {margin-top:30px}
.addTimeCont .tit {font-size:14px;color:#7f8ea4;margin-bottom:10px}
.addTimeCont .selectWrap {margin-bottom:20px;margin-left:-3%}
.addTimeCont .selectWrap:after {content:'';display: block;clear:both}
.addTimeCont .selectWrap .selectDesign {width:47%;margin-left:3%;float:left}
.addTimeCont .selectDesign ul {border:1px solid #e1e1e1;overflow-y:auto;height:242px;top:30px;box-sizing:border-box;top:47px;border-radius:0 0 3px 3px}
.addTimeCont .selectDesign ul li {border:0}
.addTimeCont .selectDesign ul li:first-child:after {display:none}
.addTimeCont .checkWrap {margin-bottom:10px}
.addTimeCont .checkWrap:after {content:'';display:block;clear:both}
.addTimeCont .checkWrap p {float:left;margin:0 10px 10px 0;text-align:center;color:#b3bbc5;font-size:16px;position:relative}
.addTimeCont .checkWrap p input {position:absolute;left:0;width:100%;height:100%;outline:0;cursor:pointer;opacity:0}
.addTimeCont .checkWrap p label {min-width:48px;height:48px;line-height:48px;display:inline-block;vertical-align:top;border:1px solid #d5dce2;border-radius:4px;}
.addTimeCont .checkWrap p input:checked+label {color:#333c48;border-color:#2585dc}
/* allView table */
.allViewTable table {text-align:center}
.allViewTable table th {height:30px}
.allViewTable table td {height:24px}
.allViewTable table td.time {text-align:left}
.allViewTable table td div {margin:0 0 2px 2px;border-radius:2px;background:#eeeeee;height:24px;overflow:hidden;position:relative}
.allViewTable table td div.full {background:#2684dc}
.allViewTable table td div span {position:absolute;left:0;right:0;height:4px;background:#2684dc}
.allViewTable table td span.case01 {top:0;}
.allViewTable table td span.case02 {top:4px;}
.allViewTable table td span.case03 {top:8px;}
.allViewTable table td span.case04 {top:12px;}
.allViewTable table td span.case05 {top:16px;}
.allViewTable table td span.case06 {top:20px;}

@media all and (max-width:1180px) {
    .devInfoMuBox ul li a {margin:0 5px;}
}

@media all and (max-width:1052px) {
    .AcBox .acDate {min-height:34px;}
    .AcBox.btBox {min-height:initial; height:auto; }
    .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:100%; margin:0 0 0 0;}
    .pressBtnArea {float:none; position:inherit;}
    .searchWrap {float:none; position:relative; padding:0 180px 0 0;}
    .searchWrap .exceptTop {position:absolute; top:0; right:0;}
    .v3SecurityList > li .inBox {padding:30px 10% 128px; min-height:auto;}
    .listCont, .textCont {padding:0 10%;}

    /* =hgkadd= */
    /*.web1List > div {width:32.5%;}*/
}

@media all and (max-width:1080px) {
    /* =hgkadd= */
    .cateSetCont .evlogTab { display:none; }
    .cateSetCont .evlogTabM {display:block; margin:0 0 30px;height:40px;text-align:center;position:relative;background-color:#fff;}
    .cateSetCont .evlogTabM > div {position:absolute;width:100%;padding-top:40px; background:#fff; z-index:6;}
    .cateSetCont .evlogTabM a {display:none;height:40px;margin:0;font-size:15px;line-height:40px;border:solid #ddd;border-width:0 1px 1px 1px;box-sizing:border-box;}
    .cateSetCont .evlogTabM a.on{border:solid #ddd;border-width:0 0 1px 0;}
    .cateSetCont .evlogTabM.showAll a {display:block;}
    .cateSetCont .evlogTabM.showAll a.on{border: 1px solid #ddd;}
    .cateSetCont .evlogTabM a.on {display:block;color:#2684dc; position:absolute; top:0; left:0; right:0;
        background:url("../images/down_arrow.png") no-repeat 98% 50%;
        background-image: -webkit-image-set(url("../images/down_arrow.png") 1x, url("../images/down_arrow@2x.png") 2x);
        background-image: -moz-image-set(url("../images/down_arrow.png") 1x, url("../images/down_arrow@2x.png") 2x);
        background-image: -o-image-set(url("../images/down_arrow.png") 1x, url("../images/down_arrow@2x.png") 2x);
        background-image: -ms-image-set(url("../images/down_arrow.png") 1x, url("../images/down_arrow@2x.png") 2x);
    }
    .cateSetCont .cateSet {display:none;}
    .cateSetCont .cateSet1 {display:block;}
    .cateSetCont .evlogTab span {display:none;}

    /* =hgkadd= srcset */
    .srcsetmobile {display:inline-block;}
    .srcsetweb {display:none;}
    .deviceImg .srcsetmobile { width:auto; }
    .mob_log .srcsetmobile { width:121px; }

    .headerWrap {height:auto; border-bottom:0; box-shadow:none; }
    /* =hgkadd= */
    .headerWrap.onScroll {overflow:auto;}
    .lnbInfo {margin:14px 4% 0 0;}
    .UsName {margin-top:18px;}
    .left .btnLeftBtMu {bottom:100px;}
    .left .mGnb .btnLeftBtMuReg {bottom:200px;}
    .AcContBox {overflow:visible;}
    .prodAcBox , .AcBox {float:none; width:100%; max-width:100%; margin:0 auto 20px;}
    .prodAcBox.ml0 , .AcBox.ml0 {margin:0 auto 20px !important;}
    .prodAcTop {max-width:100%; margin:0 auto 30px;}
    .prodAcTop .txtAc .txtProd {display:block;}
    .prodAcTop .txtAcNew {font-weight:normal; color:#7f8ea4; padding:10px 0 0;}
    .prodAcTop .txtAcNew .acNoti { padding:0; margin-top:10px !important; }
    .prodAcBox .prodAcTit .prodAcTxt h3.type2{max-width:400px;}
    /* .AcBox {padding:0 10% 12%;} */
    .AcBox { height:auto; }
    .AcBox .acDate {min-height:initial; white-space:normal;}
    .AcBox .addDev {min-height:318px;}
    .AcBox .acStore { position:relative; bottom:auto !important; left:auto; right:auto;}

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

    .mob , .mob_logo , .left .br , .mapBoxContainer .ahntiTit , .evlogWrap .evLogArea .evLogBox .tit .logDate , .pageSubTit {display:block;}/* =hgkadd modify= */
    /* =hgkadd= */
    .contentWrap {padding:90px 4% 150px 240px; margin:0 0 -100px;}
    /* .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:122px 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;}
    .mapInfoBoxInner, .mapInfoInner {padding-bottom:0px;} /* =hgkadd= */

    .malwareArea {padding:40px 3% 5% 3%;}
    .mwContArea .evlogCont {padding:7% 3% 7% 1%;}
    .evlogWrap .date {width:100px;}/* =hgkadd modify= */
    .evlogWrap {padding-left:100px;}/* =hgkadd modify= */

    /* 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%; }
    /* =hgkadd= */
    .producHead dd .infoImg { margin:0 auto -80px; }
    .producHead dt .titText { border: 0; text-align: center; }

    /* 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, .agreementBox > div > div {margin-top:7%;}
    .agreementBox .agreement, .agreementBox > div {padding:0 5%;}
    .agreeBtBox h4 {padding-top:5%;}
    .agreement > h3 , .agreementBox > div > h3, .errorBox h3 {font-size:20px;}
    .signUpAlarm .emailTx {font-size:16px;}
    .agreement > p , .agreementBox > div > p, .errorBox p , .popDevInfo .deviceTxt h4 {font-size:15px;}
    .agreement h4, .agreementBox > div h4 , .popSubTx, .popSubTx li , .actCodeSucc {margin-top:5%; font-size:14px;}
    .popSubTx2{font-size:14px;}
    .popSubTx.fcGray2{margin-top:0;}
    .agree p, .agree ul li , .agreementBox > div > div p, .agreementBox > div > div 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:15px; }
    .syncList ul li {padding:0 15px;}
    .syncDesc {margin-bottom:10%;}

    .mob_logo {position:absolute; top:23px; left:4%; float:none; margin:0;}
    .mob_logo a {display:block; max-width:121px;}
    .mob_logo a img { max-width:100%; }
    /* .mob_logo a img {max-width:100%;} =hgkadd= */
    .lnbInfo li .btnLogIn {padding:6px 10px;}

    .exceptTop .btnDel {padding:7px 12px;}
    /* .footerWrap .ftLink {padding:15px 25px;} */

    /* =hgkadd= */
    .mwContArea .evlogContNew, .tabConArea {padding:40px 0 0;}
    .evlogWrap .date em {font-size:11px;}

    /* =hgkadd= */
    .pageWrap {padding-top:10px;}
    .pageWrap .btnAllView {display:inline-block; position:relative; margin:0 0 10px;}

    /* icon left align 2018-02-20 */
    .devInfoMuBox ul {text-align:left;}
    .devInfoMuBox ul li a {padding-left:4%; margin:0; border-bottom:1px solid #d5dce2;}
    .devMnu01 .ico , .devMuBt.devMnu01 a:hover .ico { width:30px; background-position:-7px -369px;}
    .devMnu02 .ico , .devMuBt.devMnu02 a:hover .ico { width:30px; background-position:-56px -369px;}
    .devMnu03 .ico , .devMuBt.devMnu03 a:hover .ico { width:30px; background-position:-106px -369px;}
    .devMnu04 .ico , .devMuBt.devMnu04 a:hover .ico { width:30px; background-position:-152px -369px;}
    .devMnu05 .ico , .devMuBt.devMnu05 a:hover .ico { width:30px; background-position:-200px -368px;}
    .devMnu06 .ico , .devMuBt.devMnu06 a:hover .ico { width:32px; background-position:-576px -399px;}
    .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:-56px -403px;}
    .devInfoMuBox .devMnu03:hover .ico , .devInfoMuBox .devMnu03.on .ico , .devMuBt.devMnu03.on .ico {background-position:-106px -403px;}
    .devInfoMuBox .devMnu04:hover .ico , .devInfoMuBox .devMnu04.on .ico , .devMuBt.devMnu04.on .ico {background-position:-152px -403px;}/* =hgkadd= */
    .devInfoMuBox .devMnu05:hover .ico , .devInfoMuBox .devMnu05.on .ico , .devMuBt.devMnu05.on .ico {background-position:-200px -402px;}/* =hgkadd= */
    .devInfoMuBox .devMnu06:hover .ico , .devInfoMuBox .devMnu06.on .ico , .devMuBt.devMnu06.on .ico {background-position:-530px -315px;}
    .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:-56px -435px;}
    .devInfoMuBox .devMnu03.disable:hover .ico , .devInfoMuBox .devMnu03.disable .ico , .devMuBt.devMnu03.disable .ico {background-position:-106px -435px;}
    .devInfoMuBox .devMnu04.disable:hover .ico , .devInfoMuBox .devMnu04.disable .ico , .devMuBt.devMnu04.disable .ico {background-position:-152px -436px;}
    .devInfoMuBox .devMnu05.disable:hover .ico , .devInfoMuBox .devMnu05.disable .ico , .devMuBt.devMnu05.disable .ico {background-position:-200px -435px;}
    .devInfoMuBox .devMnu06.disable:hover .ico , .devInfoMuBox .devMnu06.disable .ico , .devMuBt.devMnu06.disable .ico {background-position:-576px -315px;}
    .devMnu01 .ico, .devMnu02 .ico, .devMnu03 .ico, .devMnu04 .ico, .devMnu05 .ico, .devMnu06 .ico { margin: 0 16px 0 0; }

    /* tooltip */
    .contentWrap .tooltipWrap {position:static; }
    .contentWrap .tooltipWrap .tooltipNoti + .tooltip { opacity:1; top:86px; left:50%; transform:translatex(-50%);  padding:5px 20px; box-shadow:none;border:1px solid #d1d5d8; }
    .contentWrap .tooltipWrap .tooltipNoti.on + .tooltip {opacity:1;}
    .contentWrap .AcBox .tooltipWrap > .tooltipNoti + .tooltip { top:123px; width:80%; }
    /*protList tooltip*/
    .contentWrap .tooltipWrap .tooltipNoti.edit + .tooltip {opacity:0}

    .prima .subTit, .prima .subTit.primaTit, .prima .subTit.securityTit { display:block !important; }

    .AcContBox.type2 .AcBox { height:auto; min-height:auto; }
    .AcContBox.type2 .AcBox .acPrima, .AcContBox.type2 .AcBox .acTxt { min-height:auto;}
    .AcContBox.type2 .AcBox .acCodeArea {margin:26px auto; word-break:break-all;}
    .AcContBox.type2 .AcBox.AcContBox.type2 .AcBox{margin-bottom:26px;}
    .AcContBox.type2 .AcBox .acPrima .comSplit, .acNoti { margin-top:20px; color:#7b8594 !important;}
    /* .AcContBox.type2 .AcBox .acDate { color:#6d8ba6; } */
    .AcBox.disable .acDate { color:#cdd1d4 !important; }

    /* new left menu */
    .left { width:100%; left:-100%; box-shadow:none;}
    .left .logo { border-bottom:0; height:54px;}
    .left .btnClose { display:block; }
    .left .gnb li a + ul {opacity:1; height:auto; max-height:100%; transition-delay:1s; }
    .left .gnb li a + .beforeMu, .left .gnb li.on + .beforeMu { opacity:1; height:auto; }
    .left .gnb { margin: 54px 0 60px; padding:0 20px;}
    .left .gnb > li > a { height:auto; min-height:auto; padding-bottom:13px; border-bottom: 1px solid #393e4d; }
    .left .gnb > li > ul { margin:10px 0 0; }
    .left .gnb li > ul > li > a { padding:10px 0;}
    .left .btmMu { width:100%; height:60px; background:#2d313b; padding:0; }
    .left .btmMu > a { float:left; width:33.3%; padding:20px 0; text-align:center;}
    .left .btmMu > a.btnLogOut { display:inline-block; }
    .left .btmMu > a:before{ display:none; }
    .left.open { left:0; }
    .contentWrap {padding:90px 4% 150px;}
    .footerWrap .ftLink { padding:15px 25px; }

    /* children safe */
    .liList .selectArea .toggleBox > span{margin-left:0 !important;}
}

/*landscape mode*/
@media all and (max-width:968px ) and (max-height:500px ) and (orientation:landscape) {
    html,body {min-height:400px;}
    .syncList ul li .radioCheck label {padding-right:10px !important; }
    .syncList ul li .radioCheck.chkRight p:not(#cssbrowser)>input[type="checkbox"] + label {color:#5d6777;}
}

@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;}

    .tab > li {position:relative; vertical-align:middle;}
    .tab > li a, .evlogContNew .evlogTab a{font-size:14px; vertical-align:middle;}

    .tab.type3{padding:1px 0 0 1px;}
    .tab.type3 > li{width:50%;margin:-1px 0 0 -1px;}
    .tab.type3 > li a{border-color:#ddd;}
    .tab.type3 > li.act a{border:1px solid #1f4787;}

    .prodAcBox {font-size:11px;}
    .prodAcTop .txtAc {padding:0; /* margin:0 0 30px 0; =hgkadd= */ text-align:center;}
    .prodAcTop .txtAc .txtProd {display:block;}
    .prodAcTop .btnPosR {padding-top:30px; position:static; top:auto; right:auto; margin:0 auto;}  /* =hgkadd= */
    .prodAcBox .prodAcTit .prodAcTxt h3{font-size:1.4rem}
    .prodAcBox .prodAcTit .prodAcTxt h3.type2{max-width:240px;}
    .prodAcBox .prodMnuList li a{font-size:12px;}

    /* 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;}
    .popLy.bigSize2.top { margin-top: 10px; margin-bottom: 10px; }
    .popDesBox dt { display:block; width:100%; }
    .popDesBox dd { display:block; width:100%; margin-top:15px; }
    .popCont .popList li{font-size:14px;}
    .checkList li { float:none; width:100%; }
    .checkList li .radioCheck { padding:10px; }

    .popScroll .evLogBox {max-height:300px;}
    .popScroll .antitheftPopContent {max-height:300px;}

    /* product V3 Security 2016-12-31 BJ */
    .v3SecurityList > li { display:block; width:100%; height:auto; margin-top:20px; }
    .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-image: -webkit-image-set(url("../images/producview_icons_set.png") 1x, url("../images/producview_icons_set@2x.png") 2x);
        background-image: -moz-image-set(url("../images/producview_icons_set.png") 1x, url("../images/producview_icons_set@2x.png") 2x);
        background-image: -o-image-set(url("../images/producview_icons_set.png") 1x, url("../images/producview_icons_set@2x.png") 2x);
        background-image: -ms-image-set(url("../images/producview_icons_set.png") 1x, url("../images/producview_icons_set@2x.png") 2x);
        background-size: 252px 42px;
        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%;}

    .agreeChk .radioCheck{display:block;}
    .signUpWrap .radioCheck .btnAllLnk {display:block;text-align:center;margin:7px 0 0 30px;padding:5px 8px;}
    .signUpWrap .radioCheck .pdR70 {padding:0 !important;}
    .listCont, .textCont {position:static;}

    .cateSetCont, .historyCont, .exceptCont {padding:6% 3% 0;}

    .toggleBox.type2, .btnBox.type2{padding:14px 10px}
    .toggleBox > span, .toggleBox > p, .btnBox > span {display:block; margin:0 74px 0 10px;}
    .btnToggle, table .btnToggle, .toggleBox.type2 .btnToggle{right:10px;}
    .btnBox.type2 > span {margin:0 74px 0 0}
    .btnBox.type2 .btnArea {width:100%;margin-top:8px;}
    .btnBox.type2 .btnArea button{width:100%}

    .exceptSite.type2 table th{padding:6px 10px;}
    .exceptSite.type2 table td{padding:14px 5px 14px 10px}
    .exceptSite.type2 table td + td{padding:14px 10px 14px 5px}

    .exceptSite.type2 table tr td.selectType{padding:14px 10px}
    .exceptSite.type2 table tr td.selectType .txtBox{float:none;margin-bottom:10px}
    .exceptSite.type2 table tr td.selectType .selectBox{float:none}
    .exceptSite.type2 table tr td.selectType .selectBox select{width:100%}

    .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;}

    .historyList li{padding:19px 10px;}
    .historyList li .iconArea{margin-left:0;}
    .historyList li .siteArea{padding-left:25px;}
    .historyList li .historyDate .btnblArrow{float:right;}

    .historyList.addIcon.bdmNone .historyDate{padding-left:26px;}
    .historyList.addIcon.bdmNone .historyDate .date{position:static; padding:0;}

    .historyList.type2 li{box-sizing:border-box;}
    .historyList.type2 .siteArea{padding:0;}
    .historyList.type2 .historyDate{position:static;padding-left:26px; margin:0}
    .historyList.type2 .historyDate .date{position:static;}

    .historyList.addIcon li .historyDate {margin:-34px 0 0 0;}
    .historyList.addIcon li .historyDate .date {position:static; display:block; padding:8px 80px 8px 25px; word-break:keep-all;}
    .historyList.addIcon li .historyDate .btnblArrow {position:absolute; right:0; top:50%; margin-top:-17px;}
    .historyList.addIcon li .siteArea{padding:0 0 34px 25px;}

    .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:15px 5%;}
    .IDBox{display:block}
    .IDBox .btnArea.type3{margin:10px 0;width:100%}
    .IDBox .btnArea.type3 a{display:block;padding: 4% 10%;font-size: 14px;}
    .footerWrap .ftLink .langChoice.web {display:none;}
    .footerWrap .ftLink .langChoice.mob {display:block; margin:10px 0; background:none;}
    .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;}

    .searchArea {margin:3% 0; padding-bottom:39px;}
    .searchInputArea {position:absolute; top:39px; left:0;}
    .searchWrap {float: none; position: relative; padding: 0 0 0 0;}
    .searchWrap .exceptTop {float:left; position:static;}

    .remote1 .scanTx1, .remote2 .scanTx1 {font-size:20px;}
    .remoteCont .scanCount li .num {margin:20px 0 15px;font-size:30px;}
    .scanCount li .tx {font-size:16px;}
    .remoteCont .lastChk li { float:none; width:100%; border:0; border-bottom:1px solid #ddd !important; font-size:13px;} /* list 1column 2018-02-20 */
    .remoteCont .lastChk li:last-child { border-bottom:0 !important; }
    .remoteCont .lastChk strong {font-size:16px;}
    .remoteCont .lastUpdate p, .remoteCont .lastTest p { min-height:0; } /* 2018-03-08 */
    .contentWrap { min-height:auto; }

    /* sync */
    .syncList ul li .radioCheck label {width:100%; padding-right:25px !important;}
    .syncList ul li .syncPassWrap {float:none; display:block;  width:100%;  text-align:left; margin:0; padding-bottom:10px; }
    .syncList ul li .syncPassWrap .syncPass {border-radius:2px; float:none; }
    .syncList ul li .syncTxt {float:left; max-width:100%; padding-top:0;}
    .syncList ul li .syncWarning {float:none; width:100%; }
    .syncList ul li .expired { padding-top:10px; }
    .syncList ul li .radioCheck.chkRight p:not(#cssbrowser)>input[type="checkbox"] + label {color:#5d6777;}
    .syncList ul li .radioCheck.chkRight p.noCheck:not(#cssbrowser)>input[type="checkbox"]:checked + label, .radioCheck.chkRight p.noCheck:not(#cssbrowser)>input[type="checkbox"] + label {width:100%;}

    .prima .primaList > li .inBox { min-height:auto !important; }
    .contentWrap .tooltipWrap .tooltipNoti + .tooltip {top:84px; width:95%; }
    .downList > li { float:none; width:100%; max-width:100%; margin-right:0; }
    .v3SecurityList {border-spacing:0; width:100%; margin:0; }
    .prima .subTit_desc {padding-bottom:6px; }
    .loginWrap .loginEtc li a { font-size:12px !important; }

    /* antimalware */
    .remoteAreaInfo{padding:0 15px 20px;font-size:15px;}
    .remoteArea li{padding:15px;}
    .remoteArea .info .title{font-size:16px;}
    .remoteArea .info .text, .remoteArea .info .date{font-size:14px;}
    .remoteArea.select .iconBox{padding-left:15px;}
    .btnAreaInfo{padding:15px 15px 20px;font-size:14px;}

    /* placeholder */
    *::-webkit-input-placeholder{font-size:13px;}
    *:-ms-input-placeholder{font-size:13px;}

    /* search box */
    .comInpt.type2{padding:0;}

    /* result none */
    .resultNone, .resultNone.report{height:150px;}
    .resultNone .text{font-size:14px;}

    /* week report */
    .flArea [class*='reportArea']{width:100%;}
    .flArea .historyList.type2{height:auto;min-height:78px;max-height:548px;}
    .reportArea1{float:none;}
    .reportArea2{float:none;margin-top:60px;}

    .btnTopArea .datepicker{float:none;}
    .borderBox{padding:25px 20px;}
    .borderBox .title{float:none;width:100%;text-align:left;}

    /* tab plugin style */
    .tabScroll.inactive span a,
    .tabScroll div.scroll_tab_inner span a,
    .subTabScroll div.scroll_tab_inner span a{font-size:14px;}
    .subTabScroll div.scroll_tab_inner span a:before{margin-top:-4px;}
    .tabScroll.col4 div.scroll_tab_inner span,
    .tabScroll.col5 div.scroll_tab_inner span{width:auto;}
    .tabScroll.col4 div.scroll_tab_inner span a,
    .tabScroll.col5 div.scroll_tab_inner span a{padding:0 30px;}
}

@media all and (max-width:460px) {
    .popLy {max-width:100%; /*left:0; margin-left:0 !important;*/}

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

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

    /* =hgkadd= */
    .bookmarkTop .modiBtn {float:none; margin-top:10px;}
    .bookmarkCont {padding-top:20px;}
    .bookmarkCont.type2 .bookmarkTop .modiBtn {margin-top:0;}
    .exceptTop .btnDel{float:left;}
    .btnTopArea{text-align:left;}

    /* tooltip */
    .contentWrap .tooltipWrap > .tooltipNoti + .tooltip { top:81px; width:100%;}
    .contentWrap .AcBox .tooltipWrap > .tooltipNoti + .tooltip {top:138px; max-width:284px; }

    .loginWrap .loginEtc li .pwReset .ico, .loginWrap .loginEtc li .signUp .ico, .loginWrap .loginEtc li .findId .ico { margin-right:3px; }

    /* tab plugin style */
    .tabScroll div.scroll_tab_inner span{width:auto;}
    .tabScroll div.scroll_tab_inner span.scroll_tab_last{padding-right:1px;}
    .tabScroll div.scroll_tab_inner span a{padding:0 30px;}

    /*btn*/
    .btnArea a{padding:4% 10%}
}

@media all and (max-height:568px) and (max-width:330px){
    .popLy.bigSize , .popLy.bigSize2 { max-height: 450px; overflow-y: auto;}
    .popCont {max-height:none;}
}

@media all and (max-height:450px) {
    .popLy.bigSize , .popLy.bigSize2 { max-height: none; height : 100%; overflow-y: auto;}
    .popCont {max-height:250px;}
    .popLy { max-width:490px; overflow-y:auto; } /* popup Yscroll 2018-02-20 */
}

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

@media all and (max-width:320px) {
    /* tab plugin style */
    /* .tabScroll div.scroll_tab_inner{margin-left:-1px !important;}
    .tabScroll div.scroll_tab_inner span{padding-right:1px;} */
}

@media all and (max-height:730px) {
    .popLy.bigSize, .popLy.bigSize2 { max-height: 100%; height: auto; overflow-y: auto;}
}
/* only safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {	_::-webkit-full-page-media, _:future, :root , .left .gnb { -webkit-text-stroke-width: .3px; }	}