@charset "utf-8";

#wrap {width:967px; margin:0 auto; position:relative; z-index:30; background-color:#fff; }
#wrap > article {margin-bottom:30px; }

header {position:relative; width:100%; height:137px; box-sizing:border-box; no-repeat; }
header h1 {position:absolute; left:25px; top:72px; z-index:30; }
header h1 > a{ display:block;  }
header .search {position:absolute; right:13px; top:5px; }
header .search input {border:none; width:131px; height:18px; background:#fff url('/images/common/bg_search.gif') no-repeat 134px 50%; padding:2px 20px 2px 2px; }
header .search img {vertical-align:middle; padding-right:16px; }
header .headerCircle{ width:100%; height:137px; position:absolute; top:0; left:0; z-index:10; }
header .headerCircle .headerCircleDotted{ width:100%; height:137px; position:absolute; top:0; left:0; z-index:10; opacity:0; }
header .headerCircle .headerCircleWrap{ width:225px; height:137px; margin:0 0 0 251px; position:relative; }
header .headerCircle .headerCircleWrap div[class^="cir"]{ position:absolute; }
header .headerCircle .headerCircleWrap .cir01{ top:-12px; left:18px; }
header .headerCircle .headerCircleWrap .cir02{ top:42px; left:0; }
header .headerCircle .headerCircleWrap .cir03{ bottom:0; right:0; }

.topMenu{ height:35px; position:relative; z-index:20; background-color:#8f3cee; overflow:hidden; }
.topMenu ul.utility { height:35px; padding:0 30px 0 0; box-sizing:border-box; float:right; }
.topMenu ul.utility li {float:left; padding:11px 0 5px 19px; box-sizing:border-box;}
.topMenu ul.utility li:first-child {padding-left:0; }

#gnb { position:relative; z-index:20; }
#gnb ul.gnb_list { width:414px; display:table; margin:0 0 0 415px; }
#gnb ul.gnb_list li{display:table-cell;  }
#gnb ul.gnb_list li a{ display:block; padding:35px 0 29px 32px; box-sizing:border-box; }
#gnb ul.gnb_list li:first-child a{padding-left:0; }
#gnb .search {}

#container {width:855px;margin-bottom:30px;padding:30px 0 84px 109px;border:1px solid #d8d8d8;}
#container .path {height:34px; *height:auto; *padding-bottom:23px; text-align:right;padding-right:109px;font-size:11px;color:#838383;}
#container .path a,
#container .path span {font-family:'Nanum Gothic'; font-size:11px;color:#838383;}
#container #content {}
#container #content h2 {padding-bottom:44px;font-weight:bold;font-size:27px;color:#3f3f3f;}
#container #content h3 {padding-bottom:13px;font-weight:bold;font-size:24px;color:#404040;}
#container #content h3 span {font-weight:normal;}
#container #content h3.red, #container #content h3.orange, #container #content h3.purple, #container #content h3.pink, #container #content h3.blue, #container #content h3.black {padding-left:0; padding-bottom:10px; font-size:20px; background:none;}
#container #content h3.red {color:#ff405a;}
#container #content h3.orange {color:#ee8221;}
#container #content h3.purple {color:#7e349f;}
#container #content h3.pink {color:#db3792;}
#container #content h3.blue {color:#086aa2;}
#container #content h3.black {color:#3f3f3f;}
#container #content .roundTit {display:inline-block;position:relative;box-sizing:border-box;min-width:144px;height:27px;line-height:27px;margin:0 0 15px 13px;font-size:13px;text-align:center;color:#fff;background-color:#7e349f;}
#container #content .roundTit:before, #container #content .roundTit:after {content:'';position:absolute;width:13px;height:27px;background-repeat:no-repeat;background-position: 0 0;}
#container #content .roundTit:before {left:-13px;background-image:url('/images/common/bg_roundtitle_left.png');}
#container #content .roundTit:after {right:-13px;background-image:url('/images/common/bg_roundtitle_right.png');}
#container #content.cType01{ position:relative; overflow:hidden; }
#container #content.cType01 h2{ margin:16px 0 0 0; padding:0; background:none; }
#container #content.cType01 h2 + p{ width:750px; margin:37px 0 0 0; font-size:36px; font-family:'Nanum Gothic'; font-weight:700; word-break:break-all}
#container #content.cType01 h3{ width:90px; margin:47px 0 0 0; padding:8px 0 8px 4px; box-sizing:border-box; background:url('/images/common/bg_h3_02.png') center center no-repeat; text-align:center; font-size:13px; color:#fff; letter-spacing: -1px; }
#container #content.cType01 h3:first-child{ margin:0; }
#container #content.cType01 h3 + div{margin:16px 0 0 0;}
#container #content.cType01 h3 + div.txtCont{width:750px; padding:0; font-size:12px; }
#container #content.cType02 h3{ background:none; margin:46px 0 0 0; padding:0; font-size:20px; font-weight:700;  }
#container #content.cType02 h3 > span{ font-weight:700; }
#container #content.cType01 div ul > li > img{ width:100%; height:auto; display:block; margin:0 auto; }
#container #content.cType01 div.imgList{ border:0 }
#container #content.cType01 div.imgList ul li{ width:100%; margin:50px auto 0; padding:0; float:none; }
#container #content.cType01 div.imgList ul li:first-child{ margin:0 auto; }
#container #content.cType01 div.imgList ul li > p{margin:9px 0 0 0; padding:0; font-size:12px; text-align:right; }
#container #content.cType01 div.artistList{margin:51px 0 0 0;}
#container #content.cType01 div.artistList ul{ width:100%; overflow:hidden; }
#container #content.cType01 div.artistList ul > li{ margin: 0 0 0 39px; float:left; }
#container #content.cType01 div.artistList ul > li{ margin: 0 0 0 39px; float:left; }
#container #content.cType01 div.artistList ul > li:first-child{ margin: 0;}
#container #content.cType01 div.artistList ul > li > p { margin:10px 0 0 0; font-size:12px; text-align:right; }
#container #content.cType01 div.locationWrap ul li{ margin:20px 0 0 0; }
#container #content.cType01 div.locationWrap ul li:first-child{ margin:0; }
#container #content.cType01 div.sharing{ margin:20px 0 0 0; }
#container #content.cType02 h2{ padding:0; background:none; }
#container #content.cType02 h2 + div{ margin:35px 0 0 0; }
#container #content.cType02 h3 + div{ margin:12px 0 0 0; }
#container #content.cType02 h3:first-child + div{ margin:25px 0 0 0; padding:0; }
#container #content.cType02 .gallery h3 + div{ line-height:22px; font-size:12px; font-family:'Dotum'}

footer {position:relative; height:25px; text-align:right; background-color:#f3f3f3; padding:34px 21px; }
footer .logo {position:absolute; left:21px; top:37px; }
footer .menu {float:right; }
footer .menu li {float:left; background:url('/images/common/bg_footer_menu_line.gif') no-repeat 5px 50%;  padding-left:12px; }
footer .menu li:first-child {padding-left:none; background-image:none; }
footer .copyright {}

/* commentTok - 댓글쓰기 */
#commentTok .tit {padding-bottom:6px;}
#commentTok .tit a{margin-left:5px;margin-top: 1px;display: inline-block;}
#commentTok .writeForm {width:737px;padding:7px 0 10px 8px;background-color:#f3f3f3;border:1px solid #d8d8d8;}
#commentTok .writeForm .snsPosting {height:18px;padding-bottom:6px;}
#commentTok .writeForm .snsPosting .btnType2.white.small {vertical-align:top;}
#commentTok .writeForm .snsPosting > .txt {display:inline-block; *zoom:1;width:78px;height:18px;line-height:18px;margin-right:6px;font-size:13px;font-weight:bold;color:#393939;vertical-align:top;}
#commentTok .writeForm .inputWrap {}
#commentTok .writeForm .inputWrap .writerImg {float:left;width:76px;height:76px;margin-right:6px;border:1px solid #d7d7d7;background:url('/images/common/bg_writer.jpg') 0 0 no-repeat;}
#commentTok .writeForm .inputWrap .writerImg img {width:76px;height:76px;}
#commentTok .writeForm .inputWrap .inputArea {float:left;width:646px;}
#commentTok .writeForm .inputWrap .inputArea #commentContent {float:left;width:549px;height:37px;margin-right:4px;padding:8px;border:1px solid #d7d7d7;resize:none;font-size:12px;color:#5c5c5c;}
#commentTok .writeForm .inputWrap .inputArea .submit {float:left;}
#commentTok .writeForm .inputWrap .inputArea .subInfo {float:left;margin-top:10px;font-size:12px;color:#5c5c5c;}

/* commentTok - 댓글보기 */
.viewComment {padding-top:28px;}
.viewComment .tit {padding-left:22px;padding-bottom:6px;font-size:12px;color:#6c6c6c;background:url('/images/common/bg_comment_title.gif') 4px 0 no-repeat;}
.viewComment .commentWrap {position:relative;width:747px;padding-top:16px;margin-bottom:12px;border-top:1px solid #dddddd;}
.viewComment .commentWrap .writerImg {float:left;width:40px;height:40px;margin-left:2px;border:1px solid #dddddd;background:url('/images/common/bg_writer2.jpg') 0 0 no-repeat;}
.viewComment .commentWrap .writerImg img {width:40px;height:40px;}
.viewComment .commentWrap .commentArea {float:left;margin-left:15px;padding-top:4px; width:91%;}
.viewComment .commentWrap .commentArea p {padding-bottom:3px;font-size:12px;color:#5c5c5c;}
.viewComment .commentWrap .commentArea p .date {display:inline-block; *zoom:1;padding-left:15px;font-size:11px;color:#919191;}
.viewComment .commentWrap .commentArea .comment {line-height: 17px;}
.viewComment .commentWrap .commentArea .comment img {vertical-align:middle;}
.viewComment .commentWrap .btnBox {position:absolute;top:20px;right:0;font-size:11px;color:#757575;}
.viewComment .recommentArea {margin-top:-8px;margin-left: 60px;margin-bottom: 12px;padding-left:20px;padding-top:2px;background:url('/images/common/bg_recomment.gif') 3px 0 no-repeat; width:667px;}
.viewComment .recommentArea p {padding-bottom:3px;font-size:12px;color:#5c5c5c;}
.viewComment .recommentArea .comment {width:98%;line-height: 17px;}
.viewComment .recommentArea p .date {display:inline-block; *zoom:1;padding-left:15px;font-size:11px;color:#919191;}
.viewComment .recommentArea p .btn_del {position:relative;top:2px;margin-left:5px;}

/* commentTok - 댓글 더 보기, 목록 버튼 */
.viewComment .moreComment {width:747px;padding-top:19px;}
.viewComment .moreComment .btnMore {display:block;width:745px;height:18px;padding-top:7px;border:1px solid #c7c7c7;text-align:center;}
.viewComment .moreComment .btnMore img {vertical-align:top;}
.viewComment .moreComment .btnMore .txt {padding-left:5px;padding-right:12px;font-size:12px;color:#6c6c6c;background:url('/images/common/bg_more.gif') 100% 5px no-repeat;vertical-align:top;}
.viewComment .moreComment .btnType1 {float:right;margin-top:11px;}

/* form */
input, button {font-family:'Dotum', Arial, sans-serif; border:0; padding:0; cursor:pointer; *overflow:visible; color:#5c5c5c;}
button {background:transparent;}
input[type="text"], input[type="password"] {padding:2px; border:1px solid #dfdfdf; height:20px; }
input[type="submit"] ,input[type="reset"] ,input[type="button"]{filter:chroma(color=#000000);}
input[type="radio"], input[type="checkbox"] {width:13px; height:13px; vertical-align:middle;}
input[type="file"] {font-family:'Dotum', Arial, sans-serif; width:50%;}
select {font-family:'Dotum', Arial, sans-serif; color:#5c5c5c; padding:2px; border:1px solid #dfdfdf; height:26px; line-height:26px;}
textarea {border:1px solid #d8d8d8; resize:none; margin:0; padding:10px; color:#5c5c5c;}

/* button */
.btnType1 {display:inline-block; *zoom:1;width:98px;height:21px;padding-right:6px;padding-top:8px;text-align:center;font-size:14px;font-weight:bold;color:#fff !important; line-height:16px; background:#646464 url('/images/common/bg_btntype1_1.png') 83px 13px no-repeat;}
.btnType1.red {background:#ff405a url('/images/common/bg_btntype1_1.png') 83px 13px no-repeat;}
.btnType1.white {width:97px;height:19px;padding-right:5px;padding-top:8px;border:1px solid #c4c4c4;color:#606060 !important;background:#fff url('/images/common/bg_btntype1_2.png') 82px 12px no-repeat;}
.btnType1.red.sear {width:74px; height:19px; padding-top:5px; background-position:57px 8px; vertical-align:middle; *position:relative; *top:3px; *vertical-align:baseline;}
.btnType2 {display:inline-block; *zoom:1; background:url('/images/common/bg_btntype2.gif') no-repeat;}
.btnType2 .txt {display:inline-block; *zoom:1; font-size:12px; color:#fff !important; margin-right:-2px; text-align:center; min-width:47px; height:22px; line-height:23px; padding:0 18px 0 10px; background:url('/images/common/bg_btntype2.gif') no-repeat right -22px;}
.btnType2.red {background-position:0 -55px;}
.btnType2.red .txt {background-position:right -77px;}
.btnType2.red.small .txt {font-weight:bold; min-width:36px; padding:0 10px 0 7px; }
.btnType2.red.large .txt {min-width:58px;}
.btnType2.dark {background-position:0 -110px;}
.btnType2.dark .txt {min-width:58px; background-position:right -132px;}
.btnType2.dark.large .txt {min-width:70px;}
.btnType2.purple {background-position:0 -165px;}
.btnType2.purple .txt {background-position:right -187px;}
.btnType2.white {background-position:0 -220px;}
.btnType2.white .txt {font-weight:bold; color:#5c5c5c !important; background-position:right -242px;}
.btnType2.white.small {background-position:0 -275px;}
.btnType2.white.small .txt {font-family:'Dotum', sans-serif; padding:0 12px 0 10px; min-width:30px; height:19px; line-height:22px; font-size:12px; background-position:right -294px;}
.btnType3 {display:inline-block; *zoom:1; width:38px; height:13px; padding-top:3px; line-height:12px; text-align:center; font-size:11px; font-family:'Dotum', sans-serif; color:#6c6c6c !important; border:1px solid #c4c4c4; }
.btnType3.bold {width:44px; font-weight:bold;}
.btnType3.font {width:54px; font-family:'Nanum Gothic', sans-serif;}
.btnType3.font.big {width:84px; height:15px; font-size:12px;}
.btnType4 {position:relative; display:inline-block; *zoom:1;font-size:14px; font-weight:bold; text-align:center; height:19px; padding:6px 35px 2px 30px; border:1px solid #c4c4c4; color:#606060 !important; line-height:18px;}
.btnType4 .ico {position:absolute; right:7px; top:50%; width:13px; height:8px; background:url('/images/common/bg_btntype1_2.png') right 0 no-repeat; }
.btnType5{ width:98px; height:37px; display:inline-block; background:url('/images/common/bg_btntype5.png') center center no-repeat; text-indent:-9999px; }

a.btnHomepage{ width:23px; height:23px; display:inline-block; background:url('/images/common/btn_home_sp.png') 0 -23px no-repeat; }
a.btnBlog{ width:23px; height:23px; display:inline-block; background:url('/images/common/btn_blog_sp.png') 0 -23px no-repeat; }
a.btnInsta{ width:23px; height:23px; display:inline-block; background:url('/images/common/btn_insta_sp.png') 0 -23px no-repeat; }
a.btnTwitter{ width:23px; height:23px; display:inline-block; background:url('/images/common/btn_twit_sp.png') 0 -23px no-repeat; }
a.btnFacebook{ width:23px; height:23px; display:inline-block; background:url('/images/common/btn_face_sp.png') 0 -23px no-repeat; }
a.btnShare02{ width:23px; height:23px; display:inline-block; background:url('/images/common/btn_share_sp.png') 0 -23px no-repeat; }

.btn_login {display:inline-block; *zoom:1; width:61px; height:19px; font-family:'Dotum', sans-serif; font-weight:bold; font-size:12px; color:#5c5c5c !important; text-align:center; background:url('/images/common/bg_btn_login.gif') no-repeat 0 0;}
.submit {display:inline-block; *zoom:1; width:72px; height:53px; line-height:53px; border:1px solid #d7d7d7; background:#fff; text-align:center; font-size:12px; color:#5c5c5c !important; font-weight:bold; font-family:'Dotum', sans-serif;}
input.submit, button.submit {width:74px; height:55px; line-height:55px;}
.btn_login_big {display:inline-block; *zoom:1; width:102px; height:64px; line-height:64px; background:#606060; text-align:center; font-size:18px; color:#fff !important; font-weight:bold; font-family:'Nanum Gothic', sans-serif;}
.btnCenter {text-align:center;}
.btnCenter > a {margin:0 3px; vertical-align:middle; *vertical-align:baseline;}
.btnR {position:absolute; right:0; top:50%;}

/* text align */
.alignL {text-align:left !important;}
.alignR {text-align:right !important;}
.alignC {text-align:center !important;}

/* display */
.block {display:block !important;}
.none {display:none !important;}
.inline {display:inline !important; }
.inlineB {display:inline-block !important; *zoom:1;}

/* linkStyle */
.linkTy01 {font-weight:bold; text-decoration:underline;}

/* color */
.point01 {color:#ff405a !important;} /* red */
.point02, .point02 > * {color:#313131 !important;} /* black */

/* text style */
.bold {font-weight:bold;}
.upper {text-transform:uppercase;}
.underline {text-decoration:underline;}
.fontS11 {font-size:11px !important;}
.fontS20 {font-size:20px !important;}
.dotum {font-family:'Dotum', sans-serif !important;}

.infoTxt01 {font-family:'Dotum', sans-serif; font-size:12px; color:#737373; text-indent:-16px; padding-left:16px; line-height:14px;}
span.infoTxt01 {display:inline-block; *zoom:1;}
.infoTxt02, .infoTxt02 li {font-family:'Dotum', sans-serif; font-size:12px; color:#3f3f3f; padding-left:8px; line-height:14px; background:url('/images/common/ico_txt01.gif') no-repeat 0 5px;}
.infoTxt02 > span {font-weight:bold;}
.infoTxt02 li {margin-top:5px;}
ul.infoTxt02 {background:none; padding-left:0;}
.infoTxt03, .infoTxt03 li {font-family:'Dotum', sans-serif; font-size:12px; color:#8a8a8a; padding-left:8px; line-height:14px; background:url('/images/common/ico_txt02.gif') no-repeat 0 6px;}
.infoTxt03 li {margin-top:4px;}
ul.infoTxt03 {background:none; padding-left:0;}
.infoTxt04, .infoTxt04 li {font-family:'Dotum', sans-serif; font-size:12px; color:#737373; text-indent:-10px; padding-left:10px; line-height:14px; }
.infoTxt04 li {margin-top:4px;}
ul.infoTxt04 {background:none; padding-left:0;}
.boxTy02 .infoTxt04 li {color:#535353;}
.infoTxt04.nanum, .infoTxt04.nanum li {font-family:'Nanum Gothic', sans-serif; font-size:13px;}

.addText {font-family:'Dotum', sans-serif; font-size:12px; color:#737373; vertical-align:middle; line-height:16px;}
.addText.symbol {padding-left:22px; text-indent:-22px;} /* ※(당구장) 심볼 있는데 두줄되어야 할때 다중클래스 .symbol 추가 */
span.addText {display:inline-block; *zoom:1;}

.boldTy01 {font-weight:bold; font-size:15px; color:#ff405a;}

/* box style */
.boxTy01 {padding:20px; border:1px solid #d8d8d8;}
.boxTy02 {padding:10px; background:#f3f3f3;}

/* table style */
.tableTy01 table {width:100%; border-top:2px solid #ff405a;}
.tableTy01 table th, .tableTy01 table td {padding:12px 0; font-family:'Dotum', sans-serif; font-size:12px; color:#535353; text-align:center; border-bottom:1px solid #c5c5c5;}
.tableTy01 table th a, .tableTy01 table td a {color:#535353;}
.tableTy01 table thead th {font-weight:normal;}
.tableTy01 table tbody td.alignL {padding-left:10px;}
.tableTy01.brt_none {margin-top:-37px;}
.tableTy01.brt_none table {border-top:none;}
.tableTy02 table {width:100%; border-top:2px solid #ff405a;}
.tableTy02 table th, .tableTy02 table td {padding:7px 10px; font-family:'Dotum', sans-serif; font-size:12px; color:#737373; border-bottom:1px solid #d8d8d8; vertical-align:middle;}
.tableTy02 table th {color:#5c5c5c; text-align:left; padding:13px 10px;}
.tableTy02 table th .must {color:#ff405a; margin-left:-10px;}
.tableTy02 table th .must em {position:absolute; left:-9999px; text-indent:-9999px;}
.tableTy02 table td label {vertical-align:middle; display:inline-block; *zoom:1;}
.tableTy02 table td textarea {width:97%; height:46px;}
.tableTy02 table td input[type="radio"] + label, .tableTy02 table td input[type="checkbox"] + label {line-height:13px; margin-top:1px;}
.tableTy02 table td input[type="text"], .tableTy02 table td input[type="password"] {width:125px;}
.tableTy02 table td.phone input[type="text"], .tableTy02 table td.phone select {width:62px;}
.tableTy02 table td.profile .addText {padding-left:0; padding-bottom:10px;}
.tableTy02 table td.profile .fl {width:490px;}
.tableTy02 table td.page input[type="text"] {width:458px;}
.tableTy02 table td.exhibitTit input[type="text"] {width:458px;}
.tableTy02 table td.exhibitTit select {width:120px;}
.tableTy02 table td.place input[type="text"] {width:210px;}
.tableTy02 table td.cash input[type="text"] {width:70px;}
.tableTy02 table td.career .data input[type="text"] {width:265px;}
.tableTy02 table td.piece .data input[type="text"] {width:275px; height:18px;}
.tableTy02 table td.exhibitPiece .data input[type="text"] {width:180px; height:18px;}
.tableTy02 table td .data {margin-top:6px;}
.tableTy02 table td .data > a {margin-right:3px;}
.tableTy02 table td .data:first-child {margin-top:0;}
.tableTy02 table td .data input[type="text"] {margin-right:5px;}
.tableTy02 table td .data .space {margin-right:8px;}
.tableTy02 table td .space {display:inline-block; vertical-align:middle; *zoom:1;}
.tableTy02 table td span.addText {padding-left:10px;}
.tableTy02 table td .addText .lts {letter-spacing:-0.05em;}
.tableTy02 table td .btnType2, .tableTy02 table td .btnType3 {vertical-align:middle;}
.tableTy02 table td .profileImg, .tableTy02 table td .profileImg img {width:87px; height:90px;}
.tableTy02 table td .profileImg {float:left; margin-right:17px; border:1px solid #d7d7d7; background:url('/images/common/bg_profile.jpg') 0 0 no-repeat;}
.tableTy02 table td .formTy01 {display:inline-block; margin-right:10px; line-height:18px;}
.tableTy02 table td .formTy01 + span.addText {margin-left:-10px;}
.tableTy02 table td .emailWrap select {width:85px;}
.tableTy02 table td .emailWrap input[type="text"].emailDirectInput {width:99px;}
.tableTy02 table td .emailWrap span.addText {padding-left:0;letter-spacing:-1px;}
.tableTy02 table td .emailWrap .emailDirectInput::-webkit-input-placeholder{text-align:left;color:#c3c3c3;}
.tableTy03 table {width:100%; border-top:1px solid #d8d8d8; border-left:1px solid #d8d8d8; border-right:1px solid #d8d8d8;}
.tableTy03 table th, .tableTy03 table td {padding:12px 0; font-family:'Dotum', sans-serif; font-size:12px; color:#535353; text-align:center; border-bottom:1px solid #d8d8d8;}
.tableTy03 table th a, .tableTy03 table td a {color:#535353;}
.tableTy03 table th.bgNone {background:#fff;}
.tableTy03 table thead th, .tableTy03 table tbody th {font-weight:normal; background:#f3f3f3;}
.tableTy03 table tbody td {position:relative; line-height:16px;}
.tableTy03 table tbody td.alignL {padding-left:10px;}
.tableTy03 table tbody td .btnR {margin:-9px 15px 0 0;}
.tableTy03.line table {border-left:none;}
.tableTy03.line table th, .tableTy03.line table td {border-left:1px solid #d8d8d8;}
.tableTy03.line.red table {border-top:2px solid #ff405a;}

/* main */
.reply > em{ color:#9269ec;margin: 0 0 0 2px;font-size: 13px;display: inline-block;font-weight: 700;vertical-align: middle;}
#super { height:434px; border:1px solid #bcbcbc; border-top:none; overflow:hidden; }
#super .bigBanner {float:left; position:relative; width:583px; border-top:1px solid #bcbcbc; overflow:hidden; }
#super .bigBanner .slide {height:434px; }
/* #super .bigBanner article {position:relative; float:left; font-size:12px; } 슬라이드용 css */
#super .bigBanner article {position:absolute; left:0; top:0;width:585px; font-size:12px; } /* 페이즈인아웃용 css */
#super .bigBanner article div.bannerInfo{ min-height:155px; padding:20px 20px 10px; box-sizing:border-box; position:relative; }
#super .bigBanner article figure{width:585px;}
#super .bigBanner article figure > img{ width:100%; display:block; }
#super .bigBanner article h3 a { width:100%; display:block; font-size:30px;  color:#3f3f3f; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#super .bigBanner article .textArea {  margin:19px 0 0 0; }
#super .bigBanner article .textArea .desc {float:left; width:325px; line-height:1.5  }
#super .bigBanner article .textArea .desc a {display:block; color:#414142;}
#super .bigBanner article .textArea .detail {min-height:49px; margin-left:27px; padding-left:19px; box-sizing:border-box; float:left; font-size:11px; line-height:18px; border-left:1px solid #e6e6e6; color:#777; }
#super .bigBanner article .textArea .detail span {display:inline-block; *display:inline; zoom:1; width:28px; font-weight:bold; }
#super .bigBanner article .info { margin:4px 0 0 0; font-size:14px; color:#ff405a; font-weight:bold; float:right;   }
#super .bigBanner article .info a{ display:inline-block; margin:0 0 0 4px }
#super .bigBanner article .info a > em{ display:inline-block; margin: 0 0 0 2px; font-size:13px; color:#666; font-weight:700; vertical-align: middle}
#super .bigBanner article .info .reply > em{ color:#9269ec; }
#super .bigBanner article .info a.active > em{ color:#9269ec; }
#super .bigBanner article .info a[class^="btn"]{ margin:0 0 0 5px; }
/*#super .bigBanner article .info a.btnShare{ margin:0 0 0 12px;} */
#super .bigBanner article .info img { display:inline-block; margin:0 -4px 0 0; vertical-align: middle }
#super .bigBanner article .info img.infoBtn {}
#super .bigBanner article .info .like {display:inline-block; margin-left:3px; font-size:13px; }
#super .bigBanner .pagging {position:absolute; left:20px; bottom:10px; overflow:hidden; }
#super .bigBanner .pagging a { width:10px; height:10px; margin:0 0 0 8px; background:url('/images/common/btn_select.png') center center no-repeat; float:left; text-indent:-9999px; }
#super .bigBanner .pagging a:first-child{ margin:0; }
#super .bigBanner .pagging a.on { background:url('/images/common/btn_select_on.png') center center no-repeat; }
#super .thumList {float:left; width:382px; }
#super .thumList article { position:relative;  border-left:1px solid #bcbcbc; border-top:1px solid #cdcdcd;}
#super .thumList article > a{ display:block; width:100%; min-height:86px; padding:15px 20px; box-sizing:border-box;}
/*#super .thumList article:first-child {border-top:none; }*/
#super .thumList article figure { width:60px; height:60px; float:left; overflow:hidden; }
#super .thumList article figure > img{ width:100%; display:block; }
#super .thumList article div.thumbInfo{ margin:0 0 0 71px; padding:6px 0; box-sizing:border-box;  line-height:1.4em;  }
#super .thumList article div.thumbInfo h3 {font-size:15px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#super .thumList article div.thumbInfo span{ display:block; margin:5px 0 0 0; color:#999; }
#super .thumList article .pointer {display:none; position:absolute; left:-17px; top:33px; }
#super .thumList article.selected {display:block; color:#fff !important; background-color:#393939; }
#super .thumList article.selected div.thumbInfo h3{color:#fff; }
#super .thumList article.selected div.thumbInfo span{ color:#fff; }
#super .thumList article.selected .pointer {display:block; }

article > h2 {margin-bottom:10px; }
article .banCont {border:1px solid #cacaca; }
article .banCont .info a{ display:inline-block; margin:0 0 0 4px; }
article .banCont .info a.like{ font-size:13px; }
article .banCont .info a.like > em { display:inline-block; margin: 0 0 0 3px; font-size:13px; color:#666; font-weight:700; vertical-align: middle }
article .banCont .info a.like.active > em  {color:#9269ec; }
.goodsInfo {position:absolute; right:0; top:0px; display:block; }

#premium {position:relative; }
#premium section {position:relative; float:left; width:295px; height:48px; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:110px 13px 9px 13px; }
#premium section:nth-of-type(3n){ border-right:none; }
#premium section .title {overflow:hidden;font-size:15px;line-height:20px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;}
#premium section .title a {display:inline-block;color:#444;}
#premium section .date {display:block; margin:15px 0 0 0; font-size:11px; color:#999999; }
#premium section figure {position:absolute; left:0; top:0; }
#premium section figure, #premium section figure img {width:321px; height:100px;}
#premium section .info {position:absolute; right:9px; bottom:13px; font-size:14px; color:#ff405a; font-weight:bold; }
#premium section .info img {display:inline-block; margin:0 -4px 0 0; vertical-align:middle; }
#premium section .info img.infoBtn {margin-right:32px; }
#premium section .state {display:none; position:absolute; right:0; top:0; width:60px; height:40px; text-align:center; font-size:12px; color:#fff; font-weight:bold; background-color:#393939; padding-top:20px; }
#premium section .state.dday {height:35px; padding-top:25px; font-size:16px; background-color:#ff405a;}
/* layer popup */
#premium .layerPop {position:absolute;top:5px;left:0;width:967px;height:363px;}
#premium .layerPop .inner {width:967px;height:337px;margin-top:26px;background-color:#393939;}
#premium .layerPop .inner .layer1 {float:left;width:322px;height:337px;border-right:1px solid #4d4d4d;}
#premium .layerPop .inner .layer1 .imgGallery {width:322px;height:232px;border-bottom:1px solid #4d4d4d; position:relative;}
#premium .layerPop .inner .layer1 .imgGallery .bigImg {padding:1px 0 16px 1px;}
#premium .layerPop .inner .layer1 .imgGallery .tit {padding-left:10px;padding-bottom:7px;font-size:14px;font-weight:bold;color:#fff;}
#premium .layerPop .inner .layer1 .imgGallery .list {width:304px; height:35px; margin:0 auto;}
#premium .layerPop .inner .layer1 .imgGallery .list li {float:left; margin-left:1px;}
#premium .layerPop .inner .layer1 .imgGallery .list li:first-child {margin-left:0;}
#premium .layerPop .inner .layer1 .imgGallery .list li, #premium .layerPop .inner .layer1 .imgGallery .list li img {width:60px; height:35px;}
#premium .layerPop .inner .layer1 .imgGallery .like {position:absolute; right:8px; top:166px; color:#fff;}
#premium .layerPop .inner .layer1 .imgGallery .like img {vertical-align:middle;}
#premium .layerPop .inner .layer1 .authorInfo {position:relative; padding:12px 0; height:80px;}
#premium .layerPop .inner .layer1 .authorInfo .tit {padding-left:10px;padding-bottom:7px; font-size:14px;font-weight:bold;color:#fff;}
#premium .layerPop .inner .layer1 .authorInfo .pic {position:relative; margin-left:12px; float:left;}
#premium .layerPop .inner .layer1 .authorInfo .pic, #premium .layerPop .inner .layer1 .authorInfo .pic img {width:57px;height:57px;}
#premium .layerPop .inner .layer1 .authorInfo .pic .imgWrap {position:absolute;top:0;left:0;width:57px;height:57px; background:url('/images/main/pic_mask.png') no-repeat 0 0; z-index:5;}
#premium .layerPop .inner .layer1 .authorInfo .authorTxt {float:left; width:220px; padding:15px 15px 15px 5px; color:#d7d7d7; font-size:12px;}
#premium .layerPop .inner .layer1 .authorInfo .authorTxt a {display:block; color:#d7d7d7;}
#premium .layerPop .inner .layer1 .authorInfo .authorTxt .name {display:block; color:#fff; font-size:14px; font-weight:bold; padding-bottom:5px;}
#premium .layerPop .inner .layer1 .authorInfo .more {position:absolute; right:15px; bottom:15px; font-size:12px; color:#d7d7d7;}

#standard {position:relative; }
#standard section {position:relative; float:left; width:168px; height:75px; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:10px 13px 10px 140px; }/* 2018-08-09 수정 */
/* 2018-08-09 삭제
#standard section.ban01 {}
#standard section.ban02 {}
#standard section.ban03 {border-right:none; }
#standard section.ban04 {border-bottom:none; }
#standard section.ban05 {border-bottom:none; }
#standard section.ban06 {border-bottom:none; border-right:none; } */
#standard section .title {font-size:15px; line-height:20px; font-weight:bold; padding:4px 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
#standard section .title a{vertical-align: initial;}
#standard section .date {font-size:11px; color:#999999; line-height:16px; }
#standard section figure {width:120px; height:96px; display:block; position:absolute; left:0; top:0; }
#standard section figure img{ width:100%; height:auto; display:block; }
#standard section .info {position:absolute; right:10px; bottom:10px; font-size:14px; color:#ff405a; font-weight:bold; }
#standard section .info img {display:inline-block; margin:0 -4px 0 0; vertical-align:middle; }
#standard section .info img.infoBtn {margin-right:32px; }
/*#standard section .info .like {position:absolute; display:block; left:-110px; bottom:0; } */

#spot {position:relative; }
#spot section {position:relative; float:left; width:297px; height:34px; border-right:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; padding:10px 12px 10px 12px; }
/* 2018-08-09 삭제
#spot section.ban01 {}
#spot section.ban02 {}
#spot section.ban03 {border-right:none; }
#spot section.ban04 {border-bottom:none; }
#spot section.ban05 {border-bottom:none; }
#spot section.ban06 {border-bottom:none; border-right:none; } */
#spot section .title {width:205px; float:left; font-size:15px; line-height:32px; font-weight:bold; }
#spot section .title > a{ width:100%; display:block; overflow:hidden; text-overflow:ellipsis; white-space: nowrap; }
#spot section .info {float:right; font-size:14px; line-height:32px; color:#ff405a; font-weight:bold; }
#spot section .info img {display:inline-block; margin:0 -4px 0 0; vertical-align:middle; }
#spot section .info img.infoBtn {margin-right:32px; }

#news section:first-child{ display:none;}
#news section article {position:relative; float:left; width:309px; height:153px; border-left:1px solid #f1f1f1; padding:11px 0 0 12px; }
#news section article:first-child {border-left:none; }
#news section article h3 {font-size:15px; line-height:20px; font-weight:bold; padding-bottom:6px; }
#news section article p {font-size:12px; }
#news section article .subject {color:#464646; padding:0 0 8px 88px; }
#news section article .txt {height:60px; color:#a0a0a0; line-height:15px; padding-left:88px; }
#news section article .txt a {color:#a0a0a0; }
#news section article > figure {width:77px; height:77px; display:block; position:absolute; left:12px; top:37px; }
#news section article > figure img{ width:100%; height:auto; display:block; }
#news section article .favor {font-size:12px; color:#a0a0a0; padding:12px 0 0 0; }
#news section article .favor img {vertical-align:middle; }
#news section article .more {position:absolute; right:13px; top:19px; display:block; }
#news section article .authorList {}
#news section article .authorList li {float:left; width:68px; font-size:11px; text-align:center; color:#b2b2b2; padding-left:8px; }
#news section article .authorList li img {display:block; padding-bottom:6px; }
#news section article .authorList li:first-child {padding-left:0; }
#news section article.notice {float:none; width:auto; height:auto; padding-top:10px; padding-bottom:10px;} /* 2018-08-09 수정 */
#news section article.notice ol { display:table; }
#news section article.notice ol li {display:table-cell; width:321px; font-size:12px; color:#a0a0a0; }
#news section article.notice ol li a {color:#a0a0a0; }
#news section article.notice ol li strong {color:#8d8d8d; }

/* common TAB */
.tab {width:746px;height:32px;border-bottom:2px solid #7131e8; margin-bottom:42px;}
.tab li {position:relative;float:left;width:117px;height:32px;margin-left:-1px;border-width:1px 1px 0;border-style:solid;border-color:#7131e8;font-weight:bold;font-size:15px;text-align:center;}
.tab li:first-child {margin-left:0;}
.tab li.on {width:115px;height:32px;box-sizing:border-box;border-width:2px 2px 0;border-style:solid;border-color:#7131e8;background-color:#FFF;font-size:14px;z-index:1;}
.tab li a {display:block;height:100%;line-height:32px;color:#393939;}
.tab li.on a {color:#fff;background-color:#7131e8;}
.tab.big li {width:165px;}
.tab.big li.on {width:163px;}

.cType02 .searchArea .tab{ height:auto; border:none; }
.cType02 .searchArea .tab li{ width:119px; /*height:auto;*/ margin:0 0 0 -1px; border-top:1px solid #7131e8;box-sizing:border-box; font-size:14px; }
.cType02 .searchArea .tab li:first-child{margin-left:0;border-left:1px solid #7131e8; }
.cType02 .searchArea .tab li.on{ background-color:#7131e8;  }
.cType02 .searchArea .tab li a{ display:block; margin:0; /*padding:10px 0;*/ box-sizing:border-box; text-align:center; font-weight:700; }
.cType02 .searchArea .tab li.on a{ color:#fff;  }

/* exhibition */
/* list tab & box */
.searchArea {padding-bottom:42px;}
.searchArea .tab {margin-bottom:0;}
.searchArea .searchCont {width:690px;height:68px;padding:15px 20px 0 34px; border-left:1px solid #dadada;border-right:1px solid #dadada;border-bottom:1px solid #dadada;font-family:'Dotum', sans-serif;font-size:15px;color:#3a3a3a;}
.searchArea .searchCont p a {display:inline-block; *zoom:1;height:21px;line-height:21px;padding-left:6px;padding-right:6px;background:url('/images/common/bg_searchbar.gif') 100% 0 no-repeat; letter-spacing:-0.03em;}
.searchArea .searchCont p a:first-child {padding-left:0;}
.searchArea .searchCont p a.on, .searchArea .searchCont .searchInput label {font-weight:bold; color:#ff405a;}
.searchArea .searchCont .searchInput label {font-size:14px; padding-right:3px; vertical-align:middle;}
.searchArea .searchCont .searchInput input {width:205px; height:18px;}
.searchArea .searchCont .searchInput .btnType1.red.sear {font-family:'Nanum Gothitc', 'Dotum', Arial, sans-serif;}

.cType02 .searchArea{ padding:0; margin:44px 0 0 0; }
.cType02 .searchArea .searchCont{ width:747px; height:auto; min-height:92px; padding:15px 32px 15px 25px; box-sizing:border-box; border-top:2px solid #7131e8; }
.cType02 .searchArea .searchCont p{ overflow:hidden; }
.cType02 .searchArea .searchCont p + p{ margin:5px 0 0 38px; }
.cType02 .searchArea .searchCont p a{ min-width:25px; height:auto; display:block; padding:3px 6px; box-sizing:border-box; background:none; font-size:13px; text-align:center; letter-spacing:0; color:#3a3a3a; float:left; }
.cType02 .searchArea .searchCont p a.all{ width:auto; font-size:15px; }
/*.cType02 .searchArea .searchCont p a.all + a{ margin: 0 0 0 20px; }*/
.cType02 .searchArea .searchCont p a:first-child{ margin:0; }
.cType02 .searchArea .searchCont p a.on{background-color:#7131e8; color:#fff; font-weight:400; }
.cType02 .searchArea .searchCont p a.all.on{ margin:0; }
.cType02 .searchArea .searchCont .searchInput{ margin:12px 0 0 0; text-align:center; }
.cType02 .searchArea .searchCont .searchInput input{ width:510px; height:37px; padding:10px; box-sizing:border-box; font-family:'NanumGothic' }
.cType02 .searchArea .searchCont.genre > p { margin:19px 0 0 0; }

.listCont {position:relative; width:747px;}
.listCont h3 {margin-top:40px;}
.listCont h3:first-child {margin-top:0;}
.listCont #listNum {position:absolute;top:0px;right:0;font-size:12px;font-weight:bold;color:#838383;}
.listCont .infoBox {/* position:relative; ie7에서 넣으면 bug */}
.listCont .infoBox, .listCont .noneBox {display:block; width:745px;margin-bottom:8px;border:1px solid #cacaca;}
.listCont .infoBox:after {display:block; content:''; clear:both; }
.listCont .noneBox {height:127px;}
.listCont .infoBox .img {float:left;width:150px;height:150px;}
.listCont .infoBox .img img {width:177px;height:127px;}
.listCont .infoBox .info {float:left;position:relative;width:548px;height:107px;padding-top:20px;padding-left:20px;}
.listCont .infoBox .info .author {padding-left:2px;padding-bottom:14px;font-size:17px;font-weight:bold;color:#595959;}
.listCont .infoBox .info .author a {color:#595959;}
.listCont .infoBox .info .artworkInfo {padding-bottom:25px;font-size:13px;color:#393939;}
.listCont .infoBox .info .btnArea a {margin-right:15px;}
.listCont .infoBox .info .likeNcomment {position:absolute;bottom:10px;right:12px;}
.listCont .infoBox .info .likeNcomment span {display:inline-block; *zoom:1;height:12px;line-height:12px;font-size:12px;font-weight:bold; *margin-top:-10px;}
.listCont .infoBox .info .likeNcomment .comment {padding-right:9px;color:#525252;}
.listCont .infoBox .info .likeNcomment span img {padding-right:4px;vertical-align: middle;}
.listCont .infoBox .info .likeNcomment .go_comment {height:12px;line-height:12px;font-size:12px;color:#757575;}
.listCont .infoBox .info .likeNcomment a {display: inline-block;color: #9269ec;margin: 0 5px 0 0;font-size: 13px;font-weight: 700;vertical-align: middle;}
.listCont .infoBox .info .likeNcomment img {display: inline-block;margin: 0 3px 0 0;vertical-align: middle;}
.listCont .noneBox .noneTxt {position:relative; top:50%; margin-top:-6px; font-size:12px; font-family:'Dotum', sans-serif; color:#646464; text-align:center;}
.listCont .paging {width:747px;height:20px;line-height:20px;padding-top:11px;text-align:center; margin-top:10px;}
.listCont .paging img {vertical-align:top;}
.listCont .paging strong {margin-right:13px;font-size:15px;color:#3a3a3a;}
.listCont .paging a {*zoom:1;margin-right:13px;font-size:15px;color:#3a3a3a;}
.listCont .paging .btn_first {margin-right:2px;}
.listCont .paging .btn_next {margin-right:2px;}
.listCont .paging .btn_last {margin-right:0;}
.listCont .txtCont {width:747px;line-height:18px;padding-bottom:42px;font-size:13px;color:#313131;}

.cType02 .listCont{ margin:47px 0 0 0; }
.cType02 .listCont .boxArea{ margin:10px 0 0 0; }

/* detail */
.detailInfo {width:747px;}
.detailInfo .info {padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #d8d8d8;}
.detailInfo .info .img {float:left; width:218px; display:block; overflow:hidden; }
.detailInfo .info .img img {width:218px; height:158px;}
.detailInfo .info ul {margin-left:255px; padding-top:11px;}
.detailInfo .info ul li {height:22px;padding-bottom:3px;font-size:15px;color:#393939;}
.detailInfo .info ul li a {display:inline-block; *zoom:1; vertical-align:middle;}
.detailInfo .info ul .tit {height:23px;padding-bottom:22px;font-size:23px;font-weight:bold;color:#3f3f3f;}
.detailInfo .info ul .tit > a {display:inline-block; *zoom:1;height:23px;padding-left:13px;font-size:16px;color:#717171;vertical-align:middle;}
.detailInfo .info ul .tit > a img {padding-right:4px;vertical-align:middle;}
.detailInfo .info ul .tit .like {color:#ff405a;}
.detailInfo .info ul .author .btnType2 {margin-left:13px; vertical-align:middle;}
.detailInfo .info ul .ing > span {display:inline-block; *zoom:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:180px; height:20px; vertical-align:middle; }
.detailInfo .btnType1 {float:right;}
.detailCont {padding-bottom:20px; width:747px;}
.detailCont .txtCont {width:747px;line-height:18px;padding-bottom:42px;font-size:13px;color:#313131;}
.detailCont .txtCont h4 {font-size:14px; margin-top:30px;}
.detailCont .txtCont h4:first-child {margin-top:0;}
.detailCont .txtCont .profile {white-space:nowrap;}
.detailCont .txtCont .profile li {margin-top:9px;white-space:nowrap;}
.detailCont .txtCont .profile li > a {vertical-align:middle;}
.detailCont .txtCont .profileInfo {white-space:pre-line;}
.detailCont .imgList {width:747px;margin-bottom:20px;border-bottom:1px solid #d8d8d8; position:relative;}
.detailCont .imgList ul {}
.detailCont .imgList > ul li {float:left;width:181px;padding-right:5px;padding-bottom:21px;}
.detailCont .imgList li a {display:block; position:relative;}
.detailCont .imgList li p {padding-top:8px;font-size:13px;color:#393939;text-align:center;}
.detailCont .imgList li a .sell {position:absolute; right:0; top:0; padding-top:23px; width:60px; height:37px; text-align:center; font-size:13px; font-weight:bold; color:#fff; background:#ff536a;}
.detailCont .sharing {width:747px;height:21px;line-height:21px;text-align:right;vertical-align:middle;}
.detailCont .sharing span {display:inline-block; *zoom:1;vertical-align:top;font-size:14px;font-weight:bold;color:#535353;}

#content.cType01 .detailInfo{ width:750px; margin:33px 0 0 0; }
#content.cType01 .detailInfo .info{ height:auto; margin:0; padding:0 0 20px 0; box-sizing:border-box; }
#content.cType01 .detailInfo .info + a{ margin:10px 0 0 0;}
#content.cType01 .info > table{ width:100%;  }
#content.cType01 .info > table > tbody > tr > td { padding: 6px 0 0 0; font-size:12px; }
#content.cType01 .info > table > tbody > tr:first-child > td{ padding:0; }
#content.cType01 .info > table > tbody > tr > td > a{ height:15px; display:block; }
#content.cType01 .info > table > tbody > tr > td > a > em{ display:inline-block; margin:0 0 0 8px; font-size:14px; vertical-align:middle }

#container #content.cType01 .detailCont{ width:750px; padding:27px 0 20px 0; position:relative; }
#container #content.cType01 .detailCont > a{ position:absolute; top:10px; right:0; }

.cType02 .detailCont .txtCont h4{ margin:30px 0 0 0; }
.cType02 .detailCont .sharing{ margin:20px 0 0 0; }
.cType02 .detailInfo .info ul{ padding:0 }
.cType02 .detailInfo .info ul li{ height:auto; padding:0; margin:9px 0 0 0; font-size:12px; }
.cType02 .detailInfo .info ul li.tit{ margin:0; font-size:36px; font-weight:700; }
.cType02 .detailInfo .info ul li.author{ margin:34px 0 0 0; }
.cType02 .detailInfo .info ul li.link > span{ display:inline-block; padding:5px 0; box-sizing:border-box;   }
.cType02 .detailInfo .info ul li.ing > span{ height:auto; vertical-align: top; }
.cType02 .detailInfo .info ul li a.active{ background-position-y:0; }

/* 작품보기 */
#content .imgListOpen {position:absolute; left:0; top:0; z-index:300; width:747px; height:517px; background:#393939;}
#content .imgListOpen ul {width:523px; height:442px; overflow:hidden;  margin:0 auto;}
#content .imgListOpen ul li {float:left; width:523px;}
#content .imgListOpen ul .tit {padding:34px 0 30px; font-size:15px; color:#fff; text-align:center;}
#content .imgListOpen ul .tit span {font-weight:bold; font-size:19px; padding-right:7px;}
#content .imgListOpen ul .image, #content .imgListOpen ul .image img {width:523px; height:351px;}
#content .imgListOpen .prev, #content .imgListOpen .next {position:absolute; top:50%; margin-top:-27px;}
#content .imgListOpen .prev {left:40px;}
#content .imgListOpen .next {right:40px;}
#content .imgListOpen .close {position:absolute; right:0; top:-26px;}

/* artist */
.listCont .artist {overflow:hidden; width:752px;}
.listCont .artist .infoBox {float:left; width:367px;height:127px;margin-bottom:8px;margin-right:7px;border:1px solid #cacaca;}
.listCont .artist .infoBox .img {float:left;width:123px;height:127px;}
.listCont .artist .infoBox .img img {width:123px;height:127px;}
.listCont .artist .infoBox .info {float:left;position:relative;width:232px;height:107px;padding-top:20px;padding-left:12px;}
.listCont .artist .infoBox .info .author {padding-bottom:10px;}
.listCont .artist .infoBox .info .artworkInfo {padding-bottom:10px;font-size:13px;color:#393939; line-height:20px;}
.listCont .artist .infoBox .info .btnArea a {width:23px; height:23px; display:inline-block; margin-right:0; }
.listCont .artist .infoBox .info .btnArea a.active{ background-position-y:0;}
.listCont .artist .paging {clear:both;}

/* gallery */
/* 전시관검색 */
.listCont .gallSearch {overflow:hidden; width:759px;}
.listCont .gallSearch .infoBox {float:left; width:239px;height:107px;margin-bottom:10px;margin-right:12px;border:1px solid #cacaca;}
.listCont .gallSearch .infoBox .img {float:left;width:113px;height:107px;}
.listCont .gallSearch .infoBox .img img {width:113px;height:107px;}
.listCont .gallSearch .infoBox .info {float:left;position:relative;width:101px;height:92px;padding:15px 10px 0 15px;}
.listCont .gallSearch .infoBox .info .author {font-size:14px; padding-bottom:10px; padding-left:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.listCont .gallSearch .infoBox .info .artworkInfo {padding-bottom:10px;font-size:13px;color:#393939; line-height:18px;}
.listCont .gallSearch .paging {clear:both;}

/* 전시장 추천*/
.listCont .gallRecom .infoBox {margin-bottom:20px;}
.listCont .gallRecom .infoBox .info { float:none; width:685px; height:42px; padding:15px 30px 0;}
.listCont .gallRecom .infoBox .info .author {float:left; padding-left:2px;padding-bottom:0;font-size:14px;font-weight:bold;color:#595959;}
.listCont .gallRecom .infoBox .info .author span {color:#ff405a;}
.listCont .gallRecom .infoBox .info .btnArea{float:right;}
.listCont .gallRecom .infoBox .info .btnArea a {margin-right:0;}
.listCont .gallRecom .infoBox .info .btnArea span {display:inline-block; *zoom:1; padding:0 10px 0 14px; font-size:13px; font-weight:bold; color:#535353; line-height:18px; vertical-align:top; background:url('/images/common/ico_share.gif') no-repeat 0 4px;}
.listCont .gallRecom .infoBox .imageArea {width:696px; height:110px; margin-left:30px;}
.listCont .gallRecom .infoBox .imageArea .img {margin-right:11px;}
.listCont .gallRecom .infoBox .imageArea .img, .listCont .gallRecom .infoBox .imageArea .img img {width:220px; height:110px;}

.cType02 .writeInfo{ margin:62px 0 0 0; padding:16px 0 30px 10px; box-sizing:border-box; border-top:1px solid #969696; border-bottom:1px solid #969696; }
.cType02 .writeInfo h4 + div{ margin:14px 0 0 0; padding:0; font-size:12px; font-family:'Dotum'; line-height:22px; word-break:break-all;  }
.cType02 .writeInfo h4 + div > strong{ display:block; }
.cType02 .writeInfo + .btnCenter{ margin:24px 0 0 0; }

/* 댓글영역 */
.commentBox {width:745px;}
.commentBox .thumbBox {position:relative; width:685px; padding:0 30px;}
.commentBox .thumbBox .commentWrap {position:relative;width:685px;padding-top:10px;margin-bottom:15px;border-top:none;}
.commentBox .thumbBox .commentWrap .writerImg {float:left;width:40px;height:40px;margin-left:0;border:1px solid #dddddd;background:url('/images/common/bg_writer2.jpg') 0 0 no-repeat;}
.commentBox .thumbBox .commentWrap .writerImg img {width:40px;height:40px;}
.commentBox .thumbBox .commentWrap .commentArea {float:left;margin-left:15px;padding-top:0; width:400px;}
.commentBox .thumbBox .commentWrap .commentArea p {padding:0 0 6px;font-size:11px;color:#393939;}
.commentBox .thumbBox .commentWrap .commentArea p.comment {line-height:14px;}
.commentBox .thumbBox .commentWrap .commentArea p.info {width:auto; height:auto;}
.commentBox .thumbBox .commentWrap .commentArea p .date {display:inline-block; *zoom:1;padding-left:15px;font-size:11px;}
.commentBox .thumbBox .commentWrap .commentArea .id {font-size:12px;}
.commentBox .thumbBox .commentWrap .btnBox {position:absolute;top:20px;right:0;font-size:11px;color:#757575;}
.commentBox .thumbBox .likeNcomment {position:absolute;bottom:5px;right:30px;}
.commentBox .thumbBox .likeNcomment span {display:inline-block; *zoom:1;height:12px;line-height:12px;font-size:12px;font-weight:bold;}
.commentBox .thumbBox .likeNcomment .like {padding-right:12px;color:#ff405a;}
.commentBox .thumbBox .likeNcomment .comment {padding-right:9px;color:#525252;}
.commentBox .thumbBox .likeNcomment span img {padding-right:4px;vertical-align: middle;}
.commentBox .thumbBox .likeNcomment .go_comment {height:12px;line-height:12px;font-size:11px;color:#757575;}

/* 댓글보기 */
.commentBox .commentOpen {display:none;}
.commentBox .commentOpen.on {display:block;}
.commentBox .viewComment {width:685px; padding:0 30px;}
.commentBox .viewComment .commentWrap {width:685px;}
.commentBox .viewComment .commentWrap .commentArea p.info, .commentBox .viewComment .recommentArea p.info {width:auto; height:auto; padding:0 0 6px;}
.commentBox .viewComment .moreComment {width:685px;}
.commentBox .viewComment .moreComment .btnMore {width:683px;}
.commentBox .viewComment .recommentArea {width:665px;}
.commentBox #commentTok .writeForm {width:685px;padding:7px 30px 10px 30px;background-color:#f3f3f3;border:none; border-top:1px solid #d8d8d8;}
.commentBox #commentTok .writeForm .inputWrap .inputArea {width:600px;}
.commentBox #commentTok .writeForm .inputWrap .inputArea #commentContent {width:503px;}

/* 추천장소등록 */
.recommendArea {border:1px solid #d8d8d8; border-top:2px solid #ff405a; padding:20px 0; font-family:'Dotum', sans-serif;}
.recommendArea .writeForm {width:685px;padding:0 30px;}
.recommendArea .writeForm .snsPosting {height:18px;padding-bottom:6px;}
.recommendArea .writeForm .snsPosting .btnType2.white.small {vertical-align:top;}
.recommendArea .writeForm .snsPosting > .txt {display:inline-block; *zoom:1;width:70px;height:18px;line-height:18px; margin-right:4px; padding-left:18px; font-size:13px;font-weight:bold;color:#393939;vertical-align:top; background:url('/images/common/ico_write.gif') no-repeat 0 0;}
.recommendArea .inputWrap .inputArea {width:685px; margin-bottom:25px;}
.recommendArea .inputWrap .inputArea p:first-child {margin-bottom:7px;}
.recommendArea .inputWrap .inputArea label {display:inline-block;  *zoom:1;float:left; width:78px; text-align:right; margin-right:18px; color:#5c5c5c; font-size:13px; font-weight:bold; padding-top:8px;}
.recommendArea .inputWrap .inputArea .recomTit {float:left; width:582px;}
.recommendArea .inputWrap .inputArea .recomStory {float:left;width:570px;height:57px; padding:8px; border:1px solid #d7d7d7;resize:none;font-size:12px;color:#5c5c5c;}
.recommendArea .inputWrap .optionArea {position:relative; min-height:22px;}
.recommendArea .inputWrap .optionArea > div > .open {position:absolute; top:0; padding:0 0 3px 20px; font-size:12px; color:#5c5c5c; font-weight:bold; background:url('/images/common/ico_write_enter.gif') no-repeat;}
.recommendArea .inputWrap .optionArea .optionImg .open {left:0; background-position:0 0;}
.recommendArea .inputWrap .optionArea .optionMap .open {left:100px; background-position:0 -50px;}
.recommendArea .inputWrap .optionArea .optionImg .open.on, .recommendArea .inputWrap .optionArea .optionImg .open:hover {background-position:0 -25px; color:#ff405a;}
.recommendArea .inputWrap .optionArea .optionMap .open.on, .recommendArea .inputWrap .optionArea .optionMap .open:hover { background-position:0 -75px; color:#ff405a;}
.recommendArea .inputWrap .optionArea .imgOpen, .recommendArea .inputWrap .optionArea .mapOpen {padding-top:23px;}
.recommendArea .inputWrap .optionArea .imgOpen input[type="text"] {width:380px; height:18px; color:#b9b9b9;}
.recommendArea .inputWrap .optionArea .imgOpen p > a, .recommendArea .inputWrap .optionArea .mapOpen p > a {vertical-align:middle;}
.recommendArea .inputWrap .optionArea .imgOpen .addTxt {font-size:11px; color:#6c6c6;}
.recommendArea .inputWrap .optionArea .mapOpen input[type="text"] {width:400px; height:18px;}
.recommendArea .inputWrap .optionArea .mapOpen .location {display:block; width:685px; height:241px; margin-top:6px;}
.recommendArea .inputWrap .optionArea .mapOpen .location a {display:block;}
.recommendArea .inputWrap .optionArea .mapOpen .location img {width:685px; height:241px;}
.recommendArea .inputWrap .optionArea .btnType2.red.small {position:absolute; top:0; right:0;}
.recommendArea .inputWrap .optionArea .imgOpen .btnType2.red.small, .recommendArea .inputWrap .optionArea .mapOpen .btnType2.red.small {top:24px;}

/* detail */
/* 전시장 정보 */
.detailInfo .info.gallery {margin-bottom:39px;}
.detailInfo .info.gallery ul {width:491px; padding-top:0;}
.detailInfo .info.gallery ul li {height:auto; padding:6px 0; font-family:'Dotum', sans-serif; font-size:12px; border-bottom:1px solid #d8d8d8;}
.detailInfo .info.gallery ul .tit {height:29px; padding:4px 0 0 4px; border-bottom:0; font-family:'Nanum Gothic', sans-serif; font-size:23px; font-weight:bold; background:#f3f3f3; }
.detailInfo .info.gallery ul li span {display:block; *zoom:1; min-width:48px; margin:0 25px 0 3px; float:left; overflow:hidden; }
.detailInfo .info.gallery ul li a {color:#393939;}
.detailCont .mapArea {width:747px; padding-bottom:42px;}
.detailCont .mapArea .map, .detailInfo .mapArea .map img {width:747px; height:316px;}

.cType02 .detailInfo .info.gallery{ min-height:206px; }
.cType02 .detailInfo .info.gallery ul li{ margin:0; padding:10px 0 7px; box-sizing:border-box; }
.cType02 .detailInfo .info.gallery ul li.tit{ height:auto; padding-top:0; background:none; border-bottom:1px solid #656565; font-size:28px; font-weight:700;}

/* 유틸리티 */
.utilCont {width:747px;}
.utilCont .utilBox {width:747px; height:202px; border-top:2px solid #ff405a; border-bottom:1px solid #d8d8d8; font-family:'Dotum', sans-serif; font-size:12px; color:#5c5c5c;}
.utilCont .utilBox.brt_none {margin-top:-42px;}
.utilCont .utilBox .utilForm { position:relative; width:351px; margin:0 auto;}
.utilCont .utilBox .utilForm.line2 {padding-top:70px;}
.utilCont .utilBox .utilForm.line3 { padding-top:50px;}
.utilCont .utilBox .utilForm label {display:inline-block; *zoom:1; width:90px; font-weight:bold; vertical-align:middle; text-align:left;}
.utilCont .utilBox .utilForm > p {margin-top:12px;}
.utilCont .utilBox .utilForm > p:first-child {margin-top:0;}
.utilCont .utilBox .utilForm.line3 > p:first-child{ width:468px; }
.utilCont .utilBox .utilForm .form {display:inline-block; *zoom:1; text-align:left;}
.utilCont .utilBox .utilForm .space {display:inline-block; *zoom:1;font-size:15px; vertical-align:middle;}
.utilCont .utilBox .utilForm .name input[type="text"] {width:240px;}
.utilCont .utilBox .utilForm .mail input[type="text"] {width:107px;}
.utilCont .utilBox .utilForm .phone input[type="text"] {width:67px;}
.utilCont .utilBox .utilForm .phone select {width:68px;}
.utilCont .utilBox .utilForm .id label, .utilCont .utilBox .utilForm .pw label {width:60px;}
.utilCont .utilBox .utilForm .id input[type="text"], .utilBox .utilForm .pw input[type="password"] {width:165px;}
.utilCont .utilBox .utilForm .logBtn {position:absolute; right:0; top:58px;}
.utilCont .utilBox .utilText {font-size:15px; text-align:center; line-height:18px; padding-top:92px; position:relative;}
.utilCont .utilBox .utilText.line2 {padding-top:82px;}
.utilCont .utilBox .utilText.line3 {padding-top:65px;}
.utilCont .utilBox .utilText.line4 {padding-top:55px;}
.utilCont .utilBox .utilText .m4Num {position:absolute; left:131px; top:115px; text-align:left; font-weight:bold;}
.utilCont .utilBox .utilText em {font-style:normal; color:#ff405a;}
.utilCont .btnCenter {margin-top:34px;}

/* 회원가입 */
.joinStep { height:73px; margin-bottom:45px;}
.joinStep li {float:left;}
.joinStep li.last {margin-right:0;}
.utilCont .clauseArea {height:105px;}
.clauseArea {width:745px; height:540px; border:1px solid #d7d7d7; overflow-y:auto;}
.clauseArea .clauseBox, .agreeArea, .agreeAllArea {font-family:'Dotum', sans-serif; font-size:12px; color:#8a8a8a; overflow-x:hidden; word-break:break-all; line-height:1.5em; }
.clauseArea .clauseBox {padding:20px;}
.agreeArea {text-align:right; padding-top:5px;}
.agreeArea label, .agreeAllArea label {vertical-align:middle;}
.agreeAllArea {margin-top:25px; padding:10px 0 0 10px; color:#3f3f3f; border-top:1px solid #d8d8d8; }

/* 마이페이지 */
.tableTy02.mypage table {width:100%; border-top:1px solid #d8d8d8;}

/* 전시등록 */
.infoCont {width:747px; color:#535353;}
.infoCont a {color:#535353;}
.infoCont p {line-height:18px;}
.infoCont .btnCenter {margin-top:34px;}
.infoCont .tableTy03 table td ul li {line-height:20px;}
.ban_infoTop {line-height:18px; margin-bottom:50px; padding:0 0 30px 190px; background:url('/images/exhibitRegister/bg_info_top.jpg') no-repeat left 0;}
.ban_infoTop .ban_info_tit {margin-bottom:20px;font-size:19px;font-weight:bold;letter-spacing:-1px;}
.ban_infoTop .ban_info_txt {line-height:24px;font-size:15px;letter-spacing:-1px;}
.ban_infoTop .ban_info_txt span {color:#8f3cee;}
.ban_infoTop .ban_info_tit, .ban_infoTop .ban_info_txt {color:#717171;}
.banBox {margin-bottom:45px; padding-bottom:45px; border-bottom:1px solid #d8d8d8; color:#535353; line-height:18px;}
.banBox.last {padding-bottom:0; border-bottom:0;}
.banBox h3 + p {font-size:15px;line-height:22px;color:#313131; padding-bottom:20px;}
.banBox h4.red {background-position:0 3px;}
.banBox h4.orange {background-position:0 -39px;}
.banBox h4.purple {background-position:0 -81px;}
.banBox h4.pink {background-position:0 -123px;}
.banBox h4.blue {background-position:0 -165px;}
.banCon {position:relative; overflow:hidden;}
.banCon .banInner, .banCon .tableTy03 {float:left;}
.banCon .banInner {width:290px; font-family:'Dotum', sans-serif; font-size:12px;}
.banCon .banInner dl{overflow:hidden;}
.banCon .banInner dt, .banCon .banInner dd {float:left;}
.banCon .banInner dt {font-weight:bold; padding-right:8px;}
.banCon .banInner dd {width:235px;}
.banCon .banInner dl:first-child {min-height:70px; padding-bottom:10px;}
.banCon .banInner dl:first-child dd {width:180px;}
.banCon .tableTy03 {width:408px;}
.banCon .tableTy03 caption {text-align:left; font-family:'Dotum', sans-serif; font-size:12px; font-weight:bold; padding-bottom:5px;}
.banCon .tableTy03 table th, .banCon .tableTy03 td {padding:9px 0;}
.banCon .btnR {top:100%; margin-top:-32px;}
.banCon .banTblTit {font-family: 'Dotum', sans-serif;font-weight:bold;}

/* 고객센터 */
.tableTy01.notice table {border-top:none; margin-top:-37px;}
.tableTy01.notice table td {line-height:14px; padding-bottom:0;}
.tableTy01.notice table td .titArea {overflow:hidden; padding-bottom:10px;}
.tableTy01.notice table td .titArea > * {float:left; display:inline-block; *zoom:1;}
.tableTy01.notice table td .titArea .tNum {width:59px;}
.tableTy01.notice table td .titArea .tDate {float:right; width:104px;}
.tableTy01.notice table td .titArea .tHead { padding:0 10px; width:564px; text-align:left;}
.tableTy01.notice table td .titArea .tHead.faq {width:668px; background:url('/images/common/ico_faq_off.gif') no-repeat right 3px;}
.tableTy01.notice table td .storyArea {display:none; clear:both; text-align:left; border-top:1px solid #d8d8d8;}
.tableTy01.notice table tr.on .titArea .tHead {font-weight:bold;}
.tableTy01.notice table tr.on .titArea .tHead.faq {width:668px; background-image:url('/images/common/ico_faq_on.gif');}
.tableTy01.notice table tr.on .storyArea {display:block; }
.tableTy01.notice table tbody{ border-top:1px solid #d8d8d8; box-sizing:border-box; }
.tableTy01.notice table tbody tr td{border-top:1px solid #d8d8d8; border-bottom:none; box-sizing:border-box;}

/*** 팝업 ***/
.popMark {position:absolute; left:0; top:0; width:100%; height:100%; background:#000; z-index:400;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; /* ie8  */
filter:alpha(opacity=20);  /* ie5-7  */
opacity: 0.2; /* css standard, currently it works in most modern browsers  */}

#popup {position:absolute; left:0; top:0; width:100%; height:100%; z-index:500;}
#popup .popWrap {position:absolute; left:50%; top:305px; background:#fff; z-index:500; font-family:'Dotum', sans-serif; color:#737373;}
#popup .popWrap .popHead {border-top:3px solid #ff405a;}
#popup .popWrap .popHead h1 {padding:18px 20px 25px 20px; font-size:16px; color:#ff405a;}
#popup .popWrap .popCont {padding:0 20px 20px 20px;  margin-bottom:44px;}
#popup .popWrap .popFoot {position:absolute; left:0; bottom:0; width:100%; height:44px; background:#f3f3f3;}
#popup .popWrap .popFoot > img {display:block; padding:15px 20px;}
#popup .popWrap .popFoot .footClose {position:absolute; top:20px; right:20px; font-weight:bold; color:#7c7c7c;}
#popup .popWrap .popClose {position:absolute; right:0; top:-23px; display:block; width:26px; height:26px; text-indent:-9999px; background:url('/images/common/btn_pop_close.gif') no-repeat 0 0;}

/* size */
#popup .popWrap.w430 {width:430px; height:385px; margin-left:-215px;}
#popup .popWrap.w670 {width:670px; margin-left:-335px;}

/* 검색 */
.popWrap .popCont label {vertical-align:middle; color:#5c5c5c;}
.popWrap .popCont a {color:#5c5c5c;}
.popWrap .popCont input[type="text"], .popWrap .popCont input[type="password"] {border-color:#d7d7d7;}
.popWrap .popCont p.infoTxt02 {height:40px;}
.popWrap .popCont .infoTxt02, .popWrap .popCont .infoTxt02 li {color:#737373;}
.popWrap .popCont .btnType1 { font-family:'Nanum Gothic', sans-serif;}
.popWrap .popCont .searchTop .btnType1.re d.sear {*vertical-align:top; *margin-top:-1px;}
.popWrap .popCont .searchTop input[type="text"] {width:296px;}
.popWrap .popCont .searchForm {position:relative; padding-top:10px; min-height:181px;}
.popWrap .popCont .searchScroll {border:1px solid #d7d7d7; height:103px; overflow-y:scroll; color:#5c5c5c;}
.popWrap .popCont .searchList {padding-bottom:10px;}
.popWrap .popCont .searchList li {padding:10px 0 0 8px;}
.popWrap .popCont .searchList li a {display:inline-block; *zoom:1; padding-right:10px;}
.popWrap .popCont .searchNone {text-align:center; padding-top:46px;}
.popWrap .popCont .btnCenter {position:absolute; bottom:0; width:100%; margin-top:20px;}

/* 완료 */
.popWrap .popCont .finishCont {position:relative; padding-top:10px; height:207px;}
.popWrap .popCont .finishCont .finishTxt {letter-spacing:-0.05em; text-align:center; padding:70px 0;}

/* 수정 및 등록 */
.popWrap .popCont .tableTy02.mypage {position:relative; min-height:207px; padding-bottom:49px;}
.popWrap.w430 .popCont .tableTy02.mypage {padding-bottom:0;}
.popWrap .popCont .tableTy02.mypage table {border-top:none;}
.popWrap .popCont .tableTy02.mypage table td.manager input[type="text"] {width:280px;}
.popWrap .popCont .tableTy02.mypage table td.file input[type="text"] {width:190px;}
.popWrap .popCont .tableTy02.mypage table td.placeName input[type="text"] {width:240px;}
.popWrap .popCont .tableTy02.mypage table td.time select {width:78px;}
.popWrap .popCont .tableTy02.mypage table td.location select {width:128px;}
.popWrap .popCont .tableTy02.mypage table td.location input[type="text"] {width:391px;}
.popWrap .popCont .tableTy02.mypage table td.location .location {display:block; width:397px; height:62px; margin-top:6px;}
.popWrap .popCont .tableTy02.mypage table td.writer input[type="text"],
.popWrap .popCont .tableTy02.mypage table td.writer input[type="password"] {width:99.5%;}

/* 작가등록 */
.popWrap .popCont .btnCont {overflow:hidden; width:341px; margin:35px auto;}
.popWrap .popCont .btnCont .roundWrap {float:left; width:161px; background:url('/images/common/bg_popRound_bottom.gif') no-repeat; padding-bottom:5px;}
.popWrap .popCont .btnCont .roundWrap.red {background-position:0 bottom; margin-right:19px;}
.popWrap .popCont .btnCont .roundWrap.purple {background-position:-170px bottom;}
.popWrap .popCont .btnCont .roundWrap h2 {padding-top:21px; font-family:'Nanum Gothic', sans-serif; text-align:center; font-size:19px; font-weight:bold; background:url('/images/common/bg_popRound_top.gif') no-repeat;}
.popWrap .popCont .btnCont .roundWrap.red h2 {color:#ff405a; background-position:0 0;}
.popWrap .popCont .btnCont .roundWrap.purple h2 {color:#8a189f; background-position:-170px 0;}
.popWrap .popCont .btnCont .roundWrap p { padding:20px 0 0; height:73px; text-align:center; }
.popWrap .popCont .btnCont .roundWrap.red p {border-left:1px solid #ff405a; border-right:1px solid #ff405a;}
.popWrap .popCont .btnCont .roundWrap.purple p {border-left:1px solid #8a189f; border-right:1px solid #8a189f;}
.popWrap .popCont .btnCont .roundWrap p .rTxt {display:block; letter-spacing:-0.09em; text-align:left; color:#5c5c5c;}
.popWrap .popCont .btnCont .roundWrap.red p .rTxt { padding:0 10px 26px 13px;}
.popWrap .popCont .btnCont .roundWrap.purple p .rTxt {padding:0 6px 13px 17px;}

/* 배경 이미지 */
.bg{ width: 1177px; height:569px; position:absolute; top:0; left:50%; margin-left: -589px; z-index:10; }

/* 배경 원 이미지 */
.contentCircleArea{ width:1177px; height:569px; position:absolute; top:0px; left:50%; margin-left:-589px; z-index:20; }
.contentCircleArea .contentCircleWrap{ width:100%; height:569px; position:relative; }
.contentCircleArea .contentCircleWrap div[class^="cir"]{ position:absolute; }
.contentCircleArea .contentCircleWrap .cir01{ top:545px; left:0; }
.contentCircleArea .contentCircleWrap .cir02{ top:518px; left:25px; }
.contentCircleArea .contentCircleWrap .cir03{ top:501px; left:41px; z-index:2;}
.contentCircleArea .contentCircleWrap .cir04{ top:252px; left:11px; z-index:1;}
.contentCircleArea .contentCircleWrap .cir05{ top:179px; right:48px; z-index:1 }
.contentCircleArea .contentCircleWrap .cir06{ top:177px; right:30px; z-index:2  }
.contentCircleArea .contentCircleWrap .cir07{ top:146px; right:31px;}
.contentCircleArea .contentCircleWrap .cir08{ top:140px; right:0;}


/* 2018-10-29 superb pink 추가*/
.superbMain section{border-bottom:0 !important}
.listCont.superbList .boxArea {margin-top:10px !important}
.superbList .colorNone {color:#393939;font-weight:normal !important}
.superbSearch {position:relative;margin-top:60px !important}
.superbSearch .Info {position:absolute;top:13px;right:110px;font-family:'Dotum', Arial, sans-serif;}
.superbSearch .Info span {font-weight:bold}
.superbDetail {position:relative;min-height:150px;}
.superbDetail .artistImg {position:absolute;top:0;left:0;border:1px solid #dedede;width:125px;height:150px;box-sizing:border-box}
.superbDetail .artistImg img {width:123px;height:148px;display:block;}
.superbDetail .info {min-height:170px;}
.superbDetail .info > div {margin-left:155px !important;}
.superbDetail .info01 span {margin-right:85px;color:#252525;font-weight:bold}
.superbDetail .info01 span:last-child {margin-right:0}
.superbDetail .info02 {margin:12px 0 20px 0;}
.superbDetail .info02 span {line-height:20px}
.superbDetail .info02 .btnCopy {width:80px;height:20px;line-height:20px;background:#3f3f3f;color:#fff;font-weight:bold;text-align:center;display:inline-block;border-radius: 10px;margin-left:15px}
.superbDetail .info03 > p {color:#252525;font-weight:bold}
.superbDetail .info03 ul {margin-left:0;padding-top:0;font-size:12px}
.superbDetail .info03 ul li {height: inherit;padding-bottom:0;padding-top:10px;font-size: 12px;color: #393939;}
#container #content.cType01 .superbDetailCont div.imgList ul li {float:left;width: 238px;padding-left:17px;padding-bottom:30px;margin:0}
#container #content.cType01 .superbDetailCont div.imgList {width:750px;}
#container #content.cType01 .superbDetailCont div.imgList ul {margin-left:-17px}
.detailCont .imgList li p {color:#666;text-align:left;font-weight:bold}
.superbDetailCont .listCont .paging {margin-top:50px;margin-bottom:35px}
.superbLayPop .popMark{position: fixed;}
.superbLayPop .popWrap {width:802px;margin-left:-401px;top:820px !important}
#popup.superbLayPop .popWrap .popClose {position:absolute; right:-41px; top:0; display:block; width:41px; height:41px; text-indent:-9999px; background:url('/images/common/btn_pop_close02.png') no-repeat 0 0;}
#popup.superbLayPop .popWrap .popCont {padding:30px;margin-bottom:0}
.superbLayPop .ttl {font-size:20px;font-weight:bold;color:#3f3f3f;margin-bottom:10px}
.superbLayPop .imgWrap img {max-width:100%}
.superbLayPop .sharingWrap {position:relative;height:21px;margin:10px 0 30px 0}
.superbLayPop .likeNcomment {position:absolute;left:0;top:3px;}
.superbLayPop .likeNcomment span {display:inline-block; *zoom:1;height:12px;line-height:12px;font-size:12px;font-weight:bold; *margin-top:-10px;}
.superbLayPop .colorNone {color:#393939;font-weight:normal !important}
.superbLayPop .likeNcomment .comment {padding-right:9px;color:#525252;}
.superbLayPop .likeNcomment span img {padding-right:4px;vertical-align: middle;}
.superbLayPop .likeNcomment .go_comment {height:12px;line-height:12px;font-size:12px;color:#757575;}
.superbLayPop .likeNcomment a {display: inline-block;color: #9269ec;margin: 0 5px 0 0;font-size: 13px;font-weight: 700;vertical-align: middle;}
.superbLayPop .likeNcomment img {display: inline-block;margin: 0 3px 0 0;vertical-align: middle;}
.superbLayPop .sharing {position:absolute;right:0;top:0;height:21px;line-height:21px;text-align:right;vertical-align:middle;}
.superbLayPop .sharing span {display:inline-block; *zoom:1;vertical-align:top;font-size:14px;font-weight:bold;color:#535353;}
.superbLayPop .detailCont h3{ width:90px;padding:8px 0 8px 4px; box-sizing:border-box; background:url('/images/common/bg_h3_02.png') center center no-repeat; text-align:center; font-size:13px; color:#fff; letter-spacing: -1px; }
.superbLayPop .detailCont h3:first-child{ margin:0; }
.superbLayPop .detailCont h3 + div{margin:16px 0 0 0;}
.superbLayPop .detailCont h3 + div.txtCont{width:750px; padding:0; font-size:12px; }
.overflowY {max-height:280px;overflow-y:auto;overflow-x:hidden}
.superbInfo h2 + p {margin-top:24px !important}
.superbInfo .floatWrap h3 {float:left;margin-right:15px !important}
.superbInfo .floatWrap .txtCont {float:left;margin-top:0 !important;width:auto !important;height:29px;line-height:29px}
.superbInfo .floatWrap {margin-top:20px}
.superbInfo .detailCont + p {margin-top:20px}
.superbInfo .detail02 {padding-top:20px !important}
.superbInfo .floatWrap .txtCont.line02 {line-height:18px;height:auto}
.superbInfo .floatWrap .txtCont.line02 span {display:block;color:#ff0000}
.superbInfo .grayBox {box-sizing:border-box;background:#f3f3f3;padding:25px 35px;width:750px}
.superbInfo .grayBox ul li {font-size:12px;color:#565656;line-height:20px}