@charset "utf-8";
@import url(master.css);
@import url(sub_dev.css);

/*전체*/

body{background:url(../images/contents/maintop-bg.jpg) repeat-x;}
#wrap{width:100%; margin:0 auto; *zoom:1;}
#wrap:after{content:""; display:block; clear:both;}


/*공지*/
.notice_txt {font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial"; color:#989897; font-size:11px; text-decoration:none; text-align:left; letter-spacing: -1pt;}
.notice_day {font-family:"돋움", "돋움체", "Tahoma", "Verdana", "Arial"; color:#a0bf3d; font-size:11px; font-weight:bold; text-decoration:none; letter-spacing: -1pt; text-align:center;}
 


/*헤더*/
#header{position:relative; width:960px; height:102px; margin:0 auto; }
#header:after{content:""; display:block; clear:both;}
 
h1{padding-top:42px;}
#toptap2{float:right;  left:100%; top:23px; left:0px; width:950px; height:15px;  }
#toptap2 img{vertical-align:top;}
#toptap2 ul{}
#toptap2 ul li{float:right;  height:10px; margin-right:13px;}
#toptap2 ul li.mr0{margin-right:0px;}
#toptap2 ul li.mt3{margin-top:3px;}
#toptap2 ul li.last{height:15px;}
#toptap2 ul li ul li{display:inline; float:right; margin-right:3px; }
#toptap2 ul li ul li.mr0{margin-right:0px;}


#toptap{position:absolute; left:100%; margin-left:-510px; top:23px; width:250px; height:15px;  }
#toptap img{vertical-align:top;}
#toptap ul{}
#toptap ul li{display:inline; float:left;  height:10px; margin-right:13px;}
#toptap ul li.mr0{margin-right:0px;}
#toptap ul li.mt3{margin-top:3px;}
#toptap ul li.last{height:15px;}
#toptap ul li ul li{display:inline; float:left; margin-right:3px; }
#toptap ul li ul li.mr0{margin-right:0px;}

 

#menu{position:absolute; left:188px; top:43px; width:772px; height:41px;}
#menu ul li{float:left; }


/*Menubar*/
#outTotalMenu{position:absolute; top:103px; left:0px; width:960px;  z-index:100; display:none; }
#outTotalMenu .wholeMenu .menuClose{position:absolute; top:100%; left:100%; margin-left:-35px; margin-top:-35px;  z-index:1000; }


/*컨텐츠영역*/
#contents{display:inline; float:left; *zoom:1;width:100%;}
#contents:after{content:""; display:block; clear:both;}
#visual{position:relative; margin-top:1px; }
#visual img{vertical-align:middle;}
#popup{position:absolute; top:15px; left:717px;  display:inline; overflow:hidden; width:243px; height:278px;  }/*메인베너영역*/
#RollingTop{top:5px; left:200px;  }/*메인베너 아이콘*/
#RollingTop dt{float:left; margin-right:5px; }
#Rolling01{overflow:hidden; width:172px; height:108px; margin-top:0px;  border:1px solid #ccc; }/*메인베너 이미지*/
#Rolling01 img{vertical-align:top;}

#Rolling03Top{overflow:hidden; width:273px; height:110px; margin:0px; }
#Rolling03{overflow:hidden; width:273px; height:110px; margin:0px; }/*메인베너 이미지*/
#Rolling03 li{min-width:273px; min-height:110px;}/*메인베너 이미지*/
#Rolling03 img{vertical-align:top; }


#bottomcontents{display:inline; float:left; width:960px; margin-top:30px; margin-bottom:20px;}
#bottomcontents .notice{display:inline; float:left; width:276px; margin-left:12px;}
#bottomcontents .notice ul li{float:left;}
#bottomcontents .notice ul.list{float:left; margin-top:10px;}
#bottomcontents .notice ul.list li{padding-left:9px; background:url(/images/contents/notice-icon.jpg) no-repeat 0 5px;}
#bottomcontents .notice ul.list li .text{display:inline; float:left; width:195px; height:18px; overflow:hidden; }
#bottomcontents .notice ul.list li .num{display:inline; float:right; width:60px; margin-left:2px; font-family:verdana; font-size:9px; color:#57a2e1; letter-spacing:-0.1em;}

#bottomcontents #treat{position:relative; display:inline; float:left; width:365px; margin-left:42px; }/*메인베너영역*/
#bottomcontents #treat img{vertical-align:middle;}
#bottomcontents #RollingTop{position:absolute; top:0px; left:324px;  }/*메인베너 아이콘*/
#bottomcontents #RollingTop dt{display:inline;  float:left; margin-right:5px; }
#bottomcontents #RollingTop2{position:absolute; top:0px; left:324px;  }/*메인베너 아이콘*/
#bottomcontents #RollingTop2 dt{display:inline;  float:left; margin-right:5px; }
#bottomcontents #Rolling01{overflow:hidden; width:363px; height:115px; margin-top:15px;  border:1px solid #ccc; }/*메인베너 이미지*/

#bottomcontents .quicklink{display:inline; float:left; width:209px; margin-left:44px;}
#bottomcontents .quicklink ul{display:inline; float:left; width:209px; margin-top:14px;}
#bottomcontents .quicklink ul li{display:inline; float:left; width:54px; margin-right:22px; margin-bottom:7px;}
#bottomcontents .quicklink ul li img{vertical-align:top;}
#bottomcontents .quicklink ul li.mr0{margin-right:0px;}

#bottomcontents2{display:inline; float:left; width:960px; margin-bottom:30px;}
#bottomcontents2 .quickmenu{display:inline; float:left; width:276px; margin-top:20px; margin-left:12px;}
#bottomcontents2 .quickmenu img{vertical-align:top; }
#bottomcontents2 .movie{display:inline; float:left; width:365px;  margin-left:42px; }
#bottomcontents2 .movie .title{float:left;}
#bottomcontents2 .movie ul{display:inline; float:left; width:365px;  margin-top:15px; }
#bottomcontents2 .movie ul li.movieLi{float:left; width:122px; text-align:center;}
#bottomcontents2 .movie ul li.movieLi strong{color:black; }
#bottomcontents2 .movie ul li.infomation{float:right;}

#bottomcontents2 .healthinfo{display:inline; float:left; width:209px; margin-top:20px; margin-left:44px;}
.strong{color:black; }

/*카피라이터*/
#footer{float:left; width:100%; margin-bottom:20px;}
.copy-quick{width:100%; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3;}
.copy-quick ul{width:960px; margin:0 auto; height:24px; margin-top:10px; }
.copy-quick ul li{float:left; padding:0 40px; background:url(../images/contents/copy-quick-line.jpg) no-repeat 100% 0;}
.copy-quick ul li.first{padding-left:18px;}
.copy-quick ul li.last{padding-right:0px;}

.copy{position:relative; width:960px; height:85px; margin:0 auto;}
.copy .copylogo{position:absolute; left:0; top:38px; }
.copy ul.info{position:absolute; left:175px; top:16px; }
.copy ul.info li{float:left; padding:0 13px; background:url(../images/contents/copy-quick-line.jpg) no-repeat 100% 0;}
.copy ul.info li.first{padding-left:0px;}
.copy ul.info li.last{padding-right:0px;}
.copy ul.cafe{position:absolute; left:650px; top:16px; }
.copy ul.cafe li{float:left; padding-right:8px; }
.copy .copyright{position:absolute; left:175px; top:35px; }

#family{position:absolute; margin-left:-152px; left:100%; top:16px;  }
#familyOpen{display:none; position:absolute; margin-left:-152px; left:100%; top:-55px; width:126px; height:60px; padding:5px; background-color:white; border:1px solid #a4a4a4; border-width:1px 1px 0 1px; z-index:50;}
#familyOpen  ul li:hover{ background-color:#57a2e1; }
#familyOpen  ul li a:hover{color:white;}

/*센터메인*/
#bottomcontents .movie{display:inline; float:left; width:365px;  margin-left:42px; }
#bottomcontents .movie .title{float:left;}
#bottomcontents .movie ul{display:inline; float:left; width:365px;  margin-top:15px; }
#bottomcontents .movie ul li.movieLi{float:left; width:122px; text-align:center;}
#bottomcontents .movie ul li.movieLi strong{color:black; }
#bottomcontents .movie ul li.infomation{float:right;}

.topbg{	background:url(/images/common/topbg.gif); }
.menubg{	background:url(/images/common/menubg.gif); }
.sbg{	background:url(/images/common/sbg.jpg); }
.sub_06{	background:url(/images/common/sub_06.jpg); }
.bt_bg{	background:url(/images/common/bt_bg.jpg); }
.list_13{	background:url(/images/common/list_13.jpg); }

/*오른쪽 퀵메뉴 슬라이딩css
.rightFloat{position:fixed; left:100%; top:0; margin-left:-37px; width:400px; height:100%;   }
.rightFloatWrap{position:relative; top:0; left:0;}
.rightFloat .r_f_btn{position:absolute; left:0px; top:75px; display:inline; float:left; width:37px; z-index:700;  z-index:700;}
.rightFloat .r_f_btn ul li{float:left;  }
.rightFloat .r_f_btn ul li.first{margin-left:-3px;}
.rightFloat .r_f_btn ul li img{vertical-align:top;}
.rightFloat  .r_f_img{position:absolute; left:0px; top:0; width:400px; z-index:500;}*/


/*오른쪽 퀵메뉴*/
.rightFloat{position:fixed; left:100%; top:0; margin-left:-37px; width:400px; height:100%;   }
.rightFloatWrap{position:relative; top:0; left:0;}
.rightFloat .r_f_btn2{position:absolute; left:0px; top:75px; display:inline; float:left; width:37px; z-index:700;  z-index:700;}
.rightFloat .r_f_btn2 ul li{float:left;  }
.rightFloat .r_f_btn2 ul li.first{margin-left:-3px;}
.rightFloat .r_f_btn2 ul li img{vertical-align:top;}
.rightFloat  .r_f_img{position:absolute; left:0px; top:0; width:400px; z-index:500;}

/*메인 */
.m_b_contents{float:left; width:959px}
.movie{float:left; width:175px; margin-right:20px;}
.movie ul li.movie_image{border:1px solid #ccc; }
.movie dl dt{float:left; margin-bottom:8px; }
.movie dl dd.movie_icon{float:left; width:134px; margin-top:8px;}
.movie dl dd.movie_icon ul li{float:left; margin-right:3px;}
.movie dl dd.more{float:left; margin-top:8px;}

.icon{float:left; }

.notice{float:left; width:188px; font-size:11px; margin-bottom:13px;}
.notice dl dt{float:left; width:188px; margin-bottom:8px;}
.notice dl dd{float:left; width:188px; margin-bottom:-3px;}

.thankto{float:left; width:188px; font-size:11px; margin-bottom:13px;}
.thankto dl dt{float:left; width:188px; margin-bottom:8px;}
.thankto dl dd{float:left; width:188px; margin-bottom:-3px;}
.thankto dl dd .gold{color:#846c3e;}

.qna{float:left; width:188px; font-size:11px; margin-bottom:13px;}
.qna dl dt{float:left; width:188px; margin-bottom:8px;}
.qna dl dd{float:left; width:188px; margin-bottom:-3px;}


/* padding*/

.left_20 {padding-left:20px;}