@charset "utf-8";

.content_box { background:url('../images/main/contentboxbg.gif') repeat-x left 104px;}
.content_box .content {width:950px; height:100%; margin:0 auto;}
.content_box .content .leftbox {float:left; width:240px; height:100%; background:url('../images/main/leftboxbg.gif') no-repeat left top;}
.content_box .content .rightbox {float:right; width:710px; height:100%; padding:24px 0 10px; background:url('../images/main/rightboxbg.gif') repeat-x left top;}


/* 로그인전 개인영역 */
.content_box .content .leftbox .loginbox {width:236px; height:102px; padding:43px 2px 0; text-align:left; background:url('../images/main/loginboxbg.gif') no-repeat left top;}
.content_box .content .leftbox .loginbox fieldset {width:192px; height:87px; padding:13px 12px 0; text-align:left;}
.content_box .content .leftbox .loginbox fieldset legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;}
.content_box .content .leftbox .loginbox fieldset .idbox {width:192px; height:22px; margin-bottom:6px; font-size:11px;}
.content_box .content .leftbox .loginbox fieldset .idbox span {font-size:11px;}
.content_box .content .leftbox .loginbox fieldset .pwdbox {width:192px; height:22px; margin-bottom:6px;}
.content_box .content .leftbox .loginbox fieldset .inputbox {width:112px; height:12px; margin-right:6px; padding:5px 10px; background:url('../images/main/logininputbox.gif') no-repeat left top;}
.content_box .content .leftbox .loginbox fieldset .findbox {margin-top:10px; padding-left:13px; font-size:10px; color:#c1bfb1;}
.content_box .content .leftbox .loginbox fieldset .findbox span a {font-size:11px; color:#898779;}
.content_box .content .leftbox .loginbox fieldset .findbox strong a {font-size:11px; color:#3c3a36;}
.content_box .content .leftbox .loginbox input { border:0px none;}


/* 로그인후 개인영역 */
.content_box .content .leftbox .logoutbox {width:240px; height:188px; padding-top:21px; text-align:left; background:url('../images/main/logoutboxbg.gif') no-repeat left top;}
.content_box .content .leftbox .logoutbox .myinfobox {width:202px; height:164px; margin-top:6px; padding:2px 9px;}
.content_box .content .leftbox .logoutbox .myinfobox .myid {height:18px; padding:13px 0 0 3px; color:#378fe7; font-weight:bold;}
.content_box .content .leftbox .logoutbox .myinfobox .info1 {margin:10px 9px 0; padding-left:15px; color:#797873; font-size:11px; background:url('../images/main/icon2.gif') no-repeat left 45%;}
.content_box .content .leftbox .logoutbox .myinfobox .info2 {margin:5px 9px 5px; padding-left:15px; color:#797873; font-size:11px; background:url('../images/main/icon3.gif') no-repeat left 45%;}
.content_box .content .leftbox .logoutbox .myinfobox .info3 {margin:5px 9px 5px; padding-left:15px; color:#797873; font-size:11px; background:url('../images/main/icon.gif') no-repeat left 45%;}
.info3 a {color:#797873; font-size:11px;}
.content_box .content .leftbox .logoutbox .myinfobox .info1 strong, .content_box .content .leftbox .logoutbox .myinfobox .info2 strong  {font-size:11px; color:#797873;}
.content_box .content .leftbox .logoutbox .myinfobox select {width:184px; height:18px; margin:6px 9px 0; border:1px solid #7f9db9;}
.content_box .content .leftbox .logoutbox .myinfobox .myinfobut {margin:9px 3px;}


/* 주목받는 트라이블러 & 마주칠 트라이블러 */
.content_box .content .leftbox .tryvelerbox {width:220px; margin-right:20px; text-align:left;}
.content_box .content .leftbox .tryvelerbox .tryvelertab {margin-top:10px;}
.content_box .content .leftbox .tryvelerbox .tryvelertab li {display:inline;}
.content_box .content .leftbox .tryvelerbox .tryvelerlist {padding:10px 10px 5px;}
.content_box .content .leftbox .tryvelerbox .tryvelerlist li {margin-bottom:5px;}
.content_box .content .leftbox .tryvelerbox .tryvelerlist li .tryvelerphoto {float:left; width:50px; height:50px; margin-right:9px; border:2px solid #727272;}
.content_box .content .leftbox .tryvelerbox .tryvelerlist li .tryvelerinfo {float:left;}
.content_box .content .leftbox .tryvelerbox .tryvelerlist li .tryvelerinfo strong {margin:2px 0 5px; color:#398ee5;}
.content_box .content .leftbox .tryvelerbox .tryvelerlist li .tryvelerinfo p {line-height:14px; color:#7c7c7c; font-size:11px;}
.content_box .content .leftbox .tryvelerbox .morebut {padding-left:10px;}
.content_box .content .leftbox .tryvelerbox .morebut img {vertical-align:top; font-size:13px;}


/* 트라이블 배너 */
.content_box .content .leftbox .bannerbox {width:220px; margin:18px 20px 8px 0;}
.content_box .content .leftbox .bannerbox img {margin-bottom:10px;}


/* 트라이블 공지사항 */
.content_box .content .leftbox .noticebox {margin:0 20px 0 8px; text-align:left;}
.content_box .content .leftbox .noticebox h3 {height:17px;}
.content_box .content .leftbox .noticebox .noticetitle {float:left; margin-top:5px;}
.content_box .content .leftbox .noticebox .moretextbut {float:right;}
.content_box .content .leftbox .noticebox .noticelist {padding:8px 0 0 7px;}
.content_box .content .leftbox .noticebox .noticelist li {padding-left:10px; line-height:17px; font-size:11px; color:#6a6a6a; background:url('../images/main/noticemarker.gif') no-repeat left 40%;}
.content_box .content .leftbox .noticebox .noticelist li a {font-size:11px; color:#6a6a6a;}


/* 트라이블 태그 박스 */
.content_box .content .rightbox .tagbox {width:590px; height:151px; padding:10px 60px 40px; text-align:left; background:url('../images/main/tagboxbg.gif') no-repeat left top;}
.content_box .content .rightbox .tagbox h2 {margin:0 0 10px 10px;}
.taglist li {display:inline; margin-right:10px; line-height:17px;}
.taglist li.bigtag a {font-size:16px; font-weight:bold;}
.taglist li.color1 a {color:#000000;}
.taglist li.color2 a {color:#fe7a03;background-color:#ffffff;}
.taglist li.color3 a {color:#ffffff;background-color:#599719;}
.taglist li a {color:#fff;}


/* 뜨고있는 사진앨범 & 새로운 사진앨범 */
.content_box .content .rightbox .albumbox {margin-top:32px;}
.content_box .content .rightbox .albumbox ul.tabbox {margin-bottom:20px; text-align:left; border-bottom:2px solid #398ee5;}
.content_box .content .rightbox .albumbox ul.tabbox li {display:inline; margin-right:1px;}

.content_box .content .rightbox .albumblistbox {padding:0 15px;}
.content_box .content .rightbox .albumblistbox .bigthumbbox {float:left; width:340px;}
.content_box .content .rightbox .albumblistbox .bigthumbbox .albumtitle {margin-bottom:5px; font-size:11px; color:#9f9e9e; font-weight:normal; text-align:left;}
.content_box .content .rightbox .albumblistbox .bigthumbbox .albumtitle strong {padding-left:15px; font-size:11px; color:#646464; background:url('../images/main/icon.gif') no-repeat left 50%;}
.content_box .content .rightbox .albumblistbox .bigthumbbox .albumtitle span {float:left;}
.content_box .content .rightbox .albumblistbox .bigthumbbox .albumtitle .morebut {float:right; margin-right:67px;}
.content_box .content .rightbox .albumblistbox .bigthumbbox .albumtitle .morebut2 {float:right; margin-right:18px;}

.content_box .content .rightbox .albumblistbox .bigthumbbox .bigthumbimg {float:left; margin-right:15px;}
.content_box .content .rightbox .albumblistbox .bigthumbbox .smallthumblist {float:left;}
.content_box .content .rightbox .albumblistbox .bigthumbbox .smallthumblist li {margin:8px 0 0;}
.content_box .content .rightbox .albumblistbox .bigthumbbox .smallthumblist li.nonemargin {margin:0;}

.content_box .content .rightbox .albumbox .albumblistbox .thumblist {float:right; width:315px; padding:20px 0 0 24px; border-left:1px solid #d8d8d8;}
.content_box .content .rightbox .albumbox .albumblistbox .thumblist li {margin-bottom:7px;}
.content_box .content .rightbox .albumbox .albumblistbox .thumblist li .thumbimg {float:left; margin-right:8px;}
.content_box .content .rightbox .albumbox .albumblistbox .thumblist li .thumbinfo {float:left; text-align:left;}
.rightbox .albumbox .albumblistbox .thumblist li .thumbinfo .albumlisttitle {padding-left:15px; font-size:11px; color:#646464; background:url('../images/main/icon.gif') no-repeat left 50%;}
.rightbox .albumbox .albumblistbox .thumblist li .thumbinfo p {padding-left:15px; font-size:11px; color:#9f9e9e;}


/* 플래쉬 앨범 */
.content_box .content .rightbox .flashbox {margin-top:32px;}
.content_box .content .rightbox .flashbox h2 {margin-bottom:15px; text-align:left; background:url('../images/main/flashtitlebg.gif') repeat-x left top;}
.content_box .content .rightbox .flashbox .flashalbum {float:right; width:310px; padding-left:15px; text-align:left;}
.content_box .content .rightbox .flashbox .flashalbum h3 {margin:13px 0 7px;}
.content_box .content .rightbox .flashbox .flashalbum ul li {display:inline; margin-right:10px;}


/* 타임라인 앨범 */
.content_box .content .rightbox .timelinebox {margin-top:32px;}
.content_box .content .rightbox .timelinebox h2 {margin-bottom:20px; text-align:left; background:url('../images/main/timelinetitlebg.gif') repeat-x left top;}
.content_box .content .rightbox .timelinebox .timelinelist {padding:0 8px; text-align:left;}
.content_box .content .rightbox .timelinebox .timelinelist li {float:left; width:220px; margin:0 4px;}
.content_box .content .rightbox .timelinebox .timelinelist li img.timelineimg {width:220px; height:165px; margin:7px 0 13px;}
.content_box .content .rightbox .timelinebox .timelinelist li .timelineinfo {font-size:11px; color:#9f9e9e;}
.content_box .content .rightbox .timelinebox .timelinelist li .timelineinfo strong {padding-left:15px; font-size:11px; color:#646464; background:url('../images/main/icon.gif') no-repeat left 50%;}


/* 트라이블 소개 */
.content_box .content .rightbox .tryvelinfo {margin-top:20px; text-align:left;}
.content_box .content .rightbox .tryvelinfo h2 {margin-bottom:3px;}
.content_box .content .rightbox .tryvelinfo .tryvelinfobox {height:139px; font-size:139px;}
