@charset "utf-8";

.topBack{position:absolute;top:20px;left:100px;z-index:900;}
.kakaostoryBtn {display:none; position:fixed; top:50px; right:50px; z-index:899;}
html.notice.list .kakaostoryBtn,
html.board.list .kakaostoryBtn{display:none;}
html.list .kakaostoryBtn {display:block;}

.gnb{text-align: left;}
.gnb a{display: block;}
.gnb > li{float: left;width: 100%;line-height: 30px;color:#fff;}
.gnb > li > ul{display: none;padding:5px 20px;border:1px #dfdfdf solid;}

/* 由ъ뒪�� */
html.list #contents .topBox {position:absolute; top:0; left:0; width:16.6%;}
html.list #contents .topBox > img {width:100%; height:279px; }
html.list #contents .list {overflow:hidden;}
html.list #contents .list > li {width:16.6%; float:left; position:relative;}
html.list #contents .list > li:first-child {margin-left:16.6%;}
html.list #contents .list > li:hover .like {display:block;}
html.list #contents .list > li .like {display:none; position:absolute; top:15px; right:15px;  border-radius:4px; width:40px; height:40px; z-index:999; overflow:hidden; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
html.list #contents .list > li .like button {width:100%; height:100%; background:url('../img/icon_like_off.png') no-repeat 50% 50%; outline:none; position:absolute; right:0; bottom:0; left:0; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out;}
html.list #contents .list > li .like button.active {background:url('../img/icon_like_on.png') no-repeat 50% 50%;}
html.list #contents .list > li > a {position:relative; display:block;}
html.list #contents .list > li > a img {width:100%;}
html.list #contents .list > li > a .text {position:absolute; top:0; left:0; right:0; bottom:0; padding:30px; background:url("/img/eng/listBg.png") repeat 0 0; opacity:0; transition:0.3s; -webkit-transition:0.3s;}
html.list #contents .list > li > a:hover .text {opacity:1;}
html.list #contents .list > li:hover .down {display:block;}
html.list #contents .list > li .down {display:none; position:absolute; right:15px; bottom:15px; border-radius:4px; width:65px; height:40px; z-index:999; overflow:hidden;}
html.list #contents .list > li .down span.down_icon {width:100%; height:100%; cursor:default; background:url('../img/icon_down_off.png') no-repeat 70% 50%; position:absolute; right:0; bottom:0; left:0;}
html.list #contents .list > li .down:hover span.down_icon {opacity:0;}
html.list #contents .list > li .down:hover button.downbtn {opacity:1; width:100%; height:100%; background:url('../img/icon_down_on.png') no-repeat 50% 50%; position:absolute; right:0; bottom:0; left:0; }
html.list #contents .list > li .count {display:none; position:absolute; top:0; left:0; z-index:9999; width:100%; height:100%; line-height:237px; font-size:20px; color:#fff; text-align:center;}
html.list #contents .list > li .count span {width:60px; height:60px; display:inline-block; line-height:3.1; background:url('../img/countBg.png') no-repeat; border-radius:100%;}
html#ie7.list #contents .list > li > a .text,
html#ie8.list #contents .list > li > a .text {visibility:hidden;}
html#ie7.list #contents .list > li > a:hover .text,
html#ie8.list #contents .list > li > a:hover .text {visibility:visible;}
html.list #contents .list > li > a .text > * {display:block;}
html.list #contents .list > li > a .text .bar {width:100px; height:6px; background:url("../img/listBar.png") no-repeat 0 0;}
html.list #contents .list > li > a .text .cate {position:absolute; left:30px; bottom:30px; font-size:13px; line-height:16px; color:#d3d3d3;}
html.list #contents .list > li > a .text .name {position:absolute; left:30px; right:30px; bottom:60px; margin:-4px 0; font-size:22px; line-height:25px; color:#fff; word-break:normal; word-wrap:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
html.list #contents .loading {text-align:center; padding:20px 0; display:none;}
html.list #contents .loading.show {display:block;}
html.list #contents .loading_prev {text-align:center; padding:20px 0; display:none;}
html.list #contents .loading_prev.show {display:block;}
html.list #contents .topBtn {display:none; position:fixed; bottom:100px; left:140px; z-index:30;}
html.list #contents .more {padding:20px; text-align:center;}
html.list #contents .more > button {width:100%; height:70px; border:1px solid #ddd; border-radius:5px; font-size:22px; line-height:25px; font-weight:700; color:#404040; background:#e5e5e5;}

/* 酉고럹�댁� */
body{background:url("/img/thumb/bg.jpg") no-repeat center 100% ;background-attachment: fixed;}
html.view,
html.view body,
html.view #contents {height:100%;}
html.view {overflow-y:auto;}
html.view #contents {}

/* Tablet Device */
@media all and (max-width:1849px)  {
html.view #contents .textBox {display:none;}
}

/* Desktop Device */
@media all and (min-width:1850px) {
html.view #contents .textBox {position:fixed; top:100px; right:100px; text-align:right; z-index:30;border-top:1px #999 solid;padding:20px 0;}
}

html.view #contents .topBox > img {width:100%;}
html.view #contents .textBox {position:fixed; top:100px; right:100px; text-align:right; z-index:30;border-top:1px #999 solid;padding:20px 0;}
html.view #contents .textBox dfn {display:block; font-size:12px; line-height:15px; color:#333; margin:-2px -9px -1px 0; letter-spacing:9px; text-transform:uppercase;}
html.view #contents .textBox h2 {width:450px; font-size:50px; line-height:52px; color:#333; word-wrap:break-word; margin-top:20px;}
html.view #contents .textBox p {font-size:12px; line-height:15px; color:#666; margin-top:15px;}
html.view #contents .textBox .size {font-size:12px; margin-top:2px;color:#666;}
html.view #contents .imgBox{position:absolute;top:0px;z-index:29;width:100%;margin:0 auto;}
html.view #contents .imgBox .imgWrap{margin:0 auto;width:980px;border:0px #333 solid;text-align:center;}
html.view #contents .arrow {position:absolute; top:50%; margin-top:-22px; z-index:30;}
html.view #contents .arrow.prev {left:100px;}
html.view #contents .arrow.next {right:100px;}
html.view #contents .img {position:relative; width:100%; height:100%; overflow:hidden; z-index:5; background:#252525; overflow:hidden;}
html.view #contents .img.default {text-align:center; font-size:0; line-height:0; word-break:normal; word-wrap:normal; white-space:nowrap;}
html.view #contents .img.default:before {content:""; display:inline-block; height:100%; vertical-align:middle;}
html.view #contents .img.default img {max-width:100%; max-height:100%; vertical-align:middle;}
html.view #contents .img .cover {position:absolute; top:0; right:0; left:0; bottom:0; width:100%; height:100%; background:#00ace6; z-index:50; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);}
html.view #contents .img .loading {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background:url("../img/listBg.png") repeat 0 0;}
html.view #contents .img .loading.hide {display:none;}
html.view #contents .img .loading > p {position:absolute; top:50%; left:50%; margin:-40px 0 0 -40px; border-radius:5px; padding:10px; z-index:30; background:#fff;}
html.view #contents .eventLink {position:absolute; right:0; bottom:0; z-index:26;}
html.view #contents .bnn {position:absolute; left:0; right:0; bottom:110px; height:0; text-align:center; font-size:0; line-height:0; z-index:25;}
html.view #contents .bnn .bnn_link {display:inline-block;}
html.view #contents .bnn .btn {display:block; position:absolute; top:40px; left:100px; overflow:hidden;}
html.view #contents .bnn .btn > a {display:block; float:left;}
html.view #contents .bnn .btn > a + a {margin-left:20px;}
html.view #contents .view_arrow {position:absolute; left:50%; bottom:110px; margin-left:-20px; width:41px; height:40px; background:url("../img/view_bottom_arrow.png") no-repeat; z-index:25;}
html.view #contents > *.hide {display:none;}
html.view #contents .shareBtn {position:absolute; left:100px; bottom: 60px; font-size:0; line-height:0; z-index:25;}

html.view .imgBar  {width:100%; background:#353535; min-width:1000px; overflow:hidden;}
html.view .imgBar .imgBarV {position:relative; padding:50px 0; overflow:hidden; margin:0 auto; width:1000px;}
html.view .imgBar .imgBarV > * {width:500px; float:left;}
html.view .imgBar h2 {font-size:40px; color:#ffffff; line-height:52px;}
html.view .imgBar p {font-size:14px; color:#ffffff;}
html.view .imgBar .imgBarL .title {width:450px; padding:20px 10px; border-top:1px solid #f4f4f4; border-bottom:1px solid #f4f4f4;}
html.view .imgBar .imgBarL .title >  p {font-size:14px; color:#f4f4f4; line-height:32px;}
html.view .imgBar .imgBarL .btn {padding:20px 10px 20px 0; overflow:hidden;}
html.view .imgBar .imgBarL .btn li {color:#ccc;line-height:140%;}
html.view .imgBar .imgBarL .btn li + li {margin-left:20px;}
html.view .imgBar .imgBarL .btn a {display:block;}
html.view .imgBar .imgBarL ul.imgBar_value {padding-top:66px; overflow:hidden;}
html.view .imgBar .imgBarL ul.imgBar_value li {background:url("../img/view_value_line.jpg") 0 0 no-repeat; float:left; font-size:11px; color:#cccccc;}
html.view .imgBar .imgBarL ul.imgBar_value li + li {margin-left:45px;}
html.view .imgBar .imgBarL ul.imgBar_value li strong {display:block; font-size:16px; color:#cccccc; padding:20px 0 13px;}
html.view .imgBar .imgBarR {float:none; position:absolute; right:0; bottom:50px;}
html.view .imgBar .imgBarR_V {text-align:right;}
html.view .imgBar .imgBarR_V  ul.sns {float:right; overflow:hidden; padding-bottom:40px;}
html.view .imgBar .imgBarR_V  ul.sns li {float:left;}
html.view .imgBar .imgBarR_V  ul.sns li + li {margin-left:10px;}
html.view .imgBar .imgBarR_V footer {clear:both;}
html.view .imgBar .imgBarR_V p {line-height:18px;}
html.view .imgBar .imgBarR_V address {padding-top:20px; font-size:12px; color:#cccccc;}

#viewReply {position:absolute; top:0; right:-700px; bottom:0; width:494px; padding:30px 66px 30px 40px; font-family:"Nanum Gothic"; font-size:12px; color:#8c8c8c; background:#fff; z-index:30;}
#viewReply .closeBtn {position:absolute; top:0; right:100%; width:45px; height:45px; background:url("../img/viewReply_close.gif") no-repeat 50% 50% #00ace6;}
#viewReply .replyBox {height:100%; overflow:hidden;}
#viewReply .screen {height:100%; margin-right:-17px; overflow-x:hidden; overflow-Y:scroll;}
#viewReply .screen > div {min-height:100%;}
#viewReply .scrollBarV {position:absolute; top:0; right:20px; bottom:0; margin:30px 0; width:6px; z-index:20; background:#eee; border-radius:3px;}
#viewReply .scrollBarV > div {position:absolute; top:0; width:100%; height:100%; border-radius:3px; background:#5fbdf3;}

.replyForm {font-size:0; line-height:0;}
.replyForm .title {position:static; margin-bottom:8px; display:block; float:left; width:50%; height:15px; font-family:"Nanum Gothic"; font-size:12px; line-height:15px; font-weight:700; color:#c0c1c2; text-indent:0; opacity:1; padding:0;}
.replyForm .title + .limit {display:block; float:right; width:50%; margin-bottom:8px; text-align:right; font-family:Verdana; font-size:12px; line-height:15px;}
.replyForm .input {display:inline-block; position:relative;}
#ie7 .replyForm .input {display:inline;}
.replyForm .input > label {display:block; position:absolute; top:0; left:0; right:0; bottom:0; padding:0 31px; font-size:12px; line-height:35px; cursor:text; visibility:hidden;}
.replyForm .input > textarea + label {padding-top:20px; padding-bottom:10px; line-height:19px;}
.replyForm .input > .placeholder + label {visibility:visible;}
.replyForm .input > input,
.replyForm .input > textarea {border:1px solid #e5e5e5; background:#eee; padding:0 30px; height:33px; font-size:12px; line-height:33px; overflow:hidden;}
.replyForm .input > textarea {padding-top:10px; padding-bottom:10px; line-height:19px; height:auto; resize:none; min-height:60px;}
.replyForm .input .limit {position:absolute; top:100%; left:0; margin-top:5px; font-family:Verdana; font-size:11px; line-height:20px;}
.replyForm .submit {margin:25px 0 0 274px; width:220px; height:40px; font-size:14px; line-height:20px; color:#fff; background:#00ace6;}
.replyForm .button {margin:10px 0 0 344px; width:150px; height:40px; font-family:"Nanum Gothic"; font-size:12px; line-height:20px; color:#fff; background:#00ace6;}
.replyForm.reply2 .input > textarea + label{padding-top:10px;}
.replyForm.reply2 .submit {width:150px;}
.replyForm .bnnImg {margin-top:10px;}
.replyForm .bnnImg > img {width:100%;}
.replyForm .support {position:relative; margin-top:10px; padding:30px; background:#f8f9fb; border:1px solid #efefef;}
.replyForm .support > a {display:block; position:absolute; top:-1px; right:-1px; width:105px; font-weight:bold; background:#bdbdbd; color:#fff; font-size:14px; line-height:36px; text-align:center;}
.replyForm .support > .txt > h3 {font-size:20px; font-weight:normal; color:#000; padding-bottom:20px;}
.replyForm .support > .txt > p {font-size:14px; color:#8d949e; line-height:21px;}
.replyForm .support > .txt > p.addr {font-size:12px; letter-spacing:-1px;}
.replyForm .info {margin-top:11px; font-size:13px; color:#797979; line-height:1;}
.replyForm .info > a {display:inline-block; margin-left:10px; text-decoration:underline;}
.replyForm .sns {float:left; overflow:hidden; margin-top:-35px; padding-bottom:5px;}
.replyForm .sns > li {float:left;}
.replyForm .sns > li + li {margin-left:10px;}
.replyForm .sns > li button {overflow:visible;}
.kakao_story {width:31px; height:31px; background:url("../img/sns_03.png") no-repeat 0 0;}
.kakao_story iframe {width:100% !important; height:100% !important; opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}
.pinterest {width:31px; height:31px; background:url("../img/sns_04.png") no-repeat; cursor:pointer;}
.pinterest a {width:100% !important; height:100% !important; opacity:0;  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);}

.replyListTitle {margin-top:10px; font-size:0; line-height:0; border-bottom:1px solid #dcdcdc;}
.replyListTitle > * {vertical-align:top;}
.replyListTitle h3 {display:inline-block; font-size:12px; line-height:29px; font-weight:400;}
#ie7 .replyListTitle h3 {display:inline;}
.replyListTitle h3 span {font-weight:700; color:#00ace6;}
.replyListTitle .refresh {width:26px; height:29px; padding-right:1px;}
.replyListTitle button {font-size:0; line-height:0;}
.replyListTitle button + button {position:relative; padding:0 10px 0 11px; height:29px; overflow:hidden;}
.replyListTitle button + button:before {content:""; position:absolute; top:0; left:0; display:block; height:8px; border-left:1px solid #dcdcdc; margin:11px 0;}
.replyListTitle button + button.on img {margin-top:-29px;}

.replyMoreBtn {margin-top:20px; width:100%; height:45px; font-weight:700; color:#fff; background:#00ace6;}

.replyList > dt {padding:16px 40px 0 10px; font-weight:700; line-height:19px;}
.replyList > dd {position:relative; padding:12px 10px 0;}
.replyList > dd > p {line-height:20px;}
.replyList > dd > .btn {font-size:0; line-height:0; padding:0 10px 14px; margin:0 -10px; border-bottom:1px solid #e3e3e3;}
.replyList > dd > .btn > * {vertical-align:top; display:inline-block; font-family:Verdana; font-size:11px; line-height:24px;}
.replyList > dd > .btn > time {margin-right:10px;}
.replyList > dd > .btn > * + button {position:relative; padding:0 10px 0 11px; height:24px; font-family:Verdana; font-size:11px; color:#8c8c8c; overflow:hidden;}
.replyList > dd > .btn > * + button:before {content:""; position:absolute; top:0; left:0; display:block; height:8px; border-left:1px solid #dcdcdc; margin:8px 0;}
.replyList > dd > .btn > * + button img {vertical-align:middle;}
.replyList > dd > .delete {position:absolute; right:0; bottom:100%; padding:0 10px; font-family:"Nanum Gothic"; font-size:12px; height:19px; color:#8c8c8c;}
.replyList > dd > .rereplyWrap {overflow:hidden; padding:0 10px; margin:0 -10px;}
.replyList > dd > .rereplyWrap .replyForm {padding:15px 10px 0; margin:0 -10px; border-top:1px solid #e3e3e3;}
.replyList > dd > .rereplyWrap .replyForm .input > textarea {min-height:57px;}
.replyList > dd > .rereplyWrap .replyForm .submit {margin-left:324px;}
.replyList > dd > .rereplyWrap .replyForm .button {margin-left:324px;}
.replyList > dd > .replyList {margin-left:20px; margin-right:-10px;}
.replyList > dt.berereply + dd > .btn {border-bottom-width:2px;}
.replyList > dt.berereply + dd > .rereplyWrap .replyForm {border-top:none;}
.replyList .replyList > dt {padding:16px 40px 0 25px; margin-left:-15px; font-weight:700; background:url("../img/replyList_arrow.png") no-repeat 5px 20px; color:#00ace6;}

.subList {position:absolute; bottom:0; left:0; height:238px; margin-bottom:-238px; background:url("../img/slide_bg.png") repeat; z-index:30; overflow:hidden;}
.subList.open {margin-bottom:0;}
.subList .screen {height:260px; overflow-x:scroll; overflow-y:hidden; visibility:hidden;}
.subList .screen > div {display:inline-block; min-width:100%;}
.subList .scrollBarH {position:absolute; left:0; right:0; bottom:40px; margin:0 20px; height:6px; z-index:20; background:#e1e1e1; border-radius:3px;}
.subList .scrollBarH > div {position:absolute; left:0; width:100%; height:100%; border-radius:3px; background:#5fbdf3;}
.subList .list {word-break:normal; word-wrap:normal; white-space:nowrap; padding:45px 20px; font-size:0; line-height:0; display:inline-block;}
.subList .list > li {width:202px; height:126px; overflow:hidden; display:inline-block;}
#ie7 .subList .list > li {display:inline;}
.subList .list > li + li {margin-left:20px;}
.subList .list > li img {width:200px; height:124px; display:block; border:1px solid #999;}
.subList .list > li.on {width:196px; height:120px; border:3px solid #ff6f7e;}
.subList .list > li > a,
.subList .list > li > span {position:relative; display:block; height:100%;}
.subList .list > li.on > span {margin:-3px; height:126px;}
.subList .list > li .text {position:absolute; top:0; left:0; right:0; bottom:0; padding:20px; background:url("../img/listBg.png") repeat 0 0;}
.subList .list > li a .text {opacity:0; transition:0.3s; -webkit-transition:0.3s;}
.subList .list > li > a:hover .text {opacity:1;}
#ie7 .subList .list > li > a .text,
#ie8 .subList .list > li > a .text {visibility:hidden;}
#ie7 .subList .list > li > a:hover .text,
#ie8 .subList .list > li > a:hover .text {visibility:visible;}
.subList .list > li .text > * {display:block;}
.subList .list > li .text .bar {width:50px; height:6px; background:url("../img/subListBar.png") no-repeat 0 0;}
.subList .list > li .text .cate {position:absolute; left:20px; bottom:20px; margin:-2px 0 -1px; font-size:12px; line-height:15px; color:#d3d3d3;}
.subList .list > li .text .name {position:absolute; left:20px; right:20px; bottom:40px; margin:-2px 0; font-size:14px; line-height:18px; color:#fff; word-break:normal; word-wrap:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/* �대컮�� */
#about {position:fixed; top:0; left:0; right:0; height:100%; background:#00ace6; z-index:1000; display:none; overflow-y:scroll;}
#about > div {position:relative; width:100%; height:100%; min-height:820px;}
#about > div > button {position:absolute;}
#about .close {top:90px; right:90px; width:35px; height:35px;}
#about .arrow {top:50%; margin-top:-22px; width:44px; height:44px;}
#about .prev {left:100px;}
#about .next {right:100px;}
#about .wrap_02 {height:100%; text-align:center;}
#about h1 {padding:105px 0 90px;}
#about .iconNav {font-size:0; line-height:0;}
#about .iconNav button {position:relative; width:35px; height:35px; padding-bottom:1px; background:no-repeat 0 0;}
#about .iconNav button + button {margin-left:20px;}
#about .iconNav button.on {background-position:0 -35px;}
#about .iconNav button.on:after {content:""; display:block; position:absolute; bottom:0; width:15px; left:10px; border-bottom:1px solid #fff;}
#about .iconNav button:first-child {background-image:url("../img/about_iconNav_01.png");}
#about .iconNav button:first-child + * {background-image:url("../img/about_iconNav_02.png");}
#about .iconNav button:first-child + * + * {background-image:url("../img/about_iconNav_03.png");}
#about .iconNav button:first-child + * + * + * {background-image:url("../img/about_iconNav_04.png");}
#about .iconNav button:first-child + * + * + * + * {background-image:url("../img/about_iconNav_05.png");}
#about .iconNav button:first-child + * + * + * + * + * {background-image:url("../img/about_iconNav_06.png");}
#about .iconNav button:first-child + * + * + * + * + * + * {background-image:url("../img/about_iconNav_07.png");}
#about .iconNav button:first-child + * + * + * + * + * + * + * {background-image:url("../img/about_iconNav_08.png");}
#about .iconNav button:first-child + * + * + * + * + * + * + * + * {background-image:url("../img/about_iconNav_09.png");}
#about .text {overflow:hidden;}
#about .text ul {width:100%; height:100%; font-size:0; line-height:0; word-break:normal; word-wrap:normal; white-space:nowrap;}
#about .text ul > li {width:100%; height:100%; display:inline-block; vertical-align:top;  text-align:center; color:#fff; word-break:keep-all; word-wrap:break-word;}
#ie7 #about .text ul > li {display:inline;}
#about .text ul > li .subTitle {margin-top:83px; font-size:20px; line-height:30px;}
#about .text ul > li h2 {margin-top:8px; font-size:40px; line-height:50px;}
#about .text ul > li .line {display:block; margin:25px auto; width:75px; border-top:2px solid #fff;}
#about .text ul > li p {font-size:15px; line-height:22px; color:#d4f4ff;}
/* #about .text ul > li h3 {margin:50px 0 20px; font-size:20px; line-height:30px;} */
#about .nav {position:absolute; bottom:100px; left:150px; right:150px; font-size:0; line-height:0;}
#about .nav button {width:20px; height:20px; background:url("../img/about_nav.png") no-repeat 0 0;}
#about .nav button.on {background-position:0 -20px;}
#about .nav button + button {margin-left:20px;}

/* �듬찓�� */
#quick {position:fixed; top:0; left:0; right:0; height:100%; background:url("../img/quick_menu_bg.png") repeat; display:none; overflow-y:scroll; z-index:900;}
#quick > div {position:relative; width:100%; height:100%; min-height:820px;}
#quick > div > button {position:absolute;}
#quick .wrap_01 > .close {top:90px; right:90px; width:35px; height:35px;}
#quick .wrap_02 {text-align:center;}
#quick h1 {padding:105px 0 90px;}
#quick .quick_list {}
#quick .quick_list > li {height:120px;}
#quick .quick_list > li > a {display:block; text-align:center; font-size:30px; font-weight:700; line-height:40px; padding:40px 0; color:#fff;}
#quick .quick_list > li:hover > a {background:#fff; color:#00ace6;}

/* �댁슜�쎄� */
html.use_agreement .title_img {height:300px; overflow:hidden;}
html.use_agreement .conWrap {padding:50px;}
html.use_agreement .conWrap em {font-style:italic;}
html.use_agreement .conWrap h1 {font-size:28px; line-height:30px; font-weight:900; color:#00ace6; margin-bottom:12px;}
html.use_agreement .conWrap h2 {font-size:18px; line-height:20px; font-weight:900; color:#313131; margin-top:45px; margin-bottom:18px;}
html.use_agreement .conWrap h3 {font-size:16px; line-height:18px; font-weight:900; color:#313131; margin-top:20px; margin-bottom:14px;}
html.use_agreement .conWrap h4 {font-size:14px; line-height:16px; font-weight:900; color:#313131; margin-top:18px; margin-bottom:12px;}
html.use_agreement .conWrap p {font-size:14px; line-height:22px; color:#434343;}
html.use_agreement .conWrap li {font-size:14px; line-height:22px; color:#434343;}
html.use_agreement .conWrap ul + p,
html.use_agreement .conWrap p + p,
html.use_agreement .conWrap p + ul,
html.use_agreement .conWrap ul + ul {margin-top:16px;}
html.use_agreement .conWrap > section + p,
html.use_agreement .conWrap > section + ul {margin-top:45px;}
html.use_agreement .conWrap > section > section + p,
html.use_agreement .conWrap > section > section + ul {margin-top:20px;}
html.use_agreement .conWrap ul > li {padding-left:14px;}
html.use_agreement .conWrap ul > li:before {content:""; display:block; float:left; margin:9px 0 9px -14px; width:4px; height:4px; background:#434343; border-radius:2px;}
html.use_agreement .conWrap ul > li + li {margin-top:12px;}
html#ie7.use_agreement .conWrap ul > li {list-style:disc inside none;}
html.use_agreement .conWrap > section .table {border:1px solid #dbdbdb;}
html.use_agreement .conWrap > section .table table thead tr th {font-size:14px; line-height:22px; padding:10px 0; border-bottom:1px solid #dbdbdb; background:#efefef;}
html.use_agreement .conWrap > section .table table tbody tr > * {font-size:13px; line-height:18px; padding:10px 0;}
html.use_agreement .conWrap > section .table table tbody tr > * + * {border-left:1px solid #dbdbdb;}
html.use_agreement .conWrap > section .table table tbody tr + tr > * {border-top:1px solid #dbdbdb;}
html.use_agreement .conWrap > section .table table tbody tr td {padding:10px;}
html.use_agreement .conWrap > section .table table tbody tr td > span {color:#ff0000;}


/* �ㅼ슫濡쒕뱶 �좎엯寃쎈줈 �앹뾽 */
.popupWrap.route > section {width:350px;}
.popupWrap.route h2 {color:#00ace6; font-size:22px; line-height:26px; text-align:center;}
.popupWrap.route > section > ul {overflow:hidden; margin-left:-15px;}
.popupWrap.route > section > ul > li {float:left; width:167px; margin-left:15px;}
.popupWrap.route > section > ul > li + li + li {margin-top:5px;}
.popupWrap.route label {display:block; font-size:16px; line-height:34px; color:#616572; padding-left:35px;}
.popupWrap.route label .checkbox {display:block; float:left; margin:5px 0 5px -35px; width:24px; height:24px; background:url("../img/radio.png") no-repeat 0 0;}
.popupWrap.route label.checked .checkbox {background-position:0 -24px;}
.popupWrap.route :first-child + label {margin-top:-5px;}

/* �쇰씪�고닾 吏�썝 */
.popupWrap.support > section {width:468px; padding:41px; background:#f1f2f3 url("../img/iceBg.png") no-repeat 20px 0;}
.popupWrap.support h2 {color:#00ace6; font-size:26px; line-height:30px; text-align:center;}
.popupWrap.support p.support_txt {color:#616572; font-size:18px; line-height:22px; text-align:center;}
.popupWrap.support form {text-align:center; padding:30px 0 32px;}
.popupWrap.support .txt {text-align:center; color:#616572; line-height:1;}
.popupWrap.support .txt > strong {display:inline-block; font-size:22px; padding-bottom:9px;}
.popupWrap.support .txt > p {font-size:16px;}
.popupWrap.support .facebook {padding:20px 0 26px; text-align:center;}
.popupWrap.support .sns {text-align:center;}
.popupWrap.support .sns > ul > li {display:inline-block;}
.popupWrap.support .sns > ul > li + li {padding-left:10px;}
.popupWrap.support .sns > ul > li > div {display:inline-block; vertical-align:middle;}
.popupWrap.support .sns > ul > li .kakaostoryBtn {position:static;}
.popupWrap.support .btns > button {width:200px; font-weight:bold;}
.popupWrap.support .closeBtn {position:absolute; top:21px; right:21px;}

/* �좉퀬�앹뾽 */
.popupWrap.report > section {width:260px;}
.popupWrap.report label {display:block; font-size:20px; line-height:34px; color:#616572; padding-left:35px;}
.popupWrap.report label .checkbox {display:block; float:left; margin:5px 0 5px -35px; width:24px; height:24px; background:url("../img/radio.png") no-repeat 0 0;}
.popupWrap.report label.checked .checkbox {background-position:0 -24px;}
.popupWrap.report :first-child + label {margin-top:-5px;}

/* �볤���젣 �앹뾽 */
.popupWrap.delete > section {width:370px;}
.popupWrap.delete .password {position:relative; padding:0 50px; text-align:center;}
.popupWrap.delete .password input {width:100%; height:67px; font-size:20px; line-height:67px; color:#616572; border-bottom:2px solid #41b5e8; text-align:center;}
.popupWrap.delete .password label {display:block; position:absolute; top:0; left:0; right:0; bottom:0; font-size:20px; line-height:67px; color:#616572; visibility:hidden;}
.popupWrap.delete .password .placeholder + label {visibility:visible;}

/* �먮윭�섏씠吏� */
html.error .title_img {position:relative; height:230px; overflow:hidden;}
html.error .title_img .logo {position:absolute; top:0; left:0; width:100%; height:100%; background:url("../img/logo_02.png") no-repeat 100px 50%;}
html.error .conWrap {padding:100px;}
html.error .conWrap .hgroup {padding-bottom:17px; border-bottom:2px solid #60abd9;}
html.error .conWrap .hgroup h1 {margin-top:-4px; font-size:26px; line-height:31px; color:#303030;}
html.error .conWrap .hgroup p {margin-top:9px; font-size:18px; line-height:23px; color:#646464;}
html.error .conWrap .errorList {padding:45px 0; border-bottom:1px solid #dbdadb; margin-bottom:22px;}
html.error .conWrap .errorList li {font-size:13px; line-height:24px; color:#7c7b7c;}
html.error .conWrap .errorList + p {font-size:16px; line-height:24px; color:#646464;}
html.error .conWrap address {display:block; margin-top:10px; font-size:11px; line-height:22px; color:#989898;}
html.error .conWrap .main {display:block; margin-top:24px; width:150px; font-size:15px; line-height:42px; font-weight:700; color:#fff; text-align:center; background:#323333;}

/* 怨듭��ы빆 */
html.notice .title_img {position:relative; height:230px; overflow:hidden;}
html.notice .title_img .logo {position:absolute; top:0; left:0; width:100%; height:100%; background:url("../img/logo_02.png") no-repeat 100px 50%;}
html.notice .conWrap {padding:100px 95px;}
html.notice .conWrap ul.noticeList {border-top:2px solid #60abd9;}
html.notice .conWrap ul.noticeList li {border-bottom:1px solid #dadada;}
html.notice .conWrap ul.noticeList li.empty {padding:100px; display:block; font-size:15px; line-height:24px; color:#a2a2a2; text-align:center;}
html.notice .conWrap ul.noticeList li a {display:block; padding:35px 20px;}
html.notice .conWrap ul.noticeList li strong {display:block; font-size:22px; line-height:34px; color:#747474;}
html.notice .conWrap ul.noticeList li span {display:block; font-size:15px; line-height:24px; color:#a2a2a2;}
html.notice .conWrap address {display:block; margin-top:103px; font-size:11px; line-height:22px; color:#989898;}
html.notice .conWrap .main {display:block; margin-top:25px; width:150px; font-size:15px; line-height:42px; font-weight:700; color:#fff; text-align:center; background:#333333;}
html.notice .conWrap h1 {line-height:44px; font-size:22px;  color:#747474;}
html.notice .conWrap .noticeView {font-size:15px; line-height:24px; margin-top:12px; color:#a2a2a2; border-top:2px solid #60abd9; border-bottom:1px solid #dadada; padding:40px 0;}

/* 寃뚯떆�� */
html.board input[type="checkbox"] {position:static; left:0 !important; width:13px; height:13px; opacity:1;}
html.board .title_img {position:relative; height:230px; overflow:hidden;}
html.board .title_img .logo {position:absolute; top:0; left:0; width:100%; height:100%; background:url("../img/logo_02.png") no-repeat 100px 50%;}
html.board .conWrap {padding:100px 95px;}
html.board .conWrap .tabWrap > ul,
html.notice .tabWrap .cate > ul {margin-bottom:40px; overflow:hidden;}
html.board .conWrap .tabWrap > ul li,
html.notice .tabWrap .cate > ul li{position:relative; float:left; width:12%; overflow:hidden; z-index:1;}
html.board .conWrap .tabWrap > ul li + li,
html.notice .tabWrap .cate > ul li + li {margin:0 -1px;}
html.board .conWrap .tabWrap > ul li button,
html.notice .tabWrap .cate > ul li button {display:block; width:100%; height:60px; line-height:60px; font-size:15px; color:#353535; font-weight:700; text-align:center; background-color:#fff; border:1px solid #ccc;}
html.board .conWrap .tabWrap > ul li.open button,
html.notice .tabWrap .cate > ul li.open button {color:#fff; background-color:#60abd9; border:1px solid #60abd9;}
html.board .conWrap .tableList {border-top:2px solid #60abd9; border-bottom:1px solid #dfdfdf;}
html.board .conWrap .tableList table {table-layout:auto;}
html.board .conWrap .tableList table > thead > tr > th {line-height:20px; padding:14px 0; border-bottom:2px solid #c9c9c9;}
html.board .conWrap .tableList table > tbody > tr > * {font-size:14px; line-height:20px; padding:10px 0; text-align:left;}
html.board .conWrap .tableList table > tbody > tr > th {background:#f7f7f7; text-align:center;}
html.board .conWrap .tableList table > tbody > tr + tr > * {border-top:1px solid #e5e5e5;}
html.board .conWrap .tableList table > tbody > tr > td a {display:block; padding:10px 15px; margin:-10px 0;}
html.board .conWrap .tableList table > tbody > tr > td input[type="text"],
html.board .conWrap .tableList table > tbody > tr > td input[type="password"],
html.board .conWrap .tableList table > tbody > tr > td input[type="file"] {height:28px; border:1px solid #dcdcdc; font-size:14px; line-height:28px; padding:0 10px; border-radius:2px; background:#eaeaea;}
html.board .conWrap .tableList table > tbody > tr > td select {height:28px; border:1px solid #dcdcdc; font-size:14px; line-height:28px; padding:0 10px; border-radius:2px;}
html.board .conWrap .tableList table > tbody > tr > td textarea {height:150px; border:1px solid #dcdcdc; font-size:14px; line-height:28px; padding:0 10px; border-radius:2px; background:#eaeaea; resize:none;}
html.board .conWrap .tableList table > tbody > tr > th + td + th,
html.board .conWrap .tableList table > tbody > tr > th + td {border-left:1px solid #e5e5e5;}
html.board .conWrap address {display:block; margin-top:103px; font-size:11px; line-height:22px; color:#989898;}
html.board .conWrap .main {display:block; margin-top:25px; width:150px; font-size:15px; line-height:42px; font-weight:700; color:#fff; text-align:center; background:#333333;}
html.board .conWrap h1 {line-height:44px; font-size:22px;  color:#747474;}
html.board .conWrap .noticeView {font-size:15px; line-height:24px; margin-top:12px; color:#a2a2a2; border-top:2px solid #60abd9; border-bottom:1px solid #dadada; padding:40px 0;}
html.board .conWrap .btns {text-align:right; margin-top:30px;}
html.board .conWrap .btns > * {display:inline-block; width:150px; height:40px; font-size:18px; line-height:40px; font-weight:700; color:#fff; background:#00ace6; text-align:center;}

/* 寃뚯떆�� > 紐⑸줉 */
html.board.list .conWrap .tableList table > tbody > tr > * {text-align:center;}
html.board.list .conWrap .tableList table > tbody > tr:hover td {background:#f5f5f5;}
html.board.list .conWrap .tableList table > tbody > tr > td a{ text-align:left;}
html.board.list .conWrap .tableList table > tbody > tr:hover > td a {font-weight:700;}
html.board.list .conWrap .tableList table > tbody > tr > td a span.reply_count {color:#00ace6; font-weight:bold;}
html.board.list .conWrap .tableList table > tbody > tr > td.txt_hold {color:#f00;}
html.board.list .conWrap .tableList table > tbody > tr > td.txt_prog {color:#60abd9;}
html.board.list .conWrap .tableList table > tbody > tr > td.txt_comp {color:#d0d0d0;}

/* 寃뚯떆�� > �곸꽭 */
html.board.view .conWrap .tableList table > tbody > tr > td {padding-left:15px;}
html.board.view .conWrap .tableList table > tbody > tr > td.attach img {width:50%; cursor:pointer;}
html.board.view .conWrap #viewReply {position:static; left:0; padding:0; width:100%; margin-top:40px;}
html.board.view .conWrap #viewReply .replyForm .sns {margin-top:15px;}
html.board.view .conWrap #viewReply .replyForm .submit {float:right;}
html.board.view .conWrap #viewReply .replyForm .title + .limit {width:100px; margin-top:23px;}
html.board.view .conWrap #viewReply .replyForm .title {float:none; width:100%; display:block;}
html.board.view .conWrap #viewReply .replyForm .input {z-index:1;}
html.board.view .conWrap #viewReply .replyForm .input_w {float:left;}
html.board.view .conWrap #viewReply .replyForm .input.id {padding-right:62px;}
html.board.view .conWrap #viewReply .replyForm .input.pw {padding-right:62px;}
html.board.view .conWrap #viewReply .replyForm .input.mT5 {display:block; padding-right:62px;}
html.board.view .conWrap #viewReply .replyForm .input > textarea + label {padding-top:70px; z-index:0;}
html.board.view .conWrap #viewReply .replyForm .input.mT5 textarea {width:100% !important;}
html.board.view .conWrap #viewReply .replyForm .state.input select {-webkit-appearance:menulist-button; height:35px; padding:0 5px; border:1px solid #dcdcdc; font-size:14px; line-height:32px; border-radius:2px; background:#fff;}
/* 愿�━�� 濡쒓렇�명썑 */
html.board.view .conWrap #viewReply .admin .replyForm .title {width:100px; float:left;}
html.board.view .conWrap #viewReply .admin .replyForm .title + .limit {margin-top:0px;}
html.board.view .conWrap #viewReply .admin .replyForm .input > textarea + label {padding-top:44px;}

/* 寃뚯떆�� > �묒꽦 */
html.board.write .conWrap .tableList table > tbody > tr > td {padding-left:15px;}
html.board.write .conWrap .tableList table tr.board-view-assent > td a {display:inline-block; vertical-align:middle; padding:0;}
html.board.write .conWrap .tableList table tr > td .share_guide {color:#828282; display:block; padding-top:5px;}

/* 寃뚯떆�� > �섏젙 */
html.board .conWrap.pass .tableList table > tbody > tr > td {text-align:center; padding:34px 0;}
html.board .conWrap.pass .tableList table > tbody > tr > td .title {display:inline-block; padding:15px; border-bottom:1px solid #dfdfdf;}
html.board .conWrap.pass .tableList table > tbody > tr > td .pass_in {padding-top:15px;}
html.board .conWrap.pass .btns {text-align:center;}

/* 怨좉컼臾몄쓽 */
html.qna .title_img {position:relative; height:230px; overflow:hidden;}
html.qna .title_img .logo {position:absolute; top:0; left:0; width:100%; height:100%; background:url("../img/logo_02.png") no-repeat 100px 50%;}
html.qna .conWrap {padding:100px;}
html.qna .conWrap .hgroup {padding-bottom:17px; border-bottom:2px solid #60abd9;}
html.qna .conWrap .hgroup h1 {margin-top:-4px; font-size:26px; line-height:31px; color:#303030;}
html.qna .conWrap .hgroup p {margin-top:9px; font-size:18px; line-height:23px; color:#646464;}
html.qna .conWrap address {display:block; margin-top:10px; font-size:11px; line-height:22px; color:#989898;}
html.qna .conWrap .main {display:block; margin-top:24px; width:150px; font-size:15px; line-height:42px; font-weight:700; color:#fff; text-align:center; background:#323333;}
html.qna .conWrap > p {margin-top:22px; font-size:16px; line-height:23px; color:#646464;}
html.qna .conWrap .table {position:relative; margin-top:25px; padding-bottom:27px; border-bottom:1px solid #dbdadb;}
html.qna .conWrap .table tbody tr td {font-size:0;  width:100%; line-height:0; height:7px; padding:5px 0;}
html.qna .conWrap .table .inputText {position:relative; border:1px solid #f0f0f0; background:#f6f5f5; padding-right:36px;}
html.qna .conWrap .table .inputText:frist-child > input {margin-right:410px;}
html.qna .conWrap .table .inputText input,
html.qna .conWrap .table .inputText textarea {width:100%; height:19px; font-size:16px; color:#707070; padding:12px 18px;}
html.qna .conWrap .table table tbody tr td select + .styleSelectBlock.qna_type {position:absolute !important; top:5px; right:0; border:1px solid #f0f0f0; float:right; width:383px; height:41px; padding:1px 1px 1px 14px; line-height:41px; color:#707070; font-size:16px; background:url("../img/qna_select_style.png") no-repeat 367px 18px #f6f5f5;}
.styleSelectBlock.qna_type .styleSelectUL {background:#f6f5f5; left:-1px; max-height:240px; border:1px solid #f0f0f0;}
.styleSelectBlock .styleSelectUL {min-width:100%;}
.styleSelectBlock.qna_type .styleSelectOption a {padding-left:14px; line-height:30px;}
.styleSelectBlock.qna_type .styleSelectOption a:hover {background:#009BD0; color:#fff;}
html.qna .conWrap .table .inputText .title.placeholder {background:url("../img/qna_title_txt.png") no-repeat 18px 14px;}
html.qna .conWrap .table .mail.placeholder {background:url("../img/qna_mail_address_txt.png") no-repeat 18px 14px;}
html.qna .conWrap .table .inputText .qnaContents {height:219px;}
html.qna .conWrap .table .inputText .qnaContents.placeholder {background:url("../img/qna_contents_txt.png") no-repeat 18px 14px;}
html.qna .conWrap .btns {text-align:right;}
html.qna .conWrap .btns .qnaSubmit {width:150px; height:40px; font-size:18px; line-height:40px; font-weight:700; color:#fff; background:#00ace6;}

/* 酉고��� �ㅼ젙 �앹뾽 */
.popupWrap.setting {background:url("../img/black_50.png") repeat;}
.popupWrap.setting > section {width:400px; text-align:center;}
.popupWrap.setting  h2 {font-size:22px; line-height:26px; color:#00ace6;}
.popupWrap.setting .viewSet {overflow:hidden;}
.popupWrap.setting .viewSet li {float:left; width:180px;}
.popupWrap.setting .viewSet li + li {margin-left:40px;}
.popupWrap.setting .viewSet li label {position:relative;}
.popupWrap.setting .viewSet li label,
.popupWrap.setting .viewSet li label img {display:block;}
.popupWrap.setting .viewSet li label .txt {display:block; margin-top:60px; font-size:18px; line-height:23px; color:#616572;}
.popupWrap.setting .viewSet li label .checkbox {position:absolute; top:130px; left:50%; margin-left:-12px; display:block; width:24px; height:24px; background:url("../img/radio.png") no-repeat 0 0;}
.popupWrap.setting .viewSet li label.checked .checkbox {background-position:0 -24px;}
.popupWrap.setting .notice {font-size:14px; line-height:21px; color:#616572;}
.popupWrap.setting .notice a {text-decoration:underline;}


@media only screen and (max-width:1920px){
	html.list #contents .topBox,
	html.list #contents .list > li {width:20%;}
	html.list #contents .list > li:first-child {margin-left:20%;}
}

@media only screen and (max-width:1600px){
	html.list #contents .topBox,
	html.list #contents .list > li {width:25%;}
	html.list #contents .list > li:first-child {margin-left:25%;}
}

@media only screen and (max-width:1280px){
	html.list #contents .topBox,
	html.list #contents .list > li {width:33.3%;}
	html.list #contents .list > li:first-child {margin-left:33.3%;}
}


@media only screen and (max-width:1024px){
}


/* paging */
.paging {position:relative; width:100%; text-align:center; margin-top:10px; }
.paging span.num{display:inline-block; background:url('../img/btn_bg.gif') no-repeat; color:#353e44; font-size:12px; font-weight:bold; width:26px; height:25px; line-height:27px; vertical-align:middle; margin-right:2px; border:1px solid #c8c8c8;}
.paging span.active{background:url('');  border:1px solid #018fc2; color:#FFFFFF; background-color:#0da2d7;}

.paging .page_btn{display:inline-block; background:url('../img/btn_bg.gif') no-repeat; color:#353e44; font-size:12px; font-weight:bold; width:26px; height:25px; line-height:27px; vertical-align:middle; margin-right:2px; border:1px solid #c8c8c8;}
.paging .btn_first{background:url('../img/btn_first.gif') no-repeat;}
.paging .btn_prev{background:url('../img/btn_prev.gif') no-repeat; margin-right:14px;}
.paging .btn_next{background:url('../img/btn_next.gif') no-repeat; margin-left:14px;}
.paging .btn_end{background:url('../img/btn_end.gif') no-repeat;}