/* CSS Document */

body#bgindex {background:url(../images/main/bg_index.gif) repeat-x left top;}
.mVisual {height:271px; background:url(../images/main/bg_mainvisual.png) no-repeat top left; position:relative;}
.mVisual p.left {position:absolute; top:0; left:-138px;}
.mVisual p.right {position:absolute; top:0; right:-120px;}
.mVisual ul.nation {float:left; margin-top:18px; margin-left:15px;}
.mVisual ul.nation li {margin-bottom:10px;}
.mVisual ul.nation li img {width:25px; height:25px;}
.mVisual .prdtFlash {margin-top:15px; float:right; width:920px;} 
/**/
.prdtList {border-bottom:1px solid #d8d8d8;}
.prdtList h2 {font-size:18px; font-family:ngb; height:36px; line-height:36px; border-bottom:3px solid #5f6774; padding:16px 0 0 5px; color:#232b3a;}
.prdtList:after {content:''; display:block; clear:both;}
.prdtList .boxList {position:relative; float:left; width:664px; height:191px; border-left:1px solid #d8d8d8; background:#f7f7f7;}
.prdtList .boxList p.goLeft {position:absolute; top:76px; left:11px;}
.prdtList .boxList p.goRight {position:absolute; top:76px; right:11px;}
.prdtList .boxList ul {margin:21px 0 0 31px;}
.prdtList .boxList ul li {float:left; width:120px;}
.prdtList .boxList ul li p.img a{display:block; background:#f7f7f7; padding:5px;}
.prdtList .boxList ul li p.img a:hover, .prdtList .boxList ul li p.img a.on{background: #dce7f4;}
.prdtList .boxList ul li p.txt{text-align:center; line-height:18px; padding-top:5px;}
.prdtList .boxDetail {float:right; width:333px; height:191px;  border-right:1px solid #d8d8d8; position:relative;}
.prdtList .boxDetail p.img {position:relative; top:21px; left:25px; }
.prdtList .boxDetail p.img img {width:150px; height:150px;}
.prdtList .boxDetail dl {position:absolute; top:22px; right:0px; width:146px;}
.prdtList .boxDetail dl dt {color:#000; font-family:ngb; font-size:15px; line-height:20px;padding-bottom:10px; height:40px;}
.prdtList .boxDetail dl dd {background:url(../images/common/dot02.gif) no-repeat 0 5px; font-size:11px; line-height:15px; color:#848484; font-family:Dotum; padding-left:10px; }
.prdtList .boxDetail p.btn {position:absolute; right:70px; bottom:19px;}
.CS {margin:10px 0; height:230px;}
.CS:after {content:''; display:block; clear:both;}
.CS h3 {color:#000; font-size:18px; line-height:37px; font-family:ngb; padding-bottom:8px;}
.CS h3 img {vertical-align:middle;}
.CS .CSbanner {float:left; width:216px;}
.CS .CSnotice {float:left; width:215px; padding:0 27px;}
.CS .CSnotice ul li {line-height:25px; position:relative; font-size:13px;}
.CS .CSnotice ul li span {position:absolute; top:0; right:0; font-size:11px; color:#888;}
.CS .CSuse {float:left; width:180px;}
.CS .CSuse p.txt {width:155px; padding-top:10px; text-align:center;}
.CS .CSuse p.img img{width:155px;}
.CS .CSuse2 {float:left; width:120px;}
.CS .CSuse2 p.txt {width:110px; padding-top:10px; text-align:center;}
.CS .CSuse2 p.img img {width:110px; height:110px;}
.CS .CSuse2 p.img iframe {width:110px !important; height:110px !important;}
.CS .CSself {float:left; width:334px; height:190px; background:url(../images/main/mbnr_self_bg.gif) no-repeat;}
.CS .CSself ul {padding:33px 0 0 15px;}
.CS .CSself ul li {line-height:33px; font-size:17px;  background:url(../images/main/blit_csself.png) no-repeat 0 0; padding-left:33px; letter-spacing:-1.5px;}
.CS .CSself ul li a {color:#fff; display:block; font-family:ngb;}
.CS .CSself ul li a:hover {text-shadow:1px 1px 2px #333;}

.CS .CSself2 {float:right; width:256px; height:190px; background:url(../images/main/mbnr_self_bg2.gif) no-repeat left top;}
.CS .CSself2 ul {padding:20px 0 0 15px;}
.CS .CSself2 ul li {line-height:20px; font-size:17px;  background:url(../images/main/blit_csself.png) no-repeat 0 3px; padding:7px 0 8px 33px; letter-spacing:-1.5px;}
.CS .CSself2 ul li a {color:#fff; display:block; font-family:ngb;text-shadow:1px 1px 2px #333;}
.CS .CSself2 ul li a:hover {}

.CS .CSself3 {float:right; width:257px;}
.homeComm a:hover {text-decoration:none;}