@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

*{
	font-family:Noto Sans KR !important; 
}


html,body{
	padding:0;
	margin:0;
}

/* ¾ÆÀÌÆù 
input {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
select {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
 ¾ÆÀÌÆù */

a:link { text-decoration:none; color:#707070;}
a:visited { text-decoration:none; color:#707070;}
a:active { text-decoration:none; color:#707070;}
a:hover { text-decoration:none; color:#707070;}

/* head */
.top_bar { height:40px; width:100%; padding-top:18px; margin-bottom:-5px;}
.top_bar span { display:inline-block; vertical-align:middle; margin-top:-20px;}
.top_nav { border-bottom:1px solid #eee; width:100%; height:auto; overflow:hidden; padding-top:2px;}
.top_nav span { display:inline-block; vertical-align:middle; width:25%; text-align:center; padding-bottom:12px; font-size:13px; line-height:17px; color:#707070;}
.under_bar { border-bottom:1px solid #000; }
/* head */

/* index */
.m_body {width:100%; height:auto; overflow:hidden; margin:0px; padding:0px;}
.sub_div { height:auto; width:100%; overflow:hidden; position:relative; }
.sub_title_l { display:inline-block; font-size:17px; line-height:23px; letter-spacing:-0.68px; margin-left:17px; font-weight:500; }
.sub_title_r { display:inline-block; font-size:14px; line-height:19px; letter-spacing:-0.56px; font-weight:300; float:right; margin-right:15px; color:#000;}

.jin_jun_span { display:inline-block; height:178.3px; width:100%; background-color:#A6A6A6; border-radius:10px;}
.jin_jun_span2 { display:inline-block; height:160px; width:110px; text-align:center;}
.jin_jun_span3 { display:inline-block; height:260px; width:145px;}
.jin_jun_span4 { display:inline-block; height:170px; width:145px;}
.jin_jun_span5 { display:inline-block; height:151px; width:100%; background-color:#A6A6A6; border-radius:10px;}
.jin_jun_text { margin-top:3px; margin-left:17px; font-size:12px; line-height:16px; letter-spacing:-0.48px; color:#fff; font-weight:300;}
.jin_jun_text2 { margin-top:8px; margin-left:17px; width:90%; font-size:11px; line-height:14px; letter-spacing:-0.44px; color:#fff; font-weight:300;}

.sub_cate { display:inline-block; width:100%; font-size:14px; line-height:19px; letter-spacing:-0.56px; height:30px; text-align:center; color:#919191; cursor:pointer; margin-left:-12px; text-transform : capitalize; }
.sub_cate span { font-size:40px; color:#fff;}
.recent_span { display:inline-block; padding:3px 8px; background-color:#ff5252; color:#fff; font-size:10px; border-radius:10px; line-height:13px; letter-spacing:-0.4px; text-align:center; margin:5px 5px; float:right; }
.gray { color:#919191; }
/* index */

/* alarm */
/* ·Î±×ÀÎ Àü */
.al_body{ width:100%; min-height:669px; height:auto; float:left;}
.al_top_back { display:inline-block; padding-top:16px; padding-bottom:9px; width:10%; border-bottom:2px solid #000; text-align:center; }
.al_top_title { display:inline-block; width:50%; text-align:center; font-size:17px; line-height:28px; letter-spacing:-0.34px; font-weight:500; padding-bottom:12px; padding-top:14px;}
.al_sub_title { height:44px; width:100%; padding:5px 0px;}
.al_span_title { display:inline-block; padding-top:10px; margin-left:15px; font-size:16px; line-height:28px; letter-spacing:-0.3px; vertical-align:top; margin-top:-2px; vertical-align: top;}
.al_span_title_lef { display:inline-block; width:36px; height:36px; margin-left:16px; margin-top:5px; }
.al_span_img { display:inline-block; padding-top:10px; float:right; margin-right:13px; }


/* ·Î±×ÀÎ ÈÄ*/
.al_log_befo { margin-top:196px; text-align:center; }
.al_log_befo_text { font-size:18px; line-height:23px; letter-spacing:-0.72px; color:#787878; }
.al_log_befo_button { background-color:#000; color:#fff; width:120px; padding:10px 5px; font-size:14px; font-weight:400; text-align:center; border:1px solid #000; border-radius:40px;}
.al_log_befo_button2 { background-color:#fff; color:#000; width:120px; padding:10px 5px; font-size:14px; font-weight:400; text-align:center; border:1px solid #000; border-radius:40px;}
/* alarm */

/* setting */
.top_title { display:inline-block; width:100%; text-align:center; font-size:17px; line-height:28px; letter-spacing:-0.34px; font-weight:500; padding-bottom:12px; padding-top:14px; border-bottom:1px solid #eee;}
.s_top_title { display:inline-block; width:100%; text-align:center; font-size:17px; line-height:28px; letter-spacing:-0.34px; font-weight:500; padding-bottom:12px;  padding-top:14px; }
.sub_title { height:44px; width:100%; border-top:1px solid #eee; }
.span_title { display:inline-block; padding-top:10px; margin-left:16px; font-size:15px; line-height:28px; letter-spacing:-0.3px; }
.span_img { display:inline-block; padding-top:10px; float:right; margin-right:13px; position:relative; z-index:12;}
/* setting */




/* Áö¿ª, ºÐ·ù ¼±Åà ¸Þ´º */
.menu a{cursor:pointer; color:#747474; font-size:14px;}
.menu .hide{ margin-top:5px; display:none; position:absolute; background-color:#fff; border:1px solid #747474; z-index:999; list-style:none; width:100px; font-size:13px; left:10px;}
/* Áö¿ª, ºÐ·ù ¼±Åà ¸Þ´º */

/* The Masonry Container */
.masonry { margin: 1em auto; max-width: 375px; column-gap: 0.5em;}
/* The Masonry Brick */
.item { background: #fff; padding: 0.5em; margin: 0 0 0px; display:inline-block;}
.item img { width:100%; height:100%; }
.item span:nth-child(2){ font-size:14px; letter-spacing:-0.56px; color:#030303;}
.item span:nth-child(4){ font-size:12px; letter-spacing:-0.48px; color:#787878;}
.item span:nth-child(6){ font-size:12px; letter-spacing:-0.48px; color:#787878;}

/* Masonry on large screens */
@media only screen and (min-width: 375px) { .masonry { column-count: 2; }}
/* Masonry on medium-sized screens */
@media only screen and (max-width: 375px) and (min-width: 375px) { .masonry { column-count: 2; }}
/* Masonry on small screens */
@media only screen and (max-width: 375px) and (min-width: 375px) { .masonry { column-count: 2; }}

/* exhibition */
.exh_l_div { width:100%; height:125px; max-height:200px;  margin-top:15px; border-top:1px solid #eee; }
.exh_l_div_img { margin-left:12px; margin-top:15px; width:120px; max-width:150px; height:115px; overflow:hidden; float:left;}
.exh_l_div_text { margin-left:13px; margin-top:35px; float:left; width:200px; max-width:50%; margin-right:8px; text-overflow:ellipsis;	white-space:nowrap; word-wrap:normal; overflow:hidden; }
.exh_l_div_span { font-size:13px; letter-spacing:-0.52px; color:#787878; }
.exh_l_div_chkbox { float:right; margin-top:10px; height:20px; width:20px; margin-right:30px; margin-left:-30px;}
.exh_l_div_chkbox input[type="checkbox"] + label { display: inline-block; width: 25px; height: 25px; background-image: url('../img/map_pin2.png'); background-size:18px 20px; background-repeat:no-repeat; background-color:#fff; background-position:50% 50%; border-radius:8px; }
.exh_l_div_chkbox input[type="checkbox"]:checked + label { display: inline-block; width: 25px; height: 25px; background-image: url('../img/map_pin1.png'); background-size:18px 20px; background-repeat:no-repeat; background-color:#fff; background-position:50% 50%; border-radius:8px; }
.exh_l_div_chkbox input[type="checkbox"] { display: none;}
/*.exh_l_div_chkbox input[type="checkbox"]:checked + label { background-color: #000; background-image: url('https://m.art-map.co.kr/img/exhibition/g&gba.png'); background-size:100% 100%; background-repeat:no-repeat; }*/


.e_body {width:100%; height:auto; overflow:hidden;}
.e_v_main_img { height:auto; width:100%; overflow:hidden; position:relative;}

.e_v_info_text { margin-top:23px;  width:100%; height:auto;}
.e_v_info_text span { display:inline-block; margin-left:16px; position:relative; vertical-align:top; }
.e_v_span1 { font-size:16px; line-height:20px; letter-spacing:-0.32px; font-weight:400; width:90%; margin-bottom:20px;}
.e_v_span2 { font-size:14px; line-height:25px; letter-spacing:-0.28px; font-weight:500; width:51px; }
.e_v_span3 { font-size:14px; line-height:25px; font-weight:300; width:70%; }

.e_v_info_text2 { height:auto; margin-top:29px; display:none;}
.e_v_info_text2 span { display:inline-block;}
.e_v_info_text2_img { margin-left:3%; width:16.5%; height:114px; text-align:center; margin-top:12px; float:left;}

.e_v_info_text3 { height:auto; margin-top:30px; }
.e_v_info_text3 span { display:inline-block; margin-left:16px;}

.e_v_sub_img { width:90%; margin-left:5%; height:auto; font-size:15px;}

.wan_chk_con { width:100%; padding:10px 0px; }
.wan_chk_con span { display:inline-block; width:24%; text-align:center; font-size:10px; font-weight:400; color:#747474;}
#ex_info pre img {max-width:100%; margin-top:10px; }

.share_div { padding:5px 0px; width:20%; height:50px; float:left; margin-top:20px;}
.share_div img { width:50px; height:50px; }
/* exhibition */

/* gallery */
.gall_l_div { width:100%; height:125px;  margin-top:15px; border-top:1px solid #eee; }
.gall_l_div_img { margin-left:12px; margin-top:15px; width:120px; max-width:150px; height:115px; overflow:hidden; float:left; }
.gall_l_div_text { margin-left:13px; margin-top:15px; float:left; width:200px; max-width:50%; margin-right:8px; text-overflow:ellipsis;	white-space:nowrap; word-wrap:normal; overflow:hidden; }
.gall_l_div_span { font-size:13px; letter-spacing:-0.52px; color:#787878; }

.gall_v_body {width:100%; height:auto; overflow:hidden;}
.gall_v_main_img { height:auto; width:100%; overflow:hidden; position:relative; margin-bottom:-20px;}
.cropping {max-height: initial; margin-top: -20%; margin-bottom: -20%; width:100%; height:100%;}

.gall_v_info_text { margin-top:23px;  width:100%; height:auto;} 
.gall_v_info_text span { display:inline-block; margin-left:16px;}
.gall_v_span1 { font-size:18px; margin-bottom:10px; letter-spacing:-0.32px; font-weight:600; width:100%; }
.gall_v_span2 { font-size:14px; line-height:25px; letter-spacing:-0.28px; font-weight:500; width:51px; }
.gall_v_span3 { font-size:14px; font-weight:300; width:70%;}

.gall_v_info_text2 { height:auto; margin-top:29px; display:none;}
.gall_v_info_text2 span { display:inline-block;}
.gall_v_info_text2_img { margin-left:16px; width:64px; height:104px; text-align:center; margin-top:12px; float:left; }

.gall_v_info_text3 { height:auto; margin-top:11px; margin-bottom: 5px; border-bottom:10px solid #eee; padding-bottom:15px;}
.gall_v_info_text3 span { display:inline-block; margin-left:16px;}
.gall_v_span4 { font-size:13px; line-height:25px; letter-spacing:-0.28px; font-weight:500; width:51px; }
.gall_v_span5 { font-size:13px; font-weight:300; width:70%;}

.gall_v_sub_img { width:90%; margin-left:5%; height:auto;}

/* gallery */


/* artist */
.artist_top_con { padding-top:20px; margin-left:6%; margin-bottom:-5px;}
.artist_top_con span { font-size:14px; letter-spacing:-0.56px; font-weight:500; color:#b4b4b4;}

.artist_div { width:100%; height:125px;  margin-top:15px;}
.artist_div_img { margin-left:6%; margin-top:10px; width:41%; height:245px; overflow:hidden; float:left; border:1px solid #dedede; text-align:center;}
.artist_text1 { font-size:14px; font-weight:500; letter-spacing:-0.56px; }
.artist_text2 { font-size:13px; letter-spacing:-0.52px; color:#787878; font-weight:300; }
.artist_text3 { font-size:12px; letter-spacing:-0.48px; font-weight:400; }

.a_img_div { width:100%; height:220px;}
.a_img_div img { width:100%; height:100%; }
.a_info_div { width:100%; text-align:center; padding:15px 0px; }
.a_info_div span img { display:inline-block; width:25px; height:25px;  padding:5px 5px;}
.a_fallow_div { width:100%; text-align:center; border-bottom:10px solid #eee; padding-bottom:15px; }
.a_fallow_div span { border:1px solid #A6A6A6; display:inline-block; border-radius:20px; width:60px; padding:2px 4px; color:#A6A6A6; font-size:13px; font-weight:400; }
.more { text-align:center; font-size:12px; padding-top:10px; display:none;}

.artist_v_text1 { font-size:16px; font-weight:500; letter-spacing:-0.56px;}
.artist_v_text2 { font-size:13px; letter-spacing:-0.52px; color:#787878; font-weight:300; }
.artist_v_text3 { font-size:13px; letter-spacing:-0.48px; font-weight:400;}

.a_content { width:90%; height:auto; overflow:hidden; margin-left:5%; margin-top:40px; font-size:12px; display:none; color:#666666;}

.a_cate_chk { display:inline-block; width:50%; text-align:center; font-size:14px; line-height:28px; letter-spacing:-0.34px; font-weight:500; padding-bottom:2px; padding-top:14px;}
.a_cate_view { width:90%; margin-left:5%; margin-bottom:80px; margin-top:15px; height:auto;}

.a_exh_text_con { width:100%; height:auto; margin-bottom:45px; }
.a_exh_text_con span:nth-child(1) { display:inline-block; width:75%; font-size:16px letter-spacing:-0.64px; color:#030303; font-weight:500; }
.a_exh_text_con span:nth-child(2) { display:inline-block; width:25%; text-align:right; font-size:14px; letter-spacing:-0.56px; }
.a_exh_text_con span:nth-child(3) { display:inline-block; font-size:13px; letter-spacing:-0.52px; color:#787878; }
.a_exh_text_con span:nth-child(5) { display:inline-block; font-size:13px; letter-spacing:-0.52px; color:#787878; }

.a_nop { font-size:13px; text-align:center; color:#787878; letter-spacing:-0.52px;}
/* artist */

/* art */
.art_list_top { width:100%; height:100px; text-align:center;}
.art_list_top img { width:100%; height:100%; }

#loading { width:100%; float:left; text-align:center; margin-top:-80%;}
#loading img { position:relative; float:none; width:40px;}

.art_v_con { width:100%; margin-top:15px; }
.art_v_top { height:50px; padding:0px 15px; }
.art_v_top span:nth-child(1){ display:inline-block; width:45px; height:45px; background-color:#eee; border-radius:50%; margin-top:5px; }
.art_v_top span:nth-child(1) img { width:100%; height:100%; border-radius:50%; }
.art_v_top span:nth-child(2){ display:inline-block; margin-left:10px; font-size:16px; vertical-align:top; margin-top:15px;}
.art_v_top span:nth-child(3){ display:inline-block; width:60px; padding:2px 4px; border:1px solid #A6A6A6; border-radius:20px; text-align:center; font-size:12px; color:#A6A6A6; float:right; margin-top:15px; }
.art_v_img { margin-top:20px; height:auto; }
.art_v_img img  { width:100%; height:100%; }
.art_v_info { width:90%; margin-left:5%; border-bottom:1px solid #D5D5D5; padding:12px 0px;}
.art_v_info p:nth-child(1) { font-size:18px; font-weight:500; }
.art_v_info p:nth-child(1) img { width:20px; height:20px; margin-top:5px; }
.art_v_info p:nth-child(2) { font-size:14px; margin-top:-5px; }
.art_v_info p:nth-child(3) { font-size:14px; margin-top:-14px; }
/* art */

/* curator */
.cura_con { position:relative; width:100%; height:340px; background-color:#F6F6F6; }
.cura_ptop { display:inline-block; font-size:14px; padding:10px 0px 0px 10px; color:#747474; font-weight:500;}
.cura_ptop_right { display:inline-block; font-size:12px; padding:10px 0px 0px 10px; color:#A6A6A6; font-weight:400; margin-right:10px;; float:right;}
.cura_popu { height:auto; width:100%; margin-left:5%; }
.cura_slider { display:inline-block; height:220px;}
.cura_slider img { width:100%; height:200px; border-radius:8px; }
.cura_slider div:nth-child(3) { font-size:12px; line-height:16px; letter-spacing:-0.48px; color:#8a8a8a; text-align:center; }
.cura_slider div:nth-child(4) { font-size:12px; line-height:16px; letter-spacing:-0.48px; color:#353535; text-align:center; }
.cura_auth_img { width:40px; height:40px; margin-top:-20px; margin-left:36%; margin-bottom:2px;}
.cura_auth_img img { width:100%; height:100%; border-radius:50%; }
	
.cura_slider2 { display:inline-block;}
.cura_slider2 div:nth-child(2) { font-size:12px; line-height:16px; letter-spacing:-0.48px; color:#353535; text-align:center; }
.cura_auth_img2 { display:inline-block; text-align:center; width:60px; height:60px;}
.cura_auth_img2 img { width:100%; height:100%; border-radius:50%; }

.cura_recen_con { border-bottom:1px solid #eee; padding:10px 0px; width:90%; margin-left:5%; margin-top:5px; padding:20px 0px;}
.cura_recen_img { display:inline-block; width:30%; height:150px; }
.cura_recen_img img { width:100%; height:100%; border-radius:8px; }
.cura_recen_cont { display:inline-block; width:65%; height:150px; vertical-align:top; margin-left:10px; }
.cura_recen_cont div:nth-child(1) { font-size:14px; font-weight:500; margin-top:5px; }
.cura_recen_cont div:nth-child(2) { font-size:12px; color:#8a8a8a; margin-top:20px; }

.cura_recen_cont2 { margin-top:20px; }
.cura_recen_cont2 span:nth-child(1) { display:inline-block; font-size:12px; color:#8a8a8a; float:left; }
.cura_recen_cont2 span:nth-child(2) { display:inline-block; float:right; }
.cura_recen_cont2 span:nth-child(2) img { width:30px; height:30px; border-radius:50%; margin-top:-7px; }
.cura_recen_cont2 span:nth-child(3) { display:inline-block; font-size:12px; color:#8a8a8a; float:right; width:60px; }

.cura_v_img { width:100%; height:220px; }
.cura_v_img img { width:100%; height:100%; opacity:0.5;}
.cura_v_img::after { display: block; position: relative; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%); margin-top: -250px; height: 250px; width: 100%; content: ''; }

.cura_v_info { height:auto; overflow:hidden; padding:10px 0px; border-bottom:0.5px solid #eee;}
.cura_v_info_title { display:inline-block; width:90%; height:20px; margin-left:5%; font-size:20px; color:#4C4C4C; font-weight:500; }
.cura_v_info_title_s { display:inline-block; width:90%; height:20px; margin-left:5%; font-size:16px; color:#5D5D5D; font-weight:400; }
.cura_v_info_title1 { display:inline-block; margin-left:5%; font-weight:300; font-size:12px; margin-top:25px; color:#5D5D5D; float:left;}
.cura_v_info_title2 { display:inline-block; margin-left:5%; font-weight:400; width:36px; height:36px; margin-top:15px; float:right; }
.cura_v_info_title2 img { width:100%; height:100%; border-radius:50%; }
.cura_v_info_title3 { display:inline-block; margin-left:5%; color:#5D5D5D; vertical-align:top; margin-top:19px; float:right; margin-right:20px;}

.cura_v_content { width:90%; margin-left:5%; margin-right:5px; margin-top:40px; margin-bottom:70px; height:auto; word-break: break-all;}
.cura_v_content img{max-width:100%}
.cura_v_content *{
	clear:both;
	max-width:100% !important;
	min-width:auto !important;
}
.cura_v_url_con { width:100%; background: linear-gradient(#F6F6F6, #fff); padding-top:20px;}
.cura_v_url { width:90%; margin-left:5%; margin-top:40px; margin-bottom:70px; height:auto; margin-top:-20px; }
.cura_v_url p:nth-child(1) { font-size:16px; color:#5D5D5D;}
.cura_v_url span:nth-child(1) { display:inline-block; width:20%; }
.cura_v_url span:nth-child(2) { width:220px; margin-left:10px; display:inline-block; vertical-align:top; margin-top:10px; color:#5D5D5D; font-size:12px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; white-space: normal; line-height: 18px; height: 4.5em;}

.cura_v_info_con { height:auto; margin-top:-20px; }
.cura_v_info_l { width:65%; margin-left:5%; float:left; }
.cura_v_info_l p:nth-child(1) { font-size:15px; }
.cura_v_info_l p:nth-child(2) { font-size:13px; color:#8C8C8C; margin-top:-10px; }
.cura_v_info_l p:nth-child(3) { font-size:12px; color:#8C8C8C; }
.cura_v_info_r { width:20%; float:right; margin-right:5%; margin-top:45px; text-align:center; }
.cura_v_info_r img { width:60px; height:60px; border-radius:50%; }
.cura_v_info_r p:nth-child(2) { font-size:13px; color:#8C8C8C; }
.cura_v_info_s { width:90%; margin-left:5%; margin-top:10px; margin-bottom:50px;}
.cura_v_info_s span:nth-child(1){ display:inline-block; padding:5px 0; color:#8C8C8C; }
.cura_v_info_s span:nth-child(2){ display:inline-block; float:right; border:1px solid #000; padding:5px 20px; border-radius:20px; font-size:12px; color:#fff; background-color:#000;}

.cura_cate_chk { display:inline-block; width:50%; text-align:center; font-size:14px; line-height:28px; letter-spacing:-0.34px; font-weight:500; padding-bottom:10px;}
.cura_cate_view { width:90%; margin-left:5%; margin-bottom:80px; margin-top:15px; height:auto; }
.cura_cate_view p:nth-child(1) { font-size:13px; font-weight:400; }
.cura_cate_view p:nth-child(2) { font-size:13px; color:#787878; letter-spacing:-0.52px; }
.cura_cate_view p:nth-child(3) { font-size:13px; font-weight:400; }
.cura_cate_view p:nth-child(4) { font-size:13px; color:#787878; letter-spacing:-0.52px; }

.cura_deta_top { width:100%; height:166px; background: linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ), url('http://www.art-map.co.kr/m/img/cura_bg2@2x.png'); background-size:cover; }
.cura_deta_top p:nth-child(1) { width:23%; padding-top:60px; padding-left:16px; float:left; }
.cura_deta_top p:nth-child(1) img { width:74px; height:74px; border-radius:50%; margin-top:-10px;}
.cura_deta_top p:nth-child(2) { width:40%; padding-top:102px; margin-top:-35px; float:left; color:#fff; line-height:18px; }
.cura_deta_top p:nth-child(2) span:nth-child(1) { display:inline-block; color:#fff; font-size:18px; }
.cura_deta_top p:nth-child(2) span:nth-child(3) { display:inline-block; color:#fff; font-size:12px; font-weight:300; }
.cura_deta_top p:nth-child(3) { width:60%; padding-top:15px; margin-top:-25px; float:left; color:#fff; line-height:18px; }
.cura_deta_top p:nth-child(3) span:nth-child(1) { display:inline-block; color:#fff; font-size:12px; font-weight:300; border:1px solid #fff; border-radius:40px; padding:4px 8px; margin-right:5px;}

/* curator */

/* search */
.sc_cate_chk { display:inline-block; width:33.3%; text-align:center; font-size:14px; line-height:28px; letter-spacing:-0.34px; font-weight:500; padding-bottom:10px;}
.search_input { margin-top:10px; font-size:15px; width: 100%; height: auto; line-height : normal;  padding: 0.8em 0em;  border: 1px solid #eaeaea; border-radius:8px; background-image:url('http://www.art-map.co.kr/m/img/icon3@2x.png'); background-position:95% 55%; background-size:24px; background-repeat:no-repeat; outline:0px; text-align:center;}
.sc_cate_body input::placeholder { padding:0em 1em; color:#c7c7c7; font-size:14px; }
.a_right { width:7.3px; height:11px; padding-left:10px; }
.search_result{ width:90%;font-size:15px; margin:auto; height: auto; line-height : normal;  padding: 0.8em 0em;  border: 1px solid #eaeaea; border-radius:8px; background-position:95% 55%; background-size:24px; background-repeat:no-repeat; outline:0px; text-align:center; margin-top:-17px; color:#A6A6A6; text-align:left; font-size:15px; display:none; }

.sc_cate_body { padding:10px 5%; }
.reco_top { font-size:16px; color:#555555; font-weight:500; margin-bottom:35px; }
.reco_tag_top { font-size:16px; color:#555555; font-weight:500; margin-bottom:15px; }

.reco_bt { background-color: #fff; border: none; color: #353535; padding: 8px 4px; text-align: center; text-decoration: none; display: inline-block;  font-size: 14px; font-weight:400; border:0.5px solid #353535; border-radius:40px; width:85%; margin-bottom:15px; outline:0px; margin-left:17px; margin-top:5px;}
.reco_bt2 { background-color: #fff; border: none; color: #000; padding: 8px 4px; text-align: center; text-decoration: none; display: inline-block;  font-size: 14px; font-weight:400; border:0.5px solid #000; border-radius:40px; width:32%; margin-bottom:15px;}
.reco_bt3 { background-color: #fff; border: none; color: #555555; padding: 8px 20px; text-align: center; text-decoration: none; display: inline-block;  font-size: 14px; font-weight:400; border-radius:40px; margin-bottom:15px; outline:0px;}
.sc_bt { background-color: #000; border: none; color: #fff; padding: 8px 4px; text-align: center; text-decoration: none; display: inline-block;  font-size: 14px; font-weight:400; border:0.5px solid #000; border-radius:40px; width:80%; margin-left:5%; outline:0px; bottom:80px; position:fixed;}

.sc1_line { display:inline-block; width:26px; border:1.5px solid #d8d8d8; margin-top:66px; }

.sc2_reco_tag { width:100%; text-align:center; padding-top:10px; }
.sc2_reco_tag .content-slider4 li img { width:46px; height:46px; border-radius:50%; position:absolute; }
.sc2_reco_box { background-color:#f6f6f6; height:auto; margin-top:20px; padding:10px 5px; margin-bottom:50px;}
.sc2_reco_line { border-bottom:1px solid #eee; width:90%; margin-left:5%; }

.sc3_reco_de { width:100%; height:120px; padding:20px 0px; overflow:hidden; margin-bottom:30px; font-size:16px; }
.sc3_sharp { width:16px; height:26px; padding-left: 7px; padding-right: 5px; margin-bottom:-3px; }
.sc3_arrow { width:10.6px; height:8.6px; padding-left:10px; }
.sc3_reco_de input[type="checkbox"] + label { background-color: #f6f6f6; border: none; color: #545454; font-size:13px; padding: 8px 20px; text-align: center; text-decoration: none; display: inline-block; font-weight:400; border-radius:40px; margin-bottom:15px; margin-left:8px; outline:0px; }
.sc3_reco_de input[type="checkbox"]:checked + label { background-color:#fff; border:1px solid #000; color:#000; font-size:13px; padding: 7px 19px; font-weight:500;}
.sc3_reco_de input[type="checkbox"] { display: none;}

.sc_l_auth_con_img { margin-top:10px; width:47%; margin-right:2%; margin-left:1%; height:209px; overflow:hidden; float:left; text-align:center; }
.sc_l_line { border:0.5px solid #eee; width:94%; margin:20px 0px 10px 3%; }
.sc_l_each { display:inline-block; width:94%; margin-left:3%; padding:15px 0px; }
.sc_l_each span:nth-child(1) { font-size:18px; font-weight:600; }
.sc_l_each span:nth-child(2) { display:inline-block; font-size:14px; color:#747474; float:right; }
	
.sc_l_auth { height:75px; }
.sc_l_auth_con { width:94%; margin-left:3%; padding:0px 0px; }
.sc_l_auth img { width:60px; height:60px; }
.sc_l_auth span:nth-child(1) { display:inline-block; vertical-align:middle; width:100px; }
.sc_l_auth span:nth-child(2) { display:inline-block; vertical-align:middle; font-weight:400; font-size:15px;}
.sc_l_auth span:nth-child(3) { display:inline-block; vertical-align:middle; padding-left:20px; }
/* search */

.book_img { width:90%; height:154px; margin:13px 5% 27px 5%; }
.book_img2 { width:90%; height:154px; margin:13px 0px 27px 0px;}
.book_text { display:inline-block; margin-top:2px; margin-left:15px; font-size:12.5px; letter-spacing:-0.58px; font-weight:300; color:#fff; }


/* exhibition write ·Î±×ÀÎ Àü*/
.log_befo { margin-top:196px; text-align:center; }
.log_befo_text { font-size:18px; line-height:23px; letter-spacing:-0.72px; color:#787878; }
.log_befo_button { background-color:#000; color:#fff; width:120px; padding:10px 5px; font-size:14px; font-weight:400; text-align:center; border:1px solid #000; border-radius:40px;}
.log_befo_button2 { background-color:#fff; color:#000; width:120px; padding:10px 5px; font-size:14px; font-weight:400; text-align:center; border:1px solid #000; border-radius:40px;}
/* exhibition write ·Î±×ÀÎ Àü*/

/*·¹À̾îÆ˾÷ index*/
.black_overlay { display: none; position: fixed; top: 0%; left: 0%; width: 100%; height: 100%; background-color: black; z-index: 1001; -moz-opacity: 0.7;  opacity: .70; filter: alpha(opacity=70);}
.white_content { display: none; position: fixed; top: 5%; left: 10%; width: 80%; height: 580px;  background-color: white; z-index: 1002; overflow: auto;}
.pop_title { width:100%; font-size:15px; font-weight:500; line-height:2px; letter-spacing:-0.6px; padding:15px 0px; text-align:center; margin-top:20px; margin-bottom:20px; }
.pop_bottom { position:absolute; bottom:0px; background-color: #541fbf; border: 1px solid #541fbf; color: #fff; padding: 12px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 18px; font-weight:600; width:100%;}
.pop_box {display:inline-block; width:43%; height:222px; overflow:hidden; float:left;}
.pop_p { display:inline-block; width:93%; font-size:11px; line-height:16px; letter-spacing:-0.22px; text-align:left; font-weight:500;}
.pop_tag { display:inline-block; color:#000; }

.app_pop_content { display: none; position: fixed; top: 15%; width:100%; text-align:center; height: 387px; z-index: 1002;}
.app_pop_buttom { width:100%; font-size:13px; text-align:center; line-height:18px; letter-spacing: -0.52px; color:#fff; text-decoration: underline; margin-top:15px; font-weight:300;}

.other input::placeholder { color:#b4b4b4; font-size:14px; -webkit-appearance: none; vertical-align: middle; }
.other input { font-size:14px; border:none; border-bottom:1px solid #b4b4b4; height:30px; width:100%; outline:0; line-height: 1; }

/*·¹À̾îÆ˾÷ index*/

/*·¹À̾îÆ˾÷ fallow*/
.foll_white_content { display: none; position: fixed; top: 25%; left: 10%; width: 80%; height: 300px;  background-color: white; z-index: 1002; overflow: auto;}
.foll_log_container { padding:20px 0px; height:100px; text-align:center; }
/*·¹À̾îÆ˾÷ fallow*/

/*·¹À̾îÆ˾÷ critic*/
.critic_content { display: none; position: fixed; top: 10%; left: 10%; width: 80%; height: 450px;  background-color: white; z-index: 1002; overflow: auto; border-radius:8px;}
.cri_x { text-align:right; padding-right:17px; margin-bottom:-10px; padding-top:10px; }
.cri_title { font-size:18px; line-height:24px; padding:0px 0px; font-weight:500; letter-spacing:-0.72px; text-align:center;}
.cir_button { border-radius:2px; background-color:#000; color:#fff; font-size:15px; font-weight:500; width:50%; margin-left:25%; bottom:0px; text-align:center; padding:10px 0px;}
/*·¹À̾îÆ˾÷ critic*/

/*·¹À̾îÆ˾÷ news_letter*/
.l4 { outline:0; max-width:260px; border-bottom:1px solid #fff; font-size:15px; margin:auto; color:#fff; }
.l4 span { display:inline-block; padding:10px 10px; vertical-align:top;}
				
.l4 input::placeholder { color:#fff; font-size:15px; position:relative; padding-top:-24px; min-height:25px; vertical-align:top; }
.l4 input[type="text"] { border:none; font-size:16px; margin:auto; height:30px; width:230px; outline:0; background-color:transparent; color:#fff; }
.l4 input[type="radio"] + label { width:16px; height:16px; background-color: #fff; text-decoration: none; display: inline-block;  font-size: 16px; border-radius:50%; outline:0px; margin-top:13px; }
.l4 input[type="radio"]:checked + label { background-color:#fff; background-image:url("https://art-map.co.kr/img/new_work_down_ar.png"); background-size:11px 11px; background-position:50% 50%; background-repeat:no-repeat;}
.l4 input[type="radio"] { display: none;}

.l4 input[type="checkbox"] + label { background-color: #fff; border:1px solid #747474; color: #545454; height:16px; width:16px; text-align: center; text-decoration: none; display: inline-block; vertical-align:middle; margin-top:13px; margin-left:-8px; }
.l4 input[type="checkbox"]:checked + label { background-color:#623ff4; height:18px; width:18px; background-image:url("http://art-map.co.kr/img/popcheckbox.png"); background-size:11px 11px; background-position:50% 50%; background-repeat:no-repeat; border:none; color:#000; font-weight:500; }
.l4 input[type="checkbox"] { display: none;}
/*·¹À̾îÆ˾÷ news_letter*/

/*¸ÞÀÎ ÇÏ´Ü ´º½º·¹ÅÍ ½Åû*/
.l4_bottom { outline:0; max-width:300px; border-bottom:1px solid #dcdcdc; font-size:15px; margin:auto; }
.l4_bottom span { display:inline-block; padding:10px 10px; vertical-align:top;}
.l4_bottom input::placeholder { color:#000; font-size:15px; position:relative; padding-top:-24px; min-height:25px; vertical-align:top; }
.l4_bottom input[type="text"] { border:none; font-size:16px; margin:auto; height:30px; width:230px; outline:0; background-color:transparent; color:#000; }
.l4_bottom input[type="radio"] + label { width:16px; height:16px; background-color: #fff; border:1px solid #747474; text-decoration: none; display: inline-block;  font-size: 16px; border-radius:50%; outline:0px; margin-top:13px; }
.l4_bottom input[type="radio"]:checked + label { background-color:#fff; background-image:url("https://art-map.co.kr/img/new_work_down_ar.png"); background-size:11px 11px; background-position:50% 50%; background-repeat:no-repeat;}
.l4_bottom input[type="radio"] { display: none;}
.l4_bottom input[type="checkbox"] + label { background-color: #fff; border:1px solid #747474; color: #545454; height:16px; width:16px; text-align: center; text-decoration: none; display: inline-block; vertical-align:middle; margin-top:13px; margin-left:-8px; }
.l4_bottom input[type="checkbox"]:checked + label { background-color:#623ff4; height:18px; width:18px; background-image:url("http://art-map.co.kr/img/popcheckbox.png"); background-size:11px 11px; background-position:50% 50%; background-repeat:no-repeat; border:none; color:#000; font-weight:500; }
.l4_bottom input[type="checkbox"] { display: none;}
/*¸ÞÀÎ ÇÏ´Ü ´º½º·¹ÅÍ ½Åû*/

/* mypage */
.my_body{ width:100%; min-height:569px; height:auto; float:left;}
.my_info_div { width:100%; height:375px; background-color:#F8F8F8; text-align:center; background-image: url(http://www.art-map.co.kr/m/img/mypage/write_exh@2x.png); background-size:100% 100%; }
.my_info_div span:nth-child(1) { display:inline-block; width:100%; padding-top:194px; padding-bottom:13px; font-size:25px; line-eight:37px; letter-spacing:-1px; font-weight:500; }
.my_info_div span:nth-child(2) { display:inline-block; width:100%; font-size:14px; line-height:22px; letter-spacing:-0.56px; }
.my_info_div span:nth-child(3) { display:inline-block; width:100%; font-size:14px; line-height:22px; letter-spacing:-0.56px; }
.my_info_div span:nth-child(4) { display:inline-block; width:100%; font-size:14px; }
.my_info_div span:nth-child(5) { display:inline-block; width:100%; padding-top:13px; font-size:13px; line-height:22px; letter-spacing:-0.52px; color:#787878; }
.my_info_div span:nth-child(6) { display:inline-block; width:100%; font-size:13px; line-height:22px; letter-spacing:-0.52px; color:#787878; }
.my_info_div2 { height:280px; border-bottom:0.5px solid #eee; text-align:center; margin-top:20px; }
.my_info_div3 { width:100%; display:inline-block; height:300px; text-align:center; overflow:hidden; margin-top:20px; }
.my_sub_tit_img { margin-top:0px; display:inline-block; width:61px; height:61px; background-color:#F6F6F6; }
.my_sub_tit_img2 { margin-top:0px; display:inline-block; width:41px; height:41px; background-color:#F6F6F6; }
.my_submit { display:inline-block; background-color:#000; color:#EDEDED; width:50%; padding:1em 1em; font-size:14px; border-radius:40px; font-weight:400; border:none; outline:0px;}
.my_input_div { display:inline-block; width:100%; border-bottom:0.5px solid #eee; min-height:52px; height:auto; position:relative; }
.my_input_div_tag { border:1px solid #eaeaea; border-radius:40px; margin-top:10px; margin-bottom:10px; margin-left:5px; padding:4px 4px; font-size:14px; float:left; }

.filebox label { display: inline-block; margin-top:8px; color: #F6F6F6; -webkit-transition: background-color 0.2s; transition: background-color 0.2s; width:100%; height:140px; background-color:#F6F6F6; }
.filebox label:hover { background-color:#F6F6F6; }
.filebox label:active { background-color:#F6F6F6; }
.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.filebox label span { display:inline-block; color:#fff; font-size:30px; margin-top:45px; font-weight:700; }
.v_thum_img { margin-top:8px; display: inline-block; width:40%; height:140px; position:absolute; }

.exh_light1 { height:320px; overflow-x:scroll; }
.exh_light2 { padding:10px 5%; height:380px; overflow-x:scroll; }
.exh_light3 { padding:0px 0px; height:120px; overflow-x:scroll; margin-top:5%; text-align:center; }
.exh_light4 { height:320px; overflow-x:scroll; text-align:center; }
.exh_light5 { height:320px; overflow-x:scroll; }

.exh_w_chk input[type="checkbox"] + label { width:35%; background-color: #f6f6f6; border: none; color: #000; padding: 5px 15px; text-align: center; text-decoration: none; display: inline-block;  font-size: 16px; font-weight:400; border-radius:40px; margin-bottom:15px; outline:0px; }
.exh_w_chk input[type="checkbox"]:checked + label { background-color:#fff; border:0.5px solid #000; color:#000;}
.exh_w_chk input[type="checkbox"] { display: none;}

.exh_w_chk input[type="radio"] + label { width:35%; background-color: #f6f6f6; border: none; color: #000; padding: 5px 15px; text-align: center; text-decoration: none; display: inline-block;  font-size: 16px; font-weight:400; border-radius:40px; margin-bottom:15px; outline:0px; }
.exh_w_chk input[type="radio"]:checked + label { background-color:#fff; border:0.5px solid #000; color:#000;}
.exh_w_chk input[type="radio"] { display: none;}

.exh_w_chk div { width:100%; text-align:center; }
.exh_price { width:35%; background-color: #f6f6f6; border: none; color: #000; padding: 5px 15px; text-align: center; text-decoration: none; display: inline-block;  font-size: 16px; font-weight:400; border-radius:40px; margin-bottom:15px; outline:0px; }

.bt1 { width:50%; float:left; text-align:center; background-color:#000; color:#fff; border-top:1px solid #000; padding:10px 0px; bottom:0px; position:absolute; }
.bt2 { width:50%; float:right; text-align:center; background-color:#fff; color:#000; border-top:1px solid #b4b4b4; padding:10px 0px; bottom:0px; position:absolute; margin-left:50%; }
.my_pop_bottom { position:absolute; bottom:0px; background-color: #000; color: #fff; padding: 15px 0px; text-align: center; text-decoration: none; display: inline-block; font-size: 14px; font-weight:400; width:100%;}

.insert_work { width:100%; text-align:center; display:none; color:#666666; font-size:15px;}
.insert_work input[type="checkbox"] + label {display: inline-block; width: 10px;height: 10px;border: 1px solid #bcbcbc;cursor: pointer; margin-left:-75px; position:relative;}
.insert_work input[type="checkbox"]:checked + label { background-image: url(http://www.art-map.co.kr/m/img/downarro.png); background-size:7px 4px; background-position:50% 50%; background-repeat:no-repeat; }
.insert_work input[type="checkbox"] {display: none;}

.insert_work span { border: 1px solid #bcbcbc; margin-left:-60px; position:relative; text-align:center; font-size:13px; padding:3px 3px; color:#666666;}

.exh_w_canvas { text-align:center;}
.exh_w_canvas span { display:inline-block; width:30%; border:1px solid #EAEAEA; padding:5px 0px; font-size:12px; border-radius:40px; }
.canvas_select { padding-top:20px; padding-left:0px; }
.canvas_list { border:0.5px solid #EAEAEA; text-align:center; overflow:hidden;}
.canvas_list span:nth-child(1) { display:inline-block; width:9%; background-color:#D5D5D5; padding:3px 0px; float:left; vertical-align:middle;}
.canvas_list span:nth-child(2) { display:inline-block; width:90%; float:right; font-size:14px; }

.canvas_active { border:5px solid #000; }

.pro_container { width:100%; height:184px; overflow:hidden; }
.pro_namem { text-align:center; margin-top:-50px; padding-bottom:30px; }
.pro_foll { width:33%; float:left; }
.pro_center { width:33%; float:left; }
.pro_foll span:nth-child(1) { display:inline-block; padding-top:75px; width:100%; font-size:12px; line-height:12px; color:#7e7e7e;}
.pro_foll span:nth-child(2) { display:inline-block; width:100%; font-size:18px; line-height:18px; color:#7e7e7e; font-weight:600;}
.pro_center span { display:inline-block; font-size:16px;}
#m_profile { width:98px; height:98px; margin-top:30px; border-radius:50%;}

.my_div1_sub { width:33%; height:120px; float:left; margin-bottom:0.5%; overflow:hidden; }
.plus { border:1px solid #eee; width:33%; height:120px; text-align:center; box-sizing: border-box; }
.my_div1_sub img { width:100%; height:100%; }
.my_div1_span { display:inline-block; vertical-align:middle; font-weight:400; padding-top:45px; font-size:14px; color:#fff; width:100%; height:100%; text-align:center; }

.noview { text-align:center; padding-top:10px; }
.noview img { width:167px; height:117px; }
.noview p { font-size:16px; line-height:22px; letter-spacing:-0.64px; text-decoration:underline; }
.noview span { display:inline-block; width:100%; font-size:14px; color:#787878; }

.date:before { content: attr(placeholder) !important; color: #acacac; margin-right: 0.5em; }

.my_cate_chk { width:100%; height:50px; text-align:center; }
.my_cate_chk img { width:7px; height:6px; }
.sel_span { display:inline-block; width:32%; font-size:15px; letter-spacing:-0.6px; font-weight:600; }
.unsel_span { display:inline-block; width:32%; font-size:15px; letter-spacing:-0.6px; font-weight:400; color:#BDBDBD; }

.sel_span2 { display:inline-block; width:100%; font-size:15px; letter-spacing:-0.6px; font-weight:500; }
.unsel_span2 { display:inline-block; width:100%; font-size:15px; letter-spacing:-0.6px; font-weight:500; color:#BDBDBD; }
/*sel_span2:after { content:""; display:block; width:70px; border:2px solid #000; margin:auto; margin-top:5px; }*/
.sel_unbar { border:1.5px solid #000; width:60px; margin:auto; margin-top:5px;}

.my_data_container { width:100%; margin-top:13px; height:auto; overflow:hidden;}
.my_cate_chg { width:100%; text-align:center; }
.my_cate_chg span { display:inline-block; width:50%; font-size:14px; }
.my_button { background-color: #000; border: none; color: white; padding: 10px 32px; text-align: center; text-decoration: none; display: inline-block;  font-size: 16px; border-radius:4px; outline:0;}

.liking { border-bottom:5px solid #eee; height:auto; padding-bottom:40px; overflow:hidden;}
.liking p:nth-child(1) { position:relative; display:inline-block; width:100%; padding-left:10px; font-weight:500; font-size:14px; z-index:999; }

.chart_sub { position:relative; margin-top:-40px; text-align:center; z-index:999;}
.chart_sub span { display:inline-block; width:50px; text-align:center; font-size:11px; font-weight:400; padding:5px 10px; }
.chart_mark { padding:5px 5px; width:15px; height:15px; border-radius:50%; border:none; }

.my_profile label { width:12px; }
.my_profile label:hover { background-color: #fff;}
.my_profile label:active { background-color: #fff;}
.my_profile input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

.mypage_non{ width:100%; text-align:center; }
.mypage_non img { width:167px; height:153.9px; }
.mypage_non span{ display:inline-block; width:100%; font-size:14px; color:#787878; }
/* mypage */

/* masonry */
.images { display: grid; grid-gap: 0px; grid-template-columns: 2fr 2fr; grid-auto-rows: auto; margin: 20px auto; box-sizing: border-box; padding:15px 0px; margin-left:4%; }
.image { position: relative; display:inline-block; max-width:90%; overflow:hidden; line-height:22px; padding-bottom:15px; }
.image > img { width: 100%; }
.image span:nth-child(2) { display:inline-block; width:85%; position: relative; margin-left:15px; top:5px; bottom: 15px; right: 15px; font-size:14px; letter-spacing:-0.56px; color:#030303; padding:2px 0px; }
.image span:nth-child(3){ display:inline-block; width:85%; font-size:12px; letter-spacing:-0.48px; color:#787878; line-height:19px; padding:3px 0px; }
.image span:nth-child(4){ display:inline-block; width:100%; font-size:12px; letter-spacing:-0.48px; color:#787878; line-height:12px; }
/* masonry */

.circle_s1 { display:inline-block; border:2px solid #cf2121; width:5px; height:5px; border-radius:50%; } /*Àü½ÃÁß*/
.circle_s2 { display:inline-block; border:2px solid #00964d; width:5px; height:5px; border-radius:50%; } /*Àü½Ã¿¹Á¤*/
.circle_s3 { display:inline-block; border:2px solid #000; width:5px; height:5px; border-radius:50%; } /*Àü½ÃÁ¾·á*/

.v_bottom { width:100%; height:286px; background-color:#000; }
.v_div_con { padding:17px; background-color:#000; }
.v_bottom_p2 { font-size:11px; line-height:17px; letter-spacing:-0.44px; color:#fff; margin-top:-15px; width:80%; display:inline-block; }
.v_bottom_s1 { display:inline-block; width:25%; text-align:center; color:#fff; font-size:12px; line-height:20px; letter-spacing:-0.44px; font-weight:500; }
.v_bottom_s2 { display:inline-block; width:40%; text-align:center; color:#fff; font-size:12px; line-height:20px; letter-spacing:-0.44px; font-weight:500; }
.v_bottom_s3 { display:inline-block; width:25%; text-align:center; color:#fff; font-size:12px; line-height:20px; letter-spacing:-0.44px; font-weight:500; }
.v_bottom_line { font-size:11px; font-weight:700; color:#fff; }

.v_bottom_sub { padding-top:18px; width:100%; color:#fff; font-size:11px; line-height:20p; letter-spacing:-0.44px; text-align:left; }
.v_bottom_sub span { display:inline-block; width:100%; padding:2px 0px; color:#fff; }
.v_bottom_sub a { color: #fff; }

.footer_fix { position:fixed; bottom:0; width:100%; height:50px; border-top:1px solid #eee; z-index:999; background-color:#fff;}
.footer_fix span { display:inline-block; width:25%; text-align:center; vertical-align:middle; padding-top:14px; }
.footer_fix span img { width:22px; height:22px;}