html {}
body {  color:#555;   line-height: 1.3;}
a { text-decoration: none; }
input:focus{ outline: none; }
b { font-weight: 500; }

input[type=text],
input[type=number] { font-size:15px; height:38px; line-height: 38px; padding:0px; border:none; border-bottom:solid 1px #eeeeee; width:99%; text-indent: 10px; }
input[type=password] { font-size:15px; height:38px; line-height: 38px; padding:0px; border:none; border-bottom:solid 1px #eeeeee; width:99%; text-indent: 10px; /*background:url(../images/common/bullet_eye.jpg) no-repeat 97% center;*/ }
input[type=radio] { width:20px; height:20px; vertical-align: middle; margin-top:-3px; }
/*input[type=text]:focus { border-bottom: solid 1px #d34e46 !important;; }
input[type=password]:focus { border-bottom: solid 1px #d34e46 !important;; }*/
input[type=text]:focus,
input[type=number]:focus { border-color:#d34e46 !important;; }
input[type=password]:focus { border-color:#d34e46 !important;; }

input::placeholder {color:#ddd; font-weight: 300;}
input:focus {  outline: 0; }
textarea { resize: none; }
textarea:focus {  outline: 0; }

.off { border: solid 1px #b4b3b3 !important; color: #b4b3b3; } 

.float-left { float:left; }
.float-right { float:right; }
.clear-both { clear: both; }
.overflow-auto { overflow: auto; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-center { text-align: center !important; }
.width100p { width:100%; }

.reset { float:none !important; padding:0px; margin:0px; clear: both; font-size:0px; line-height: 0px; }

.red { color:#d34e46; }

select { vertical-align: middle; font-family: 'Roboto Mono', 'Noto Sans KR'; color:#555; height:24px; font-size:16px; border:solid 1px #ddd; border-radius: 2px; }
textarea { border:solid 1px #ddd; font-family: 'Roboto Mono', 'Noto Sans KR'; color:#555;  font-size:16px; line-height: 1.4;  border-radius: 2px; }

.textarea { box-shadow: 0 0 0 1px #eeeeee inset; padding:10px; }
.textarea textarea { width:100%; height:100%; border:none; padding:0px; margin:0px; background: transparent; }
.textarea textarea:focus {  outline: 0; }
.textarea.focus  {  box-shadow: 0 0 0 1px #d34e46 inset }
textarea::placeholder {color:#ddd; font-weight: 300;}


input[type=checkbox] + label {
	display: inline-block;
	width: 22px;
	height: 22px;
	border: 1px solid #d34e46;
	cursor: pointer;
	vertical-align: middle;
	margin-top:-3px;
}
input[type=checkbox]:checked + label {
	background:url(../images/checkbox_check.png);
	background-size:cover;
}
input[type=checkbox] {
	display: none;
}


input[type=radio] + label {
	display: inline-block;
	width: 22px;
	height: 22px;
	border: 1px solid #d34e46;
	cursor: pointer;
	vertical-align: middle;
	margin-top:-3px;
	border-radius: 50%;
}
input[type=radio]:checked + label {
	background:url(../images/radio_check.png);
	background-size:cover;
}
input[type=radio] {
	display: none;
}

img.responsive { width:100%; height:auto; }

.ellipsis2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
} 
.ellipsis3{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical;
} 


.dropdown { display:none; background:#fff; width:100%; border:solid 1px #d34e46; position: absolute; height:170px; overflow-y:auto; z-index: 50; }
.dropdown li { cursor:pointer; border-bottom:solid 1px #eee; padding:0px !important; margin:0px !important; text-align: center !important; padding:8px 0 !important; }
.dropdown li span { padding:0px !important; margin:0px !important;  text-align: center !important;}

.line_small { height:8px; }

.btn { background:#fff;  min-width:140px; text-align: center; display:inline-block; border:solid 1px #d34e46; color:#d34e46; height:26px; line-height: 26px; padding:0 0px; border-radius: 14px; font-size:15px; }
.btn:hover { background:#FFECEB; }
.btn img.over { display:none; }
.btn.middle { height:38px; line-height: 38px; font-size:16px; border-radius: 25px; }
.btn.bic { height:46px; line-height: 46px; font-size:20px; border-radius: 25px; }
.btn.red { background:#d34e46; color:#fff; }
.btn.red:hover { background:#AF2921; }
.btn.yellow { background:#FFF700;  border:solid 1px #FFF700; }

#wrap {min-width:320px;}

#header { width:100%; position: fixed; top:0px; left:0px; width:100%; background:#D34E46; color:#fff; height:56px; z-index: 601 }
#header .inner { padding:0 20px; max-width:2048px; margin:0 auto; }
#header .logo { float:left; margin-top:14px; margin-right:40px; }
#header .logo img { width:78px; }

#header .menu_left { float:left; margin-top:18px; font-weight: 400; }
#header .menu_left li { float:left; font-size:16px; padding-right:15px; background:url(../images/top_line1.png) no-repeat right center; margin-right:13px; }
#header .menu_left li:last-child { background:none; }
#header .menu_left li.over { color:#FFF700; }

#header .menu_right { float:right; margin-top:18px; font-weight: 400; }
#header .menu_right li { float:left; font-size:16px; padding-left:15px; background:url(../images/top_line1.png) no-repeat left center; margin-left:13px; }
#header .menu_right li:first-child { background:none; }
#header .menu_right li .menu_photo { width:28px; height:28px; border-radius:50%; }
#header .menu_right li.over { color:#FFF700; }

#header .menu_mobile { display:none; float:right; margin-top:18px; font-weight: 400; }
#header .menu_mobile > ul > li { float:left; font-size:16px; padding-left:15px; margin-left:13px; }
#header .menu_mobile > ul > li:first-child { background:none; }
#header .menu_mobile > ul > li:last-child img { width:30px; }
#header .menu_mobile > ul > li .menu_photo { width:28px; height:28px; border-radius:50%; }

#header .menu_mobile .submenu { display:none; position:fixed; width:100%; height:100%; background:#FFECEB; color:#D34E46; left:0px; top:56px; z-index: 99999; }
#header .menu_mobile .submenu ul li { display:block; float:none; background:#fff; }
#header .menu_mobile .submenu ul li a { display:block; text-indent: 20px; height:55px; line-height: 55px; font-size:16px; border-bottom:solid 1px #D34E46; }
#header .menu_mobile .submenu ul li.line { background:#FFECEB; height:12px; border-bottom:solid 1px #D34E46; }
#header.notice { margin-top:110px; }
#header.notice .menu_mobile .submenu { top:166px; }

.file-container { position: relative; }
.file-container input[type=file] { display:none; }
.file-container input[type=text] { border:solid 1px #eeeeee !important; padding:12px 0; text-indent: 10px !important; width: 90% !important; }
.file-container a { position: absolute; right:0px; top:0px; }
.file-container a img.selected { display:none; }
.file-container a.selected img { display:none; }
.file-container a.selected img.selected { display:inline; }


.searchContainer { background:#fff; height:60px; width:100%; padding-top:20px; }

.searchContainer .inner { padding:0 40px; max-width:1400px; margin:0 auto; margin-top:5px; position: relative; }
.searchContainer .hash { position: absolute; top:10px; }
.searchContainer .hash img.over { display:none; }
.searchContainer .hash.selected img { display:none; }
.searchContainer .hash.selected img.over { display:inline; }

.searchContainer .frm { margin-left:0px; padding-top:5px; }
.searchContainer .frm input { width:100%; text-indent: 0px; }
.searchContainer .frm a { position: absolute; right:40px; top:10px;}
.searchContainer .result { margin-top:20px; padding-left:0px; color:#aaa; font-weight: 300; }

.search-container .subtab_menu { padding:35px 0; margin-top:30px; }
.search-container .subtab_menu ul { text-align: center; }
.search-container .subtab_menu li { display:inline-block; margin:0 40px; }
.search-container .subtab_menu li a.btn { min-width:160px; }

.search-container .artwork_list { max-width:1400px; margin:0 auto; padding:0px; }
.search-container .artwork_list ul.list li { width:25%; }

.search-container .story_list { max-width:1400px; margin:0 auto; padding:0px; }
.search-container .story_list ul.list li { width:25%; }

.search-container .mentor-container { max-width:1400px; margin:0 auto; padding:0px; }
.search-container .mentor-container ul.list li { width:16.66%; }


.search-container li.empty { display:block; width:100% !important; height:50px; line-height: 50px; text-align: center; color:#aaa; }

/*.searchContainer { display:none; background:#fff; height:60px; width:100%; position: fixed; top:56px; left:0px; z-index: 600; border-bottom:solid 1px #D34E46;}

.searchContainer .inner { padding:0 40px; max-width:2048px; margin:0 auto; margin-top:5px; position: relative; }
.searchContainer .hash { position: absolute; top:10px; }
.searchContainer .frm { margin-left:50px; padding-top:5px; }
.searchContainer .frm input { width:100%; text-indent: 0px; }
.searchContainer .frm input:focus { border-color:#eee !important; }
.searchContainer .frm a { position: absolute; right:40px; top:10px;}*/

#footer { background:#555555; color:#fff; font-size:14px; padding:25px 0; margin-top:100px; }
#footer .inner { max-width:1400px; margin:0 auto; padding:0 15px; }

#footer .term { float:left; }
#footer .term li { float:left; background:url(../images/footer_line1.png) no-repeat right center; padding-right:15px; margin-right:13px; }
#footer .term li:last-child { background:none; }

#footer .sns { float:right; }
#footer .sns li { float:left; margin-right:13px; }
#footer .sns li.line { background:url(../images/footer_line1.png) no-repeat right center; padding-right:15px;  }
#footer .sns li:last-child { background:none; }

#footer .lang-text { margin-top: -5px; display: inline-block; border:solid 1px #fff; text-indent: 10px; font-size: 13px; height: 28px; line-height: 28px; width:100px; text-align:left; background:url(../images/bullet_up.png) no-repeat 95% center; }

#footer .lang-select { display: none; position:absolute; background:#555555 }
#footer .lang-select ul { }
#footer .lang-select li { display:block;  float:none; background: none; border: solid 1px #fff; padding: 0px; margin: 0px !important; }
#footer .lang-select li a { display:block;  height: 28px; line-height: 28px; width:100px; text-indent: 10px; font-size: 13px;}

#footer .copyright { clear:both; padding-top:30px; }

#footer .copyright ul > li { float:left;  margin-right:60px; }

#footer .copyright ol > li { margin-bottom:8px; font-weight: 200; } 
#footer .copyright ol > li b { margin-right:8px; font-weight: 500; }

.popup-container { position: absolute; width:100%; height:110%; top:0px; left:0px; display:none; z-index: 1000; }
.popup-container .bg { position: fixed; background: #000; opacity: 0.8; filter:alpha(opacity=80); height: 100%; width:100%; }
.popup-container .bg a { position: absolute; right:20px; top:20px; }
.popup-container .indicator { position: fixed; top:50%; left:50%; margin:-40px 0 0 -23px; }
.popup-container .indicator img { width:45px; height:45px; }
.popup-container .frame { visibility: hidden; position: absolute; max-width:1200px; width:100%;  margin:10px 0 10px 0px; background:#fff; overflow-x: hidden; overflow-y:hidden;}
.popup-container .frame > .inner { }

.page_top { position: fixed; bottom:20px; right:40px; z-index: 800 }
.page_top img { width:52px; }

.selectbox { position: relative; display:inline-block; font-size:16px; font-weight: 500; color:#d34e46; vertical-align: middle; z-index: 50; }
.selectbox input[name=select_text] { cursor:pointer; text-indent: 10px; color:#d34e46; font-size:16px; font-weight: 500;   border:none; height:38px; line-height: 38px; padding:0px; margin:0px; width:100%; box-shadow: 0 0 0 1px #d34e46 inset;  background:url(../images/select_down.png) no-repeat 97% center; background-size:28px 28px; }
.selectbox.over input[name=select_text] {  background:url(../images/select_up.png) no-repeat 97% center; background-size:28px 28px; }
.selectbox .list { margin-top:-1px; background:#fff; position: absolute; width:100%; box-shadow: 0 0 0 1px #d34e46 inset; display:none; padding-bottom:1px; }
.selectbox .list ul { float:none !important; }
.selectbox .list li { cursor:pointer; border-bottom:solid 1px #d34e46; width:100% !important; height:38px; line-height: 38px; margin:0px !important; float:none !important; }
.selectbox .list li span { display:block; height:38px; line-height: 38px; padding:0 10px;}
.selectbox .list li:hover span{ margin:1px; background:#FFECEB;  }
.selectbox .list li:last-child { border-bottom:none; }

.title { font-size:20px; font-weight: 500; color:#D34E46; margin-bottom:10px; position: relative; }
.title .more { position: absolute; right:10px; }

.artwork_list { padding:100px 0 40px; }
.artwork_list .title { padding-left:10px; }
.artwork_list .inner { max-width:2068px; margin:0 auto; padding:0 30px; }
.artwork_list ul.list { text-align: center; }
.artwork_list ul.list li { float:left; width:20%; }
.artwork_list ul.list li .gal { display:none; }
.artwork_list ul.list li .box { margin:10px;  border:solid 1px #d34e46; position: relative; }
.artwork_list ul.list li .box .noti { position: absolute; top:0px; left:0px; }
.artwork_list ul.list li .box .noti img { width:36px; }
.artwork_list ul.list li .img img { width:100%; cursor:pointer; }
.artwork_list ul.list li .info { position: relative; padding:15px; }
.artwork_list ul.list li .info .tit { display:block; margin-bottom:10px; font-size:16px; font-weight: 500; color:#D34E46; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  margin-right:30px; }
.artwork_list ul.list li .info .btn_like { position: absolute; top:10px; right:15px; display:inline-block; width:28px; height:28px; background:url(../images/btn_like2.png) no-repeat center center; background-size:28px 28px; vertical-align: middle; }
.artwork_list ul.list li .info .btn_like.selected { background:url(../images/btn_like2_over.png) no-repeat center center;  background-size:28px 28px;}
.artwork_list ul.list li .info .name { display:block; font-size:14px; color:#555555; white-space: nowrap; text-overflow: ellipsis; overflow:hidden; margin-right:70px; }
.artwork_list ul.list li .info .dtm { display:block; font-size:12px; color: #555555; position: absolute; right:20px; margin-top:-17px; }


.sns_share { padding:40px; }
.sns_share li { float:left; text-align: center; width:33.33%; }

.story_list { padding:100px 0 40px; }
.story_list .title { padding-left:10px; }
.story_list .inner { max-width:2068px; margin:0 auto; padding:0 30px; }
.story_list ul.list { text-align: center; }
.story_list ul.list li { float:left; width:20%; }
.story_list ul.list li .box { margin:10px;  border:solid 1px #d34e46; }
.story_list ul.list li .img img { width:100%; cursor:pointer; }
.story_list ul.list li .info { position: relative; padding:15px; background:#f5f5f5; }
.story_list ul.list li .tit { background:#f5f5f5; text-align:center; font-size:24px; padding:20px 20px; font-weight: 500; color:#D34E46; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.story_list ul.list li .info .btn_like { position: absolute; top:10px; right:15px; display:inline-block; width:28px; height:28px; background:url(../images/btn_like2.png) no-repeat center center;  background-size:28px 28px;vertical-align: middle; }
.story_list ul.list li .info .btn_like.selected { background:url(../images/btn_like2_over.png) no-repeat center center; background-size:28px 28px; }
.story_list ul.list li .info .name { display:block; font-size:16px;  color:#555555; margin-bottom:6px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:24px; }
.story_list ul.list li .info .dtm { display:block; font-size:12px; color: #555555; }


.story_view .inner { max-width:1310px; margin:0 auto; padding:0 30px; }
.story_view .book_title { text-align: center; font-size:24px; font-weight: 500; color:#d34e46; padding:30px 0; }

.story_view .bookmark { font-size:0px; width: 100%; position:fixed; z-index: 590;   background:#fff; border-bottom:solid 1px #d34e46; }
.story_view .bookmark .inset {max-width:1310px; margin: 0 auto; padding:0 30px 30px 30px; position:relative }
.story_view .bookmark ul { white-space:nowrap; overflow-x:hidden; text-align:center; margin:0 25px; overflow: hidden}
.story_view .bookmark li { display:inline-block; margin:0 10px; }
.story_view .bookmark li a { display: block; font-size:16px; width: 80px; height: 96px; line-height: 96px; border:solid 1px #d34e46; color:#d34e46 ; text-align:center; opacity:0.6; }
.story_view .bookmark li a.selected { opacity: 1; background:#fbedec }

.story_view .bookmark .inset > a { position:absolute; }
.story_view .bookmark .inset > a img.over { display:none; }
.story_view .bookmark .inset > a.left {bottom: 65px; left: 20px;}
.story_view .bookmark .inset > a.right {bottom: 65px; right: 20px;}
.story_view .bookmark .inset > a.over img { display:none; }
.story_view .bookmark .inset > a.over img.over { display:inline; }
.story_view .story_box { position: relative; border-bottom:solid 1px #d34e46; }
.story_view .story_box .t_l { position: absolute; width:62px; height:9px; top:0px; left:0px; background:url(../images/book_box_t_l.jpg) repeat-x center top; z-index: 10; }
.story_view .story_box .t_m { position: absolute; width:100%; height:9px; top:0px; left:0px; background:url(../images/book_box_t_m.jpg) repeat-x center top; z-index: 1; }
.story_view .story_box .t_r { position: absolute; width:9px; height:9px; top:0px; right:0px; background:url(../images/book_box_t_r.jpg) no-repeat center top; z-index: 10; }
.story_view .story_box .m_l { position: absolute; width:62px; height:100%; top:0px; left:0px; background:url(../images/book_box_m_l.jpg) repeat-y center top; z-index: 9; }
.story_view .story_box .m_r { position: absolute; width:9px; height:100%; top:0px; right:0px; background:url(../images/book_box_m_r.jpg) repeat-y center top; z-index: 9; }
.story_view .story_box .b_l { position: absolute; width:69px; height:16px; bottom:0px; left:0px; background:url(../images/book_box_b_l.jpg) repeat-x center top; z-index: 10; }
.story_view .story_box .b_m { position: absolute; width:100%; height:9px; bottom:0px; left:0px; background:url(../images/book_box_b_m.jpg) repeat-x center top; z-index: 1; }
.story_view .story_box .b_r { position: absolute; width:9px; height:9px; bottom:0px; right:0px; background:url(../images/book_box_b_r.jpg) no-repeat center top; z-index: 10; }
.story_view .story_box .page { position: relative; text-align: left; font-size:20px; color:#D34E46;  padding-top:20px; padding-bottom:14px; }
.story_view .story_box .page a { float:right; }
.story_view .story_box .page ul { float:right; }
.story_view .story_box .page ul li { float: left; margin-left:20px; }
.story_view .story_box .page ul li a { display:inline-block; height:28px; line-height:28px; padding:0 30px; border:solid 1px #D34E46; border-radius:14px; font-size:14px; }
.story_view .story_box .page ul li a.over { color:#fff; background:#D34E46; }
.story_view .story_box .conts { z-index: 50; position: relative; margin-left:0px; }
.story_view .story_box .conts .img {  }
.story_view .story_box .conts .img .slider {  padding:10px 0;  }
.story_view .story_box .conts .img .tit { cursor: pointer;  display:block; text-align: left;  }
.story_view .story_box .conts .img img.over { display:none; }
.story_view .story_box .conts .img a.over img { display:none; }
.story_view .story_box .conts .img a.over img.over { display:inline; }
.story_view .story_box .conts .img .page { position: absolute;  right:0px; bottom:-20px; background:#fff; font-size:16px; }
.story_view .story_box .conts .img .page > span { display:block; padding:0 40px; height:28px; line-height: 28px; }
.story_view .story_box .conts .img .left { position: absolute; left:0px; bottom:0px; background:#fff; }
.story_view .story_box .conts .img .left img { width:28px; }
.story_view .story_box .conts .img .left .disabled { display:none; }
.story_view .story_box .conts .img .right { position: absolute; right:0px; bottom:0px; background:#fff; }
.story_view .story_box .conts .img .right img { width:28px; }
.story_view .story_box .conts .img .right .disabled { display:none; }
.story_view .story_box .conts .text { line-height: 1.5; font-size:16px; color:#555; font-weight: 300; background: #fcf1f0; padding:30px; }
.story_view .bar { position: relative; margin:40px 0 0 0; }
.story_view .bar .page { position: absolute; right:0px; top:5px; font-size:22px; color:#D34E46; letter-spacing: 2px; }
.story_view .bar .scrollbar { margin-right:90px; position: relative;}
.story_view .bar .scrollbar > a img.over { display:none; }
.story_view .bar .scrollbar > a.over img { display:none; }
.story_view .bar .scrollbar > a.over img.over { display:inline; }
.story_view .bar .scrollbar .left { position: absolute; left:0px; bottom:0px; }
.story_view .bar .scrollbar .right { position: absolute; right:0px; bottom:0px; }
.story_view .bar .scrollbar .line {   }
.story_view .bar .scrollbar .line a { position: absolute; font-weight: 500; border-radius: 50%; width:40px; height:40px; line-height: 36px; text-align: center; background:#D34E46; color:#fff; }
.story_view .join_slider li { position: relative; }
.story_view .join_slider li > img { cursor:pointer; width:100%; }
.story_view .join_slider li .head {}
.story_view .join_slider li .head { margin-bottom:10px; }
.story_view .join_slider li .head .profile { float:left; font-size:24px; }
.story_view .join_slider li .head .profile img { width:40px; vertical-align: middle; margin-right:5px; border-radius: 50%; display: inline-block; }
.story_view .join_slider li .head .dtm { float:right; font-size:14px; color:#888888; margin-top:22px; }


.story_view .bar .ui-widget-content { border:0px; padding:0px; height:40px; background:url(../images/book_line.png) repeat-x center center; position: relative; margin:0 70px; }
.story_view .bar .ui-slider .ui-slider-handle { cursor:pointer; margin:0px 0 0 -20px; top:0; left:0; border:0px; font-weight: 500; border-radius: 50%; width:40px; height:40px; line-height: 36px; text-align: center; background:#D34E46; color:#fff;}
.story_view .story_box { padding-bottom:30px; }
.story_view .story_box .conts .scroll-container {  margin-right:20px;  }
.story_view .story_box .conts .scroll {  width:98%; }
.story_view .story_box .conts .scroll li { float:left; width:20%; cursor: pointer; }
.story_view .story_box .conts .scroll li.pagenum { clear:both; display:block; float:none; width:100%; color:#D34E46; text-indent: 5px; padding-bottom:5px; padding-top:15px; }
.story_view .story_box .conts .scroll li .box { margin:5px 5px; border:solid 1px #D34E46; }
.story_view .story_box .conts .scroll li .box img { width:100%; }
.story_view .story_box .conts .scroll li .box .tit { text-align: left; text-indent:15px; height:45px; line-height: 45px; }


#main-container { margin-top:56px; }
#main-container.notice { margin-top:166px; }
#main-container .banner { max-width:1920px; margin:0 auto; }
#main-container .banner li { text-align: center; height:480px; cursor:pointer; }

#main-container .bx-wrapper .bx-pager { padding-top:0px; }
#main-container .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { bottom:30px; }

#main-container .artwork_list .inner { max-width:1330px;  }

#main-container .book_banner { background:#ffecd1; color:#d34e46; padding:0 40px; }
#main-container .book_banner .inner { max-width:1310px; margin:0 auto; position: relative; }
#main-container .book_banner .tit { padding-top:60px; padding-bottom:40px; font-size:36px; font-weight: 600; }
#main-container .book_banner .info { font-size:22px; line-height: 1.5; font-weight: 400; z-index: 10; position: relative; }
#main-container .book_banner .img { position: absolute; right:0px; top:0px; z-index: 9; }

#main-container .book_banner .btns { text-align: center; padding:100px 0 60px; }
#main-container .book_banner .btns a { display:inline-block; border:solid 1px #d34e46; height:38px; line-height: 38px; border-radius: 20px; padding:0 40px; }
#main-container .book_banner .btns a:hover { background:#d34e47; color:#fff; }


#main-container .drawing_banner { background:#dff6e3; color:#d34e46; padding:0 40px; }
#main-container .drawing_banner .inner { max-width:1310px; margin:0 auto; position: relative; }
#main-container .drawing_banner .tit { padding-top:60px; padding-bottom:40px; font-size:36px; font-weight: 600; }
#main-container .drawing_banner .info .desc { margin-left:200px; font-size:22px; line-height: 1.5; font-weight: 400; line-height: 1.7; }
#main-container .drawing_banner .img { position: absolute; left:0px;  }
#main-container .drawing_banner .btns { text-align: center; padding:100px 0 60px; }
#main-container .drawing_banner .btns a { display:inline-block; border:solid 1px #d34e46; height:38px; line-height: 38px; border-radius: 20px; padding:0 40px; margin:0 10px; }
#main-container .drawing_banner .btns a img { margin-right:5px; }
#main-container .drawing_banner .btns a img.over { display:none; }
#main-container .drawing_banner .btns a:hover { background:#d34e47; color:#fff; }
#main-container .drawing_banner .btns a:hover img { display:none; }
#main-container .drawing_banner .btns a:hover img.over { display:inline-block; }

#main-container .artwork_list ul.list li { width:25%; }

.page-title { border-bottom:solid 1px #D34E46; position: fixed; width:100%; left:0px; z-index: 600; background:#fff; }
.page-title .inner { max-width:2048px; margin:0 auto; padding:10px 40px; }
.page-title .tit { float:left; font-size:20px; font-weight: 500; color:#d34e46; margin-top:7px; }
.page-title .tit img { margin-right:3px; margin-top:-5px; }
.page-title .opt { float:right }
.page-title .opt .slideshow { margin-right:15px; }
.page-title .opt .like { margin-right:15px; }
.page-title .opt .like img { width:40px; }
.page-title .opt .like img.over { display:none; }
.page-title .opt .like.selected img { display:none;  }
.page-title .opt .like.selected img.over { display:inline; }
.page-title .storemenu { float:right; padding-top:5px; }
.page-title .storemenu a { font-size:16px; font-weight: 500; color:#d34e46; margin-left:30px; position: relative; }
.page-title .storemenu a img { vertical-align: middle; margin-top:-3px; }
.page-title .storemenu a .badge { right:-2px; top:-3px; position: absolute; background: #FFF700; color:#D34E46; border-radius: 50%; width:17px; height:17px; text-align: center; line-height: 15px; font-size:13px; }
.page-title .storemenu a.selected { background:#FFECEB; padding:1px 15px; border-radius: 14px; }

#sub-container { margin-top:56px; min-height: 700px; }

.artworks_detail { max-width:1280px; margin:35px auto; padding:30px 0 40px; }
.artworks_detail .head { margin-bottom:15px; position: relative; }
.artworks_detail .head .profile { float:left; font-size:24px;  cursor:pointer;}
.artworks_detail .head .profile img { width:40px; vertical-align: middle; margin-right:5px; border-radius: 50%; }
.artworks_detail .head .dtm { float:right; font-size:14px; color:#888888; margin-top:22px; }
.artworks_detail .head .opt { position:absolute; top:10px; right:0px; display:block; }
.artworks_detail .head .opt .more img { width:28px; }
.artworks_detail .head .opt .more_list { position: absolute; top:100%; right:0px; background:#fff; display:none; z-index: 100; }
.artworks_detail .head .opt .more_list ul { border:solid 1px #d34e46; }
.artworks_detail .head .opt .more_list li { border-top:dotted 1px #d34e46; }
.artworks_detail .head .opt .more_list li:first-child { border-top:none; }
.artworks_detail .head .opt .more_list li a { white-space: nowrap; display:block; height:40px; line-height: 40px; padding:0 30px; }
.artworks_detail .head .opt .like { display:inline-block; width:28px; height:28px; background:url(../images/btn_like2.png) no-repeat center center; background-size:28px 28px; vertical-align: middle; }
.artworks_detail .head .opt .like.selected {  background:url(../images/btn_like2_over.png) no-repeat center center; background-size:28px 28px; }

.artworks_detail .conts { position: relative; }
.artworks_detail .conts .img {  }
.artworks_detail .conts .img img { width:100%; /*border:solid 1px #D34E46;*/ }
.artworks_detail .conts .img .noti { position:absolute }
.artworks_detail .conts .img .noti img { width:36px; height:36px; }
.artworks_detail .conts .info { position: relative; padding:30px 0 0 0;  }
.artworks_detail .conts .info .tit {  display:block; font-size:28px; font-weight: 500; padding-top:0px; padding-bottom:8px; }

.artworks_detail .conts .info .desc {  display:block; font-weight:300; margin-bottom: 30px; clear:both; padding-top:0px; font-size:16px; line-height: 1.6; }
.artworks_detail .conts .info .desc .tag li { color:#46A8D3; display:inline; margin-right:5px; }
.artworks_detail .conts .info .dtm { color:#999; font-size:14px; margin-bottom:8px; line-height: 1.6; }
.artworks_detail .conts .info .dtm a:hover { color: #d34e46; text-decoration:underline; }

.artworks_detail .conts .result { margin-bottom:25px; }
.artworks_detail .conts .result ul { color:#555555;  border:solid 1px #D34E46; padding:5px 70px; margin-bottom:20px; text-align: center; }
.artworks_detail .conts .result > ul li { float:left; width:20%; text-align: center; font-size:18px; color:#D34E46; }
.artworks_detail .conts .result > ul li span { display:inline-block; margin-left:40px; height:40px; line-height: 40px;}
.artworks_detail .conts .result > ul li img { width:40px; height:40px; position: absolute; }
.artworks_detail .conts .result .msg { font-size:16px; color:#D34E46; position: relative; z-index: 40; }
.artworks_detail .conts .result .msg > span { float:right; cursor: pointer; background:url(../images/btn_stick_down.png) no-repeat center right; background-size: 25px auto; padding-right:40px; }
.artworks_detail .conts .result .msg > span.empty { padding-right:0px; background:none; }
.artworks_detail .conts .result .msg span b { font-weight: 500; }
.artworks_detail .conts .result .msg a { float:right; margin-top:-5px; }
.artworks_detail .conts .result .msg a img { width:25px; }

.artworks_detail .conts .result .msg .log { display:none; position: absolute; right: 0px; background:#fff; width:100%; max-width: 500px; box-shadow: 0 0 0 1px #D34E46 inset; }
.artworks_detail .conts .result .msg .log .txt { font-size:18px;  color:#D34E46; font-weight: 500; text-align: center; margin:15px 0; }
.artworks_detail .conts .result .msg .log > a { position: absolute; right:30px; top:20px; }
.artworks_detail .conts .result .msg .log ul { border:none; height:465px; margin-right:1px; padding:0 20px; overflow-y:auto; }
.artworks_detail .conts .result .msg .log li { height:40px; margin-bottom:20px; position: relative;}
.artworks_detail .conts .result .msg .log .profile { position: relative; cursor: pointer; }
.artworks_detail .conts .result .msg .log .profile .img { position: absolute; width:auto; overflow:hidden; border:none; }
.artworks_detail .conts .result .msg .log .profile .img img { width:40px; height:40px; border:none; border-radius: 50%; }
.artworks_detail .conts .result .msg .log .profile .name { white-space: nowrap; overflow:hidden; text-overflow:ellipsis; margin-left:55px;margin-right:55px;  font-size:18px; height:40px; line-height: 40px; }
.artworks_detail .conts .result .msg .log .profile .name span {float:none; display:block; color:#D34E46; font-size:14px; line-height:0; padding-top:10px;}
.artworks_detail .conts .result .msg .log li > img { position: absolute; right:0px; top:0px; }

.artworks_detail .conts .result_cmt {  width:100%; overflow: auto; border-top:solid 1px #D34E46; padding-top:10px; background: #fff; }
.artworks_detail .conts .result_cmt ul { text-align: center; float:right; width:100%; max-width:500px; }
.artworks_detail .conts .result_cmt li { float:left; width:20%; text-align: center; }
.artworks_detail .conts .result_cmt li img { width:46px; cursor: pointer; }
.artworks_detail .conts .result_cmt .txt { float: left; display:block; font-size:18px; font-weight: 400; color:#D34E46; margin-top:10px;}

.artworks_detail .cmt_info { color:#555555;  border-top:solid 1px #D34E46; border-bottom:dotted 1px #D34E46; padding:25px 0; margin-top:10px; }
.artworks_detail .cmt_info > ul li { float:left; margin-right:50px; }
.artworks_detail .cmt_info > ul li img { cursor:pointer; }
.artworks_detail .cmt_info .pro { margin-top:0px; margin-right:10px; }
.artworks_detail .cmt_info .textarea { margin-top:20px; }
.artworks_detail .cmt_info .btns { text-align: right; margin-top:20px; }
.artworks_detail .cmt_info .btns a { margin-left:10px; }

.artworks_detail .nextArtworks { padding-top:30px; }
.artworks_detail .nextArtworks a { color:#D34E46; font-weight:500; font-size:18px; }
.artworks_detail .nextArtworks .prev { float: left; background:url(../images/detail_btn_prev.png) no-repeat center left; padding-left:30px; }
.artworks_detail .nextArtworks .next { float: right; background:url(../images/detail_btn_next.png) no-repeat center right; padding-right:30px; }

.artworks_detail .nextArtworks .prev.disabled { color:#aaaaaa; background:url(../images/detail_btn_prev_off.png) no-repeat center left; }
.artworks_detail .nextArtworks .next.disabled { color:#aaaaaa; background:url(../images/detail_btn_next_off.png) no-repeat center right; }


.artworks_edit { margin:0px;  }
.artworks_edit .head { height:50px; line-height: 50px; font-weight: 500; font-size:20px; text-align: center; background:#d34e46; color:#fff; }
.artworks_edit .conts { background:#f5f5f5; padding:30px; }
.artworks_edit .conts .box { background:#fff; }
.artworks_edit .conts .tit { padding:20px; height:78px; }
.artworks_edit .conts .tit img { position: absolute; width:118px; height:78px; object-fit: cover; }
.artworks_edit .conts .tit > span { display:block; margin-left:140px; padding-top:20px; }
.artworks_edit .conts .tit > span input { border:none; font-size:20px; width:100%; }
.artworks_edit .conts .memo { padding:20px; border-top:solid 1px #f5f5f5; height:300px; }
.artworks_edit .conts .memo textarea { border:none; width:100%; height:100%; }

.artworks_edit .conts .secu { text-align: right; padding-top:20px; }
.artworks_edit .conts .secu a { margin-left:20px; min-width:170px; }
.artworks_edit .conts .btns { text-align: center; padding-top:30px; }


.comment-container { color:#555555; border-bottom:solid 1px #e9a7a3;}
.comment-container li { position: relative; padding:25px 0; border-bottom:solid 1px #eeeeee; }
.comment-container li:last-child { border-bottom:none; }
.comment-container li .edit { position: absolute; right:0px; }
.comment-container .profile { }
.comment-container .profile .img { position: absolute; cursor: pointer; }
.comment-container .profile .img img { width:40px; border-radius: 50%; }
.comment-container .profile .name { margin-left:50px; font-size:20px; height:40px; line-height: 40px; cursor: pointer; }
.comment-container .profile .name span { display:block; color:#D34E46; font-size:16px; line-height:0; padding-top:10px; padding-bottom:5px; }
.comment-container .comment { margin-left:50px; clear:both; padding-top:17px; }
.comment-container form { margin-left:50px; margin-top:17px; display:none; }
.comment-container form .textarea { margin-top:5px; }
.comment-container form .btns { text-align: right; margin-top:20px; }
.comment-container form .btns a { margin-left:10px; }
.comment-container .dtm { text-align: right; font-size:16px;  padding-top:4px; }


.login-container { max-width:480px; margin:0 auto; padding:0 20px; padding-top:85px; }
.login-container .inner { max-width:408px; margin:0 auto; }
.login-container .line { height:0px; border-top:dashed 1px #D34E46; margin:60px 0; }
.login-container .tit { font-size:20px; font-weight: 500; color:#D34E46; margin-bottom:30px; }
.login-container .form1 input { border:none; border-bottom:solid 1px #eeeeee; text-indent: 0px; width:100%; margin-bottom:30px; }
.login-container .id_save { float:left; color:#D34E46; }
.login-container .id_search { float:right; color:#D34E46; }
.login-container .login { width:100%; padding:0px; margin-top:35px; }
.login-container .sns .tit { margin-top:60px; margin-bottom:30px; }
.login-container .sns ul { text-align: center; }
.login-container .sns li { display:inline-block; margin:0 12px; }
.login-container .join { width:100%; padding:0px; }


.idsearch-container { max-width:830px; margin:0 auto; padding:0 20px; padding-top:85px; }
.idsearch-container .tit { font-size:24px; font-weight: 500; color:#D34E46; padding-bottom:18px; }
.idsearch-container .id ul { padding-top:25px; }
.idsearch-container .id ul li { background:url(../images/icon_cir1.png) no-repeat left center; padding-left:12px; position: relative; line-height: 1.8; }
.idsearch-container .id ul li b { display:block; position: absolute; font-weight: 500; }
.idsearch-container .id ul li span { display:block; margin-left:70px; }

.idsearch-container .pwd { margin-top:50px; }
.idsearch-container .pwd ul { padding-top:25px; }
.idsearch-container .pwd ul li { position: relative; margin-bottom:45px; }
.idsearch-container .pwd ul li b { display:block; position: absolute; font-weight: 500; font-size:20px; color:#D34E46; }
.idsearch-container .pwd ul li span { display:block; margin-left:170px; }
.idsearch-container .pwd ul li input { border:none; border-bottom:solid 1px #eeeeee; text-indent: 0px; width:100%; margin-bottom:0px; height:27px; line-height: 1.4 }
.idsearch-container .btns { text-align: center; padding-top:15px; }
.idsearch-container .confirm {  padding:0px; width:140px; }


.page-menu { border-bottom:solid 1px #D34E46; }
.page-menu .inner { max-width:2048px; margin:0 auto; padding:15px 40px 0; }
.page-menu li { float:left; margin-right:60px; }
.page-menu li a { display:block; height:33px; font-size:20px;  border-bottom:solid 7px #fff;}
.page-menu li.selected a { border-bottom:solid 7px #D34E46; }
.page-menu .opt { float:right;  }
.page-menu .opt .logout { display:inline-block; font-size:20px; font-weight: 500; color:#D34E46; }
.page-menu .opt .logout img { width:25px; }
.page-menu .opt .like { margin-left:15px; }
.page-menu .opt .like img { width:40px; }
.page-menu .opt .like img.over { display:none; }
.page-menu .opt .like.selected img { display:none;  }
.page-menu .opt .like.selected img.over { display:inline; }

.page-menu2 { border-bottom:solid 1px #D34E46; position: fixed; width:100%; left:0px; background:#fff; z-index: 600; }
.page-menu2 .inner { max-width:2048px; margin:0 auto; padding:15px 40px 0; }
.page-menu2 ul { text-align: center; }
.page-menu2 li { display:inline-block; margin:0 60px; }
.page-menu2 li a { display:block; height:33px; font-size:20px; border-bottom:solid 7px #fff;}
.page-menu2 li.selected a { border-bottom:solid 7px #D34E46; }

.page-step { border-bottom:solid 1px #D34E46; }
.page-step .inner { max-width:2048px; margin:0 auto; padding:17px 40px 0; }
.page-step ul { text-align: center; }
.page-step li { display:inline-block; font-size:20px; font-weight:500; background:url(../images/step_arrow.png) no-repeat right 5px; padding-right:55px; margin-right:50px; }
.page-step li span { display:inline-block; height:30px; border-bottom:solid 7px #fff;  }
.page-step li:last-child { background:none; padding-right:0px; margin-right:0px; }
.page-step li.selected span { border-bottom:solid 7px #D34E46; }

.profile-container { max-width:830px; margin:0 auto; padding:0 20px; padding-top:30px; }
.profile-container .photo { position: relative; }
.profile-container .photo .img { position: absolute; cursor:pointer; }
.profile-container .photo .img > img { width:74px; height:74px; object-fit: cover; border-radius: 50%; }
.profile-container .photo .img a { position: absolute; bottom:-5px; right:-5px; display:block;  }
.profile-container .photo .email { margin-left:180px; height:75px; line-height: 75px; font-size:28px; font-weight: 500; }
.profile-container .form { padding-top:35px; }
.profile-container .form ul li { position: relative; margin-bottom:40px; }
.profile-container .form ul li b { display:block; position: absolute; font-weight: 500; font-size:20px; color:#D34E46; }
.profile-container .form ul li span { display:block; margin-left:180px; position: relative; }
.profile-container .form ul li input { border:none; border-bottom:solid 1px #eeeeee; padding-bottom:5px; text-indent: 0px; width:100%; margin-bottom:0px; height:27px; line-height: 1.4 }
.profile-container .form .btn_addr { position: absolute; top:-10px; right:0px; width:120px; }
.profile-container .btns { clear:both; text-align: center; padding-top:20px; }
.profile-container .withdraw { margin-top:60px; text-align: center; color:#aaaaaa; font-size:14px; }
.profile-container .withdraw a { text-decoration: underline; }

.profile-container .tit {font-size:24px; font-weight: 500; color:#D34E46; padding-bottom:18px; }
.profile-container .sns_list { border-top:solid 1px #D34E46; }
.profile-container .sns_list table { width:100%; }
.profile-container .sns_list table td{ font-weight: 300; height:65px; padding:0 5px; vertical-align: middle; border-bottom:solid 1px #eee; white-space: nowrap;}
.profile-container .sns_list table td:first-child  img { width:28px; margin-right:5px; }



.withdraw-container { max-width:830px; margin:0 auto; padding:0 20px; padding-top:30px; }
.withdraw-container .txt { font-weight: 500; margin-bottom:20px; }
.withdraw-container .box { background:#f9f9f9; font-size:14px; padding:20px; line-height: 1.5; margin-bottom:30px; }
.withdraw-container .box > b { display:block; color:#D34E46; font-weight: 500; margin-bottom:10px; }
.withdraw-container .box ul { margin-top:10px; }
.withdraw-container .box ul li { position: relative; margin-bottom:6px; background:url(../images/icon_cir1.png) no-repeat left 8px; padding-left:15px; }
.withdraw-container .box ul li b { display:block; position: absolute; font-weight: 500; }
.withdraw-container .box ul li span { display:block; margin-left:70px; }
.withdraw-container .txt2 { font-weight: 500; margin-bottom:15px; color:#D34E46; }
.withdraw-container .agree { font-weight: 400; margin-bottom:30px; color:#D34E46;  }

.withdraw-container .box2 { background:#f9f9f9; font-size:14px; padding:20px; line-height: 1.5; margin-bottom:30px; }
.withdraw-container .box2 > b { display:block; color:#D34E46; font-weight: 500; margin-bottom:10px; }
.withdraw-container .box2 ul { margin-top:10px; }
.withdraw-container .box2 ul li { position: relative; margin-bottom:15px; }
.withdraw-container .box2 ul li label { width:12px; height:12px; margin-right:5px; }
.withdraw-container .box2 ul li span {  }
.withdraw-container .box2 ul li .textarea { background:#fff; }
.withdraw-container .box2 ul li .textarea textarea { font-size:14px; }
.withdraw-container .form li { margin-bottom:20px; margin-top:40px; }
.withdraw-container .btns { text-align: center; margin-top:50px; }
.withdraw-container .btns a { margin:0 10px; }


.join-container { max-width:830px; margin:0 auto; padding:0 20px; padding-top:50px; }
.join-container .tit { color:#D34E46; font-weight: 500; border-bottom:solid 1px #D34E46; padding-bottom:13px; position: relative; }
.join-container .tit .agree { font-weight: 400; position: absolute; top:0px; right:0px; }
.join-container .term_box { height:280px; margin-top:20px; overflow-y: scroll; font-size:14px; font-weight: 300; line-height: 1.5; }
.join-container .btns { text-align: center; margin-top:50px; }
.join-container .btns a { margin:0 10px; }

.join-container .form { padding-top:35px; }
.join-container .form ul li { position: relative; margin-bottom:40px; }
.join-container .form ul li b { display:block; position: absolute; font-weight: 500; font-size:20px; color:#D34E46; }
.join-container .form ul li span { display:block; margin-left:180px; position: relative; }
.join-container .form ul li input { border:none; border-bottom:solid 1px #eeeeee; padding-bottom:5px; text-indent: 0px; width:100%; margin-bottom:0px; height:27px; line-height: 1.4 }

.join-container .email_check { margin-top:30px; }
.join-container .email_check > img { position: absolute; }
.join-container .email_check .email_tit { margin-left:150px; font-size:28px; color:#D34E46; font-weight: 500; }
.join-container .email_check .desc { font-weight: 300; padding-top:20px; line-height: 1.6; }
.join-container .email_check .desc b { font-weight: 400; color:#D34E46; }
.join-container .emailsend { min-width: 340px; }
.join-container .email_caution { background:#f9f9f9; font-size:14px; padding:20px; line-height: 1.5; margin-top:70px; }
.join-container .email_caution ul { margin-top:10px; }
.join-container .email_caution ul li { position: relative; margin-bottom:5px; background:url(../images/icon_cir1.png) no-repeat left 8px; padding-left:15px; }
.join-container .email_caution ul li span { display:block; margin-left:0px; }

.term-container { max-width:830px; margin:0 auto; padding:0 40px;padding-top:110px; font-size:14px; line-height: 1.6;  }

.contact-container { max-width:830px; margin:0 auto; padding:0 40px; padding-top:110px; }
.contact-container .map { margin-bottom:20px; }
.contact-container .map img { width:100%; }
.contact-container .contact {color:#D34E46; font-weight: 300; line-height: 1.6; padding-bottom:25px; border-bottom:dashed 1px #D34E46; }
.contact-container .contact .company { font-size:20px; font-weight: 500; margin-bottom:15px; }
.contact-container .contact .addr {  }
.contact-container .contact ul { margin-top:20px; }
.contact-container .form { padding-top:35px; }
.contact-container .form ul li { position: relative; margin-bottom:40px; }
.contact-container .form ul li b { display:block; position: absolute; font-weight: 500; font-size:20px; color:#D34E46; }
.contact-container .form ul li span { display:block; margin-left:150px; }
.contact-container .form ul li span .noti { margin-top:10px; font-size:14px; color:#D34E46; }
.contact-container .form ul li input { font-size:16px; border:none; border-bottom:solid 1px #eeeeee; padding-bottom:5px; text-indent: 0px; width:100%; margin-bottom:0px; height:27px; line-height: 1.4 }

.contact-container .btns { text-align: center; margin-top:50px; }

.contact-container .agree {color:#D34E46; padding-top:15px; }
.contact-container .agree b { font-size:20px; }
.contact-container .agree .desc { color:#555; font-weight: 300; line-height: 1.6; margin-top:20px; margin-bottom:20px; }

.about-container { color:#D34E46; }

.about-container .section1 { background:#FFF0EE; text-align: center; padding:0 20px; }
.about-container .section1 .inner { text-align: center; padding:60px 0; }
.about-container .txt1 { font-size:40px; font-weight: 600; text-align: center; padding:30px 0; }
.about-container .txt2 { font-size:32px; font-weight: 600; text-align: center; padding:0 0 45px 0; }
.about-container .btns { text-align: center; padding:30px 0; }
.about-container .btns a { min-width:240px; background:#fff; margin:0 15px; }
.about-container .section1 .desc { padding-top:40px; max-width:1060px; font-weight: 300; margin:0 auto; font-size:20px; line-height: 1.6; text-align: center; }


.about-container .section2 { background:#ffe8e5; text-align: center; padding:0 20px; }
.about-container .section2 .inner { text-align: center; padding:60px 0; }
.about-container .section2 .dig1 { max-width:970px; margin:0 auto; }
.about-container .section2 .dig1 li { float:left; width:33.3%; text-align: center; text-align: center; }
.about-container .section2 .dig1 li img { width:100%; max-width:260px; }
.about-container .section2 .desc { padding-top:40px; max-width:1060px; font-weight: 300; margin:0 auto; font-size:20px; line-height: 1.6; text-align: center; }

.about-container .section3 { background:#f9efe4; text-align: center; padding:0 20px; }
.about-container .section3 .inner { max-width:680px; margin:0 auto; position: relative; padding:60px 0;}
.about-container .section3 .inner > img { position: absolute; }
.about-container .section3 .inner .desc { margin-left: 180px; text-align: left; font-size:20px; line-height: 1.6; }
.about-container .section3 .box { margin-top:20px; color:#555; background:#fff no-repeat 30px 30px; padding:25px 30px 25px 90px; border-radius: 5px; }
.about-container .section3 .box b { display:block; }


.about-container .section4 { background:#f8e7d6; text-align: center; padding:0 20px; }
.about-container .section4 .inner { max-width:680px; margin:0 auto; position: relative; padding:60px 0;}
.about-container .section4 .inner > img { position: absolute; right:0px; margin-top:-10px; }
.about-container .section4 .inner .desc { padding-top:20px; margin-right: 150px; text-align: left; font-size:20px; line-height: 1.6; }

.about-container .section5 { background:#f9efe4; text-align: center; padding:0 20px; }
.about-container .section5 .inner { max-width:680px; margin:0 auto; position: relative; padding:60px 0;}
.about-container .section5 .inner > img { position: absolute; }
.about-container .section5 .inner .desc { margin-left: 180px; text-align: left; font-size:20px; line-height: 1.6; }
.about-container .section5 .box { margin-top:20px; color:#555; background:#fff no-repeat 30px 30px; padding:25px 30px 25px 90px; border-radius: 5px; }
.about-container .section5 .box b { display:block; }

.about-container .section6 { background:#f8e7d6; text-align: center; padding:0 20px; }
.about-container .section6 .inner { max-width:680px; margin:0 auto; position: relative; padding:60px 0;}
.about-container .section6 .inner > img { position: absolute;  right:0px; margin-top:-10px;}
.about-container .section6 .inner .desc { margin-right: 180px; text-align: left; font-size:20px; line-height: 1.6; }
.about-container .section6 .box { margin-top:20px; color:#555; background:#fff no-repeat 30px 30px; padding:25px 30px 25px 90px; border-radius: 5px; }
.about-container .section6 .box b { display:block; }

.board-container { padding:60px 0 0px; }
.board-container .inner { max-width:1200px; margin:0 auto; }
.board-container .news_list {}
.board-container .news_list table { width:100%; }
.board-container .news_list table thead th { text-align: center; font-weight: 500; color:#D34E46;padding:23px 10px; border-top:dashed 1px #D34E46; border-bottom:solid 1px #eeeeee;}
.board-container .news_list tr.que td { text-align:left; padding:23px 10px; border-bottom:solid 1px #eeeeee; }
.board-container .news_list tr.que td a { font-weight: 500; }
.board-container .news_list tr.que td .dtm { display:none; margin-bottom:5px; color:#888; font-size:14px; }
.board-container .news_list tr.que td:first-child { font-size:14px; }
.board-container .news_list tr.que td:last-child { background:url(../images/board_down.png) no-repeat center center; }
.board-container .news_list tr.que.selected td:last-child { background:url(../images/board_up.png) no-repeat center center; }
.board-container .news_list tr.ans { display:none; }
.board-container .news_list tr.ans td { text-align:left; padding:23px 10px; border-bottom:solid 1px #eeeeee; }

.board-container .artist_list {padding: 0 10px;}
.board-container .artist_list li { float:left; width:25%;  }
.board-container .artist_list li .box { margin:10px; border:solid 1px #D34E46; cursor:pointer; position: relative;}
.board-container .artist_list li .mask { display:none; position: absolute; top:0px; left:0px; width:100%; height:100%; background:rgba(211, 78,70, 0.7); color:#fff; font-weight: 500;  line-height: 60px; }
.board-container .artist_list li .mask a { display: block; width:100%; height:100%;line-height: 1.7; }
.board-container .artist_list li .mask a span { display:block; padding:15px; }
.board-container .artist_list li .box:hover .mask { display:block; }
.board-container .artist_list li .img img  {width :100%;}
.board-container .artist_list li .info { padding:13px; }
.board-container .artist_list li .tit { display:block; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; }
.board-container .artist_list li .tit span { display:block; font-weight:500; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; height:20px; }
.board-container .subtab_menu { padding:35px 20px; }
.board-container .subtab_menu ul { text-align: center; }
.board-container .subtab_menu li { display:inline-block; margin:0 40px; }
.board-container .subtab_menu li a.btn { min-width:160px; }
.board-container .txt1 { text-align: center; font-size:32px; font-weight: 500; color:#D34E46; margin-bottom:30px; padding:0 20px; }

.board-container .artist_head { position: relative; color:#fff; background:#eee center center; background-size:cover; height:200px;  }
.board-container .artist_head .back { position: absolute; top:20px; left:20px; line-height: 0;color:#D34E46; }
.board-container .artist_head .tit { position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); display:block; background:#D34E46; font-weight: 500; font-size:28px; padding:2px 10px; }
.board-container .artist_desc { text-align: center; padding:35px 20px; line-height: 1.6; }

.board-container .artist_view { padding:0 20px; }

.mentor-container { padding-top:60px; }
.mentor-container .inner {  max-width:2068px; margin:0 auto; padding:0 30px; }
.mentor-container .list { padding-top:30px; }
.mentor-container .list li { float:left; width:12.5%; cursor: pointer; }
.mentor-container .list li .img img { border-radius: 50%; width:100%; }
.mentor-container .list li .box { text-align: center; margin:20px; }
.mentor-container .list li .info { margin-top:10px; }
.mentor-container .list li .info .level { text-align: center; display:block; font-size:14px; color:#D34E46; }
.mentor-container .list li .info .name { text-align: center; display:block; font-size:18px; font-weight: 500; margin-top:4px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }


.mypage-container .inner {   }

.mypage-container .head { background:#f5f5f5; padding:35px 0; } 
.mypage-container .head .inner { min-height:130px; max-width:2068px; margin:0 auto; padding:0 30px; position: relative;}
.mypage-container .profile { background:#f5f5f5; margin-right:220px; } 
.mypage-container .profile .name { font-size:24px; font-weight: 500; }
.mypage-container .profile .name img { width:40px; border-radius: 50%; }
.mypage-container .profile .name span.country { font-size:14px; font-weight: 300; }
.mypage-container .profile .setting { display: inline-block; color:#D34E46; font-size: 16px; border:solid 1px #D34E46; border-radius:20px; height:40px; line-height:40px; background:#fff; padding:0 30px; }
.mypage-container .profile .logout { position: absolute; right:260px; top:0px; font-weight: 500; color:#D34E46; font-size: 16px; border:solid 1px #D34E46; border-radius:20px; height:40px; line-height:40px; background:#fff; padding:0 30px; }
.mypage-container .profile .logout img { width:24px; vertical-align:middle; margin-top:-3px; }
.mypage-container .profile .desc { margin-top:20px; line-height: 1.6; font-weight: 300; }
.mypage-container .chart { position: absolute; width:200px; top:0px; right:30px; }
.mypage-container .chart li { width:20%; float:left;   }
.mypage-container .chart li .bar { width:6px; margin:0 auto; background:#fff; height:70px; position: relative; }
.mypage-container .chart li .bar span { display:block; position: absolute; bottom:0px; width:100%; height:30%; background:#D34E46; }
.mypage-container .chart li .icon { margin-top:10px; }
.mypage-container .chart li > div { text-align: center; }
.mypage-container .chart .result { clear:both; text-align: center; padding-top:15px; }



.store-container { padding-top:60px; }
.store-container .inner {  max-width:2068px; margin:0 auto; padding:0 0px; }
.store-container .subtab_menu { padding:30px 20px; }
.store-container .subtab_menu .opt { float:right; }
.store-container .subtab_menu ul { float:left; }
.store-container .subtab_menu ul li { float:left; margin-right:40px; }

.store-container ul.list { text-align: center; padding:0 10px; }
.store-container ul.list li { float:left; width:16.66%; }
.store-container ul.list li .box { margin:10px; position: relative; }
.store-container ul.list li .box .noti { position: absolute; left:0px top:0px; font-size:0px; }
.store-container ul.list li .img { border:solid 1px #d34e46;}
.store-container ul.list li .img img { width:100%; cursor:pointer; }
.store-container ul.list li .info { position: relative; padding:15px 0; }
.store-container ul.list li .info > span { display:block; font-size:16px; font-weight: 300; }
.store-container ul.list li .info > span.tit { color : #d34e46; font-weight: 500; margin-bottom:5px; }

.store-container .view { padding:0 20px; padding-top:35px; max-width:1200px; margin:0 auto;}
.store-container .view .product { min-height:420px; padding-bottom:35px; border-bottom:solid 1px #d34e46;}
.store-container .view .product .img { position: absolute; border:solid 1px #d34e46; max-width:422px; }
.store-container .view .product .img img { width:100%; }
.store-container .view .product .info { margin-left:460px; font-size:16px; }
.store-container .view .product .info .tit { font-size:20px; font-weight: 500; color:#d34e46; padding-bottom:15px; border-bottom:dashed 1px #d34e46; }
.store-container .view .product .info .tit span:first-child { float:left; }
.store-container .view .product .info .tit span.price2 { float:right; }
.store-container .view .product .info .desc { min-height:195px; }
.store-container .view .product .info .desc table { width:100%; margin-top:5px;  }
.store-container .view .product .info .desc table th { font-weight: 400; padding:10px 20px 10px 0; width:80px; }
.store-container .view .product .info .desc table td { font-weight: 300; line-height: 1.5; }
.store-container .view .product .info .opt { border-top:dashed 1px #f7cac8; }
.store-container .view .product .info .opt label { float:left; padding-top:20px; color:#D34E46; font-weight: 500; }
.store-container .view .product .info .opt .cnt { float:right; padding:15px 0; font-size:0px; }
.store-container .view .product .info .opt .cnt input { width:58px; height:38px; font-size:20px; text-align: center; text-indent: 0; border:solid 1px #a9a9a9; border-left:none; border-right:none; vertical-align: middle; }
.store-container .view .product .info .price { border-top:dashed 1px #f7cac8; }
.store-container .view .product .info .price label { float:left; padding-top:20px; color:#D34E46; font-weight: 500; }
.store-container .view .product .info .price span { float:right; padding:15px 0; color:#D34E46; font-weight: 500; font-size:28px; }
.store-container .view .product .info .btns {  }
.store-container .view .product .info .btns a { width:48%; }
.store-container .view .product_detail { padding:35px 0; min-height:400px; }


.store-container .make { padding:0 20px; padding-top:35px; max-width:1200px; margin:0 auto;}
.store-container .make .tit { font-size:20px; font-weight: 500; color:#d34e46; padding-bottom:15px; border-bottom:solid 1px #d34e46; }

.store-container .make table { width:100%; margin-top:15px;   }
.store-container .make table th { font-weight: 500; color:#d34e46; width:100px; padding:20px 0px 20px 0; }
.store-container .make table td { font-weight: 300; line-height: 1.5; }
.store-container .make table td input { border:solid 1px #eee; }
.store-container .make table td a.btn { min-width:80px; }
.store-container .make table tr.list { display:none; }
.store-container .make table tr.list td { background:#fff7f7; padding:20px; }
.store-container .make table tr.list td li { margin-bottom:10px; background:#fff; position: relative; cursor:pointer; }
.store-container .make table tr.list td li:last-child { margin-bottom:0px; }
.store-container .make table tr.list td li > img { width:74px; height:48px; object-fit: cover; }
.store-container .make table tr.list td li span { margin-left:10px; color:#d34e46; }
.store-container .make table tr.list td li a { position: absolute; right:10px; top:10px; }
.store-container .make table tr.list td .img_cnt { font-weight: 500; color:#d34e46; font-size:20px; text-align: right; margin-bottom:15px; }
.store-container .make .desc { position: relative; margin-top:20px; border-top:dashed 1px #f7cac8 ; border-bottom:dashed 1px #f7cac8 ; padding:40px 0; font-weight: 400; line-height: 1.7; }
.store-container .make .desc .agree { margin-top:30px; color:#d34e46; }
.store-container .make .desc .preview { position: absolute; bottom:40px; right:0px; min-width:180px;}
.store-container .make .desc .preview img { margin-right:5px; margin-top:-3px;  }
.store-container .make .btns { padding-top:30px; text-align: center; }
.store-container .make .btns a { min-width:330px; }

.store-container .cart { padding:0 20px;padding-top:35px; max-width:1200px; margin:0 auto;}
.store-container .cart .tit { font-size:20px; font-weight: 500; color:#d34e46; padding-bottom:15px; border-bottom:solid 1px #d34e46; }

.store-container .cart table { width:100%;  }
.store-container .cart table th { font-weight: 500; color:#d34e46; padding:20px 0px 20px 0; text-align: center; border-bottom:solid 1px #d34e46;}
.store-container .cart table td { font-weight: 300;  line-height: 1.5; text-align: center; border-bottom:dotted 1px #f7cac8; vertical-align: middle; padding:10px 5px; }
.store-container .cart table td input { border:solid 1px #eee; }
.store-container .cart table td .info { min-height:86px; }
.store-container .cart table td .info img { position: absolute; border:solid 1px #d34e46; width:84px; height:84px; object-fit: cover; }
.store-container .cart table td .info .name { font-size:20px; font-weight: 500; color:#d34e46; padding-top:10px; margin-bottom:5px; }
.store-container .cart table td .info .desc { margin-left:105px; }
.store-container .cart table td .info .desc .opt { white-space: nowrap; }
.store-container .cart .total { margin-top:20px; position: relative; text-align: right; background:#F5F5F5; padding:15px; font-size:20px; font-weight: 500; }
.store-container .cart .total b { color:#d34e46; }
.store-container .cart .total span { color:#aaa; padding:0 5px; }
.store-container .cart .total .trans { position: absolute; color:#555555; font-size:16px; font-weight: 300; }
.store-container .cart .btns { padding-top:30px; text-align: center; }
.store-container .cart .btns a { min-width:330px; }


.store-container .orderlog { padding:0 20px; padding-top:35px; max-width:1200px; margin:0 auto;}
.store-container .orderlog .tit { font-size:20px; font-weight: 500; color:#d34e46; padding-bottom:15px; border-bottom:solid 1px #d34e46; }
.store-container .orderlog table { width:100%;  }
.store-container .orderlog table thead th { font-weight: 500; color:#d34e46; padding:20px 0px 5px 0; text-align: center; border-bottom:solid 1px #d34e46;}
.store-container .orderlog table td { font-weight: 300;  line-height: 1.5; text-align: center; border-bottom:dotted 1px #f7cac8; vertical-align: middle; padding:10px 0; }
.store-container .orderlog table td .info { height:86px; }
.store-container .orderlog table td .info img { position: absolute; border:solid 1px #d34e46; width:84px; height:84px; object-fit: cover; }
.store-container .orderlog table td .info .name { font-size:20px; font-weight: 500; color:#d34e46; padding-top:10px; margin-bottom:5px; }
.store-container .orderlog table td .info .desc { margin-left:105px; }
.store-container .orderlog table tr.group th { text-align: left; font-size:14px; color:#d34e46; font-weight: 500; background:#FFECEB; border-bottom:none; border-top:solid 15px #fff;  padding:10px 10px; }
.store-container .orderlog table tr.group th a { float:right; margin-right:10px; }
.store-container .orderlog table.form th { text-align: center; font-weight: 500; padding:15px 0px 15px 0; border-bottom:solid 1px #F5F5F5; }
.store-container .orderlog table.form td { text-align: left; padding:15px 0px 15px 0; border-bottom:solid 1px #F5F5F5; }
.store-container .orderlog table.form tr.total th { background:#F5F5F5; }
.store-container .orderlog table.form tr.total td { background:#F5F5F5; text-align: right; color:#d34e46; font-weight: 500; padding-right:20px;}

.store-container .order { padding:0 20px; padding-top:35px; max-width:1200px; margin:0 auto;}
.store-container .order .tit { font-size:20px; font-weight: 500; color:#d34e46; padding-bottom:15px; border-bottom:solid 1px #d34e46; }
.store-container .order .subtit { margin-top:20px; font-size:16px; font-weight: 400; color:#d34e46; padding-bottom:8px; border-bottom:dashed 1px #d34e46; }
.store-container .order .subtit .tip { float:right; font-weight: 300; margin-top:-4px; }
.store-container .order .subtit .tip .btn { min-width:80px; }

.store-container .order table.form { width:100%; margin-top:15px; margin-bottom:40px;  }
.store-container .order table.form th { font-weight: 400; width:100px; padding:20px 0px 20px 0; }
.store-container .order table.form td { font-weight: 300; line-height: 1.5; }
.store-container .order table.form td input { border:solid 1px #eee; }
.store-container .order table.form td a.btn { min-width:80px; }
.store-container .order table.form td a.btn_addr { min-width:150px; margin-bottom:5px; }

.store-container .order table.cart { width:100%; margin-top:0px;margin-bottom:40px;    }
.store-container .order table.cart th { font-weight: 500; color:#d34e46; padding:20px 0px 20px 0; text-align: center; border-bottom:dashed 1px #d34e46;}
.store-container .order table.cart td { font-weight: 300;  line-height: 1.5; text-align: center; border-bottom:dashed 1px #f7cac8; vertical-align: middle; padding:10px 0; }
.store-container .order table.cart td input { border:solid 1px #eee; }
.store-container .order table.cart td .info { height:86px; }
.store-container .order table.cart td .info .name { font-weight: 500; color:#d34e46; margin-bottom:5px; }
.store-container .order table.cart td .info .desc {  }
.store-container .order .total { margin-top:20px; position: relative; text-align: right; background:#F5F5F5; padding:15px; font-weight: 500; }
.store-container .order .total b { color:#d34e46; }
.store-container .order .total span { color:#aaa; padding:0 5px; }
.store-container .order .btns { padding-top:30px; text-align: center; }
.store-container .order .btns a { min-width:330px; }
.store-container .order .settle { border-bottom:dashed 1px #d34e46; }
.store-container .order .settle .type { padding:15px 0; border-bottom:dashed 1px #f7cac8; }
.store-container .order .settle .type li { float:left; margin-right:20px; font-weight: 400; }
.store-container .order .settle .type_opt table { width:100%; margin:10px 0; }
.store-container .order .settle .type_opt table th { color:#d34e46; font-weight: 400; width:100px;}
.store-container .order .settle .type_opt table td {  padding:10px 0px 10px 0; font-weight: 300; }
.store-container .order .settle .type_opt table td input { border:solid 1px #eee; }
.store-container .order .settle .type_opt table td .bank_desc { font-size:14px; line-height: 1.5;  }
.store-container .order .settle .type_opt table td .bank_desc b { color:#d34e46;  }
.store-container .order .settle .type_opt table td .bank_desc .tip { color:#ccc; font-size:14px; display:block; padding:10px 0; }


.image-selector { display:none; position: fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 999; color:#fff; font-weight: 300; }
.image-selector .inner { position: absolute; height:80%; width:90%; left:50%; top:50%; transform: translate(-50%, -50%); background:#fff; max-width:1400px; color:#333; }
.image-selector .btn_close { position: absolute; right:20px; top:20px; }
.image-selector .container { margin:0 35px; position: relative; height:100%; }
.image-selector .container table { width:100%; height:100%; }
.image-selector .container .search { padding-top:40px; position: relative; z-index: 10; }
.image-selector .container .list { overflow-y:auto; width:100%; height:100%; z-index: 8; }
.image-selector .container .list ul {}
.image-selector .container .list li { float:left; text-align: left; width:16.66%; margin-bottom:15px; position: relative; cursor:pointer; }
.image-selector .container .list li img { width:95%; }
.image-selector .container .list li.selected:before {  content:''; position: absolute; z-index: 10; background:url(../images/img_check.png ) rgba(211,78,70,0.6) no-repeat center center; width:95%; height:100%; }
.image-selector .container .count { background:#fff; margin-top:40px; position: absolute; bottom:0px; width:100%; left:0px; padding:30px 0; z-index: 11; }
.image-selector .container .count .num { font-size:20px; font-weight: 500; color:#d34e46; margin-left:35px; }
.image-selector .container .count .btn { float:right; margin-right:35px; }

.preview-container { display:none; position: fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 999; color:#fff; font-weight: 300; z-index: 9999; }
.preview-container .inner {}
.preview-container .btn_close { position: absolute; right:20px; top:20px; }

.preview-container .txt { text-align: center; padding-top:5%; line-height: 1.5; font-weight: 200; }

.preview-container .preview_book .slider { max-width:1400px; margin: 0 auto; margin-top:3%; position: relative; padding:0 60px;}
.preview-container .preview_book .slider .btn_left { position: absolute; left:10px; top:50%; margin-top:-24px; }
.preview-container .preview_book .slider .btn_right { position: absolute; right:10px; top:50%; margin-top:-24px; }
.preview-container .preview_book .slider ul { margin:0px; }
.preview-container .preview_book .slider li { position: relative; }
.preview-container .preview_book .slider li .box {  }
.preview-container .preview_book .slider li .box .left { margin-top:40px; float:left; width:50%; background:#fff; height:0px; padding-bottom:35%; box-shadow: 0 0 0 1px #eeeeee inset; position: relative; } 
.preview-container .preview_book .slider li .box .right { margin-top:40px; float:right; width:50%; background:#fff; height:0px; padding-bottom:35%; position: relative; } 
.preview-container .preview_book .slider li .box .page_title { position: absolute; width:100%; margin-top: -40px; text-align: center; font-weight: 400; }
.preview-container .preview_book .slider li .box .img img { width:100%; }


.preview-container .preview_book .slider li .box .right .img { position: absolute; right:0px; top:7%; width:93%; }
.preview-container .preview_book .slider li .box .left .img { position: absolute; left:0px; top:7%; width:93%; }
.preview-container .preview_book .slider li .box .cover { position: absolute; top:10%; left:90px; }
.preview-container .preview_book .slider li .box .cover img { position: absolute; width:120px; }
.preview-container .preview_book .slider li .box .cover .info { margin-left:140px; color:#333; padding-top:35px; }
.preview-container .preview_book .slider li .box .cover .info > span { display:block; font-size:15px; }
.preview-container .preview_book .slider li .box .cover .info > span.tit { color:#d34e46; font-weight: 400; padding-bottom:5px; }
.preview-container .preview_book .slider li .box .txt1 { position: absolute; color:#d34e46; font-size:14px; left:0px; top:50%; margin-left:-80px; transform: rotate(-90deg)}

.preview-container .preview_book .slider li .box .page_cover { position: absolute; left:7%; padding-top:20px; width:87%; }
.preview-container .preview_book .slider li .box .page_cover img { float:left; width:90px; }
.preview-container .preview_book .slider li .box .page_cover .info { float: right; color:#D34E46; font-size:16px; text-align: right; font-weight: 500; }
.preview-container .preview_book .slider li .box .page_cover .info span { display:block; font-size:13px; text-align: right; font-weight: 300; margin-top:5px; }
.preview-container .preview_book .slider li .box .right.first .img { top:80px; bottom:0px; }

.preview-container .preview_book .slider li .box .author_text { position: absolute; width:93%; right:0px; top:7%; height:100%; color:#333; font-size:14px; line-height: 1.5;}
.preview-container .preview_book .slider li .box .author_text > img { width:100px; margin-bottom:10px; }
.preview-container .preview_book .slider li .box .author_text .bottom { position: absolute; bottom:15%; }
.preview-container .preview_book .slider li .box .author_text .bottom .dtm { display:block; color:#d34e46; }

.preview-container .preview_book .slider li .box .cover_last { position: absolute; width:100%; bottom:10%; text-align: center; font-size:12px; color:#d34e46; line-height: 1.8; }
.preview-container .preview_book .slider li .box .cover_last > img { display:inline; margin-bottom:8px; }

.preview-container .preview_book .slider li .box .emotion-container { width:90%; margin:0 auto; margin-top:25%; }
.preview-container .preview_book .slider li .box  .memo { float:left; width:50%; height:100%; margin-top:-30px; }
.preview-container .preview_book .slider li .box  .memo li { border-bottom:solid 1px #f6dbda; height:40px;}
.preview-container .preview_book .slider li .box  .chart { float:right; width:42%; height:100%; }
.preview-container .preview_book .slider li .box  .chart ul {  }
.preview-container .preview_book .slider li .box  .chart li { width:20%; float:left;   }
.preview-container .preview_book .slider li .box  .chart li .bar { width:12px; margin:0 auto; background:#ffeceb; height:100px; position: relative; }
.preview-container .preview_book .slider li .box  .chart li .bar span { display:block; position: absolute; bottom:0px; width:100%; height:30%; background:#D34E46; }
.preview-container .preview_book .slider li .box  .chart li .icon { margin-top:10px; text-align:center; }
.preview-container .preview_book .slider li .box  .chart li .icon img { display:inline; }
.preview-container .preview_book .slider li .box  .chart li > div { text-align: center; }
.preview-container .preview_book .slider li .box  .chart .result { clear:both; text-align: center; padding-top:25px; color:#333; }


.preview-container .thumb { position: absolute; bottom:0px; background:#000; width:100%; padding:0px 0 20px 0; }

.preview-container .thumb ul { white-space: nowrap; font-size:0px; margin:0 60px; overflow-x:scroll; overflow-y:hidden; }
.preview-container .thumb li { display:inline-block; width:120px; }
.preview-container .thumb li .box { width:100px; border-top:solid 5px #000; padding-top:15px; cursor:pointer; }
.preview-container .thumb li .box img { width:100px; height:70px; object-fit: cover; }
.preview-container .thumb li span { display:block; text-align: center; padding:10px 0; font-size:16px; }
.preview-container .thumb .btn_left2 { position: absolute; left:10px; top:50%; margin-top:-24px; }
.preview-container .thumb .btn_left2 img { width:28px; }
.preview-container .thumb .btn_right2 { position: absolute; right:10px; top:50%; margin-top:-24px; }
.preview-container .thumb .btn_right2 img { width:28px; }
.preview-container .thumb li.over .box { border-top:solid 5px #fff700; }

.preview-container .preview_badge .slider { max-width:2048px; margin: 0 auto; margin-top:200px; position: relative;   padding:0 60px;}
.preview-container .preview_badge .slider .btn_left { position: absolute; left:10px; top:50%; margin-top:-24px; }
.preview-container .preview_badge .slider .btn_right { position: absolute; right:10px; top:50%; margin-top:-24px; }
.preview-container .preview_badge .slider ul { margin:0px; }
.preview-container .preview_badge .slider li {  text-align: center; }
.preview-container .preview_badge .slider li .box { display:inline-block; width:100%; width:400px; height:400px; border-radius: 50%; background-position: center center; background-size:cover; }

.preview-container .preview_letter .slider { max-width:2048px; margin: 0 auto; margin-top:100px; position: relative;  padding:0 60px;}
.preview-container .preview_letter .slider .btn_left { position: absolute; left:10px; top:50%; margin-top:-24px; }
.preview-container .preview_letter .slider .btn_right { position: absolute; right:10px; top:50%; margin-top:-24px; }
.preview-container .preview_letter .slider ul { margin:0px; }
.preview-container .preview_letter .slider li {  }
.preview-container .preview_letter .slider li .box {  }
.preview-container .preview_letter .slider li .box .left { float:left; width:50%; background:#fff; height:0px; padding-bottom:35%; box-shadow: 0 0 0 1px #eeeeee inset; position: relative; } 
.preview-container .preview_letter .slider li .box .right { float:right; width:50%; background:#fff; height:0px; padding-bottom:35%; position: relative; } 
.preview-container .preview_letter .slider li .box .page_title { position: absolute; width:100%; margin-top: -40px; text-align: center; font-weight: 400; }
.preview-container .preview_letter .slider li .box .img img { width:100%; }
.preview-container .preview_letter .slider li .box .left .img { position: absolute; left:0px; top:0px; width:100%; }
.preview-container .preview_letter .slider li .box .letter { position: absolute; width:100%; height:100%; color:#333; background:url(../images/letter_bg2.png) no-repeat center center; background-size:90% auto; }
.preview-container .preview_letter .slider li .box .letter .info { position: absolute; bottom:20px; left:20px; }
.preview-container .preview_letter .slider li .box .letter .info > span { display:block; font-size:14px; color:#aaa; }


.order-detail-container {  position: fixed; top:0px; left:0px; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index: 999; color:#fff; font-weight: 300; }
.order-detail-container .inner {}
.order-detail-container .btn_close { position: absolute; right:20px; top:20px; }


.custom_menu { border-bottom:solid 1px #D34E46; margin:0 20px;  }
.custom_menu ul { max-width:750px; margin:0 auto; }
.custom_menu li { float:left; width:33.33%; text-align: center; }
.custom_menu li a { border-bottom:solid 5px #fff; display:inline-block; text-align: center; height:50px; line-height: 55px; font-weight: 500; color:#D34E46;}
.custom_menu li.selected a { border-bottom:solid 5px #D34E46;  }

.contact_menu { text-align: center; padding:20px ; }
.contact_menu a { margin:0 20px; }

.contact_form { margin:0 20px; padding-top:35px; border-top:dashed 1px #D34E46;}
.contact_form ul li { position: relative; margin-bottom:40px; }
.contact_form ul li b { display:block; position: absolute; font-weight: 500; font-size:16px; color:#D34E46; }
.contact_form ul li span { display:block; margin-left:150px; list-style: 1.8; }
.contact_form ul li input { font-size:16px; border:none; border-bottom:solid 1px #eeeeee; padding-bottom:5px; text-indent: 0px; width:100%; margin-bottom:0px; height:27px; line-height: 1.4 }

.contact_btns { margin:0 20px; text-align: center; margin-top:50px; }

.contact_agree {color:#D34E46; margin:0 20px; padding-top:35px; border-top:dashed 1px #D34E46; }
.contact_agree b { font-size:16px; }
.contact_agree .desc { color:#555; font-weight: 300; line-height: 1.6; margin-top:5px; margin-bottom:20px; }

li.loading-scroll-container { position: relative !important; top:0; left:0; width:100% !important; height:auto !important; text-align:center; background:none !important; border:none !important; }
li.loading-scroll-container img { position: relative; top:0; left:0; transform: none; width:280px; }

.pop-notice { display:none; position: fixed; top:0px; left:0px; width:100%; height:110px; background:#fff; z-index: 600; }
.pop-notice .box {}
.pop-notice .box .inner { padding:25px; }
.pop-notice .box .tit { font-size:18px; color:#D34E46; font-weight: 500; margin-bottom:5px; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; }
.pop-notice .box .desc { font-size:14px; color:#555555; font-weight: 300; max-width:600px; overflow:hidden; height:40px; }
.pop-notice .box .more { position: absolute; top:50%; right:60px; border:solid 1px #D34E46; height:34px; line-height: 34px; border-radius: 20px; color:#D34E46; font-size:14px; text-align: center; width:160px; }
.pop-notice .box .more:hover { background:#D34E46; color:#fff; }
.pop-notice .box .close { position: absolute; right:20px; top:10px; }
.pop-notice .box .close img { width:28px; height:auto; }