/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,800,600);

/* common */

html, body {margin:0; padding:0; }

div, ul, ol, li, dl, dt, dd, form, fieldset, input, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0; }
img { border:0; vertical-align:top; }
li { list-style:none; float:left; display:inline;}

input{background:#f4f4f4; border:1px solid #e7e7e7; font-family:'Nanum Gothic', serif;}

*{margin:0;
  padding:0;
  border:0;}
  

html{overflow-x:hidden;; 
     overflow-y:scroll;	 
	 margin:0;	 
	 padding:0;

	 }
	 
body{margin:0;	 
	 padding:0;
	 font-size:12px;
     font-family: 'Nanum Gothic', serif;
	 color:#000000;
	 font-style:normal;
	 height:100%;
	 }
	 
a { color:#adadad;
    text-decoration:none;}
	
	
a:hover{color:#000000;
        text-decoration:none;}
		

/*basic*/

#wrap{width:100%; min-width:986px; float:left; position:relative; font-family: 'Nanum Gothic', serif;}

/* top area */
#top{width:100%; float:left; position:fixed; top:0; left:0; z-index:99999; font-family: 'Nanum Gothic', serif;}

/* top menu */
#top .tmenu{width:100%; float:left; height:13px; padding:18px 0; background:url(../images/bg01.png); position:relative; font-size:13px; color:#ffffff;}
#top .tmenu a{color:#ffffff; text-decoration:none;}
#top .tmenu a:hover{color:#ffffff; text-decoration:none;}

#top .tmenu	.menu{width:986px; margin:0 auto;}	
#top .tmenu	.menu .left{float:left;}
#top .tmenu	.menu .left li{padding:0 15px; border-right:1px solid #525252; width:80px; text-align:center;}
#top .tmenu	.menu .left li:first-child{padding:0 15px 0 0; text-align:left; width:90px;}	
#top .tmenu	.menu .left li:nth-child(2){width:60px;}
#top .tmenu	.menu .left li:last-child{padding:0 15px; border-right:none; width:60px;}	


#top .tmenu	.menu .right{float:right;}
#top .tmenu	.menu .right li{padding-left:10px; width:65px; text-align:right;}
#top .tmenu	.menu .right li a{color:#c52527;}


#top .tmenu	.menu .sns{line-height:20px; color:#fff; padding-right:0px; float:right; margin-top:-2px;}
#top .tmenu	.menu .sns span{font-weight:bold;}


/* main menu */
#top .mainMenu{width:100%; float:left; height:32px; padding:6px 0; background:url(../images/bg02.png); position:relative; font-size:16px; color:#000000;}

#top .mainMenu a{color:#adadad; text-decoration:none;}
#top .mainMenu a:hover{color:#000000; text-decoration:none;}

#top .mainMenu .menu{width:986px; margin:0 auto;}
#top .mainMenu .on{color:#000000;}
#top .mainMenu .on a{color:#000000;}
#top .mainMenu .menu li{width:164px; text-align:left; font-size:16px; padding:8px 0; font-weight:bold;}
#top .mainMenu .menu li:first-child{width:164px; text-align:left; font-size:16px; padding:0;}

/* sub menu */
#top .subMenu{width:100%; float:left; position:absolute; padding:15px; background:url(../images/bg01.png); top:93px; left:0; z-index:200; height:500px; display:none;}
#top .subMenu .menu{width:986px; position:absolute; top:15px; left:50%; margin-left:-493px; z-index:300;}

#top .subMenu .menuArea{width:1100px; position:absolute; top:15px; left:50%; height:550px; margin-left:-550px; z-index:250;}

#top .subMenu .menu li{width:154px; height:500px; text-align:left; padding-left:10px; background:url(../images/sm_bg.jpg) repeat-y right;}
#top .subMenu .menu li:first-child{width:120px; text-align:left; background:none;}
#top .subMenu .menu li:last-child{width:154px; text-align:left; background:none;}

#top .subMenu .menu li li{width:100%; text-align:left; font-size:14px; line-height:140%; background:none; height:60px;}
#top .subMenu .menu li li:first-child{width:100%; text-align:left; font-size:14px; line-height:140%; color:#822020; height:30px;}

#top .subMenu .menu li li a{color:#ffffff; text-decoration:none;}
#top .subMenu .menu li li a:hover{color:#565656; text-decoration:none; font-weight:bold;}

#top .subMenu .menu li li a span{color:#565656; text-decoration:none; font-size:12px; font-weight:bold;}
/*#top .subMenu .menu li li a:hover span{color:#ffffff; text-decoration:none; font-size:12px; font-weight:bold;}*/


/* main cont */
#mainCont{width:100%; float:left; font-family: 'Nanum Gothic', serif; margin-top:93px;}
#mainCont .mainImg{width:100%; float:left; background:#555555; height:424px;}
#mainCont .mainImg .roll{width:100%; margin:0 auto; position:relative; z-index:10;}

#mainCont .main{width:983px; margin:0 auto;}
#mainCont .main .left{width:540px; float:left; line-height:180%; margin-top:30px; margin-bottom:30px;}
#mainCont .main .left img{padding-bottom:20px;}

#mainCont .main .right{width:337px; float:right; margin-top:30px; margin-bottom:30px;}
#mainCont .main .right .tit{width:317px; padding:10px 10px; background:#cccccc; color:#ffffff; fot-size:14px;  height:14px;}
#mainCont .main .right .tit .titTxt{float:left; width:150px;}
#mainCont .main .right .tit .btnMore{float:right; width:100px; text-align:right;}
#mainCont .main .right .tit a{color:#828282; font-weight:bold; font-size:12px; margin-left:0px;}
#mainCont .main .right .cont{width:317px; padding:10px 10px;}

#mainCont .map{width:100%; height:202px; background:url(../images/main_map.jpg) no-repeat center; float:left;}

#mainCont .main2{width:100%; float:left; background:#f8f8f8; padding:20px 0;}
#mainCont .main2 .cont{width:983px; margin:0 auto;}

#mainCont .main2 .cont .left{width:555px; float:left;}
#mainCont .main2 .cont .left .tit{font-size:12px; font-weight:bold; margin-bottom:20px; width:100%;}

#mainCont .main2 .part1{width:100%; float:left; padding-bottom:30px; font-size:12px; padding-top:20px;}
#mainCont .main2 .part1 li{float:left; padding-right:30px;}
#mainCont .main2 .part1 li img{padding-right:10px; vertical-align:middle;}
#mainCont .main2 .part1 li span{font-weight:bold; padding:0 5px; color:#000000;}

#mainCont .main2 .part2{width:49%; float:left; padding-bottom:0px;}
#mainCont .main2 .part2 ul{width:98%; float:left; margin-left:2%;}
#mainCont .main2 .part2 li{float:left; width:100%; padding-bottom:10px;}
#mainCont .main2 .part2 li img{padding-right:15px;}

#mainCont .main2 .part2 a{color:#CCCCCC; font-size:11px; padding-top:3px; text-decoration:underline;}
#mainCont .main2 .part2 ul a{color:#db0000; font-size:11px; text-decoration:none;}

#mainCont .main2 .cont .right{width:305px; float:right; padding:30px 15px 50px 15px; background:#ffffff;}
#mainCont .main2 .cont .right .tit{width:100%; font-size:14px; color:#b2b2b2; padding-bottom:20px;}

#mainCont .main2 .cont .right .tit a{font-size:12px; color:#b2b2b2; float:right;}
#mainCont .main2 .cont .right .cont{width:100%; float:left; line-height:180%; font-size:12px;}
#mainCont .main2 .cont .right .cont .tit{font-size:16px; padding-bottom:15px; width:100%; color:#000000;}
#mainCont .main2 .cont .right .cont .tit span{font-size:12px; color:#CCCCCC; padding-left:10px;}


#mainCont .main3{width:100%; float:left; padding:20px 0;}
#mainCont .main3 .cont{width:983px; margin:0 auto;}
#mainCont .main3 .cont ul{width:230px; margin-right:16px; float:left;}
#mainCont .main3 .cont ul:last-child{width:230px; margin-right:0px; float:left;}
#mainCont .main3 .cont li{width:100%; display:bolock;}
#mainCont .main3 .cont li.tit{width:100%;}
#mainCont .main3 .cont li.tit img{vertical-align:middle;}
#mainCont .main3 .cont li.tit span{padding-top:2px;color:#989898; font-size:14px;}
#mainCont .main3 .cont li.conTit{padding-top:20px;color:#000; font-size:16px;padding-bottom:15px; width:100%;}
#mainCont .main3 .cont li.con{color:#989898; font-size:12px;padding-bottom:15px; line-height:180%; width:100%;}
#mainCont .main3 .cont li.btn{color:#ffffff; background:#a39276; font-size:12px; padding:10px 0; width:100%; text-align:center;}
#mainCont .main3 .cont li.btn a{color:#ffffff;}
#mainCont .main3 .cont li.btn a:hover{color:#000;}

#mainCont .main3 .cont a li.btn{color:#ffffff; background:#a39276; font-size:12px; padding:10px 0; width:100%; text-align:center;}
#mainCont .main3 .cont a:hover li.btn{color:#ffffff; background:#2b2b2b; font-size:12px; padding:10px 0; width:100%; text-align:center;}

/* main footer*/
#footer{width:100%; float:left; margin-top:30px; border-top:1px solid #e6e6e6; font-family: 'Nanum Gothic', serif;}
#footer .f_subMenuWrap{width:100%; float:left; padding:10px 0; border-bottom:1px solid #e6e6e6;}
#footer .f_subMenu{width:983px; margin:0 auto;}
#footer .f_subMenu .menu{width:740px; padding-left:0px; float:left;}
#footer .f_subMenu .menu li{padding:0 10px; border-left:1px solid #919191; margin-top:6px;}
#footer .f_subMenu .menu li:first-child{padding:0 10px 0 0; border-left:none;}
#footer .f_subMenu .menu li a{color:#919191;}
#footer .f_subMenu .menu li a:hover{color:#000;}
#footer .f_subMenu .banner{width:242px; float:right;}

#footer .copy{width:983px; margin:0 auto;}
#footer .copy .logo{width:114px; float:left; padding:40px 0;}

#footer .copy .copyright{width:460px; float:left; padding:0; line-height:180%; padding-top:20px;}
#footer .copy .copyright span{font-weight:bold; padding:0 2px 0 6px;}

#footer .copy .right{width:403px; float:left; padding-top:20px;}
#footer .copy .right .title{width:100%; font-size:14px; font-weight:bold; padding-bottom:10px;}
#footer .copy .right .formInput{width:290px; float:left;}
#footer .copy .right .formInput input{background:#f2f2f2; border:1px solid #9f9f9f; color:#9f9f9f; float:left; margin:0 5px 5px 0; padding:3px; width:130px;}

#footer .copy .right .formSend{width:104px; float:left; margin-top:-5px;}
#footer .copy .right .formSend img{float:left;}


/* sub cont */
#subCont{width:100%; float:left; font-family: 'Nanum Gothic', serif; margin-top:93px; border-top:1px solid #ececec; padding-top:60px;}
#subCont .cont{width:983px; margin:0 auto;}

#subCont .cont .subTitle{width:100%; float:left; text-align:center; font-size:30px; font-weight:bold; font-family: 'Open Sans', 'Naum Gothic', serif; height:100px;}
#subCont .cont .subTitle span{padding-bottom:15px; border-bottom:1px solid #c1c1c1;}
#subCont .contents{width:100%; float:left; margin-top:20px; font-family: 'Nanum Gothic', serif;}

#subCont .cont .sub_subMenu{width:550px; margin:0 auto; text-align:center; font-size:14px; font-weight:bold; font-family: 'Naum Gothic', 'Open Sans', serif; height:50px; padding-top:20px;}
#subCont .cont .sub_subMenu ul{width:100%; text-align:center; float:left; height:50px;}
#subCont .cont .sub_subMenu ul li{margin:10px; font-family: 'Nanum Gothic', serif; color:#e2e2e2; float:none;}
#subCont .cont .sub_subMenu ul li a{color:#898989;}
#subCont .cont .sub_subMenu ul li a:hover{color:#000;}
#subCont .cont .sub_subMenu ul li.on{margin:10px 10px 8px 10px; padding:0; border-bottom:2px solid #730303; color:#730303;}


/* 회사소개*/
.company{width:100%; float:left; text-align:center; color:#666666; font-family: 'Nanum Gothic', serif; line-height:200%;}
.company .ci{font-size:20px; font-weight:bold; color:#000000; padding-bottom:18px;}
.company .ci span{font-size:20px; font-weight:bold; color:#831f1f;}
.company .idea{width:100%; float:left; clear:both; text-align:center; padding:30px 0;}
.company .idea ul{width:143px; height:124px; background:url(../images/sub/company_idea.png); padding:30px 10px 10px 10px; margin:15px; float:left;}
.company .idea ul:first-child{width:143px; height:124px; background:url(../images/sub/company_idea.png); padding:30px 10px 10px 10px; margin:15px 15px 15px 250px; float:left;}
.company .idea ul li{width:100%; color:#949494; text-align:center; line-height:160%;}
.company .idea ul li.tit{width:100%; color:#7f1f20; font-size:18px; font-family: 'Open Sans', 'Naum Gothic', serif; padding-bottom:14px; font-weight:bold;}

.company2{width:100%; float:left; color:#666666; font-family: 'Nanum Gothic', serif; line-height:200%;}
.company2 .part1{width:425px; float:left; margin-top:20px;}
.company2 .part2{width:520px; margin-left:30px; float:left; margin-top:20px;}
.company2 .tit{width:100%; color:#7f1f20; font-size:18px;  font-family: 'Open Sans', 'Naum Gothic', serif; padding-bottom:18px; font-weight:bold;}
.company2 ul li{width:100%; float:left; font-family: 'Nanum Gothic', serif;}
.company2 ul li span{font-weight:bold; color:#000000; padding-right:10px; font-size:13px;}


/* 견적문의 */
.inquire{width:100%; float:left; font-family: 'Nanum Gothic', serif; color:#666666;}
.inquire .left{width:400px; padding:20px 15px; float:left; font-family:'Nanum Gothic', serif; border:1px solid #cccccc; line-height:180%; }
.inquire .left .tit{padding:10px;color:#444444; font-size:18px;  font-family: 'Open Sans', 'Naum Gothic', serif; padding-bottom:18px;  font-weight:bold;}
.inquire .left .part1{padding:10px 10px 30px 10px; clear:both;}
.inquire .left .part2{padding:10px 10px 15px 10px; clear:both;}
.inquire .left p{width:100%; font-weight:bold;}
.inquire .left p span{font-weight:normal; padding-right:20px;}
.inquire .right{width:500px; float:right; font-family:'Nanum Gothic', serif;}


/* 찾아오시는 길 */
.location{width:100%; float:left; font-family: 'Nanum Gothic', serif; color:#666666;}
.location .left{width:380px; padding:20px 15px; float:left; font-family:'Nanum Gothic', serif; line-height:180%; }
.location .tit{padding:10px;color:#444444; font-size:18px;  font-family: 'Open Sans', 'Naum Gothic', serif; padding-bottom:18px; font-weight:bold;}
.location .left .part1{padding:10px 10px 20px 10px; clear:both;}
.location .left .part2{padding:10px 10px 10px 10px; clear:both;}
.location .left p span{font-weight:bold; font-size:14px; color:#444444;}
.location .left img{padding-right:10px;}
.location .right{width:520px; float:right; font-family:'Nanum Gothic', serif;}


/* Direct Order */
.requestTop{width:100%; float:left; margin:0px; padding-bottom:10px;}
.requestTop ul{width:981px; float:left; margin-left:3px;}
.requestTop ul li{width:100%; background:url(../images/sub/box_bg.png); text-align:center; color:#666666; line-height:180%;}
.requestTop ul li p{padding-bottom:10px;padding-top:10px;}
.requestTop ul li p span{color:#9a324d; font-weight:bold;}
.requestTop ul li .tit{font-size:14px; font-weight:bold; color:#393939; font-weight:bold; }
.requestTop ul li .vat{text-decoration:underline;}
.requestTop ul li .bgtxt{background:#3c3c3c; padding:0 10px; color:#ffffff;}
.requestTop ul li .bgtxt a{color:#ffffff;}
.requestTop ul li:first-child{width:100%; height:23px; background:url(../images/sub/box_top.png) no-repeat;}
.requestTop ul li:last-child{width:100%; height:23px; background:url(../images/sub/box_bottom.png) no-repeat;}

.requestBottom{width:100%; float:left; margin-top:30px; text-align:center;}
.requestBottom .cont{width:981px; float:left; margin-left:3px;}

.requestBottom .inputForm{width:48%; float:left;}
.requestBottom .inputForm li{line-height:180%;}
.requestBottom .inputForm li.item{width:80px; float:left; color:#676767; font-weight:bold; font-size:13px; clear:both; padding-bottom:10px; text-align:left;}
.requestBottom .inputForm li.item1{width:80px; float:left; color:#9b334c; font-weight:bold; font-size:14px; clear:both; padding-bottom:10px; text-align:left;}
.requestBottom .inputForm li.inp{width:350px; padding-bottom:10px; text-align:left;}
.requestBottom .btn{width:100%; text-align:center; float:left; clear:both;}

.requestHosting {width:820px; margin:0 auto;}
.requestHosting .info{width:100%; float:left; text-align:center;}

/* Direct Order : Print request*/
.print{width:820px;margin:0 auto;}
.print .banner{width:100%; float:left;} 
.print .printInfo{width:100%; float:left; margin-top:20px;}
.print .printInfo ul li{width:100%; float:left; margin-bottom:20px;}

/* input */
  .input_txt{border:1px solid #cccccc;
        background:#f9f9f9;}

/* 사업영역 */
.business{width:100%; float:left; padding:20px 0;}
.business .cont{width:983px; margin:0 auto;}
.business .cont ul{width:230px; margin-right:16px; float:left;}
.business .cont ul:last-child{width:230px; margin-right:0px; float:left;}
.business .cont li{width:100%; display:bolock;}
.business .cont li.tit{width:100%;}
.business .cont li.tit img{vertical-align:middle;}
.business .cont li.tit span{padding-top:2px;color:#989898; font-size:14px;}
.business .cont li.conTit{padding-top:20px;color:#000; font-size:16px;padding-bottom:15px; width:100%;}
.business .cont li.con{color:#989898; font-size:12px;padding-bottom:15px; line-height:180%; width:100%;}
.business .cont li.btn{color:#ffffff; background:#a39276; font-size:12px; padding:10px 0; width:100%; text-align:center;}
.business .cont li.btn a{color:#ffffff;}
.business .cont li.btn a:hover{color:#000;}

.business .cont .left{width:465px; float:left; margin-top:30px;}
.business .cont .left ul{width:100%; float:left;}
.business .cont .left li{width:100%; line-height:180%; font-size:12px; color:#505050;font-family:'Nanum Gothic', serif; margin-bottom:30px;}
.business .cont .left li.conTit{width:100%; line-height:180%; font-size:20px; color:#505050;font-family: 'Open Sans', 'Naum Gothic', serif; margin-bottom:0;}
.business .cont .left li p{font-size:18px; color:#1b1b1b; font-weight:bold; padding-bottom:6px;}

.business .cont .left li.subCon{width:405px; padding:15px 30px; border:1px solid #dddddd; line-height:180%; font-size:12px; color:#777777; font-family:'Nanum Gothic', serif; margin-bottom:30px;}
.business .cont .left li.subCon li{width:100%; margin-bottom:15px; line-height:180%; float:left;}
.business .cont .left li.subCon li.conTit{width:100%; margin-bottom:0px; line-height:180%; float:left; font-family: 'Open Sans', 'Naum Gothic', serif; font-size:18px; color:#822020;}
.business .cont .left li.subCon li.tit span{font-family:'Nanum Gothic', serif; font-weight:bold;} 
.business .cont .left li.subCon li.tit{width:100%; margin-bottom:0px; line-height:180%; float:left; font-family: 'Open Sans', 'Naum Gothic', serif; font-size:14px; color:#777777; font-weight:bold;}

.business .cont .right{width:454px; float:right; margin-top:30px;}
.business .cont .right ul{width:100%; float:left;}
.business .cont .right li{width:100%; line-height:180%; font-size:12px; color:#505050;font-family:'Nanum Gothic', serif; margin-bottom:30px;}
.business .cont .right li.conTit{width:100%; line-height:180%; font-size:20px; color:#505050;font-family: 'Open Sans', 'Naum Gothic', serif; margin-bottom:0;}
.business .cont .right li p{font-size:18px; color:#1b1b1b; font-weight:bold; padding-bottom:6px;}


/* payment guide*/
.guide{width:100%; float:left; padding:20px 0;}
.guide .left{width:453px; float:left;}
.guide .part1{width:100%; float:left; clear:both; position:relative; margin-bottom:20px;}
.guide .part1 li{width:100%; float:left; font-family:'Nanum Gothic', serif; font-size:12px; color:#666666; line-height:200%; font-size:12px;}
.guide .part1 li.tit{background:url(../images/sub/dot_01.jpg) no-repeat 5px 12px; padding-left:12px; font-size:14px; font-weight:bold; color:#1b1b1b; font-family:'Nanum Gothic', serif; }
.guide .part1 li span{font-weight:bold; color:#1b1b1b; font-size:14px;}

.guide .part1 .btn_go{width:150px; padding:5px 0; text-align:center; color:#ffffff; background:#3b3b3b; position:absolute; left:100%; top:100%; margin-left:-150px; margin-top:-30px;}
.guide .part1 .btn_go a{color:#ffffff;}
.guide .part1 .btn_go a:hover{color:#CCCCCC;}

.guide .part2{width:100%; float:left; clear:both; position:relative; margin-bottom:20px;}
.guide .part2 li{width:100%; float:left; font-family:'Nanum Gothic', serif; font-size:12px; color:#666666; line-height:200%; font-size:12px; background:url(../images/sub/dot_02.jpg) no-repeat 8px 10px; padding-left:20px;}
.guide .part2 li.tit{background:url(../images/sub/dot_01.jpg) no-repeat 5px 12px; padding-left:12px; font-size:14px; font-weight:bold; color:#1b1b1b; font-family:'Nanum Gothic', serif; }
.guide .part2 li span{font-weight:bold; color:#1b1b1b; font-size:14px;}

.guide .part2 .btn_go{width:150px; padding:5px 0; text-align:center; color:#ffffff; background:#3b3b3b; position:absolute; left:100%; top:100%; margin-left:-150px; margin-top:-30px;}
.guide .part2 .btn_go a{color:#ffffff;}
.guide .part2 .btn_go a:hover{color:#CCCCCC;}


.guide .right{width:453px; float:right;}


/* login*/
.login{width:100%; float:left; padding:20px 0;}
.login .left{width:520px; float:left;}
.login .left .box{width:480px; float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-family: 'Open Sans', 'Naum Gothic', serif; font-size:12px; color:#5a5a5a;}
.login .left .box ul{width:100%; float:left;}
.login .left .box li{width:100%; float:left; margin-bottom:15px; text-align:left;}
.login .left .box li.idpw{background:url(../images/sub/login_idpw_box.jpg) no-repeat; width:460px; height:28px; padding:16px 10px; margin-bottom:10px;}
.login .left .box li.idpw input{width:100%; border:none; font-size:16px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif; background:#ffffff; font-weight:normal;}
.login .left .box li.confirm{font-size:12px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif;}
.login .left .box li.confirm a{color:#a7a7a7;}
.login .left .box li.confirm a:hover{color:#cccccc;}

.login .right{width:424px; float:right;}
.login .right .box{width:384px; float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-family: 'Open Sans', 'Naum Gothic', serif; font-size:12px; color:#5a5a5a;}
.login .right .box ul{width:100%; float:left;}
.login .right .box li{width:100%; float:left; margin-bottom:15px; text-align:left;}
.login .right .box li.port{background:url(../images/sub/login_box2.jpg) no-repeat; width:364px; height:28px; padding:16px 10px; margin-bottom:10px;}
.login .right .box li.port input{width:100%; border:none; font-size:16px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif; background:#ffffff; font-weight:normal;}

.login .right .box2{width:384px; float:left; padding:30px 20px 15px 20px; font-family:'Nanum Gothic', serif; font-size:12px; color:#5a5a5a; line-height:180%; text-align:left;}


/*idpw*/

.idpw{width:100%; float:left; padding:20px 0;}
.idpw .left{width:470px; float:left;}
.idpw .left .box{width:400x; float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-family: 'Open Sans', 'Naum Gothic', serif; font-size:12px; color:#5a5a5a;}
.idpw .left .box ul{width:100%; float:left;}
.idpw .left .box li{width:100%; float:left; margin-bottom:15px; text-align:left;}
.idpw .left .box li.idpw{background:url(../images/sub/login_box2.jpg) no-repeat; width:364px; height:28px; padding:16px 10px; margin-bottom:10px;}
.idpw .left .box li.idpw input{width:100%; border:none; font-size:16px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif; background:#ffffff; font-weight:normal;}
.idpw .left .box li.confirm{font-size:12px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif;}
.idpw .left .box li.confirm a{color:#a7a7a7;}
.idpw .left .box li.confirm a:hover{color:#cccccc;}

.idpw .right{width:470px; float:right;}
.idpw .right .box{width:400px; float:left; border:1px solid #cccccc; padding:30px 20px 15px 20px; font-family: 'Open Sans', 'Naum Gothic', serif; font-size:12px; color:#5a5a5a;}
.idpw .right .box ul{width:100%; float:left;}
.idpw .right .box li{width:100%; float:left; margin-bottom:15px; text-align:left;}

.idpw .right .box li.idpw{background:url(../images/sub/login_box2.jpg) no-repeat; width:364px; height:28px; padding:16px 10px; margin-bottom:10px;}
.idpw .right .box li.idpw input{width:100%; border:none; font-size:16px; color:#a7a7a7;  font-family: 'Open Sans', 'Naum Gothic', serif; background:#ffffff; font-weight:normal;}
.idpw .right .box li.confirm{font-size:12px; color:#a7a7a7;  font-family: 'Naum Gothic', serif;}
.idpw .right .box li.confirm a{color:#a7a7a7;}
.idpw .right .box li.confirm a:hover{color:#cccccc;}

.idpw .right .box2{width:384px; float:left; padding:30px 20px 15px 20px; font-family:'Nanum Gothic', serif; font-size:12px; color:#5a5a5a; line-height:180%; text-align:left;}


/*font*/
.fontBD{font-weight:bold;}


/* form Board */
.formBoard{width:100%; float:left;}

/* 포트폴리오*/
.portfolio_title_font{font-weight:bold; color:#730303; border-bottom:2px solid #CCCCCC; padding-bottom:5px;}

/* main rolling img*/
.slider {
	width:100%;
	min-width:983px;
	height:424px;
	position:relative;
	overflow:hidden;
	background:#fff;
	text-align:center;
}
.slider .bd {
	width:983px;
	position:absolute;
	left:50%;
	margin-left:-491px;
	z-index:20;
}
.slider .bd li {
	width:983px;
	overflow:hidden;
}
.slider .bd li img {
	display:block;
	width:983px;
	height:424px;
}
.slider .tempWrap {
	overflow:visible !important
}
.slider .tempWrap ul {
	margin-left:-983px !important;
}
.slider .hd {
	position:absolute;
	width:100%;
	left:0;
	z-index:1;
	height:8px;
	bottom:20px;
	text-align:center;
}
.slider .hd li {
	display:inline-block;
	*display:inline;
	zoom:1;
	width:8px;
	height:8px;
	line-height:99px;
	overflow:hidden;
	background:url(images/slider-btn.png) 0 -10px no-repeat;
	margin:0 5px;
	cursor:pointer;
	filter:alpha(opacity=60);
	opacity:0.6;
}
.slider .hd li.on {
	background-position:0 0;
	filter:alpha(opacity=100);
	opacity:1;
}
.slider .pnBtn {
	position:absolute;
	z-index:30;
	top:0;
	width:100%;
	height:424px;
	cursor:pointer;
}
.slider .prev {
	left:-50%;
	margin-left:-491px;
}
.slider .next {
	left:50%;
	margin-left:491px;
}
.slider .pnBtn .blackBg {
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:424px;
	background:#000;
	filter:alpha(opacity=50);
	opacity:0.5;
}
.slider .pnBtn .arrow {
	display:none;
	position:absolute;
	top:169px;
	z-index:1;
	width:86px;
	height:86px;
}
.slider .pnBtn .arrow:hover {
	filter:alpha(opacity=60);
	opacity:0.6;
}


.slider .prev .arrow {
	right:0;
	background:url(../images/arrow_left.png) 0px 0 no-repeat;
}
.slider .next .arrow {
	left:0;
	background:url(../images/arrow_right.png) 0 0 no-repeat;
}


/*.slider .pnBtn .prev{width:86px; position:absolute; left:0; margin:0;}
.slider .pnBtn .next{width:86px; position:absolute; left:100%; margin:0; margin-left:-86px;}*/