@charset "euc-kr";
/* CSS Document */

/* ¹è³Ê ºÎºÐ */
#bannerContentsWrap{width:100%; height:350px; background-color:#5b79af;}
#bannerContentsWrap .bannerContents{width:1120px; height:350px; margin:0 auto; position:relative;}
#bannerContentsWrap .bannerContents .banner{width:960px; height:350px; margin:0 auto;}
#bannerContentsWrap .bannerContents p.prev, p.next{position:absolute; top:140px;}
#bannerContentsWrap .bannerContents p.prev{left:-20px;}
#bannerContentsWrap .bannerContents p.next{right:-10px;}

/* ÄÁÅÙÃ÷ ¿µ¿ª */
#contentsWrap{width:1000px; margin:0 auto;}
#contentsWrap .contentsLeft{width:794px; float:left;}
#contentsWrap .contentsLeft .tipWrap{width:397px; padding:25px 0; border-bottom:1px solid #dedede; float:left; background:url(../../images/main/tipObject.png) no-repeat top right;}
#contentsWrap .contentsLeft .tipWrap p.detailView{ margin-top:10px; background:#eaeaea; width:85px; *width:80px; padding:5px;}
#contentsWrap .contentsLeft .tip_1{background-position:180px 30px;}
#contentsWrap .contentsLeft .tip_2{background-position:200px -140px;}
#contentsWrap .contentsLeft .tip_3{background-position:180px -320px; border-bottom:none;}
#contentsWrap .contentsLeft .tip_4{background-position:200px -500px; border-bottom:none;}
#contentsWrap .contentsLeft .tipWrap h3, .noticeWrap h3{font-size:16px; color:#003366; font-weight:bold; padding-bottom:20px;}
#contentsWrap .contentsLeft .tipWrap h4{font-size:20px; font-weight:bold; padding-bottom:10px;}
#contentsWrap .contentsLeft .tipWrap p{font-size:14px; font-weight:bold; color:#a6a6a6;}

#contentsWrap .contentsLeft .noticeWrap{width:397px; padding:24px 0 20px 0; float:left;}
#contentsWrap .contentsLeft .noticeWrap h3 span{float:left; font-size:16px;}
#contentsWrap .contentsLeft .noticeWrap h3 a{float:right; font-size:12px;}
#contentsWrap .contentsLeft .noticeWrap h3, .noticeWrap ul{width:350px; display:block;}
#contentsWrap .contentsLeft .noticeWrap h3{margin-bottom:15px; *margin-bottom:0;}
#contentsWrap .contentsLeft .noticeWrap ul li{ display:block;}
#contentsWrap .contentsLeft .noticeWrap ul li a{float:left;}
#contentsWrap .contentsLeft .noticeWrap span{float:right; font-size:12px;}

#contentsWrap .contentsRight{width:206px; float:left;}

/* ·Î±×ÀÎ */
#contentsWrap .contentsRight .loginWrap_index{width:178px; height:100px; padding:18px 14px; background-color:#384152;}
#contentsWrap .contentsRight .loginWrap_index p{padding:0 5px 10px 0; letter-spacing:-1px; color:#96a1a7;}
#contentsWrap .contentsRight .loginWrap_index p strong.join{padding-right:15px; *padding-right:10px;}
#contentsWrap .contentsRight .loginWrap_index p a:link{color:#96a1a7;}
#contentsWrap .contentsRight .loginWrap_index p a:hover{color:#ff6600;}
#contentsWrap .contentsRight .loginWrap_index .inputWrap{position:relative; margin-bottom:5px;}
#contentsWrap .contentsRight .loginWrap_index .inputWrap input{margin:0 0 2px 0; padding:4px 1px; *padding:3px 2px 3px 2px; border:1px solid #bebebe;}
#contentsWrap .contentsRight .loginWrap_index .inputWrap button{position:absolute; top:0; right:-10px; padding:17.5px 16px; *padding:16px 7px; background-color:#fefefe; border:1px solid #bebebe;}

/* ·Î±×ÀÎ ÈÄ */
#contentsWrap .contentsRight .loginAfter{width:206x; height:136px; background-color:#384152; position:relative;}
#contentsWrap .contentsRight .loginAfter p.info{text-align:center; padding:40px 0 20px 0; color:#96a1a7;}
#contentsWrap .contentsRight .loginAfter ul.stateWrap{width:206px; height:44px; background:url(../../images/main/loginInfoBg.png); position:absolute; bottom:0;}
#contentsWrap .contentsRight .loginAfter ul.stateWrap li{width:103px; height:20px; display:block; float:left; text-align:center; padding:14px 0 10px 0;}
#contentsWrap .contentsRight .loginAfter ul.stateWrap li a{color:#96a1a7; padding:10px;}

#contentsWrap .contentsRight ul.thumbWrap{}
#contentsWrap .contentsRight ul.thumbWrap li{width:103px; height:106px; display:block; float:left; background:url(../../images/main/thumb.png) no-repeat;}
#contentsWrap .contentsRight ul.thumbWrap li span{visibility:hidden;}
#contentsWrap .contentsRight ul.thumbWrap li.thumb_2{background-position:0 -106px;}
#contentsWrap .contentsRight ul.thumbWrap li.thumb_3{background-position:0 -212px;}
#contentsWrap .contentsRight ul.thumbWrap li.thumb_4{background-position:0 -318px;}