@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");




.png_icon__header{background:url(../img/logo.png);background-size:200px}
.png_icon{background:url(../img/content_list/content_list_sprite.png);background-size:200px}
body,h1,h2,h3,h4,ul,li,p,input,button,textarea,table,th,td{margin:0;padding:0}
a{text-decoration:none}

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

.main_top1 { width:100%; min-width:1400px; height:54px; background-color:#1a1a1a; }
.main_top1 input { color:#fff; width:350px; margin-left:30px; font-size:16px; background-color:#1a1a1a; border:none; padding:9px 5px; height:54px; }
.main_top1 input::placeholder { color:#fff; }
.main_top_left { background-size:25px; max-width:400px; background-image:url(/img/main/70.png); background-repeat:no-repeat; background-position:0px 12px; float:left;}
.main_top_right { width:600px; text-align:right; max-width:700px; height:34px; float:right;}
.main_top_right a { display:inline-block; font-size:14px; color:#fff; font-weight:400; letter-spacing:-0.28px; width:100px; padding:14px 5px; text-align:center; }

.main_top2 { width:100%; min-width:1400px; background-color:#fff; overflow:hidden;}
/*.main_top2_left { max-width:200px; margin-left:15%; float:left; padding:30px 0px; }*/



.main_top_div {  width:1250px; margin:auto; display:flex;  align-items: center;     justify-content: space-between; }

.main_wrap {  width:1250px; margin:auto; display:flex;  align-items: center; justify-content: space-between;  height:65px;}

.main_top2_right {  }
.main_top2_left { max-width:200px; display:flex;  justify-content: space-between; }

.main_top2_right span { display:inline-block; width:100px; text-align:center; cursor:pointer;}
.main_top2_right a { display:inline-block; width:100px; text-align:center; cursor:pointer;}

.d_menu a { cursor:pointer; }
.d_menu .hide{ display:none; position:absolute; width:150px; height:auto; border:1px solid #D5D5D5; background-color:#fff; z-index:999; list-style:none; }
.d_menu .hide a { display:inline-block; color:#1a1a1a; width:150px; }

.search_result{ position:absolute; top:40px; margin-left:30px; width:350px; background-color:#1a1a1a; height:auto; padding: 0.8em 0em; color:#F6F6F6; font-size:14px; border-radius:8px; display:none; }

em{font-style:normal}
li{list-style:none}
button{border:0;font-family:'Pretendard';cursor:pointer;outline:none}
.blind{position:absolute;clip:rect(0 0 0 0);
width:1px;height:1px;margin:-1px}
body,pre{font-family:'Pretendard';}
.wrap{position:relative;z-index:0;}
.v_mid{display:inline-block;height:100%;vertical-align:middle}
.header{position:fixed; width:100%; height:100px; color:#fff; left:0; top:0;}
.header_wrap{ width:1280px; margin:0px auto; height:80px;}

*{
    margin: 0px;
    padding: 0px;
	letter-spacing:-0.3px;
}
body, html{
    height: 100%;
}


.main-item{width:90%; margin:0 auto;}
.main-item div img{width:90%; margin:0 auto;}

/*.header_inner:before{position:absolute;right:1px;bottom:-1px;left:1px;height:1px;background-color:#d5d5d5;content:''}*/
.gnb{text-align:center; margin:0px auto;}
.gnb:after{display:block;clear:both;content:''}
.top_menu{height:80px; text-align:center; margin:0px auto; font-family:'Pretendard'; }
.search_gift_box .button_search {background-color:#fff; color:#000;padding:6px 6px;text-align: center; text-decoration: none; display: inline-block; font-size: 12pt;}
.header_links{height:40px}
.header_link_box{position:relative;float:left;margin-left:20px; height:40px; color:#4D4D4D; font-size:10pt; font-family: 'Pretendard'}
.header_link_box a{display:block}
.header_link_box .msg{width:50px;height:40px;overflow:hidden}
.header_link_box .msg .png_icon__header{width:23px;height:22px;background-position:0px -30px;margin:9px auto 0}
.header_link_box .notice{width:50px;height:40px;overflow:hidden}
.header_link_box .notice .png_icon__header{width:21px;height:21px;background-position:-24px -30px;position:relative;margin:9px auto 0}
.header_link_box .notice .cnt{position:absolute;top:-8px;right:-8px;width:20px;height:20px;border-radius:10px;background-color:#0ac807;text-align:center;font-size:12px;font-weight:bold;line-height:20px;color:#fff}
.header_link_box .notice_layer{display:none;position:absolute;top:40px;right:-40px;width:290px;box-shadow:0 0 5px 0 rgba(73,73,73,0.5)}
.header_link_box .notice_layer.on{display:block}
.header_link_box .notice_layer .arrow_top{position:absolute;right:58px;top:-7px;width:0;height:0;border-style:solid;border-width:0 5px 7px 5px;border-color:transparent transparent #494949 transparent}
.header_link_box .notice_layer .btn_groups{overflow:hidden;height:35px;padding:0 10px;background-color:#ececec;font-size:10px;line-height:35px}
.header_link_box .notice_layer .btn_notice_all{float:left;font-weight:bold;color:#494949}
.header_link_box .notice_layer .btn_read_all{float:right;text-decoration:underline;color:#494949}
.header_link_box .notice_txt{height:36px;padding-left:16px;background-color:#494949;line-height:36px;font-size:10px;letter-spacing:1px;color:#fff}
.header_link_box .notice_txt .png_icon{width:11px;height:11px;background-position:-46px -30px;display:inline-block;margin-right:12px;vertical-align:middle}
.header_link_box .notice_list li{border-top:1px solid #dedede;background-color:#fff}
.header_link_box .notice_list li:first-child{border-top:0}
.header_link_box .notice_list a{display:block;overflow:hidden;padding:13px 22px 12px 10px}
.header_link_box .notice_list img{float:left;margin-right:10px;border-radius:50%}
.header_link_box .notice_info{overflow:hidden}
.header_link_box .notice_info p{font-size:10px;letter-spacing:1px;color:#494949}
.header_link_box .notice_info em{display:block;margin-top:4px;font-size:8px;color:#494949}
.header_link_box .profile{margin-left:20px;height:40px}
.header_link_box .profile img{margin-right:10px;border-radius:50%;vertical-align:middle}
.header_link_box .profile strong{font-size:12px;vertical-align:middle;color:#494949}

.lnb{padding:26px 0px; text-align:center; width:1280px; margin:0px auto; position:relative; color:#fff}
.lnb:after{display:block;clear:both;content:''}

.lnb .lnb_one{position:relative;float:left; color:#8b8b8b}
.lnb .btn_lnb{display:block;padding:0 44px;}
.lnb .btn_lnb .lnb_txt{font-size:12pt;color:#8b8b8b;font-family:'Roboto';  letter-spacing:-0.3px !important;}
.lnb .btn_lnb.on .lnb_txt{position:relative;color:#8b8b8b}
.lnb .btn_lnb .lnb_txt:hover{font-weight:bold;color:#000}
.lnb .btn_lnb .lnb_txt.on{font-weight:bold;}


.lnb_layer{display:none;position:absolute;top:60px;left:20;width:880px;padding:6px 0;background-color:#fff;box-shadow:0 1px 4px 0 rgba(0,0,0,0.2); height:150px;}
.lnb_layer.on{display:block}
.lnb_layer li{float:left;width:106px}
.lnb_layer a{display:block;padding:6px 20px;font-size:12px;font-weight:500;color:#494949}

.lnb .search_gift_box{float:right;position:absolute; right:0px;top:13px}
.lnb .search_gift_box input{width:80px;height:100%;border:0;text-indent:16px;font-size:12pt;color:#494949;}
.lnb .search_gift_box input::-webkit-input-placeholder{color:#494949;font-family:'Pretendard'}
.lnb .search_gift_box input::-moz-placeholder{color:#494949;font-family: 'Pretendard'}
.lnb .search_gift_box input:ms-input-placeholder{color:#494949;font-family: 'Pretendard'}


.container{overflow:hidden;width:1280px;margin:0 auto;}
.snb{position:relative;float:left;padding:18px}
.snb h3{margin-bottom:13px;font-size:16px;letter-spacing:1px}
.snb_inner{display:none;width:200px;padding-top:25px;border-left:1px solid #d5d5d5}
.btn_toggle_snb{width:54px;height:54px;background-position:-57px 0px;position:absolute;top:45px;right:-27px;width:54px;height:54px;border:0;outline:none}
.snb.on{padding:0}
.snb.on+.container_inner{padding-left:42px}
.snb.on .snb_inner{display:block}
.snb.on .btn_toggle_snb{background-position:0px 0px;top:44px;right:-28px;width:56px;height:56px}

.snb_box{margin-bottom:24px;padding-left:12px}
.snb_list li{margin-top:5px}
.snb_list li:first-child{margin-top:0}
.snb_list label{display:block;font-size:14px;letter-spacing:1px;color:#34495e;cursor:pointer}
.snb_list label:before{display:inline-block;width:16px;height:16px;border-radius:2px;background-color:#dedede;margin-right:14px;vertical-align:middle;content:''}
.snb_list label .chbox_txt{vertical-align:middle}
.snb_list input:checked+label:before{background:url(../img/content_list/content_list_sprite.png);background-size:111px;background-position:0px -57px}

.recent_section{margin-top:50px}
.recent_section h3{padding-left:12px}
.recent_section .thumbnail{width:200px;height:208px;margin:0;border:0;}
.recent_section .thumbnail .img_box{width:200px;height:133px}
.recent_section .thumbnail .level_mark{top:6px;left:6px;width:20px;height:20px;font-size:6px;line-height:20px}
.recent_section .thumbnail p{height:28px;margin-bottom:10px;font-size:10px;line-height:14px}
.recent_section .thumbnail .thumbnail_info{padding:0 10px}
.recent_section .thumbnail .price{font-size:11px}
.recent_section .thumbnail .profile_box{left:10px;bottom:8px}
.recent_section .thumbnail .profile_info .name{font-size:8px}
.recent_section .thumbnail .profile_info .rate_info{width:60px;height:10px}
.recent_section .thumbnail .profile_info .rate_bar{height:8px;margin-top:1px}
.recent_section .thumbnail .profile_info .rate_num{font-size:7px}

.container_inner{overflow:hidden;padding:37px 0 0 100px;border-left:1px solid #d5d5d5}
.btn_categs{width:1010px}
.btn_categs h2{font-size:20px;letter-spacing:1px;color:#494949}
.btn_categs .categ_box{margin-top:15px;overflow:hidden}
.btn_categs .categ_box a{float:left;margin:0 6px 6px 0;padding:10px 20px;border:1px solid #d0d0d0;font-size:12px;font-weight:500;color:#7c8495}
.btn_categs .categ_box a.on{background-color:#494949;border-color:#494949;color:#fff}
.plus_gift{width:1017px;margin-top:30px}
.plus_gift_top{overflow:hidden;height:44px;padding-right:17px}
.plus_gift_top h3{float:left;height:44px;line-height:44px}
.plus_gift_top .btn_apply_adv{float:right;width:130px;height:44px;background-color:#494949;font-size:14px;font-weight:bold;line-height:44px;letter-spacing:1px;text-align:center;color:#fff}

.content{width:1280px;}
.content .content_top{position:relative;z-index:1}
.content .content_top:after{display:block;clear:both;content:''}
.content .sort_box{position:relative;float:left;width:153px;height:37px;border:1px solid #ddd}
.content .sort_box a{height:37px;padding:0 13px;font-size:11px;line-height:37px;color:#34495e}
.content .sort_box .btn_sort{display:block;overflow:hidden}
.content .sort_box .btn_sort .arrow{float:right;width:0;height:0;margin-top:15px;border-style:solid;border-width:7px 5px 0 5px;border-color:#34495e transparent transparent transparent}
.content .sort_layer{display:none;position:absolute;top:37px;left:-1px;width:153px;background-color:#fff;border:1px solid #ddd}
.content .sort_layer.on{display:block}
.content .sort_layer li{border-top:1px solid #ddd}
.content .sort_layer li:first-child{border-top:0}

.tax_box{float:right;height:39px}
.tax_box label{padding-right:17px;font-size:14px;font-weight:500;line-height:39px;letter-spacing:1px;color:#34495e;cursor:pointer}
.tax_box label:before{display:inline-block;width:16px;height:16px;margin-right:15px;border-radius:2px;background-color:#dedede;vertical-align:middle;content:''}
.tax_box input:checked+label:before{background:url(../img/content_list/content_list_sprite.png);background-size:111px;background-position:0px -57px}

.thumbnail_list{overflow:hidden;margin-top:14px}
.thumbnail{position:relative;box-sizing:border-box;float:left;width:237px;height:247px;margin:0 17px 17px 0;border:1px solid #dfdfdf}
.thumbnail a{display:block}
.thumbnail.level_good .level_mark{background-color:#b228dd}
.thumbnail.level_bugs .level_mark{background-color:#0ac807}
.thumbnail .img_box{position:relative;width:235px;height:158px}
.thumbnail .img_box img{display:block}
.thumbnail .level_mark{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:12px;font-size:9px;line-height:24px;text-align:center;color:#fff}
.thumbnail .thumbnail_info{padding:0 12px}
.thumbnail p{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;height:36px;margin:5px 0 7px;font-size:12px;font-weight:500;line-height:18px;color:#000}
.thumbnail .profile_box{position:absolute;left:12px;bottom:3px}

/* footer */
.footer{width:1280px;  margin:0px auto; } 
.footer_inner{overflow:hidden;width:100%; max-width:1280px; margin:0 auto;}
.header_inner{position:relative;z-index:1;width:1280px;height:70px;margin:0 auto; }
.footer .corp_box a{display:inline-block;margin-left:36px;vertical-align:middle}
.footer .corp_box a:first-child{margin-left:0}
.footer .corp_box img{vertical-align:top}
.footer_link{margin-top:23px}
.footer_link select{padding:10px;}
.footer_link a{margin-right:15px;font-size:12px;color:#fff}

.footer_info{margin-top:18px}

.footer_info li{float:left;margin-right:5px;padding-right:5px;font-size:16px;color:#8D8D8D; width:100%;}

.footer_info li a{color:#8D8D8D; margin-right:5px;}
.footer_left{float:left; width:500px;padding-top:30px; padding-bottom:22px;}
.footer_left:last-child {border:0px;}

.customer_center{margin-top:22px;text-align:right}
.customer_center .tel_num{font-size:16px;color:#494949}
.customer_center .tel_num strong{position:relative;top:-2px;margin-right:11px;font-size:12px;color:#bed459}
.customer_center p{margin-top:4px;font-size:12px;font-weight:500;line-height:14px;color:#494949}

/* layer */
.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#612581; opacity:.9; filter:alpha(opacity=50);}
.layer .pop {display:block;}

.pw_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.pw_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%;  background:#000; opacity:.5; filter:alpha(opacity=50);}
.pw_layer .pop {display:block; width:400px; height:160px; background:#fff;}

.layer2 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer2 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#612581; opacity:.9; filter:alpha(opacity=50);}
.layer2 .pop {display:block;}

.gallery_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.gallery_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity=50);}
.gallery_layer .pop {display:block;}

.author_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.author_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity=50);}
.author_layer .pop {display:block;}

.pam_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.pam_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity=50);}
.pam_layer .pop {display:block; width:420px; background:#fff; height:590px;}


.share_layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:1000;}
.share_layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.3; filter:alpha(opacity=50);}
.share_layer .pop {display:block; width:400px; background:#fff; height:177px;}

.letter_bottom {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:500;}
.letter_bottom .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:black; opacity:.5; filter:alpha(opacity=50);}
.letter_bottom .pop {display:block; width:780px; height:405px;}

.pop {display:none; position: absolute; top:50%; left:50%; width:400px; height:auto;  z-index: 100;}	
.pop .pop-container {padding:10px;}
.pop p.ctxt {color: #666; line-height:25px;}
.pop .btn-r {width: 100%; margin:10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align:right;}
.cbtn {display:inline-block; height:35px; padding:0px 25px; border:1px solid #f6921d; background-color:#f6921d; font-size:14px; color:#fff; line-height:25px;}	
.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

/* ·Î±×ÀÎ */
.login_option_box{margin-top:9px;}
.login_option_box input:checked+label:before{background:url(/img/input_sprite.png) no-repeat;background-size:57px;background-position:0px -29px}
.login_option_box label{font-size:14px;font-weight:bold;color:#fff;cursor:pointer}
.login_option_box label:before{position:relative;top:3px;display:inline-block;width:16px;height:16px;margin-right:10px;border-radius:2px;content:'';background-color:#fff;}

.login_option_box .btn_find_id{float:left;margin-top:5px;font-size:14px;letter-spacing:1px;color:#fff}
.login_option_box .btn_find_id:hover{text-decoration:underline;}

.pop .pop-conts input{width:380px; float:left; height:40px; background-color:transparent; text-align:center; border:1px solid #fff; margin-bottom:10px; font-size:16px; color:#fff;}

.pop .pop-conts select{width:380px; float:left; padding-left:10px; height:40px; background-color:transparent; text-align:center; border:1px solid #fff; color:#fff; margin-bottom:10px; font-size:16px;}
.pop .pop-conts select option{color:#000}

.join_box input{width:100%; float:left; height:40px; background-color:transparent; text-align:center; border:1px solid #b7b7b7;  margin-bottom:10px; font-size:16px;}
.join_box select{width:100%; float:left; padding-left:10px; height:40px; background-color:transparent; text-align:center; border:1px solid #b7b7b7;  margin-bottom:10px; font-size:16px;}
.join_box select option{color:#000}
.join_box textarea{width:100%; height:150px;}

.login_wrap{width:380px;}
.login_box .login_btn{height:40px;}
.login_box textarea{width:380px; height:100px; margin-bottom:10px; background-color:transparent; color:#fff; padding:10px;}

.btn_facebook,.btn_naver,.btn_kakao,.btn_google,.btn_order{display:block;box-sizing:border-box;position:relative;height:50px;margin-top:8px;border-radius:1px;text-align:center;line-height:50px;font-size:14px;font-weight:500;letter-spacing:1px}
.btn_facebook img,.btn_naver img,.btn_kakao img,.btn_google img{position:absolute;left:8px;width:30px;height:28px;content:''}

.btn_order{background-color:#fff;}
.btn_facebook{background-color:#3262c8;color:#fff}
.btn_facebook img{top:10px}

.btn_naver{background-color:#0ac807;color:#fff}
.btn_naver img{top:9px}

.btn_kakao{background-color:#ffe000;color:#000}
.btn_kakao img{top:11px}

.btn_google{background-color:#fff;color:#000}
.btn_google img{top:11px}

#o_menu{
	display:none;
	height:100px;
	padding-top:50px;
	background-color:#F2F2F2;
	width:1280px;
	position:absolute;
	top:170px;
	z-index:10000;
	left:0px;
}

#o_menu .t_content{width:100%; text-align:left; overflow:hidden;}


.png_icon2{
background: url(../img/input.png) no-repeat;
background-size: 57px;
}

.term_info input:checked+label {
    background-position: -29px 0px;
}

.term_info label{
    float: left;
    width: 28px;
    height: 28px;
    background-position: 0px 0px;
    cursor: pointer;
	margin-right:10px;
}


.all_check{
	width:calc(100%);
	padding-top:10px;
	padding-bottom:10px;
	border-top:1px solid black;
	float:left;
	margin-top:30px;
	margin-bottom:30px;
}

.btn_submit{
	padding:10px 40px;
	background:#510089;
	color:#fff;
	font-size:18px;
	border-radius:5px;
	margin:0 auto;
}

.main_img{
	margin-top:60px !important;
}


.lpop input::placeholder { padding:20px 0px; color:#b4b4b4; font-size:16px; }
.lpop textarea::placeholder { padding:5px 0px; color:#b4b4b4; font-size:16px; }
.pinput_left { float:left; width:65px; text-align:left; height:50px; font-size:16px; padding-top:15px; margin-right:10px; }
.pinput_right { float:left; margin-bottom:20px; margin-right:10px; }
.pinput_right input { border:none; margin:auto; border-bottom:1px solid #b4b4b4; height:50px; width:200px; outline:0; }
.gain { font-size:14px; line-height:26px; letter-spacing:-0.56px; text-align:left;}
.gain_chk { text-align:left; margin-top:20px;}
.gain_chk 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; }
.gain_chk input[type="checkbox"]:checked + label { background-color:#623ff4; height:16px; width:16px; background-image:url("http://art-map.co.kr/img/popcheckbox.png"); background-size:cover; border:none; color:#000; font-weight:500;}
.gain_chk input[type="checkbox"] { display: none;}

.letter_bottom input::placeholder { color:#000; }

.box{
	width: 230px;
    float: left;
    margin-right: 20px;
    background-color: #fff;
    height: 230px;
    box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.15);
	position:relative;
	cursor:pointer;
}
.box .b_wrap{
	display:none;
}

.box .s_icon{
	display:none;
}
.box:hover .b_wrap{
	display:inline;
}

.box:hover .s_icon{
	display:inline;
}

.cKauxs{display:none !important}

.l4 { outline:0; width:100%; border-bottom:1px solid #b4b4b4; font-size:16px; }
.l4 span { display:inline-block; padding:10px 10px; vertical-align:top; }

.l4 input::placeholder { padding:20px 0px; color:#b4b4b4; font-size:16px; }
.l4 input[type="text"] { border:none; font-size:18px; margin:auto;  height:50px; width:180px; outline:0; }
.l4 input[type="radio"] + label { width:19px; height:19px; background-color: #fff; border: 1px solid #c8c8c8; text-decoration: none; display: inline-block;  font-size: 16px; border-radius:50%; outline:0px; }
.l4 input[type="radio"]:checked + label { background-image:url("/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 #c8c8c8; color: #545454; height:16px; width:16px; text-align: center; text-decoration: none; display: inline-block; vertical-align:middle; margin-top:13px; }
.l4 input[type="checkbox"]:checked + label { background-color:#623ff4; height:16px; width:16px; background-image:url("/img/popcheckbox.png"); background-size:cover; border:none; color:#000; font-weight:500;}
.l4 input[type="checkbox"] { display: none;}


.atk{
	color:rgb(95, 0, 128);
	font-weight:bold;
}


html.opens { overflow: hidden; }
.btn { width: 30px; height: 74px; position: absolute; right: 0px; top: 57px;  z-index: 1; cursor: pointer; background-color:#000; border-radius: 10px 0px 0px 10px; color:#fff; background-image: url("/img/map_left_bt.png"); background-size: 40%; background-repeat: no-repeat; background-position: center; }
.closes { width: 30px; height: 74px; position: absolute; right:400px; top: 250px; background-color:#000; border-radius: 10px 0px 0px 10px; background-image: url("/img/map_left_bt2.png"); background-size: 40%; background-repeat: no-repeat; background-position: center; cursor: pointer; z-index:999; }
#right_menu { width: 500px; height: 642px; position: fixed; top: 100px; right: -502px; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; overflow:hidden; overflow-y:scroll; }
#right_menu.opens { right: 0px; z-index: 1000; }
#right_menu2 { width: 400px; height: 642px; margin-left:100px; border: 1px solid #c9c9c9; background-color: #f9f9fb; transition: All 0.2s ease; -webkit-transition: All 0.2s ease; -moz-transition: All 0.2s ease; -o-transition: All 0.2s ease; overflow:hidden; overflow-y:scroll; border-radius: 10px 0px 0px 10px; box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.5); z-index:1200; }
.map_top { border-radius:20px; text-align:center; }
.map_view1{ width:80px; height:80px; padding:5px 5px; text-align:center; float:left; cursor:pointer; }
.map_view1 img { width:56px; height:56px; border-radius:4px; box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.2); margin-top:5px;}
.map_view2{ width:200px; height:80px; padding:5px 5px; float:left; cursor:pointer; }
.map_view2 span:nth-child(1) { display:inline-block; width:184px; font-size:14px; font-weight:600; letter-spacing:-0.56px; margin-top:16px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; height:16px; }
.map_view2 span:nth-child(3) { display:inline-block; width:184px; font-size:13px; font-weight:300; letter-spacing:-0.52px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; height:20px; }
.map_view3 { width:100px; height:80px; padding:5px 5px; float:left; }
.map_view3 span:nth-child(1) { display:inline-block; background-color:#ff4a29; border-radius:20px; color:#fff; font-size:12px; padding:3px 10px; margin-top:20px; }
.map_view3 span:nth-child(2) { display:inline-block; width:30px; text-align:center; vertical-align:middle; cursor:pointer; }
.map_view3 span:nth-child(2) img { width:9px; height:16px; }
.map_bottom { width:370px; height:30px; margin:auto; margin-bottom:18px;}
.map_bottom span { display:inline-block; width:120px; height:30px; border-radius:3px; background-color:#ebebf0; padding:5px 5px; text-align:center; font-size:13px; line-height:19px; letter-spacing:-0.52px; cursor:pointer; }
.map_bottom span:nth-child(1) { background-image: url('/img/map_view_heart.png'); background-size:12px 12px; background-repeat:no-repeat; background-position:15% 50%; }
.map_point { display:inline-block; padding:6px 20px; border-radius:100px; background-color:#ff4a29; color:#fff; font-weight:600; font-size:16px; vertical-align:middle; cursor:pointer; }
.map_point2{ display:inline-block; padding:6px 20px; border-radius:100px; background-color:#eee; color:#000; font-weight:600; font-size:16px; vertical-align:middle; cursor:pointer; }