@charset "UTF-8";

#container { position: relative; }

/* LEFT CONTENTS */
#container #blockLeft { width: 355px; float: left; padding-right: 10px; }

#container #blockLeft h1 { overflow: hidden; padding-bottom: 10px; }

#container #blockLeft .login { overflow: hidden; padding-bottom: 10px; background: url("../../img/main/loginBg.png") no-repeat 0 0; height: 143px; }
#container #blockLeft .login .loginLeft { width: 50%; float: left; padding: 20px 0; }
#container #blockLeft .login .loginLeft .loginBtn { display: block; width: 142px; background-color: #da0137; border-radius: 4px; color: #fff; font-size: 1.2em; font-weight: bold; text-align: center; height: 34px; line-height: 34px; margin: 0 auto; }
#container #blockLeft .login .loginLeft ul { overflow: hidden; padding: 20px 10px 10px 18px; }
#container #blockLeft .login .loginLeft li { font-size: 0.9em; font-weight: bold; width: 50%; float: left; padding-bottom: 10px; }
#container #blockLeft .login .loginLeft li a { letter-spacing: -1px; background: url("../../img/bullet02.png") no-repeat 0 6px; padding-left: 8px; }
#container #blockLeft .login .loginLeft .memCheck { text-align: center; clear: both; font-size: .9em; font-weight: bold; word-spacing: -2px; }

#container #blockLeft .login .loginLeft2 { width: 50%; float: left; padding: 30px 0; text-align: center; }
#container #blockLeft .login .loginLeft2 p { font-size: 1.1em; padding-bottom: 25px; line-height: 1.6; }
#container #blockLeft .login .loginLeft2 ul { padding-left: 22px; }
#container #blockLeft .login .loginLeft2 li { text-align: left; font-size: 0.9em; font-weight: bold; width: 50%; float: left; padding-bottom: 10px; }
#container #blockLeft .login .loginLeft2 li a { letter-spacing: -1px; background: url("../../img/bullet02.png") no-repeat 0 6px; padding-left: 8px; }
#container #blockLeft .login .loginLeft2 li.w100 { width: 100%; clear: both; }
/*#container #blockLeft .login .loginLeft2 li { display: inline-block; }
#container #blockLeft .login .loginLeft2 li a { display: inline-block; border: #cccccc 1px solid; padding: 1px 10px 3px 10px; font-size: .9em; color: #333333; }*/

#container #blockLeft .login .loginRight { width: 41%; float: right; padding: 15px; }
#container #blockLeft .login .loginRight li { padding: 0 15px; line-height: 2.5; font-size: 1.2em;}
#container #blockLeft .login .loginRight li a { color: #333333; display: block; border-bottom: #e7e7e7 1px solid; background: url("../../img/bullet01.png") no-repeat 0 16px; padding-left: 10px; }
#container #blockLeft .login .loginRight li a.last { border: none; }
#container #blockLeft .login .loginRight li a:focus,
#container #blockLeft .login .loginRight li a:hover { background: url("../../img/bullet01_on.png") no-repeat 0 16px; color: #000000; font-weight: bold; }

#container #blockLeft .mySnowman { border: #e5e5e5 1px solid; border-radius: 4px; padding: 15px 20px; position: relative; overflow: hidden;  margin-bottom: 10px;  }
#container #blockLeft .mySnowman dt { font-size: 1.5em; font-weight: bold; color: #333333; height: 40px; }
#container #blockLeft .mySnowman dt span { border-bottom: #dbdbdb 1px solid; padding-bottom: 5px; } 
#container #blockLeft .mySnowman li { text-align: center; width: 33.33%; float: left;  font-color: #333333; font-weight: bold; font-size: 1.1em; }
#container #blockLeft .mySnowman li a { display: block; height: 76px; padding: 14px 0 20px 0; }

/*
#container #blockLeft .mySnowman li.bg1 a { background: url("../../img/main/mySnowmanBg1.png") no-repeat 50% 20px; }
#container #blockLeft .mySnowman li.bg2 a { background: url("../../img/main/mySnowmanBg2.png") no-repeat 50% 20px; }
#container #blockLeft .mySnowman li.bg3 a { background: url("../../img/main/mySnowmanBg3.png") no-repeat 50% 20px; }
#container #blockLeft .mySnowman li.bg4 a { background: url("../../img/main/mySnowmanBg4.png") no-repeat 50% 27px; }
#container #blockLeft .mySnowman li.bg5 a { background: url("../../img/main/mySnowmanBg5.png") no-repeat 50% 20px; }
#container #blockLeft .mySnowman li.bg6 a { background: url("../../img/main/mySnowmanBg6.png") no-repeat 50% 20px; }
*/
#container #blockLeft .mySnowman .more { position: absolute; top: 15px; right: 20px; }

#container #blockLeft .mySnowSet { display: none; z-index: 9999; border-radius: 4px; border: #000 1px solid; background: #fff; padding: 20px 30px 33px 30px; position: absolute; top: 0; right: 0; width: 553px; 	}
#container #blockLeft .mySnowSet .myClose { position: absolute; bottom: 20px; right: 20px; }
#container #blockLeft .mySnowSet .myHere { position: absolute; top: 267px; left: -9px; }
/* #container #blockLeft .mySnowSet ul { padding: 0 30px; } */
#container #blockLeft .mySnowSet li { position: relative; width: 25%; height: 75px; padding: 8px 0 10px 0; text-align: center; float: left; }
#container #blockLeft .mySnowSet li input { position: absolute; top: 15px; left: 15px; display: none; }

#container #blockLeft .mySnowSet p { font-weight: bold; color: #323232; font-size: 1.1em; letter-spacing: -1px; padding-bottom: 18px; }
#container #blockLeft .mySnowSet p strong { color: #e4013a; letter-spacing: 0; }
#container #blockLeft .mySnowSet p span { margin-left: 10px; }
#container #blockLeft .mySnowSet .setSav { display: none; }

#container #blockLeft .appDownload { margin-bottom: 10px; }

#container #blockLeft .notice { border: #e5e5e5 1px solid; border-radius: 4px; padding: 18px 20px; position: relative; overflow: hidden; height: 58px; margin-bottom: 10px; }
#container #blockLeft .notice dt { font-size: 1.5em; font-weight: bold; color: #333333; height: 40px; }
#container #blockLeft .notice dt span { border-bottom: #dbdbdb 1px solid; padding-bottom: 5px; } 
#container #blockLeft .notice dd { position: relative; }
#container #blockLeft .notice dd a { color: #333333; }
#container #blockLeft .notice dd span { position: absolute; top: 0; right: 0; font-size: .9em; color: #787878; }
#container #blockLeft .notice dd img { padding-bottom: 2px; padding-left: 4px; }
#container #blockLeft .notice .more { position: absolute; top: 15px; right: 20px; }




/* RIGHT CONTENTS */
#container #blockRight { width: 605px; float: left; }

#container #blockRight .kv { width: 605px; height: 430px; overflow: hidden; margin-bottom: 10px; }

#container #blockRight .rightBanner { overflow: hidden; margin-bottom: 10px; }
#container #blockRight .rightBanner li { float: left; }

#container #blockRight .call { overflow: hidden; border: #e5e5e5 1px solid; border-radius: 4px; padding: 15px 25px; height: 64px; }

#container #blockRight .call .callLeft { width: 50%; float: left; border-right: #e5e5e5 1px solid; }
#container #blockRight .call .callLeft li { width: 50%; float: left; line-height: 30px; height: 30px; font-size: 1.1em;  }
#container #blockRight .call .callLeft li a { color: #333333; background: url("../../img/bullet00.png") no-repeat 0 9px; padding-left: 7px; }

#container #blockRight .call .callRight { width: 45%; float: right; padding-top: 4px;}