/* BASIC css start */
#dggHide {right:10px !important; left:auto !important; position:fixed !important; }

#favorite {    
    font-size: 13px;
    color: #000;
}

.banner_no_slider {width:100%; margin-top:10px; }
.banner_no_slider img {max-width:100%; }

.login_close_btn
{
position:absolute;
top:15px;
right:15px;
width:45px;
height:45px;
cursor:pointer;
}
.login_close_btn .mdiv
{
height:45px;
width:2px;
margin-left:12px;
background-color:black;
transform: rotate(45deg);
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
Z-index:1;

}
.login_close_btn .md
{
height:45px;
width:2px;

background-color:black;
transform: rotate(90deg);
-ms-transform: rotate(90deg); /* IE 9 */
-webkit-transform: rotate(90deg); /* Safari and Chrome */
Z-index:2;

}



#loginWrap { padding:50px 30px; background:#fff; max-width:840px; margin:0 auto; position:relative; }
#loginWrap .mlog-sign {  width:100%; display:table;}
#loginWrap .mlog-sign .mlog, #loginWrap .mlog-sign .sign { width:50%; display:table-cell; vertical-align:top; padding:0px 60px; }
#loginWrap .mlog-sign h3 { padding-bottom:10px; font-size:20px; color:#363636; font-weight:bold; line-height:18px; text-align:left; }
/* member login */
#loginWrap .mlog-sign .mlog { margin-top:44px; position:relative; border-right:1px solid #e9e9e9 }
#loginWrap .mlog-sign .mlog p { font-size:13px; text-align:left; margin-top:10px;}
#loginWrap .mlog-sign .frm-list { padding-top:18px; position:relative; width:100%; margin:0 auto; }
#loginWrap .mlog-sign .frm-list li { position:relative; width: 100%; margin-bottom:6px }
#loginWrap .mlog-sign .frm-list li label { padding-left:11px; position:absolute; top:0; left:0; width:calc(100% - 11px); height:30px; color:#adadad; line-height:30px; cursor:text; text-align:left; }
#loginWrap .mlog-sign .frm-list li input { padding-left:10px; width:calc(100% - 12px); height:28px; line-height:28px; border:1px solid #000; }
#loginWrap .mlog-sign .btn-mlog { padding-top:10px; position:relative }
#loginWrap .mlog-sign .btn-mlog a { width:100%;}
#loginWrap .mlog-sign .se-log { position:relative; color:#666 !important }
#loginWrap .mlog-sign .se-log label { font-size:13px }
#loginWrap .mlog-sign .se-log label + label {margin-left:10px; }

#loginWrap .mlog-sign .se-log label input { margin-top:-3px; *margin-top:-4px; vertical-align:middle }

/* sign */
#loginWrap .mlog-sign .sign { }
#loginWrap .mlog-sign .sign .sign_div {margin-bottom:30px; margin-top:10px; }
#loginWrap .mlog-sign .sign p {text-align:left; font-size:13px; margin-bottom:10px; }
#loginWrap .mlog-sign .sign dl { padding-top:22px }
#loginWrap .mlog-sign .sign dl dt { font-size:11px; color:#adadad }
#loginWrap .mlog-sign .sign dl dd { padding-top:15px }
#loginWrap .mlog-sign .sign dl dd a { width:384px; height:58px; font-size:15px; line-height:58px }

/* simpleLogin */
#simpleLogin { text-align:center; margin-top:10px }
#simpleLogin .sns-login { font-size:0; width:100%; overflow:hidden; }
#simpleLogin .sns-login a { display:block; vertical-align:top;position:relative;width:calc(100% / 3 - 7px); float:left; margin-right:10px; }
#simpleLogin .sns-login a:last-child {margin-right:0px; }
#simpleLogin p {margin-bottom:10px; }
#simpleLogin .sns-login a img {max-width:100%; }

#simpleLogin .naver_btn {background:#00C800; color:#fff; text-align:center; font-size:11px;  font-weight:600; line-height:30px; }
#simpleLogin .fb_btn {background:#3856A0; color:#fff; text-align:center; font-size:11px;  font-weight:600; line-height:30px; }
#simpleLogin .kakao_btn {background:#F2ED50; color:#381E1E; text-align:center; font-size:11px;  font-weight:600; line-height:30px; }


#loginWrap .fe {display:block; text-align:center; font-size:14px; font-weight:600; height:38px; line-height:38px; }
#loginWrap .fe + .fe {margin-top:10px; }
.CSSbuttonBlack {background:#F8F8F8; border:1px solid #ececec; color:#000; height:38px; line-height:38px; display:block;}
.CSSbuttonWhite {background:#343333; border:1px solid #343333; color:#fff; height:38px; line-height:38px; display:block;}

.bene_wrap {border-top:1px solid #e9e9e9; margin:0px 50px; text-align:center; }
.bene_wrap h3 {padding:20px 0px; font-size:20px; color:#363636; font-weight:bold; line-height:18px; text-align:center; }
.bene_wrap img {margin-bottom:20px; max-width:100%; }

.login_wrap_outer_wrap {position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.7); width:100%; height:100%; text-align:center; z-index:9999; display:none; }
.login_wrap_outer_wrap.on {display:table; }
.login_inner_wrap {vertical-align:middle; display:table-cell; }


.body_wrap .new_body_left_wrap {padding:20px 40px; position:fixed; top:0; /*left:0;*/ max-width:260px; z-index:10; bottom:0; height:100%; background:#fff;
   -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;

  }

.body_wrap .new_body_left_wrap.push { left:-340px;  }

.body_wrap .new_body_left_wrap .mCSB_inside > .mCSB_container   { padding-right: 35px; margin:0; padding-bottom:30px; }
.body_wrap .new_body_left_wrap .mCSB_scrollTools {width:5px; }

.body_wrap .new_body_left_wrap .btm_line:before {content:''; display:inline-block; width:15px; height:1px; background:#515151; margin-bottom:10px; }


.body_wrap .new_body_left_wrap .top_logo_wrap {padding:30px 0px; text-align:center;}
.body_wrap .new_body_left_wrap .top_logo_wrap > a {font-size:25px; font-weight:300; letter-spacing:10px; color:#000; } 
.body_wrap .new_body_left_wrap .top_logo_wrap span {font-size:14px; display:block; margin-top:5px;}
.body_wrap .new_body_left_wrap .top_normal_menu {position:relative; width:100%; text-align:center; padding-bottom:30px;}
.body_wrap .new_body_left_wrap .top_normal_menu ul li {display:inline-block; }
.body_wrap .new_body_left_wrap .top_normal_menu ul li a {font-size:11px; color:#515151; }

.body_wrap .new_body_left_wrap .top_normal_menu ul li.line_bar {margin:0px 3px; display:inline-block; width:1px; height:8px; background:#787878; position:relative; top:2px; }
.body_wrap .new_body_left_wrap .top_normal_menu ul li.join {position:relative;}
.body_wrap .new_body_left_wrap .top_normal_menu ul li.join > span {    
    position: absolute;
    bottom: -30px;
    background: #CBCBCB;
    padding: 5px;
    width: 55px;
    color: #fff;
    left: -65%;
    font-size:11px;
    border-radius:3px;
    animation-name: point_new;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;

}

@keyframes point_new {
    0% {
		 transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
    10% {
		 transform: scale(1) rotate(0deg) translateX(0px) translateY(-3px) skewX(0deg) skewY(0deg);
    }
    20% {
		 transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
    30% {
		 transform: scale(1) rotate(0deg) translateX(0px) translateY(-3px) skewX(0deg) skewY(0deg);
    }
    40% {
		 transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
    100% {
		 transform:  scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
    }
}


.body_wrap .new_body_left_wrap .top_normal_menu ul li.join > span:after { 
         bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(203, 203, 203, 0);
	border-bottom-color: #CBCBCB;
	border-width: 5px;
	margin-left: -5px;
} 




.body_wrap .new_body_left_wrap .top_cate_list_wrap {width:100%; overflow:hidden; }
.body_wrap .new_body_left_wrap .top_cate_list_wrap .clear {clear:both;}
.body_wrap .new_body_left_wrap .top_cate_list_wrap ul.sero {width:50%; float:left;}
.body_wrap .new_body_left_wrap .top_cate_list_wrap ul.sero li {text-align:left;}
.body_wrap .new_body_left_wrap .top_cate_list_wrap ul.sero li.first {margin-bottom:10px; }



.body_wrap .new_body_left_wrap .top_cate_list_wrap ul.sero li.first a {font-size:13px; font-weight:600; }
.body_wrap .new_body_left_wrap .top_cate_list_wrap ul.sero li a {font-size:11.6px; color:charcoal; line-height:22px; }



.body_wrap .new_body_left_wrap .top_cate_list_wrap ul.garo {width:100%; overflow:hidden; text-align:left; font-size:0; margin:18px 0px;}
.body_wrap .new_body_left_wrap .top_cate_list_wrap ul.garo li {text-align:left; display:inline-block; margin-right:30px;}
.body_wrap .new_body_left_wrap .top_cate_list_wrap ul.garo li a {font-size:11.5px; color:#515151; line-height:24px; }


.body_wrap .new_body_left_wrap .top_banner_wrap_two {width:100%; overflow:hidden; padding-top:30px; }
.body_wrap .new_body_left_wrap .top_banner_wrap_two .img_wrap {width:48%; float:left;}
.body_wrap .new_body_left_wrap .top_banner_wrap_two .img_wrap img {max-width:100%; }
.body_wrap .new_body_left_wrap .top_banner_wrap_two .img_wrap + .img_wrap {float:right;}



.body_wrap .new_body_left_wrap .top_search_wrap {width:100%; overflow:hidden; padding-bottom:30px; }
.body_wrap .new_body_left_wrap .top_search_wrap h2 {font-size:16px; font-weight:600; text-align:center; margin-bottom:20px; }
.body_wrap .new_body_left_wrap .top_search_wrap form {position:relative; width:100%; overflow:hidden; border-bottom:1px solid #454444; margin:0 auto 20px;}
.body_wrap .new_body_left_wrap .top_search_wrap form input {border:0; height:20px; line-height:20px; color:#343333; float:left; width:calc(100% - 30px); padding:0; font-size:12px;}
.body_wrap .new_body_left_wrap .top_search_wrap form .search_btn {
    float: right;
    width: 20px;
    height: 20px;
    /*background-image: url(//ippngirl2006.phps.kr/renew_web/left_search_icon.png);
    background-repeat: no-repeat;
    background-position: center;*/
    cursor: pointer;
    display: inline-block;
    background-size: 70%;
    padding-bottom:10px;
} 

.body_wrap .new_body_left_wrap .top_search_wrap form .search_btn > input {width:20px; height:20px; }
.body_wrap .new_body_left_wrap .top_search_wrap form .search_btn > input img {max-width:100%; }

.body_wrap .new_body_left_wrap .top_search_wrap .search_list_wrap {max-width:182px; margin:0 auto; overflow:hidden; }
.body_wrap .new_body_left_wrap .top_search_wrap .search_list_wrap .search_btn_wrap {width:100%; overflow:hidden; }
.body_wrap .new_body_left_wrap .top_search_wrap .search_list_wrap .search_btn_wrap  > div {width:calc(50% - 1.5px); border-top:1px solid #ededed; background:#fff; border-bottom:1px solid #ededed; border-left:1px solid #ededed; float:left; text-align:center; margin-bottom:10px; cursor:pointer; height:20px; line-height:20px;}
.body_wrap .new_body_left_wrap .top_search_wrap .search_list_wrap .search_btn_wrap > div ~ div  {border-right:1px solid #ededed;}
.body_wrap .new_body_left_wrap .top_search_wrap .search_list_wrap .search_btn_wrap > div.on {background:#ededed; }

.body_wrap .new_body_left_wrap .top_search_wrap .search_list_wrap ul {width:100%; display:none; }
.body_wrap .new_body_left_wrap .top_search_wrap .search_list_wrap ul.on {width:100%; display:block; }
.body_wrap .new_body_left_wrap .top_search_wrap .search_list_wrap ul li {margin-bottom:17px; position:relative;}
.body_wrap .new_body_left_wrap .top_search_wrap .search_list_wrap ul li a {overflow:hidden;white-space:nowrap;text-overflow:ellipsis; display:block; padding-right:40px;}
.body_wrap .new_body_left_wrap .top_search_wrap .search_list_wrap ul li a.new:after {
content: 'NEW';
    display: inline-block;
    color: #EF1F1F;
    /* float: left; */
    position: absolute;
    top: 0;
    right: 5px;
    font-size: 10px;
    font-weight: 600;
}

.body_wrap .new_body_left_wrap .top_commu_wrap {width:100%; overflow:hidden; padding-bottom:20px; }
.body_wrap .new_body_left_wrap .top_commu_wrap h2 {font-size:16px; font-weight:600; text-align:center; margin-bottom:15px; }
.body_wrap .new_body_left_wrap .top_commu_wrap ul {text-align:center;}
.body_wrap .new_body_left_wrap .top_commu_wrap ul li {display:inline-block; padding:3px 5px; margin:0px 2px; background:#EDEDED; text-align:center; border-radius:10px; }
.body_wrap .new_body_left_wrap .top_commu_wrap ul li a {display:block; background:#EDEDED; color:#a1a1a1;}

.body_wrap .new_body_left_wrap .top_video_wrap {width:100%; position:relative; height:175px; padding-bottom :20px; }
.body_wrap .new_body_left_wrap .top_video_wrap iframe {height:150px!important; }
.body_wrap .new_body_left_wrap .top_video_wrap .swiper-slide {height:150px!important; }
.body_wrap .new_body_left_wrap .top_video_wrap .swiper-button-black {
    position: static;
    top: 0;
    width: 11px;
    height: 11px;
    margin-top: 3px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 7px 11px;
    background-position: center;
    background-repeat: no-repeat;
    padding: 5px;
    background-color: rgba(255,255,255,0.4);
    display: none;
    float: right;
}
.body_wrap .new_body_left_wrap .top_video_wrap:hover .swiper-button-black {display:block; }

.body_wrap .new_body_left_wrap .top_sns_wrap {margin:0 auto 20px;  }
.body_wrap .new_body_left_wrap .top_sns_wrap ul {width:100%; overflow:hidden; text-align:center; }
.body_wrap .new_body_left_wrap .top_sns_wrap ul li {display:inline-block; margin:0px 10px;}
.body_wrap .new_body_left_wrap .top_sns_wrap ul li a {display:block;}

.body_wrap .new_body_left_wrap .top_sns_wrap ul li a img {max-width:25px;}

.body_wrap .new_body_left_wrap .top_board_list_wrap {width:100%;}
.body_wrap .new_body_left_wrap .top_board_list_wrap ul {width:100%; text-align:center; }
.body_wrap .new_body_left_wrap .top_board_list_wrap ul li{text-align:left; font-size:12px; color:#515151; line-height:15px; }
.body_wrap .new_body_left_wrap .top_board_list_wrap ul li a {font-size:10px; color:#515151; line-height:15px; }


.body_wrap .new_body_left_wrap .top_cscenter {text-align:center;  }
.body_wrap .new_body_left_wrap .top_cscenter h2 {font-size:16px; font-weight:600; text-align:center; margin-bottom:5px;}
.body_wrap .new_body_left_wrap .top_cscenter .cs_center_number { font-weight:600; font-size:25px; margin-bottom:5px; }
.body_wrap .new_body_left_wrap .top_cscenter .cs_info p {margin-top:5px; font-size:10px;  }

.banner_side_wrap {width:100%; margin-top:10px; }
.banner_side_wrap img {max-width:100%; }
.ban_sp .swiper-pagination-bullet.swiper-pagination-bullet-active {    
    opacity: 1;
  
}
.body_wrap .banner_side_wrap .ban_sp { bottom:5px; }
.ban_sp .swiper-pagination-bullet {margin:0px 3px;}
.ban_sp .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2; 
}

.toggle_left_side {
    position:absolute; 
    top:0;
    right:-40px;    
    cursor: pointer;
    text-align: center;
    z-index: 10;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index:9998;
 }

.toggle_left_side .toggle_wrap { 
    display: block;
    width: 40px;
    height: 45px;
    margin: 0 auto;
    background:#fff;
}

.toggle_left_side span {
    display: block;
    position: absolute;
    height: 3px;
    width: 21px;
    background: #000;
    border-radius: 5px;
    opacity: 1;
    left: 9px;
   
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.toggle_left_side span:nth-child(1) {
      top: 20px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.toggle_left_side span:nth-child(2) {
       
 opacity:0;
}

.toggle_left_side span:nth-child(3) {
          top: 20px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.toggle_left_side.on span:nth-child(1) {
top: 12px;
       -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}


.toggle_left_side.on span:nth-child(2) {
  top: 20px;
    width: 17px;
   -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
 opacity:1;
}


.toggle_left_side.on span:nth-child(3) {
 top: 28px;
      -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
/* BASIC css end */