@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200..900&display=swap');

/* 기본 설정 */
* {margin:0;padding:0;/*vertical-align: middle;*/}
p {margin:0 auto;}
body {font-family:"Noto Sans KR", Arial, Helvetica, sans-serif;Verdana,Arial,helvetica,clean,sans-serif; color:#666; font-size:13px; font-weight:400; letter-spacing:-0.03em; background:url(/images/common/body_bg.jpg) no-repeat 50% 80px;background-color:#000000;line-height:1.5em; white-space:normal;word-break:keep-all;}
div {position:relative;}
select {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#666;border:solid 1px #D6D6D6;}
ul {list-style: none;}
a:link,a:visited,a:hover,a:active {color: #666;text-decoration: none;}
a {selector-dummy: expression(this.hideFocus=true);}
img {border:0px;}
table { border-collapse:collapse; border-spacing:0; empty-cells:show;}
html {overflow-y:scroll;}

/* png를 사용하기 위한 설정 */
.png24 {tmp:expression(setPng24(this));}

/*    공통    */
.txtC {text-align:center;}
.vAT {vertical-align:top;}
.vAM {vertical-align:middle;}
.vAB {vertical-align:bottom;}
.fL {float:left;}
.fR {float:right;}
.cB {clear:both;}
.cH {cursor:pointer;}
.pR {position:relative;}
.dIb {display:inline-block;}
.bgN {background-image: url('')!important;}
.bdN {border: none !important;}
.mgN {margin: 0px !important;}
.pdN {padding-top: 0px !important;}

/* 폰트관련 */
.fB {font-weight:bold;}
.f11 {font-size:11px;}
.f12 {font-size:12px;}
.f26 {font-size:26px;}
.f28 {font-size:28px;}
.f30 {font-size:30px;}
.fCG {color:#848484;}
.fCGR {color:#0c468a;}
.fCDGR {color:#10707b;}
.fS1 {font-size:3pt; vertical-align: middle;}
.bul {font-size:30px !important; vertical-align: middle;}

/* 간격조정 */
.mT8 {margin-top:8px;}
.mT10 {margin-top:10px;}
.mT14 {margin-top:14px;}
.mT20 {margin-top:20px;}
.mT30 {margin-top:30px;}
.mT40 {margin-top:40px;}
.mT50 {margin-top:50px;}

.mB5 {margin-bottom:5px;}
.mB10 {margin-bottom:10px;}
.mB15 {margin-bottom:15px;}
.mB20 {margin-bottom:20px;}
.mB30 {margin-bottom:30px;}
.mB40 {margin-bottom:40px;}

.mL16 {margin-left:16px;}
.mL20 {margin-left:20px;}
.mR20 {margin-right:20px;}

.pL10 {padding-left:10px;}
.pT20 {padding-top:60px;}
.pT40 {padding-top:40px;}

.pB5 {padding-bottom:5px;}
.pB10 {padding-bottom:10px;}

.lH18 {line-height:18px;}
.lH20 {line-height:20px;}
.wrap {margin:auto;width:1000px;height:100%;background:url(/images/common/body_bg1.jpg) repeat-x;background-color:#ffffff;}
#contents {width:100%;background:url(/images/common/body_bg1.jpg) repeat-x;background-color:#ffffff;}


/*   상단    */
#top {width:100%;height:76px;background-color:#ffffff;border-top:solid 4px #006F83;}
#top .menu {margin:auto;height:63px;padding-top:13px;width:967px;padding-left:31px;border-right:solid 1px #DADADA;border-left:solid 1px #DADADA;}
#top ul li {float:left;}
#topNavi ul {margin-top:20px;margin-left:20px;}
#topNavi ul li {margin-left:20px;padding-right:25px;background:url(/images/common/bar2.gif) no-repeat 100% 8px;}
#topNavi ul li.first {margin-left:38px; width:85px;}
#topNavi ul li.second {margin-left:50px; padding-right:50px; !important}
#topNavi ul li.third {margin-left:50px; padding-right:50px; !important}
#topNavi ul li.bgN {margin-left:50px !important;}
#topico {padding-right:12px}
#topico ul li {height:13px;margin-right:12px;padding-left:13px;background:url(/images/common/bar2.gif) repeat-y;}

#subMenu {width:100%;height:182px;background-color:#F8F8F8;border-top:solid 1px #BFBFBF;border-bottom:solid 1px #BFBFBF;}
#subMenu .menu {margin:auto;width:792px;height:163px;padding-top:19px;padding-left:206px;border-right:solid 1px #A1C8CF;border-left:solid 1px #A1C8CF;background:url(/images/common/smenu_bg.jpg) no-repeat 21px 26px;}
#subMenu .menu ul {float:left;width:120px;}
#subMenu .menu ul li {margin-top:3px;word-spacing:-1px; padding-left:20px;  line-height:1.4em;}
#subMenu .menu ul li a:hover {font-weight:bold;}


/*   하단 메뉴    */
#bottomMenu {width:990px;height:100px;margin:auto;background-color:#262626;padding-top:10px;padding-right:10px;}


/* 좌측 영역 */
#leftNavi {float:left;margin-left:32px;margin-right:30px;margin-top:50px;width:145px;}
#leftNavi .menu {width:145px;padding:20px 0;}
#leftNavi .menu ul {width:145px;font-size:12px;border-top:solid 1px #E6E6E6;}
#leftNavi .menu ul li {height:20px;border-bottom:solid 1px #E6E6E6;padding-top:10px;padding-left:11px;}


/*--- LNB ---*/
#subLNB {width:145px;float:left;margin-left:0px;font-size:0;line-height:0;}
#subLNB h1 {margin-bottom:0;padding:0;}
#subLNB ul {list-style:none;padding:0;margin:0;}

#subLNB ul li ul {display:none;}
#subLNB ul li {margin-bottom:0;}
#subLNB ul ul {margin:6px 0 0 0;}
#subLNB li li {margin:0;}


/* 우측 바디영역 */
#rightBody {float:right;margin-top:50px;width:765px;margin-right:26px;}
.titleBox {width:100%;height:28px;border-bottom:solid 1px #E6E6E6;}
.tabs {height:23px;width:100%;border-bottom:solid 1px #E6E6E6;}
.tabs li {float:left;height:24px;}
.box1 {width:791px;margin-left:0px;}
.box1 .title {width:791px;height:20px;padding-left:13px;padding-top:10px;background-color:#147790;color:#ffffff;font-weight:bold;font-size:13px;}


/* 메인 */
.mainBody {background-color:#262626;}
.mainBg {width:100%;height:567px;margin:auto;background:url(/images/common/body_bg.jpg) no-repeat 50% 0;background-color:#000000;}
.mainImg {width:100%;height:567px;}
.mainBar {width:100%;height:40px;background-color:#1E1E1E;border-bottom:solid 1px #191919;}
.mainWrap {margin:auto;width:1000px;}
.playbar {background-color:#000000;width:201px;height:4px;margin-top:20px;margin-left:9px;}
.playbar_ov {background-color:#1895AC;height:100%;}
.volumbar {background-color:#000000;width:41px;height:4px;margin-top:20px;margin-left:9px;}
.mainCont {width:1000px;height:100px;margin:auto;padding-top:17px;}


/* photo */
div.photoView{float:left; position:relative; width:578px; height:411px; background:url(/images/company/com02_05_02.gif) no-repeat left bottom;}
div.photoView dl{position:relative; margin:0 auto; padding-top:360px;width:578px;  no-repeat left top;}
div.photoView dt{margin:0 0 0 33px; width:410px; font-weight:bold; color:#006f83;}
div.photoView dd.date{position:absolute; top:360px; right:27px; color:#878a91; font-weight:bold;}
div.photoView dd.photo{position:absolute; top:25px; left:28px;}
div.photoView dd.photo img{display:block; width:527px; height:325px;}
/*div.photoView a{position:absolute; top:117px; display:block; width:27px; height:53px; overflow:hidden; text-indent:-3000em; background:url(/images/photo_btn.gif) no-repeat left top; z-index:100;}
div.photoView a.prev{left:12px; background-position:0 0;}
div.photoView a.prev:hover{background-position:-27px 0;}
div.photoView a.next{right:12px; background-position:0 -53px;}
div.photoView a.next:hover{background-position:-27px -53px;}*/
div.photoList{float:right; position:relative; padding-top:27px; width:154px; height:411px; background:url(/images/company/com02_05_03.gif) no-repeat left top;}
div.photoList ul{margin-left:10px; width:129px; height:339px; overflow:hidden;}
div.photoList ul li{margin-bottom:7px; width:129px;}
div.photoList ul a{width:129px !important; height:80px !important; background:none !important;}
div.photoList ul a:hover{}
div.photoList ul a img{display:block; width:129px; height:80px;}
div.photoList a{display:block; width:129px; height:14px; overflow:hidden; text-indent:-3000em; background:url(/images/company/com02_05_04.gif) no-repeat left top;}
div.photoList a.prev{position:absolute; top:9px;; left:10px; background-position:0 -116px;}
div.photoList a.next{position:absolute; bottom:52px; left:10px; background-position:0 -144px;}


/*Link style */

	
/*Box style */

	.select {border:1px solid #dddddd; font:9pt dotum; color:#666666;}
	
	.input_text {border:1px solid #d8d8d8; font:9pt dotum; color:#434343;}	
	.inquiry_agree {border:1px solid #dddddd; font:9pt dotum; color:#666666; padding:12px 0 10px 10; line-height:14pt;}
	.inquiry_text {border:1px solid #dddddd; font:9pt dotum; color:#666666;}
	
	.goods_text {border:1px solid #abadb3; font:9pt dotum; color:#666666;}
	.goods_img {border:1px solid #d6d6d6;}

/* table Border Line */

	.inquiry {border:#e4e4e4 solid; border-width: 0 1px 0 0;background-color:#f9f9f9;}
	.goods_search {border:#8caac1 solid 4px; background-color:#fff;}

/*Title style*/
	.serifBox {font-family: "Noto Serif KR", serif; font-optical-sizing: auto; font-weight:600; font-style: normal; line-height:1.2em; letter-spacing:-0.06em; color:#474848;}
	.grtltBox {font-weight:500; line-height:1.2em; letter-spacing:-0.06em; color:#10707b;}