@charset "utf-8";

.positoinNum{
	position:fixed;
	left:50%;
	top:50%;
	width:400px;
	height:100px;
	margin:-50px 0 0 -200px;
	background:#333;
	line-height:100px;
	font-size:20px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	z-index:999;
	display:none;
	letter-spacing:-0.9px;}
	

img{vertical-align:top;}


#wrap > div{
	height:950px;	
	position:relative;}



.page_btn{
	position:fixed;
	right:350px;
	top:50%;
	z-index:99;}


#wrap p{
	top:10px; 
	padding:20px; 
	position:fixed; 
	z-index:99; }


#wrap > .logo_ab{
	position:absolute;}

a:link {text-decoration:none; color:#666666;}
a:visited {text-decoration:none; color:#666666;}
a:hover	{text-decoration:none; color: #333333; }

input[type="radio"] {-webkit-appearance: radio; box-sizing: border-box;}
input[type="radio"], input[type="checkbox"] {margin:0px 0.5ex; padding:initial; background-color:initial; border:initial;}


/** pixed_menu **/

.pixed_menu {position:fixed !important; width:372px; height:100% !important; background-color:#3a3a3a; top:0; right:0; text-align:center; z-index:999;}
.pixed_menu .inner_box {position:absolute; top:50px; left:45px; height:750px; text-align:center;}
.pixed_menu .inner_box .mocassi{width:272px; height:62px; top:80px; left:5px;  position:absolute; }
.pixed_menu .inner_box .top_menu{text-align:center; color:#747474;}
.pixed_menu .inner_box .top_menu a{margin-left:13px;}
.pixed_menu .inner_box .top_menu a:hover{color:#CCC;}


.pixed_menu .inner_box .btn_sub{top:200px; left:5px; width:272px; height:150px; position:absolute; }
.pixed_menu .inner_box .btn_sub .btn_list{ height:40px; margin-bottom:5px; background:#262626; }
.pixed_menu .inner_box .btn_sub .btn_list li{margin-bottom:5px; display:block; width:272px; height:40px; background:url(../img/main/sub_btn.png) no-repeat;}
.pixed_menu .inner_box .btn_sub .btn_list li:hover{background:url(../img/main/sub_btn_over.png) no-repeat;}
.pixed_menu .inner_box .btn_sub .btn_list a{top:13px; position:relative; font-weight:bold; color:#999; z-index:99;}

.pixed_menu .inner_box .sns{top:370px; left:66px; width:272px; height:52px; position:absolute; }
.pixed_menu .inner_box .sns a{position:relative; float:left; text-align:center; padding:10px;}

.pixed_menu .inner_box .yellow_id{position:fixed; bottom:270px; width:272px; height:37px;}
.pixed_menu .inner_box .footer{position:fixed; bottom:50px; text-align:left; line-height:22px; color:#666; font-size:16px;}










/***************** Main 메인 ***********************/


/** Scene01 **/
#wrap #scene01{background-color:#342f2c; top:0; width:100%;} 
#wrap #scene01 .portfolio_btn a{top:790px; left:50%; margin-left:-310px; position:absolute;  z-index:99;}
#wrap #scene01 .visual{width:1000px; height:950px; top:70px; left:50%; margin-left:-680px; position:absolute;}



/** Scene02 **/
#wrap #scene02{background:url(../img/main/02_bg.png);} 
#wrap #scene02 .in_box{width:1024px; height:950px; position:absolute; left:50%; margin-left:-650px; }
#wrap #scene02 .in_box .title{top:90px; width:465px; height:52px; position:absolute; left:50%; margin-left:-220px;}
#wrap #scene02 .in_box .title .box02{top:20px; position:relative; }
#wrap #scene02 .in_box .illust{width:1024px; height:262px; position:absolute; top:280px; left:50%; margin-left:-510px;}
#wrap #scene02 .in_box .text{top:600px; width:1024px; height:100px; position:absolute; left:50%; margin-left:-520px; text-align:center; font-size:17px; line-height:22px; color:#474747;}
#wrap #scene02 .in_box .text .txt_01{width:310px; height:100px; position:absolute; }
#wrap #scene02 .in_box .text .txt_02{width:310px; height:100px; left:380px; position:absolute; }
#wrap #scene02 .in_box .text .txt_03{width:310px; height:100px; left:740px; position:absolute; }


/** Scene03 **/
#wrap #scene03{background:#775592;} 
#wrap #scene03 .bg_img{width:1168px; height:745px; bottom:-30px; left:50%; margin-left:-670px; position:absolute; overflow:hidden;}
#wrap #scene03 .title{top:90px; width:465px; height:52px; position:absolute; left:50%; margin-left:-370px;}
#wrap #scene03 .title .box02{top:20px; position:relative; }
#wrap #scene03 .text{top:240px; width:520px; height:85px; position:absolute; left:50%; margin-left:-420px; color:#3b2e44;  text-align:center; font-size:17px; line-height:22px; }


/** Scene04 **/
#wrap #scene04{background:#febd19;} 
#wrap #scene04 .bg_img{width:1550px; height:950px; top:0; left:50%; margin-left:-910px; position:absolute;}
#wrap #scene04 .title{top:90px; width:465px; height:52px; position:absolute; left:50%; margin-left:-370px;}
#wrap #scene04 .title .box02{top:20px; position:relative; }
#wrap #scene04 .text{top:240px; width:520px; height:85px; position:absolute; left:50%; margin-left:-410px; color:#353139;  text-align:center; font-size:17px; line-height:22px; }








/***************** sub_01  모카씨 소개 ***********************/


/** Scene01 **/
#wrap #moca01{ background:#494949;}
#wrap #moca01 .bg_img{top:400px; width:1150px; height:950px; position:absolute; left:50%; margin-left:-695px; }
#wrap #moca01 .title{top:120px; width:465px; height:52px; position:absolute; left:50%; margin-left:-510px;}
#wrap #moca01 .title .box02{top:10px; left:100px; position:relative; }
#wrap #moca01 .text{top:290px; width:600px; position:absolute; left:50%; margin-left:-440px; color:#fff; text-align:center; font-size:17px; line-height:24px;}


/** Scene2 **/
#wrap #moca02{ background:#e9e7e8;}
#wrap #moca02 .bg_img{width:1150px; height:950px; position:absolute; left:50%; margin-left:-900px;} 
#wrap #moca02 .title{top:100px; width:465px; height:52px; position:absolute; left:50%; margin-left:-380px;}
#wrap #moca02 .title .box02{top:20px; position:relative; }
#wrap #moca02 .text{top:240px; width:200px; position:absolute; left:50%; margin-left:-225px; color:#a7a5a5; text-align:center; font-size:17px; line-height:24px;}

#wrap #moca02 .point01{width:291px; height:560px; top:300px; position:absolute; left:50%; margin-left:-630px;}
#wrap #moca02 .point01 .po_01{}
#wrap #moca02 .point01 .t01{top:-275px; color:#6d431a; font-size:14px; line-height:20px; position:relative; letter-spacing:-1px;}
#wrap #moca02 .point01 .t01 span{font-size:18px; font-weight:bold; color:#b35901;}
#wrap #moca02 .point01 .po_02{top:-150px; position:relative;}
#wrap #moca02 .point01 .t02{top:-270px; color:#6d431a; font-size:14px; line-height:20px; position:relative; letter-spacing:-1px;}
#wrap #moca02 .point01 .t02 span{font-size:18px; font-weight:bold; color:#b35901;}
#wrap #moca02 .point01 .po_03{top:-180px; position:relative;}
#wrap #moca02 .point01 .t03{top:-317px; color:#6d431a; font-size:14px; line-height:20px; position:relative; letter-spacing:-1px;}
#wrap #moca02 .point01 .t03 span{font-size:18px; font-weight:bold; color:#b35901;}

#wrap #moca02 .point02{width:291px; height:560px; top:340px; position:absolute; left:50%; margin-left:78px; text-align:right;}
#wrap #moca02 .point02 .po_04{position:relative; }
#wrap #moca02 .point02 .t04{top:-278px; left:5px; color:#6d431a; font-size:14px; line-height:20px; position:relative; letter-spacing:-1px;}
#wrap #moca02 .point02 .t04 span{font-size:18px; font-weight:bold; color:#b35901;}
#wrap #moca02 .point02 .po_05{top:-65px; position:relative;}
#wrap #moca02 .point02 .t05{top:-210px; left:5px; color:#6d431a; font-size:14px; line-height:20px; position:relative; letter-spacing:-1px;}
#wrap #moca02 .point02 .t05 span{font-size:18px; font-weight:bold; color:#b35901;}


/** Scene03 **/
#wrap #moca03{ background:#181818;}
#wrap #moca03 .bg_img{width:1150px; height:950px; position:absolute; left:50%; margin-left:-1300px; }
#wrap #moca03 .title{top:100px; width:465px; height:52px; position:absolute; left:50%; margin-left:-380px;}
#wrap #moca03 .title .box02{top:20px; position:relative; }
#wrap #moca03 .text{top:240px; width:700px; position:absolute; left:50%; margin-left:-480px; color:#fff; text-align:center; font-size:17px; line-height:24px;}
#wrap #moca03 .inner_box{width:1000px; height:240px; top:450px; position:absolute; left:50%; margin-left:-580px;}
#wrap #moca03 .inner_box .team01{float:left; margin-right:35px;}
#wrap #moca03 .inner_box .team02{float:left; width:400px; margin-right:5px; vertical-align:middle;}
#wrap #moca03 .inner_box .team02 .team_logo{width:200px; height:46px; margin-left:75px; margin-top:-80px;  }
#wrap #moca03 .inner_box .team02 .arrow{width:363px; height:22px; margin-top:120px; }
#wrap #moca03 .inner_box .team02 .team_txt{width:200px; height:46px; margin-left:75px; margin-top:46px; color:#6e6e6e; font-size:14px; text-align:center; line-height:20px; letter-spacing:-1px;} 
#wrap #moca03 .inner_box .team03{float:left; width:287px; height:229px; }


/** Scene04 **/
#wrap #moca04{ background:#666;}
#wrap #moca04 .bg_img{width:1150px; height:950px; position:absolute; left:50%; margin-left:-1300px; }
#wrap #moca04 .title{top:100px; width:465px; height:52px; position:absolute; left:50%; margin-left:-380px;}
#wrap #moca04 .title .box02{top:20px; position:relative; }
#wrap #moca04 .text{top:240px; width:700px; position:absolute; left:50%; margin-left:-480px; color:#fff; text-align:center; font-size:16px; line-height:24px;}
#wrap #moca04 .inner_box{width:1000px; height:240px; top:480px; position:absolute; left:50%; margin-left:-570px;}
#wrap #moca04 .inner_box .channel01{width:258px; height:350px; float:left; margin-right:80px;}
#wrap #moca04 .inner_box .channel01 .t_01{top:0; margin-bottom:20px; color:#ffffff; font-size:18px; font-weight:bold; text-align:center; line-height:24px; letter-spacing:-1px;}
#wrap #moca04 .inner_box .channel01 .t_01 span{color:#a9f6ff;}
#wrap #moca04 .inner_box .channel01 .img01 a{width:258px; height:260px; display:block; background:url(../img/sub01/channel_01.png) no-repeat;}
#wrap #moca04 .inner_box .channel01 .img01 a:hover{ background:url(../img/sub01/channel_01_over.png) no-repeat;}
#wrap #moca04 .inner_box .channel02{width:258px; height:350px; float:left; margin-right:80px;}
#wrap #moca04 .inner_box .channel02 .t_02{top:0; margin-bottom:20px; color:#ffffff; font-size:18px; font-weight:bold; text-align:center; line-height:24px; letter-spacing:-1px;}
#wrap #moca04 .inner_box .channel02 .t_02 span{color:#ec889c;}
#wrap #moca04 .inner_box .channel02 .img02 a{width:258px; height:260px; display:block; background:url(../img/sub01/channel_02.png) no-repeat;}
#wrap #moca04 .inner_box .channel02 .img02 a:hover{ background:url(../img/sub01/channel_02_over.png) no-repeat;}
#wrap #moca04 .inner_box .channel03{width:258px; height:350px; float:left;}
#wrap #moca04 .inner_box .channel03 .t_03{top:0; margin-bottom:20px; color:#ffffff; font-size:18px; font-weight:bold; text-align:center; line-height:24px; letter-spacing:-1px;}
#wrap #moca04 .inner_box .channel03 .t_03 span{color:#ffb44a;}
#wrap #moca04 .inner_box .channel03 .img03 a{width:258px; height:260px; display:block; background:url(../img/sub01/channel_03.png) no-repeat;}
#wrap #moca04 .inner_box .channel03 .img03 a:hover{ background:url(../img/sub01/channel_03_over.png) no-repeat;}







/***************** sub_02  포트폴리오 ***********************/

#wrap .sub02{height:2200px;}
#wrap .sub02 .visual{background:#775592; overflow:hidden; position:relative; height:270px; top:100px; }
#wrap .sub02 .visual .v_img{left:50%; margin-left:-980px; position:absolute;}
#wrap .sub02 .d_menu{width:100%; top:373px; height:58px; line-height:56px; border-top:solid 1px #bebebe; border-bottom:solid 1px #bebebe; position:absolute; }
#wrap .sub02 .d_menu .d_list{width:1000px; height:56px; position:absolute; left:50%; margin-left:-550px;}
#wrap .sub02 .d_menu .d_list a{font-size:18px; color:#585858; margin-right:50px; position:relative; font-weight:bold;}
#wrap .sub02 .d_menu .d_list a:hover{ font-weight:bold; color:#139ce1;}
#wrap .sub02 .d_menu .d_list a.on {color:#139ce1;}

#wrap .sub02 .inner_box{width:1000px; height:2000px; top:500px; left:50%; margin-left:-695px; position:absolute; }


/** contents01 1번째줄**/
#wrap .sub02 .inner_box .contents01{height:550px; left:50px; position:absolute;}
#wrap .sub02 .inner_box .contents01 >div{width:288px; height:520px; float:left; font-size:15px; color:#8a8a8a; line-height:20px;}
#wrap .sub02 .inner_box .contents01 .box01{width:288px; height:520px; position:relative; margin-right:30px;}
#wrap .sub02 .inner_box .contents01 .box01 .thumb{height:288px;}
#wrap .sub02 .inner_box .contents01 .box01 .title{height:85px; border-bottom:solid 1px #bebebe; padding-top:15px; }
#wrap .sub02 .inner_box .contents01 .box01 .title a{font-size:22px; font-weight:bold; color:#4b4b4b; line-height:30px; }
#wrap .sub02 .inner_box .contents01 .box01 .text{height:65px; border-bottom:solid 1px #bebebe; padding-top:20px; }
#wrap .sub02 .inner_box .contents01 .box01 .text span{font-weight:bold; margin-right:20px;  }
#wrap .sub02 .inner_box .contents01 .box01 .caption{height:34px; padding-top:10px; border-bottom:solid 1px #bebebe; }

#wrap .sub02 .inner_box .contents01 .box02{width:288px; height:520px; position:relative; margin-right:30px;}
#wrap .sub02 .inner_box .contents01 .box02 .thumb{height:288px;}
#wrap .sub02 .inner_box .contents01 .box02 .title{height:85px; border-bottom:solid 1px #bebebe; padding-top:15px; }
#wrap .sub02 .inner_box .contents01 .box02 .title a{font-size:22px; font-weight:bold; color:#4b4b4b; line-height:30px; }
#wrap .sub02 .inner_box .contents01 .box02 .text{height:65px; border-bottom:solid 1px #bebebe; padding-top:20px; }
#wrap .sub02 .inner_box .contents01 .box02 .text span{font-weight:bold; margin-right:20px;  }
#wrap .sub02 .inner_box .contents01 .box02 .caption{height:34px; padding-top:10px; border-bottom:solid 1px #bebebe; }

#wrap .sub02 .inner_box .contents01 .box03{width:288px; height:520px; position:relative;}
#wrap .sub02 .inner_box .contents01 .box03 .thumb{height:288px;}
#wrap .sub02 .inner_box .contents01 .box03 .title{height:85px; border-bottom:solid 1px #bebebe; padding-top:15px; }
#wrap .sub02 .inner_box .contents01 .box03 .title a{font-size:22px; font-weight:bold; color:#4b4b4b; line-height:30px; }
#wrap .sub02 .inner_box .contents01 .box03 .text{height:65px; border-bottom:solid 1px #bebebe; padding-top:20px; }
#wrap .sub02 .inner_box .contents01 .box03 .text span{font-weight:bold; margin-right:20px;  }
#wrap .sub02 .inner_box .contents01 .box03 .caption{height:34px; padding-top:10px; border-bottom:solid 1px #bebebe; }


/** contents02 2번째줄**/
#wrap .sub02 .inner_box .contents02{height:550px; top:620px; left:50px; position:absolute;}
#wrap .sub02 .inner_box .contents02 >div{width:288px; height:520px; float:left; font-size:15px; color:#8a8a8a; line-height:20px;}
#wrap .sub02 .inner_box .contents02 .box04{width:288px; height:520px; position:relative;  margin-right:30px;}
#wrap .sub02 .inner_box .contents02 .box04 .thumb{height:288px;}
#wrap .sub02 .inner_box .contents02 .box04 .title{height:85px; border-bottom:solid 1px #bebebe; padding-top:15px; }
#wrap .sub02 .inner_box .contents02 .box04 .title a{font-size:22px; font-weight:bold; color:#4b4b4b; line-height:30px; }
#wrap .sub02 .inner_box .contents02 .box04 .text{height:65px; border-bottom:solid 1px #bebebe; padding-top:20px; }
#wrap .sub02 .inner_box .contents02 .box04 .text span{font-weight:bold; margin-right:20px;  }
#wrap .sub02 .inner_box .contents02 .box04 .caption{height:34px; padding-top:10px; border-bottom:solid 1px #bebebe; }

#wrap .sub02 .inner_box .contents02 .box05{width:288px; height:520px; position:relative; margin-right:30px;}
#wrap .sub02 .inner_box .contents02 .box05 .thumb{height:288px;}
#wrap .sub02 .inner_box .contents02 .box05 .title{height:85px; border-bottom:solid 1px #bebebe; padding-top:15px; }
#wrap .sub02 .inner_box .contents02 .box05 .title a{font-size:22px; font-weight:bold; color:#4b4b4b; line-height:30px; }
#wrap .sub02 .inner_box .contents02 .box05 .text{height:65px; border-bottom:solid 1px #bebebe; padding-top:20px; }
#wrap .sub02 .inner_box .contents02 .box05 .text span{font-weight:bold; margin-right:20px;  }
#wrap .sub02 .inner_box .contents02 .box05 .caption{height:34px; padding-top:10px; border-bottom:solid 1px #bebebe; }

#wrap .sub02 .inner_box .contents02 .box06{width:288px; height:520px; position:relative;}
#wrap .sub02 .inner_box .contents02 .box06 .thumb{height:288px;}
#wrap .sub02 .inner_box .contents02 .box06 .title{height:85px; border-bottom:solid 1px #bebebe; padding-top:15px; }
#wrap .sub02 .inner_box .contents02 .box06 .title a{font-size:22px; font-weight:bold; color:#4b4b4b; line-height:30px; }
#wrap .sub02 .inner_box .contents02 .box06 .text{height:65px; border-bottom:solid 1px #bebebe; padding-top:20px; }
#wrap .sub02 .inner_box .contents02 .box06 .text span{font-weight:bold; margin-right:20px;  }
#wrap .sub02 .inner_box .contents02 .box06 .caption{height:34px; padding-top:10px; border-bottom:solid 1px #bebebe; }


/** contents03 3번째줄**/
#wrap .sub02 .inner_box .contents03{height:550px; top:1250px;  left:50px; position:absolute;}
#wrap .sub02 .inner_box .contents03 >div{width:288px; height:520px; float:left; font-size:15px; color:#8a8a8a; line-height:20px;}
#wrap .sub02 .inner_box .contents03 .box07{width:288px; height:520px; position:relative;  margin-right:30px;}
#wrap .sub02 .inner_box .contents03 .box07 .thumb{height:288px;}
#wrap .sub02 .inner_box .contents03 .box07 .title{height:85px; border-bottom:solid 1px #bebebe; padding-top:15px; }
#wrap .sub02 .inner_box .contents03 .box07 .title a{font-size:22px; font-weight:bold; color:#4b4b4b; line-height:30px; }
#wrap .sub02 .inner_box .contents03 .box07 .text{height:65px; border-bottom:solid 1px #bebebe; padding-top:20px; }
#wrap .sub02 .inner_box .contents03 .box07 .text span{font-weight:bold; margin-right:20px;  }
#wrap .sub02 .inner_box .contents03 .box07 .caption{height:34px; padding-top:10px; border-bottom:solid 1px #bebebe; }

#wrap .sub02 .inner_box .contents03 .box08{width:288px; height:520px; position:relative; margin-right:30px;}
#wrap .sub02 .inner_box .contents03 .box08 .thumb{height:288px;}
#wrap .sub02 .inner_box .contents03 .box08 .title{height:85px; border-bottom:solid 1px #bebebe; padding-top:15px; }
#wrap .sub02 .inner_box .contents03 .box08 .title a{font-size:22px; font-weight:bold; color:#4b4b4b; line-height:30px; }
#wrap .sub02 .inner_box .contents03 .box08 .text{height:65px; border-bottom:solid 1px #bebebe; padding-top:20px; }
#wrap .sub02 .inner_box .contents03 .box08 .text span{font-weight:bold; margin-right:20px;  }
#wrap .sub02 .inner_box .contents03 .box08 .caption{height:34px; padding-top:10px; border-bottom:solid 1px #bebebe; }

#wrap .sub02 .inner_box .contents03 .box09{width:288px; height:520px; position:relative;}
#wrap .sub02 .inner_box .contents03 .box09 .thumb{height:288px;}
#wrap .sub02 .inner_box .contents03 .box09 .title{height:85px; border-bottom:solid 1px #bebebe; padding-top:15px; }
#wrap .sub02 .inner_box .contents03 .box09 .title a{font-size:22px; font-weight:bold; color:#4b4b4b; line-height:30px; }
#wrap .sub02 .inner_box .contents03 .box09 .text{height:65px; border-bottom:solid 1px #bebebe; padding-top:20px; }
#wrap .sub02 .inner_box .contents03 .box09 .text span{font-weight:bold; margin-right:20px;  }
#wrap .sub02 .inner_box .contents03 .box09 .caption{height:34px; padding-top:10px; border-bottom:solid 1px #bebebe; }


/** 더보기**/
#wrap .sub02 .inner_box .more_btn{width:212px; height:34px; top:1850px; position:absolute; left:50%; margin-left:-100px;}







/***************** sub_02  포트폴리오 팝업창 ***********************/


#wrap .opacity{background-color:#333; width:100%; height:2800px; opacity:0.8; position:absolute; z-index:9; display:none; }   /** display:none;**/
#wrap .sub02 .popup_inner{width:1000px; height:2050px; top:100px; left:50%; margin-left:-735px; padding:50px; position:absolute; background:#e7e6e6; z-index:99; display:none; }   /** display:none;**/
#wrap .sub02 .popup_inner .close{width:47px; height:47px; right:0; position:absolute; padding-right:50px;}


/** pop_up contents 01 **/
#wrap .sub02 .popup_inner .pop_cont_01{height:80px; }
#wrap .sub02 .popup_inner .pop_cont_01 .title{width:890px; font-size:38px; font-weight:bold; color:#4b4b4b;}
#wrap .sub02 .popup_inner .pop_cont_01 .title span{font-size:18px; color:#666; margin-left:20px; }


/** pop_up contents 02 **/
#wrap .sub02 .popup_inner .pop_cont_02{width:730px; height:2000px; position:absolute; }


/** pop_up contents 03 **/
#wrap .sub02 .popup_inner .pop_cont_03{width:240px; height:2000px; position:absolute; left:810px; font-size:15px; line-height:20px; color:#787878; }
#wrap .sub02 .popup_inner .pop_cont_03 .list_text{width:55px; margin-right:5px; font-size:16px; font-weight:bold; color:#1583bc;}
/** client **/
#wrap .sub02 .popup_inner .pop_cont_03 .client{height:260px; width:240px; border-top:solid 1px #bebebe; border-bottom:solid 1px #bebebe;  padding-top:30px;}
#wrap .sub02 .popup_inner .pop_cont_03 .client >div{float:left;}
#wrap .sub02 .popup_inner .pop_cont_03 .client .client_logo{left:75px; height:28px; width:146px; margin-top:-8px;}
#wrap .sub02 .popup_inner .pop_cont_03 .client .detail{ }
/** date **/
#wrap .sub02 .popup_inner .pop_cont_03 .date{height:46px; border-bottom:solid 1px #bebebe; padding-top:24px;}
#wrap .sub02 .popup_inner .pop_cont_03 .date >div{float:left;}
/** print **/
#wrap .sub02 .popup_inner .pop_cont_03 .print{height:120px; border-bottom:solid 1px #bebebe; padding-top:24px;}
#wrap .sub02 .popup_inner .pop_cont_03 .print >div{float:left;}
/** notice **/
#wrap .sub02 .popup_inner .pop_cont_03 .notice{height:85px; padding-top:24px; font-size:14px;}
#wrap .sub02 .popup_inner .pop_cont_03 .notice span{font-weight:bold; color:#4b4b4b; }
/** contact_btn **/
#wrap .sub02 .popup_inner .pop_cont_03 .contact_btn{height:40px; }








/***************** sub_03  문의하기 ***********************/

#wrap .sub03{height:2200px;}
#wrap .sub03 .visual{background:#e7e9ea; overflow:hidden; position:relative; height:270px; top:100px; }
#wrap .sub03 .visual .v_img{left:50%; margin-left:-960px; position:absolute;}
#wrap .sub03 .inner_box{width:950px; height:2200px; top:450px; left:50%; margin-left:-665px; position:absolute;}


/** container01 **/
#wrap .sub03 .inner_box .container01{height:200px; margin-bottom:50px; }
#wrap .sub03 .inner_box .container01 .title{font-size:32px; line-height:38px; color:#2b2b2b; margin-bottom:30px;}
#wrap .sub03 .inner_box .container01 .title span{font-weight:bold; }
#wrap .sub03 .inner_box .container01 .text{font-size:16px; line-height:22px; color:#969696; }
#wrap .sub03 .inner_box .container01 .text span{font-weight:bold; color:#727272;}


/** container02 **/
#wrap .sub03 .inner_box .container02{width:950px; height:730px; position:absolute;}

/** box_01 작업분류 **/
#wrap .sub03 .inner_box .container02 .box_01{width:950px; height:52px; border-top:solid 4px #636363; border-bottom:solid 4px #636363; margin-top:3px; display:inline-block;}
#wrap .sub03 .inner_box .container02 .box_01 >div{float:left; height:36px; font-size:17px; color:#555; margin-top:16px;  }
#wrap .sub03 .inner_box .container02 .box_01 p{display:inline-block; margin-top:-4px; margin-left:-50px; position:absolute;}
#wrap .sub03 .inner_box .container02 .box_01 .n01{width:150px; left:0; font-weight:bold; color:#1583bc; }
#wrap .sub03 .inner_box .container02 .box_01 .n02{width:180px; font-weight:bold;}
#wrap .sub03 .inner_box .container02 .box_01 .n03{width:150px;}
#wrap .sub03 .inner_box .container02 .box_01 .n04{width:130px;}
#wrap .sub03 .inner_box .container02 .box_01 .n05{width:240px;}
#wrap .sub03 .inner_box .container02 .box_01 .n06{width:50px;}

/** box_02 이름/패스워드 **/
#wrap .sub03 .inner_box .container02 .box_02{width:950px; height:48px; border-bottom:solid 1px #636363; margin-top:3px; display:inline-block;}
#wrap .sub03 .inner_box .container02 .box_02 >div{float:left; height:36px; font-size:16px; color:#555; margin-top:12px;  }
#wrap .sub03 .inner_box .container02 .box_02 .n01{width:120px; left:0; font-weight:bold; color:#4c4d4d;}
#wrap .sub03 .inner_box .container02 .box_02 .n02{width:350px;}
#wrap .sub03 .inner_box .container02 .box_02 .n02 input{width:300px; height:20px; margin-top:-2px;}
#wrap .sub03 .inner_box .container02 .box_02 .n03{width:100px; left:0; font-weight:bold; color:#4c4d4d;}
#wrap .sub03 .inner_box .container02 .box_02 .n04{width:200px;}
#wrap .sub03 .inner_box .container02 .box_02 .n04 input{width:300px; height:20px; margin-top:-2px;}

/** box_03 연락처/이메일 **/
#wrap .sub03 .inner_box .container02 .box_03{width:950px; height:48px; border-bottom:solid 1px #636363; margin-top:3px; display:inline-block;}
#wrap .sub03 .inner_box .container02 .box_03 >div{float:left; height:36px; font-size:16px; color:#555; margin-top:12px;  }
#wrap .sub03 .inner_box .container02 .box_03 .n01{width:120px; left:0; font-weight:bold; color:#4c4d4d;}
#wrap .sub03 .inner_box .container02 .box_03 .n02{width:350px;}
#wrap .sub03 .inner_box .container02 .box_03 .n02 input{width:300px; height:20px; margin-top:-2px;}
#wrap .sub03 .inner_box .container02 .box_03 .n03{width:100px; left:0; font-weight:bold; color:#4c4d4d;}
#wrap .sub03 .inner_box .container02 .box_03 .n04{width:200px;}
#wrap .sub03 .inner_box .container02 .box_03 .n04 input{width:300px; height:20px; margin-top:-2px;}
/** box_04 내용 **/
#wrap .sub03 .inner_box .container02 .box_04{width:950px; height:630px; border-bottom:solid 1px #636363; margin-top:3px; display:inline-block;}
#wrap .sub03 .inner_box .container02 .box_04 >div{float:left; height:36px; font-size:16px; color:#555; margin-top:18px;}
#wrap .sub03 .inner_box .container02 .box_04 .n01{width:120px; left:0; font-weight:bold; color:#4c4d4d;}
#wrap .sub03 .inner_box .container02 .box_04 .n02{width:350px; }
#wrap .sub03 .inner_box .container02 .box_04 .n02 input{width:825px; height:500px; }
#wrap .sub03 .inner_box .container02 .box_04 .n03{width:70px; top:700px; left:0; font-weight:bold; color:#4c4d4d; position:absolute;}
#wrap .sub03 .inner_box .container02 .box_04 .n04{width:800px; top:700px; left:120px; position:absolute;}
#wrap .sub03 .inner_box .container02 .box_04 .n04 input{width:300px; height:32px; margin-top:-10px; position:absolute;} 
#wrap .sub03 .inner_box .container02 .box_04 .n05{top:700px; left:430px; width:300px; height:37px; margin-top:8px; position:absolute; }

/** box_05 옵션 **/
#wrap .sub03 .inner_box .container02 .box_05{width:950px; height:48px; border-bottom:solid 1px #636363; margin-top:3px; display:inline-block;}
#wrap .sub03 .inner_box .container02 .box_05 >div{float:left; height:36px; font-size:16px; color:#555; margin-top:12px;  }
#wrap .sub03 .inner_box .container02 .box_05 .n01{width:120px; left:0; font-weight:bold; color:#4c4d4d;}
#wrap .sub03 .inner_box .container02 .box_05 .n02{width:30px;}
#wrap .sub03 .inner_box .container02 .box_05 .n03{width:80px; left:0; color:#4c4d4d;}
#wrap .sub03 .inner_box .container02 .box_05 .n04{width:600px; font-size:14px;  color:#c9c9c9;}

/** box_06 자동등록방지 **/
#wrap .sub03 .inner_box .container02 .box_06{width:950px; height:55px; border-bottom:solid 1px #636363; margin-top:3px; display:inline-block;}
#wrap .sub03 .inner_box .container02 .box_06 >div{float:left; height:40px; font-size:16px; color:#555; margin-top:11px;  }
#wrap .sub03 .inner_box .container02 .box_06 .n01{width:120px; left:0; font-weight:bold; color:#4c4d4d; margin-top:16px;}
#wrap .sub03 .inner_box .container02 .box_06 .n02{width:158px;}
#wrap .sub03 .inner_box .container02 .box_06 .n02 input{width:150px; height:30px; margin-top:-2px;}
#wrap .sub03 .inner_box .container02 .box_06 .n03{width:40px; height:37px; margin-top:8px;}
#wrap .sub03 .inner_box .container02 .box_06 .n04{width:400px;}
#wrap .sub03 .inner_box .container02 .box_06 .n04 input{width:300px; height:30px; margin-top:-2px;}



/** container03 **/
#wrap .sub03 .inner_box .container03{width:950px; height:37px; top:1180px; position:absolute;}
#wrap .sub03 .inner_box .container03 >div{float:right; margin-left:10px; }











/***************** topmenu_02  문의게시판 ***********************/

#wrap .top02{height:3000px;}
#wrap .top02 .visual{background:#e7e9ea; overflow:hidden; position:relative; height:270px; top:100px; }
#wrap .top02 .visual .v_img{left:50%; margin-left:-960px; position:absolute;}
#wrap .top02 .inner_box{width:950px; height:3000px; top:450px; left:50%; margin-left:-680px; position:absolute; }


/** container01 **/
#wrap .top02 .inner_box .container01{height:62px; top:0; }
#wrap .top02 .inner_box .container01 .title{font-size:32px; line-height:38px; color:#2b2b2b; margin-bottom:30px; font-weight:bold;}
#wrap .top02 .inner_box .container01 .btn{width:148px; height:37px; right:0; top:0; position:absolute;}


/** container02 게시판 리스트**/
#wrap .top02 .inner_box .container02{width:950px; height:680px; position:absolute; }

/** list_01 **/
#wrap .top02 .inner_box .container02 .list_01{width:950px; height:42px;  border-top:solid 4px #aec1cb; border-bottom:solid 3px #c6c6c6; margin-top:3px; display:inline-block;}
#wrap .top02 .inner_box .container02 .list_01 >div{float:left; height:36px; font-size:16px; font-weight:bold; color:#555; margin-top:12px; text-align:center; }
#wrap .top02 .inner_box .container02 .list_01 .n01{width:130px; left:0;}
#wrap .top02 .inner_box .container02 .list_01 .n02{width:450px;}
#wrap .top02 .inner_box .container02 .list_01 .n03{width:110px;}
#wrap .top02 .inner_box .container02 .list_01 .n04{width:130px;}
#wrap .top02 .inner_box .container02 .list_01 .n05{width:120px;}


/** list_02 **/
#wrap .top02 .inner_box .container02 .list_02{width:950px; height:42px; border-bottom:solid 1px #c6c6c6; margin-top:3px; display:inline-block; text-align:center;}
#wrap .top02 .inner_box .container02 .list_02 >div{float:left; height:36px; font-size:16px; color:#555; margin-top:9px;  }
#wrap .top02 .inner_box .container02 .list_02 .n01{width:130px; left:0;}
#wrap .top02 .inner_box .container02 .list_02 .n02{width:450px;}
#wrap .top02 .inner_box .container02 .list_02 .n03{width:110px;}
#wrap .top02 .inner_box .container02 .list_02 .n04{width:130px;}
#wrap .top02 .inner_box .container02 .list_02 .n05{width:120px;}

/** 펼쳤을때 **/
#wrap .top02 .inner_box .container02 .list_02_on{display:none;}
#wrap .top02 .inner_box .container02 .list_02_on .n06{width:800px; height:300px; top:170px; left:100px; line-height:24px; position:absolute; color:#727272; }
#wrap .top02 .inner_box .container02 .list_02_on .n07{width:30px; width:20px; right:20px; top:220px; position:absolute;}
#wrap .top02 .inner_box .container02 .list_02_on .n08{width:950px; height:180px; background:#f3f3f3;  top:450px; line-height:20px; position:absolute; border-bottom:solid 1px #c6c6c6;  }
#wrap .top02 .inner_box .container02 .list_02_on .n08 .comment{width:57px; height:28px; top:40px; left:100px; position:absolute;  }
#wrap .top02 .inner_box .container02 .list_02_on .n08 .co_txt{width:530px; height:100px; top:40px; left:180px; font-size:15px; position:absolute; color:#7e7e7e; }


/** list_03 **/
#wrap .top02 .inner_box .container02 .list_03{width:950px; height:42px; border-bottom:solid 1px #c6c6c6; margin-top:3px; display:inline-block; text-align:center;}
#wrap .top02 .inner_box .container02 .list_03 >div{float:left; height:36px; font-size:16px; color:#555; margin-top:9px;   }
#wrap .top02 .inner_box .container02 .list_03 .n01{width:130px; left:0;}
#wrap .top02 .inner_box .container02 .list_03 .n02{width:450px;}
#wrap .top02 .inner_box .container02 .list_03 .n03{width:110px;}
#wrap .top02 .inner_box .container02 .list_03 .n04{width:130px;}
#wrap .top02 .inner_box .container02 .list_03 .n05{width:120px;}

/** 펼쳤을때 **/
#wrap .top02 .inner_box .container02 .list_03_on{display:none;}
#wrap .top02 .inner_box .container02 .list_03_on .n06{width:800px; height:300px; top:170px; left:100px; line-height:24px; position:absolute; color:#727272; }
#wrap .top02 .inner_box .container02 .list_03_on .n07{width:30px; width:20px; right:20px; top:220px; position:absolute;}
#wrap .top02 .inner_box .container02 .list_03_on .n08{width:950px; height:180px; background:#f3f3f3;  top:450px; line-height:20px; position:absolute; border-bottom:solid 1px #c6c6c6;  }
#wrap .top02 .inner_box .container02 .list_03_on .n08 .comment{width:57px; height:28px; top:40px; left:100px; position:absolute;  }
#wrap .top02 .inner_box .container02 .list_03_on .n08 .co_txt{width:530px; height:100px; top:40px; left:180px; font-size:15px; position:absolute; color:#7e7e7e; }


/** list_04 **/
#wrap .top02 .inner_box .container02 .list_04{width:950px; height:42px; border-bottom:solid 1px #c6c6c6; margin-top:3px; display:inline-block; text-align:center;}
#wrap .top02 .inner_box .container02 .list_04 >div{float:left; height:36px; font-size:16px; color:#555; margin-top:9px;   }
#wrap .top02 .inner_box .container02 .list_04 .n01{width:130px; left:0;}
#wrap .top02 .inner_box .container02 .list_04 .n02{width:450px;}
#wrap .top02 .inner_box .container02 .list_04 .n03{width:110px;}
#wrap .top02 .inner_box .container02 .list_04 .n04{width:130px;}
#wrap .top02 .inner_box .container02 .list_04 .n05{width:120px;}

/** 펼쳤을때 **/
#wrap .top02 .inner_box .container02 .list_04_on{}
#wrap .top02 .inner_box .container02 .list_04_on .n06{width:800px; height:300px; top:240px; left:100px; line-height:24px; position:absolute; color:#727272; }
#wrap .top02 .inner_box .container02 .list_04_on .n07{width:30px; width:20px; right:20px; top:220px; position:absolute;}
#wrap .top02 .inner_box .container02 .list_04_on .n08{width:950px; height:180px; background:#f3f3f3;  top:450px; line-height:20px; position:absolute; border-bottom:solid 1px #c6c6c6;  }
#wrap .top02 .inner_box .container02 .list_04_on .n08 .comment{width:57px; height:28px; top:40px; left:100px; position:absolute;  }
#wrap .top02 .inner_box .container02 .list_04_on .n08 .co_txt{width:530px; height:100px; top:40px; left:180px; font-size:15px; position:absolute; color:#7e7e7e; }

/** list_05 **/
#wrap .top02 .inner_box .container02 .list_05{top:440px; position:relative; height:42px; border-bottom:solid 3px #c6c6c6; margin-top:3px; display:inline-block; text-align:center;}
#wrap .top02 .inner_box .container02 .list_05 >div{float:left; height:36px; font-size:16px; color:#555; margin-top:9px;  }
#wrap .top02 .inner_box .container02 .list_05 .n01{width:130px; left:0;}
#wrap .top02 .inner_box .container02 .list_05 .n02{width:450px;}
#wrap .top02 .inner_box .container02 .list_05 .n03{width:110px;}
#wrap .top02 .inner_box .container02 .list_05 .n04{width:130px;}
#wrap .top02 .inner_box .container02 .list_05 .n05{width:120px;}


/** container03 페이지번호 **/
#wrap .top02 .inner_box .container03{width:500px; height:30px; top:750px; position:absolute; left:400px;}
#wrap .top02 .inner_box .container03 li{float:left; margin-right:15px; font-size:16px; color:#555; margin-top:15px;  }
#wrap .top02 .inner_box .container03 li span{font-weight:bold;}


/** container04 검색기능 **/
#wrap .top02 .inner_box .container04{width:950px; height:80px; top:850px; background:#f5f5f5; position:absolute; }
#wrap .top02 .inner_box .container04 .seach01{position:absolute; left:80px; top:20px; font-size:15px;}
#wrap .top02 .inner_box .container04 .seach01 > a{color:#acacac; padding:10px 20px; background:#FFF; display:block; width:100px; height:14px; border:solid 1px #d0d0d0; }	
#wrap .top02 .inner_box .container04 .seach01 .box01{display:none; border:solid 1px #d0d0d0; border-bottom:none;}
#wrap .top02 .inner_box .container04 .seach01 .box01 li{padding:5px;}
#wrap .top02 .inner_box .container04 .seach01 .box01 li a{color:#586365;}
#wrap .top02 .inner_box .container04 .seach01 .box01 li:hover{background:#1c1e20; }
#wrap .top02 .inner_box .container04 .seach01 .box01{display:none;} 

#wrap .top02 .inner_box .container04 .seach02{position:absolute; left:230px; top:20px; font-size:15px;}
#wrap .top02 .inner_box .container04 .seach02 > a{color:#acacac; padding:10px 20px; background:#FFF; display:block; width:90px; height:14px; border:solid 1px #d0d0d0; }	
#wrap .top02 .inner_box .container04 .seach02 .box02{display:none; border:solid 1px #d0d0d0; border-bottom:none;}
#wrap .top02 .inner_box .container04 .seach02 .box02 li{padding:5px;}
#wrap .top02 .inner_box .container04 .seach02 .box02 li a{color:#586365;}
#wrap .top02 .inner_box .container04 .seach02 .box02 li:hover{background:#1c1e20; }
#wrap .top02 .inner_box .container04 .seach02 .box02{display:none;} 

#wrap .top02 .inner_box .container04 .seach03{position:relative; left:370px; height:16px; float:left; margin-right:10px; top:10px;}
#wrap .top02 .inner_box .container04 .seach03 input{width:400px; height:30px; border:solid 1px #d0d0d0;}
#wrap .top02 .inner_box .container04 .seach03 a{position:relative; top:10px;}




/***************** topmenu_03  이용안내 ***********************/

/** user01 **/
#wrap #user01{background:#05446c;}
#wrap #user01 .bg_img{top:300px; width:1200px; height:950px; position:absolute; left:50%; margin-left:-685px;} 
#wrap #user01 .title{top:100px; width:465px; height:52px; position:absolute; left:50%; margin-left:-480px;}
#wrap #user01 .title .box02{top:20px; position:relative; }
#wrap #user01 .text_box{top:550px; width:1010px; position:absolute; left:50%; margin-left:-705px; color:#a7a5a5; text-align:center; font-size:14px; line-height:20px;}
#wrap #user01 .text_box .tbox01{width:170px; height:130px; float:left; margin-left:25px;}
#wrap #user01 .text_box .tbox01 span{font-weight:bold; font-size:16px; color:#fff;}
#wrap #user01 .text_box .tbox02{width:170px; height:130px; float:left; margin-left:35px;}
#wrap #user01 .text_box .tbox02 span{font-weight:bold; font-size:16px; color:#fff;}
#wrap #user01 .text_box .tbox03{width:170px; height:130px; float:left; margin-left:40px;}
#wrap #user01 .text_box .tbox03 span{font-weight:bold; font-size:16px; color:#fff;}
#wrap #user01 .text_box .tbox04{width:140px; height:130px; float:left; margin-left:50px;}
#wrap #user01 .text_box .tbox04 span{font-weight:bold; font-size:16px; color:#fff;}
#wrap #user01 .text_box .tbox05{width:140px; height:130px; float:left; margin-left:70px;}
#wrap #user01 .text_box .tbox05 span{font-weight:bold; font-size:16px; color:#fff;}
#wrap #user01 .line{top:680px; width:1228px; height:444px; position:absolute; left:50%; margin-left:-955px;}

/** user02 **/
#wrap #user02{background:#ffcc00;}
#wrap #user02 .bg_img{top:250px; width:1200px; height:950px; position:absolute; left:50%; margin-left:-685px;} 
#wrap #user02 .title{top:100px; width:465px; height:52px; position:absolute; left:50%; margin-left:-500px;}
#wrap #user02 .title .box02{top:20px; position:relative; }
#wrap #user02 .text_box{top:365px; width:1000px; position:absolute; left:50%; margin-left:-660px; color:#705223; font-size:14px; line-height:20px;}
#wrap #user02 .text_box .tbox01{width:300px; height:130px; margin-bottom:120px;}
#wrap #user02 .text_box .tbox01 span{font-weight:bold; font-size:18px; color:#3b3b3b;}
#wrap #user02 .text_box .tbox02{width:300px; height:130px;}
#wrap #user02 .text_box .tbox02 span{font-weight:bold; font-size:18px; color:#3b3b3b;}

/** user03 **/
#wrap #user03{width:100%; height:950px; background:#00a0aa;}	
#wrap #user03 .inner_box{overflow:hidden;}
#wrap #user03 .inner_box >div{float:left; height:950px; width:50%; position:relative;}
#wrap #user03 .inner_box .half_box01{background:#00a0aa; text-align:center; top:80px; left:-80px;}
#wrap #user03 .inner_box .half_box01 >div{position:relative;}
#wrap #user03 .inner_box .half_box01 .title{margin-bottom:20px;}
#wrap #user03 .inner_box .half_box01 .txt01{margin-bottom:80px;}
#wrap #user03 .inner_box .half_box01 .image{margin-bottom:40px;}
#wrap #user03 .inner_box .half_box01 .txt02{margin-bottom:30px; font-size:16px; color:#FFF; line-height:22px; }

#wrap #user03 .inner_box .half_box02{background:#5d009e; left:-180px; text-align:center;}
#wrap #user03 .inner_box .half_box02 >div{position:relative; width:400px;}
#wrap #user03 .inner_box .half_box02 .contents_box{background:#5d009e; top:80px; left:50px;}
#wrap #user03 .inner_box .half_box02 .contents_box .title{margin-bottom:20px;}
#wrap #user03 .inner_box .half_box02 .contents_box .txt01{margin-bottom:40px;}
#wrap #user03 .inner_box .half_box02 .contents_box .image{margin-bottom:20px;}
#wrap #user03 .inner_box .half_box02 .contents_box .txt02{margin-bottom:20px; font-size:16px; color:#FFF; line-height:22px; }

























/* 포트폴리오, 문의하기 new  */
#wrap .opacity {height:100%; position: fixed; z-index:999; display:none;}
#wrap .sub02 .inner_box, #wrap .top02 .inner_box, #wrap .sub03 .inner_box {height:auto; min-height:780px;}
#wrap .sub02, #wrap .top02, #wrap .sub03 {height:auto;}


.portfolioList ul {overflow:hidden; margin-left:-60px;}
.portfolioList ul li {float:left; width:288px; height:570px; overflow:hidden; margin-left:60px;}
.portfolioList ul li a {display:block; position:relative; overflow:hidden;}
.portfolioList ul li:hover .txt {display:block;}
.portfolioList ul li .txt {position:absolute; left:0px; bottom:0px; display:block; width:100%; text-align:center; background:url(../img/sub02/png_80.png) repeat left top; line-height:150%; color:#fff; font-size:25px; font-weight:bold; overflow:hidden; padding-top:130px; height:158px; display:none;}
.portfolioList ul li .txt .img_ab {position:absolute; left:50%; top:40%; margin:-35px 0px 0px -25px;}
.portfolioList ul li.over .txt .img_ab {opacity:1; display:block;}
.portfolioList ul li .txt em {display:block; line-height:150%; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; padding:0px 10px;}
.portfolioList ul li .tit { display:block; height:70px; border-bottom:solid 1px #bebebe; padding:15px 0px; font-size:22px; font-weight:bold;  color: #4b4b4b; line-height:30px; margin-bottom:15px;}
.portfolioList ul li .tit_s {display:block; position:relative; padding-left:70px; min-height:23px; line-height:23px; color:#898989; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; font-size:15px;}
.portfolioList ul li .tit_s strong {display:block; position:absolute; left:0px; top:0px; line-height:23px; color:#666666; font-weight:bold;}
.portfolioList ul li .txt_ss { display:block; padding:15px 0px; min-height:20px; line-height:20px; margin-top:15px; border-top:solid 1px #bebebe; color:#898989; border-bottom:solid 1px #bebebe; color:#898989; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis;  font-size:15px;}
#wrap .sub02 .inner_box .more_btn2 { text-align:center; margin-bottom:40px;}

.portfolioView {width:100%; height:100%; z-index:9999; position:absolute; top:100px; bottom:50px;}
.portfolioView .view_inner {width:1000px; padding:30px 50px; height:100%; margin:0 auto; background:#f3f3f3;}
.portfolioView .view_inner .view_con {overflow:hidden;  min-height:1000px;}
.portfolioView .view_title {font-size:38px; font-weight: bold; color: #4b4b4b; padding-bottom:10px; position:relative; line-height:150%;}
.portfolioView .view_title .date {font-size:18px; color:#666; margin-left: 20px;}
.portfolioView .view_title .close_bt {position:absolute; right:10px; top:7px;}
.view_con .img_area {width:720px; float:left; }
.view_con .img_area img {max-width:720px; vertical-align:top;}
.view_con .text_area {width:240px; float:right;}
.view_con .note {font-size:14px; color:#a7a7a7; padding:20px 0px; line-height:150%; border-top:1px solid #c7c7c7}
.view_con .note strong {color:#666; font-weight:bold}
.view_con .btn_area {overflow:hidden;}
.view_con .btn_area li {position:fixed; left:50%; top:50%; margin-top:-85px}
.view_con .btn_area li.prev {margin-left:-820px;}
.view_con .btn_area li.next {margin-left:400px;}
.view_con .btn_area li a {font-size:1.5em; color:#000; display:block; text-align:center; padding:40px 0px; }
.view_con .btn_area li:first-child a {border-right:none;}

.view_txt {border-top:1px solid #c7c7c7; padding:90px 0px 30px 0px; position:relative;}
.view_txt dt {font-size:16px; font-weight:bold; color:#1583bc; position:absolute; left:0px; top:40px;}
.view_txt .client_logo {position:absolute; left:60px; top:30px;}
.view_txt dd {font-size:15px; color:#666; line-height:150%;}


.view_txt2 {border-top:1px solid #c7c7c7; padding:20px 0px 20px 60px; min-height:20px; position:relative;}
.view_txt2 dt {font-size:16px; font-weight:bold; color:#1583bc; position:absolute; left:0px; top:20px; line-height:150%;}
.view_txt2 dd {font-size:15px; color:#666; line-height:150%;}


.board_listW {clear:both; width:100%; border-top:4px solid #adc1ca;}
.board-list {width:100%; background:#fff; table-layout:fixed;}
.board-list th {border-bottom:2px solid #c6c6c6; padding:10px 0px 12px 0; font-weight:bold; border-top:none; font-size:16px; color:#555;}
.board-list tr.on td {background:#f4f4f4;}
.board-list td {border-bottom:1px solid #b3b3b3; position:relative; color:#7e7e7e; padding:10px 10px 12px 10px; text-align:center; line-height:20px;}
.board-list .bg .subject { text-align:left;}
.board-list .bg .subject img {vertical-align:middle;}
.board-list .bg .subject a {display:inline-block; max-width:87%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow: ellipsis; color:#7e7e7e; vertical-align:middle;}
.board-list .bg2 td {padding:0px; text-align:left;}
.board-list .bg2 td .reviewW { background:url(../img/top02/down.png) no-repeat 96% 24px; z-index:9;}
.board-list .bg2 td .review {padding:25px 100px 25px 50px; text-align:left; line-height:150%;}
.board-list .bg2 td .comment {padding:25px 25px 25px 130px; background:#f7f8fa; text-align:left; line-height:150%; position:relative;}
.board-list .bg2 td .comment .ico {position:absolute !important; left:55px !important; top:25px !important; padding:0px !important; z-index:9 !important;}

/*글쓰기*/
.table_line {border-top:4px solid #636363;}
.board-write {width:100%; border-bottom:2px solid #2c303c;}
.board-write th {background:#fff; border-bottom:1px solid #636363; padding:10px 0 9px 20px; font-weight:bold; text-align:left; color:#4c4d4d; font-size:16px; line-height:150%;}
.board-write td {border-bottom:1px solid #636363; line-height:20px; padding:10px 10px 9px 10px;}
.board-write td.tc {text-align:center; padding:12px 0 11px 0px;}
.board-write .line th {border-bottom:4px solid #636363;}
.board-write .line td {border-bottom:4px solid #636363;}

.file_input {/*padding-right:85px; position:relative;*/}
.file_input label { /*position:absolute; right:0px; top:0px;*/font-family:nGothicB;vertical-align:middle; cursor:pointer; display:inline-block; overflow:hidden; width:80px; height:29px; font-size:14px; font-weight:bold; background:#7d7d7d; color:#fff; text-align:center; line-height:27px;}
.file_input label input {position:absolute; width:0; height:0; overflow:hidden; padding:0px; border:none;}
.file_input > input {color:#737070; height:26px;line-height:150%; padding:1px 3px 0 3px; font-size:1em; background-color: #ffffff; border: solid 1px #dfdfdf; width:80%;}
#file_add li.pt5, #option_add li.pt5, #file_add_img li.pt5 {/*padding-right: 60px;*/position:relative;}
.input_del {position: absolute; right: 0px; top: 5px; }
.add_file {position:absolute; right:0px; top:3px;}


.pw_box {text-align:center; padding:150px 0px;}
.pw_txt {color:#6791a7; line-height:150%;}
.pw_txt strong { display:block; font-weight:bold;}
.pw_input {padding-top:30px;}
.pw_input label {font-weight:bold;}
.pw_input .input {border:1px solid #d0d0d0; color:#656565; min-width:250px; padding:3px 3px 3px 10px; line-height:25px; height:25px; vertical-align:middle;}
.pw_input a {display:inline-block; background: #9d9d9d; text-align: center; font-size: 13px;  min-width:60px; font-weight:bold; height:32px; line-height:32px; color:#fff;}



.paging {overflow:hidden; text-align:center; margin:30px 0px; width:100%;}
.paging img {vertical-align:middle;}
.paging a {color:#939393; vertical-align:middle; font-weight:bold; display:inline-block; zoom:1; line-height:27px; *display:inline; width:27px; height:27px;}
.paging a.prev {padding:0px 10px 0px 3px; border:none; height:27px;}
.paging a.first, .paging a.last {border:none; height:27px;}
.paging a.next {padding:0px 3px 0px 10px; border:none;height:27px;}
.paging a.on {color:#000;}

.select {color:#666666; height:32px; border:1px solid #c4c4c4;}

input[type=text], [type="password"], [type="search"], [type="email"], [type="url"], [type="number"], [type="tel"], select, textarea {
    vertical-align: middle;
    transition: border-color 0.2s;
    border: 1px solid #c4c4c4;
    border-radius: 0px;
    color: #565a5c;
    background-color: #fff;
    min-height:25px;
}
input[type="radio"], input[type="checkbox"] {
    margin: 0px 0.5ex;
    padding: initial;
    background-color: initial;
    border: initial;
	vertical-align:middle;
}
input[type="radio"] {
    -webkit-appearance: radio;
    box-sizing: border-box;
}
.search_bar {text-align:center; padding:30px; margin:30px 0px; background:#f5f5f5;}
.search_bar {text-align:center; height:33px;}
.search_bar .select {border:1px solid #d0d0d0; vertical-align:middle; width:120px; background-color:#fff; height:33px;}
.search_bar .select_input {height:38px; background:#f4f4f4; line-height:40px; font-family: nGothicB, dotum, gulim; border:none; line-height:38px; width:100%; padding:0px; color:#737070}
.search_bar .input {border:1px solid #d0d0d0; color:#656565; padding:3px 3px 3px 10px; line-height:25px; height:25px; vertical-align:middle;}
.btnNormalS {display:inline-block; background: #9d9d9d; text-align: center; font-size: 13px;}
.btnNormalS span {padding:0px 25px; display:block; min-width:60px; font-weight:bold; height:32px; line-height:32px; color:#fff;}

.img_m {vertical-align:middle;}

.fileW {
	border-top:1px solid #b3b3b3;
    padding: 15px 25px 15px 130px;
	min-height:20px;
    background: url(../img/top02/file.gif) no-repeat 55px 18px;;
    text-align: left;
    line-height: 150%;
    position: relative;
}
.fileW .file {
	font-size:13px; color:#cfcfcf;
	display:inline-block; vertical-align:middle; padding-right:10px;
}
.fileW .file a {
	color:#82a7ba;
	font-weight:bold;
}

.view_innerW {padding-right:372px;}