@charset "utf-8";
/*@ crom.co.kr */
/* 크롬 iXE 레이아웃 - 오렌지 스타일 */
/* 주색상 #f57e00   보조색 #e95e00 */

body {margin:0;	padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 19px; color: #333;}
a:link, 
a:visited { color: #333; text-decoration: none; } 
a:hover { color: #f57e00; text-decoration: none;}


/* 범용 스타일 */

.iXEcontainer {	width: 100%; clear:both;}
.clearBoth{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.grayLink a:link,
.grayLink a:visited {color:#999; font:11px 돋움;}
.grayLink a:hover { color:#f57e00;}



/* 최상단 메뉴, 로그인정보 영역 */

#rootContainer { width: 100%; clear:both; border-bottom:1px solid #dfdfdf; padding:6px 0; background:#f5f5f5;}
#rootContainer .topBox {width: 960px; margin: auto; padding:0; height:16px; overflow:hidden;}

#rootContainer .topBox .btnHome {margin-top:-2px; padding:0; border:0;}
#rootContainer .topBox .topMenuBox {float:left; width:600px; display:inline; margin:0 0 0 -10px; padding:0;}
#rootContainer .topBox .topMenuBox li { list-style:none; display:inline; float:left; font:11px 돋움; padding-top:3px; }
#rootContainer .topBox .topMenuBox a:link, 
#rootContainer .topBox .topMenuBox a:visited {color:#999; display:block;} 
#rootContainer .topBox .topMenuBox a:hover { color:#f57e00;}
#rootContainer .topBox .btnBlank {padding-left:14px; background:url(../image/btnBlank.gif) no-repeat 6px 0; }

#rootContainer .topBox .loginBox {float:right; width:300px; display:inline; margin:0; padding:0; }
#rootContainer .topBox .loginBox li { list-style:none; display:inline; float:right;  font:11px 돋움;}
#rootContainer .topBox .btnRigntBlank {padding-left:11px; background:url(../image/btnBlank.gif) no-repeat 6px 0; list-style:none; display:inline; float:right;}


/* 상단 - 로고영역 */

#logoBox {width: 960px; margin: auto; padding:25px 0 23px 0; overflow:hidden; overflow:hidden; }
#logoBox .logo {float:left; width:280px; height:80px; margin:0; overflow:hidden; padding:0; display:inline; text-align:center;}
#logoBox .logoText{text-align:center; vertical-align:middle; width:100%; height:55px; margin-top:25px; overflow:hidden; padding:0; font-size:24px; font-weight:bold; line-height:28px;}
#logoBox .logoText a:link,
#logoBox .logoText a:visited { color:#f57e00;}
#logoBox .logoLeft {width:307px; height:50px; float:left; display:inline; padding:30px 30px 0 3px; font:11px 돋움; color:#999; overflow:hidden;}
#logoBox .logoRight {width:307px; height:50px; float:right; display:inline; padding:30px 3px 0 0; font:11px 돋움; text-align:right; color:#999; overflow:hidden;}


/* 회원정보 팝업 */

.pop {  display: inline; overflow: hidden;}
.pop .pop_menu {  display: none;  }  
.pop .pop_toggle {    background-image: url(../image/btnMypage.gif);    background-repeat: no-repeat;    width: 47px;    height: 16px;    overflow: hidden;    cursor: pointer; }
.active .pop_menu {  z-index: 2000;  margin-left:-65px; text-align:left; display: block;  background-color: #f5f5f5;  position: absolute;  width: 118px;   overflow:hidden;  }
.active .pop_toggle {  top: 0;  left: 0;  background-image: url(../image/btnMypage.gif); }
.wrapPop{background:#fff; margin-top:4px; border:1px solid #dfdfdf; padding:10px 8px;}
.memberPop {overflow:hidden; padding:2px 0 3px 2px; font:11px 돋움;}
.memberPop strong { color: #f57e00;}

.popShortcutBox{ border-top:1px solid #dfdfdf; margin-top:5px; padding-top:5px; width:100%; overflow:hidden;}
.popShortcut{font:11px 돋움; margin:2px; padding-top:5px; overflow:hidden; float:left; width:140px;}
.popShortcut span { color:#999;}


/* 상단 주메뉴 */

.menuLineBg {	width: 100%; clear:both; background:url(../image/colorset/bgOrangeMenu.gif) repeat-x;}

#menuBox {width: 960px; margin: auto; padding:0; overflow:hidden;}
#menuBox .menuLeft {overflow:hidden; float:left; margin:0; padding:0; width: 810px; display:inline; }
#menuBox .menuFull {overflow:hidden; margin:0; padding:0; width: 100%;}
#menuBox .ixeMenu {  margin: 0; padding: 0;  height:40px; list-style: none;  overflow:hidden;}
#menuBox .ixeMenu li{  float: left; list-style: none; display:inline; padding-top:12px; margin-right:5px; height:28px; overflow:hidden; text-align:center; width:120px; }
#menuBox .ixeMenu li a:link,
#menuBox .ixeMenu li a:visited{ height:28px; color:#fff; display:block; font-weight:bold; white-space: nowrap; }
#menuBox .ixeMenu li a:hover { background:url(../image/bgMenuHover.gif) bottom center no-repeat;  text-decoration:none; }
#menuBox .ixeMenu .on{ background:url(../image/bgMenuHover.gif) bottom center no-repeat;  text-decoration:none; }
#menuBox .ixeMenu .active{ background:url(../image/bgMenuHover.gif) bottom center no-repeat;  text-decoration:none; }
#btnMenuHome {margin-left:-10px !important; width:45px !important;}


/* 상단 서브메뉴 */

#menuBox .ixeMenu li .subMenu { position:absolute; background-color: #fff; overflow:hidden;  border:3px solid #e95e00; list-style:none; border-top:none !important; padding:18px 3px 6px 3px; z-index:9999; margin:0; .margin-left:-59px; font:11px 돋움;}
#menuBox .ixeMenu li .subMenu li {width:108px !important; list-style:none; margin:0; height:24px !important; padding:0; clear:left; text-align:center;}
*html #menuBox .ixeMenu li .subMenu li {width:auto !important; width:108px;}

#menuBox .ixeMenu li .subMenu a:link, 
#menuBox .ixeMenu li .subMenu a:visited { color: #333 !important; font-weight:normal !important; } 
#menuBox .ixeMenu li .subMenu a:hover { color: #f57e00 !important; text-decoration: underline !important;}

#menuBox .ixeMenu li .subMenu .on a:link,
#menuBox .ixeMenu li .subMenu .on a:visited {color: #f57e00 !important; text-decoration: none;  } 
#menuBox .ixeMenu li .subMenu .on a:hover { color: #f57e00; text-decoration: underline !important;}


/* 검색 */

.searchBox {overflow:hidden; float:left; margin:0; padding-top:8px; width: 150px;	overflow:hidden; display:inline; *margin-top:-1px; }
.searchForm {margin:0; padding:0; display:inline; list-style: none; width: 120px; float:right; overflow:hidden;}
.searchForm li { float:right; display:inline; list-style: none; }
.searchBtn {margin:0; padding:0; display:inline; list-style: none; width: 21px; height:25px; float:right; overflow:hidden; *margin-top:1px; background:#e95e00;}
.searchBtn li { float:right; display:inline; list-style: none; }
#searchBtn {display:inline;} 

.searchForm .inputTypeText { letter-spacing:-1px; margin:0; padding:2px 5px 0px 5px; width:100px; height:19px; background:#fff; border:2px solid #e95e00; }


/* 좌측 메뉴 - 1차 */

.leftNavBox {width:160px; overflow:hidden; display:inline; float:left;}

.subMenuTitle {clear:both; margin:0; line-height:15px; height:15px; padding:5px 7px 6px 1px; overflow:hidden;}
.subMenuTitle a:link,
.subMenuTitle a:visited { display:block; white-space:nowrap; color:#f57e00;}


/* 좌측 메뉴 - 2,3차  */

.subMenuBox { width:100%; list-style:none; margin:0; padding:0; border-bottom:1px solid #dfdfdf; }
.subMenuBox li {overflow:hidden; clear:left; list-style:none; margin:0; padding:0; border-top:1px solid #dfdfdf;}
.subMenuBox li a:link,
.subMenuBox li a:visited { display:block; white-space:nowrap; line-height:15px; height:15px; padding:7px 10px 6px 7px; background:#f3f3f3 url(../image/iconArrow.gif) 150px 11px no-repeat; }
.subMenuBox li a:hover { color:#fff; background:#f57e00 url(../image/iconArrow.gif) 150px 11px no-repeat;  }
.subMenuBox li ul { list-style:none; margin:0;  padding:0;}
.subMenuBox li ul li { list-style:none; margin:0; padding:0;}
.subMenuBox li ul li a:link,
.subMenuBox li ul li a:visited { color:#777; padding-left:10px !important;  background:#fff url(../image/iconArrow.gif) 150px 11px no-repeat !important;}
.subMenuBox li ul li a:hover { color:#fff; background:#f57e00 url(../image/iconArrow.gif) 150px 11px no-repeat !important; }

.subMenuBox .on a:link,
.subMenuBox .on a:visited { color:#fff; background:#f57e00 url(../image/iconArrow.gif) 150px 11px no-repeat !important;  }

.subMenuBox .on2 a:link,
.subMenuBox .on2 a:visited { color:#f57e00; background:#fff url(../image/colorset/bgOrangeArrow.gif) 150px 11px no-repeat !important;  }
.subMenuBox .on2 a:hover { color:#fff; background:#f57e00 url(../image/iconArrow.gif) 150px 11px no-repeat !important;  }


/* 컨텐츠 영역 */

.iXEbody {  clear:both; width:100%;}
.iXEcontentBox { clear:both; width: 960px; margin: 0 auto; padding:40px 0 25px 0; overflow:hidden;}
.iXEcontentBody { float:right; width: 765px; margin:0; padding:0; }
.iXEvisualBox { clear:both; width:100%; min-height:500px; *zoom:1;}
*html .iXEvisualBox{height:auto; !important; height:500px;}
.iXEbtnTop { width:40px; float:right; height:16px; overflow:hidden; margin:0; padding:0;}

.iXElocation { width:100%; padding:6px 0 6px 0; height:13px; line-height:15px; border-bottom:1px solid #dfdfdf; overflow:hidden;}
.iXElocation ul {	margin:0;	padding:0;	list-style:none; float:right; text-align:right;}
.iXElocation ul li { background:url(../image/bgArrow.gif) 2px 3px no-repeat;	float:left;	padding-left:10px; padding-right:2px; font:11px 돋움;}
.iXElocation .locationBlank { background:none !important;}


/* 하단 영역 */

.bottomBox {width: 100%; clear:both; border-top:1px solid #dfdfdf; background:#f5f5f5; overflow:hidden; padding:8px 0 12px 0;}
#footBox { clear:both; width:960px; margin:0 auto; font:11px 돋움; overflow:hidden; line-height:15px;}
#footBox .footLeft {float:left; width:497px; display:inline; overflow:hidden;}
#footBox .footRight {float:right; width:450px; margin-top:2px; margin-right:-9px; display:inline; overflow:hidden; }

#footBox .bottomMenuWrap {margin-left:-12px;}
#footBox .bottomMenu {margin:0; list-style:none; padding:0; overflow:hidden; width:100%;}
#footBox .btnBlank {padding-left:13px; background:url(../image/btnBlank.gif) 6px -2px no-repeat; list-style:none; display:inline; float:left; margin:0;}
#footBox .btnLeftBlank {float:left; margin:0; list-style:none; display:inline; }
#footBox .btnLeftBlank select { font:11px 돋움; height:18px; margin-right:6px;}
#footBox .btnLeftBlank img {margin:1px 6px 0 0;}
#footBox .otherLink { clear:both; padding-top:8px;}

#footBox .copyright { clear:both; width:100%; display:inline; padding:0; color:#999; overflow:hidden; text-align:right;}
#footBox .copyright li {padding-right:7px; background:url(../image/btnBlank.gif) right no-repeat; margin:8px 6px 0 0; list-style:none; display:inline; float:right;  font:11px 돋움; text-align:right;}