@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/jejumyeongjo.css);
body{background:#fff;font-family: 'Noto Sans KR', sans-serif;color:#777;font-size:14px;padding:0;margin:0;line-height:1.8em;}
body {    -ms-word-break: break-all;background: #ffffff url(/images/bg2.gif) 0em 0em repeat-y;}
a {text-decoration: none;color:#666;transition:.3s;}
a:hover {text-decoration: none;color:#ccc;}
a:focus {outline: none;}
h1,.h1 {font-size: 26px;font-weight:normal;line-height:2em;}
h2,.h2 {font-size: 22px;font-weight:normal;color:#ef5285;line-height:2em;}
h3,.h3 {font-size: 16px;font-weight:normal;color:#aaa;line-height:1.8em;}

.badge{border-radius: 1rem; font-weight: 400;}

.gap_line{height:4em;margin-bottom:4em;margin-top:4em;}
.gap_line:after{content:"";width:40px;border-top:1px solid #ccc;clear:both;margin:0 auto;display:block;transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0);     -webkit-transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0);    -moz-transform: scale(1,1) rotate(45deg)skew(0,0) translate(0,0); transform-origin: 50% 50%; }

#wrap {margin: 0em auto;text-align: left;}
#upper_header {height: 40px;text-align: right;}
#logo {left:120px;position: absolute;top: 30px;z-index: 1000;}
#container {margin-top: 30px;position: relative;z-index:0;}
#container:after {clear: both;content: '';visibility: hidden;}
.snb {position:absolute;top:180px;left:110px;z-index:1;}
#content {position:relative;padding:0 50px 0 400px;margin:0 auto;}
.aside {border-left: 1px solid #ededed;display: none;float: left;padding-left: 20px;}
#xholder {background: #fff;border: 5px solid #333;display: none;height: 70%;overflow-y: auto;padding: 20px;position: absolute;top: 0em;width: 700px;z-index: 10000;}
.clear {clear: both;}
.section_box {border: 1px solid #ededed;font-size: 11px;padding: 20px 10px;}
.bind {display: none;}
.g_box {background: #f9f9f9;border: 1px solid #ededed;margin: 15px 0em;padding: 20px;}
.msg_text,
.msg_text a {color: #666;font-size: 11px;letter-spacing: -1px;}
.path,
.path a {color: #aaa;display: none;font-size: 11px;letter-spacing: -1px;margin-bottom: 10px;text-align: right;word-spacing: -1px;}
.path a.home {background: transparent url("/bbs/images/common/bthome.gif") 0em 50% no-repeat;padding-left: 15px;}

.page_info {color: #5e5e5f; font-family: "brandon-grotesque"; font-size: 60px;letter-spacing: normal;font-weight:normal !important;height:144px;padding-top:10px;margin-bottom:50px; position:relative;border-bottom:1px solid #e6e6e6;letter-spacing:2px;line-height:2em;}
.page_info strong{color:#ef5285 !important;font-weight:normal !important;}
.page_info li.page_num {color: #999;float: right;font-size: 11px; margin-top: -20px;}


.confirm_area {padding: 20px 0em 40px;text-align: center;width: 100%;}
.confirm_area:after{content:"";display:block;clear:both;}
.section_st li {display: inline;}
.sti {margin-bottom: 20px;}
.sti label {color: #666;display: inline-block;font-size: 12px;letter-spacing: -0.05em;padding: 0em 2 10px;}
.sti textarea {background: #fafafa;color: #666;font-size: 11px;height: 150px;line-height: 1.5em;overflow-x: hidden;padding: 5px 20px;width: 94%;}
.sti .fck {padding-top: 5px;}
.join_form {background: url("/bbs/images/common/gr_down.gif") top repeat-x;border: 1px solid #ededed;margin-bottom: 20px;padding: 20px;width: 100%;}
.user_form {padding: 15px;}
.user_form li {border-bottom: 1px solid #fafbf9;font-size: 12px;padding: 7px 0em;width: 100%;}
.user_form li span {background: url("/bbs/images/common/arrow4.gif") no-repeat 0em 6px;color: #666;display: inline-block;padding-left: 12px;width: 90px;}
.user_form .required {color: #519ac7;}
.user_form .required2 {color: #ff6353;}
.user_form .unline_ {border: none;}
.user_form label {color: #999;}
.user_form label.en {font-family: arial;font-size: 11px;letter-spacing: normal;}
.user_form .welcome {color: #4f77c0;font-family: 'Varela', sans-serif;font-size: 40px;padding: 30px 0em;text-align: center;width: 100%;}
.user_form .welcome_txt {color: #000;font-size: 12px;font-weight: bold;text-align: center;width: 100%;}
#b_extra1,
#b_extra2,
#b_extra3,
#b_extra4,
#b_extra5 {display: none;}
.b_user_list {margin-bottom: 10px;}
.b_user_list li {border-bottom: #ededed 1px solid;margin: 3px 0em;padding: 4px 0em;}
.b_user_list li span {color: #999;display: inline-block;overflow: hidden;padding: 0em 4px;text-align: center;width: 100px;}
.b_user_list b {color: #09f;font-weight: bold;}
.reply_num {color: #f00;font-family: arial;font-size: 11px;font-weight: bold;}
.form_bt li {display: inline_block;float: left;}
.form_bt .bt_write {float: right;}
.b_search {width: 300px;}
.b_search li {display: inline_block;float: left;}
.toUP {background: url("/bbs/images/common/buttonToggleReply.gif") top no-repeat;}
.toDOWN {background: url("/bbs/images/common/buttonToggleReply.gif") bottom no-repeat;}
.b_user_bottom {width: 100%;}
.b_user_read {margin-bottom: 40px;}
.b_user_read li {padding: 5px 0em;}
.b_user_read .title {color: #ff6353;font-size: 20px;font-weight: normal;padding: 30px 0em 60px;}
.b_user_read .date_ {background: url("/bbs/images/common/line_v1.gif") no-repeat 0em 1px;color: #666;margin-left: 50px;padding-left: 10px;}
.b_user_read .see_ {background: url("/bbs/images/common/line_v1.gif") no-repeat 0em 1px;color: #666;margin-left: 30px;padding-left: 10px;}
.b_user_read .smt_ {*margin-top: -21px;color: #999;float: right;font-family: arial;font-size: 11px;padding: 0em 20px;}
.b_user_read .unline_ {border: none;}
.b_user_read .unline_img {border: none;padding-top: 30px;}
.b_user_read .unline_comment {border: none;font-size: 12px;padding: 7px 0em 20px;}
.ripple_del {background: #ededed;cursor: pointer;height: 20px;position: absolute;text-align: center;width: 20px;z-index: auto;}
.btn {*padding: 0em;background: #f4f4f4;border: 1px solid #ddd;color: #888;cursor: hand;font-size: 11px;letter-spacing: -1px;margin: 0em 0em 1px;padding-top: 2px;width: 100%;}
.btn:hover {background: url("/bbs/images/common/bar_top2.gif") 0em 0em repeat-x;color: #222;}
#divUpload {background: #f2f3f4;border: 1px solid #333;display: none;position: absolute;text-align: center;top: -100px;z-index: auto;}
#divUpload .btclose a {background: #333;border-bottom: 1px solid #fff;color: #fff;cursor: pointer;display: block;font-family: arial;font-weight: bold;padding-right: 10px;padding: 2px 0em;text-align: right;}
#divUpload .btclose a:hover {background: #000;text-decoration: none;}
.b_reply {background: url("/bbs/images/common/gr_up.gif") bottom repeat-x;border-bottom: none;border: 1px solid #ededed;padding: 10px 5px;}
.b_reply dt {color: #f60;font-weight: bold;margin: 0em 15px;position: absolute;}
.b_reply dd {margin-left: 50px;}
.b_reply dd.re_pw {padding-top: 5px;}
.b_user_reply {margin: 15px;}
.b_user_reply li {border-bottom: 1px solid #ededed;padding: 5px 0em;}
.b_user_reply .author {padding-right: 15px;}
.b_user_reply .unline_ {border: none;}
.list_bottom {clear: both;display: block;min-height: 40px;padding-top: 10px;width: 100%;}
.list_bottom li {display: inline-block;float: left;}
.list_bottom .bt_left {float: left;margin-right: 5px;}
.list_bottom .bt_right {float: right;margin-left: 5px;}
.b_user_ck {font-size: 11px;text-align: center;}
.b_user_ck dl {background: url("/bbs/images/common/gr_up.gif") bottom repeat-x;border: 1px solid #999;margin: 50px auto;width: 300px;}
.b_user_ck dt {background: url("/bbs/images/common/gr_bg.gif") repeat-x;color: #f60;font-weight: bold;height: 32px;margin-bottom: 8px;padding: 6px;}
.b_user_ck dd {height: 30px;padding: 3px;}
.b_user_ck dd span {background: url("/bbs/images/common/arrow4.gif") 3 2 no-repeat;display: inline-block;padding-left: 12px;width: 80px;}
#layer_pop {background: #fff url("/bbs/images/common/gr_down.gif") repeat-x;border: 1px solid #333;display: none;height: 540px;left: 0em;position: absolute;top: 0em;width: 740px;z-index: 1500;}
.b_pop_read {background: url("/bbs/images/common/gr_up.gif") bottom repeat-x;padding: 6 20px 10px 20px;width: 100%;}
.b_pop_read li {border-bottom: 1px solid #ededed;font-weight: 100;padding: 4px 0em 6px;width: 100%;}
.closebt_ {background: #dcdde3;border: none;color: PDpoundPD: #fffcursor: hand;float: right;height: 20px;margin-right: 20px;text-align: center;width: 60px;}
.cer_holder td {padding-bottom: 5px;}
.cer_holder .cer td {text-align: centerfont-size: 11px;}
.cer_holder .cer .cer_img {background: #ccc;padding: 1px;}
.cer_holder .cer .cer_text {height: 70px;letter-spacing: -0.1em;padding-top: 5px;text-align: left;}

.tab_1 {overflow: hidden;width: 100%;display:block;text-align:center;margin-bottom:3em;}
.tab_1 li {display: inline-block;}
.tab_1 li a { display: block;padding: 7px 10px;min-width:70px;text-align:center;text-decoration: none;opacity:.6;transition:.3s;font-family: 'Cousine', sans-serif;text-transform:capitalize;}
.tab_1 li a:after{content:"";display:block;clear:both;border-top:1px solid #ef5285;width:0;transition:.3s;}
.tab_1 li a:hover:after{width:100%;}
.tab_1 li a:hover, .tab_1 li.selected a {opacity:1;}
.tab_1 li.selected a {opacity:1;color:#ef5285 !important;}

.tab_2 {background: transparent url("/bbs/images/common/tab2.gif") 100% 0em;height: 32px;overflow: hidden;width: 100%;}
.tab_2 li {color: #333;float: left;height: 32px;_display: inline;}
.tab_2 li a {color: #666;display: block;font-size: 11px;height: 32px;letter-spacing: -1px;margin-left: 10px;padding: 8px 12px 0em 3px;text-decoration: none;_float: left;}
.tab_2 li a:hover {color: #333;}
.tab_2 li:first-child {background: transparent url("/bbs/images/common/tab2.gif") 0em 0em;color: #06c;}
.tab_2 li.selected {background: transparent url("/bbs/images/common/tab2.gif") 0em -120px;}
.tab_2 li:first-child.selected {background: transparent url("/bbs/images/common/tab2.gif") 0em -80px;}
.tab_2 li:first-child.selected a,
.tab_2 li.selected a {background: transparent url("/bbs/images/common/tab2.gif") 100% -120px;color: #222;font-weight: bold;padding-right: 13px;}
.tab_2 li:last-child.selected a {background: transparent url("/bbs/images/common/tab2.gif") 100% -120px;color: #222;font-weight: bold;}
.tab_2 li:next-sibling .notice_txt {margin-bottom: 25px;}

/* footer */
#footer {clear: both;color: #999;margin:50px 50px 50px 110px;}
#footer:before{content:"";display:block;clear:both;height:30px;width:40px;border-top:1px solid #e6e6e6;}
#footer a {text-decoration: none;opacity:.6;transition:.3s;display:inline-block;}
#footer a:after{content:"";display:block;clear:both;border-top:1px solid #ef5285;width:0;transition:.3s;}
#footer a:hover:after{width:100%;}
#footer a:hover{color:#ef5285;}
#footer ul {margin: 0em 0em 14px;}
#footer ul li {background: url("/bbs/images/common/line_v1.gif") no-repeat 0em 4px;display: inline;font-size: 12px;padding-left: 8px;padding-right: 5px;position: relative;white-space: nowrap;}
#footer ul li * {font-size: 12px;}
#footer ul li.first {background: none;padding: 0em 8px 0em 0em;}
#footer ul a {font-size: 11px;}
#footer ul a:hover {text-decoration: none;}
#footer p {font-size: 11px;line-height: 17px;margin: -4px 0em 3px 0em;}
#footer address {margin: 0em 14px 0em 0em;}
#footer address {color: #aaa;font: 9px arial;}
#footer address a {color: #888; font: bold 9px arial;}

.login_under {background: #f9f9f9;border-top: 1px dotted #ededed;color: #666;font-size: 11px;margin-top: 20px;padding: 15px 0em;text-align: center;}
.join_box {background: url("/bbs/images/common/gr_down.gif") top repeat-x;border: 1px solid #ededed;}
.add_info {border-bottom: 1px dotted #ededed;font-size: 11px;letter-spacing: -1px;margin-bottom: 10px;padding: 10px;}
.msg_box {background: url("/bbs/images/common/gr_down.gif") top repeat-x;border: 1px solid #ededed;color: #f60;margin: 10px auto;padding: 20px 0em;text-align: center;}
.page_title dd {color: #9b7345;padding-top: 3px;}
.searched_txt {background: #06f;color: #fff;font-weight: bold;}
.spot_list {clear: both;margin-bottom: 10px;width: 100%;}
.spot_list li {border-bottom: #ededed 1px solid;clear: both;height: auto;padding: 6px 0em;}
.spot_list li span {border-right: 1px solid #ededed;display: inline-block;padding: 0em 5px;width: 80px;}
.spot_list .dist {background: url("/bbs/images/common/bar_top2.gif") repeat-x;border-bottom: #ddd 1px solid;border-top: #ededed 1px solid;margin-bottom: 7px;}
.spot_list .no {width: 20px;}
.spot_list .ln {width: 60px;}
.spot_list .sn {width: 120px;}
.spot_list .ad {width: 240px;}
.spot_list .st {width: 80px;}
.spot_list .lo {width: 60px;}
.g_menu {margin-left: 20px;width: 154px;}
.g_menu li {border-bottom: 1px solid #ededed;width: 100%;}
.g_menu li a {display: block;padding: 5px;text-decoration: none;with: 100%;}
.g_menu li a:hover {background: url("/bbs/images/common/bar_top2.gif") repeat-x;}
.g_menu li a.selected {background: url("/bbs/images/common/bar_top2.gif") repeat-x;border-bottom: 1px solid #b4ce38;color: #000;font-weight: bold;text-decoration: none;}
.b_shop {width: 100%;}
.b_shop li {border-bottom: 1px solid #ededed;float: left;min-height: 310px;padding: 6px 3px;}
.t_box {color: #666;font-size: 11px;}
.t_box .price {color: #39f;font-family: tahoma;font-size: 12px;text-align: center;}
.box_type {border: 3px solid #efefef;display: table;height: 150px;margin-bottom: 10px;position: relative;width: 99%;}
.cell {display: table-cell;vertical-align: middle;}
.inner {*height: 70px;*margin-top: -35px;*position: absolute;*top: 50%;}
.sml_text,
a.sml_text {font-size: 12px;}
.alt_pop a {background: #fff;border-bottom: 1px solid #ededed;display: block;font-size: 11px;min-width: 80px;padding: 3px 10px;text-decoration: none;}
.alt_pop a:hover {background: #f9f9f9;}
.latest_topic {overflow-x: hidden;width: 100%;}
.latest_topic li {background: url("/bbs/images/common/dot_whitegray.gif") 0em 3px no-repeat;height: 20px;overflow: hidden;}
.latest_topic li a {color: #777;font-size: 11px;letter-spacing: -1px;padding-left: 12px;}
.latest_topic li a:hover {color: #222;}
.latest_photo li {*float: left;display: inline-block;padding: 4px;}
.latest_photo a img {border: 1px solid #f2f3f4;}
.latest_photo a:hover img {border: 1px solid #ddd;}
.b_user_gallery li {float: left;margin-left: -1px;padding: 5px 0em;}
.t_list {border-bottom: 1px solid #f2f3f4;margin-bottom: 40px;padding-bottom: 40px;}
.t_list li {border: 1px solid #fff;cursor: pointer;padding-bottom: 10px;}
.t_list dt {color: #333;font-size: 13px;font-weight: bold;text-decoration: underline;}
.t_list dd.info {color: #999;font-size: 11px;}
#bcon {background: #fff;display: none;min-height: 400px;padding-top: 30px;position: absolute;top: 0em;width: 700px;z-index: auto;}
#bcon:after {clear: both;content: '';display: block;}
#bcon .cholder {border: 1px solid #dcdee0;min-height: 500px;padding: 20px;}
#xboard_con {overflow: hidden;}
#topnav {color: #ddd;font-family: 'Cousine', sans-serif;font-size: 11px;text-transform:uppercase;line-height: 23px;padding: 34px 50px 12px 0;text-align: right;}
#topnav a{padding:0 0.5em;opacity:.6;transition:.3s;}
#topnav a:hover{opacity:1;}
#topnav a.menu-open {background: #ddeef6!important;color: #666!important;outline: none;}
#small_signup {display: inline;float: none;line-height: 23px;margin: 25px 0em 0em;width: 170px;}
#signin_menu {margin-left: -15px;background-color: #ddeef6;border: 1px transparent;color: #789;display: none;font-size: 11px;left: 600px;margin-left: -8px;margin-top: 5px;padding: 10px;position: absolute;text-align: left;width: 210px;z-index: 100;}
#signin_menu input[type=text],#signin_menu input[type=password] {border: 1px solid #ace;display: block;font-size: 13px;margin: 0em 0em 5px;padding: 5px;width: 195px;}
#signin_menu p {margin: 0em;}
#signin_menu a {color: #6ac;}
#signin_menu label {font-weight: normal;}
#signin_menu p.remember {padding: 10px 0em;}
#signin_menu p.search_info {clear: both;margin: 5px 0em;text-align: center;}
#signin_menu p a {color: #27b!important;}
#signin_submit {background: #39d url("/bbs/images/common/bg-btn-blue.png") repeat-x scroll 0em 0em;border: 1px solid #39d;color: #fff;    font-size: 11px;font-weight: bold;margin: 0em 5px 0em 0em;padding: 4px 10px 5px;text-shadow: 0em -1px 0em #39d;}
#signin_submit::-moz-focus-inner {border: 0em;padding: 0em;}
#signin_submit:hover,#signin_submit:focus {background-position: 0em -5px;cursor: pointer;}
.search_submit {background: #39d url("/bbs/images/common/bg-btn-blue.png") repeat-x scroll 0em 0em;   border: 1px solid #39d;color: #fff;font-weight: bold;margin: 0em 5px 0em 0em;padding: 4px 10px 5px;text-shadow: 0em -1px 0em #39d;}
#menu {background: #fff;border-bottom: 1px solid #ededed;list-style: none;margin: 0em auto;padding-left: 50px;}
#menu li {float: left;line-height: 0;padding: 0em;position: relative;}
#menu li.search {float: rigth;padding-top: 8px;}
#menu a {*display: block;*width: 100px;color: #666;display: inline-block;float: left;font-weight: bold;padding: 20px 15px;text-align: center;text-decoration: none;}
#menu li:hover > a {color: #f7d343;}
*html #menu li a:hover {color: #f7d343;}
#menu li:hover > ul {*width: 140px;display: block;}
#menu ul {background: #fff;border: 1px solid #ededed;display: none;left: 0em;list-style: none;margin: 0em;padding: 0em;position: absolute;top: 40px;z-index: 99999;}
#menu ul ul {left: 140px;top: 0em;}
#menu ul li {display: block;float: none;margin: 0em;padding: 0em;}
#menu ul li:last-child {border-bottom: none;}
#menu ul a {border-bottom: 1px dotted #ededed;color: #8db4cf;display: block;float: none;font-size: 12px;font-weight: normal;height: auto;line-height: 1.5;min-width: 110px;padding: 7px 15px;text-align: left;text-transform: none;white-space: nowrap;}
*html #menu ul a {height: 16px;}
*:first-child+html #menu ul a {height: 16px;}
#menu ul a:hover {background: #fafbf9;}
#menu ul li:first-child > a:after {border-bottom: 6px solid #ddd;border-left: 4px solid transparent;border-right: 4px solid transparent;content: '';height: 0em;left: 65px;position: absolute;top: -6px;width: 0em;}
#menu ul ul li:first-child a:after {border-bottom: 4px solid transparent;border-left: 0em;border-right: 6px solid #ddd;border-top: 4px solid transparent;height: 0em;left: -6px;top: 12px;width: 0em;}
#menu ul li:first-child a:hover:after {border-bottom-color: #ddd;}
#menu ul ul li:first-child a:hover:after {border-bottom-color: transparent;border-right-color: #ddd;}
*html #menu ul ul li:first-child a {content: '';display: none;}
#menu ul li:last-child > a {border: none;}
#menu:after {clear: both;content: " ";display: block;font-size: 0em;height: 0em;visibility: hidden;}
* html #menu {zoom: 1;}
*:first-child+html #menu {zoom: 1;}
#quick {position: absolute;z-index: auto;}
#quick a {color: #444;display: block;font-family: tahoma;font-size: 11px;padding: 5px;}
#quick a:hover {color: #222;}

/* sitemap*/
#sitemap,#sitemap ul {list-style: none; margin: 0em;  padding: 0em;}
#sitemap {background: #fff; font-family: 'Cousine', sans-serif;font-size: 12px; padding-bottom: 70px;width: 250px;}
#sitemap ul {display: none;padding-bottom: 10px;}
#sitemap li {border-bottom: 1px solid #e6e6e6;line-height: 200%;position: relative;text-transform: uppercase;width: 100%;}
#sitemap li a {display: block; padding-bottom: 5px; padding-left: 28px; padding-top: 5px;}
#sitemap li span {cursor: auto;float: left; font-size: 0em;height: 14px;left: 0em;padding: 4px 10px;position: absolute; top: 8px; width: 13px;}
#sitemap li span,#sitemap li span.collapsed {background: url("/bbs/images/common/collapsed.gif") no-repeat 0em 1px;cursor: pointer;}
#sitemap li span.expanded {background: url("/bbs/images/common/expanded.gif") no-repeat 0em 1px;}
#sitemap li b {color: #aaa; display: none;font-size: 11px; font-weight: normal;left: 150px; letter-spacing: -1px;position: absolute;text-align: right;top: 7px;width: 90px;}
#sitemap li li {background: #fff;border: none;font-weight: normal;text-transform: lowercase;}
#sitemap li li:first-child {border-top: 1px solid #eee;}
#sitemap li li a {color: #999;padding-left: 30px;}
#sitemap li li a:hover {color: #b20808; padding-left: 34px;}
#sitemap li li span {left: 10px;}
#sitemap li li li a {padding-left: 84px;}
#sitemap li li li span {left: 56px;}

.staffs {}
.staffs dl{border:1px solid #ededed;text-align:left;position:relative;line-height:2em;margin-bottom:20px;height:180px;padding:15px;transition:.3s;}
.staffs dl:hover{border-color:#212121;}
.staffs dl dt{padding-bottom:20px;margin-bottom:30px;font-weight:normal;}
.staffs dl dt span{color:#ea3431;font-size:14px;padding-right:20px;}
.staffs dl dd{margin-bottom:5px;}
.staffs dl dd .badge-danger{width:40px;text-align:right;margin-right:10px;background:#ef5285}
.staffs dl dd.photo{position:absolute;bottom:25px;right:25px;width:106px;height:106px;overflow:hidden;display:block;border-radius:53px;}
.staffs dl dd.photo img{margin-top:-20px;width:106px;height:auto;}
.bind{display:none;}

.portfolio {display: block;}
.portfolio-list li {background: #121212;float: left;height: 260px;margin: 0em 15px 15px 0em;overflow: hidden;width: 240px;}
.portfolio-list li img {margin-bottom: 16px;}
.portfolio-list li > h1 {font-family: "museo-slab",Georgia, "Times New Roman", Times, serif;font-size: 18px;font-weight: normal !important;letter-spacing: -1px;line-height: 20px;margin: 0em 0em 2px;}
.portfolio-list li > h1 span {color: #fff;font-weight: 500;margin-left: 15px;padding: 0em;}
.portfolio-list h2 {color: #999;font-family:  "museo-slab",Georgia, "Times New Roman", Times, serif;font-size: 12px;font-weight: normal !important;letter-spacing: -1px;margin: 0em 0em 0em 15px;}
.portfolio-list li > div h2 {color: #252525;margin-left: 20px;padding: 1px 0em 3px;}
.portfolio-list .reveal {background: #44b3e6 url("/bbs/images/button/icon-view-project.gif") bottom right no-repeat;display: none;height: 260px;position: absolute;width: 240px;z-index: 999;}
.txt_normal {font-size: 14px !important;}
.portfolio-list .reveal:hover {cursor: pointer;}
.portfolio-list li > div h1 {border-bottom: 1px dotted #252525;color: #252525;font-family: Georgia, "Times New Roman", Times, serif;font-size: 18px;font-weight: normal;letter-spacing: -1px;line-height: 20px;margin: 30px 20px 8px;padding-bottom: 10px;}
.portfolio-list li > div p {border-top: 1px dotted #252525!important;color: #252525;line-height: 18px;margin-top: 7px;margin: 10px 20px;padding-top: 10px;}
.portfolio-list .reveal .view-project {background: #252525;bottom: 0em;font-size: 10px;overflow: hidden;padding: 8px 12px;position: absolute;right: 0em;text-transform: uppercase;z-index: 999;}
.portfolio-list .reveal .view-project a {color: #fff;}
.button2 {-moz-border-radius: 0.3em;-moz-box-shadow: 0em 0em 1px 1px rgba(255, 255, 255, 1) inset, 0em 1px 1px rgba(200, 200, 200, .2);-webkit-border-radius: 0.3em;-webkit-box-shadow: 0em 0em 1px 1px rgba(255, 255, 255, 1) inset, 0em 1px 1px rgba(200, 200, 200, .2);background-color: #fff;background-image: linear-gradient(top, #fff, #fafafa);border-left: 1px solid #ededed;border-radius: 0.3em;border-top: 1px solid #ededed;border: 1px solid #ddd;box-shadow: 0em 0em 1px 1px rgba(255, 255, 255, 1) inset, 0em 1px 0em rgba(200, 200, 200, .2);color: #ce7285;cursor: pointer;display: inline-block;filter: progid: DXImageTransform.Microsoft.gradient(startColorStr=' #fff', EndColorStr=' #fafafa');font-size: 11px!important;font-weight:bold;padding: 0.5em 2em;text-decoration: none;white-space: nowrap;}
.button2:hover {background-color: #fff;background-image: linear-gradient(top, #f1f1f1, #fff);border: 1px solid #e1afb9;color: #c82c4d;filter: progid: DXImageTransform.Microsoft.gradient(startColorStr=' #f1f1f1', EndColorStr=' #fff');text-decoration: none;}
a.orange-button,
input.orange-button {border-radius:0;-moz-box-shadow: 0em 1px 2px #d9d9d9, inset 0em 1px 0em #ffe598;-webkit-box-shadow: 0em 1px 2px #d9d9d9, inset 0em 1px 0em #ffe598;background-color: #feda71;background-image: linear-gradient(top, #feda71, #febb49);border-bottom-color: #d6982f;border-top-color: #f5b74e;border: 1px solid #e7a943;box-shadow: 0em 1px 2px #d9d9d9, inset 0em 1px 0em #ffe598;color: #623f1d;cursor: pointer;display: inline-block;filter: progid: DXImageTransform.Microsoft.gradient(startColorStr=' #feda71', EndColorStr=' #febb49');font-size: 18px;font-weight: bold;line-height: 12px;padding: 13px 30px 16px;text-decoration: none;text-shadow: 0em 1px #fede9d;white-space: nowrap;}
a:hover.orange-button,
input:hover.orange-button {background-color: #fee296;background-image: linear-gradient(top, #fee296, #fec166);filter: progid: DXImageTransform.Microsoft.gradient(startColorStr=' #fee296', EndColorStr=' #fec166');}
.make_detail dl {clear: both;padding-left:230px;text-align: left;max-width:900px;position:relative;}
.make_detail dt {padding-bottom: 20px;}
.make_detail dd.photo {position: absolute;top:10px;left:0;}
.make_detail .point1 {color: #d95b44;}
.make_detail .point2 {color: #dd8b4f;}
.make_detail li.t{color:#ef5285;font-size:160%;font-weight:200;line-height:2em;margin-top:1em;}

.gap_dot_line {border-bottom: 1px dotted #ddd;clear: both;height: 40px;margin-bottom: 40px;}
#pop_menu {background: #fff;border: 3px solid #444;cursor: pointer;display: none;height: 398px;left: 250px;position: absolute;top: -160px;width: 334px;z-index:999;}
#pr_view{padding-bottom:40px;border-bottom:3px solid #444;}
#pr_view:after{display:block;clear:both;content:'';}
#pr_view_con{min-height:360px;margin:0 auto;text-align:left;}
#pr_sml{width:76px;float:left;}
#pr_sml a {display:block;margin-bottom:-1px;}
#pr_sml a img{border:1px solid #e8e7dc}
#pr_sml a:hover img,#pr_sml a.selected img{border:1px solid #b2af90}
#pr_big{margin-left:60px;width:380px;padding-bottom:20px}
#pr_big img{border:1px solid #e8e7dc}
#pr_detail{float:right;width:300px;text-align:left;margin-top:-373px;}
#pr_detail dt{font-size:16px;font-weight:bold;color:#fd4139;padding-bottom:16px;border-bottom:1px dotted #cccccc;margin-bottom:14px;}
#pr_detail dd.composition{margin-top:20px;height:200px;overflow:auto;padding-right:5px;line-height:160%;font-size:11px;}
#content_holder2{}
.caInfoTable {border:1px solid #ededed;}
.caInfoTable th{padding:10px;padding-bottom:6px;border-bottom:1px solid #ececec;border-top:1px solid #fff;text-align:center;background-color:#f8f9fa;font-size:11px;font-weight:normal;color:#999}
.caInfoTable td{padding:4px 10px;font-size:11px;color:#999999;text-align:left;border-bottom:1px solid #ededed;}
.spr{padding:10px 0}
.spr li{border:1px solid #ededed;float:left;width:340px;height:156px;display:block;float:left;margin:0 5px 5px 0;padding:10px;overflow:hidden;font-size:11px;line-height:140%;color:#888;cursor:pointer;}
.spr li:hover{border:1px solid #bed5e5;}
.spr li.current{border:1px solid #FF3300;}
.path span{font-size:13px;font-weight:bold;color:#333333}
.slist{height:34px;border-top:1px solid #ededed;background:#fafbf9;margin-top:20px;clear:both;padding-left:10px;}
.slist li{float:left;}
.slist li a{display:block;padding:6px 12px;font-size:11px;color:#444;color:#444;background:url(/bbs/images/common/dot_brown.gif) -2px center no-repeat;font-family:arial;}
.slist li a:hover{color:#e92c27;}

#backtotop:hover {background-color: #000;filter: alpha(opacity=100);opacity: 1;}
#lean_overlay {background:#010101 url(/img/common/animated-overlay.gif);display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 1000;}
.leanmodal_layer {z-index: 1100;    border-radius: 1px;box-shadow:10px 10px 30px rgba(0,0,0,.5);overflow  : hidden;display   : none;width     : 90%;max-width : 700px;margin-left:-45%;border-radius:1em;}
.leanmodal_layer h4{padding:20px;margin:0;	color:#fff;background:#595C7D;font-family: "Franklin Gothic Bold", "Arial Black", sans-serif;font-size:20px;}
.leanmodal_layer .modal_con {background: #fff;color: #666;height: 500px;text-shadow: none;padding:20px;width: 100%;box-sizing:border-box;positoin:relative;overflow-y:auto;}
.leanmodal_layer .modal_close {display: block;height: 30px;width:30px;position: absolute;right: 17px;top: 17px;text-indent:-9999px;background:url(/img/common/bt_close2.gif) 50% 50% no-repeat;z-index: 2;}
.leanmodal_layer .mytextarea{width:100%;height:100%;overflow-x:hidden;border:none;}

.tbl_type td{padding:1em .4em;}