@charset "euc-kr";

/* Reset Css */

.joinsmsn_gnb{position:relative;z-index:11;width:100%;background:url(http://images.joins.com/ui_portal/portal2010/blog/2012/k_blog_basic_gn.png) 0 -64px repeat-x;text-align:center;}
.joinsmsn_gnb .doc{position:relative;width:990px;margin:0 auto;text-align:left;position:relative;height:31px;}
.joinsmsn_gnb:after{content:".";display:block;font-size:0px;line-height:0px;height:0;clear:both;visibility:hidden;}
.joinsmsn_gnb #gnb_logo{float:left;margin:1px 11px 0 0;}
.joinsmsn_gnb #gnb_logo a{display:block;float:left;}
.joinsmsn_gnb #gnb_logo a.b,.joinsmsn_gnb #gnb_logo a.c{margin-top:7px;margin-left:6px;padding-left:7px;background:url(http://images.joins.com/ui_portal/portal2010/blog/2012/k_blog_basic_gn.png) 0 3px no-repeat;}

.joinsmsn_gnb #gnbmenu{float:right;}
.joinsmsn_gnb .gnlink .gn_menu *{vertical-align:top;font:11px "µ¸¿ò",dotum,AppleGothic,Arial,Helvetica,Clean,Sans-serif;}
.joinsmsn_gnb .gnlink .gn_menu a{display:inline-block;text-align:center;background:url(http://images.joins.com/ui_portal/portal2010/blog/2012/k_blog_basic_gn.png) 5px -3px no-repeat;}
.joinsmsn_gnb .gnlink .gn_menu dd a:hover{text-decoration:none;}
.joinsmsn_gnb .gnlink .gn_menu a span{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;}
.joinsmsn_gnb #gnbmenu{margin-top:7px;width:auto;}
.joinsmsn_gnb #gnbmenu dl.gn_menu{float:left;margin-top:3px;}
.joinsmsn_gnb #gnbmenu dl.gn_menu dd{float:left;padding-left:7px;margin-right:7px;background:url(http://images.joins.com/ui_portal/portal2010/blog/2012/k_blog_basic_gn.png) left 1px no-repeat;}
.joinsmsn_gnb #gnbmenu dl.gn_menu dd.my_blog{background:none;}
.joinsmsn_gnb #gnbmenu dl.gn_menu dd.blog_theme{margin-right:0;}
.joinsmsn_gnb #gnbmenu dl.gn_menu dd a{display:block;height:11px;background:url(http://images.joins.com/ui_portal/portal2010/blog/2012/k_blog_basic_gn.png) 0 0 no-repeat;font-size:0;line-height:0;text-indent:-9999px;}
.joinsmsn_gnb #gnbmenu dl.gn_menu dd.my_blog a{width:39px;background-position:0 -106px;}
.joinsmsn_gnb #gnbmenu dl.gn_menu dd.my_friend a{width:42px;background-position:0 -117px;}
.joinsmsn_gnb #gnbmenu dl.gn_menu dd.my_friend a.on{background-position:0 -128px;}
.joinsmsn_gnb #gnbmenu dl.gn_menu dd.random{padding-left:10px;}
.joinsmsn_gnb #gnbmenu dl.gn_menu dd.random a{width:18px;background-position:0 -139px;}
.joinsmsn_gnb #gnbmenu dl.gn_menu dd.blog_theme a{width:63px;background-position:0 -150px;}
.joinsmsn_gnb #gnbmenu dl.gn_menu dd.blog_theme a.on{background-position:0 -161px;}
.joinsmsn_gnb #gnbmenu div.member a{height:16px;}
.joinsmsn_gnb #gnbmenu div.member{float:left;padding-left:7px;}
.joinsmsn_gnb #gnbmenu div.member *{vertical-align:top;font:11px "µ¸¿ò",dotum,AppleGothic,Arial,Helvetica,Clean,Sans-serif;}
.joinsmsn_gnb #gnbmenu div.member a{display:inline-block;text-align:center;background:url(http://images.joins.com/ui_portal/portal2010/blog/2012/k_blog_basic_gn.png) 5px -3px no-repeat;}
.joinsmsn_gnb #gnbmenu div.member a span{overflow:hidden;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;visibility:hidden;}
.joinsmsn_gnb #gnbmenu div.member a:hover{text-decoration:none;}
.joinsmsn_gnb #gnbmenu div.member a.login{width:37px;background-position:-98px -36px;}
.joinsmsn_gnb #gnbmenu div.member a.logout{width:47px;background-position:0 -36px;}
.joinsmsn_gnb #gnbmenu div.member a.info_modify{width:45px;background-position:-50px -36px;}
.joinsmsn_gnb #gnbmenu .layer_on{display:block !important;}
.joinsmsn_gnb #gnbmenu .gn_layer{position:absolute;background-color:#fff;top:30px;right:0;padding:14px 13px;display:none;border:2px solid #e0e0e0;}
.joinsmsn_gnb #gnbmenu .gn_layer dl dt{margin-bottom:8px;color:#404044;font:bold 11px/16px "µ¸¿ò",dotum,AppleGothic,Arial,Helvetica,Clean,Sans-serif;letter-spacing:-1px;}
.joinsmsn_gnb #gnbmenu .gn_layer dl dd{font:11px/16px "µ¸¿ò",dotum,AppleGothic,Arial,Helvetica,Clean,Sans-serif;letter-spacing:-1px;}
.joinsmsn_gnb #gnbmenu .gn_layer dl dd.view{font-weight:bold;margin-top:12px;}
.joinsmsn_gnb #gnbmenu .gn_layer dl dd.view a{color:#404044}
.joinsmsn_gnb #gnbmenu .gn_layer_friend_no{right:155px;width:158px;}
.joinsmsn_gnb #gnbmenu .gn_layer_friend_no ul li, .joinsmsn_gnb #gnbmenu .gn_layer_friend_yes ul li{color:#999;}
.joinsmsn_gnb #gnbmenu .gn_layer_friend_yes{right:155px;width:160px;padding-bottom:12px;}
.joinsmsn_gnb #gnbmenu .gn_layer_friend_yes dl dd span{color:#999;}
.joinsmsn_gnb #gnbmenu .gn_layer_friend_yes dl dd a.name{color:#999;margin-left:7px;}
.joinsmsn_gnb #gnbmenu .gn_layer_friend_yes dl dd.list{height:89px;}
.joinsmsn_gnb #gnbmenu .gn_layer_friend_yes dl dd ul{margin-left:1px;width:171px;height:88px;overflow-y:scroll;scrollbar-face-color:#ffffff;/*scrollbar-highlight-color:#e0e0e0;*/scrollbar-shadow-color:#e0e0e0;scrollbar-3dlight-color:#e0e0e0;scrollbar-darkshadow-color:#fff;scrollbar-track-color:#f3f3f3;scrollbar-arrow-color:#8f8f8f}
.joinsmsn_gnb #gnbmenu .gn_layer_friend_yes dl dd ul li{margin-bottom:2px;}
.joinsmsn_gnb #gnbmenu .gn_layer_theme{right:44px;width:206px;overflow:hidden;padding-bottom:10px;}
.joinsmsn_gnb #gnbmenu .gn_layer_theme dl{zoom:1;margin-right:-110px;margin-top:-5px;}
.joinsmsn_gnb #gnbmenu .gn_layer_theme dl dt{display:none;}
.joinsmsn_gnb #gnbmenu .gn_layer_theme dl dd{float:left;width:124px;margin-right:15px;height:15px;margin-top:5px;overflow:hidden;}
.joinsmsn_gnb #gnbmenu .gn_layer_theme dl ul{display:inline;padding-left:1px;}
.joinsmsn_gnb #gnbmenu .gn_layer_theme dl ul li{display:inline;padding-left:6px;margin-left:3px;background:url(http://images.joins.com/ui_portal/portal2010/blog/2012/k_blog_basic_gn.png) left 1px no-repeat;}


.joinsmsn_gnb #gnbmenu .gn_layer .layer_close{display:block;position:absolute;top:5px;right:5px;width:9px;height:11px;background:url(http://images.joins.com/ui_portal/portal2010/blog/2012/k_blog_basic_gn.png) 0 -185px no-repeat;font-size:0;line-height:0;text-indent:-9999px;}

/* 2015-02-26 JÇ÷¯½º·Î ¹ßÇàµÈ Æ÷½ºÆà ¾È³»¹®±¸ */
.jplus_area{position:relative;z-index:2;margin:-1px 0 13px;padding:6px 0;border:1px solid #ddd;text-align:center;vertical-align:top;}
.jplus_area p{display:block;width:317px;margin:0 auto;zoom:1;}
.jplus_area p:after{content: ".";display:block;font-size:0;height:0px;line-height:0;clear:both;}
.jplus_area strong{display:block;float:left;width:201px;height:21px;background:url('http://images.joins.com/ui_portal/portal2010/blog/2012/k_jplus_area.png') -228px -7px no-repeat;font:0/0 a;overflow:hidden;}
.jplus_area a{display:block;float:left;width:106px;height:21px;margin-left:10px;background:url('http://images.joins.com/ui_portal/portal2010/blog/2012/k_jplus_area.png') -439px -7px no-repeat;font:0/0 a;overflow:hidden;}

/* ·¹À̾îÆ˾÷ Ãß°¡ - 2015.09.24 */
.layer_popup{position:fixed;left:0;top:0;right:0;bottom:0;z-index:500;}
.layer_popup .mask{display:block;width:100%;height:100%;position:fixed;left:0;top:0;background-color:#000;opacity:.2;-ms-filter:alpha(opacity=20);filter:alpha(opacity=20);}
.layer_inner{position:absolute;top:50%;left:50%;width:615px;height:686px;margin:-343px 0 0 -307px;border:1px solid #cac9c9;background-color:#fff;-webkit-box-shadow:4px 3px 6px rgba(0,0,0,.15);-moz-box-shadow:4px 3px 6px rgba(0,0,0,.15);box-shadow:4px 3px 6px rgba(0,0,0,.15)}
.layer_inner *{font-family:'Apple SD Gothic Neo','Malgun Gothic','¸¼Àº °íµñ','Noto Sans',Dotum,'µ¸¿ò',sans-serif !important;}
.layer_inner h4{height:66px;padding-left:19px;border-bottom:1px solid #d6d6d6;color:#231f20;line-height:66px;font-size:15px;}
.layer_inner button{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;cursor:pointer;}
.layer_inner .btn_close{display:block;position:absolute;right:0;top:0;width:55px;height:66px;background:url('http://images.joins.com/ui_joongang/news/pc/common/b_close_layer.png') no-repeat center center;text-indent:-9999px;}
.layer_inner .bd{padding:0 40px;margin-bottom:28px;}
.layer_inner .ft{text-align:center;}
.layer_inner .btn_black{width:120px;height:50px;margin:0 3px;font-size:15px;letter-spacing:-0.05em;border:1px solid #3c3e40;background:#3c3e40;color:#fff;}
.layer_inner .blog_noti{text-align:center;}
.layer_inner .blog_noti dt{font-size:20px;color:#241815;margin:32px 0 37px;letter-spacing:-1px;}
.layer_inner .blog_noti dt a{color:#a79a5f;font-weight:normal;}
.layer_inner .blog_noti dd{font-size:15px;color:#3c3e40;padding-top:318px;line-height:30px;background:url('http://images.joins.com/ui_portal/portal2015/blog/k_blog_layerpop.png') no-repeat center top;}
.layer_inner .blog_noti dd strong{color:#ff4418;font-weight:normal;}