@charset "utf-8";

* {margin:0; padding:0;}
* {-webkit-tap-highlight-color:rgba(0,0,0,0);}
html, body {width:100%; height:100%;}
body {background-color:#ffffff;}
body, input, button {font-size:12px; line-height:15px; font-family:dotum,gulim,Helvetica,AppleGothic,Sans-serif; color:#333333;}
li {list-style:none;}
select, textarea, input {outline:none;}
input[type=text]::-ms-clear {display: none;}
.layout-join .item .block input[type=number] {-moz-appearance:textfield;}

a {color:#2f3743; text-decoration:none;}
a:hover {color:#333333; text-decoration:underline;}

p {margin-top:3px; margin-bottom:3px;}

.auto {margin:0 auto;}
.none {font-size:1px; line-height:1px;}
.bold {font-weight:bold;}
.left {text-align:left;}
.center {text-align:center;}
.right {text-align:right;}
.pointer {cursor:pointer;}
.clr {clear:both; font-size:0px;}
.up1 {position:relative; overflow:hidden; left:0; top:-1px;}
.up2 {position:relative; overflow:hidden; left:0; top:-2px;}
.up3 {position:relative; overflow:hidden; left:0; top:-3px;}
.up4 {position:relative; overflow:hidden; left:0; top:-4px;}
.up5 {position:relative; overflow:hidden; left:0; top:-5px;}
.do1 {position:relative; overflow:hidden; left:0; top:1px;}
.do2 {position:relative; overflow:hidden; left:0; top:2px;}
.do3 {position:relative; overflow:hidden; left:0; top:3px;}
.do4 {position:relative; overflow:hidden; left:0; top:4px;}
.do5 {position:relative; overflow:hidden; left:0; top:5px;}

.selectb .select {text-align:left; height:20px; line-height:12px; font-size:12px; color:#333333; font-family:dotum,gulim,Helvetica,AppleGothic,Sans-serif;}
.selectb .selectBox-dropdown .selectBox-label {line-height:12px; text-align:left; padding:4px 5px 0px 5px; color:#333333;}

.selectb10 select {width:8px;}
.selectb20 select {width:18px;}
.selectb30 select {width:28px;}
.selectb40 select {width:38px;}
.selectb50 select {width:48px;}
.selectb60 select {width:58px;}
.selectb70 select {width:68px;}
.selectb80 select {width:78px;}
.selectb90 select {width:88px;}
.selectb100 select {width:98px;}
.selectb110 select {width:108px;}
.selectb120 select {width:118px;}
.selectb130 select {width:128px;}
.selectb140 select {width:138px;}
.selectb150 select {width:148px;}
.selectb160 select {width:158px;}
.selectb170 select {width:168px;}
.selectb180 select {width:178px;}
.selectb190 select {width:188px;}
.selectb200 select {width:198px;}
.selectb210 select {width:208px;}
.selectb220 select {width:218px;}
.selectb230 select {width:228px;}
.selectb240 select {width:238px;}
.selectb250 select {width:248px;}
.selectb260 select {width:258px;}
.selectb270 select {width:268px;}
.selectb280 select {width:278px;}
.selectb290 select {width:288px;}
.selectb300 select {width:298px;}

.min1 {min-width:1px;}
.min5 {min-width:5px;}
.min10 {min-width:10px;}
.min15 {min-width:15px;}
.min20 {min-width:20px;}
.min25 {min-width:25px;}
.min30 {min-width:30px;}
.min35 {min-width:35px;}
.min40 {min-width:40px;}
.min45 {min-width:45px;}
.min50 {min-width:50px;}
.min55 {min-width:55px;}
.min60 {min-width:60px;}
.min65 {min-width:65px;}
.min70 {min-width:70px;}
.min75 {min-width:75px;}
.min80 {min-width:80px;}
.min85 {min-width:85px;}
.min90 {min-width:90px;}
.min95 {min-width:95px;}
.min100 {min-width:100px;}
.min105 {min-width:105px;}
.min110 {min-width:110px;}
.min115 {min-width:115px;}
.min120 {min-width:120px;}
.min125 {min-width:125px;}
.min130 {min-width:130px;}
.min135 {min-width:135px;}
.min140 {min-width:140px;}
.min145 {min-width:145px;}
.min150 {min-width:150px;}
.min160 {min-width:160px;}
.min170 {min-width:170px;}
.min180 {min-width:180px;}
.min190 {min-width:190px;}
.min200 {min-width:200px;}
.min300 {min-width:300px;}
.min400 {min-width:400px;}
.min500 {min-width:500px;}
.min600 {min-width:600px;}
.min700 {min-width:700px;}
.min800 {min-width:800px;}
.min900 {min-width:900px;}
.min1000 {min-width:1000px;}

.lv1,
.lv2,
.lv3,
.lv4,
.lv5,
.lv6,
.lv7,
.lv8,
.lv9,
.lv10 {display:block; width:20px; height:20px; background:url('img/lv_icon.png') no-repeat;}
.lv2 {background-position:0 -20px;}
.lv3 {background-position:0 -40px;}
.lv4 {background-position:0 -60px;}
.lv5 {background-position:0 -80px;}
.lv6 {background-position:0 -100px;}
.lv7 {background-position:0 -120px;}
.lv8 {background-position:0 -140px;}
.lv9 {background-position:0 -160px;}
.lv10 {background-position:0 -180px;}

.web-page {margin-top:30px;}
.web-page .paging {margin:0 auto;}
.web-page .paging a {display:block; text-align:center;}
.web-page .paging a {font-weight:700; line-height:38px; font-size:16px; color:#bbbbbb; font-family:'Nanum Gothic',gulim,serif;}
.web-page .paging a.prev1,
.web-page .paging a.prev2,
.web-page .paging a.next1,
.web-page .paging a.next2 {margin-left:0px; width:28px; height:38px; background:url('img/paging.png') no-repeat;}
.web-page .paging a.prev1 {background-position:0px 0px;}
.web-page .paging a.prev1:hover {background-position:0px -38px;}
.web-page .paging a.prev2 {background-position:-28px 0px;}
.web-page .paging a.prev2:hover {background-position:-28px -38px;}
.web-page .paging a.next1 {background-position:-56px 0px;}
.web-page .paging a.next1:hover {background-position:-56px -38px;}
.web-page .paging a.next2 {background-position:-84px 0px;}
.web-page .paging a.next2:hover {background-position:-84px -38px;}

.web-page .paging .number1 a {margin-left:0px;}
.web-page .paging .on,
.web-page .paging .off {margin-left:6px; padding:0 14px; height:38px;}
.web-page .paging .on {border:1px solid #374048; background-color:#485362;}
.web-page .paging .on {text-decoration:none; color:#ffffff;}
.web-page .paging .off {border:1px solid #e1e1e1; background-color:#ffffff;}
.web-page .paging .off {text-decoration:none; color:#bbbbbb;}
.web-page .paging .off:hover {text-decoration:underline; background-color:#ffffff; color:#374048;}

#update_data {display:none;}

#overlay {position:fixed; z-index:999999; top:0px; bottom:0px; left:0px; right:0px; width:100%; height:100%; background-color:#000000; display:none;}

#messagebox {position:absolute; top:0px; left:0px; border:2px solid #384655; background-color:#ffffff; z-index:9000000; display:none;}
#messagebox {line-height:20px;}
#messagebox p {margin:0px;}
#messagebox .title {padding:27px 39px 0 39px; font-weight:bold; margin-bottom:7px; line-height:20px; font-size:14px; color:#0f77b3; font-family:gulim,serif; letter-spacing:-1px;}
#messagebox .text {padding:0px 39px 0 39px; line-height:20px; font-size:12px; color:#384655; font-family:gulim,serif;}
#messagebox .btn {margin-top:25px; background-color:#d7dde4; clear:both; padding:15px 0 13px 0; border-top:1px solid #a5b4c4; text-align:center;}
#messagebox .btn .msgclose {margin:0 auto; display:block; width:60px; height:32px; background:url('./img/alert_enter.png') no-repeat;}
#messagebox .btn .msgclose:hover {background-position:0px -32px;}
#messagebox .btn .msgclose:active {background-position:0px -64px;}

#sideviewbox {position:absolute; top:0px; left:0px; z-index:9000000; display:none;}
#sideviewbox .block {position:relative;}

#sideviewbox .bgt,
#sideviewbox .bgi,
#sideviewbox .bgl,
#sideviewbox .bgb {display:block; width:146px; background:url('img/sideview_bg.png') no-repeat;}
#sideviewbox .bgt {height:20px; background-position:0px 0;}
#sideviewbox .bgi {padding:6px 0 7px 0; background-position:-146px 0; background-repeat:repeat-y;}
#sideviewbox .bgl {background-position:-292px 0; background-repeat:repeat-y;}
#sideviewbox .bgb {height:20px; background-position:-438px 0;}
#sideviewbox .member_thumb {position:relative; width:52px; height:52px; margin:0 auto;}
#sideviewbox .member_thumb .bg {z-index:2; position:absolute; top:0px; left:0px; width:52px; height:52px; background:url('img/sideview_photo.png') no-repeat;}
#sideviewbox .member_thumb img {z-index:1; position:absolute; top:2px; left:2px; width:48px; height:48px;}
#sideviewbox p.nick {margin:0px; margin-top:8px; text-align:center; overflow:hidden; display:block; height:16px;}
#sideviewbox p.nick {font-weight:700; line-height:16px; font-size:14px; color:#f0f3f6; font-family:'Nanum Gothic',gulim,serif;}
#sideviewbox .bgl a {padding-left:30px; display:block; background:url('img/sideview_point.png') no-repeat 19px 10px;}
#sideviewbox .bgl a {font-weight:700; line-height:23px; font-size:13px; color:#4f5f6f; font-family:'Nanum Gothic',gulim,serif;}
#sideviewbox .bgl a:hover {color:#42abd7;}
#sideviewbox .bgl .line {border-top:1px solid #dbe1e8; font-size:0px; line-height:0px; padding-bottom:6px; margin:0 3px;}

.sideview {cursor:pointer;}

#imagebox {position:absolute; top:0px; left:0px; border:1px solid #181b2d; background-color:#ffffff; z-index:9000000; display:none; cursor:pointer;}

#browserbox {font-size:0; max-width:500px; position:absolute; top:0px; left:0px; border:1px solid #000000; background-color:#ffffff; z-index:9000000; display:none;}
#browserbox p {margin:0px;}
#browserbox p.topline {margin:1px 1px 0 1px; border-top:6px solid #f2b100;}
#browserbox p.browsertitle {margin:30px 30px 0 30px;}
#browserbox p.browsertitle {font-weight:700; line-height:36px; font-size:36px; color:#000000; font-family:'Nanum Gothic',gulim,serif;}
#browserbox p.browsertext {margin:15px 30px 0 30px;}
#browserbox p.browsertext {font-weight:400; line-height:25px; font-size:16px; color:#464646; font-family:'Nanum Gothic',gulim,serif;}
#browserbox .download {margin-top:30px;}
#browserbox .download a {text-decoration:none; text-align:center; margin-left:20px; display:inline-block; vertical-align:top; width:150px;}
#browserbox .download a .icon {display:block; width:150px; height:100px; background:url('./img/browserbox.png') no-repeat;}
#browserbox .download a:first-child {margin-left:0;}
#browserbox .download a.chrome .icon {background-position:0 -100px}
#browserbox .download a.firefox .icon {background-position:0 -200px}
#browserbox .download a {font-weight:700; line-height:36px; font-size:16px; color:#000000; font-family:'Nanum Gothic',gulim,serif;}
#browserbox .btnclose {margin-top:20px; cursor:pointer; padding-right:50px; text-align:right; display:block; position:relative; height:50px; background-color:#000000;}
#browserbox .btnclose {font-weight:700; line-height:50px; font-size:16px; color:#959595; font-family:'Nanum Gothic',gulim,serif;}
#browserbox .btnclose .icon {position:absolute; top:10px; right:10px; display:block; width:31px; height:31px; background:url('./img/browserbox_close.png') no-repeat;}

.layout-homepopup {display:none; border-radius:5px; box-shadow:3px 3px 3px #959595;}
.layout-homepopup .block {padding:3px; border:2px solid #dadada; border-radius:3px; background-color:#ffffff; position:relative;}
.layout-homepopup .block p {margin:0;}
.layout-homepopup .block .closeicon {cursor:pointer; position:absolute; top:-22px; right:-22px; display:block; width:60px; height:60px; background:url('./img/popup_close.png') no-repeat;}
.layout-homepopup .block .closeicon:hover {background-position:0px -60px;}
.layout-homepopup .block .btnclose {position:relative; display:block; margin:0 10px; padding-left:25px;}
.layout-homepopup .block .btnclose .cookieclose {cursor:pointer; font-weight:400; line-height:50px; font-size:14px; color:#000000; font-family:'Nanum Gothic',gulim,serif;}
.layout-homepopup .block .btnclose .cookieclose .icon {position:absolute; left:0; top:18px; display:block; width:15px; height:15px; background:url('./img/popup_x.png') no-repeat;}
.layout-homepopup .block .btnclose .cookieclose:hover {color:#1192ca;}
.layout-homepopup .block .btnclose .cookieclose:hover .icon {background-position:0px -15px;}
.layout-homepopup .block .btnclose .icon2 {cursor:pointer; position:absolute; right:0; top:10px; display:block; width:80px; height:33px; border:1px solid #dadada; border-radius:2px; text-align:center;}
.layout-homepopup .block .btnclose .icon2 {font-weight:400; line-height:33px; font-size:16px; color:#000000; font-family:'Nanum Gothic',gulim,serif;}
.layout-homepopup .block .btnclose .icon2:hover {color:#ffffff; background-color:#1192ca;}
.layout-homepopup .block .btnclose .icon2:active {color:#ffffff; background-color:#1192ca; border:1px solid #1192ca;}
.layout-homepopup .block .text {padding:10px;}
.layout-homepopup .block .text {font-weight:400; line-height:1.5; font-size:13px; color:#000000; font-family:'Nanum Gothic',gulim,serif;}

.layout-popup {background-color:#ffffff; min-width:360px;}
.layout-popup .title {position:relative; height:49px; border-bottom:1px solid #3d4753; background-color:#485362;}
.layout-popup .title {font-weight:700; line-height:49px; font-size:16px; color:#ffffff; font-family:'Nanum Gothic',gulim,serif;}
.layout-popup .title img {vertical-align:middle;}
.layout-popup .title .close {font-size:0px; position:absolute; right:0; top:0; display:block; width:49px; height:49px;}

.layout-popup .subj {font-weight:bold; line-height:14px; font-size:12px; color:#4d6185; font-family:gulim,serif;}
.layout-popup .subj2 {line-height:14px; font-size:12px; color:#4d6185; font-family:gulim,serif;}
.layout-popup .help {line-height:14px; font-size:12px; color:#4d6185; font-family:dotum,serif;}
.layout-popup .msg {padding:15px 0; text-align:center; line-height:18px; font-size:12px; color:#666666; font-family:gulim,serif;}
.layout-popup .text {line-height:15px; font-size:13px; color:#666666; font-family:gulim,serif;}
.layout-popup .text2 {line-height:14px; font-size:11px; color:#666666; font-family:gulim,±¼¸²;}

.layout-popup .input {border:1px solid #d8d8d8; padding:0 5px;}
.layout-popup .input {line-height:22px; font-size:12px; color:#666666; font-family:gulim,dotum;}
.layout-popup .input.focus {border:1px solid #485362;}
.layout-popup .file {margin:0 10px 0 0px; height:19px; padding:1px 2px 0 2px; border:1px solid #dddddd;}
.layout-popup .file {line-height:15px; font-size:12px; color:#333333; font-family:dotum,serif;}
.layout-popup .checkbox {width:13px; height:13px; position:relative; overflow:hidden; left:0; top:2px;}
.layout-popup .radio {width:13px; height:13px; position:relative; overflow:hidden; left:0; top:2px;}

.layout-popup .btn {clear:both; font-size:0px; padding:30px 0;}
.layout-popup .btn a {margin-left:4px; display:inline-block; background-color:#ffffff; border:1px solid #d8d8d8; border-radius:3px; padding:0 15px;}
.layout-popup .btn a:first-child {margin-left:10px;}
.layout-popup .btn a {text-decoration:none; font-weight:700; line-height:38px; font-size:15px; color:#151b29; font-family:'Nanum Gothic',gulim,serif;}
.layout-popup .btn a:hover {border:1px solid #485362; color:#485362;}

.layout-popup .list-array tr.array td.button {font-size:0px;}
.layout-popup .button button {cursor:pointer; vertical-align:middle; margin-left:4px; display:inline-block; background-color:#ffffff; border:1px solid #d8d8d8; border-radius:3px; padding:0 3px 1px 3px;}
.layout-popup .button button:first-child {margin-left:0;}
.layout-popup .button button {text-decoration:none; font-weight:400; line-height:20px; font-size:12px; color:#151b29; font-family:'Nanum Gothic',gulim,serif;}
.layout-popup .button button:hover {border:1px solid #485362; color:#485362;}

.layout-popup .list-array tr.subj td {position:relative; text-align:center; font-weight:700; line-height:40px; font-size:15px; color:#333333; font-family:'Nanum Gothic',gulim,serif;}
.layout-popup .list-array tr.not {text-align:center; line-height:200px; font-size:13px; color:#333333; font-family:'Nanum Gothic',gulim,serif;}
.layout-popup .list-array tr.array td {text-align:center; line-height:40px; font-size:13px; color:#333333; font-family:'Nanum Gothic',gulim,serif;}
.layout-popup .list-array tr.array td a {text-align:center; line-height:40px; font-size:13px; color:#333333; font-family:'Nanum Gothic',gulim,serif;}
.layout-popup .list-array tr.array td a.ok {color:#333333;}
.layout-popup .list-array tr.array td a.no {color:#cccccc;}
.layout-popup .list-array tr.array:hover {background-color:#f7fbfd;}
.layout-popup .list-array tr.array td p {margin:0px; text-align:left; overflow:hidden; height:40px; padding:0 10px; word-break:break-all;}
.layout-popup .list-array tr.array td p.center {text-align:center;}
.layout-popup .list-array tr.array td .reply {margin-left:5px;}