html { 
-webkit-text-size-adjust: none; -moz-text-size-adjust: none; -ms-text-size-adjust: none; 
}
body{min-width:1016px;}
/*header*/
#header{width:100%;height:90px;background-color:#FFF;min-width:996px;}
#header .nav_wrap{width:996px;margin:0 auto; position:relative;}
#header .nav_wrap .menuUnderbar{position:absolute;left:396px;top:67px;width:63px;height:3px;background:#10124e}
#header .nav{ position:absolute; width:996px;left:0; top:0; z-index:1000}
#header .nav h1{float:left;width:190px;height:43px;margin-top:20px}
#header .nav h1 a{display:block;width:95px;height:45px;}
#header .nav ul {float:right;}
#header .nav ul:after {display:block;content:"";clear:both}
#header .nav ul li.menu {float:left;width:80px;height:39px;line-height:90px;margin-left:50px}
#header .nav ul li.menu .snb {margin-top:-10px;}
#header .nav ul li.menu .snb li {width:80px;}
#header .nav ul li.menu .snb li a{line-height:26px;font-size:14px;letter-spacing:0.5px;color:#666}
#header .nav ul li.menu .snb li a:hover {color:#ff9900}
#header .nav ul li.menu a{font-size:17px;font-family:'NanumBarunGothicYet';color:#000;}
#header .nav ul li.menu a:hover{color:#ff9900}
#header .menuBg {height:200px; width:100%;min-width:1016px;background-color:#fff; position:absolute; left:0; top:90px; z-index:15;border-bottom:1px solid #ddd}

/*main_visual*/
#mainwrap .group_visual {width:100%;height:450px;margin:0 auto}
#mainwrap #visualList{position:absolute;left:0;top:90px;width:100%;min-width:1016px;}
#mainwrap #visualList ul{width:100%;height:450px}
#mainwrap #visualList ul:after{display:block;content:"";clear:both}
#mainwrap #visualList ul li{width:100%;min-width:1016px;height:100%;}
#mainwrap #visualList ul li .visualList_txt{display:block;position:absolute;left:50%;width:418px;height:198px;margin:100px -500px}
#mainwrap #visualList ul li b{line-height:60px;font-weight:100;font-family:Arial, Helvetica, sans-serif;font-size:50px;color:#fff;}
#mainwrap #visualList ul li p {line-height:30px;font-family:'notoR';font-size:18px;color:#fff;}
#mainwrap #visualList ul .slide01{background:url(/images/roll01.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover}
#mainwrap #visualList ul .slide02{background:url(/images/roll02.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover}
#mainwrap #visualList ul .slide03{background:url(/images/roll03.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover}

/*main_banner*/
#mainwrap .centerBanner {width:996px;height:360px;margin:50px auto;background:#000}
#mainwrap .centerBanner h2 {font-size:20px;}
#mainwrap .centerBanner span {display:block;font-size:12px;font-family:Arial, Helvetica, sans-serif}
#mainwrap .centerBanner .bannerUp {float:left;width:332px;height:180px;font-family:'notoR';color:#fff}
#mainwrap .centerBanner .bannerUp span {margin:20px 0 0 20px}
#mainwrap .centerBanner .bannerUp h2 {margin:8px 0 0 20px}
#mainwrap .centerBanner .bannerLow {float:left;width:332px;height:180px;font-family:'notoR';text-align:center;color:#fff;}
#mainwrap .centerBanner .bannerLow h2 {margin:65px 0 15px 0}
#mainwrap .centerBanner .bannerUp:hover {opacity:.3;animation:flash 2s;}
/*#mainwrap .centerBanner .bannerUp:hover {opacity:1;animation:flash 2s;}*/
@keyframes flash { 0%{opacity:.1;} 100%{opacity:1;}}
#mainwrap .centerBanner .bannerLow:hover {opacity:.3;animation:flash 2s;}
@keyframes flash { 0%{opacity:.1;} 100%{opacity:1;}}
#mainwrap .centerBanner .banner01 {background:url(/images/banner01.jpg);background-repeat:no-repeat;background-position:center top;}
#mainwrap .centerBanner .banner02 {background:url(/images/banner02.jpg);background-repeat:no-repeat;background-position:center top;}
#mainwrap .centerBanner .banner03 {background:url(/images/banner03.jpg);background-repeat:no-repeat;background-position:center top;}
#mainwrap .centerBanner .banner04 {background:url(/images/banner04.jpg);background-repeat:no-repeat;background-position:center top;}
#mainwrap .centerBanner .banner05 {background:url(/images/banner05.jpg);background-repeat:no-repeat;background-position:center top;}
#mainwrap .centerBanner .banner06 {background:url(/images/banner06.jpg);background-repeat:no-repeat;background-position:center top;}
/*main_content*/
#mainwrap .contents {width:996px;height:170px;margin:0 auto; }
#mainwrap .contents h2 {margin-bottom:20px;font-size:20px;font-family:'notoR';color:#000;}
#mainwrap .contents .text {font-family:'NanumBarunGothic';font-size:13px;line-height:19px;color:#707070}
#mainwrap .contents .content {float:left;width:196px;height:170px;padding-left:130px}
#mainwrap .contents .content .texteng {display:block;margin:20px 0 5px 0;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#a5a5a5}
#mainwrap .contents .cscenter {margin-right:9px;background:url(/images/content01.jpg);background-repeat:no-repeat;background-position:center top;}
#mainwrap .contents .cscenter .numtxt {float:left;width:33px;height:12px;margin:3px 10px 0 0;font-size:13px;font-family:Arial, Helvetica, sans-serif;background:url(/images/txtbg.png);background-repeat:no-repeat;background-position:center top;color:#666}
#mainwrap .contents .cscenter .telnumber {font-family:'NanumBarunGothic';}
#mainwrap .contents .cscenter .telnumber .tel01{line-height:25px;font-size:17px;color:#ff7301}
#mainwrap .contents .cscenter .telnumber .tel02{margin-left:45px;line-height:18px;font-size:14px;color:#000}
#mainwrap .contents .cscenter .telnumber .tel03{line-height:22px;font-size:14px;color:#000}
#mainwrap .contents .location {margin-right:9px;background:url(/images/content02.jpg);background-repeat:no-repeat;background-position:center top;}
#mainwrap .contents .certification {background:url(/images/content03.jpg);background-repeat:no-repeat;background-position:center top;}

/*sub_visual*/
#subwrap .subVisual {width:100%;min-width:1016px;height:200px}
#subwrap .subVisual .visualTitle {width:450px;height:51px;padding-top:75px;margin:0 auto;text-align:center;}
#subwrap .subVisual .engtitle {line-height:50px;font-size:24px;font-family:Arial, Helvetica, sans-serif;color:#fff}
#subwrap .subVisual .kortitle {font-size:15px;font-family:'notoR';color:#fff}
#subwrap .companyVisual {background-image:url(/company/images/sub_visual.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;}
#subwrap .inquiryVisual {background-image:url(/inquiry/images/inquiry_visual.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;}
#subwrap .newproductVisual {background-image:url(/newproduct/images/newproduct_visual.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;}
#subwrap .cscenterVisual {background-image:url(/cscenter/images/cscenter_visual.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;}

/*subWrap*/
.greetingBg{ background:url(/company/images/greetingBg.png) center 320px no-repeat;}/*CEO 이미지*/
#subwrap .subcontent {width:996px;margin:30px auto 0; min-height:500px;}
#subwrap .subcontent .lnbArea  {float:left;width:200px;margin-right:60px; }
#subwrap .subcontent .lnbArea .lnbTitle {width:200px;height:120px;background:url(/company/images/lnb_top.jpg);background-repeat:no-repeat;background-position:center top;}
#subwrap .subcontent .lnbArea .lnbTitle h2 {line-height:120px;font-size:20px;font-family:'notoR';text-align:center;color:#fff}
#subwrap .subcontent .lnbArea .lnbMenu li{width:200px;height:45px;background:#eaeaea;border-bottom:1px solid #fff;}
#subwrap .subcontent .lnbArea .lnbMenu li a {display:block;width:170px;height:45px;padding-left:30px;line-height:45px;font-family:'notoR';font-size:15px;color:#000}
#subwrap .subcontent .lnbArea .lnbMenu li a:hover {background:url(/company/images/lnb_hover.jpg);background-repeat:no-repeat;background-position:center top;color:#fff}
#subwrap .subcontent .lnbArea .lnbMenu li a.on {background:url(/company/images/lnb_hover.jpg);background-repeat:no-repeat;background-position:center top;color:#fff}
#subwrap .subcontent .cscenter {margin-top:30px}
#subwrap .subcontent .cscenter .quickmenu {width:200px;height:36px;background:url(/company/images/inquiry.jpg);background-position:0 0;background-repeat:no-repeat}
#subwrap .subcontent .cscenter .quickmenu:hover{background:url(/company/images/inquiry_hover.jpg);background-position:0 0;background-repeat:no-repeat}
#subwrap .subcontent .cscenter .quickmenu > a {display:block;width:200px;height:36px;line-height:36px;margin-left:10px;font-size:13px;font-family:'NanumBarunGothic';color:#000}
/*subTitle*/
#subwrap .subcontent .subcont{float:left;width:736px;}
#subwrap .subcontent .subTitle {width:736px;height:120px}
#subwrap .subcontent .subTitle h3 {float:left;width:580px;line-height:120px;font-size:38px;font-family:'notoR';color:#000}
#subwrap .subcontent .subTitle .navigation {float:right;margin-top:50px;font-family:'NanumGothic';}
#subwrap .subcontent .subTitle .navigation li {float:left;font-size:13px}
#subwrap .subcontent .subTitle .navigation li.dept1 {background:url(/company/images/navi_home.png);background-position:0 0;background-repeat:no-repeat;text-indent:20px;}
#subwrap .subcontent .subTitle .navigation li.dept2 {background:url(/company/images/navi_arrow.png);background-position:5px 0;background-repeat:no-repeat;color:#000;text-indent:20px;}

/*greeting*/
#subwrap .subcontent .greetingContent {width:768px; height:450px;}
#subwrap .subcontent .greetingContent .greetingSubTxt01 {line-height:35px;font-size:25px;font-family:'NanumBarunGothic';color:#000e5f;padding-bottom:20px}
#subwrap .subcontent .greetingContent .greetingSubTxt02 {font-size:15px;line-height:25px;padding-bottom:20px;font-family:'NanumGothic';color:#1b1b1b;}
#subwrap .subcontent .greetingContent .greetingSubTxt03 {font-weight:bold;color:#1b1b1b;}


/*company*/
#subwrap .subcontent .historyContent {width:736px; height:530px;background:url(/company/images/history_bg.png) center top no-repeat}
#subwrap .subcontent .historyContent ul li {width:736px; padding:18px 0 15px 0;border-bottom:1px solid #ccc; overflow:hidden;}
#subwrap .subcontent .historyContent ul .linecut {width:450px;}
#subwrap .subcontent .historyContent ul .linecut02 {width:340px;}
#subwrap .subcontent .historyContent ul .line2016 {width:736px;border:none}
#subwrap .subcontent .historyContent ul li span {float:left;font-family:'NanumBarunGothic';color:#000}
#subwrap .subcontent .historyContent ul li .year{width:80px;height:30px;font-size:24px;line-height:30px;text-align:center;}
#subwrap .subcontent .historyContent ul li .month{width:80px;height:30px;font-size:15px;line-height:30px;text-align:center;}
#subwrap .subcontent .historyContent ul li .txt{font-size:15px;line-height:30px}

/*certificate*/
#subwrap .subcontent .certifyContent {width:736px;height:520px}
#subwrap .subcontent .certifyContent .certificationList li {float:left;width:173px;height:240px;;margin:0 0 70px 12px;border:1px solid #ccc}
#subwrap .subcontent .certifyContent .certificationList li.first_child {margin-left:0}
#subwrap .subcontent .certifyContent .certificationList li {position:relative;left:0;top:0;}
#subwrap .subcontent .certifyContent .certificationList li .cover {display:none;position:absolute;left:0;top:0;}
#subwrap .subcontent .certifyContent .certificationList li a:hover > span {display:block;}
#subwrap .simplemodal {display:none;}
#subwrap .subcontent .certifyContent .certificationList li .certiTxt {line-height:70px;font-size:15px;font-family:'NanumBarunGothic';text-align:center;color:#000}

/*

/*marterial*/
#subwrap .subcontent .materialContent {width:736px;min-height:1200px}
#subwrap .subcontent .materialContent .materialList {display:table;width:736px;border-top:2px solid #c4c4c4;border-bottom:2px solid #c4c4c4}
#subwrap .subcontent .materialContent .materialList ul{}
#subwrap .subcontent .materialContent .materialList li {display:table-row;height:35px;line-height:35px;text-align:center;font-size:13px;font-family:'NanumBarunGothic';color:#000;}
#subwrap .subcontent .materialContent .materialList li span {display:table-cell;word-break:break-all}
#subwrap .subcontent .materialContent .materialList li.listClassify {font-size:15px;color:#000e5f;}
#subwrap .subcontent .materialContent .materialList li.listClassify .listSide {width:170px;height:29px;border-bottom:6px solid #1c3fa8}
#subwrap .subcontent .materialContent .materialList li.listClassify .listMiddle{width:98px;height:29px;border-bottom:6px solid #000e5f}
#subwrap .subcontent .materialContent .materialList li.listClassify .listCenter{width:200px;height:29px;border-bottom:6px solid #1c3fa8}
#subwrap .subcontent .materialContent .materialList li.materialClassify .materialSide {width:160px;padding:0 5px 0 5px;border-top:1px solid #ccc;}
#subwrap .subcontent .materialContent .materialList li.materialClassify .materialMiddle {width:88px;padding:0 5px 0 5px;border-top:1px solid #ccc;background:#eee}
#subwrap .subcontent .materialContent .materialList li.materialClassify .materialCenter {width:190px;padding:0 5px 0 5px;border-top:1px solid #ccc;}
/*location*/
#subwrap .subcontent .locationContent {width:736px;height:470px}
#subwrap .subcontent .locationContent .addressText {float:left;width:734px;height:114px;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2}
#subwrap .subcontent .locationContent .addressText .txts {float:left;width:490px;padding:25px 30px;font-size:16px;font-family:'NanumBarunGothic';color:#000}
#subwrap .subcontent .locationContent .addressText .txt_add {line-height:26px;margin-bottom:10px}
#subwrap .subcontent .locationContent .addressText .txt_tel {float:left;line-height:26px;margin-right:5px}
#subwrap .subcontent .locationContent .addressText .btn_gotoMap {float:right;margin:34px 34px 0 0}
#subwrap .subcontent .locationContent .addressText .btn_gotoMap > a {display:block;width:148px;height:44px;line-height:44px;border:1px solid #000e5f;font-size:15px;font-family:'NanumBarunGothic';text-align:center;color:#000;}
#subwrap .subcontent .locationContent .addressText .btn_gotoMap > a:hover {background:#d2d2d2;border:1px solid #d2d2d2}

/*product*/
#subwrap .subcontent .darkContent {width:736px;min-height:720px}
#subwrap .subcontent .darkContent p {line-height:24px;font-family:'NanumBarunGothic';font-size:15px;color:#000}
#subwrap .subcontent .darkContent p.textTitle {line-height:32px;font-size:20px;font-family:'NanumGothic';font-weight:bold;color:#000e5f}
#subwrap .subcontent .darkContent .darkroll01 img {border:1px solid #d2d2d2;}
#subwrap .subcontent .darkContent .darkroll02 img {border:1px solid #d2d2d2}
#subwrap .subcontent .darkContent .darktext01 {padding:30px 0;}
#subwrap .subcontent .darkContent .darktext02  {margin:30px 0;padding:20px 0;background:#d2d2d2}
#subwrap .subcontent .darkContent .darktext02 > p{text-align:center;}
#subwrap .subcontent .siliconContent .siliconroll img {border:1px solid #d2d2d2}
#subwrap .subcontent .urethaneContent .urethaneroll {margin-bottom:20px}
#subwrap .subcontent .urethaneContent .urethaneroll img {border:1px solid #d2d2d2}
#subwrap .subcontent .spongeContent .spongeroll img {border:1px solid #d2d2d2}
#subwrap .subcontent .filmContent .filmnroll img {border:1px solid #d2d2d2}
#subwrap .subcontent .conveyerContent .conveyerroll {margin-bottom:20px}
#subwrap .subcontent .conveyerContent .conveyerroll img {border:1px solid #d2d2d2}
#subwrap .subcontent .rtvContent .rtvroll img {border:1px solid #d2d2d2}

/*newproduct*/
#subwrap .subcontent .newproductContent {width:736px;min-height:550px}
#subwrap .subcontent .newproductContent .newproductWrap {width:736px;padding:30px 0 10px 0;border-top:6px solid #000e5f;border-bottom:1px solid #666}
#subwrap .subcontent .newproductContent .newproductWrap ul {width:781px;margin-left:-45px}
#subwrap .subcontent .newproductContent .newproductWrap ul:after{display:block; content:""; clear:both}
#subwrap .subcontent .newproductContent .newproductWrap li {float:left;width:345px;height:320px;margin-left:45px;cursor:pointer}
#subwrap .subcontent .newproductContent .newproductWrap li.noData {width:100%;font-family:'NanumBarunGothic';font-size:14px;color:#000000;line-height:50px;text-align:center;cursor:none}
#subwrap .subcontent .newproductContent .newproductWrap li dl dd {width:343px;height:256px;border:1px solid #d2d2d2}
#subwrap .subcontent .newproductContent .newproductWrap li dl dt {overflow:hidden;width:345px;height:60px;line-height:60px;margin:0 auto;font-size:16px;font-family:'NanumBarunGothic';text-align:center;color:#000}
.bottomWrap {padding-top:20px}
/*newproduct_read*/
#subwrap .subcontent .newproductContent .newproductreadWrap {width:736px;margin-bottom:55px;font-family:'NanumBarunGothic';font-size:13px;}
#subwrap .subcontent .newproductContent .newproductreadWrap .readTitle {width:736px;height:45px;line-height:45px;border-bottom:6px solid #000e5f}
#subwrap .subcontent .newproductContent .newproductreadWrap .readTitle .title {float:left;max-width:600px;font-size:17px;color:#000}
#subwrap .subcontent .newproductContent .newproductreadWrap .readTitle .date {float:right;color:#333}
#subwrap .subcontent .newproductContent .newproductreadWrap .readTitle:after {display:block; content:""; clear:both}
#subwrap .subcontent .newproductContent .newproductreadWrap .attachedFile {width:691px;height:50px;padding-left:45px;background:#eaeaea url(/product/images/file.png);background-repeat:no-repeat;background-position:10px 15px}
#subwrap .subcontent .newproductContent .newproductreadWrap .attachedFile .file {float:left;line-height:50px;margin-right:20px}
#subwrap .subcontent .newproductContent .newproductreadWrap .editArea {width:716px;min-height:280px;padding:10px;line-height:19px;font-size:14px;color:#333;border-bottom:1px solid #d2d2d2}
#subwrap .subcontent .newproductContent .preNext {width:736px;height:80px;border-bottom:1px solid #000e5f}
#subwrap .subcontent .newproductContent .preNext p {display:block;float:left}
#subwrap .subcontent .newproductContent .preNext .guide {width:119px;height:40px;border-right:1px solid #d2d2d2;line-height:40px;font-size:13px;color:#7c7c7c;text-align:center;}
#subwrap .subcontent .newproductContent .preNext .guideLine {height:39px;border-bottom:1px solid #d2d2d2}
#subwrap .subcontent .newproductContent .preNext .guideLine a {height:39px;}
#subwrap .subcontent .newproductContent .preNext .guideText a{display:block;width:616px;height:40px;line-height:40px;color:#333;text-indent:20px;}
#subwrap .subcontent .newproductContent .preNext .guideText:hover {background:#eaeaea}
#subwrap .subcontent .newproductContent .preNext:after {display:block; content:""; clear:both}
#subwrap .subcontent .newproductContent .gotoList{float:right;}
#subwrap .subcontent .newproductContent .gotoList a {display:block;width:130px;height:40px;line-height:40px;border:1px solid #000e5f;font-size:15px;font-family:'NanumBarunGothic';text-align:center;color:#000}
#subwrap .subcontent .newproductContent .gotoList a:hover {background:#000e5f;color:#fff}


/*pageNum*/
.pageNum {float:left;margin-left:-7px}
.pageNum:after {display:block; content:""; clear:both}
.pageNum li {float:left;width:24px;height:24px;margin:10px 5px 0 0;}
.pageNum li a {display:block;width:24px;height:24px;font-family:'NanumBarunGothic';font-size:14px;line-height:24px;text-align:center;color:#444}
.pageNum li.on a{font-weight:bold;color:#000e5f}

/*search*/
.searchBox {float:right;}
.searchBox fieldset {border:none; margin:0; padding:0}
.searchBox .searchForm {float:left;width:188px;height:40px;border-right:2px solid #fff;background:#eaeaea;font-family:"NanumGothic"; font-size:13px; line-height:40px; text-indent:10px; color:#444}
.searchBox .btn_search {float:left;width:40px;height:40px;background:#eaeaea url(/newproduct/images/ico_search.png);background-repeat:no-repeat;background-position:center top;color:#666;text-indent:-9999px;cursor:pointer}
.searchBox .btn_search:hover {background:#000e5f url(/newproduct/images/ico_searchhover.png);background-repeat:no-repeat;background-position:center top;}

/*facilities*/
#subwrap .subcontent .facilitiesContent {position:relative;width:736px;min-height:650px}
#subwrap .subcontent .facilitiesContent	.facilitiesSliding{padding:30px 0 0 27px;}
#subwrap .subcontent .facilitiesContent ul {background:#0FF}
#subwrap .subcontent .facilitiesContent ul li {float:left;padding-right:5px;cursor:pointer}
#subwrap .subcontent .facilitiesContent > span.left{position:absolute;left:0;top:443px;z-index:100;cursor:pointer}
#subwrap .subcontent .facilitiesContent > span.right{position:absolute;right:0;top:443px;z-index:100;cursor:pointer}


/*inquire*/
#subwrap .subcontent .inquiryContent {width:736px;height:450px}
#subwrap .subcontent .inquiryContent .formContent {width:736px;height:471px}
#subwrap .subcontent .inquiryContent .formContent th {width:70px;background:#e0e0e0;font-size:15px;font-family:'NanumBarunGothic';text-align:left;text-indent:13px;color:#000}
#subwrap .subcontent .inquiryContent .formContent td input {font-size:13px;font-family:'NanumGothic';color:#333}
#subwrap .subcontent .inquiryContent .formContent .row01 {height:38px;padding:27px 0 20px 0;border-bottom:1px solid #bbb}
#subwrap .subcontent .inquiryContent .formContent .row01 .col01 {width:70px;height:86px;line-height:86px;border-top:6px solid #000e5f;}
#subwrap .subcontent .inquiryContent .formContent .row01 .col02 {width:260px;height:86px;padding-left:20px;padding-right:10px;border-top:6px solid #1c3fa8;}
#subwrap .subcontent .inquiryContent .formContent .row01 .col03 {width:280px;height:86px;padding-left:20px;border-top:6px solid #1c3fa8;}
#subwrap .subcontent .inquiryContent .formContent .row01 .col02 input {width:228px;height:17px;border:1px solid #d2d2d2;padding:10px}
#subwrap .subcontent .inquiryContent .formContent .row01 .col03 input {float:left;width:63px;height:17px;margin-left:13px;padding:10px;border:1px solid #d2d2d2;text-indent:15px;}
#subwrap .subcontent .inquiryContent .formContent .row01 .col03 .num01 {margin-left:1px}
#subwrap .subcontent .inquiryContent .formContent .row02 {border-bottom:1px solid #bbb}
#subwrap .subcontent .inquiryContent .formContent .row02 .col04 {width:70px;height:39px;padding:10px 0;vertical-align:center;}
#subwrap .subcontent .inquiryContent .formContent .row02 .col05,.col06 {height:39px;padding:0 0 20px 21px}
#subwrap .subcontent .inquiryContent .formContent .row02 .col05 input {width:238px;height:17px;margin-top:20px;padding:10px 5px;border:1px solid #d2d2d2;text-indent:5px;}
#subwrap .subcontent .inquiryContent .formContent .row02 .col06 input {width:270px;height:17px;margin-top:20px;padding:10px 5px;border:1px solid #d2d2d2;text-indent:5px;} 
#subwrap .subcontent .inquiryContent .formContent .row03 .col07 {width:70px;height:39px;line-height:59px;vertical-align:top}
#subwrap .subcontent .inquiryContent .formContent .row03 .col08 {padding:0 0 20px 21px}
#subwrap .subcontent .inquiryContent .formContent .row03 .col08 textarea {width:620px;height:178px;margin-top:20px;padding:10px;border:1px solid #d2d2d2;font-size:13px;font-family:'NanumGothic';color:#333}

#subwrap .subcontent .inquiryContent .formContent .btnArea {width:464px;height:65px;padding:25px 0 0 272px;border-top:2px solid #000e5f}
#subwrap .subcontent .inquiryContent .formContent .btnArea input {width:190px;height:40px;line-height:40px;font-family:'NanumBarunGothic';font-size:15px;background-color:#181818;color:#fff;cursor:pointer}
#subwrap .subcontent .inquiryContent .formContent .btnArea input:hover {background-color:#000e5f;}

/*notice*/
#subwrap .subcontent .cscenterContent {width:736px;min-height:600px;}
#subwrap .subcontent .cscenterContent .cscenterWrap ul li span {float:left}
#subwrap .subcontent .cscenterContent .cscenterWrap .bar {display:block;width:736px;height:45px;margin-bottom:6px;line-height:45px;
background:#eaeaea;font-family:'NanumBarunGothic';font-size:15px;color:#000;text-align:center;}
#subwrap .subcontent .cscenterContent .cscenterWrap .bar .num {float:left;width:75px;border-bottom:6px solid #002595;}
#subwrap .subcontent .cscenterContent .cscenterWrap .bar .tit {float:left;width:476px;border-bottom:6px solid #000e5f;text-align:left;}
#subwrap .subcontent .cscenterContent .cscenterWrap .bar .date {float:left;width:100px;border-bottom:6px solid #002595;}
#subwrap .subcontent .cscenterContent .cscenterWrap .bar .hits {float:left;width:85px;border-bottom:6px solid #000e5f;}
#subwrap .subcontent .cscenterContent .cscenterWrap ul li {width:736px;height:50px;line-height:50px;border-bottom:1px solid #d2d2d2;font-family:'NanumBarunGothic';font-size:14px;color:#000;vertical-align:middle;text-align:center;cursor:pointer}
#subwrap .subcontent .cscenterContent .cscenterWrap ul li:hover {background:#eaeaea;}
#subwrap .subcontent .cscenterContent .cscenterWrap ul li .num {float:left;width:75px}
#subwrap .subcontent .cscenterContent .cscenterWrap ul li .tit {float:left;width:476px;text-align:left;}
#subwrap .subcontent .cscenterContent .cscenterWrap ul li .date {float:left;width:100px}
#subwrap .subcontent .cscenterContent .cscenterWrap ul li .hits {float:left;width:85px}

/*gallery*/
#subwrap .subcontent .galleryContent {width:736px;min-height:550px}
#subwrap .subcontent .galleryContent .galleryWrap {width:736px;padding:30px 0 10px 0;border-top:6px solid #000e5f;border-bottom:1px solid #666}
#subwrap .subcontent .galleryContent .galleryWrap ul {width:781px;margin-left:-45px}
#subwrap .subcontent .galleryContent .galleryWrap ul:after{display:block; content:""; clear:both}
#subwrap .subcontent .galleryContent .galleryWrap ul > li {float:left;width:345px;height:320px;margin-left:45px;cursor:pointer;position:relative; left:0; top:0}
#subwrap .subcontent .galleryContent .galleryWrap ul > li.noData{width:100%;font-family:'NanumBarunGothic';font-size:14px;color:#000000;line-height:50px;text-align:center;cursor:none}
#subwrap .subcontent .galleryContent .galleryWrap ul > li span { display:block}
#subwrap .subcontent .galleryContent .galleryWrap ul > li .img{width:343px;height:256px;border:1px solid #d2d2d2;background:url(/cscenter/images/gal_replace.jpg) center no-repeat}
#subwrap .subcontent .galleryContent .galleryWrap ul > li .tit{ overflow:hidden;width:345px;height:60px;line-height:60px;margin:0 auto;font-size:16px;font-family:'NanumBarunGothic';text-align:center;color:#000;white-space:nowrap; text-overflow:ellipsis }
#subwrap .subcontent .galleryContent .galleryWrap ul > li .cover {position:absolute;left:0;top:0; padding:3px; border:none;width:338px;height:251px;font-family:"NanumBarunGothic"}
#subwrap .subcontent .galleryContent .galleryWrap ul > li .cover .date {position:absolute; right:-1px; top:0px; height:63px; width:63px; padding:13px 0px 0 10px; border:1px solid #d2d2d2; box-sizing:border-box; background:#ffffff ;font-size:17px;line-height:20px;color:#000; }
#subwrap .subcontent .galleryContent .galleryWrap ul > li .cover .date b{ font-weight:100;font-size:13px; line-height:16px;color:#444; display:block;}
#subwrap .subcontent .galleryContent .galleryWrap ul > li:hover .cover {padding:0px; border:3px solid #000e5f; width:338px;height:251px;font-family:"NanumBarunGothic"}
#subwrap .subcontent .galleryContent .galleryWrap ul > li:hover .cover .date {right:-3px; top:-3px;border:1px solid #000e5f; box-sizing:border-box; background:#000e5f ; color:#fff; }
#subwrap .subcontent .galleryContent .galleryWrap ul > li:hover .cover .date b{ color:#fff;}


/*footer*/
.footer_clear{ clear:both; padding-top:69px}
.footerwrap {width:100%; height:80px; background:#181818;}
.footerwrap .footer {width:996px;margin:0 auto;color:#fff}
.footerwrap .footer .siteInfo {float:left}
.footerwrap .footer .siteInfo li {float:left;margin-left:5px;line-height:80px;font-size:11px;}
.footerwrap .footer .siteInfo .logo {margin:20px 10px 0 0}
.footerwrap .footer .admin {float:right;margin-top:35px}
.footerwrap .footer .admin li {float:left;margin-left:10px}

/*indivisual*/
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.hidden{display:none}