/*@font-face {
  font-family: NexaBold;
  src: {url('/publog_m/images/NexaBold.otf') format('opentype') }
}*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');

/* 윤고딕 700시리즈 - 기본 폰트 */
    @font-face {
        font-family:"YoonGothicPro720";
        font-style:normal;
        font-weight:normal;
        src:url("/include/fonts/eot/YoonGothicPro720.eot?") format("eot"),
        url("/include/fonts/woff/YoonGothicPro720.woff") format("woff"),
        url("/include/fonts/ttf/YoonGothicPro720.ttf") format("truetype")
    }

    @font-face {
        font-family:"YoonGothicPro740";
        font-style:normal;
        font-weight:normal;
        src:url("/include/fonts/eot/YoonGothicPro740.eot?") format("eot"),
        url("/include/fonts/woff/YoonGothicPro740.woff") format("woff"),
        url("/include/fonts/ttf/YoonGothicPro740.ttf") format("truetype")
    }

    @font-face {
        font-family:"YoonGothicPro760";
        font-style:normal;
        font-weight:normal;
        src:url("/include/fonts/eot/YoonGothicPro760.eot?") format("eot"),
        url("/include/fonts/woff/YoonGothicPro760.woff") format("woff"),
        url("/include/fonts/ttf/YoonGothicPro760.ttf") format("truetype")
    }

    @font-face{
        font-family:"YoonGothicPro780";
        font-style:normal;
        font-weight:normal;
        src:url("/include/fonts/eot/YoonGothicPro780.eot?") format("eot"),
        url("/include/fonts/woff/YoonGothicPro780.woff") format("woff"),
        url("/include/fonts/ttf/YoonGothicPro780.ttf") format("truetype")
    }
/* //퍼블로그 폰트 정의 */

/* reset */
body{margin:0; font-family:'Montserrat','YoonGothicPro740', sans-serif; font-size:14px;line-height:22px;color:#666;-webkit-text-size-adjust:none;letter-spacing:0}
ol,ul, menu, dir{padding:0;margin:0;list-style-type:none;}
a{color:inherit;text-decoration:none;}
button,
select,
textarea,
input[type='text'],
input[type='password']{font-family:inherit;-webkit-appearance:none;padding:0;box-sizing:content-box;border-radius:0;border:0;}
input[type='password']{font-family: sans-serif !important;}
h1,h2,h3,h4,h5,h6,p{margin:0;font-size:inherit;}
address, dfn{font-style:normal;}
img{vertical-align:top;border:0;}
table{border-spacing:0;border-collapse:collapse;width:100%;}
caption{height:0px;overflow:hidden;visibility:hidden;}
th{color:#0d0d0d;padding:0}
td{padding:0;}
dl{margin:0;}
dd{margin:0;}
button{padding:0;background:none;border:0;border-radius:0;box-sizing:content-box;vertical-align:middle;cursor:pointer}
:focus{outline:none}
/* 공통 */
#container {overflow: hidden;}
.normal{font-weight:normal !important;}
.bold{font-weight:bold !important;}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.hidden-obj{position:absolute;width:0;height:0;left:0;top:0;visibility:hidden;overflow:hidden;z-index:-1;}
.hide-pc{display:none !important;}
.hide{display:none;}
.pos_r{position:relative;}
.left{text-align:left !important;}
.center{text-align:center !important;}
.right{text-align:right !important;}
.top{vertical-align:top !important;}
.middle{vertical-align:middle !important;}
.bottom{vertical-align:middle !important;}

.posa{position:absolute !important;}
.posr{position:relative !important;}
.poss{position:static !important;}
.over-hidden{overflow:hidden;}
.m-full{width:100% !important;}
.full{display:block !important;padding:0 !important;width:100%;}
.inline-block{display:inline-block !important;vertical-align:middle;}
.min-w0{min-width:0 !important;}
a[class*=btn-].min-w0{min-width:40px !important}
.min-h0{min-height:0 !important;}
a.link-block{display:block;}
.z-1000{z-index:1000;}
.clearb {clear:both;display:block;}

/* transparent */
.trans6{opacity:0.6}

/* color */



/* 간격 */
.mgt0{margin-top:0px !important;}
.mgt5{margin-top:5px !important;}
.mgt8{margin-top:8px !important;}
.mgt10{margin-top:10px !important;}
.mgt12{margin-top:12px !important;}
.mgt15{margin-top:15px !important;}
.mgt18{margin-top:18px !important;}
.mgt20{margin-top:20px !important;}
.mgt30{margin-top:30px !important;}
.mgt35{margin-top:35px !important;}
.mgt40{margin-top:40px !important;}
.mgt50{margin-top:50px !important;}
.mgt60{margin-top:60px !important;}
.mgt80{margin-top:77px !important;}
.mgt100{margin-top:100px !important;}
.mgt120{margin-top:120px !important;}
.mgb5{margin-bottom:5px !important;}
.mgb10{margin-bottom:10px !important;}
.mgb30{margin-bottom:30px !important;}
.mgl16{margin-left:16px !important;}
.mgr10{margin-right:10px !important;}
.pab5 {padding-bottom:5px !important;}
.pab100 {padding-bottom:100px !important;}
.pab70 {padding-bottom:70px !important;}
.pab50 {padding-bottom:50px !important;}
.pal10 {padding-left:10px !important;}

/* width */
.w45p {width:45% !important;}
.w48p {width:48% !important;}
.w50p {width:50% !important;}
.w60p {width:60% !important;}
.w70p {width:70% !important;}
.w80p {width:80% !important;}
.w85p {width:85% !important;}
.w86p {width:86% !important;}
.w87p {width:87% !important;}
.w88p {width:88% !important;}
.w90p {width:90% !important;}
.w92p {width:92% !important;}
.w95p {width:95% !important;}
.w96p {width:96% !important;}
.w97p {width:97% !important;}
.w98p {width:98% !important;}
.w100p {width:100% !important; box-sizing:border-box !important;}


/*-------------------------------------------컨텐츠---------------------------------------------------*/

/*.body_container #page {padding-bottom:0 !important;}*/

#blank-container  {
	width: 100%;
	height: 89px !important;
}

.contentArea {
    width: 100%;
    height: auto;
    padding: 0;
    background-color: #fff;
}

.contentArea_list {
    width: 100%;
    height: auto;
    padding: 3% 3% 0 3%;
    background-color: #fff;
    box-sizing:border-box;
}
.cnt_info {
    margin: 0.5% 0.5% 5%;
}
.cnt_info .cnt_sub_txt {
    font-size: 3.5vw;
    line-height: 5vw;
    color: #666;
}
.contentArea p, .contentArea_list p{
    text-align: left;
    font-size: 4.5vw;
    
}
.contentArea .cnt_price, .contentArea_list .cnt_price {
    font-size: 3.5vw;
    font-weight: normal;
    color: #4c4c4c;
}

.contentArea .cnt_event, .contentArea_list .cnt_event {
    font-size: 3vw;
    font-weight: normal;
    color: #4c4c4c;
    margin: 0.5% 0;
    letter-spacing: 0.5px;
}
.sub_etc {
    font-size: 4vw;
    color: #f04124;
}
.sub_price {
    font-size: 3vw;
    text-decoration: line-through;
    color: #999;
}
.title_etc {
    color: #57b7e7;
    font-size: 2.8vw;
    line-height: 3.3vw;
    position: relative;
    top: -2px;
    left: 3px;
}
.cnt_info p:first-child{
    line-height: 7vw;
	margin-top: 3vw;
    color:#000;
}

.go_app {
    width: 100%;
    height: auto;
    padding-bottom: 12%;
    position: fixed;
    bottom: -300px;
    background-color: #222;
    z-index: 100;
	
    -webkit-transition: bottom 700ms linear;
    -moz-transition: bottom 700ms linear;
    -ms-transition: bottom 700ms linear;
    -o-transition: bottom 700ms linear;
    transition: bottom 700ms linear;
    
}
.go_app p {
    position: relative;
    top: 1.5em;
    font-size: 4vw;
    color: #fff;
	text-align: center;
}

/*이벤트 목록 버튼*/
.ebnr_bt {
    position: relative;
    width: 40%;
    height: 50px;
    border: solid 1px #222;
    background-color: #fff;
    display: block;
    margin: 5% auto 10%;
}
.ebnr_bt p {
    font-size: 4vw;
    line-height: 48px;
	text-align:center;
	color:#222;
}



/*-------------------------------------------컨텐츠 끝---------------------------------------------------*/

/*팝업 스타일*/
.pop_style {
    opacity: 0;
    display: none;
    position: relative;
    width: 70%;
    height: auto;
    padding: 8% 5%;
    background-color: #fff;
}

.pop_style .content {
    margin: 0 auto;
    text-align: center;
    width: 100%;   
    height: auto;
}
.pop_style .content  .pTitle{
    margin: 3% 0;
    font-size: 6vw;
    font-weight: bold;
	line-height:120%;
    color: #333;
}
.pop_style .content  .pTitle_sub{
    font-size: 4vw;
    color: #333;
    margin-bottom: 2%;
}
.pop_style .content p .color_blue {
    color: #57b7e7;
}

.pop_style .go_publog_URL {
    width: 80%;
    height: 10%;
    background-color: #57b7e7;
    margin: 5% auto;
}
.pop_style .go_publog_URL p {
    text-align: center;
    font-size: 5vw;
    padding: 5%;
    color: #fff;
}

.pop_style .b-close {
    position: absolute;
    right: 10px;
    top: 14px;
    padding: 0;
    font-size: 7vw;
    font-weight: lighter;
    color: #333;
    display: inline-block;
    cursor: pointer;
}

.contents div:first-child {margin-top:0 !important;}
#page #nav {top:0 !important;}