@charset "utf-8";
@import "/static/css/common.css";

body { background:#fff; font-size:12px; color:#333; }
.en { font-family:Verdana, Arial, AppleGothic, Sans-serif; }
.ko { font-family:돋움, Dotum, Helvetica, AppleGothic, Sans-serif; }
.inputCheck { width:14px; height:14px; vertical-align:middle; margin-right:3px; }
.inputText { height:16px; padding:2px; vertical-align:middle; color:#7f7f7f; border:1px solid #d2d2d2; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }

#body { margin-bottom:70px; }

#mainVisual { height:441px; background:#2753aa url('../images/bg_main.jpg') no-repeat center 0; }
.contentWrapper { width:934px; margin:0 auto; }


#mainVisual .contentWrapper { padding-top:43px; }
#mainVisual .contentWrapper:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
#mainVisual .keyImg { position:relative; float:left; width:668px; height:359px; padding-left:6px; }
#mainVisual .keyImg li{ display:none; }
#mainVisual .keyImg li.selected { display:block; }
#mainVisual .keyImg .nav { position:absolute; top:225px; left:23px;  z-index:10;}
#mainVisual .keyImg .nav a { float:left; width:76px; height:93px; background-position:0 0; font-size:0; text-indent:-10000px; }
#mainVisual .keyImg .nav a.selected { background-position:0 -186px; }
#mainVisual .keyImg .nav a.selected:hover { background-position:0 -186px; }
#mainVisual .keyImg .nav a:hover { display:inline-block; width:76px; height:93px; background-position:0 -93px;}
#mainVisual .keyImg .nav a.online { background-image:url(../images/btn_online.gif); }
#mainVisual .keyImg .nav a.android { background-image:url(../images/btn_android.gif); }
#mainVisual .keyImg .nav a.wMobile { background-image:url(../images/btn_wMobile.gif); }
#mainVisual .keyImg .nav a.iPhone { background-image:url(../images/btn_iphone.gif); }
#mainVisual a, #mainVisual area, { behavior:expression(this.hideFocus=true); }
#mainVisual a:active,#mainVisual a:focus,#mainVisual area:active,#mainVisual area:focus { outline:none; }


#mainVisual .keyImg .slide a { display:block; width:665px; height:359px; font-size:0; }

#mainVisual .viewer { height:170px; margin-top:28px; }
#mainVisual .viewer,
#mainVisual .editor { float:right; position:relative; width:210px; padding:0 24px 0 0; }
#mainVisual p { height:63px; }

#mainVisual .viewer a { float:left; width:103px; height:80px; margin-right:2px; }
#mainVisual .viewer a.btnView { background:url('../images/btn_view.gif') no-repeat; }
#mainVisual .viewer a.btnPdf { background:url('../images/btn_pdf.gif') no-repeat; }
#mainVisual .viewer a.btnHwp { display:none; }

#mainVisual .editor a { float:left; width:68px; height:80px; margin-right:2px; }
#mainVisual .more { position:absolute; top:-7px; left:222px; width:51px !important; height:19px !important; text-indent:-10000px; }

/* kor */
.ko #mainVisual .viewer a { width:68px; height:80px; }
.ko #mainVisual .viewer a.btnHwp { display:inline-block; }

#landingpage .contentWrapper { *height:1%; }
#landingpage .contentWrapper:after { content:" "; display:block; clear:both; height:0; visibility:hidden; }
#landingpage .content { float:left; width:664px; } 
#landingpage .sideBar { float:right; width:256px; padding:26px 1px 0 0; }

/* Footer */
* html #footer .footerMenu { position:relative; left:0; top:1px; }
* html #footer .copyright { position:relative; top:-20px; }

/* Sign In */
#landingpage .signIn { background:url('../images/bg_signIn.gif') repeat-y; }
#landingpage .signIn h3 { height:26px; padding-top:5px; font-size:1.2em; color:#fff; text-align:center; background:#000 url('../images/bg_signInT.gif') no-repeat; line-height:26px; }
#landingpage .signIn form,
#landingpage .signIn .personInfo { padding:16px 19px 21px; margin:0; background:url('../images/bg_signInB.gif') no-repeat 0 bottom; }
#landingpage .signIn div { margin-bottom:3px; }
#landingpage .signIn p { margin-bottom:14px; }
#landingpage .signIn .inputId { margin-top:6px; }
#landingpage .signIn .inputPw { margin-bottom:6px; }
#landingpage .signIn .inputId label,
#landingpage .signIn .inputPw label { display:inline-block; width:70px; }

/*
* html #landingpage .signIn div { margin-bottom:1px; }
*+html #landingpage .signIn div { margin-bottom:1px; }
*/
#landingpage .signIn .inputText { width:142px; }
#landingpage .signIn .inputSave { padding-bottom:8px; border-bottom:1px solid #cfd2d9; margin-bottom:0; }
#landingpage .signIn .inputSave label { white-space:nowrap; margin-right:7px; }

#landingpage .signIn a { color:#1873be; text-decoration:underline; }
#landingpage .signIn a:hover { color:#1873be; text-decoration:none; }
#landingpage .signIn .btnSignIn { width:218px; height:25px; font-weight:bold; color:#000; text-align:center; background:url('../images/btn_normal.gif') no-repeat; border:none; vertical-align:top; margin-bottom:6px; }
* html #landingpage .signIn .btnSignIn { margin-top:1px; }
*+html #landingpage .signIn .btnSignIn { margin-top:1px; }
#landingpage .signIn .signInGoogle { background:url('../images/icon_google.gif') no-repeat 0 13px; padding:11px 0 0 22px; margin:0 0 2px; border-top:1px solid #fff; }
#landingpage .signIn .signUpTF { background:url('../images/icon_tf.gif') no-repeat 0 center; padding-left:22px; }
#landingpage .signIn .btnSignUp { display:block; width:218px; height:50px; margin:6px auto 0; line-height:50px; text-align:center; background:url(../images/btn_signUp.gif) no-repeat; }
#landingpage .signIn a.btnSignUp { font-family:verdana, arial, 돋움, 굴림; font-size:18px; font-weight:bold; color:#233501; text-decoration:none; }
#landingpage .signIn .error { background:#de0000; color:#fff; border:1px solid #921010; padding:4px 8px; margin:-15px -14px 6px; text-align:center; display:none; }

#landingpage .signIn .personInfo div { margin-bottom:0; }
#landingpage .signIn .personInfo .contents { position:relative; padding-left:79px; line-height:128%; }
#landingpage .signIn .personInfo .contents a { vertical-align:middle; }
#landingpage .signIn .personInfo .contents img { position:absolute; top:0; left:0; border:1px solid #1873be; }
* html #landingpage .signIn .personInfo .contents img { margin-left:-83px; }
#landingpage .signIn .personInfo hr { clear:both; display:block; height:2px; font-size:0; line-height:0; padding:0; border:none; }

#landingpage .signIn .personInfo a { font-weight:bold; }
#landingpage .signIn .personInfo .signOut { display:inline-block; width:12px; height:11px; background:url(../images/btn_signOut.gif) no-repeat; text-indent:-10000px; vertical-align:top; margin:0px 0 -2px 0px; font-size:0;}
#landingpage .signIn .personInfo .storageT { margin-top:5px; }
#landingpage .signIn .personInfo .storageT strong { color:#218f04; }
#landingpage .signIn .personInfo .storageT .storageInfo{ margin-top:3px; text-align:right; }

#landingpage .signIn .personInfo .btnQlink { text-align:center; font-size:0; padding-top:15px; }
#landingpage .signIn .personInfo .btnQlink a { display:block; height:25px; font-size:12px; color:#000; line-height:25px; margin-bottom:3px; background:url('../images/btn_normal.gif') no-repeat; text-decoration:none; }






#landingpage .contentWrapper .content { padding-top:25px; }

#landingpage .contentWrapper .product { padding:30px 0 40px; }
#landingpage .contentWrapper .product .info { *zoom:1; background:url(../images/bg_productT.gif) no-repeat center 0; }
#landingpage .contentWrapper .product .info:after {content:" "; display:block; clear:both;}
#landingpage .contentWrapper .product .img { *zoom:1; padding-top:10px; text-align:center; background:url(../images/bg_productB.gif) no-repeat center 100%; }
#landingpage .contentWrapper .product .img:after {content:" "; display:block; clear:both;}


#landingpage .contentWrapper .product .product1 { float:left; width:190px; padding:0 7px 0 5px; }
#landingpage .contentWrapper .product .product2 { float:left; width:190px; padding:0 34px; }
#landingpage .contentWrapper .product .product3 { float:left; width:190px; padding:0 5px 0 7px; }
#landingpage .contentWrapper .product h3 { height:38px; background-repeat:no-repeat; background-position:0 0; font-size:0; text-indent:-10000px; }
#landingpage .contentWrapper .product h3 a { display:block; width:100%; height:38px; }
#landingpage .contentWrapper .product .product1 h3 { background-image:url('../images/tl_androidEdition.gif'); }
#landingpage .contentWrapper .product .product2 h3 { background-image:url('../images/tl_enterprise.gif'); }
#landingpage .contentWrapper .product .product3 h3 { background-image:url('../images/tl_conversionServer.gif'); }
#landingpage .contentWrapper .product p { line-height:140%; background-repeat:no-repeat; background-position: center bottom; }

#landingpage .contentWrapper .banner { padding:0 0 0 5px; }
#landingpage .contentWrapper .banner a { display:inline-block; margin:0 1px 12px 0; }

/* storage bar */
.storageG { width:139px; height:9px; margin-top:9px; padding:1px; background:url('../images/bg_storage.gif') no-repeat; font-size:0; }
.storageG div { display:inline-block; height:9px; line-height:0; background:url('../images/bg_storageUsed.gif') no-repeat; font-size:0; }
.storageG div div { display:inline-block; width:100%; height:9px; line-height:0; background:url('../images/bg_storageUsedR.gif') no-repeat right 0; text-indent:-10000px; font-size:0; }

#landingpage .movie { margin:12px auto 15px; width:250px; height:185px; border:1px solid #d6d6d6; font-size:0; }

/* news */
.news h3 { position:relative; height:36px; line-height:36px; font-size:1.1em; color:#5d656b; padding-left:15px; background:url('../images/bg_news.gif') no-repeat 0 0; }
.news h3 .more { position:absolute; top:12px; right:14px; width:36px; height:11px; background:url('../images/btn_moreBlue.gif') no-repeat 0 0; text-indent:-10000px; font-size:0; }
.news ul { margin-top:10px;}
.news ul li { line-height:120%; margin-bottom:16px; padding-left:24px; background:url('../images/icon_news.gif') no-repeat 9px 1px; }
.news ul li.new { background:url('../images/icon_newsNew.gif') no-repeat 9px 1px; }


/* twitter */
.topBanner,
.topBannerOn { position:relative; }
.twitter { position:absolute; top:-37px; right:-2px; font-size:0; text-indent:-100000px; }
/*
.topBanner .twitter { width:106px; height:71px; background:url('../images/img_twitter.gif') no-repeat;  }
.topBannerOn .twitter { width:106px; height:142px; background:url('../images/img_twitterB.gif') no-repeat; }
*/
/* common - footer */
* html body.main .footerMenu { position:relative; left:213px; /*top:-37px; */}

/* unipaper */

.unipaper { background:#fff url('/static/images/common/en/converting.gif') no-repeat 50% 50%; width:380px; height:320px;  }
.ko .unipaper { background:#fff url('/static/images/common/ko/converting.gif') no-repeat 50% 50%; width:380px; height:320px;  }
.fileAreaBox{ float:left; }
#loading { float:left; background:transparent url(../images/ajaxloading.gif) no-repeat 50% 50%; width:25px; height:30px; }