@charset "utf-8";
/*******************************************************************************************/
/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*
 * Created by : http://www.uplusweb.com
 *
 * uplusweb CSS v1.17.0703 = info@uplusweb.com
 *
 * Copyright (c) 2015 www.uplusweb.com
 *
 *
 */
/*/////////////////////////////////////////////////////////////////////////////////////////*/
/*******************************************************************************************/
label {margin-bottom:0;}
.upw_port_lst_box_add {padding:0; margin:0; border:1px solid #ddd; font-family:Trebuchet MS,"nanumw",dotum !important;}
.upw_port_lst_box_add:hover,.upw_port_lst_box_add:focus {border:1px solid #9578b1;}
.projects .height_3column {height:auto !important;}

.span12 a {color:#58406f;}
#options li {padding-right:3px; vertical-align:middle; font-family:Trebuchet MS,"nanumw",dotum;}
#options li:first-child {padding-right:0;}
#options .option-set {vertical-align:middle;}
#upwb_header_title {position:relative; display:inline-block; width:100%; height:auto; padding:0 0 10px 0; margin-bottom:7px; margin:0 0 10px 0; box-sizing:border-box; line-height:1em; text-transform:uppercase; font-size:1em; color:#3f3f3f; background:url(../../../images/line_width.gif) left bottom no-repeat; background-size:300px auto;}
.span12 #upwb_header_title h2 {word-break:break-all; text-transform:none;}
.span12 #upwb_header_title h2.title {vertical-align:middle;}
.span12 #upwb_header_title h2.title {position:relative; float:left; width:auto; padding:0; margin:0; line-height:1.375em; text-transform:uppercase; font-size:1.25em; color:#3f3f3f; background:0;}
.span12 #upwb_header_title span.ui_box_btn_viw_hdr {float:right; width:auto; margin:0; text-align:right; word-break:break-all;}
.span12 #upwb_header_title span.ui_box_btn_viw_hdr span {margin:0;}

.hover_img {text-align:center; border-bottom:1px solid #ddd;}
.hover_img .no_thumb {display:block; overflow:hidden; position:relative; width:100%; height:100%; background:#eee; color:#777; line-height:160px; text-align:center; white-space:nowrap;}
.hover_img .no_thumb em {visibility:hidden; position:absolute; bottom:0; left:0; width:1px; height:1px; background:#535353; font-weight:bold; font-style:normal; color:white; text-align:center; opacity:.6; filter:alpha(opacity=60);}
.hover_img .no_thumb em {_visibility:visible; _width:100%; _height:auto; _line-height:20px;}
.hover_img a:hover .no_thumb,.hover_img a:active .no_thumb,.hover_img a:focus .no_thumb {margin:-1px; border:1px solid #9578b1; border-bottom:1px solid #ddd;}
.hover_img a:hover .no_thumb em,.hover_img a:active .no_thumb em,.hover_img a:focus .no_thumb em {visibility:visible; width:100%; height:auto;}

.projects .hover_img {max-height:700px; overflow-y:hidden;}

.projects .hover_img {background:#000;}
.projects .item_description {height:auto !important; margin:0; text-align:left; font-family:Trebuchet MS,"nanumw",dotum !important;}
.projects .item_description a {color:#232323 !important;}
.projects .item_description a:hover {color:#58406F !important;}
.projects .item_description a:focus {color:#58406F !important;}
.projects .item_description a:active {color:#58406F !important;}

.projects .item_description h5 {padding:10px 10px 5px 10px; margin:0; line-height:20px; text-align:left; font-family:Trebuchet MS,"nanumwB",dotum; font-weight:normal; font-size:1.063em;}
.projects .item_description h5.h5_small {font-family:Trebuchet MS,"nanumw",dotum; font-weight:normal; font-size:1em;}
.projects .item_description input[type="checkbox"] {vertical-align:top; margin-top:3px;}
.projects .item_description input[type="checkbox"] {vertical-align:top\9; margin-top:0\9;}
.projects .item_description .post_date {padding:0 10px 3px 10px; margin:0;}

.projects .item_description .descr {height:auto; padding:3px 10px 3px 10px; margin:0; line-height:1.375em; text-align:left; background-color:#f3f3f3; font-size:.938em; color:#353535;}
.projects .lst_post_info_box {width:auto; height:auto; padding:0; margin:0; background-color:#f3f3f3;}

.projects .post_line_box {height:5px; padding:0; margin:0; text-align:left; background-color:#f3f3f3;}
.projects .post_info_cat {height:auto; padding:0 0 10px 0; margin:0 !important; text-align:left;}
/*
.projects .post_info_cat_opt {height:auto; padding:0; margin:3px -1px 0 -1px !important; text-align:left; background-color:#5b565f;} */
.projects .post_info_cat_opt {height:auto; padding:0; margin:0 -1px 0 -1px !important; text-align:left; background-color:#5b565f;}

.cont_cat_info_viw {display:inline-block; width:auto; height:auto; padding:3px 7px !important; margin:0 3px 0 0 !important; line-height:1.25em; text-decoration:none; border-radius:1px; background-color:#505050; font-family:Trebuchet MS,"nanumw",dotum; font-weight:normal; font-size:.875em; color:#f1f1f1;}
.cont_cat_info_lst {display:inline-block; width:auto; height:auto; padding:3px 7px !important; margin:0 3px 0 0 !important; line-height:1.5em; text-decoration:none; border-radius:2px; background-color:#898989; font-family:Trebuchet MS,"nanumw",dotum; font-weight:normal; font-size:.875em; color:white;}
.cont_cat_info_lst_grey {display:inline-block; width:auto; height:auto; padding:3px 7px !important; margin:0 3px 0 0 !important; line-height:1.5em; text-decoration:none; border-radius:2px; border:1px solid #d1d1d1; background-color:#fff; font-family:Trebuchet MS,"nanumw",dotum; font-weight:normal; font-size:.875em; color:#39363d;}
.cont_cat_info_lst_grey2 {color:#3f3f3f !important;}

.cont_cat_opt_info_viw {display:inline-block; width:auto; height:auto; padding:3px 7px !important; margin:0 3px 0 0 !important; line-height:1.25em; text-decoration:none; border-radius:1px; background-color:#58406f; font-family:Trebuchet MS,"nanumw",dotum; font-weight:normal; font-size:.875em; color:#f1f1f1;}

.cont_cat_opt_info_lst {display:inline-block; width:auto; height:auto; padding:5px 7px !important; margin:0 3px 0 0 !important; line-height:1.5em; text-decoration:none; border-radius:1px; font-family:Trebuchet MS,"nanumw",dotum; font-weight:normal; font-size:.875em; color:white;}
#upwb_page_min .cont_cat_opt_info_viw {margin-top:0;}
.cont_cat_info_sp_mark {font-family:Trebuchet MS,"nanumw",dotum; font-weight:bold; font-size:1em; color:#ff3535;}
.cont_cat_opt_device {margin-left:10px !important; font-family:Trebuchet MS,"nanumw",dotum;}
.projects .post_info_cat .img_device_desk {margin:-1px 5px 0 5px;}
.projects .post_info_cat .img_device_mobi {margin:-1px 5px 0 5px;}
.projects .post_info_cat .img_device_rwds {margin:-1px 5px 0 5px;}
.projects .post_info_cat img:first-child {margin-left:5px !important;}
#upwb_wrapper .viw_cont_option .img_device_desk {margin:0 5px 0 5px;}
#upwb_wrapper .viw_cont_option .img_device_mobi {margin:0 5px 5px 5px;}
#upwb_wrapper .viw_cont_option .img_device_rwds {margin:0 5px 0 5px;}
#upwb_wrapper .viw_cont_option li p img:first-child {margin-left:10px !important;}
#upwb_lst_cat_opt {display:inline-block; width:100%; height:auto; min-height:20px; padding:0; margin:0 0 7px 0;}
#upwb_lst_cat_opt ul {padding:0 !important; margin:0 auto !important; line-height:normal;}
#upwb_lst_cat_opt ul li {font-size:1em;}
.upwb_lst_cat_opt_le {float:left; width:auto; height:auto; text-align:left;}
.upwb_lst_cat_opt_le li {width:auto; height:auto; padding:0; margin:0;}
.upwb_lst_cat_opt_le img {vertical-align:middle;}
.upwb_lst_cat_opt_ri {float:right; width:auto; height:auto; text-align:right;}
.upwb_lst_cat_opt_ri li {width:auto; height:auto;}
.upwb_lst_cat_opt_ri img {vertical-align:middle;}
.upwb_lst_cat_opt_ri .li_Post {font-family:Trebuchet MS; color:#777;}
#upwb_lst_cat_opt .lst_cat_opt span {float:left; display:inline-block; width:auto; height:auto; padding:5px 12px 5px 12px !important; margin:3px 3px 0 0; text-decoration:none; border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px; font-family:tahoma,"nanumw",dotum !important; font-weight:normal; font-size:1em;}
.lst_cat_opt .cat_box_basic_off {background-color:#898989 !important; color:white !important;}
.lst_cat_opt .cat_box_basic_off:hover,.lst_cat_opt .cat_box_basic_on {background-color:#333333 !important; color:white !important;}
#upwb_lst_cat_opt li a span {text-decoration:none; -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; -ms-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out;}
.upwb_search_rwd {display:inline-block; width:100%; height:auto; padding:0; margin:-5px 0 10px 0; box-sizing:border-box; text-align:left;}
.upwb_search_rwd .upwb_sch_le {float:left; width:auto; height:auto; padding:0 5px 0 0; vertical-align:middle; text-align:left;}
.upwb_search_rwd .upwb_sch_le img {vertical-align:middle;}
.upwb_search_rwd .upwb_sch_ri {float:left; width:auto; height:auto; padding:0; text-align:left;}
.upwb_search_rwd .upwb_sch_le li,.upwb_search_rwd .upwb_sch_ri li {display:inline-block; vertical-align:middle; text-align:center;}
.upwb_search_rwd select {width:auto; height:auto; padding:3px 0 3px 3px; margin:0; line-height:2em !important; border:1px solid #bbb8af; font-size:1em !important;}
.upwb_search_rwd input.sch_cont {width:auto; min-width:100px !important; max-width:190px; height:26px !important; box-sizing:border-box; padding:2px 5px !important; margin:0 !important; line-height:normal; vertical-align:middle; border:1px solid #BBB8AF !important; font-size:1em !important; font-style:normal !important;}
.upwb_search_rwd img {vertical-align:middle;}
.upwb_search_rwd .upwb_lst_btn_col li {display:inline-block; vertical-align:top;}
.upwb_search_rwd .upwb_lst_btn_col a {display:inline-block; vertical-align:top;}

p.viw_up_file {text-align:center !important;}
p.viw_up_file.viw_img_box {box-sizing:border-box; padding:50px 19px; background-color:#393939;}
#writeContents {padding:15px 15px 20px 15px; margin:30px 0 20px 0; border:2px #e3e3e3 solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
#writeContents::before {display:inline-block; content:"포트폴리오 내용 :"; width:auto; height:auto; margin:0 0 7px -3px; font-family:Trebuchet MS,"nanumwB",dotum; font-size:1.063em; color:#535353;}
.viw_cont_option {display:block; width:100%; height:auto; padding:0; margin:0;}
.viw_cont_option ul {height:auto; padding:5px; margin:0 0 10px 0; border:1px #e3e3e3 solid; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.viw_cont_option .post_gall_cont1_box li:first-child {padding:5px 0 0 0;}
.viw_cont_option .post_gall_cont2_box li:first-child {padding:5px 0 0 0;}
.viw_cont_option li {position:relative; padding:5px 0 5px 0; margin:0; line-height:1.25em !important; font-size:1em;}
.viw_cont_option li::after {display:block; clear:both; content:"";}

.viw_cont_option li p {float:left; padding:0; margin:0; height:auto; line-height:normal; vertical-align:middle; font-family:Trebuchet MS,"nanumw",dotum; font-size:1.063em; color:#3e3e3e;}
.viw_cont_option li p.p_title {float:left; width:auto; min-width:95px; margin-left:5px; color:#333;}
.viw_cont_option li p.p_vbar {float:left; min-width:10px; width:auto; text-align:center;}
.viw_cont_option li p.p_cont {float:left; margin-left:5px;}
.viw_cont_option li p.p_cont_cat {float:left; min-width:120px; margin-left:5px; margin-right:5px;}
.viw_cont_option li p.p_title_cat {float:left; width:auto; min-width:95px; margin-left:5px; color:#333;}
.viw_cont_option li p.p_title_cat_sub {float:left; width:auto; min-width:75px; margin-left:5px; color:#333;}
.viw_cont_option li p.p_line_height {line-height:1.5em !important;}
.viw_cont_option li p .viw_project_name {font-family:Trebuchet MS,"nanumwB",dotum; font-size:1em; color:#3f3f3f;}
.viw_cont_option li p.p_cont_op {float:left; line-height:140%; margin:0 10px; font-family:Trebuchet MS,"nanumw",dotum; font-size:1em;}
.viw_cont_option li p.p_left {float:left;}
.viw_cont_option li p.p_right {float:right; clear:right;}
.viw_cont_option li span {padding:0; margin:0;}
.viw_cont_option li a {color:#58406f;}
.viw_cont_option li a:hover,.viw_cont_option p a:focus .viw_cont_option span a:hover,.viw_cont_option span a:focus {color:#7496cf !important;}

#upwb_wrapper .wrt_cont_h_inp label.wrt_chkbox input[type="checkbox"] {padding:0; margin:2px 0 0 0 !important; vertical-align:top !important; vertical-align:middle;}
.wrt_cont_h .post_gall_cont1_box {display:none;}
.wrt_cont_h .post_gall_cont2_box {display:none;}

.upwb_lst li.li_Post {font-family:"Trebuchet MS"; color:#ff7000 !important;}


@media(max-width:767px) {
    .height_2column,.height_3column,.height_4column {height:auto !important; min-height:270px !important;}
}

@media all and (min-width:1025px) {
}


@media all and (min-width:1200px) {
    .upwb_page {padding:10px 0 0 0;}
    #upwb_wrapper .span4-5 {width: 373.3px; !important}
}
@media all and (min-width:1025px) and (max-width:1199px) {
    .upwb_page {padding:10px 0 0 0;}
    #upwb_wrapper .span4-5 {width: 306px; !important}
}
@media all and (min-width:980px) and (max-width:1024px) {
    .upwb_page {padding:10px 0 0 0;}
    #upwb_wrapper .span4-5 {width: 306px; !important}
}

@media all and (min-width:768px) and (max-width:979px) {
    .upwb_page {padding:10px 0 0 0;}
    .upwb_search_rwd .upwb_sch_le {padding:0 10px 10px 0;}
    .upwb_search_rwd .upwb_lst_btn_col {display:inline-block; width:100%; margin:0; text-align:right;}
    .upwb_search_rwd .upwb_lst_btn_col ul {float:left; width:100%; margin:10px 0 0 0;}
    .upwb_search_rwd .upwb_lst_btn_col li {display:inline-block; vertical-align:middle;}
    .upwb_search_rwd .upwb_btn_li_admin {float:left; width:100%; margin:0 0 7px 0;}
    .upwb_search_rwd .upwb_btn_li_list {float:left; width:auto;}
    .upwb_search_rwd .upwb_btn_li_wrt {float:right; width:auto;}
}
@media all and (min-width:481px) and (max-width:767px) {
    .upw_port_lst_box_add {border:1px solid #d1d1d1;}
    .upwb_search_rwd .upwb_sch_le {float:left; width:100%; padding:0 0 10px 0; text-align:left;}
    .upwb_search_rwd .upwb_lst_btn_col {display:inline-block; width:100%; margin:0; text-align:right;}
    .upwb_search_rwd .upwb_lst_btn_col ul {float:left; width:100%; margin:10px 0 0 0;}
    .upwb_search_rwd .upwb_lst_btn_col li {display:inline-block; vertical-align:middle;}
    .upwb_search_rwd .upwb_btn_li_admin {float:left; width:100%; margin:0 0 7px 0;}
    .upwb_search_rwd .upwb_btn_li_list {float:left; width:auto;}
    .upwb_search_rwd .upwb_btn_li_wrt {float:right; width:auto;}
    .upwb_page {padding:10px 0 0 0;}
}
@media all and (max-width:480px) {
    .upw_port_lst_box_add {border:1px solid #d1d1d1;}
    .upwb_page {padding:10px 0 0 0;}
    .upwb_search_rwd {width:100%; height:auto; text-align:left;}
    .upwb_search_rwd li {display:inline;}
    .upwb_search_rwd .upwb_sch_le {float:left; width:100%; padding:0 0 10px 0; text-align:left;}
    .upwb_search_rwd select {width:auto; font-size:.938em !important;}
    .upwb_search_rwd select {letter-spacing:-0.05em;}
    .upwb_search_rwd .stx {width:auto; height:21px; border:1px solid #9d9d9d; border-right:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8;}
    .upwb_search_rwd input.sch_cont {width:auto; min-width:85px !important; max-width:90px;}
    .upwb_search_rwd .upwb_sch_ri {float:left; width:100%; padding:0 0 10px 0; text-align:left;}
    .upwb_search_rwd .upwb_sch_ri li {display:inline-block; width:auto; height:auto;}
    .upwb_search_rwd .upwb_sch_ri img {vertical-align:middle;}
    .upwb_lst_btn_col {display:inline-block; width:100%; margin:0; text-align:left;}
    .upwb_lst_btn_col ul {float:left; width:100%; margin:10px 0 0 0;}
    .upwb_lst_btn_col li {vertical-align:middle;}
    .upwb_btn_li_admin {float:left; width:auto; margin:0 0 7px 0;}
    .upwb_btn_li_list {float:left; width:auto;}
    .upwb_btn_li_wrt {float:right; width:auto;}
    p.viw_up_file.viw_img_box {box-sizing:border-box; padding:10px;}
}
@media all and (max-width:320px) {
    .upwb_search_rwd select {letter-spacing:-0.05em;}
    .upwb_search_rwd input.sch_cont {width:85px !important;}
}