.subPage{
    padding-bottom:0;
}
.clear{
	clear:both;	
	line-height:0;	
}

/*dialog*/
.ui-dialog{
	overflow:inherit;
	padding:0;
	margin:0;
	
    border:none;
	border-radius:0;
    background:#ffffff;
}
.ui-dialog .ui-dialog-titlebar{
	box-sizing:border-box;
	display:block;
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	
	background:none;
	border:none;
	border-radius:initial;
}
.ui-dialog .ui-dialog-titlebar span.ui-dialog-title{
	display:none;
	box-sizing:border-box;
	width:100%;
	height:auto;
	padding:30px;
	margin:0;

	border:none;
	border-bottom:1px solid #e1e1e1;			
	color:#457ee5;	
	font-size:26px;
	font-weight:normal;
	font-family:yl;
	background:none;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close{
    border:none;
    padding:0;
    margin:0;
    background:#ffffff url(/default/images/dialog/closeBtn.png) no-repeat left top;
    width:40px; height:40px;
    position:absolute; top:-40px; right:0px;
	border:none;
	border-radius:0;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close:hover{
	background-color:#e1e1e1;
}
.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close *{
    display:none;
}
.ui-dialog .ui-dialog-buttonpane{
    border-color:#d4d4d4;
    background:#f9f9f9;
}
.ui-dialog .dialogContainer{
	padding:0;
}

.ui-dialog .box{
	padding:0;
	margin:0;
}
.ui-dialog .box .header{
	box-sizing:border-box;
	width:100%;
	padding:30px;
	margin:0;
	
	border-bottom:1px solid #e1e1e1;
}
.ui-dialog .box .header h2{
	padding:0;
	margin:0;
	
	color:#457ee5;
}
.ui-dialog .box .content{
	box-sizing:border-box;
	padding:30px;
	padding-bottom:0;
	margin:0;
	
	font-size:16px;
	font-family:yr;
	color:#161616;
}
	

.workingDialog{
	overflow:inherit;
	padding:0;
	margin:0;
	
    border:none;
    background:#ffffff;
	border-radius:10px;
}
.workingDialog .workingDialogContainer{
	padding:0;
}
.workingDialog .workingDialogContainer p{
	height:48px;
	padding:0;

	font-size:16px;
	font-weight:normal;
	line-height:48px;
	vertical-align:middle;
    text-align:center;
    color:#333333;
}
.workingDialog p img{
    vertical-align:middle;
}
.workingDialog .ui-dialog-titlebar{
    display: none;
}

.alertDialog .ui-dialog-titlebar-close{
    display: none;
}
.alertDialog .ui-dialog-titlebar span.ui-dialog-title{
	display:block;
}


/* compnents
--------------------------------------------------*/

/*defaultPortfoliosContainer*/
.defaultPortfoliosContainer{
	width:100%;
	box-sizing:border-box;
	
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.defaultPortfoliosContainer .portfolio{
	box-sizing:border-box;
	width:calc(25% - 15px);
	position:relative;
}
.defaultPortfoliosContainer .portfolio[data-is-fake="true"]{
	height:0;
}
.defaultPortfoliosContainer .portfolio[data-index="1"],
.defaultPortfoliosContainer .portfolio[data-index="2"]{
	width:calc(50% - 10px);
}
.defaultPortfoliosContainer .portfolio a.image{
	position:relative; z-index:1;
	display:block;
	width:100%;
}
.defaultPortfoliosContainer .portfolio a.image img{
	width:100%;
	position:relative; z-index:1;
}
/*
.defaultPortfoliosContainer .portfolio a.image span.gradient{
	position:absolute; left:0; top:37%; right:0; bottom:0; z-index:2;
	
	background:url(/default/images/gradient.png) no-repeat center bottom;
	background-size:100% 100%;
}
*/
.defaultPortfoliosContainer .portfolio[data-index="1"] a.image span.gradient,
.defaultPortfoliosContainer .portfolio[data-index="2"] a.image span.gradient{
	top:58%;
}

.defaultPortfoliosContainer .textContainer{
	position:absolute; left:2.6vw; right:2.6vw; bottom:2.6vw; z-index:2;
	text-align:left;
    display:none;
}
.defaultPortfoliosContainer .textContainer h5{
	width:100%;
	float:left;
	padding-bottom:12px;
	
	color:#ffffff;
	text-transform:uppercase;
	font-family:lh;
}
.defaultPortfoliosContainer .textContainer div.separator{
	float:left;
	clear:both;
	width:50px;
	height:2px;
	margin-bottom:20px;
	
	background:#ffffff;
}
.defaultPortfoliosContainer .textContainer h4{
	padding:0;
	width:100%;
	float:left;
	color:#ffffff;
	font-family:lb;
	font-size:140%;
}

/* boxes
--------------------------------------------------*/
.box{
	box-sizing:border-box;
	width:100%;	
	
	border:20px solid #ffffff;
	font-size:1;
}	
.box .header{
	width:100%; 
	padding:5.2vw 0;
	
	font-family:lb;
	font-size:380%;	
}
.box .header h2,
.box .header h3{
	padding:0;
	font-size:100%;
	line-height:1.2;
}
.box .header h2{

}
.box .header h3{

}
.box .content{

}

.appOrangeBox{
	border-color:#e6552f;
}
.appOrangeBox .header h3{
	color:#e6552f;
}
.appOrangeBox .defaultHeaderContainer .topNavWrapper .navBtn{
	background-color:#e6552f;
}
.appOrangeBox .defaultHeaderContainer .pageTitleWrapper h2{
	color:#e6552f;
}
.appOrangeBox .defaultHeaderContainer .popupContainer{
	background:#e6552f;
}

.appBlueBox{
	border-color:#1f8ea9;
}
.appBlueBox .header h3{
	color:#1f8ea9;
}
.appBlueBox .defaultHeaderContainer .topNavWrapper .navBtn{
	background-color:#1f8ea9;
}
.appBlueBox .defaultHeaderContainer .pageTitleWrapper h2{
	color:#1f8ea9;
}
.appBlueBox .defaultHeaderContainer .popupContainer{
	background:#1f8ea9;
}

.appGreenBox{
	border-color:#7dc04b;
}
.appGreenBox .header h3{
	color:#7dc04b;
}
.appGreenBox .defaultHeaderContainer .topNavWrapper .navBtn{
	background-color:#7dc04b;
}
.appGreenBox .defaultHeaderContainer .pageTitleWrapper h2{
	color:#7dc04b;
}
.appGreenBox .defaultHeaderContainer .popupContainer{
	background:#7dc04b;
}

.appWhiteBox{
	border-color:#ffffff;
}
.appWhiteBox .header h3{
	color:#000000;
}
.appWhiteBox .defaultHeaderContainer .topNavWrapper .navBtn{
	background-color:#e6552f;
}
.appWhiteBox .defaultHeaderContainer .pageTitleWrapper h2{
	color:#e6552f;
}
.appWhiteBox .defaultHeaderContainer .popupContainer{
	background:#e6552f;
}

/*.appPortfolioBox*/
.appPortfolioBox{

}
.appPortfolioBox .defaultHeaderContainer{
	box-sizing:border-box;
	padding:calc(2.6vw - 10px);
}

.appPortfolioBox .defaultPortfoliosContainer .portfolio{
	margin-bottom:20px;
}

.appPortfolioBox .buttonContainer{
	padding:2.6vw 0;
	
	text-align:center;
}


/*.appPortfoliosDetails*/
.appPortfoliosDetails{
	
}
.appPortfoliosDetails .defaultHeaderContainer{
	box-sizing:border-box;
	padding:2.6vw;
	padding-bottom:5vw;
}

.appPortfoliosDetails .headerContainer{
	width:100%;
	padding-bottom:5vw;
	
	text-align:center;
}
.appPortfoliosDetails .headerContainer h3{
	padding:0;
	
	color:#e6552f;
	font-size:118%;
	text-transform:uppercase;
	font-family:lh;
}
.appPortfoliosDetails .headerContainer .separatorContainer{
	height:2px; width:100%;
	padding:30px 0;
	
	line-height:2px;
	text-align:center;
}
.appPortfoliosDetails .headerContainer .separatorContainer .separator{
	width:50px; height:2px;
	display:inline-block;
	
	background:#e6552f;
}
.appPortfoliosDetails .headerContainer h2{
	padding:0;
	
	font-size:300%;
}

.appPortfoliosDetails .themplateContainer{
	width:100%;
}

.appPortfoliosDetails .themplateContainer .blockContainer[data-is-no-padding="true"]{
	padding-bottom:0;	
}

.appPortfoliosDetails .singleImageContainer{
	width:100%;
	/*padding-bottom:5vw;*/
}
.appPortfoliosDetails .singleImageContainer img{
	width:100%; height:auto;
}

.appPortfoliosDetails .doubleImageContainer{
	width:100%;
	/*padding-bottom:5vw;*/
}
.appPortfoliosDetails .doubleImageContainer img{
	width:50%; height:auto;
}

.appPortfoliosDetails .singleTextContainer{
	box-sizing:border-box;
	width:100%;
	max-width:1140px;
	margin:0 auto;
	padding:60px 0;
}
.appPortfoliosDetails .singleTextContainer .head{

}
.appPortfoliosDetails .singleTextContainer .description{
	/*font-size:150%;*/
}
.appPortfoliosDetails .singleTextContainer .description p:last-child,
.appPortfoliosDetails .singleTextContainer .description ul:last-child{
	padding-bottom:0;
}

.appPortfoliosDetails .doubleTextContainer{
	box-sizing:border-box;
	width:100%;
	max-width:1140px;
	margin:0 auto;
    padding:60px 0;
	/*padding-bottom:5vw;*/
}
.appPortfoliosDetails .doubleTextContainer .leftColumn{
	box-sizing:border-box;
	width:33%;
	float:left;
	padding-right:2.6vw;
}
.appPortfoliosDetails .doubleTextContainer .rightColumn{
	box-sizing:border-box;
	width:66%;
	float:right;
}

.appPortfoliosDetails .doubleTextContainer .rightColumn .description{
	/*font-size:150%;*/
}
.appPortfoliosDetails .doubleTextContainer .description p:last-child,
.appPortfoliosDetails .doubleTextContainer .description ul:last-child{
	padding-bottom:0;
}

.appPortfoliosDetails ul {
    list-style-type:none;
    padding-left:0;
    margin-left:0;
}
.appPortfoliosDetails ul li{
    position:relative;
    padding:0;
    margin:0;
    padding-left:20px;
}
.appPortfoliosDetails ul li::before {
    position: absolute;
    left: 0;
    top: -5px;
    content: "•";
    color: #e6552f;
    font-size: 22px;
}

.appPortfoliosDetails .seeMoreContainer{
	width:100%;
	margin:0 auto;
    clear:both;
}


/** 웹접근성 WA 페이지 시작 **/

.defaultPortfoliosContainer2{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.defaultPortfoliosContainer2 .wa_img_box{
	width:100%;
}
.defaultPortfoliosContainer2 .wa_img_box img{
    display: block;
    width: 100%;
    box-sizing: border-box;
    border: solid 2px #7dc04b;
    margin: 0 auto;
    max-width: 688px;
}

.cgreen {
    background: #7dc04b;
}



@media (max-width: 1447px) {
	.defaultPortfoliosContainer2 .wa_img_box.wa_img_box1 img{
		border-bottom:0;
	}
	.defaultPortfoliosContainer2 .wa_img_box.wa_img_box2 img{
		border-top:0;
	}
	.defaultPortfoliosContainer2{
		flex-direction: column;
		align-items: center;
	}

}


/** 웹접근성 WA 페이지 rMX **/


@media (max-width: 1280px) {
/* boxes
--------------------------------------------------*/
.box{
	
}

/* boxes
--------------------------------------------------*/
/*appPortfoliosDetails*/
.appPortfoliosDetails .doubleTextContainer .leftColumn .description{
	
}

}

@media (max-width: 769px) {
    /* components
    --------------------------------------------------*/
    .appPortfoliosDetails .contactFormContainer p{
        font-size:13px;
    }

    /*form.default*/
    form.default label{
        width:100%;
    }
    form.default input[type="text"],
    form.default input[type="password"],
    form.default select,
    form.default textarea{
        width:100%;
        font-size:13px;
    }
    form.default .row ul li{
        width:100%;
    }

    /*defaultPortfoliosContainer*/
    .defaultPortfoliosContainer{
        font-size:150%;
    }
    .defaultPortfoliosContainer .portfolio{
        width:calc(50% - 5px) !important;
    }
    
    /*appPortfolioBox*/
    .appPortfolioBox .defaultHeaderContainer{
        padding:5vw;
    }
    .appPortfolioBox .defaultPortfoliosContainer .portfolio{
        margin-bottom:10px;
    }

    /*appPortfoliosDetails*/
    .appPortfoliosDetails .headerContainer .separatorContainer{
        padding:5vw 0;
    }
    .appPortfoliosDetails .doubleTextContainer .leftColumn{
        width:100%;
        padding-bottom:5vw;
    }
    .appPortfoliosDetails .doubleTextContainer .rightColumn{
        width:100%;
    }

    .appPortfoliosDetails .contactFormContainer form .row_name{
        padding-right:0;
        width:100%;
        clear:both;
    }
    .appPortfoliosDetails .contactFormContainer form .row_email{
        padding-left:0;
        width:100%;
        clear:both;
    }
    .appPortfoliosDetails .contactFormContainer form #cms_form_submit_btn{
        font-size:16px;
    }    

}

@media (max-width: 640px) {
/* components
--------------------------------------------------*/
/*defaultPortfoliosContainer*/
.defaultPortfoliosContainer .portfolio .textContainer h5,
.defaultPortfoliosContainer .portfolio .textContainer div.separator{
	display:none;
}

/* boxes
--------------------------------------------------*/
/*box*/
.box{
	
}

/*.appPortfoliosDetails*/


.appPortfoliosDetails .doubleImageContainer{
	display:block;
}
.appPortfoliosDetails .doubleImageContainer img{
	width:100%;
}


}

@media (max-width: 600px) {
.defaultPortfoliosContainer .portfolio{
    width:calc(100% - 5px) !important;
}   
}

/** 포트폴리오 수정 시작 **/
.portTitleBox{text-align:center}
.portTitleBox .portYearText{position:relative; top:50%; transform: translateY(-50%)}
.portTitleBox .portYearText img{position:relative; display:block; margin:0 auto; width:40%}
.portTitleBox .portYearText p{font-size:30px; color:#444; line-height:normal; font-weight:500; margin-top:10px}
/** 포트폴리오 수정 끝 **/