@charset "utf-8";

/* layout 설정 */
.wrapper.blur { filter: blur(6px);-webkit-filter: blur(6px);-moz-filter: blur(6px);-o-filter: blur(6px);-ms-filter: blur(6px);/*will-change: transform, opacity;*/ }
.wrapper.blur:before { display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.6);z-index:999;will-change: transform, opacity;content:''; }

body.mask::before { display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0.7);z-index:999;will-change: transform, opacity;content:'';transition: background 0.3s ease-out; }
body.mask > .wrapper { filter: blur(6px);-webkit-filter: blur(6px);-moz-filter: blur(6px);-o-filter: blur(6px);-ms-filter: blur(6px);/*will-change: transform, opacity;*/ }

.wrapper { position:relative;width:100%;margin:0px;padding:0px; font-size:13px; letter-spacing:0px; color:#111; min-width: 320px; }
.wrapper > header { position:relative; left:0px;top:0px;right:0px; display:block; background: #111;border-bottom:0px solid rgba(0,0,0,0.2);z-index:1;}
.wrapper > footer { position:relative; display:block; background: #f8f8f8; border-top:0px solid #ddd;margin-top:80px; }
.wrapper > section { position:relative; }

/*.wrapper.scouter_profile > header { display:none;}*/

.container { position: relative;width:auto;display:block;max-width:1240px;padding:0px 20px;min-width:280px;margin:0 auto;font-size:0px; }
.container.full { max-width:auto; }
.wrapper .cnts_wrap { display:block;min-height:500px;position: relative;margin-top:50px;} /*콘텐츠 영역*/
.wrapper .cnts_wrap.profile { margin:0 auto;margin-top:0px;}
.wrapper .cnts_wrap.reservation {width:920px; margin:0 auto;margin-top:0px;}
.wrapper .cnts_wrap.cn { width:920px;margin:0 auto;margin-top:50px;}
.wrapper .cnts_wrap.snb { padding-left:310px; }
.wrapper .cnts_wrap.cn.full { width:auto;}

/* 팝업영역 설정 */
.pop { display:block;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0);z-index:999;will-change: transform, opacity; }

.popup {position:fixed;top:50%;left:50%;width:auto;padding:0px;height:auto;background:#fff;
	-ms-transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	 -webkit-box-shadow:  0px 0px 80px 20px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);box-shadow: 0px 0px 80px 20px rgba(0,0,0,0.2);
	 z-index:999;display:block;}

.popup > aside { position: fixed;top:50%;transform:translateY(-50%);left:50%;margin-left:460px;display:none;background:#fff;border:0px solid #111;padding:15px 10px;z-index:999; }

.popup > aside[data-type=LIST] > dl.history { display:block; }
.popup > aside[data-type=LIST] > dl.history > dd { font-size:12px;line-height:18px;color:#999; }

.popup > header { position:relative;display:block;padding-bottom:0px;background:#eee;padding:10px 20px;border-bottom:1px solid #ccc; height:50px;}
.popup > header h1 { font-size:22px;font-weight:300;color:#333;line-height:50px; }
.popup > header h1 > span { font-size:16px;margin-left:7px; }
.popup > header .close { position:absolute;top:20px;right:15px;font-size:30px;display:block;width:30px;height:30px;line-height:30px;text-align:center;cursor:pointer;color:#333; }
.popup > footer {position:relative; margin:0px;padding:15px 20px;height:40px;text-align:center;background:#eee;border-top:1px solid #ccc; }
.popup > footer.complete { padding-bottom:0px; }
.popup > footer a { float: none;display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 40px;color:#fff;margin:0px 2px;cursor:pointer;background:#d5a770;border-radius: 3px;}
.popup > footer a.gray { background:#999; }
.popup > footer a.red { background:#ec635d; }
.popup > footer a.black { background:#2d3845; }
.popup > footer a.del {position:absolute;top:15px;right:20px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 20px;color:#999;margin:0px 2px;cursor:pointer;background:#ddd; }
.popup > footer a.preview {position:absolute;top:15px;left:20px; display:inline-block;line-height:40px;height:40px;border:0px;font-size:14px;width:auto;padding:0px 20px;color:#fff;margin:0px 2px;cursor:pointer;background:#ec635d; }
.popup > footer.complete a { background:#48bacb;padding:0px 30px; }
.popup > footer.complete a.gray { background:#999;padding:0px 30px; }
.popup > footer span.select {position:absolute;top:15px;left:20px;padding-left:30px; display:inline-block;line-height:36px;height:36px;border:0px;font-size:14px;width:auto;width:80px;margin:0px 0px;cursor:pointer;background:#fff;border:2px solid #e95653; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.popup > footer span.select > label { position:absolute;top:0px;left:0px;display:block;width:30px;height:30px;line-height:15px;font-size:11px;padding:3px 0px;text-align:center;background:#e95653;color:#fff; }
.popup > footer span.select select { position:relative;display:block;width:130%;padding-left:5px;height:36px;line-height:36px;background:transparent;font-size:14px;font-weight:400;outline: none;z-index:2;color:#333; }
.popup > footer span.select:after { font-family:FontAwesome; content:"\f107";vertical-align: middle;position:absolute;top:0px;right:5px;display:block;color:#999;font-size:15px;height:36px;line-height:36px;z-index:1;}

.popup > footer span.appr {position:absolute;top:15px;left:20px;padding-left:30px; display:inline-block;line-height:36px;height:36px;border:0px;font-size:14px;width:auto;width:80px;margin:0px 0px;cursor:default;;background:#eee;border:2px solid #aaa; -webkit-border-radius: 5px;-khtml-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; overflow:hidden;}
.popup > footer span.appr > label { position:absolute;top:0px;left:0px;display:block;width:30px;height:30px;line-height:15px;font-size:11px;padding:3px 0px;text-align:center;background:#aaa;color:#fff; }
.popup > footer span.appr span { position:relative;display:block;padding-left:5px;height:36px;line-height:36px;background:transparent;font-size:14px;font-weight:400;outline: none;z-index:2;color:#333;text-align:left; }

.popup > section {overflow-y:auto;background:#fff;padding:0px;margin:0px;}
.popup > section.width_300 { width:300px; }
.popup > section.width_400 { width:400px; }
.popup > section.width_500 { width:500px; }
.popup > section.width_600 { width:600px; }
.popup > section.width_700 { width:700px; }
.popup > section.width_800 { width:800px; }

.popup > section article { padding:20px; }
.popup > section article.pre { word-break: keep-all; white-space: pre-wrap; word-wrap: break-word; }
.popup > section article div.tb_info { display:block;position:relative; }
.popup > section article div.tb_info + .tb_info { margin-top:20px; }
.popup > section article div.tb_info.hide { display:none; }
.popup > section article div.tb_info > h2 { font-size:16px;font-weight:300;color:#666;display:block;margin-bottom:5px;line-height:30px; }
.popup > section article div.tb_info > h2 a { float:right;position:relative;display:inline-block;margin:0px 2px;height:28px;line-height:28px;width:auto;color:#666;font-weight:300; vertical-align: middle;font-size:13px;background:#eee;text-align:center;cursor:pointer; border:1px solid #999;padding:0px 15px; -webkit-border-radius: 4px;-khtml-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.popup > section article div.tb_info > h2 a.greenbg { background:#45a171;border:1px solid rgba(0,0,0,0.2);color:#fff;}
.popup > section article div.tb_info > h2 a > i {margin-right:5px;vertical-align:middle;line-height:27px;}
.popup > section article div.tb_info > h2 > span { font-size:13px;color:#999;display:inline-block;vertical-align: bottom;line-height:30px;float:right;}
.popup > section article div.tb_info > p { font-size:13px;font-weight:400;color:#666;display:block;margin-top:10px;line-height:22px; }
.popup > section article div.tb_info > p + p { margin-top:0px; }

.popup > section article div.tb_info > .inner_mask { position:absolute;background:rgba(0,0,0,0.05);top:31px;left:1px;right:1px;bottom:1px;display:block;z-index:2; }
.popup > section article div.tb_info > .inner_mask.status { top:91px; }



.popup > ul.tab { line-height:50px;height:50px;padding-left:1px;border-bottom:1px solid #ddd;margin-right:0px;margin-left:0px;margin-top:0px;background:#eee;}
.popup > ul.tab li { display:inline;float:left;background:#eee;font-size:16px;padding:0px 40px;font-weight:600;line-height:50px;margin-bottom:0px;margin-left:0px;border-right:1px solid #ddd;color:#bbb;cursor:pointer; }
.popup > ul.tab li.on { color:#666;background:#fff;height:51px; }
/* @팝업영역 설정 */

/* @layout 설정 */

header .top { padding:20px 0px 20px 0px; }
header .top > h1 { display:block;width:250px;height:60px;margin:0 auto; }
header .top > h1 > a { display:block;width:100%;height:100%;background: url('../../_img/top_bi.png?21') no-repeat center;background-size: contain;font-size:0px; }
header .top > button.lnb_toggle { display:block; width:60px;height:60px;line-height:60px;font-size:0px;text-align:center;position: absolute;top:20px; right:10px;overflow: hidden;}
header .top > button.lnb_toggle::before { display:block;height:60px;font-size:38px;line-height:60px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e91c";text-align: center;color:#fff;}
header .top > button.srh_toggle { display:block; width:60px;height:60px;line-height:60px;font-size:0px;text-align:center;position: absolute;top:20px; left:10px;overflow: hidden;}
header .top > button.srh_toggle::before { display:block;height:60px;font-size:38px;line-height:60px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e97a";text-align: center;color:#fff;}

header .search { display:block;visibility: hidden;border-bottom: 5px solid transparent;position: relative;overflow: hidden;width:60px;background: #111;margin-top:0px;border-radius: 0px;padding:0px 0px;position: absolute;top:20px;left:20px;transition: visible 0.3s, width 0.3s ease-out;}
header .search.opened { visibility: visible;border-bottom: 5px solid #fff;width:300px;transition: visible 0.3s, width 0.3s ease-out; }
header .search > input[type='text'] { display:block;padding:0px 10px;width:100%;line-height: 60px;height: 60px;outline:none;font-size:16px;font-weight:500;letter-spacing: -1px;color:#fff;}
header .search > input[type='text']::placeholder { color:#bbb; }
header .search > button.top_search { display:block; width:60px;height:60px;line-height:60px;font-size:0px;text-align:center;position: absolute;top:0px; right:0px;overflow: hidden;background: #111;}
header .search > button.top_search::before { display:block;height:60px;font-size:38px;line-height:60px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e97a";text-align: center;color:#fff;}

header .gnb { display:block;height:auto;background: #222;margin-top:0px; }
header .gnb ul { display:block;height:auto;font-size:0px; }
header .gnb ul > li { display:inline-block;width:20%;vertical-align: middle;position: relative; }
header .gnb ul > li > a { display:block;padding:15px 0px 15px 0px;text-align:center;font-size:20px;line-height:30px;color:#fff; font-weight: 500;}
header .gnb ul > li > a > span { display:block;line-height:18px;font-size:14px;font-weight: 400;color:rgba(255,255,255,0.7); }
header .gnb ul > li > a > span > em { vertical-align: bottom;}
header .gnb ul > li > a > b { display:block;line-height:24px;font-size:14px;font-weight: 500; }

section > .visual { display:block;background:#eee;padding:0px 0px;height:500px;overflow: hidden;}
section > .visual div.slide { display:block;height:500px;outline: none;position: relative;overflow: hidden;text-align:center;background-position: center;background-repeat: no-repeat;background-size: cover;outline: none;}
section > .visual div.slide::before { display:block;position: absolute;top:0px;left:0px;right:0px;bottom:0px;background: rgba(0,0,0,0.4);content: '';}
section > .visual div.slide.bg1 { display:block;background-image: url('../../_img/m_bg_4.jpg?1');background-position: center 35%;}
section > .visual div.slide.bg2 { display:block;background-image: url('../../_img/m_bg_2.jpg?1');background-position: center 35%;}
section > .visual div.slide.bg3 { display:block;background-image: url('../../_img/m_bg_1.jpg?1');}
section > .visual div.slide.bg4 { display:block;background: url('../../_img/m_bg_5_1.jpg?1') no-repeat center; background-size:cover;}
section > .visual div.slide.bg4::before{display:none;}
section > .visual div.slide.bg5 { display:block;background: url('../../_img/m_bg_6.jpg?1') no-repeat center; background-size:cover;}
section > .visual div.slide.bg5::before{display:none;}

section > .visual div.slide.bg7 { display:block;background: url('../../_img/m_bg_7.jpg?1') no-repeat center; background-size:cover;background-position: center 57%;}
section > .visual div.slide.bg7::before{background: rgba(0,0,0,0.2);}

section > .visual div.slide.bg8 { display:block;background: url('../../_img/m_bg_8.jpg?2') no-repeat center; background-size:cover;background-position: center 20%;}
section > .visual div.slide.bg8::before{background: rgba(0,0,0,0.2);}

section > .visual div.slide.bg18 { display:block;background: url('../../_img/m_bg_18.jpg?221') no-repeat center; background-size:cover;background-position: center right;}
section > .visual div.slide.bg18::before{display:none;}

@media (max-width: 830px) {
	section > .visual div.slide.bg4 {background: url('../../_img/m_bg_5_mo_1.jpg?1') no-repeat center top; background-size:100% 100%;}
	section > .visual div.slide.bg5 {background: url('../../_img/m_bg_6_mo.jpg?1') no-repeat center top; background-size:100% 100%;}
	section > .visual div.slide.bg18 {background: url('../../_img/m_bg_18m.jpg?1') no-repeat center top !important; background-size:cover !important;background-position: center center !important;}
}
@media (max-width: 640px) {
	section > .visual div.slide.bg4 {background-size:100% 90%;}
	section > .visual div.slide.bg5 {background-size:100% 100%;}
	section > .visual div.slide.bg18 {background-size:cover;}
}
section > .visual div.slide .slogan { padding-top:150px; z-index: 2;position: relative; text-align:center;}
section > .visual div.slide .slogan > p { display:block;font-size:36px;color:#fff;line-height:50px;letter-spacing: -3px; font-weight:600;text-shadow: rgba(0,0,0,0.2) 2px 0 10px;}
section > .visual div.slide .slogan > a { display:inline-block;font-size:20px;color:#fff;line-height:50px;letter-spacing: -1px; margin-top:40px;font-weight:300;background: #d5a770;padding:0px 40px;border-radius: 5px;}
section > .visual div.slide h4 { display:block;font-size:40px;color:#111;line-height:50px;letter-spacing: -3px;text-shadow: rgba(0,0,0,0.2) 2px 0 10px;}
section > .visual div.slide h4 > em { color:#d5a770;font-weight:500;vertical-align: bottom;}
section > .visual div.slide h4 > b { display:block;font-weight:500;font-size:55px;line-height:65px;margin-left:-4px; }

section > .visual > button { display:block; width:60px;height:100px;line-height:60px;font-size:0px;text-align:center;position: absolute;top:50%;margin-top:-50px;z-index:5;}
section > .visual > button::before { display:block;height:100px;font-size:70px;line-height:100px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;text-align: center;color:rgba(255,255,255,0.2);}
section > .visual > button.slick-prev { left:50%;margin-left:-720px;}
section > .visual > button.slick-prev::before { content: "\e93b";}

section > .visual > button.slick-next { right:50%;margin-right:-720px;}
section > .visual > button.slick-next::before { content: "\e93e";}

section > .visual > ul.slick-dots { width:300px;position: absolute;bottom:20px;left:50%;margin-left:-150px;display:block;height:18px;line-height: 18px;font-size:0px;text-align:center;}
section > .visual > ul.slick-dots > li { display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,0.2);background: rgba(255,255,255,0.3);font-size:0px;border-radius: 50%;cursor: pointer;}
section > .visual > ul.slick-dots > li > button { display:none; }
section > .visual > ul.slick-dots > li + li { margin-left:5px; }
section > .visual > ul.slick-dots > li.slick-active { background:#d5a770;border:2px solid #d5a770; }

section hgroup { text-align: center;display:block;margin-top:70px;margin-bottom:40px; }
section hgroup > h3 { font-weight:500;font-size:34px;letter-spacing: -1px;line-height:40px;margin-bottom: 5px;color:#666;}
section hgroup > h3 > span { display:block;color:#999;font-size:20px;line-height:26px; }
section hgroup > h3 > b { font-weight:500;margin-left: 0px;}
section hgroup > h3 > em { color:#d5a770;font-weight:400;display:inline-block;line-height:40px;vertical-align: bottom;}
section hgroup > h3 > em > b { font-weight:600;letter-spacing: -2px; }
section hgroup > p { font-size:16px;color:#999;line-height:24px;}

section ul.artwork_list { display:block;font-size:0px;margin-left:-20px;margin-top:-20px;overflow: hidden;}
section ul.artwork_list > li { display:inline-block;width:calc(25% - 20px);vertical-align: top;margin-left:20px;margin-top:20px;position: relative;}
section ul.artwork_list > li > a { display:block;border:0px solid #ccc;}
section ul.artwork_list > li > a > div.artwork { position: relative;display:block;padding-top:100%;border-bottom:0px solid #ddd;background-position: center;background-size: contain;background-repeat: no-repeat;background-color: #f8f8f8;border:1px solid #eee;}
section ul.artwork_list > li > a > div.artwork.none { background:block !important; }
section ul.artwork_list > li > a > div.artwork > .tags { display:block;position:absolute;top:0px;left:0px;text-align:center;height:44px;line-height:44px;font-size:0px;}
section ul.artwork_list > li > a > div.artwork > .tags > b { display:inline-block;text-align:center;width:110px;height:70px;line-height:70px;padding:0px;font-size:16px; font-weight:500;}
section ul.artwork_list > li > a > div.artwork > .tags > b.new { background:#00ad7d;color:#fff; }
section ul.artwork_list > li > a > div.artwork > .tags > b.hit { background:#1f8ce0;color:#fff; }
section ul.artwork_list > li > a > div.artwork > .tags > b.out { background:#ff6552;color:#fff; }

section ul.artwork_list > li > a > label { position: absolute;top:20px;right:20px;background: #d5a770;color:#fff;line-height:26px;height:26px;padding:0px 10px;font-size:14px;}
section ul.artwork_list > li > a > .exp { padding:10px;display:block;text-align:center; }
section ul.artwork_list > li > a > .exp > h4 { font-size:18px;font-weight:500;line-height:24px;letter-spacing: -2px;position: relative;margin-bottom:5px;white-space: normal;word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 1; -webkit-box-orient: vertical;}
section ul.artwork_list > li > a > .exp > p { display:block;font-size:13px;line-height:20px; color:#777;font-weight: 400;letter-spacing: 0px;text-overflow: ellipsis;white-space: normal;word-wrap: break-word; overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical;}

section ul.artwork_list > li.nodata { display:block;width:100%;padding:100px 0px;text-align:center;}
section ul.artwork_list > li.nodata::before { display:block;height:90px;font-size:60px;line-height:90px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e9ab";text-align:center;color:#ccc;}
section ul.artwork_list > li.nodata:after {content:'조회된 작품이 없습니다.'; display:block;  line-height:20px; font-size:14px; color:#999;}

section div.list_search { display:block;font-size:0px;overflow: hidden;margin-bottom:40px;text-align: left;background: #eee;padding:20px;}
section div.list_search > span { display:inline-block;border:1px solid #ccc;line-height:48px;height:48px;overflow: hidden;border-radius: 3px;width:250px;vertical-align: middle;background: #fff;}
section div.list_search > span > input { display:block;width:100%;line-height:48px;height:48px;padding:0px 10px;border: 0px;outline:none;font-size:14px;}
section div.list_search > span > input::placeholder {color:#bbb;}
section div.list_search > span + span { margin-left:5px; }
section div.list_search > span.sel { position:relative; overflow:hidden;width:130px;}
section div.list_search > span.sel > select {display:block; position:relative; box-sizing:border-box; width:130%; padding:0 10px; font-size:14px; line-height:48px; z-index:1; background:transparent;}
section div.list_search > span.sel:after {content:'\e941'; display:inline-block; position:absolute; right:10px; top:0; font-family: 'xeicon'; color:#666; font-size:13px; text-align:center; line-height:48px;}

section div.list_search > button { line-height:50px;height:50px;border:0px solid #333;display:inline-block;padding:0px 25px;text-align:center;font-size:14px;color:#fff;background:#444;border-radius: 2px;vertical-align: middle;margin-left:5px;}
section div.list_search > .sort { display:inline-block;float:right;padding:10px 0px;line-height:30px; }
section div.list_search > .sort > a { position: relative;display:inline-block;line-height:30px;font-size:14px;color:#999;padding:0px 15px; }
section div.list_search > .sort > a.selected { font-weight:500;color:#111; }
section div.list_search > .sort > a.selected:before {position: absolute;top:0px;left:0px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e929";line-height:30px;font-size:15px;text-align: left;color:#ec635d; }
/*section div.list_search > .sort > a + a::after { display:block;width:4px;height:4px;position: absolute;top:13px;left:-2px;content:'';background: #ccc;border-radius: 50%;}*/


section .cs_center { display:block;font-size:0px;margin-top:50px; }
section .cs_center > .regist { display:inline-block;width:60%;font-size:0px;overflow: hidden;background: #eee;position: relative;vertical-align: top;}
section .cs_center > .regist > i { width:250px;height:250px;position: absolute;top:0px;left:0px;background: url('../../_img/banner_partner.jpg?2') no-repeat center;background-size: cover;}
section .cs_center > .regist > .ex { padding:40px 20px 40px 40px;display:block;text-align:left;margin-left:250px; }
section .cs_center > .regist > .ex > h4 { font-size:32px;line-height: 40px;font-weight:500;letter-spacing: -1px;vertical-align: bottom;color:#999;}
section .cs_center > .regist > .ex > h4 > b { font-weight: 600;}
section .cs_center > .regist > .ex > h4 > i.bi { display:inline-block;width:120px;;height:25px;background: url('../../_img/top_bi.png?1') no-repeat center 5px;background-size: contain;font-size:0px; vertical-align: bottom;margin-right:0px;margin-left:-1px;}
section .cs_center > .regist > .ex > p { font-size:16px;line-height: 24px;font-weight:400;letter-spacing: -1px;color:#666;}
section .cs_center > .regist > .ex > a { display:inline-block;padding:0px 20px;font-size:20px;line-height: 40px;font-weight:400;letter-spacing: -1px;color:#d5a770;border:2px solid #d5a770;border-radius: 10px;margin-top:22px;}
section .cs_center > .regist > .ex > a > b { font-weight:600; }

section .cs_center > .board { display:inline-block;width:calc(40% - 20px);margin-left:20px;position: relative;vertical-align: top;}
section .cs_center > .board > .box_wrap { border:1px solid #ddd;padding:20px 25px; }
section .cs_center > .board > .box_wrap > h4 { font-size:24px;line-height:30px;height:30px;display:block;font-weight:500;margin-bottom:8px;border-bottom:1px solid #ddd;padding-bottom:7px;letter-spacing: -1px;}
section .cs_center > .board > .box_wrap > h4 > a { font-size:13px;line-height:30px;height:30px;display:inline-block;font-weight:400;float:right;color:#999;}

section .cs_center > .board > .box_wrap > ul { display:block; padding:0px 0px;margin:0px;list-style: none;}
section .cs_center > .board > .box_wrap > ul > li { display:block;font-size:13px;height:30px;overflow: hidden; padding:0px;margin:0px;list-style: none; }
section .cs_center > .board > .box_wrap > ul > li > a { position: relative;display:block;font-size:13px;line-height:30px; color:#333;height:30px;overflow: hidden;text-overflow: ellipsis; white-space: nowrap; padding-right:70px;}
section .cs_center > .board > .box_wrap > ul > li > a:hover { text-decoration: underline;}
section .cs_center > .board > .box_wrap > ul > li + li { margin-top:3px; }
section .cs_center > .board > .box_wrap > ul > li > a > i { font-size:11px;width:55px;background: #fda94f;color:#fff;height:20px;line-height:20px;vertical-align: middle;display:inline-block;text-align:center;border-radius: 5px;font-weight:400;margin-right:8px;border: 1px solid rgba(0,0,0,0);}
section .cs_center > .board > .box_wrap > ul > li > a > span { position: absolute;top:0px;right:0px;text-alitn:right;display:block;font-size:12px;line-height:30px; color:#999;height:30px; }

section .artwork_summary { display:block;padding-top:50px; }
section .artwork_summary > .thumb { display:block; width:800px;margin:0 auto;}
section .artwork_summary > .thumb > .view { display:block;padding-top:80%;background-repeat: no-repeat;background-size: contain;background-position: center;background-color: #f8f8f8;border:1px solid #eee;}
section .artwork_summary > .thumb > .sub { display:block;font-size:0px;text-align:center;margin-left:-10px;margin-top:10px; }
section .artwork_summary > .thumb > .sub > a { display:inline-block;width:calc( 20% - 12px );margin-left:10px;height:120px;background-repeat: no-repeat;background-size: contain;background-position: center;background-color: #f8f8f8;border:1px solid #eee; }

section .artwork_summary > .info { display:block;text-align: center;margin-bottom:40px;}
section .artwork_summary > .info > h3 { font-weight:500;font-size:40px;letter-spacing: -3px;line-height:50px;margin-bottom: 5px;color:#666;}
section .artwork_summary > .info > h3 > em { color:#d5a770;font-weight:400;display:inline-block;line-height:40px;vertical-align: bottom;}
section .artwork_summary > .info > h3 > em > b { font-weight:600;letter-spacing: -2px; }
section .artwork_summary > .info > h4 { font-size:20px;color:#d5a770;line-height:30px;margin-bottom: 25px;}
section .artwork_summary > .info > p { font-size:16px;color:#666;line-height:24px;}
section .artwork_summary > .info > button.share { font-size: 15px; border-radius:5px; padding:0 30px; background:#111; margin:0 0 10px 10px; color:#fff; height:44px;}
section .artwork_summary > .info > button.share::before { font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e9ea";font-size:15px;text-align: left;color:#fff;margin-right: 5px;}

section .author_artwork { display:block;background:#444;padding:80px 0px;}
section .author_artwork hgroup { text-align: left;display:block;margin-top:0px;margin-bottom:30px; }
section .author_artwork hgroup > h4 { display:inline-block;font-weight:400;font-size:34px;letter-spacing: -1px;line-height:40px;margin-bottom: 0px;color:#ccc;}
section .author_artwork hgroup > h4 > b { color:#d5a770;font-weight:500;display:inline-block;line-height:40px;vertical-align: bottom;}
section .author_artwork hgroup > a { position: relative;padding-left:25px;display:inline-block;float:right;font-size:14px;color:#999;line-height:40px;}
section .author_artwork hgroup > a::before { position: absolute;top:0px;left:0px;display:block;width:20px;height:40px;font-size:14px;line-height:40px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e913";text-align: center;color:#999;}
section .author_artwork ul.artwork_list > li > a > div.artwork { border:6px solid #ccc; }
section .author_artwork ul.artwork_list > li > a > .exp > h4 { color:#ccc; }

section .artwork_detail { border-top:1px solid #111;padding-top:40px;text-align:center;padding-bottom:100px; }
section .artwork_detail > p { font-size:16px;color:#666;line-height:26px;margin-bottom:20px;}
section .artwork_detail > img { display:block;margin:0 auto;max-width:100%; }
section .artwork_detail > img + img { margin-top:10px; }

.wrapper.detail > footer { margin-top:0px; }

footer .fnb { display:block;border-bottom:1px solid #ddd;overflow: hidden;overflow-x: auto;}
footer .fnb ul { display:block;height:auto;font-size:0px;white-space: nowrap;}
footer .fnb ul > li { display:inline-block;width:auto;vertical-align: middle;position: relative; }
footer .fnb ul > li + li { margin-left:31px; }
footer .fnb ul > li + li::before { position: absolute;width:1px;height:10px;top:20px;left:-16px;content: '';background: #ccc;}
footer .fnb ul > li > a { display:block;padding:15px 0px 15px 0px;text-align:center;font-size:13px;color:#777;line-height:20px;font-weight:500; }
footer .fnb ul > li > a:hover { color:#111; }

footer .bottom { padding:30px 250px 30px 0px;max-width:600px;}
footer .bottom > h1 { position: absolute;top:50%;right:15px;display:block;width:200px;height:40px;margin-top:-20px; }
footer .bottom > h1 > a { display:block;width:100%;height:100%;background: url('../../_img/bottom_bi.png?2') no-repeat center;background-size: contain;font-size:0px; }
footer .bottom > .company { display:block; font-weight:400;color:#111;font-size:13px;line-height:24px;margin-bottom:0px;}
footer .bottom > .company > b { font-weight:500;font-size:15px;vertical-align: bottom;line-height:24px;display:inline-block;}
footer .bottom > .addr { display:block;font-size:0px; }
footer .bottom > .addr > span { font-size:13px;display:inline-block;color:#999;vertical-align: middle;line-height:20px;margin-right:15px;}
footer .bottom > .addr > span > b { font-weight:500;color:#777; }
footer .bottom > .addr > span + span { }

footer .bottom > .copyright { display:block; font-weight:400;color:#666;font-size:12px;display:inline-block;vertical-align: middle;line-height:20px;margin-top:15px;}


aside { position: fixed;right:-360px;width:360px;background:#777;top:0px;bottom:0px;z-index:999;height:100%;display:block; transition: right 0.3s ease-out; }
aside.opened { right:0px;display:block;transition: right 0.3s ease-out; }
aside .top { padding:30px 0px 30px 0px;border-bottom:0px solid #ddd;height:100px;position: relative;}
aside .top > h1 { display:block;width:200px;height:50px;margin:0 auto; }
aside .top > h1 > a { display:block;width:100%;height:100%;background: url('../../_img/top_bi.png?2') no-repeat center;background-size: contain;font-size:0px; }


aside .top.logined { padding:30px 0px 30px 0px;border-bottom:0px solid #ddd;height:140px; }
aside .top.logined > h1 { display:block;width:140px;height:30px;margin:0 auto;color:#fff; }
aside .top.logined > h1 > a { display:block;width:100%;height:100%;background: url('../../_img/top_bi.png?2') no-repeat center;background-size: contain;font-size:0px; }
aside .top.logined > h2 { display:block;text-align:center;font-size:18px;line-height:24px;margin-top:5px;color:#fff; }
aside .top.logined > h2 > b { display:inline-block;vertical-align: bottom:line-height:24px;font-size:20px;font-weight: 500;}
aside .top.logined > label { background: #d5a770;line-height:24px;height:24px;font-size:12px;color:#fff;padding:0px 0px;border-radius: 12px;margin:6px auto 0px auto;display:block;padding:0px;width:90px;text-align: center;}


aside .top > .btns { padding:0px 0px;font-size:0px;text-align: center;margin-top:12px;}
aside .top > .btns > a { display: inline-block;line-height:36px;padding:0px 20px;font-size:14px;text-align:center;background: transparent;border:1px solid #fff;border-radius: 5px;font-weight:500;color:#fff;}
aside .top > .btns > a.on { display: inline-block;line-height:34px;padding:0px 18px;font-size:14px;text-align:center;border:2px solid #d5a770;border-radius: 5px;font-weight:500;color:#d5a770;}
aside .top > .btns > a.on > i { dispaly:inline-block;line-height:34px;vertical-align: bottom;margin-right:5px;font-size:20px;}
aside .top > .btns > a + a { margin-left:5px; }
aside .top > button.lnb_toggle { display:none; width:60px;height:60px;line-height:60px;font-size:0px;text-align:center;position: absolute;top:20px; left:-60px;overflow: hidden;}
aside .top > button.lnb_toggle::before { display:block;height:60px;font-size:38px;line-height:60px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e921";text-align: center;color:#fff;}
aside.opened .top > button.lnb_toggle { display:block; }


aside .lnb { display:block;height:calc(100% - 160px);overflow: hidden;overflow-y: auto;background: #fff;margin-top:0px; }
aside .top.logined + .lnb { height:calc(100% - 200px); }

aside .lnb ul { display:block;height:auto;font-size:0px;padding:25px 0px;border-bottom:1px solid rgba(255,255,255,0.2); }
aside .lnb ul > li { display:block;vertical-align: middle;position: relative; }
aside .lnb ul > li > a { display:block;padding:15px 35px 15px 35px;text-align:left;color:#111; }
aside .lnb ul > li:nth-child(1) > a,
aside .lnb ul > li:nth-child(2) > a { padding:7px 35px; }
aside .lnb ul > li > a > b { display:inline-block;line-height:28px;font-size:20px;font-weight: 500;vertical-align: middle;position: relative;}
aside .lnb ul > li > a > b > i { display:block;position: absolute;top:-5px;right:-40px;background: #ed6355;color:#fff;line-height: 20px;font-size:11px;padding:0px 10px;border-radius: 10px;font-weight: 400;}
aside .lnb ul > li > a > b > span {display:block; line-height:20px;font-size:12px;color:#666;vertical-align: top;margin-top:3px;padding:0px 0px;border-radius: 5px;font-weight: 400; margin-right:0px;}
aside .lnb ul > li > a > b > b { font-weight: 500;}
aside .lnb ul > li.subs::after { position: absolute;top:15px;right:0px;width:50px;display:block;height:28px;font-size:16px;line-height:28px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e942";text-align: center;color:#999;}
aside .lnb ul > li.subs.opened::after { content: "\e945"; }
aside .lnb ul > li.subs > div { display:none;position: relative;background:rgba(255,255,255,0.3);padding:10px 40px;}
aside .lnb ul > li.subs.opened > div { display:block !important; }
aside .lnb ul > li > div > a { display:block;width:100%;line-height:40px;text-align:left;font-size:15px;font-weight: 400;color:#fff; }
aside .lnb ul > li > div > a + a { border-top:1px solid rgba(0,0,0,0.1); }

aside .lnb dl { display:block;height:auto;font-size:0px;padding:30px 0px; }
aside .lnb dl > dd { display:block;vertical-align: middle;position: relative; }
aside .lnb dl > dd > a { display:block;padding:10px 35px 10px 35px;text-align:left;font-size:14px;line-height:20px;color:#fff; }

aside .lnb dl.me { display:block;height:auto;font-size:0px;padding:30px 0px; background: #303d6a;}


aside .bottom { display:block; }
aside .bottom dl { display:block;height:auto;font-size:0px;overflow: hidden;}
aside .bottom dl > dd { display:inline-block;width:25%;vertical-align: middle;position: relative;text-align:center;border-left:1px solid #ccc;margin-left:-1px;background: #eee;}
aside .bottom dl > dd > a { padding:20px 0px;display:block;line-height: 20px;font-weight:500;font-size:14px;color:#666; }
aside .bottom dl > dd > a > i { display:block;font-size:28px;color:#bbb;line-height: 30px; }


.cnts_wrap aside.snb { background:#eee;display:block;position: absolute;top:0px;left:0px;right:auto;bottom:auto;z-index:1;padding:30px 30px 30px 30px;width:190px;height:auto;}
.cnts_wrap aside.snb > h2 { display:block;border-bottom:1px solid #111;font-size:26px;line-height:30px;padding-bottom:25px; }
.cnts_wrap aside.snb > h2 > em { display:block;font-size:10px;font-family: 'Titillium';font-weight:700;line-height:14px;color:#999;padding-left:2px; }
.cnts_wrap aside.snb > nav { display:block; }
.cnts_wrap aside.snb > nav > ul.snb_nav { display:block; }
.cnts_wrap aside.snb > nav > ul.snb_nav > li { display:block;border-bottom:1px solid #ddd; }
.cnts_wrap aside.snb > nav > ul.snb_nav > li:last-child { border-bottom:0px solid #ddd; }
.cnts_wrap aside.snb > nav > ul.snb_nav > li > a { display:block;line-height:30px;padding:10px 0px;font-size:15px;color:#666; }
.cnts_wrap aside.snb > nav > ul.snb_nav > li.on > a { color:#d5a770;font-weight:500; }

/* Subs */

section .login_wrap { clear:both;padding-top:105px;padding-bottom:70px;width:460px;margin:0 auto; }
section .login_wrap hgroup { text-align: center;display:block;border-bottom:0px solid #111;margin:0px;padding:0px 0px 50px 0px; }
section .login_wrap hgroup > h2 { font-family: 'Titillium';font-weight:700;font-size:40px;letter-spacing: -2px;line-height:50px; }
section .login_wrap hgroup > h3 { font-family: 'Titillium';font-weight:600;font-size:25px;letter-spacing: -2px;line-height:35px;color: #111;margin-bottom: 30px;}
section .login_wrap hgroup > h2 > b { color:#ed6355; }
section .login_wrap hgroup > p { font-size:13px;color:#999;line-height:22px; }
section .login_wrap hgroup > p.login { font-size:20px;color:#111;line-height:22px;font-weight: 700; }


section .login_wrap .login_form { border-top:1px solid #111;overflow: hidden;}
section .login_wrap p { display:block; }
section .login_wrap p.input { display:block;border-top:1px solid #ddd;overflow: hidden;line-height:60px;height:60px;margin-top:-1px;}
section .login_wrap p.input > input { padding:0px 20px;line-height:60px;height:60px;font-size:14px;background: transparent;border: 0px;width:100%;box-sizing: border-box;outline:none;}
section .login_wrap p.checkbox { display:block;line-height:60px;height:60px;}
section .login_wrap p.checkbox > label { display:inline-block; }
section .login_wrap p.checkbox > label > span { font-size:13px; }
section .login_wrap p.checkbox > label + label { margin-left:15px; }
section .login_wrap p.checkbox > span.find {float:right;display:inline-block;line-height:60px; text-align:right;font-size:0px;margin-top:0px;margin-bottom:0px;}
section .login_wrap p.checkbox > span.find > a {display:inline-block;padding:0px 0px;position: relative;line-height:40px;font-size:13px;vertical-align: middle;}
section .login_wrap p.checkbox > span.find > a + a { margin-left:21px; }
section .login_wrap p.checkbox > span.find > a + a::before { position: absolute;display:block;top:13px;left:-11px;background:#ccc;width:1px;height:14px;margin-left:1px;content: '';}
section .login_wrap button { line-height:56px;height:56px;display:block;width:100%;text-align:center;font-size:18px;font-weight:500;color:#fff;background:#d5a770;border-radius: 3px;}
section .login_wrap button.login { background: #d5a770;color:#fff;margin-top:0px;}
section .login_wrap button.join { background:#999;margin-top:30px;}

section .join_wrap { clear:both;padding-top:120px;padding-bottom:70px;width:920px;margin:0 auto; }
section .join_wrap hgroup {text-align: center;display:block;border-bottom:0px solid #111;margin:0px;padding:0px 0px 50px 0px;}
section .join_wrap hgroup > h2 { font-weight:500;font-size:34px;letter-spacing: -3px;line-height:40px;margin-bottom: 5px;}
section .join_wrap hgroup > h2 > b { color:#d5a770;font-weight:500; }
section .join_wrap hgroup > p { font-size:14px;color:#999;line-height:24px;}

section .join_wrap .join_info { display:block; }

section .join_wrap .member_type { display:block;font-size:0px;text-align:center; }
section .join_wrap .member_type > a { display:inline-block;width:170px;border:2px solid #999;background: #fff;border-radius: 10px;padding:40px 25px 25px 25px;vertical-align: top;}
section .join_wrap .member_type > a + a { margin-left:20px; }
section .join_wrap .member_type > a > i { display:block;width:80px;height:80px;margin:0 auto;font-size:60px;text-align:center;line-height:80px;color:#999; }
section .join_wrap .member_type > a > span { display:block;font-size:18px;line-height:24px;color:#999;margin-bottom:30px; }
section .join_wrap .member_type > a > span > b { font-weight:500; }
section .join_wrap .member_type > a > b { display:block;font-size:16px;font-weight:500;color:#fff;line-height:40px;background: #999;border-radius: 20px;}
section .join_wrap .member_type > a:last-child { background:#d5a770;border:2px solid #d5a770; }
section .join_wrap .member_type > a:last-child > i { color:#fff; }
section .join_wrap .member_type > a:last-child > span { color:#fff; }
section .join_wrap .member_type > a:last-child > b { color:#d5a770;background: #fff;}

section .cnts_btns { display:block;overflow: hidden;font-size:0px;text-align:center;margin-top:50px;}
section .cnts_btns > a { display:inline-block;width:auto;padding:0px 0px;margin-left:0px;border:1px solid #999;background:#999;color:#fff;font-size:16px;font-weight:400; line-height:48px;text-align:center;border-radius: 3px;}
section .cnts_btns > a + a {  margin-left:10px; }
section .cnts_btns > a.on { background:#d5a770;color:#fff;border:1px solid #d5a770; }
section .cnts_btns.fixed > a { width:180px; }
section .cnts_btns > button { display:inline-block;width:auto;padding:0px 0px;margin-left:0px;border:1px solid #999;background:#999;color:#fff;font-size:16px;font-weight:400; line-height:48px;text-align:center;border-radius: 3px;}
section .cnts_btns > button + button { margin-left:10px; }
section .cnts_btns > button.on { background:#d5a770;color:#fff;border:1px solid #d5a770; }
section .cnts_btns.fixed > button { width:180px; }

div.reg_form { display:block;}
div.reg_form.board_form { border-top:1px solid #111;}
div.reg_form > h4 { font-size:20px;font-weight:400;line-height:38px;border-bottom:1px solid #111; }
div.reg_form.mod > h4 { border-bottom:1px solid #ddd; }
div.reg_form > h4 > span { display:inline-block;float:right;line-height:38px;font-size:12px;color:#999; }
div.reg_form > h4 > span::before { display:inline-block;height:38px;line-height:38px;font-family: 'FontAwesome';content: "\f069";font-size:10px;color:#ed6355;vertical-align: bottom;margin-right:3px;}

div.reg_form > .row { position: relative;padding:10px 0px 10px 150px;font-size:0px;border-bottom:1px solid #eee; }
div.reg_form > .row.push { padding:10px 0px 10px 5px; }
div.reg_form > .row.default { padding:10px 0px 10px 5px;border-bottom:0px solid #ddd;  }
div.reg_form > .row.hide { display:none; }
div.reg_form > .row.sub { background: #f8f8f8;}
div.reg_form > .row > label { position: absolute;top:10px;left:5px;display:block;padding:0px;line-height:38px;height:38px;padding:1px 0px;color:#111; width:150px;cursor:default;font-size:13px;}
div.reg_form > .row.sub { background: #f8f8f8;}
div.reg_form > .row.sub > label { left:15px;width:140px; }
div.reg_form > .row.required > label:after { display:inline-block;height:38px;line-height:38px;font-family: 'FontAwesome';content: "\f069";font-size:10px;color:#ed6355;vertical-align: bottom;margin-left:3px;}
div.reg_form > .row > span { display:inline-block;border:1px solid #ccc;line-height:38px;height:38px;overflow: hidden;border-radius: 3px;width:200px;vertical-align: middle;background: #fff;}
div.reg_form > .row > span.full { display:block;width:auto; }
div.reg_form > .row > span.url { width:400px; }
div.reg_form > .row > span.text { display:inline-block;width:auto;vertical-align: middle;border:1px solid transparent;font-size:14px; position: relative;padding-right:15px;background: transparent;vertical-align: middle;}
div.reg_form > .row > span.text > b { margin-left:10px;color:#ed6355;font-weight:400;line-height:38px;display:inline-block;vertical-align: top;}
div.reg_form > .row > span.text > em { font-weight:400;display:inline-block;vertical-align: top; }
div.reg_form > .row > span.text > a { position: absolute;top:2px;right:2px;line-height:34px;height:34px;display:block;padding:0px 15px;text-align:center;font-size:13px;color:#fff;background:#444;border-radius: 2px;}
div.reg_form > .row > span.text.btn > a { position: relative;top:auto;right:auto;line-height:34px;height:34px;display:block;padding:0px 15px;text-align:center;font-size:13px;color:#fff;background:#444;border-radius: 2px;margin-top:3px;}
div.reg_form > .row > p.comment { display:block;line-height:20px;padding:0px 0px;margin-top:7px;margin-left:0px;vertical-align: middle;color:#999;}
div.reg_form > .row > span.name { width:250px;position: relative;}
div.reg_form > .row > span.name > label {position:absolute; margin:0; padding:0; height:auto;top:2px;border-radius: 2px;}
div.reg_form > .row > span.name > label > i {display:block; width:60px; height:34px; text-align:center; font-size:13px; line-height:34px; background:#ddd; color:#999;}
div.reg_form > .row > span.name > label > input[type=radio]:checked + i {background:#444; color:#fff;}
div.reg_form > .row > span.name > label.korean { right:62px; }
div.reg_form > .row > span.name > label.foreigner { right:2px; }
div.reg_form > .row > span.nick { width:250px;position: relative;}
div.reg_form > .row > span.nick > label {position:absolute; margin:0; padding:0; height:auto;top:2px;border-radius: 2px;}
div.reg_form > .row > span.nick > label > i {display:block; width:60px; height:34px; text-align:center; font-size:13px; line-height:34px; background:#ddd; color:#999;}
div.reg_form > .row > span.nick > label > input[type=radio]:checked + i {background:#444; color:#fff;}
div.reg_form > .row > span.nick > label.korean { right:62px; }
div.reg_form > .row > span.nick > label.foreigner { right:2px; }
div.reg_form > .row > span.birth { width:250px;position: relative;}
div.reg_form > .row > span.birth > label {position:absolute; margin:0; padding:0; height:auto;top:2px;border-radius: 2px;}
div.reg_form > .row > span.birth > label > i {display:block; width:60px; height:34px; text-align:center; font-size:13px; line-height:34px; background:#ddd; color:#999;}
div.reg_form > .row > span.birth > label > input[type=radio]:checked + i {background:#444; color:#fff;}
div.reg_form > .row > span.birth > label.male { right:62px; }
div.reg_form > .row > span.birth > label.female { right:2px; }
div.reg_form > .row > span > input { display:block;width:100%;line-height:38px;height:38px;padding:0px 10px;border: 0px;outline:none;}
div.reg_form > .row > span > input::placeholder {color:#bbb;}
div.reg_form > .row > span.phone,
div.reg_form > .row > span.email { position:relative;width:300px; }
div.reg_form > .row > span.id { position:relative;width:250px; }
div.reg_form > .row > span.phone > button,
div.reg_form > .row > span.email > button,
div.reg_form > .row > span.nick > button,
div.reg_form > .row > span.id > button { position: absolute;top:2px;right:2px;line-height:34px;height:34px;display:block;padding:0px 15px;text-align:center;font-size:13px;color:#fff;background:#444;border-radius: 2px;}
div.reg_form > .row > span.cert { position:relative;margin-top:5px;display:none;margin-left:0px; }
div.reg_form > .row > span.cert.show { display:block; }
div.reg_form > .row > span.phone > button:disabled,
div.reg_form > .row > span.email > button:disabled,
div.reg_form > .row > span.id > button:disabled,
div.reg_form > .row > span.nick > button:disabled { background:#ddd; color:#999; }
div.reg_form > .row > span.cert > button { position: absolute;top:2px;right:2px;line-height:34px;height:34px;display:block;padding:0px 15px;text-align:center;font-size:13px;color:#fff;background:#ed6355;border-radius: 2px;}
div.reg_form > .row > span.cert > .count { position: absolute;top:2px;right:70px;line-height:34px;height:34px;display:block;padding:0px 0px;color:#999;text-align:right;font-size:13px;}

div.reg_form > .row > span.cprice { position: relative;padding-left:55px;padding-right:50px;width:30px;}
div.reg_form > .row > span.cprice > input { text-align:right; }
div.reg_form > .row > span.cprice > b { display:block;font-size:12px;line-height:38px;color:#fff;padding:0px 5px;font-weight:400;position: absolute;top:0px;left:0px;background: #999;}
div.reg_form > .row > span.cprice > em { display:block;font-size:12px;line-height:38px;color:#999;padding-right:10px;font-weight:400;position: absolute;top:0px;right:0px;}

div.reg_form > .row > button {display:inline-block;line-height:36px;height:36px;padding:0px 15px;text-align:center;font-size:13px;color:#fff;background:#444;border-radius: 3px;vertical-align: middle;}

div.reg_form > .row > span.re { margin-top:5px; }
div.reg_form > .row > span.msg { position: relative;padding-left:10px;display:block;border:0px solid #ddd;line-height:18px;height:18px;overflow: hidden;border-radius: 0px;margin-top:5px;font-size:11px;color:#999;}
div.reg_form > .row > span.msg::before {position: absolute;top:5px;left:0px;display:block;height:13px;line-height:13px;vertical-align: middle;margin:0px 0px;font-size:11px;color:#ed6355;content: "*";}
div.reg_form > .row > span.address { position:relative;width:300px;margin:0px;margin-top:5px; }
div.reg_form > .row > span.address.full { width:100%; }
div.reg_form > .row > span.address_detail { position:relative;width:500px;display: block;margin:0px;margin-top:5px;}
div.reg_form > .row > span.address_detail.full { width:100%; }
div.reg_form > .row > span.address > .post { display:none; }
div.reg_form > .row > span.address > button { position: absolute;top:2px;right:2px;line-height:34px;height:34px;display:block;padding:0px 15px;text-align:center;font-size:13px;color:#fff;background:#444;border-radius: 2px;}
div.reg_form > .row > span.zip { position:relative;width:250px;display:block; }
div.reg_form > .row > span.zip > button { position: absolute;top:2px;right:2px;line-height:34px;height:34px;display:block;padding:0px 15px;text-align:center;font-size:13px;color:#fff;background:#444;border-radius: 2px;}
div.reg_form > .row > span.chk { display:block;margin-left:0px;border:0px solid #ddd;width:auto; }
div.reg_form > .row.push > span.chk { margin:0px; }
div.reg_form > .row.default > span.chk { margin:0px; }
div.reg_form > .row > span.chk label { padding-left:22px; height:22px; line-height:22px; font-size:0px; }
div.reg_form > .row > span.chk label + label {margin-left:15px;}
div.reg_form > .row > span.chk label > input[type=checkbox] + span  { padding-left:0px; line-height:22px; font-size:13px; color:#333; width:40px;}
div.reg_form > .row > span.chk label > input[type=checkbox] + span:before { top:2px;width:16px; height:16px; border: 2px solid #ccc;  background:#ccc;  font-size:16px; line-height:16px; }
div.reg_form > .row > span.chk label > input[type=checkbox]:checked + span  { color:#111;font-size:13px; }
div.reg_form > .row > span.chk label > input[type=checkbox] + span > b { font-weight:500;}
div.reg_form > .row > span.chk label > input[type=checkbox]:checked + span:before { background:#444;border: 2px solid #444;color:#fff; }
div.reg_form > .row.default > span.chk label > input[type=checkbox] + span  {  width:auto;}
div.reg_form > .row > span.sel { position:relative; overflow:hidden;}
div.reg_form > .row > span.sel.area { width:120px; }
div.reg_form > .row > span.sel > select {display:block; position:relative; box-sizing:border-box; width:130%; padding:0 10px; font-size:13px; line-height:38px; z-index:1; background:transparent;}
div.reg_form > .row > span.sel:after {content:'\e941'; display:inline-block; position:absolute; right:10px; top:0; font-family: 'xeicon'; color:#666; font-size:13px; text-align:center; line-height:38px;}
div.reg_form > .row > span.bank_name { width:150px; }
div.reg_form > .row > span.bank_owner { width:120px; }
div.reg_form > .row > span.bank_number { width:250px; }
div.reg_form > .row > span + span { margin-left:5px; }
div.reg_form > .row > span.tit { width:100%;position: relative;}
div.reg_form > .row > span.txt { width:100%;position: relative;height:auto;}
div.reg_form > .row > span.txt > .byte { display:block;font-size:13px;color:#bbb; margin-left:10px; margin-right:10px;line-height:16px;border-top: 1px solid #ddd;text-align:right;padding:10px 0px;;}
div.reg_form > .row > span > textarea { display:block;width:100%;line-height:24px;height:150px;padding:10px 10px;border: 0px;outline:none;}
div.reg_form > .row > span > textarea::placeholder {color:#bbb;}
div.reg_form > .row > span.push { display:block;border:0px solid #ddd;width:auto; }
div.reg_form > .row > span.push label { padding-left:22px; height:22px; line-height:22px; font-size:13px; }
div.reg_form > .row > span.push label + label {margin-left:25px;}
div.reg_form > .row > span.push label > input[type=checkbox] + span  { padding-left:5px; line-height:22px; font-size:13px; color:#333; }
div.reg_form > .row > span.push label > input[type=checkbox] + span:before { top:2px;width:16px; height:16px; border: 2px solid #ccc;  background:#ccc;  font-size:16px; line-height:16px; }
div.reg_form > .row > span.push label > input[type=checkbox]:checked + span  { color:#fff; }
div.reg_form > .row > span.push label > input[type=checkbox] + span > b { font-weight:500;}
div.reg_form > .row > span.push label > input[type=checkbox]:checked + span:before { background:#d5a770;border: 2px solid #ed6355;color:#fff; }
div.reg_form > .row > span.att { width:60%;position: relative;}
div.reg_form > .row > span.att.min { width:40%;position: relative;}
div.reg_form > .row > span.att > span {display:block;line-height:38px;height:38px;padding:0px 10px;border: 0px;outline:none;font-size:13px;color:#666; }
div.reg_form > .row > span.att > a { position: absolute;top:2px;right:2px;line-height:34px;height:34px;display:block;padding:0px 15px;text-align:center;font-size:13px;color:#fff;background:#444;border-radius: 2px;}
div.reg_form > .row > span.att > a input[type=file] { position:absolute;top:0px;left:0px;width:100%;height:34px;line-height:34px;font-size:34px;cursor:pointer;background:#999;padding:0px;margin:0px;opacity:0;}
div.reg_form > .row > span.att + span.file { border: 0px;display:block;margin-top:5px;padding:0px;margin:0px;width:auto;}
div.reg_form > .row > span.file  a { text-decoration: underline; }

div.reg_form > .row > span.star {display:block;border:0px solid #ddd;padding:0px;overflow: visible;}
div.reg_form > .row > span.star:after {content:''; display:block; clear:both;}
div.reg_form > .row > span.star > span {display:block; position:relative; width:36px; float:left; height:36px; margin:0; padding:0px; line-height:normal;}
div.reg_form > .row > span.star > span > button {display:block; width:100%; height:100%; text-align:center; vertical-align:middle;background: transparent; color:#bbb;}
div.reg_form > .row > span.star > span > button:after {content:'\ea16'; font-family:"xeicon"; font-size:32px; line-height:36px;}
div.reg_form > .row > span.star > span.checked > button:after {content:'\ea0f'; color:#ed6355;}

div.agree_form { margin-top:0px; }
div.agree_form > div.all {padding:20px 0px;  text-align:left;}
div.agree_form > div.all > label {padding-left:24px; height:24px; line-height:26px;}
div.agree_form > div.all > label > span {font-size:15px; line-height:24px; height: 24px; color:#111;}
div.agree_form > div.all > label > span:before {width:22px; height:22px; line-height:22px;border-radius: 50%;}
div.agree_form > ul { display:block;padding:20px 30px;border:1px solid #ddd; background: #fafafa;}
div.agree_form > ul > li {position:relative; border-bottom:1px solid #ddd; padding:10px 0px;font-size:0px;}
div.agree_form > ul > li:last-child {border-bottom:0px solid #ddd;}
div.agree_form > ul > li > label { vertical-align: middle;display:block;}
div.agree_form > ul > li > label > span:before {border-radius: 50%;}
div.agree_form > ul > li > label > span > b {font-weight:500; color:#999;}
div.agree_form > ul > li.required > label > span > b {color:#ed6355;}
div.agree_form > ul > li > a {position:absolute; right:0px; top:0px; display:inline-block; width:50px;padding-right:0px; height:40px; text-align:center; color:#999;}
div.agree_form > ul > li > a:after {content:'\e93e'; display:block; width:100%; height:40px; line-height:40px; font-family:'xeicon'; font-size:16px; text-align:right; color:#999;}
div.agree_form p.comment {color:#333; word-break:keep-all;}

div.completed {padding:0;display:block; }
div.completed > .result_msg > h1 { display:block;width:160px;height:160px;border-radius: 20px;background: #111;margin:0 auto;background-image: url('../../_img/favicon.png?1');background-repeat: no-repeat;background-position: center;background-size: 150px;;font-size:0px; margin-bottom:20px;}
div.completed > .result_msg > h3 {position:relative; margin:0px;margin-bottom:20px; text-align:center; font-size:34px;line-height:42px; word-break:keep-all;font-weight:500;letter-spacing: -2px;}
div.completed > .result_msg > h3 > b { font-weight:500;color:#d5a770; }
div.completed > .result_msg > p {margin:0 0px; text-align:center; word-break:keep-all;color:#666;font-size:14px;line-height:22px;}
div.completed > .result_msg > p > b {font-size:14px; font-weight:500; color:#111;display:inline-block;vertical-align: bottom;}

div.completed > .result_msg > p.info {margin:0 0px; text-align:center; word-break:keep-all;color:#666;font-size:16px;line-height:24px;}
div.completed > .result_msg > p.info > b {font-size:16px; font-weight:500; color:#111;display:inline-block;vertical-align: bottom;}
div.completed > .result_msg > p.info > em {font-size:18px; font-weight:500; color:#d5a770;display:inline-block;vertical-align: bottom;}

section .find_wrap { clear:both;padding-top:120px;padding-bottom:70px;width:480px;margin:0 auto; }
section .find_wrap hgroup {text-align: center;display:block;border-bottom:0px solid #111;margin:0px;padding:0px 0px 50px 0px;}
section .find_wrap hgroup > h2 { font-weight:500;font-size:34px;letter-spacing: -3px;line-height:40px;margin-bottom: 5px;color:#666;}
section .find_wrap hgroup > h2 > b { color:#d5a770;font-weight:500; }
section .find_wrap hgroup > p { font-size:14px;color:#999;line-height:24px;}

section .find_wrap .find_info { display:block;border-top:1px solid #111; }

section .result_wrap { clear:both;padding-top:120px;padding-bottom:70px;width:480px;margin:0 auto; }

div.reg_form.find_form > .row { position: relative;padding:10px 5px 10px 150px;font-size:0px;border-bottom:1px solid #eee; }
div.reg_form.find_form > .row > span.password,
div.reg_form.find_form > .row > span.phone,
div.reg_form.find_form > .row > span.email { display:block;width:auto;}
div.reg_form.find_form > .row > span.name { display:block;width:auto;}
div.reg_form.find_form > .row > span.birth { display:block;width:auto;}

.post_search { display:none;position:fixed;top:0px;left:0px;right:0px;bottom:0px;background:rgba(0,0,0,0);z-index:999;will-change: transform, opacity; }
.post_search > #post_layer { display:block;position:fixed;width:500px;height:440px;top:50%;left:50%;margin-left:-270px;margin-top:-240px;overflow:hidden;z-index:1;-webkit-overflow-scrolling:touch;background:#eee;padding:15px 20px 25px 20px; }
.post_search > #post_layer > div { border:1px solid #ddd; }
.post_search > #post_layer > header { position:relative;display:block;padding-bottom:0px;background:#eee;padding:0px 0px; border-top: 0px;margin-bottom:10px;}
.post_search > #post_layer > header h1 { font-size:22px;font-weight:300;color:#333;line-height:36px; }
.post_search > #post_layer > header .close { position:absolute;top:0px;right:0px;font-size:30px;display:block;width:36px;height:36px;line-height:36px;text-align:center;cursor:pointer;color:#333; }

.cnts_wrap > hgroup {display:block;padding-bottom:20px;font-size:0px;padding-top:35px;text-align:left;margin:0px;}
.cnts_wrap > hgroup > h2 { display:inline-block;font-weight:500;font-size:34px;letter-spacing: -1px;line-height:44px;}
.cnts_wrap > hgroup > h2 > b { color:#d5a770;font-weight:500; }
.cnts_wrap > hgroup > h3 { display:inline-block;font-weight:400;font-size:22px;letter-spacing: -1px;line-height:30px;color:#666;margin-top:5px;}
.cnts_wrap > hgroup > h3 > b { color:#d5a770;font-weight:500; }
.cnts_wrap > hgroup > span { float:right;display:inline-block;font-size:0px;height:44px;}
.cnts_wrap > hgroup > span > a { font-size:12px;display:inline-block;position: relative;line-height:44px;color:#777;}
.cnts_wrap > hgroup > span > a:last-child { cursor:default; }
.cnts_wrap > hgroup > span > a + a { margin-left:20px; }
.cnts_wrap > hgroup > span > a + a::before { position:absolute;top:0px;left:-20px;display:block;width:20px;text-align:center;height:44px;font-size:12px;line-height:44px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e93f"; }
.cnts_wrap > hgroup > p { font-size:13px;color:#999;line-height:22px;}
.cnts_wrap > hgroup > p > b { color:#d5a770;font-weight:500; }

.cnts_wrap.cn > hgroup {display:block;padding-bottom:20px;font-size:0px;padding-top:35px;text-align:center;margin:0px;margin-bottom:30px;}
.cnts_wrap.cn > hgroup > h2 { display:block; }
.cnts_wrap.cn > hgroup > h3 { display:block; }

.cnts_wrap.rt > hgroup {display:block;padding-bottom:20px;font-size:0px;padding-top:35px;text-align:center;margin:0px;margin-bottom:30px;}
.cnts_wrap.rt > hgroup > h2 { display:block; }
.cnts_wrap.rt > hgroup > h3 { display:block; }

.cnts_wrap.reservation > hgroup {display:block;padding-bottom:20px;font-size:0px;padding-top:50px;text-align:center;margin:0px;margin-bottom:30px;}
.cnts_wrap.reservation > hgroup > h2 { display:block; }
.cnts_wrap.reservation > hgroup > h3 { display:block; }

div.list > ul.notice_list {border-top:1px solid #111;display:block;}
div.list > ul.notice_list > li {display:block; border-bottom:1px solid #ddd;}
div.list > ul.notice_list > li > a {position:relative;display:block; padding:15px 80px 15px 5px;cursor: default;}
div.list > ul.notice_list > li > a[href] { cursor: pointer;}
div.list > ul.notice_list > li > a > h5 {position:relative;display:block; margin-bottom:0px; line-height:24px; font-size:13px; font-weight:300; word-break:keep-all;vertical-align: middle;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
div.list > ul.notice_list > li > a > h5 > label { display:inline-block;padding:0px 0px;height:22px;width:60px;line-height:22px;text-align: center;color:#fff;background: #666;border-radius: 12px;font-size:11px;text-align:center;font-weight:400;margin-right:10px;vertical-align: middle;}
div.list > ul.notice_list > li > a > span { position: absolute;display:block;width:auto;height:24px;line-height:24px;text-align: center;color:#999;top:15px;right:10px;font-size:13px;text-align:right;padding:0px;}
div.list > ul.notice_list > li.nodata { display:block;width:100%;padding:50px 0px;text-align:center;}
div.list > ul.notice_list > li.nodata::before { display:block;height:90px;font-size:60px;line-height:90px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e9ab";text-align:center;color:#ccc;}
div.list > ul.notice_list > li.nodata:after {content:'등록된 내역이 없습니다.'; display:block;  line-height:20px; font-size:13px; color:#999;}

div.list > ul.faq_list {border-top:1px solid #111;display:block;}
div.list > ul.faq_list > li {display:block; border-bottom:1px solid #ddd;}
div.list > ul.faq_list > li > a {position:relative;display:block; padding:15px 0px 15px 5px;}
div.list > ul.faq_list > li > a > h5 {position:relative;display:block; margin-bottom:0px; line-height:24px; font-size:13px; font-weight:300; word-break:keep-all;padding-left:35px;}
div.list > ul.faq_list > li > a > h5::before { position: absolute;display:block;width:28px;height:28px;line-height:28px;text-align: center;color:#333;top:-2px;left:0px;border-radius: 50%;background: transparent;content: 'Q';font-family: 'Titillium';font-weight:700;font-size:18px;}
div.list > ul.faq_list > li > a > h5 > i.best {float:left;display:inline-block;margin-right:5px; margin-top:3px;width:auto;padding:0px 6px; border-radius:4px; height:18px; line-height:18px; text-align:center; vertical-align:top; font-weight:300; font-size:11px; color:#e84a4a; background:#111;}
div.list > ul.faq_list > li > div.contents { display:none;padding:25px;background: #f8f8f8;border-top:1px solid #ddd;padding-left:65px;position: relative;}
div.list > ul.faq_list > li > div.contents::before {position: absolute;display:block;width:28px;height:28px;line-height:28px;text-align: center;color:#D12C5D;top:22px;left:25px;border-radius: 50%;background: ;content: 'A';font-family: 'Titillium';font-weight:700;font-size:18px;}
div.list > ul.faq_list > li > div.contents > p { font-size:13px; word-break:keep-all;line-height:22px;}
div.list > ul.faq_list > li > div.contents > p > b,
div.list > ul.faq_list > li > div.contents > p > strong { font-weight:500; }
div.list > ul.faq_list > li > div.contents > img {max-width:80%; vertical-align:middle;display:block;margin-bottom:10px;}
div.list > ul.faq_list > li > a:after {content:'\e941'; display:block; position:absolute;border-left:1px solid #eee; right:0px; top:50%;margin-top:-15px; width:50px; height:30px; font-family: 'xeicon'; color:#999; font-size:16px; text-align:center; line-height:30px;}
div.list > ul.faq_list > li > a.on > h5  {font-weight:500;}
div.list > ul.faq_list > li > a.on:after {content:'\e944';}
div.list > ul.faq_list > li > a.on + div.contents {display:block;}
div.list > ul.faq_list > li.nodata { display:block;width:100%;padding:50px 0px;text-align:center;}
div.list > ul.faq_list > li.nodata::before { display:block;height:90px;font-size:60px;line-height:90px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e9ab";text-align:center;color:#ccc;}
div.list > ul.faq_list > li.nodata:after {content:'FAQ 내역이 없습니다.'; display:block;  line-height:20px; font-size:13px; color:#999;}

div.list > .list_top { display:block;padding:15px 0px; }
div.list > .list_top > span { display:inline-block;line-height:40px;height:40px;vertical-align: middle;float:right;font-size:14px;}
div.list > .list_top > span > b { color:#D12C5D;font-weight:500;font-size:15px; }
div.list > .list_top > span.sel { display:inline-block;border:1px solid #ccc;line-height:38px;height:38px;overflow: hidden;border-radius: 3px;width:150px;vertical-align: middle;position:relative; overflow:hidden;float:none;}
div.list > .list_top > span.sel > select {display:block; position:relative; box-sizing:border-box; width:130%; padding:0 10px; font-size:14px; line-height:38px; background:transparent;}
div.list > .list_top > span.sel:after {content:'\e941'; display:inline-block; position:absolute; right:10px; top:0; font-family: 'xeicon'; color:#666; font-size:13px; text-align:center; line-height:38px;}

div.list > ul.cs_list {border-top:1px solid #111;display:block;}
div.list > ul.cs_list > li {display:block; border-bottom:1px solid #ddd;}
div.list > ul.cs_list > li > a {position:relative;display:block; padding:20px 0px 20px 0px;}
div.list > ul.cs_list > li > a > .star_point { display:block;margin-bottom:3px;border: 0px;padding:0px;background: transparent;height:18px;line-height: 18px;font-size:0px;margin-bottom:10px;}
div.list > ul.cs_list > li > a > .star_point > i {display:inline-block; width:18px; height:18px; text-align:center; vertical-align:middle; color:#bbb;}
div.list > ul.cs_list > li > a > .star_point > i:after {content:'\ea0f'; display:block; font-family:"xeicon"; font-size:18px; line-height:18px;}
div.list > ul.cs_list > li > a > .star_point > i.checked:after {content:'\ea0f'; color:#D12C5D;}
div.list > ul.cs_list > li > a > .star_point > i + i { margin-left:2px; }
div.list > ul.cs_list > li > a > h5 {display:block; margin-bottom:0px; line-height:24px; font-size:16px; font-weight:400; word-break:keep-all;position: relative;padding-right:240px;}
div.list > ul.cs_list > li > a > h5 > i {display:block;position: absolute;top:1px;left:0px; width:50px;padding:0px 0px; border-radius:4px; height:22px; line-height:22px; text-align:center; vertical-align:top; font-weight:300; font-size:11px; color:#fff; background:#111;}
div.list > ul.cs_list > li > a > .status { display:block;line-height:24px;font-size:14px;color:#999;margin-top:0px;padding-left:20px;position: relative;}
div.list > ul.cs_list > li > a > .status:after {content:'\e9d8'; display:block; position:absolute; left:0px; top:0px; width:auto; height:24px; font-family: 'xeicon'; font-size:18px; text-align:center; line-height:24px;}
div.list > ul.cs_list > li > a > .status.completed { color:#D12C5D;font-weight:500; }
div.list > ul.cs_list > li > a > .status.completed:after { content:'\e9d7'; }
div.list > ul.cs_list > li > a > .goods { display:block;line-height:22px;font-size:13px;color:#999;margin-top:5px; }
div.list > ul.cs_list > li > a > .goods > b { font-weight:500;color:#666;margin-right:8px; }
div.list > ul.cs_list > li > a > .goods > b.goods { font-weight:300;color:#999; }
div.list > ul.cs_list > li > a > .reg_info {position: absolute;right:70px;top:20px;line-height:24px;display:block; font-size:13px; color:#666;text-align:right; }
div.list > ul.cs_list > li > a > .reg_info > b { display:inline-block;font-weight:400;color:#333;line-height:24px; vertical-align: bottom;position: relative;margin-right:21px;}
div.list > ul.cs_list > li > a > .reg_info > b::after { position: absolute;display:block;top:5px;right:-13px;background:#ddd;width:1px;height:14px;content: '';}
div.list > ul.cs_list > li > a > .reg_info > em { display:inline-block;font-weight:400;color:#D12C5D;line-height:24px; vertical-align: bottom;position: relative;margin-left:21px;}
div.list > ul.cs_list > li > a > .reg_info > em::before { position: absolute;display:block;top:5px;left:-13px;background:#ddd;width:1px;height:14px;content: '';}
div.list > ul.cs_list > li > a > .reg_info > i { display:inline-block;margin-left:10px;width:auto;padding:0px 0px;width:70px; border-radius:13px; height:24px; line-height:24px; text-align:center; vertical-align:middle; font-weight:300; font-size:13px; color:#fff; background:#999;}
div.list > ul.cs_list > li > a > .reg_info > i.completed { background: #D12C5D;}
div.list > ul.cs_list > li > a > .reg_info > i.pic { display: inline-block;line-height:24px;height:24px;vertical-align: bottom;margin-right:10px;color:#D12C5D;font-size:16px;}
div.list > ul.cs_list > li > a > .reg_info > i.pic::before { display: block;line-height:24px;height:24px;}
div.list > ul.cs_list > li > div.contents { display:none;padding:35px;background: #eee;border-top:1px solid #ddd;}
div.list > ul.cs_list > li > div.contents > h6 {display:block; margin-bottom:0px; line-height:24px; font-size:14px; font-weight:400; word-break:keep-all;position: relative;color:#999;margin-bottom: 10px;}
div.list > ul.cs_list > li > div.contents > h6 > i {display:block;position: absolute;top:0px;right:0px; width:auto;padding:0px 20px; border-radius:4px; height:24px; line-height:24px; text-align:center; vertical-align:top; font-weight:300; font-size:12px; color:#fff; background:#111;}
div.list > ul.cs_list > li > div.contents > p { font-size:13px; word-break:keep-all;line-height:22px;}
div.list > ul.cs_list > li > div.contents > img {max-width:80%; vertical-align:middle;display:block;margin-bottom:10px;}
div.list > ul.cs_list > li > div.contents > .comment { position: relative;display:block;padding:0px;border-top:1px solid #ddd;padding:20px 0px 0px 180px;margin-top:15px;}
div.list > ul.cs_list > li > div.contents > .comment > div { display:block; }
div.list > ul.cs_list > li > div.contents > .comment > div > p { font-size:13px; word-break:keep-all;line-height:22px;}
div.list > ul.cs_list > li > div.contents > .comment > span { position: absolute;top:20px;left:0px;display:block;padding-left:15px;color:#999;font-size:13px;line-height:20px;}
div.list > ul.cs_list > li > div.contents > .comment > span::before {content:'\e97e'; display:block; position:absolute;left:0px; top:0px; width:15px; height:22px; font-family: 'xeicon'; color:#bbb; font-size:14px; text-align:center; line-height:20px;}
div.list > ul.cs_list > li > div.contents > .comment > span > b { display:block;color:#d5a770;font-size:15px;line-height:20px;font-weight:500; }
div.list > ul.cs_list > li > div.contents > .comment > span > b:after { display:inline-block;font-size:11px;line-height:20px;color:#999;content:'홈스카우터';font-weight: 400;vertical-align: bottom;margin-left:5px;}
div.list > ul.cs_list > li > a:after {content:'\e941'; display:block; position:absolute;border-left:1px solid #eee; right:0px; top:50%;margin-top:-20px; width:50px; height:40px; font-family: 'xeicon'; color:#999; font-size:16px; text-align:center; line-height:40px;}
div.list.thin > ul.cs_list > li > a:after {margin-top:-25px; height:50px; line-height:50px;}
div.list > ul.cs_list > li > a.on:after {content:'\e944';}
div.list > ul.cs_list > li > a.on + div.contents {display:block;}
div.list > ul.cs_list > li.nodata { display:block;width:100%;padding:50px 0px;text-align:center;}
div.list > ul.cs_list > li.nodata::before { display:block;height:90px;font-size:60px;line-height:90px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e9ab";text-align:center;color:#ccc;}
div.list > ul.cs_list > li.nodata:after {content:'등록된 내역이 없습니다.'; display:block;  line-height:20px; font-size:14px; color:#999;}

div.list > ul.rv_list {border-top:1px solid #111;display:block;}
div.list > ul.rv_list > li {display:block; border-bottom:1px solid #ddd;}
div.list > ul.rv_list > li > div { display:block; padding:20px 0px 20px 0px; }
div.list > ul.rv_list > li > div > h5 {display:block; margin-bottom:0px; line-height:24px; font-size:16px; font-weight:400; word-break:keep-all;position: relative;margin-bottom:10px;}
div.list > ul.rv_list > li > div > p { font-size:13px; word-break:keep-all;line-height:22px;}
div.list > ul.rv_list > li > div > .contact { display:block;line-height:20px;font-size:0px; margin-bottom:0px;  margin-top:10px;position: relative;}
div.list > ul.rv_list > li > div > .contact > .star { display:inline-block;line-height: 20px;font-size:0px;position: relative;white-space:nowrap;vertical-align: middle;}
div.list > ul.rv_list > li > div > .contact > .star > span { display:inline-block;line-height: 20px;font-size:0px;position: relative;white-space:nowrap; }
div.list > ul.rv_list > li > div > .contact > .star > span > i { width:20px;height: 20px;display:inline-block;font-family : 'xeicon' !important;font-size:18px;color:#bbb;vertical-align: middle;}
div.list > ul.rv_list > li > div > .contact > .star > span > i::before { content: "\ea16"; }
div.list > ul.rv_list > li > div > .contact > .star > span > em { display:block;white-space:nowrap;position: absolute;top:0px;left:0px;line-height: 20px;white-space:nowrap;overflow: hidden;}
div.list > ul.rv_list > li > div > .contact > .star > span > em > i { width:20px;height: 20px;display:inline-block;font-family : 'xeicon' !important;font-size:18px;color:#fda94f;}
div.list > ul.rv_list > li > div > .contact > .star > span > em > i::before { content: "\ea0f"; }
div.list > ul.rv_list > li > div > .contact > .star > b { display:inline-block;line-height: 20px;font-size:16px;color:#666;vertical-align: middle;font-weight:500;margin-left:5px;}
div.list > ul.rv_list > li > div > .contact > .reg_info { display:inline-block;line-height: 20px;font-size:13px;position: relative;color:#999;white-space:nowrap;vertical-align: middle;margin-left:30px;}
div.list > ul.rv_list > li > div > .contact > .reg_info > b { position: relative;display:inline-block;line-height: 20px;font-size:14px;color:#111;vertical-align: bottom;font-weight:500;margin-right:21px;}
div.list > ul.rv_list > li > div > .contact > .reg_info > b:after { display:block;position: absolute;top:5px;right:-10px;width:1px;height:10px;background: #ddd; content:''; }
div.list > ul.rv_list > li > div > .contact > .label { display:inline-block;line-height: 20px;font-size:0px;position: relative;white-space:nowrap;vertical-align: middle;margin-left:0px;float:right;}
div.list > ul.rv_list > li > div > .contact > .label:after { clear:both;display:block;content: '';}
div.list > ul.rv_list > li > div > .contact > .label > b { position: relative;display:inline-block;line-height: 20px;font-size:14px;color:#999;vertical-align: middle;font-weight:400;}
div.list > ul.rv_list > li > div > .contact > .label > b + b { margin-left:21px; }
div.list > ul.rv_list > li > div > .contact > .label > b + b:after { display:block;position: absolute;top:5px;left:-10px;width:1px;height:10px;background: #ddd; content:''; }
div.list > ul.rv_list > li.nodata { display:block;width:100%;padding:50px 0px;text-align:center;}
div.list > ul.rv_list > li.nodata::before { display:block;height:90px;font-size:60px;line-height:90px;font-family : 'xeicon' !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;content: "\e9ab";text-align:center;color:#ccc;}
div.list > ul.rv_list > li.nodata:after {content:'등록된 내역이 없습니다.'; display:block;  line-height:20px; font-size:14px; color:#999;}


div.view { display:block; }
div.view > .title { display:block;padding:15px 20px;background: #f8f8f8;border-top:1px solid #111; }


/* 2023.01.12 추가(구매하기 버튼) */
.btn_area{ display:flex; justify-content:center; align-items:center; padding:5px 0 20px 0;}
.buyBtn{color:#fff; background:#d5a770; padding:5px 20px; border-radius:4px; font-size:13px;}
.buyBtn.sizeM{padding:10px 35px; font-size:15px; border-radius:6px;}