@charset "utf-8";
/*
PXE Official Layout
Markup : Hyunhw Jung
Website: http://www.premiumxe.com
Email : clubnb2@naver.com
*/

/*Reset*/
body { margin:0; padding:0; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em }
a img { border: none; }
fieldset { border:none; }

/*Layouts*/
#st { *zoom:1; clear:both; }
#lf_n { *zoom:1; }
#lf_w { *zoom:1; }
#hd { *zoom:1; }
#hd .wrp { position:relative; *zoom:1; z-index:12; }
#hd_sub { position:relative; *zoom:1; }
#bd { position:relative; *zoom:1; }
#bd:after{ content:""; display:block; clear:both;}
#cts { *zoom:1; }
#cts .wrp { *zoom:1; }
#cts .wrpTrans { *zoom:1; }

#e1 { *zoom:1; }
#e2 { *zoom:1; }

#ft { position:relative; *zoom:1; }
#ft_box1 { position:relative; *zoom:1; }
#ft_box2 { position:relative; *zoom:1; }
#ft_box3 { position:relative; *zoom:1; }
#ft_sub { position:relative; *zoom:1; }

/*Positioning*/
#st { margin:0 auto; padding:0; }
#hd { margin:0 auto; }
#hd .wrp { padding:0 20px; }
#hd_sub { margin:25px auto 0 auto; }
#bd { margin:0px auto; }
#cts {  }
#cts .wrp { padding:20px; }
#cts .wrpTrans { padding:0 0 30px 0; }
#ft { margin:12px auto 80px auto; padding:0; }
#ft .wrp { margin:0 auto; }
#ft_sub { margin:0 auto; padding:10px 0 20px 0; *padding:10px 0 9px 0; _padding:10px 0 7px 0; }
#ft_sub .wrp { margin:0 auto; }

#e1 .wrp { margin:0; padding:0; overflow:hidden; }
#e2 .wrp { margin:0; padding:0; overflow:hidden; }

/* 사이드바 1을 좌측에 정렬 */
.ec #e1 { float:left; margin:0 30px 0 20px;  *margin:35px 30px 0 20px; _margin:35px 30px 0 10px; }
.ec #cts { _float:right; margin:35px 0 0 0; padding:0 20px 0 0 }

/* 사이드바 1을 우측에 정렬 */
.ce #e1 { float:right; margin:0 20px 0 30px; *margin:35px 20px 0 30px; _margin:35px 10px 0 40px; }
.ce #cts { _float:left; margin:35px 0 0 20px; *margin:35px 0 0 20px; _margin:35px 0 0 10px; }
.ce .rmenu { margin-right:20px; display:inline; }

/* 사이드바 1,2를 좌측에 정렬 */
.eec #e1 { float:left; margin:0 30px 0 20px; *margin:35px 30px 0 20px; _margin:35px 30px 0 10px; }
.eec #e2 { float:left; margin:0 30px 0 0; *margin:35px 30px 0 0; }
.eec #cts { _float:right; margin:35px 0 0 0; padding:0 20px 0 0 }

/* 사이드바 1,2를 우측에 정렬 */
.cee #e1 { float:right; margin:0 20px 0 30px; *margin:35px 20px 0 30px; _margin:35px 10px 0 30px; }
.cee #e2 { float:right; margin:0 0 0 30px;  *margin:35px 0 0 30px; _margin:35px 0 0 40px; }
.cee #cts { _float:left; margin:35px 0 0 20px; _margin:35px 0 0 10px; }
.cee .rmenu { margin-right:20px; display:inline; }

/* 사이드바 1,2를 양쪽에 위치시키고 컨텐츠부를 가운데로 정렬 */
.ece #e1 { float:left; margin:35px 30px 0 20px; _margin:35px 30px 0 10px; }
.ece #e2 { float:right; margin:35px 20px 0 30px; _margin:35px 10px 0 30px; }
.ece #cts { _float:left  margin-top:35px; }
.ece .rmenu { margin-right:20px; display:inline; }

/* 플랫 사이드바 1을 좌측에 정렬 */
.f_ec #e1 { float:left; border-right:1px solid #e8e8e8; }
.f_ec #cts { _float:right; }
.f_ec #cts .wrpTrans { padding:20px 0 35px 0; }

/* 플랫 사이드바 1을 우측에 정렬 */
.f_ce #e1 { float:right; border-left:1px solid #e8e8e8; }
.f_ce #cts { _float:left; }
.f_ce #cts .wrpTrans { padding:20px 0 35px 0; }

/* 플랫 사이드바 1,2를 좌측에 정렬 */
.f_eec #e1 { float:left; border-right:1px solid #e8e8e8; }
.f_eec #e2 { float:left; border-right:1px solid #e8e8e8; }
.f_eec #cts { _float:right; }
.f_eec #cts .wrpTrans { padding:20px 0 35px 0; }

/* 플랫 사이드바 1,2를 우측에 정렬 */
.f_cee #e1 { float:right; border-left:1px solid #e8e8e8; }
.f_cee #e2 { float:right; border-left:1px solid #e8e8e8; }
.f_cee #cts { _float:left; }
.f_cee #cts .wrpTrans { padding:20px 0 35px 0; }

/* 플랫 사이드바 1,2를 양쪽에 위치시키고 컨텐츠부를 가운데로 정렬 */
.f_ece #e1 { float:left; border-right:1px solid #e8e8e8; background:#fafafa; }
.f_ece #e2 { float:right; border-left:1px solid #e8e8e8; }
.f_ece #e2 .wrp { padding:20px; }
.f_ece #cts { _float:left; }
.f_ece #cts .wrpTrans { padding:20px 0 35px 0; _display:inline; }

/* 리플렛을 좌측에 정렬 */
.lc #lf_n { float:left; background:url(../img/sky/bg_leaflet_normal.gif) repeat-y; }
.lc #lf_w { float:left; background:url(../img/cyan/bg_leaflet_wide.gif) repeat-y; }

/* 리플렛을 우측에 정렬 */
.cl #lf_n { float:right; background:url(../img/sky/bg_leaflet_normal.gif) repeat-y; }
.cl #lf_w { float:right; background:url(../img/sky/bg_leaflet_wide.gif) repeat-y; }

/* 리플렛 배경을 좌측에 정렬 */
.lc { background-repeat:repeat-y; }

/* 리플렛 배경을 우측에 정렬 */
.cl { background-repeat:repeat-y; background-position:right; }

// #lf_n .wrp { margin:0; padding:62px 58px 65px 56px; background:url(../img/sky/bg_leaflet_normal_style.gif) no-repeat; }
#lf_n .wrp { margin:0; padding:0px 28px; background:url(../img/sky/bg_leaflet_normal_style.gif) no-repeat; }
#lf_w .wrp { margin:0; padding:62px 68px 65px 66px; background:url(../img/sky/bg_leaflet_wide_style.gif) no-repeat; }

/*Free Coding*/
html { height:100%; filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
body { height:100%; color:#999; background:url(../img/sky/background.gif) repeat-x; }
p a {  }
a, a:visited { text-decoration: none; color:#999; }
a:hover,
a:active,
a:focus { text-decoration:none; color:#ff3366; }

.wideLeaflet { background-image:url(../img/sky/bg_leaflet_wide.gif); }
.normalLeaflet { background-image:url(../img/sky/bg_leaflet_normal.gif); }

#st {  }

#lf_n { width:279px; background:url(../img/sky/bg_leaflet_normal_style.gif) no-repeat; overflow:hidden; }
#lf_w { width:436px; background:url(../img/sky/bg_leaflet_wide_style.gif) no-repeat; overflow:hidden; }
.lf_ban { margin-bottom:20px; display:block; }

#hd { height:105px; }
#hd .wrp { height:64px; }
#hd .menu_wrp { height:41px; *zoom:1; padding:0 0 0 20px; position:relative; z-index:11; }
#hd .menu_wrp .rmenu { float:right; height:41px; *zoom:1; background:url(../img/sky/bg_rmenu.gif) repeat-x; text-align:center; }
#hd .menu_wrp .rmenu a { position:relative; top:16px; text-align:center; color:#fff; }
#hd a.logo { position:relative; float:left; top:20px; }
#hd .logInfo { position:relative; width:150px; height:18px; float:right; top:25px; margin:0; padding:0; }
#hd_sub { height:35px; background:url(../img/sky/bg_hnb.gif) no-repeat; overflow:hidden; }
#hd_sub .tm { position:absolute; top:0; right:0; width:20px; height:35px; background:url(../img/sky/bg_hnb.gif) right top; }
#bd { overflow:hidden; }
#cts { text-align:justify; line-height:140%; background-color:#fff; overflow:hidden; }
#cts .wrp { overflow:hidden; }
#cts .wrpTrans { overflow:hidden; }

#ft { font:8pt 돋움, Dotum; letter-spacing:-1px; overflow:hidden; }
#ft_box1 { float:left; overflow:hidden; }
#ft_box2 {  }
#ft_box3 { float:right; text-align:right; overflow:hidden; }
#ft_sub { font:8pt 돋움, Dotum; letter-spacing:-1px; border-top:1px solid #e8e8e8; border-bottom:1px solid #f4f4f4; background:#fafafa; clear:both; }

/*Menu Box*/
.sec01 { margin-bottom:20px; padding:4px; background-color:#eee; }
.sec01 .sec_hd { padding:10px; background-repeat:no-repeat; background-position:right; border:1px solid #cacaca; border-bottom:none; background-color:#fff; background-image:url(../img/sky/lnb/icon_arrowDown01.gif); overflow:hidden; }
.sec01 .sec_hd a { color:#727d8a }
.sec01 .sec_cts { padding:0; border:1px solid #cacaca; border-top:none; background-color:#fff; overflow:hidden; *zoom:1; }

/*Menu Box(Flat)*/
.f_sec01 { margin:0; padding:0; }
.f_sec01 .sec_hd { padding:10px 20px; border-bottom:1px solid #e3e3e3; background-repeat:no-repeat; background-position:right; background-image:url(../img/sky/lnb/icon_arrowDown01.gif); overflow:hidden; }
.f_sec01 .sec_hd a { color:#727d8a }
.f_sec01 .sec_cts { padding:0; border-bottom:1px solid #e3e3e3; border-top:none; overflow:hidden; *zoom:1; }

/*Widget Box*/
.sec02 { margin-bottom:20px; }
.f_sec02 { margin:10px 0; padding:0 20px 10px 20px; border-bottom:1px solid #e9e9e9; overflow:hidden; *zoom:1; }
.f_sec02_nb { margin-bottom:10px; padding:0 20px 10px 20px; overflow:hidden; *zoom:1; }

/*Main Menu*/
.gnb{ position:relative; left:0; top:14px; margin:0; padding:0; list-style:none; *zoom:1; float:left; }
.gnb li { float:left; *zoom:1; }
.gnb li a{ padding:0 14px 0 0; margin:0 14px 0 0; _margin:0 8px 0 0; display:block; text-decoration:none !important; font-weight:bold; float:left; color:#999; _color:#999!important; background:url(../img/sky/vr.gif) no-repeat right 2px; *zoom:1; }
.gnb li a:hover { color:#555; _color:#555!important; }
.gnb li.selected a { color:#22aaee; _color:#22aaee!important;}

/*Breadclumb*/
.menuPath { margin:0 0 25px 0; overflow:hidden; clear:both; *zoom:1; background:url(../img/sky/bg_bread.gif) no-repeat; }
.menuPath .left { position:relative; float:left; height:31px; font:8pt 돋움; letter-spacing:-1px; }
.menuPath .left a,
.menuPath .left a:visited { float:left; display:inline-block; height:21px; padding-top:10px; *padding-top:11px; padding-right:20px; margin-right:10px; background:url(../img/sky/icon_bread_arrow.gif) no-repeat right top; color:#666; }
.menuPath .left a:hover { color:#0088cc; }
.menuPath .left a.home { width:25px; }
.menuPath .terminator { float: right; width:12px; height:31px; overflow:hidden; background:url(../img/sky/tm_bread.gif) no-repeat; }

/*More Menu*/
.mv { float:left; position:relative; top:0; left:0; width:80px; height:41px; padding:0; background:url(../img/sky/btn_more.gif) no-repeat; background-position:left 0px; cursor:pointer; }
#mv_box { width:667px; height:250px; background:url(../img/sky/bg_mv.gif) no-repeat; position:absolute; top:42px; left:20px; z-index:1000; display:none; font:12px 굴림; padding: 40px 10px 15px 10px; color:#336666; }

/*VMenu*/
#lnb { margin:0; padding:0; *zoom:1; font:12px Tahoma; }
#lnb a span { position:absolute; top:8px; right:0px; }
#lnb li { list-style:none; *zoom:1; }
#lnb li a { padding:10px 10px 10px 10px; *padding:11px 10px 7px 10px; display:block; position:relative; text-decoration:none; color:#999; border-top:1px solid #c9c9c9; *zoom:1; }
#lnb li a:hover,
#lnb li a:focus { color:#999; }
#lnb li.on a { padding-left:40px; color:#999; background:url(../img/sky/lnb/icon_finger_blue.gif) no-repeat 10px center; }
#lnb li.on a:hover,
#lnb li.on a:focus {  }
#lnb li ul { display:block; position:relative; margin:0; padding:0; overflow:hidden; *zoom:1; }
#lnb li.on ul { display:block; *zoom:1; }
#lnb li ul li { *zoom:1; }
#lnb li ul li a {  padding:4px 10px 4px 20px; font-weight:normal !important; color:#999 !important; background:none !important; border-top:1px dotted #eee; *zoom:1; }
#lnb li ul li a:hover,
#lnb li ul li a:focus { font-weight:normal !important; color:#999 !important; }
#lnb li.on ul li.on a { color:#555 !important; background:#f7f7f7!important; }

/*VMenu Flat*/
#f_lnb { margin:0; padding:0; *zoom:1; font:12px Tahoma; background:#fff; }
#f_lnb a span { position:absolute; top:8px; right:0px; }
#f_lnb li { list-style:none; *zoom:1; }
#f_lnb li a { padding:10px 20px; *padding:11px 20px 7px 20px; display:block; position:relative; text-decoration:none; color:#999; border-bottom:1px solid #e3e3e3; *zoom:1; }
#f_lnb li a:hover,
#f_lnb li a:focus { color:#999; }
#f_lnb li.on a { padding-left:50px; color:#999; background:url(../img/sky/lnb/icon_finger_blue.gif) no-repeat 20px center; }
#f_lnb li.on a:hover,
#f_lnb li.on a:focus {  }
#f_lnb li ul { display:block; position:relative; margin:0; padding:0; overflow:hidden; *zoom:1; }
#f_lnb li.on ul { display:block; *zoom:1; }
#f_lnb li ul li { *zoom:1; }
#f_lnb li ul li a {  padding:4px 10px 4px 20px; font-weight:normal !important; color:#999 !important; background:none !important; border:none; *zoom:1; }
#f_lnb li ul li a:hover,
#f_lnb li ul li a:focus { font-weight:normal !important; color:#999 !important; }
#f_lnb li.on ul li.on a { color:#555 !important; }

/*HMenu*/
#hnb { position:relative; margin:0; padding:0; top:11px; left:100px; *zoom:1; font:12px Tahoma; list-style:none; background:url(../img/sky/vr_hnb.gif) no-repeat right 4px; color:#999; }
#hnb li { float:left; margin-right:10px; *zoom:1; }
#hnb li a { float:left; padding-right:10px; display:block; text-decoration:none; *zoom:1; }
#hnb li a:hover,
#hnb li a:focus {  }
#hnb li.on a { color:#22aaee; font-weight:bold; }
#hnb li.on a:hover,
#hnb li.on a:focus {  }
#hnb li:last-child a { background:none }

/*Bottom Menu*/
.extLeft { list-style:none; padding:0; }
.extLeft li { float:left; margin-right:10px; }
.extLeft li a { padding-right:10px; color:#999 !important; background:url(../img/sky/vr_extra.gif) no-repeat right 1px; }
.extLeft li:last-child a { background:none; }
.extLeft li a:hover {  }

.extRight { list-style:none; margin:0; padding:0; }
.extRight li { float:left; margin-left:10px; }
.extRight li a { padding-left:10px; color:#999 !important; background:url(../img/sky/vr_extra.gif) no-repeat left 1px; }
.extRight li:First-child a { background:none }
.extRight li a:hover {  }

#bottomBanner { list-style:none; position:absolute; top:11px; right:0; margin:0; padding:0; }
#bottomBanner li { float:left; margin-right:30px; height:30px; }

/*2 Coulmn Box*/
.box { margin-bottom:40px; overflow:hidden; *zoom:1; }
.box .box_left { width:48%; float:left; }
.box .box_right { width:48%; float:right; }

/*Search*/
#srch { position:relative; top:12px; left:12px; float:left; }
#srch .searchOrder { display:none;}
#srch .inputText { margin-right:7px; font:8pt 돋움; letter-spacing:-1px; vertical-align:middle; position:relative; top:0; _top:-1px; border:3px solid #ff3366; padding:7px 10px 0px 10px; width:358px; height:19px; color:#000; }
#srch .inputText:hover,
#srch .inputText:focus {  }
*:first-child+html body#default #srch .inputText { position:relative; top:-1px;}
#srch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html body#default #srch .submit { position:relative; top:-1px; }

/*Site Accounts*/
.acc{ position:absolute; top:0; right:0; margin:0; padding:0; z-index:1; }
.acc li{ position:relative; float:left; list-style:none; }
.acc li *{ vertical-align:top;}
.acc li li{ float:none; height:auto; background-image:none;}

.acc li.log{ background-image:none; font-size:0; line-height:0;}
.acc li.log a{ display:block; padding:0;}

.acc li.profile button{ border:0; padding:0; width:55px; height:18px; cursor:pointer; background-color:transparent; background-image:url(../img/sky/buttonProfile.gif); background-repeat:no-repeat; overflow:visible; margin:0 0 0 5px; }
div.black .acc li.profile button{ background-position:center 5px;}
.acc li.profile button span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

.acc li.profile .memberProfile{ display:none; position:absolute; top:25px; right:0; padding:20px; background:#fff; border:2px solid #a1e3fa;}
.acc li.profile .memberProfile.active{ display:block;}
.acc li.profile .memberProfile .authorName{ margin:0 0 8px 0; font:12px 굴림,Gulim; font-weight:bold; color:#333; white-space:nowrap;}
.acc li.profile .memberProfile ul{ margin:0; padding:15px 15px 5px 15px; list-style:none; border:1px solid #f2f2f2; background:#fcfcfc;}
.acc li.profile .memberProfile li{ float:none; white-space:nowrap; margin:0 0 10px 0; padding:0 0 0 18px; background:url(../img/sky/iconSymbol.gif) no-repeat left 0px; font:11px 돋움,Dotum; letter-spacing:-1px; }
.acc li.profile .memberProfile li a{ background:none; color:#333; text-decoration:none;}
.acc li.profile .memberProfile li a:hover,
.acc li.profile .memberProfile li a:active,
.acc li.profile .memberProfile li a:focus{ text-decoration:underline;}
.acc li.profile .memberProfile .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../img/sky/buttonCloseX.gif) no-repeat center center;}
.acc li.profile .memberProfile .close span{ position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden;}

.acc li.login span{ display:block; width:46px; height:18px; margin:0 0 0 5px; padding:0; background-image:url(../img/sky/buttonLogin.gif); background-repeat:no-repeat; cursor:pointer; }

.acc li.logout a{ display:block; width:55px; height:18px; margin:0 0 0 5px; padding:0; background-image:url(../img/sky/buttonLogout.gif); background-repeat:no-repeat; }
.acc li.logout a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

.acc li.register a{ display:block; width:55px; height:18px; margin:0 0 0 5px; padding:0; background-image:url(../img/sky/buttonRegister.gif); background-repeat:no-repeat; }
.acc li.register a span{ position:relative; width:0; height:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden; z-index:-1;}

/*Modal Window*/
.loginWindow{ display:none; position:fixed; left:0; top:0; _position:absolute; width:100%; height:100%; z-index:100; }
.loginWindow.open{ display:block;}
.loginWindow .modalWindow{ display:block; position:fixed; border:0; left:0; top:0; _position:absolute; width:100%; height:100%; background:url(../img/sky/bg_full.gif); }
.loginWindow .loginLayer{ position:absolute; margin:0 0 0 -175px; width:400px; top:140px; left:50%; padding:60px 0 20px 0; color:#797771; background:#fff url(../img/sky/bg_login.gif) no-repeat left top; border:1px solid #cdcfda; }

.loginWindow .loginLayer .inner { width:350px; margin:0 auto 20px auto; padding:20px 0; border:1px solid #e3e3e3; background:#f8f8f8; }

.loginWindow .loginLayer form{ *zoom:1; position:relative; overflow:hidden;  }

.loginWindow .loginLayer #commonLogin{ width:260px; height:50px; margin:0 auto; padding:0; }
.loginWindow .loginLayer #openidLogin{ width:260px; height:25px; margin:0 auto; padding:0; }

.loginWindow .loginLayer input.id{ position:absolute; top:0; left:0; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url(../img/sky/bg_id.gif) no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#336666; font:8pt 돋움; letter-spacing:-1px;}
.loginWindow .loginLayer input.password{ position:absolute; top:27px; left:0; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url(../img/sky/bg_pass.gif) no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#336666; font:8pt 돋움; letter-spacing:-1px;}

.loginWindow .loginLayer .oid_desc { margin:0 0 15px 46px; }
.loginWindow .loginLayer input.oid{ position:absolute; top:0; left:0; width:154px; height:15px; padding-top:5px; padding-left:4px; background:#ffffff url(../img/sky/bg_id.gif) no-repeat;  border:1px solid !important; border-color:#9a9a9a #d8d8d8 #d8d8d8 #9a9a9a !important; color:#336666; font:8pt 돋움; letter-spacing:-1px;}
.loginWindow .loginLayer button.submit_oid { width:52px; height:22px; background:url(../img/sky/login_btn_submit.gif) no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:0px; left:166px; text-indent:-1000em; }

.loginWindow .loginLayer .saveIDinfo { position:absolute; top:5px; left:163px; font:8pt 돋움; letter-spacing:-1px; }
.loginWindow .loginLayer .keep label{ color:#555;}
.loginWindow .loginLayer button.submit { width:52px; height:22px; background:url(../img/sky/login_btn_submit.gif) no-repeat; border:none; margin:0; cursor:pointer; position:absolute; top:27px; left:166px; text-indent:-1000em; }

.loginWindow .loginLayer .help{ position:relative; left:70px; top:0; margin:0; padding:0; font:8pt 돋움; letter-spacing:-1px; *zoom:1; list-style:none; }
.loginWindow .loginLayer .help li { margin:0 10px 0 0; padding:0 10px 0 0; float:left; font-size:11px; line-height:14px; background:url(../img/sky/vr_extra.gif) no-repeat right 2px; }
.loginWindow .loginLayer .help li a { text-decoration:none; color:#555;}
.loginWindow .loginLayer .help li.last { background:none }
.loginWindow .loginLayer .help li a:hover,
.loginWindow .loginLayer .help li a:active,
.loginWindow .loginLayer .help li a:focus{ text-decoration:underline;}

.loginWindow .loginLayer .close{ position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:27px; height:27px; background:transparent url(../img/sky/buttonCloseX.gif) no-repeat center center;}