@charset "utf-8";
/*@ crom.co.kr */
/* 크롬 iXE 레이아웃 - 디폴트 스타일 */

body {margin:0;	padding:0; font-family:"Gotham","Noto Sans KR",Helvetica,Arial,sans-serif !important; font-size: 13px; line-height: 1.3em; color: #333;}


/* 범용 스타일 */

.iXEcontainer {	width: 100%; clear:both;}
.clearBoth{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
li {list-style: none;}
a:hover {color: #4664a0; text-decoration: none;}
a img:hover{ cursor: pointer; opacity: 0.8;}

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

#rootContainer { width: 100%; clear:both; padding:10px 0;}
#rootContainer .topBox {width: 960px; margin: auto; padding:0; height:21px; overflow:hidden;}

#rootContainer .topBox .btnHome {margin-top:-2px; padding:0; border:0;}
#rootContainer .topBox .topMenuBox {float:right; width:auto; display:inline; margin:0 0 0 -10px; padding:0;}
#rootContainer .topBox .topMenuBox li { list-style:none; display:inline; float:left; font-size: 13px; font-weight: 600; letter-spacing: 0.03em; padding-top:3px; }
#rootContainer .topBox .topMenuBox a:link, 
#rootContainer .topBox .topMenuBox a:visited {color:#4664a0; display:block;}
#rootContainer .topBox .btnBlank {padding-left:18px; padding-right:8px; 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;height: 75px; margin: auto; padding:25px 0 23px 0; overflow:hidden; overflow:hidden; }
#logoBox .logo {float:left; width:280px; height:90px; 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 .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;}

#logoBox .logoLeftImg {width:300px; height:80px; float:left; display:inline; margin:0 37px 0 0; padding:0 0 0 3px; overflow:hidden;}
#logoBox .logoRightImg {width:300px; height:80px; float:right; display:inline; margin:0 0 0 37px; padding:0 3px 0 0; text-align:right; overflow:hidden;}
#logoBox .logo a img {width: 100%;}

/* 회원정보 팝업 */

.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 돋움;}

.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;}


/* 상단 주메뉴 */

#menuBox {width: 960px; margin: auto; padding:0; overflow:hidden;}
#menuBox .menuLeft {overflow:hidden; float:left; margin:0; padding:0; width: 80%; 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:17px; margin-right:8px; height:28px; overflow:hidden; text-align:center; width:120px; }
#menuBox .ixeMenu li a:link,
#menuBox .ixeMenu li a:visited{ color: #333;
    display: block;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 600;}
#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; display: none !important;}

/* 추가변경 */
.widgetBox .widgetMore {color: #4664a0 !important;}
.widgetBox .widgetMore::after {content: ">"; }
.widgetBox .widgetBoxHeader a, .widgetBox .widgetBoxHeader { font-family: "Gotham","Noto Sans KR",Helvetica,Arial,sans-serif !important; color: #4664a0 !important; font-size: 16px !important;}
.widgetBoxContainer {margin-right: 5px !important;}

/* 상단 서브메뉴 */

#menuBox .ixeMenu li .subMenu li {list-style: none;
    margin: 0;
    padding: 0;
    clear: left;
    text-align: center;
width: 140px;
height: 30px;}
*html #menuBox .ixeMenu li .subMenu li {width:auto !important; width:108px;}


/* 검색 */

.searchBox {overflow:hidden; float:left; margin:0; padding-top:8px; width: 20%;	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 li { float:right; display:inline; list-style: none; }
#searchBtn {display:inline;} 


/* 좌측 메뉴 - 1차 */

.leftNavBox {width: 100%;
    overflow: hidden;
    display: inline;
    padding-top: 20px;}

.subMenuTitle {    clear: both;
    margin: 0;
    line-height: 3em;
    overflow: hidden;
    font-size: 24px !important;
    font-weight: 600 !important;}


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

.subMenuBox { width:100%; list-style:none; margin:0; padding:0; background-color:#dfdfdf; display: inline-block;}
.subMenuBox li {overflow:hidden; float:left; list-style:none; margin:0; padding:0; border-top:1px solid #dfdfdf;}
.subMenuBox li a:link,
.subMenuBox li a:visited { text-align: center; display:block; white-space:nowrap; font-size: 16px; line-height:2.3em; padding:7px 30px 6px 30px;}

.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:#333; font-size: 13px; padding-left:10px !important;  background-color:#dfdfdf;}


/* 컨텐츠 영역 */

.iXEbody {  clear:both; width:100%;}
.iXEcontentBox { clear:both; width: 960px; margin: 0 auto; padding: 10px 0 50px 0;overflow-x: hidden; letter-spacing: 0.015em;line-height: 2em; font-size: 14px;}
.iXEcontentBody { width: 100%; margin:0; padding:0; }

.iXEvisualBox { clear:both; width:100%; *zoom:1;}
.iXEbtnTop { padding: 0;
    width: 100%;
    display: block;
    text-align: center;
    clear: both;
    margin-top: 70px;}
.iXEbtnTop img { width: 80px;}

.iXElocation { width:100%; padding:20px 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:left; 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;}

/* 추가변경 */
.widgetBoxContainer {
    position: relative;
    padding: 0 !important;
    margin: 0;
    border-style: none !important;
    border-width: 1px;
    border-color: transparent;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    display: block;
}
.widgetBox .titleline {
    clear: both;
    margin: 0px 0 15px 0 !important;
    padding: 0;
    border-style: solid !important;
    border-width: 1px;
    border-color:#d8d8d8 !important;
    border-left: 0px;
    border-right: 0px;
    border-bottom: 0px;
    display: none;
}

/* 하단 영역 */

.bottomBox {width: 100%; clear:both;     border-top: 1px solid #476090; background: #4564a0;; 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:none; }
#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:#fff; 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;}


/* 로그인 */

.loginForm legend { display:none; width:0; height:0; overflow:hidden; font-size:0;}
.loginForm form { position:relative; padding:0; margin:0;}
.loginForm form .idpwWrap { overflow:hidden; clear:both; width:350px; padding:15px 15px 17px 21px;}
.loginForm form .idpw { float:left; width:230px; display:inline; overflow:hidden; }
.popInput { border:5px solid #E8E8E8; width:200px; font-size:14px; line-height:14px; height:30px; font-weight:bold; padding:4px 8px;}
.popInput{ padding:12px 8px 0 8px\9; height:26px\9;}
.popLoginBtn { float:right; padding:31px 0 29px 0; width:105px; display:inline; color:#999;}
.popLoginBtn { padding:29px 0 29px 0\9;}

.popLoginBtn img { padding-bottom:28px;}

.loginText {padding:3px; padding-top:15px !important; display:inline; float:left; color:#999; font:11px 돋움;}
.loginText a:link,
.loginText a:visited { color:#999;}
.loginTextRight {padding:3px; padding-top:15px !important; display:inline; float:right; color:#999; font:11px 돋움;}
.loginTextRight a:link,
.loginTextRight a:visited { color:#999;}

.popOptions {border-top:1px solid #ccc; margin-left:23px; width:340px;}

#backgroundPopup{ display:none; position:fixed; _position:absolute; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:998;}
#popupContact{ width:400px; display:none; position:fixed; _position:absolute; z-index:999;}
#popupContactClose{font:11px 돋움; line-height:11px; color:#999; cursor:pointer;}