@charset "utf-8";
@import "Template_2009.css";
@import "NewGisa_2009.css";

/*********************************************************************************************
                                              포토관련 공통
**********************************************************************************************/
#Content { position:relative; }
#Content a:hover{color:#CC0000;}
.phoT_L1 img, .phoT_L2 img, .phoT_L3 img, phoS_L img {vertical-align:top;}

/* 카테고리 */
.phoT_L1 .cate, .phoT_L3 .cate, .phoS_L .cate {background:url("http://img-media.daum-img.net/media3/common/i_photo_r.gif") no-repeat 1px 0; padding-left:18px; letter-spacing:-1px; font:bold 12px 굴림,gulim,sans-serif; color:#3F4A83;}
.phoT_L1 .cate a, .phoT_L3 .cate a, .phoS_L .cate a{color:#3F4A83;}

.phoT_L1 .cate em, .phoT_L3 .cate em, .phoS_L .cate em {background:url("http://img-media.daum-img.net/media3/common/i_camera02.gif") no-repeat; color:#888; padding-left:15px; font-size:11px; font-weight:normal; letter-spacing:0;}
.phoT_L1 .cate em a, .phoT_L3 .cate em a, .phoS_L .cate em a {color:#888;}

/* CP, Date */
.phoT_L1 em.cp, .phoT_L3 em.cp, .phoS_L em.cp    {font-size:11px; color:#999; letter-spacing:-1px;}
.phoT_L1 em span, .phoT_L3 em span, .phoS_L em span {font-size:10px; color:#DDD; margin:0 3px;}
.phoT_L1 em.date, .phoT_L3 em.date, .phoS_L em.date   {font-size:11px; color:#999; letter-spacing:0;}

/*********************************************************************************************
                                               포토탑 - 0712118(수정), 071212
**********************************************************************************************/

/* 포토상단 */
.phoT {position:relative; width:580px; height:258px; background:url('http://img-media.daum-img.net/media3/photo/photo_top_bg2.gif') no-repeat; margin-bottom:31px;}
.phoT h3 {position:absolute; top:18px; left:37px; font-size:14px; color:#C4CAF8; letter-spacing:-1px;}
.phoT h3 .cnt {background:url("http://img-media.daum-img.net/media3/common/i_camera01.gif") no-repeat; padding-left:15px; color:#D4D4D4; font-size:11px; font-weight:normal;}
.phoT .l        {padding:40px 15px 0 14px;}
.phoT .l li  {height:202px;}
.phoT .l img   {float:left; border:1px solid #464646; margin:1px 12px 0 0;}
.phoT .l h4   {font-size:18px; line-height:1.25em; padding-top:1px; letter-spacing:-2px;}
*+html body .phoT .l h4 {padding-top:0;}
.phoT .l .txt    {margin-top:6px; line-height:1.4em;}
.phoT .l em.cp {font-size:11px; letter-spacing:-1px; color:#666;}

.phoT .s         {position:absolute; left:309px; top:140px;}
.phoT .s li      {float:left; width:122px; text-align:center; margin-right:12px;}
.phoT .s .ph   {position:relative; width:120px !imortant; height:83px; overflow:hidden;border:1px solid #4A4A4A;}
.phoT .s .ph img   {position:absolute; top:-15px; left:-20px;}
.phoT .s .txt    {font-size:11px; letter-spacing:-1px; margin-top:7px; line-height:1.3em;}
*+html body .phoT .s .txt {margin-top:6px;}
.phoT .s .txt a {color:#EEE !important;}

.phoT a         {color:#FFF !important;}
.phoT .l .txt a {color:#999 !important;}

/* 오늘의 포토갤러리*/
/*.phoT_rss      {position:relative; width:100%;}
.phoT_rss img {position:absolute; top:-18px; right:0;}*/
.phoT_L1       {height:1%; overflow:hidden; margin-bottom:27px;}
*+html body .phoT_L1  {margin-bottom:34px;}
.phoT_L1 li    {position:relative; float:left; width:189px; height:195px; text-align:center; margin-bottom:7px; background:url("http://img-media.daum-img.net/media3/photo/box_photo31.gif") no-repeat;}
.phoT_L1 li.two     {width:188px; background:url("http://img-media.daum-img.net/media3/photo/box_photo32.gif") no-repeat; margin:0 7px 7px;}
.phoT_L1 li .cate {margin:15px 14px 3px; text-align:left;}
*+html body .phoT_L1 li .cate {margin-bottom:5px;}
.phoT_L1 li .cate em {position:absolute; right:15px; margin-top:1px;}
.phoT_L1 li .ph   {border:1px solid #ECEDEB;}
.phoT_L1 li .txt   {margin:6px 14px 4px; line-height:1.4em;  font-family:굴림,gulim,sans-serif;}
*+html body .phoT_L1 li .txt  {margin-top:5px;}


/* 분야별 갤러리*/
.phoT_L2           {position:relative; margin-bottom:36px; height:1%;}
.phoT_L2 ul       {height:178px; background:url("http://img-media.daum-img.net/media3/photo/box_photo2.gif") no-repeat;}
.phoT_L2 li        {position:relative; float:left; width:160px; margin:13px 0 13px 33px; display:inline;}
*+html body .phoT_L2 li {margin-left:35px;}
.phoT_L2 li.fir     {margin-left:14px; }
.phoT_L2 li .ph   {border:1px solid #EBEBEB;}
.phoT_L2 li .cateimg {position:absolute; left:1px; top:1px; padding-left:0 !important;}
.phoT_L2 li .txt    {font-family:굴림,gulim,sans-serif; line-height:1.4em; margin-top:6px; text-align:center;}
*+html body .phoT_L2 li {margin-left:35px;}
.phoT_L2 .btn        {position:absolute; right:0; top:-20px;  height:14px; }
.phoT_L2 .btn .cnt  {font:normal 10px tahoma; color:#656565;}
.phoT_L2 .btn img {vertical-align:middle; cursor:pointer;}

/* 인기포토 갤러리*/
.phoT_L3           {border-top:2px solid #DDD;}
.phoT_L3 li        {height:1%; overflow:hidden; padding:14px 10px 14px 0; border-bottom:1px solid #EDEFF1;}
.phoT_L3 li .ph   {float:left; margin-left:14px; border:1px solid #EBEBEB;}
.phoT_L3 li .R    {float:left; margin-left:11px; width:370px;}
.phoT_L3 li .txt    {line-height:1.3em; margin-bottom:7px;}
.phoT_L3 li .txt a  {color:#666;}
.phoT_L3 li .cate {position:relative; margin-top:6px;}
.phoT_L3 li .cate em {margin-left:3px; top:0;}
.phoT_L3 li  h4        {font-size:16px; color:#333; letter-spacing:-1px; margin:7px 0;}
*+html body .phoT_L3 li  h4 {margin-top:9px;}
.phoT_L3 li .R img {margin-left:1px;}

/* 포토탑 인기포토갤러리, 포트슬라이드 하단 전체목록 */
.pho_btn {float:right; display:inline; font-size:11px !important; margin:7px 4px 0; padding-left:11px; letter-spacing:-1px; background:url("http://img-media.daum-img.net/media2/common/i_arrow_r.gif") no-repeat 0 3px;}
.pho_btn a  {color:#666;}

/*********************************************************************************************
                                               포토하이라이트
**********************************************************************************************/

.HL em.cp {font-size:11px; letter-spacing:-1px; color:#999 !important;}
.HL em.date {font-size:11px;color:#999 !important;}
.HL em span {font-size:10px; color:#DDD; margin:0 3px;}
.HL img {vertical-align:top;}

/* 하이라이트 - 포토갤러리 */
.HL_pho_tit     {position:relative; width:580px; height:41px; background:url('http://img-media.daum-img.net/media3/photo/gellery_titbg.gif') no-repeat;}
.HL_pho_tit h3 {font-size:18px; color:#000;  padding:12px 0 0 47px;}
.HL_pho_tit h3, .HL_pho_tit h3 a {letter-spacing:-2px}
.HL_pho_tit .btn {position:absolute; right:9px; top:11px;}
.HL_pho_tit .btn img {margin-left:1px;}

.HL_phoGall    {position:relative; width:580px; height:238px; background:url('http://img-media.daum-img.net/media3/photo/gellery_toptbg.gif') no-repeat;}
.HL_phoGall .l {padding:18px 15px 0 16px;}
.HL_phoGall .l li {height:202px;}
.HL_phoGall .l img {float:left; margin-right:14px; border:1px solid #C3D0CE;}
.HL_phoGall .l h4 {font-size:18px;   letter-spacing:-2px; padding:2px 0 6px;}
*+html body .HL_phoGall .l h4 {padding:0 0 7px; line-height:1.15em;}
.HL_phoGall .l h4 a {color:#001166; }
.HL_phoGall .l .txt a {color:#666; line-height:1.4em;}

.HL_phoGall .s         {position:absolute; left:303px; top:118px; }
.HL_phoGall .s li    {float:left; width:122px; text-align:center; margin:0 6px; display:inline;}
.HL_phoGall .s .ph   {position:relative; width:120px; height:83px; overflow:hidden;border:1px solid #C3D0CE; margin-bottom:7px;}
*+html body .HL_phoGall .s .ph {margin-bottom:6px;}
.HL_phoGall .s .ph img   {position:absolute; top:-15px; left:-20px;}
.HL_phoGall .s .txt a {font-size:11px; letter-spacing:-1px; color:#555; line-height:14px;}


/* 하이라이트 - 분야별 포토 */
.HL_phoPart    {position:relative; width:580px; height:203px; background:url('http://img-media.daum-img.net/media3/photo/photo_part_bg1.gif') no-repeat;}
.HL_phoPart li {width:160px; float:left; display:inline; margin:18px 0 0 24px; text-align:center;}
*+html body .HL_phoPart li  {margin-left:26px;}
.HL_phoPart li.fir {margin-left:23px;}
.HL_phoPart li img {border:1px solid #CBCDCA;}
.HL_phoPart li h4  {font-size:14px; line-height:1.35em; margin:6px 0 1px; letter-spacing:-1px;}
*+html body .HL_phoPart li h4 {margin:5px 0 2px;}
.HL_phoPart li h4 a {color:#001267;}
.HL_phoPart li em.cp {font-size:11px; color:#999 !important;}

/*********************************************************************************************
                                               포토전체목록 - 080104
**********************************************************************************************/

#iList_tab { padding:7px 0 0 5px; background:url(http://img-media.daum-img.net/media3/issue/issue_nlist_bg01.gif); margin-bottom:3px; }
#iList_tab img { margin-right:2px; }
.iList { float:left; width:100%; margin-top:3px; padding-bottom:14px; border-bottom:1px solid #eeeeee; }
*+html .iList { margin-top:1px; padding-bottom:16px; }
.iList li { float:left; width:268px;height:16px; background:url(http://img-media.daum-img.net/media3/issue/issue_list_bullet01.gif) no-repeat 16px 5px; padding-left:22px; margin-top:14px; }
*+html .iList li { margin-top:16px; }
.iList a { font:bold 14px 돋움,Dotum,AppleGothic,serif;color:#030470; }
.iList em { font:11px 돋움,Dotum,AppleGothic,serif;color:#999999; }

.PhoList   {padding:3px 0 14px; border-bottom:1px solid #EEE; height:1%; overflow:hidden;}
.PhoList li {float:left; width:268px; background:url("http://img-media.daum-img.net/media3/issue/issue_list_bullet01.gif") no-repeat 16px 5px; padding-left:22px; margin-top:14px; }
.PhoList a {font-size:14px; font-weight:bold; color:#030470; }
.PhoList em {font-size:11px;color:#999;}


/*********************************************************************************************
                                               포토슬라이드 - 071226 / 080212
**********************************************************************************************/

/* 타이틀 */
.phoS_tit {position:relative; width:978px; height:40px; background:url("http://img-media.daum-img.net/media3/photo/slide_top.gif") no-repeat;}
.phoS_tit h3 {font-size:14px; background:url("http://img-media.daum-img.net/media3/photo/i_p.gif") no-repeat 0 13px; padding:14px 0 0 23px; margin:0 0 7px 20px; color:#FFF; letter-spacing:-1px;}
.phoS_tit h3 .cnt {margin-left:2px; background:url("http://img-media.daum-img.net/media3/common/i_camera01.gif") no-repeat; padding-left:15px; color:#D4D4D4; font-size:11px; font-weight:normal; letter-spacing:0;}
.phoS_tit .btn {position:absolute; right:20px; top:9px;}

/* 슬라이드 좌측 이미지 관련 
.phoS {height:420px; background:url("http://img-media.daum-img.net/media3/photo/slide_bg11.gif") no-repeat;}
.phoS .L{position:relative; float:left; width:622px; height:412px; padding:8px 0 0 0; display:inline; cursor:pointer;}

#slideBtnL {background:url("http://img-media.daum-img.net/media3/photo/bt_left21.gif") no-repeat 9px 196px; z-index:100; position:absolute; left:0; top:0; width:346px; height:412px;filter:alpha(opacity:50); Opacity:0.5;}
#slideBtnR {background:url("http://img-media.daum-img.net/media3/photo/bt_right21.gif") no-repeat 304px 196px; z-index:100; position:absolute; left:346px; top:0; width:345px; height:412px;  filter:alpha(opacity:50); Opacity:0.5;}
#slideBtnL.over {filter:alpha(opacity:100); Opacity:1;}
#slideBtnR.over {filter:alpha(opacity:100); Opacity:1;}

.phoS .L .page {position:absolute; right:4px; bottom:22px;  width:62px; height:16px; padding-top:2px; color:#fff; font:10px tahoma; text-align:center; background:url("http://img-media.daum-img.net/media2/common/photo_num.gif") no-repeat;}
.phoS .L .area {width:602px; height:400px; margin-left:45px; overflow:hidden;}
.phoS .L .area div {width:602px; height:400px; text-align:center; display:table-cell; vertical-align:middle; overflow:hidden;}
.phoS .L .area img {vertical-align:middle;}
.phoS .L .area img.trick {width:0; height:400px; overflow:hidden;}
*/

.phoS {height:420px; background:url("http://img-media.daum-img.net/media3/photo/slide_bg11.gif") no-repeat;}
.phoS .L{position:relative; float:left; width:680px; height:412px; overflow:hidden; display:inline; cursor:pointer; }

#slideBtnL {background:url("http://img-media.daum-img.net/media3/photo/bt_left21.gif") no-repeat 9px 196px; z-index:100; position:absolute; left:0; top:0; width:346px; height:412px;filter:alpha(opacity:50); Opacity:0.5;}
#slideBtnR {background:url("http://img-media.daum-img.net/media3/photo/bt_right21.gif") no-repeat 304px 196px; z-index:100; position:absolute; left:346px; top:0; width:345px; height:412px;  filter:alpha(opacity:50); Opacity:0.5;}
#slideBtnL.over {filter:alpha(opacity:100); Opacity:1;}
#slideBtnR.over {filter:alpha(opacity:100); Opacity:1;}

.phoS .L .page {position:absolute; right:4px; bottom:22px;  width:62px; height:16px; padding-top:2px; color:#fff; font:10px tahoma; text-align:center; background:url("http://img-media.daum-img.net/media2/common/photo_num.gif") no-repeat;}
.phoS .L .area {padding-top:8px; margin-left:45px;}
.phoS .L .area div {width:602px; height:400px; text-align:center; display:table-cell; vertical-align:middle; overflow:hidden; }
.phoS .L .area img {vertical-align:middle;}
.phoS .L .area img.trick {width:0; height:400px; overflow:hidden;}

/* 슬라이드 우측 텍스트 관련 */
.phoS .R{position:relative; float:right; width:257px; height:386px; padding:34px 25px 0 0;word-break:break-all;}
.phoS .R h4 {font-size:18px; line-height:1.2em; letter-spacing:-2px;}
.phoS .R h4 a {color:#FFF !important;}
.phoS .R .txt {margin:14px 0 4px;}
.phoS .R .txt a{color:#AAA !important; line-height:1.5em;}
.phoS .R em {font-size:11px; color:#888;}
.phoS .R .cp {letter-spacing:-1px;}
.phoS .R .cp span {font-size:10px;  color:#555; margin:0 5px;}
.phoS .R .gisa, .phoS .R .gisa a {font-size:11px; font-weight:bold; margin-top:13px; color:#B3B3B3; background:url("http://img-media.daum-img.net/media3/common/i_arrow_3x5.gif") no-repeat 52px 3px;}
.phoS .R .auto {position:absolute; bottom:11px; font-size:11px; color:#CCC; letter-spacing:-1px;}
.phoS .R .auto span {color:#FFF;}
.phoS .R .auto input {position:relative; top:-2px; left:2px;}

/* 슬라이드 하단 썸네일
.phoS_thumb {clear:both; position:relative; width:978px; height:100px; margin-bottom:30px; background:#484848; overflow:hidden;}
.phoS_thumb .btnL {position:absolute; left:0px; top:0; z-index:10; cursor:default;}
.phoS_thumb .btnR {position:absolute; right:0px; top:0; z-index:10; cursor:default;}
.phoS_thumb #pho_sec{position:absolute; width:300000px;  top:13px; }
.phoS_thumb ul {float:left; height:76px; width:905px; margin-left:73px; display:inline;}
*html .phoS_thumb ul {width:911px; margin-left:67px; display:inline;}
.phoS_thumb li {float:left; margin:2px 5px 0 6px;  width:70px; height:70px; background:overflow:hidden; text-align:center; border:1px solid #636363; cursor:default; background:url("")}
*html .phoS_thumb li {width:72px;}
.phoS_thumb li img {cursor:pointer;}
.phoS_thumb li.on {margin:0 3px 0 4px;  border:3px solid #CC0000;}
.phoS_thumb li.fir_plus_on {margin:0 3px 0 4px;  border:3px solid #CC0000;}
*html .phoS_thumb li.fir_plus_on {margin:0 3px 0 5px;}
*/

.phoS_thumb {clear:both; position:relative; width:978px; height:100px; margin-bottom:30px; background:#484848; overflow:hidden;}
.phoS_thumb .btnL {position:absolute; left:0px; top:0; z-index:10; cursor:default;}
.phoS_thumb .btnR {position:absolute; right:0px; top:0; z-index:10; cursor:default;}
.phoS_thumb #pho_sec{position:absolute; top:13px; }
.phoS_thumb ul {float:left; height:76px; width:2000px;}
.phoS_thumb li {float:left; margin:2px 5px 0 6px; display:inline; width:70px; height:70px; overflow:hidden; text-align:center; border:1px solid #636363; cursor:default; }
.phoS_thumb li.on {margin:0 3px 0 4px;  border:3px solid #CC0000;}
.phoS_thumb li.fir_plus {margin-left:79px;}
.phoS_thumb li.fir_plus_on { margin: 0 3px 0 77px;  border:3px solid #CC0000;}
.phoS_thumb li img {cursor:pointer;}

.phoS_thumb2 {clear:both; position:relative; width:978px; height:105px; margin-bottom:30px; background:#484848; overflow:hidden;}
.phoS_thumb2 .btnL {position:absolute; left:0px; top:0; z-index:10; cursor:default;}
.phoS_thumb2 .btnR {position:absolute; right:0px; top:0; z-index:10; cursor:default;}
.phoS_thumb2 #pho_sec{position:absolute;  width:3000px;}
.phoS_thumb2 ul { width:3000px;}
.phoS_thumb2 li { width:110px; height:105px; text-align:center; border-left:1px solid #4D4D4D; cursor:default;display:table-cell; vertical-align:middle;}
*html .phoS_thumb2 li {float:left;  }
*+html body .phoS_thumb2 li {float:left;}
.phoS_thumb2 li img {border:1px solid #2D2D32; cursor:pointer; vertical-align:middle;}
.phoS_thumb2 li.on img{border:3px solid #CC0000;}
.phoS_thumb2 li.fir_plus, .phoS_thumb2 li.fir_plus_on {padding-left:45px; border-left:none;}
.phoS_thumb2 li.fir_plus_on img { border:3px solid #CC0000;}
.phoS_thumb2 li img.trick {width:0; height:104px; overflow:hidden; vertical-align:middle;  border:none;} 

/* 오늘의 슬라이드 쇼*/
.phoS_L    {height:1%; border-top:2px solid #DDD;}
.phoS_L li {float:left; width:501px; height:122px; padding:14px 0 6px; border-bottom:1px solid #EDEFF1; }
.phoS_L .ph {float:left; border:1px solid #ECECEC; margin-left:11px; }
.phoS_L .R {width:280px; padding:0 5px 0 14px; display:table-cell;float:left;}
.phoS_L li h4    {font-size:16px; color:#333; letter-spacing:-2px; line-height:1.3em; margin:5px 0 6px 0;}
.phoS_L li .txt {margin:0 0px 7px 0;}
.phoS_L li .txt a {color:#666; line-height:1.25em;}
.phoS_L li .cate {margin-top:5px;}
.phoS_L li .cate em {margin-left:3px;}
.phoS_L li.fir {width:477px;}




/* 포토슬라이드 변경 2010.01.18 */
.phoS2 { background:#333;padding:0 0 30px;margin-bottom:30px;overflow:hidden;zoom:1;}
.phoS2 .L{position:relative; float:left; width:680px;   display:inline; cursor:pointer; }

#slideBtnL2 {background:url("http://img-media.daum-img.net/media3/photo/bt_left21.gif") no-repeat 9px center; z-index:100; position:absolute; left:0; top:0; width:346px; height:100%;filter:alpha(opacity:50); Opacity:0.5;}
#slideBtnR2 {background:url("http://img-media.daum-img.net/media3/photo/bt_right21.gif") no-repeat 304px center; z-index:100; position:absolute; left:346px; top:0; width:345px; height:100%;  filter:alpha(opacity:50); Opacity:0.5;}
#slideBtnL2.over {filter:alpha(opacity:100); Opacity:1;}
#slideBtnR2.over {filter:alpha(opacity:100); Opacity:1;}
#slideBtnL2, #slideBtnR2 { _height:expression(parentNode.offsetHeight); }
.phoS2 .L .page {position:absolute; right:20px; bottom:0;  width:62px; height:16px; padding-top:2px; color:#fff; font:10px tahoma; text-align:center; background:url("http://img-media.daum-img.net/media2/common/photo_num.gif") no-repeat;}
.phoS2 .L .area {padding-top:8px; margin-left:45px;}
.phoS2 .L .area div {width:602px;  text-align:center; display:table-cell; vertical-align:middle; overflow:hidden;  }
.phoS2 .L .area img {vertical-align:middle;margin-top:28px;}
.phoS2 .L .area img.trick {width:0;  }

/* 슬라이드 우측 텍스트 관련 */
.phoS2 .R{position:relative; float:right; width:257px; height:386px; padding:34px 25px 0 0;word-break:break-all;}
.phoS2 .R h4 {font-size:18px; line-height:1.2em; letter-spacing:-2px;}
.phoS2 .R h4 a {color:#FFF !important;}
.phoS2 .R .txt {margin:14px 0 4px;}
.phoS2 .R .txt a{color:#AAA !important; line-height:1.5em;}
.phoS2 .R em {font-size:11px; color:#888;}
.phoS2 .R .cp {letter-spacing:-1px;}
.phoS2 .R .cp span {font-size:10px;  color:#555; margin:0 5px;}
.phoS2 .R .gisa, .phoS2 .R .gisa a {font-size:11px; font-weight:bold; margin-top:13px; color:#B3B3B3; background:url("http://img-media.daum-img.net/media3/common/i_arrow_3x5.gif") no-repeat 52px 3px;}
.phoS2 .R .auto { margin:40px 0 0; bottom:11px; font-size:11px; color:#CCC; letter-spacing:-1px;}
.phoS2 .R .auto span {color:#FFF;}
.phoS2 .R .auto input { }