﻿body {
    /* background: url('../images/main_bg.jpg') top center no-repeat; */
}

header .sns {
    position: absolute;
    top: 992px;
    right: 10px;
}

header .sns h2 {
    width: 75px;
    height: 29px;
    padding-top: 6px;
    padding-right: 5px;
    font-size: 11px;
    font-weight: normal;
    letter-spacing: -1px;
    text-align: right;
    color: #666;
    line-height: 130%;
}
header .sns h2 span {
	display:block;
    font-weight: bold;
    color: #c48b1e;
}
header .sns h2, header .sns ul, header .sns li {
    float: left;
}

#contents .con {
    height: 234px;
    /* margin-bottom: 100px;
    padding-bottom: 33px;
    border-bottom: 1px solid #efefef;
    background-color: #fff; */

}
#contents .con article {
    position: absolute;
}

#contents .con .main_con01 {
    width: 259px;
    height: 171px;
}
/*15.07.20 Ã¬Ë†ËœÃ¬Â â€¢(Ã«ÂÂ)*/
#contents .con .main_con01 section {
    display: none;
}
#contents .con .main_con01 .section01 {
    display: block;
}
#contents .con .main_con01 ul {
    position: absolute;
    bottom: 0;
    left: 28px;
}
#contents .con .main_con01 ul li {
    float: left;
}

#contents .con .main_con02 {
    top: 0;
    left: 274px;
    width: 465px;
    height: 169px;
    border: 1px solid #d1d2d3;
}
#contents .con .main_con02 section {
    display: none;
}
#contents .con .main_con02 section ul {
    width: 100%;
    height: 33px;
    background: url('../images/main_con05_bg.gif') 0 0 repeat-x;
}
#contents .con .main_con02 section li {
    float: left;
    cursor: pointer;
}

#contents .con .main_con02 section caption {
    display: none;
}
#contents .con .main_con02 section table {
    width: 100%;
    margin-top: 18px;
}
#contents .con .main_con02 section th {
    font-weight: normal;
    text-align: left;
    vertical-align: top;
    color: #898c8f;
    width: 80%;
    height: 22px;
    padding-left: 25px;
    background: url('../images/main_con02_dot.gif') 17px 7px no-repeat;
}
#contents .con .main_con02 section th a {
    display: block;
    overflow: hidden;
    height: 15px;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overow: ellipsis;
}
#contents .con .main_con02 section th a, x:-moz-any-link, x:default {
    white-space: normal;
    word-wrap: break-word;
}
#contents .con .main_con02 section th *+ html a {
    white-space: nowrap
}

#contents .con .main_con02 section th a img { 
    vertical-align: top;
    margin-left: 4px;

}
#contents .con .main_con02 section td {
    text-align: right;
    vertical-align: top;
    color: #898c8f;
    width: 20%;
    height: 22px;
    padding-right: 14px;
}
#contents .con .main_con02 .section01 .btn_more{
    position: absolute;
    top: 10px;
    right: 13px;
}
#contents .con .main_con02 .section01 .line{
    position: absolute;
    right: 50px;
}
#contents .con .main_con02 .section02 .btn_more{
    position: absolute;
    top: 10px;
    right: 13px;
}
#contents .con .main_con02 .section02 .line{
    position: absolute;
    right: 50px;
}


/*
#contents .con .main_con02 section .link {
    position: absolute;
    top: 7px;
    right: 14px;
    padding-right: 9px;
    color: #999;
    font-size: 11px;
    letter-spacing: -1px;
    background: url('../images/main_con02_more_bg.gif') right 5px no-repeat;
}
*/
#contents .con .main_con02 .section01 {
    display: block;
}

#contents .con .main_con03 {
    top: 0;
    left: 756px;
    width: 181px;
    height: 171px;
    background: url('../images/main_con03_bg.jpg') no-repeat;
}
#contents .con .main_con03 .btn_dw{
    margin-right: 0;
}
#contents .con .main_con03 .btn_dw a{
    background-image: url('../images/main_con03_dw.png');
	display: block;
	width: 90px;
	height: 67px;
    margin-top: 11px;
	text-indent: -999999em;
}
#contents .con .main_con03 .btn_dw a:hover {
    background-position: 0px -67px;
}
#contents .con .main_con03 .btn_cash{
    margin-right: 0;
    margin-left: 19px;
}
#contents .con .main_con03 .btn_cash a{
    background-image: url('../images/main_con03_cash.png');
	display: block;
	width: 55px;
	height: 67px;
    margin-top: 11px;
	text-indent: -999999em;
}
#contents .con .main_con03 .btn_cash a:hover {
    background-position: -1px -67px;
}

#contents .con .main_con03 .btn_cash2{
    margin-right: 0;
    margin-left: 19px;
}
#contents .con .main_con03 .btn_cash2 a{
    background-image: url('../images/main_con03_cash2.png');
	display: block;
	width: 49px;
	height: 67px;
    margin-top: 11px;
	text-indent: -999999em;
}
#contents .con .main_con03 .btn_cash2 a:hover {
    background-position: 0px -68px;
}
/*17-05-02 Ã¬Â¶â€ÃªÂ°â‚¬ Ã«ÂÂ*/
#contents .con .main_con03 .btn_qa{
    margin-right: 0;
    margin-top: 8px;
    margin-left: 22px;
}
#contents .con .main_con03 .btn_qa a{
    background-image: url('../images/main_con03_qa.png');
	display: block;
	width: 48px;
	height: 67px;
    margin-top: 11px;
	text-indent: -999999em;
}
#contents .con .main_con03 .btn_qa a:hover {
    background-position: 0px -66px;
}
#contents .con .main_con03 .btn_faq{
    margin-right: 0;
    margin-top: 8px;
    margin-left: 42px;
}
#contents .con .main_con03 .btn_faq a{
    background-image: url('../images/main_con03_faq.png');
	display: block;
	width: 48px;
	height: 67px;
    margin-top: 11px;
	text-indent: -999999em;
}
#contents .con .main_con03 .btn_faq a:hover {
    background-position: 0px -66px;
}
/*15.07.20 Ã¬Ë†ËœÃ¬Â â€¢*/
#contents .con .main_con03 li {
    float: left;
    margin-right: 20px;
}

#contents .con .main_con03 .r_mar00 {
    margin-right: 0;
}

#contents .con .main_con04 {
    top: 186px;
    left: 0;
    width: 259px;
    height: 172px;
}
#contents .con .main_con04 ul:first-child li {
    position: absolute;
    top: 0;
    left: 0;
}
#contents .con .main_con04 ul:first-child li {
    display: none;
}
#contents .con .main_con04 ul:first-child li:first-child {
    display: block;
}
#contents .con .main_con04 .btn .btn_prev {
    position: absolute;
    bottom: 3px;
    left: 187px;
}
#contents .con .main_con04 .btn .btn_play {
    position: absolute;
    bottom: 3px;
    left: 211px;
}
#contents .con .main_con04 .btn .btn_pause {
    position: absolute;
    bottom: 7px;
    left: 222px;
}
#contents .con .main_con04 .btn .btn_next {
    position: absolute;
    bottom: 3px;
    left: 234px;
}

#contents .con .main_con05 {
    top: 186px;
    left: 274px;
    width: 465px;
    height: 170px;
    border: 1px solid #d1d2d3;
}
#contents .con .main_con05 .btn_more{
    position: absolute;
    top: 10px;
    right: 13px;
}
#contents .con .main_con05 ul {
    width: 100%;
    height: 33px;
    background: url('../images/main_con05_bg.gif') 0 0 repeat-x;
}
#contents .con .main_con05 li {
    float: left;
}
#contents .con .main_con05 table {
    /*margin-top: 20px;*/
    margin-left: 14px;
}
#contents .con .main_con05 caption {
    display: none;
}
#contents .con .main_con05 col {
    width: 112px;
}
#contents .con .main_con05 .col_04 {
    width: 99px;
}
#contents .con .main_con05 td {
    height: 100px;
    vertical-align: top;
}
#contents .con .main_con05 td a {
    display: block;
    /*border: 1px solid #ccc;*/
    width: 97px;
    height: 120px;
    /*padding-top: 19px;*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#contents .con .main_con05 td .best .best_img{
    position: relative;
    top: 16px;
    left: -4px;
    z-index: 2;
}
#contents .con .main_con05 td .event .event_img{
    position: relative;
    top: 16px;
    left: -4px;
    z-index: 2;
}
#contents .con .main_con05 td .new .new_img{
    position: relative;
    top: 16px;
    left: -4px;
    z-index: 2;
}
#contents .con .main_con05 td .best .item{
    position: relative;
    width: 43px;
    height: 43px;
    top: -136px;
}
#contents .con .main_con05 td .event .item{
    position: relative;
    width: 43px;
    height: 43px;
    top: -136px;
}
#contents .con .main_con05 td .new .item{
    position: relative;
    width: 43px;
    height: 43px;
    top: -136px;
}
#contents .con .main_con05 td .basic .item{
    position: relative;
    width: 43px;
    height: 43px;
    top: -49px;
}

#contents .con .main_con05 td img {
    position: relative;
    display: block;
    margin: 0 auto 10px;
    /*border: 2px solid #999;*/
    width:81px;
    height:77px;
    top: -67px;
    z-index: 1;
}

#contents .con .main_con05 td span {
    display: block;
    width: 90px;
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
    letter-spacing: -1px;
    position: relative;
    line-height: 120%;
    top: -122px;
}
#contents .con .main_con05 td .basic img {
    position: relative;
    display: block;
    margin: 0 auto 10px;
    /*border: 2px solid #999;*/
    width:81px;
    height:77px;
    top: 20px;
    z-index: 1;
}
#contents .con .main_con05 td .basic span {
    display: block;
    width: 90px;
    margin: 0 auto;
    text-align: center;
    font-size: 11px;
    letter-spacing: -1px;
    position: relative;
    line-height: 120%;
    top: -35px;
}

#contents .con .main_con05 .link {
    position: absolute;
    top: 7px;
    right: 14px;
    padding-right: 9px;
    color: #999;
    font-size: 11px;
    letter-spacing: -1px;
    background: url('../images/main_con02_more_bg.gif') right 5px no-repeat;
}

#contents .con .main_con06 {
    top: 186px;
    left: 756px;
    width: 180px;
    height: 51px;
}

#contents .con .main_con06 .rs_cafe {float: left;}
#contents .con .main_con07 {
    position: relative;
    top: 243px;
    left: 756px;
    width: 180px;
    height: 115px;
    /*border: 1px solid #d1d2d3;*/
}
#contents .con .main_con07 ul li{
    margin-bottom: 3px;
    /*
    width: 100%;
    height: 30px;
    background: url('../images/main_con02_bg.gif') 0 0 repeat-x;
    */
}

#contents .con .main_con07 .vote {
    display:block;
    padding:15px;
    width: 150px;
    height: 51px;
    overflow:hidden;
}

#contents .con .main_con07 .submit {
    position: absolute;
    bottom: 9px;
    right: 20px;
    text-indent: -1000px;
    overflow: hidden;
    width: 54px;
    height: 16px;
    background: url('../images/main_con07_btn.gif') 0 0 no-repeat;
}

#contents .con .main_con1 {
    position: relative;
    width: 100%;
    height: 288px;
    float: left;
    top: -52px;
}
#contents .con .main_con1 ul{
    position: relative;
    width: 100%;
    height: 220px;
    padding-left: 10px;
    margin-top: 10px;
}
#contents .con .main_con1 ul li{
    position: relative;
    width: 297px;
    padding-top: 10px;
    height: 103%;
    margin-right: 23px;
    float: left;
    overflow: hidden;
}
#contents .con .main_con1 ul li:nth-child(3){
    margin-right: 0px;
}

#contents .con .main_con1 ul li .con1_hover {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    position: absolute;
}

#contents .con .main_con1 ul li:hover .con1_hover{
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
#contents .con .main_con1 ul li a{
    display: block;
    position: absolute;
    z-index: 4;
}
#contents .con .main_con1 ul li img.bg{
    position: absolute;
    top: -15px;
}
#contents .con .main_con1 ul li img.con1_bg1{
    z-index: 3;
}
#contents .con .main_con1 ul li img.con1_hover{
    z-index: 4;
    top: -16px;
}

#contents .con .main_con1 ul li img.con1_bg2{
    z-index: 5;
}

.main_con2_wrap {
    position: relative;
    height: 497px;
    width: 100%;
    background-color: #fafafa;
    /* margin-bottom: 100px; */
}
.main_con2_wrap .main_con2{
    width: 940px;
    margin: 0 auto;
    padding-top: 41px;
    height: 250px;
}
.main_con2_wrap .main_con2 ul li{
    position: relative;
    width: 187px;
    float: left;
    height: 243px;
    background: url(../images/main_con2_bar.png) right 0px no-repeat;
}
.main_con2_wrap .main_con2 ul li:last-child{
    background: none;
}
.main_con2_wrap .main_con2 ul li .item_box{
    position: relative;
}
.main_con2_wrap .main_con2 ul li.item01 .item_box.new{position: absolute;left: 18px;top: -20px;z-index: 9;}
.main_con2_wrap .main_con2 ul li.item01 .item_box.hot{position: absolute;left: 18px;top: -20px;z-index: 9;}
.main_con2_wrap .main_con2 ul li.item02 .item_box.new{position: absolute;left: 18px;top: -20px;z-index: 9;}
.main_con2_wrap .main_con2 ul li.item02 .item_box.hot{position: absolute;left: 18px;top: -20px;z-index: 9;}
.main_con2_wrap .main_con2 ul li.item03 .item_box.new{position: absolute;left: 18px;top: -20px;z-index: 9;}
.main_con2_wrap .main_con2 ul li.item03 .item_box.hot{position: absolute;left: 18px;top: -20px;z-index: 9;}
.main_con2_wrap .main_con2 ul li.item04 .item_box.new{position: absolute;left: 18px;top: -20px;z-index: 9;}
.main_con2_wrap .main_con2 ul li.item04 .item_box.hot{position: absolute;left: 18px;top: -20px;z-index: 9;}
.main_con2_wrap .main_con2 ul li.item05 .item_box.new{position: absolute;left: 18px;top: -20px;z-index: 9;}
.main_con2_wrap .main_con2 ul li.item05 .item_box.hot{position: absolute;left: 18px;top: -20px;z-index: 9;}

.main_con2_wrap .main_con2 ul li .item_box.bg{
    position: relative;
    left: 50px;
    z-index: 7;
}
.main_con2_wrap .main_con2 ul li .item_box.item{
    position: absolute;
    left: 74px;
    top: 25px;
    z-index: 8;
}
.main_con2_wrap .main_con2 ul li .text_wrap{
    position: relative;
    padding-top: 13px;
    text-align: center;
    /* font-family: 'NanumGothic'; */
    width: 187px;
}
.main_con2_wrap .main_con2 ul li .text_wrap p{
    max-width: 170px;
    padding-left: 9px;
}
.main_con2_wrap .main_con2 ul li .text_wrap p:first-child{
    font-size: 15px;
    max-width: 187px;
    padding-left: 0;
    font-weight: 600;
    color: #222222;
    overflow: hidden;
    margin-bottom: 5px;
}
.main_con2_wrap .main_con2 ul li .text_wrap p:last-child{
    /* font-size: 13px; */
    color: #929292;
    /* padding-top: 9px; */
    max-height: 34px;
    line-height: 16px;
    overflow: hidden;
}

 @-webkit-keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}
@keyframes sheen {
  0% {
    -webkit-transform: skewY(-45deg) translateX(0);
            transform: skewY(-45deg) translateX(0);
  }
  100% {
    -webkit-transform: skewY(-45deg) translateX(12.5em);
            transform: skewY(-45deg) translateX(12.5em);
  }
}
.btn_sell {
  display: block;
  position: absolute;
  top: 180px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.btn_sell .button {
    width: 94px;
    /* height: 30px; */
    padding-top: 8px;
    padding-bottom: 9px;
    font-family: 'NanumGothic';
    text-align: center;
    text-decoration: none;
    color: #fff;
    border: 1px solid #35354d;
    background-color: #35354d;
    font-size: 14px;
    display: inline-block;
    border-radius: 18px;
    transition: all 0.2s ease-in-out;
    position: relative;
    overflow: hidden;
}
.btn_sell .button:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 3em;
  display: block;
  position: absolute;
  top: 0;
  left: -4.5em;
  -webkit-transform: skewX(-45deg) translateX(0);
          transform: skewX(-45deg) translateX(0);
  transition: none;
}
.btn_sell .button:hover {
  background-color: #d95313;
  color: #fff;
  border: 1px solid #d95313;
}
.btn_sell .button:hover:before {
  -webkit-transform: skewX(-45deg) translateX(13.5em);
          transform: skewX(-45deg) translateX(13.5em);
  transition: all 0.5s ease-in-out;
}

.section_multi {
    /* position: relative; */
    /* display: table; */
    width: 940px;
    margin: 0 auto;
    /* margin-left: 300px; */
    /* height: 400px; */
}

.list_multi .link_multi {
    display: block;
    position: relative;
}

.layer_multi {
    display: none;
}
.list_multi li a.link_multi img.img_banner{
    display: none;
}
.layer_multi .layer_body {
    background-color: #000;
    width: 940px;
}
.layer_multi .video_youtube {
    display: block;
    width: 100%;
    height: 549px;
    border: 0 none;
}
.img_comm {
    display: inline-block;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    background: url('../images/multi_x.jpg') no-repeat;
    vertical-align: top;
    text-indent: -9999px;
}
.layer_multi .btn_close {
    width: 62px;
    height: 56px;
    /* background-position: 0 -380px;
    padding-bottom: 100px; */
}

.main_con3_wrap{
    position: relative;
    width: 100%;
    overflow: hidden;
    top: -85px;
    height: 450px;
}
.main_con3_wrap .char_box {
    width: 1920px;
    margin: 0 auto;
    position: relative;
}
.hero_box{
    position: relative;
	width: 432px;
	height: 114px;
    left: 955px;
    top: 288px;
    z-index: 7;
}
.hero_box .hero_tab .hero_animate {
	position: absolute;
	width: 394px;
	height: 99px;
	overflow: hidden;
	margin-top: 15px;
	margin-left: 40px;
}
.hero_animate_box {
	width: 1600px;
	position: absolute;
}
.hero_box .hero_tab  img{
	margin-right: 9px;
	float: left;
}
.btn .btn_right{
	position: relative;
    top: 54px;
    right: -450px;
}
.btn .btn_left{
	position: relative;
    top: 54px;
    left: -11px;
}
.hero_content{
    position: relative;
    top: -119px;
    z-index: 6;
}
.hero_content .character ul{
    position: absolute;
    top: 105px;
    left: 986px;
}
.hero_content .hero_ch2, .hero_ch3, .hero_ch4, .hero_ch5, .hero_ch6, .hero_ch7, .hero_ch8, .hero_ch9, .hero_ch10, .hero_ch11, .hero_ch12, .hero_ch13 ul{
    display: none;
}
.hero_content .character ul li{

}

.hero_content .character ul li:nth-child(1){
    background: url("../images/character_text1.png") no-repeat;
    height: 43px;
    text-indent: -99999px;
}
.hero_content .character ul li:nth-child(2){
    font-size: 26px;
    font-family: 'Nanum Myeongjo', serif;
    color: #000;
    padding-top: 32px;
}
.hero_content .character ul li:nth-child(3){
    font-size: 15px;
    font-family: 'NanumGothic', serif;
    color: #929292;
    padding-top: 16px;
    line-height: 22px;
}

.quick_facebook{
    position: fixed;
    z-index:200;
    bottom: 380px;
    width: 280px;
    margin: 0 0 0 970px;
}
.quick_facebook .side_wrap{
    position: absolute;
    width: 102px;
    /* height: 210px; */
    left: 78px;
    top: 254px;
    background-color: #3d3d47;
    border-radius: 10px;
}

.quick_facebook ul.side_wrap li{
    width: 102px;
    height: 52px;
    text-align: center;
    border-top: 1px solid #5d5d67;
    line-height: 52px;
}
.quick_facebook ul.side_wrap li:first-child{
    border-top: none;
}
.quick_facebook ul.side_wrap li a{
    position: relative;
    font-size: 14px;
    font-family: 'NanumGothic', serif;
    color: #bdbfc2;
    /* top: 20px; */
    text-decoration: none;
    outline: none;
}
.quick_facebook ul.side_wrap li a:hover{
    color: #fff;
}

.quick_facebook_naver{
    position:absolute;
    z-index:200;
    top:380px;
    width: 280px;
    margin: 0 0 0 970px;
}
.quick_facebook_naver .side_wrap{
    position: absolute;
    width: 102px;
    height: 210px;
    left: 78px;
    top: 254px;
    background: url('../images/side_menu.png') no-repeat;
}

.quick_facebook_naver ul.side_wrap li{
    width: 102px;
    height: 52px;
    text-align: center;
}
.quick_facebook_naver ul.side_wrap li a{
    position: relative;
    font-size: 14px;
    font-family: 'NanumGothic', serif;
    color: #bdbfc2;
    top: 20px;
    text-decoration: none;
    outline: none;
}
.quick_facebook_naver ul.side_wrap li a:hover{
    color: #fff;
}

.main_con4_wrap{
    position: relative;
    height: 164px;
    margin-top: -60px;
}
.main_con4_wrap .con4_list{
    width: 960px;
    margin: 0 auto;
    /* padding-top: 41px */
}
.main_con4_wrap .con4_list ul {
    /* padding-left: 29px; */
    display: table;
    margin: 10px auto;
}
.main_con4_wrap .con4_list ul li {
    float: left;
    /* padding-right: 62px; */
    margin: 25px;
}
.main_con4_wrap .con4_list ul li .title {
    text-align: center;
    padding-top: 5px;
}
.main_con4_wrap .con4_list ul li:first-child{
    /* padding-left: 45px; */
}
.main_con4_wrap .con4_list ul li:last-child{
    padding-right: 0px;
}

#contents .con_top .loginbox.naver {
    position: absolute;
    top: 174px;
    left: 697px;
    width: 243px;
    height: 72px;
    border: 1px solid #e5e5e5;
}
#contents .con_top .loginbox.naver .f_gray_4f{
    color: #47474f;
    font-weight: 600;
}
.login_after.naver .pay {
    width: 149px;
    padding-top: 4px;
    padding-left: 33px;
    height: 22px;
    color: #666666;
    background: url(../images/dot_naver.gif) 13px 3px no-repeat;
}
.login_befor.naver .login_befor_btn {
    display: block;
    position: absolute;
    top: -1px;
    right: 0px;
    /* border: 1px solid #666; */
    width: 245px;
    height: 73px;
    background: url(../images/login_befor_btn_naver.gif) 0 0 no-repeat;
    *border: none;
    cursor: pointer;
}

.login_befor.naver_pre .agree ul{
    position: absolute;
    top: -1px;
    left: -1px;
    width: 243px;
    height: 111px;
    text-align: center;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;

}
.login_befor.naver_pre .agree ul li{
    font-family: 'NanumGothic';
    font-size: 15px;
    height: 15px;
    color: #47474f;
    background: none;
    width: 243px;
    padding: 16px 0 0 0;
}
.login_befor.naver_pre .agree ul li strong{
    font-weight: 400;
    line-height: 18px;
}
.login_befor.naver_pre .agree ul li:last-child{
    position: relative;
    top: 12px;
}

.login_befor.naver_pre .cancel ul{
    position: absolute;
    top: -1px;
    left: -1px;
    width: 243px;
    height: 111px;
    text-align: center;
    border: 1px solid #e5e5e5;
    background-color: #fafafa;

}
.login_befor.naver_pre .cancel ul li{
    font-family: 'NanumGothic';
    font-size: 15px;
    height: 15px;
    color: #47474f;
    background: none;
    width: 243px;
    padding: 16px 0 0 0;
}
.login_befor.naver_pre .cancel ul li strong{
    font-weight: 400;
    line-height: 18px;
}
.login_befor.naver_pre .cancel ul li:last-child{
    position: relative;
    top: 12px;
}

@media only screen and (max-device-width: 980px) and (min-device-width: 320px){

  body{width: 1000px;}
  header{width: 1000px;}

  .quick_facebook_naver { display: none; }
  .pop2 {left: 23%; top: 17%;}

}
