@charset "enc-kr";

/************************** common style ******************************/
html {padding:0; margin:0;}
body {padding:0; margin:0; width:100%; font-family:"dotum", "verdana"; font-size:12px; color:#666666;}
ul, ol, li, dl, dt, dd {list-style:none;}

body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td{margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal; font-size:100%;padding:0; margin:0;}
hr, caption {display:none;}
img, fieldset {border:none; vertical-align:top;}
input {vertical-align:top; color:#666;}
select {vertical-align:top; color:#666;}
a{outline:none; text-decoration:none; border:none; padding:0px; border:0; color:#666;}
a:hover, a:active{text-decoration:none; padding:0px; border:0;}
a.link, a:hover.link {color:#278ecf; text-decoration:none;}
table {border-collapse:collapse; padding:0; border-spacing:0px; border:0;}

/************************** form style ******************************/

input.text {border:1px solid #ccc; font-size:12px; padding:2px; color:#7a7a7a; height:25px;}
input.file {border:1px solid #d1d1d1; font-size:12px; padding:2px 0; color:#7a7a7a; background-color:#fff;}
select.select {border:1px solid #ccc; font-size:12px; vertical-align:top; padding:2px;}
input.radio {vertical-align:middle;}
input.check {width:13px; height:13px;vertical-align:top; margin:-1px 5px 0 5px !important;}
textarea.textarea {border:1px solid #ccc; font-size:12px; padding:2px; color:#7a7a7a; vertical-align:top;}

/* padding, margin */
.tMar0 {margin-top:0 !important;}

/* etc */
.fl {float:left !important;}
.fr {float:right !important;}
.cb {clear:both;}
.hidden {overflow:hidden; _zoom:1; width:100%;}

.lt {text-align:left !important;}
.rt {text-align:right !important;}
.ct {text-align:center !important;}

.bgNone {background:none !important;}
.borNone {border:none !important;}

.ptColor01 {color:#ff6666;}

#wrapper .line {border-bottom:1px solid #d6d6d6;overflow:hidden;}
#wrapper .line .linetable {margin-bottom:0px;}

/* button */
.btnArea_wide {overflow:hidden; _zoom:1; width:930px; margin:10px 5px 15px;}
.btnArea_wide .ltBtn {float:left;}
.btnArea_wide .ltBtn a, .btnArea .ltBtn input {padding-right:1px;}
.btnArea_wide .ctBtn {text-align:center;}
.btnArea_wide .ctBtn a, .btnArea .ctBtn input {padding:0 1px;}
.btnArea_wide .rtBtn {float:right;}
.btnArea_wide .rtBtn a, .btnArea .rtBtn input {padding-left:1px;}

.btnArea {overflow:hidden; _zoom:1; width:700px; margin:15px 0px 15px 0px;}
.btnArea .ltBtn {float:left;}
.btnArea .ltBtn a, .btnArea .ltBtn input {padding-right:1px;}
.btnArea .ctBtn {text-align:center;}
.btnArea .ctBtn a, .btnArea .ctBtn input {padding:0 1px;}
.btnArea .rtBtn {float:right;}
.btnArea .rtBtn a, .btnArea .rtBtn input {padding-left:1px;}
.btnCenter {text-align:center; margin-top:20px;}
.btnCenter a {margin-right:5px;}
.btnArea2 {overflow:hidden; _zoom:1; width:100%; margin:-20px 5px 15px;}
.btnArea2 .ltBtn {float:left;}
.btnArea2 .ltBtn a, .btnArea .ltBtn input {padding-right:1px;}
.btnArea2 .ctBtn {text-align:center;}
.btnArea2 .ctBtn a, .btnArea .ctBtn input {padding:0 1px;}
.btnArea2 .rtBtn {float:right;padding-right:10px;}
.btnArea2 .rtBtn a, .btnArea .rtBtn input {padding-left:1px;}
.btnCenter2 {text-align:center; margin-top:20px;}
.btnCenter2 a {margin-right:5px;}
/* layout */
#wrapper {width:700px; margin:0 auto; padding-top:15px;position:relative;padding-bottom:50px;}
#wrap930 {width:930px; margin:0 auto; padding-top:15px;position:relative;padding-bottom:50px;}
#wrap940 {width:940px; margin:0 auto; padding-top:15px;position:relative;padding-bottom:50px;}
#wrap980 {width:980px; margin:0 auto; padding-top:15px;position:relative;padding-bottom:50px;}
/* contents */

.write th {font-size:12px;}
.section  {width:700px; margin-bottom:30px;}
.status {text-align:right;}
.status span, .status a {vertical-align:middle; font-size:11px; color:#999; display:inline-block; padding-left:5px; margin-bottom:8px;}
.tblList {width:700px; background:url('/super_images/order/board_bg.gif') left top no-repeat;}
.tblList th {padding:12px 0 08px; color:#666; font-size:11px; font-weight:normal; background:url('/super_images/order/th_bg.gif') right 12px no-repeat;}
.tblList td {padding:6px; vertical-align:middle; color:#999; font-size:11px; line-height:16px; border-bottom:1px solid #d6d6d6;}
.tblList th.last {border-right:1px solid #d7d7d7; background:none;}

.paging {font-size:11px; text-align:center; margin-bottom:15px; line-height:12px;}
.paging span {padding:0 5px;}
.paging span img {vertical-align:middle;}
.paging a {padding:0 3px; color:#999;}
.paging a.on {font-weight:bold; color:#666;}

.searchArea {width:100%; padding:12px 0; text-align:center; background-color:#f5f5f5;}
.searchArea input.text {width:200px;}

.tit {margin-bottom:0px;}
.tit:after {content:" "; display:block; clear:both;}
.tit h3 {float:left; display:inline-block; font-weight:bold; padding-right:10px;}
.tit .cmt {padding-left:12px; font-size:11px; color:#999; background:url('/super_images/common/th_bg.gif') left bottom no-repeat;}
.tit .rtBtn {float:right; margin-top:-5px;}

.myInfo {overflow:hidden; _zoom:1; width:684px; border:3px solid #d6d6d6; padding:8px 15px;}
.myInfo li {float:left; width:33%; line-height:13px; padding:6px 0;}
.myInfo li.wide {width:66%;}
.myInfo li span {font-weight:bold;}

/* faq */
.tblList .faq td {font-size:12px;border-bottom:0px solid #ebedeb}
.faq .subject {text-align:left;}
.replybg {background:#fafafa}
.faq label {vertical-align:middle; margin-right:7px;}
.faq .view {font-weight:bold;color:#666; }
.tblList .faq td .reply {color:#666; margin-top:10px; padding:0 0 10px 40px; background:url('/super_images/common/re.gif') left top no-repeat;}
.total {text-align:right; margin-bottom:7px; font-size:11px ;color:#999;}
.total img {padding:0 5px; vertical-align:middle}

/* notice */
.tblList .notice td {font-size:12px;border-bottom:1px solid #ebedeb}
.notice .subject {text-align:left; padding-left:5px; font-size:12px; }
.notice .left {text-align:left; padding-left:5px;}
.notice .noticetit {font-weight:bold;}
.notice .level {padding-right:3px;}
.notice .comment {color:#ff6600; font-size:11px;}
.category {position:absolute;top:15px; left:0; vertical-align:middle;}
.category label { display:inline-block; vertical-align:top; padding-top:4px;}
.notice .cate {font-size:11px; color:#999}
.notice .reply {color:#666; padding:0 0 0 40px; background:url('/super_images/common/re.gif') left 7px no-repeat;}

/*event */

.boardList { border-top:0px solid #d6d6d6; border-bottom:0px solid #d6d6d6}
.boardList ul li {overflow:hidden; zoom:1; padding:0px 0 0px 0px;}
.boardList ul li.last {border-bottom:0}
.boardList ul li .img {float:left ; width:220px;;}
.boardList ul li dl {padding-top:13px}
.boardList ul li dl dt {font-weight:bold; color:#666; margin-bottom:13px;font-size:14px;}
.boardList ul li dl dt strong {color:#999}
.boardList ul li .infoArea {float:left;width:470px;margin-left:10px;}
.lbar {color:#ccc}
.boardList ul li dl dt .comment {color:#ff6600; font-size:11px; font-weight:normal;}
.boardList ul li .info {font-weight:normal; margin-top:9px ;display:block; font-size:11px; color:#999;}
.boardList ul li .info .view {color:#ff6666;}
.boardList ul li .info .good {color:#33cc00;}
.boardList ul li .info .sbar {color:#ccc; padding:0 5px; display:inline-block;}
.boardList ul li dl dd {font-size:12px; color:#666; line-height:18px; margin-bottom:8px  }
.recom {font-size:11px; color:#666; }
.recom img {vertical-align:middle; font-size:0}
.recom .count { margin:0 10px 0 3px;border-right:1px solid #bbb;padding:4px 5px 5px 8px;*padding:5px 5px 4px 8px; background: url("/super_images/common/bg_twit.gif") no-repeat 0 0; }
.recom .count a { color:#333; font-weight:bold;}

/*view */
.viewpage h2 {padding-left:0px; font-weight:bold; color:#666; font-size:14px; border-bottom:1px solid #d6d6d6;padding-bottom:9px; margin-bottom:10px;}
.viewpage .viewTit {color:#999}
.viewpage .viewcont {width:700px;margin:0 auto;}
.viewpage .viewcont_930 {width:930px;margin:0 auto;}
.viewpage .viewcont_940 {width:940px;margin:0 auto;}
.viewpage .head {color:#999; font-size:11px; position:relative; margin-bottom:25px;}
.viewpage .head a {color:#999;}
.viewpage .head .file {position:absolute;top:0;right:0;}
.viewpage .head .sbar {display:inline-block;padding:0 5px;}
.viewpage .file img {vertical-align:middle;}
.viewpage .txt {line-height:15px; margin-top:15px; font-size:12px; color:#666; margin-bottom:50px; }
.viewpage .btngood {text-align:center;}
.viewpage .recom {position:relative; margin-top:50px;}
.viewpage .recom .share {width:122px; height:14px; padding:1px 0 1px 3px;; position:absolute; top:5px;right:0; font-size:10px; color:#000;background: url("/super_images/board/ba_share.gif") no-repeat 0 0;}
.viewpage .recom .share .sns {padding-left:15px;}
.viewpage .pnlist {border-bottom:1px solid #d6d6d6;margin-top:22px;}
.viewpage .pnlist li {color:#999; font-size:11px; border-top:1px solid #ebebeb;height:20px; padding-top:6px;}
.viewpage .pnlist li a {display:inline-block;padding-left:5px;width:490px;font-size:11px; color:#666;}
.viewpage .pnlist li a:hover{text-decoration:underline}
.viewpage .pnlist li .sbar {display:inline-block;padding:0 5px; color:#ccc;}
.viewpage .level {display:inline-block;width:80px;}

/**reply**/
.replywrap {border-bottom:1px solid #d6d6d6}
.replywrap ul.reply {border-top:1px solid #d6d6d6;border-bottom:1px solid #ebebeb;}
.replywrap ul.reply li {position:relative; zoom:1; overflow:hidden; padding:8px 0 0 8px;; background: url("/super_images/board/bg_reply.gif") no-repeat 0 0;border-top:1px solid #ebebeb;}
.replywrap .userimg {float:left;width:55px;}
.replywrap .cont {width:630px;float:left;margin-left:10px;}
.replywrap .cont .sbar {display:inline-block;padding:0 5px; color:#ccc;}
.replywrap .cont .user {font-size:11px ;color:#999; margin-bottom:10px;}
.replywrap .cont .user .ip {position:absolute;top:5px;right:0; font-size:11px ;color:#b2b2b2}
.replywrap .cont .user .ip a {margin-left:5px;}
.replywrap .cont .user .ip img {vertical-align:middle;}
.replywrap .cont .ment {padding:10px 0 20px}
.replywrap .cont .ment {}
.replywrap .write {padding:10px 0 20px 10px;}
.replywrap .write .textarea {padding:5px;width:600px;height:40px;}
.replywrap .secret  {margin-bottom:5px; vertical-align:middle;}
.replywrap .secret .check {vertical-align:-1px;vertical-align:-2px;}
.replywrap a {margin-right:2px;}

/*write*/
.write table {margin:11px 0 33px ;border-top:0px solid #e7e7e7;}
.write table th{ padding:5px 0;vertical-align:middle; background:#fafafa; font-weight:normal; color:#666}
.write table td {padding:5px 0 5px 5px }
.write table td.tit .text {width:80%}
.write table th,.write table td {border-bottom:1px solid #e7e7e7;}
.write table td .file {background:#d4d0c8; color:#fff}

/**gallery**/
.gallery {border-bottom:1px solid #d6d6d6;;overflow:hidden; _zoom:1; width:100%; margin-bottom:30px;}
.gallery ul {overflow:hidden; _zoom:1; padding:0 0 20px 10px;border-top:1px solid #d6d6d6; width:100%;  }
.gallery li {margin-top:20px; margin-right:20px;height:208px; float:left; width:218px; border:1px solid #ededed;text-align:center; padding-top:8px;}
.gallery li .img {position:relative;}
.gallery li .img .tag {position:absolute; left:0; top:0;}
.gallery li dl {padding:5px 0 10px; text-align:center;}
.gallery li dt {font-weight:bold; color:#666;  margin-bottom:15px}
.gallery li dd {font-size:11px; color:#999; margin-bottom:5px;}
.gallery li dd .sbar {color:#ccc; padding:0 5px; display:inline-block;}
.gallery li dd img {vertical-align:middle;}
.gallery li dd.icon {padding:0;}
.gallery ul li .info {font-size:11px;b}
.gallery ul li.nogab {margin-right:0}
.photo li dt {margin-bottom:10px}
.photo li {margin-right:10px}
.photo2 {}
.photo2 ul li {border:none;width:178px; height:118px;margin-top:7px;margin-right:0px;}

/**login**/
.loginwrap {text-align:center; width:700px; margin:-15px auto 0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0;}
.loginwrap .login {width:100%; ;padding-top:50px; text-align:left; background:#f8f8f8;border-bottom:1px solid #e0e0e0}
.loginwrap .login h2 {text-align:center; margin-bottom:22px;}
.loginwrap .level {width:404px;text-align:left; margin:0 auto;position:relative; padding-bottom:50px}
.loginwrap .level dl {overflow:hidden; width:240px;}
.loginwrap .level dl dt{float:left; width:75px; height:23px;}
.loginwrap .level dl dt img {vertical-align:-5px;}
.loginwrap .level dl dd {float:left; width:155px;  height:23px;;}
.loginwrap .level dl dd .text {height:15px;width:150px; }
.loginwrap .btnLogin {position:absolute;top:2px;left:250px;}
.loginwrap .info {text-indent:75px; margin-top:10px;}
.loginwrap .join {overflow:hidden; border-bottom:1px solid #e0e0e0}
.loginwrap .join dl {position:relative; float:left;width:310px ; padding:30px 0 20px;text-align:left;padding-left:50px }
.loginwrap .join dl.first {width:309px; border-right:1px solid #e0e0e0 }
.loginwrap .join dl dt {margin-bottom:7px;}
.loginwrap .join dl dd {margin-bottom:3px;}
.btnquick {position:absolute; top:55px;right:40px;}
.nomember {position:relative; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0;  border-right:1px solid #e0e0e0; padding-left:172px;padding-bottom:40px;}
.nomember h3 {margin-bottom:20px;}
.nomember .check {position:absolute;top:30px;left:410px}

.loginwrap .nomember2 {border-top:1px solid #e0e0e0;text-align:left; position:relative; padding-bottom:25px ;padding-left:162px;}
.loginwrap .nomember2 dl {overflow:hidden; width:240px;margin-top:25px;}
.loginwrap .nomember2 dl dt{float:left; width:75px; height:23px;}
.loginwrap .nomember2 dl dt img {vertical-align:-5px;}
.loginwrap .nomember2 dl dd {float:left; width:155px;  height:23px;;}
.loginwrap .nomember2 dl dd .text {height:15px;width:150px; }
.loginwrap .nomember2 .btnLogin {position:absolute;top:44px;left:410px;}

.join h2 {color:#666; padding:20px 0 10px; font-weight:bold;}
.join h2 span {font-weight:normal; font-size:11px ; color:#999; padding-left:5px;}
.join .rule {color:#666; border:1px solid #dfdfdf; padding:10px;height:270px;overflow:auto; overflow-x:hidden; line-height:18px;;}
.join .rule h3 {margin:20px 0;}

.join .confirm {padding:30px 0; background:#f8f8f8; border:1px solid #e0e0e0;text-align:left; position:relative; }
.join .confirm dl {overflow:hidden; width:320px; margin-left:240px;}
.join .confirm dl dt{float:left; width:85px; height:23px;}
.join .confirm dl dt img {vertical-align:-7px;}
.join .confirm dl dd {float:left; width:230px;  height:23px;;}
.join .confirm dl dd .text {height:15px;width:224px; }
.join .confirm .btnName {position:absolute;top:32px;left:540px;}
.join .confirm dl dd .w100 {width:102px !important;}
.join .confirm dl dd span {color:#999;vertical-align:-5px;}
.agreement {padding:20px 0 50px; text-align:center;}
.penalty {padding:10px 0;text-align:center; font-size:11px; color:#8a8a8a; line-height:18px;}
.join h2 .star {color:#ff6600;}

.member_form {width:100%;text-align:left; border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6; }
.member_form {font-weight:normal;color:999999;font-size:8pt;}
.member_form th {text-align:left;color:#666; border-bottom:1px solid #d6d6d6;padding-left:20px;}
.member_form td {padding:5px 0;border-bottom:1px solid #d6d6d6;}
.member_form th.check {padding-left:30px; background: url(/super_images/login/bg_star.gif) no-repeat 20px 15px}
.member_form th.add {padding-top:12px;}
.member_form span {display:inline-block;vertical-align:middle;padding-top:5px;}
.member_form td .use {color:#0066ff !important; font-size:11px; padding-left:10px;}
.member_form td .use2 {color:#999 !important;; font-size:11px; padding-left:10px;}
.get {color:#999; font-size:11px;}
.member_form td .bar {padding:4px 3px 0 3px;display:inline-block;color:#999;}
.member_form td .upload {font-size:11px;color:#999;padding-left:10px;}
.member_form td .point {font-size:11px; color:#ff6600; padding-left:10px;}
.member_form td.addr .text {margin-top:5px;}
.member_form td .ex {font-size:11px;color:#999;padding-left:10px;}
.member_form td img {vertical-align:middle;}
.member_form td .post {vertical-align:-13px;}

/*.member {width:100%;text-align:left; border-top:1px solid #d6d6d6;border-left:1px solid #d6d6d6;border-right:1px solid #d6d6d6;  }*/
.member {font-weight:normal;color:999999;font-size:8pt;}
.member th {text-align:left;color:#666; border-bottom:1px solid #d6d6d6;padding-left:20px;}
.member td {padding:5px 0;border-bottom:1px solid #d6d6d6;}
.member th.check {padding-left:30px; background: url(/super_images/login/bg_star.gif) no-repeat 20px 15px}
.member th.add {padding-top:12px;}
.member span {display:inline-block;vertical-align:middle;padding-top:5px;}
.member td .use {color:#0066ff !important; font-size:11px; padding-left:10px;}
.member td .use2 {color:#999 !important;; font-size:11px; padding-left:10px;}
.get {color:#999; font-size:11px;}
.member td .bar {padding:4px 3px 0 3px;display:inline-block;color:#999;}
.member td .upload {font-size:11px;color:#999;padding-left:10px;}
.member td .point {font-size:11px; color:#ff6600; padding-left:10px;}
.member td.addr .text {margin-top:5px;}
.member td .ex {font-size:11px;color:#999;padding-left:10px;}
.member td img {vertical-align:middle;}
.member td .post {vertical-align:-13px;}

.videoview {text-align:left;}
.videoview .area {margin:0 auto 20px; width:920px; padding:10px 0;border:2px solid #ccc; margin-top:20px;overflow:hidden;}
.videoview .area li {float:left; padding:0 10px; font-weight:bold; background: url(/super_images/board/bg_bar.gif) no-repeat 100% 2px}
.videoview .area li.last {background:none;}
.videoview .area li a {color:#999}
.videoview .area li.on {color:#666;}
.videoview .area li.on a {color:#666;}
.videoview .img {text-align:center; margin-bottom:10px;}
.videoview .tit {padding-left:40px; font-weight:bold; font-size:17px; color:#666;}
.videoview .tit span {color:#999;font-size:14px;}
.videoview .tit a {margin-left:10px;}
.videore {position:relative; margin-top:50px; margin-bottom:10px;padding:0 20px;}
.videore .share {width:122px; height:14px; padding:1px 0 1px 3px;; position:absolute; top:5px;right:25px; font-size:10px; color:#000;background: url("/super_images/board/ba_share.gif") no-repeat 0 0;}
.videore .share .sns {padding-left:15px;}
.gallery .videogallery {padding-left:20px}

/*common*/

.rMar5 {margin-right:3px; margin-top:3px;}
.tPad15 {padding-top:15px;}
.block {display:block;}


#layer {display:block; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:10000;}
#layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layerArea {position:absolute; left:50%; top:140px;margin-left:-445px; }
.layerArea .popup {width:880px; height:560px;position:relative;text-align:center; background:#000;border:10px solid #fff}
.layerArea .popup .prev {position:absolute;top:260px;left:30px}
.layerArea .popup .next {position:absolute;top:260px;right:30px}
.layerArea .popup .tit {height:30px; padding:18px 0 0 20px; background: url("/front/super_images/mymenu/bg_pop_top.png") left top no-repeat; background-size:292px 49px;}
.layerArea .popup .popClose {position:absolute; right:0; top:0px;}