/*solmi.choi.81*/

@charset "euc-kr";
@font-face {font-family:'210Gothic010'; src: url('../font/210 옴니고딕 010.eot'); src: url('../font/210 옴니고딕 010.ttf') format('truetype'), url('../font/210 옴니고딕 010.otf') format('opentype'), url('../font/210 옴니고딕 010.eot?iefix') format('embedded-opentype'), url('../font/210 옴니고딕 010.woff') format('woff');}
@font-face {font-family:'210Gothic020'; src: url('../font/210 옴니고딕 020.ttf') format('truetype'), url('../font/210 옴니고딕 020.otf') format('opentype'), url('../font/210 옴니고딕 020.eot'), url('../font/210 옴니고딕 020.woff') format('woff');}
@font-face {font-family:'210Gothic030'; src: url('../font/210 옴니고딕 030.ttf') format('truetype'), url('../font/210 옴니고딕 030.otf') format('opentype'), url('../font/210 옴니고딕 030.eot'), url('../font/210 옴니고딕 030.woff') format('woff');}
@font-face {font-family:'210Gothic040'; src: url('../font/210 옴니고딕 040.ttf') format('truetype'), url('../font/210 옴니고딕 040.otf') format('opentype'), url('../font/210 옴니고딕 040.eot'), url('../font/210 옴니고딕 040.woff') format('woff');}
@font-face {font-family:'210Gothic050'; src: url('../font/210 옴니고딕 050.ttf') format('truetype'), url('../font/210 옴니고딕 050.otf') format('opentype'), url('../font/210 옴니고딕 050.eot'), url('../font/210 옴니고딕 050.woff') format('woff');}
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+KR);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothiclight.css);

/* Reset */
* {margin:0; padding:0}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
body {margin:0; padding:0; height:100%; font-size:1em; font-family:'Noto Sans KR','Nanumbarungothic','Malgun Gothic', 'NanumGothic','Nanum Gothic',Dotum, Arial, sans-serif; min-width:1400px;}
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,textarea,select {margin:0;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary {display:block}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-size:100%}
ul,ol,dl,dt,dd,li {list-style:none}
fieldset {border:none}
img {border:0; vertical-align:middle}
strong {font-weight:bold; letter-spacing:-0.1em;}
address,em {font-style:normal; color:#969696}
hr {display:none}
table {border-collapse:collapse; width:100%}
table, td, th {border:none}
th {font-weight:normal}
a {color:inherit; text-decoration:none; cursor:pointer; display:inline-block;}
a:link, a:visited, a:active, a:hover,a:focus {color:inherit; text-decoration:none}
caption,legend {visibility:hidden; width:0; height:0; font-size:0; line-height:0}
button {cursor:pointer;border:0;background-color:transparent;padding:0;margin:0;}
button > span,button > em {position:relative;top:0;left:0;}
label {line-height:13px;}
mark {background:none; color:inherit;}
textarea {padding:10px; background: #fefefe; border:1px solid #e2e2e2; border-radius: 3px; box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1); resize:none; behavior: url( 'PIE.htc' );}
select {padding: 6px 4px 6px 4px; border-radius: 3px; border: 1px solid #e2e2e2; background: #FFF; color: #696F74; font-size: 13px !important; line-height: 18px !important; font-weight: normal; }
input[type="text"], input[type="password"] {height:32px; padding:0 5px; line-height:18px; text-indent:3px; color: #696F74; vertical-align:middle;
background: #fefefe; border:1px solid #e2e2e2 /*!important*/; border-radius: 3px; box-shadow: inset 1px 3px 4px -3px rgba(0,0,0,0.1);}
/*input[type=file] {padding:5px; border:1px solid #bfbfbf\0/IE8+9; .border:1px solid #bfbfbf; color:#666; background:none; border:none}*/
input[type="file"] {padding:5px; border:1px solid #e2e2e2; color:#666; background:none; border:none}
input[type="image"], input[type="checkbox"] {border:0 none !important; vertical-align: middle; margin-right: 2px;}
input[type='checkbox'], input[type="radio"] {width:16px; height:16px; position:relative; top:-1px; vertical-align:middle; margin-right:3px;}
input[type="submit"] {-webkit-appearance: none; border-radius: 0;}

@media \0screen {input[type=text], input[type=password]{line-height:30px;}}

.blind {position:absolute;left:0;top:0;font-size:0;visibility:hidden;width:0;height:0;line-height:0}
.hidden {visibility:hidden; overflow:hidden; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999px}
.none    {position:absolute; top:-5000px; left:-5000px; height:0;}
.png24 {tmp:expression(setPng24(this));}

.clearfix:after {content:" "; display:block; clear:both; height:0; visibility:hidden; font-size:0; }
span.oblique {font-style:oblique;}


/*layout*/
#header {position:relative; z-index:999;}
#header .nav {position:absolute; left:50%; margin-left:-600px; top:60px; text-align:center; width:1200px; }
#header h1 {display:block; margin:0 auto; text-align:center;}
#header h1 img {margin:-20px auto 20px;}
#header .menu {background:#f57a20; display:inline-block; vertical-align:bottom; min-width:1200px; height:50px;}
#header .menu li {float:left; color:#fff; width:33%;}
#header .menu li a {display:block; line-height:50px; vertical-align:middle;}
#header .menu li a span {line-height:37px; vertical-align:baseline; font-size:0.9em;}
#header .menu li a:hover {text-shadow:1px 1px 5px #ff9d00; font-weight:bold;}
#header .menu li.menu_guide {position:relative; color:#000; background:#fff; width:34%;}
#header .menu li.menu_guide a {color:#000; background:#fff;}
#header .menu li.menu_guide a:hover {text-shadow:none; font-weight:bold;}
#header .menu li.menu_guide img {position:absolute; top:-40px; right:5px;}

#footer {background:#333; }
#footer .ft_wrap { max-width:1200px; margin:0 auto; text-align:center; padding:100px 0; color:#999998; font-family:'210Gothic030'; font-size:15px; }
#footer .ft_wrap .btm_logo {display:inline-block; vertical-align:middle;}
#footer .ft_wrap .ft_con {display:inline-block;  vertical-align:middle; text-align:left; padding-left:20px;}
#footer .ft_wrap .ft_infos {}
#footer .ft_wrap .common_btm {padding-top:20px; color:#6f6f6f;}

/*메인 퀵메뉴*/
.quik {position:absolute; top:-30px; font-family:'210Gothic050'; color:#fff;}
.quik .ttl_01 {position:absolute; top:-70px; left:-100px; transform:rotate(-5.7deg); font-family:'210Gothic050'; font-size:105px; letter-spacing:-7px; text-shadow:-2px 2px #f36910;}
.quik .choice {background:#f36910 ; width:386px; height:413px; border-radius:10px; text-align:center; padding:20px 0 0 0;}
.quik .choice .tit {font-family:'210Gothic040'; padding:40px 0 25px; font-size:27px; color:#fff;}
.quik .choice .tit span.size {font-size:33px;}
.quik .choice .date {font-size:17px; padding-top:10px; text-shadow:-2px 2px #e82b01; border-top:1px solid #f5873f;}
.quik .choice #start_day {width:175px; height:35px; border:0; padding-left:10px; margin-right:5px; margin-left:5px;}
.quik .choice .date .cal_date {letter-spacing:0.25em;}
.quik .choice .date p {padding-top:25px; padding-left:50px; text-align:left;}
.quik .choice .date p select {border-radius:0; width:205px; height:35px; text-align:center; margin-left:10px; border-radius:3px;}
.quik .choice .btn {display:block; margin:80px 50px;}
.quik .choice .btn:before {content:''; width:280px; height:67px; background:#e82b01; transform:rotate(-3.5deg); margin:-35px -10px; display:block;}
.quik .choice .btn a {position:absolute; top:310px; display:block; background:#fff; width:280px; height:67px; line-height:67px; text-align:center; font-family:'210Gothic030'; color:#e82b01; font-size:27px;}

/*리스트페이지 퀵메뉴*/
.quik_menu {position:relative; margin:0 auto; max-width:1200px; top:-140px; z-index:9;}
.quik_menu .choice {width:100%; height:270px;}
.quik_menu .choice .tit {padding:60px 0 25px;}
.quik_menu .choice .p_text {margin-left:-800px;}
.quik_menu .choice .left {display:inline-block; width:370px; }
.quik_menu .choice .date {position:absolute; display:inline-block; border-top:0; width:770px;}
.quik_menu .choice .date .cal_date {letter-spacing:2em;}
.quik_menu .choice .date .pre_date {display:inline-block; width:200px;}
.quik_menu .choice .date .pre_place {display:inline-block; width:560px;}
.quik_menu .choice .date .list_date {background:#f5873f; padding:10px; }
.quik_menu .choice .date ul {font-family:'NanumbarunGothic'; padding:10px; background:#fff; height:176px; overflow:auto;}
.quik_menu .choice .date ul.con_place {width:560px;  overflow-x:hidden;}
.quik_menu .choice .date ul li {display:inline-block; }
.quik_menu .choice .date ul li.pre_tit_quik {font-size:25px; }
.quik_menu .choice .date ul li a {text-shadow:none; color:#333; padding:10px;  display:block;}
.quik_menu .choice .date ul li a:hover {background:#d0ccca; color:#000; }
.quik_menu .choice .btn a {top:160px;}
.quik_menu .choice .btn:before {margin:-55px -10px;}

/*공통*/
#contents .bg {height:500px; }
#contents .bg h4 {color:#fff; font-family:'210Gothic050'; text-align:center; padding:220px 0; font-size:70px; text-shadow:1px 1px 10px #555;}
#contents .bg h5 {display:inline-block; font-size:20px; color:#333; background:#fff; padding:10px 15px; margin:5px; }
.clear{
  display:block;
  float:none;
  clear:both;
  height:0;
  width:100%;
  font-size:0!important;
  line-height:0 !important;
  overflow:hidden;
  margin:0 !important;
  padding:0 !important;
}

/*main*/
.m_con {}

.img_area {height:850px;}
.img_area .img_slider {width:100%; height:100%;}
.img_area .img_slider li {width:100%; height:850px; background-size:cover; background-position:center;}
.bx-wrapper .bx-pager {display:none;}
.bx-wrapper .bx-controls-direction a { /*display:none;*/}
.ttl {position:absolute; top:-50px; left:50%; margin-left:-318px;  font-family:'210Gothic050'; }
.ttl:before {content:''; width:630px; height:90px; background:#e82b01; transform:rotate(-2deg); margin:15px -10px; display:block; }
.ttl .tit {position:absolute; top:0; background:#f36910; font-family:'210Gothic040'; width:636px; height:96px; line-height:100px; font-size:27px; color:#fff;}
.ttl .tit span.size {font-size:33px;}
.ttl .deco {position:absolute; top:-85px; left:40px; transform:rotate(-5.7deg); font-size:90px; letter-spacing:-7px;}
.bg_line img {width:100%;}


/*main01 축제야 */
.m_01 {background:url('../images/slide-bg.png')no-repeat;  position:absolute; top:739px; width:100%; z-index:999; }
.m_01 .con {position:relative; max-width:1200px; margin:0 auto; z-index:-99;}

.m_01 .text {margin-top:-25px; font-family:'210Gothic050';  text-align:right; letter-spacing:-3px;}
.m_01 .text h1 {font-size:60px; color:#f57a20; letter-spacing:-10px; text-shadow:2px -3px #fff; /*transform:rotate(-3.5deg)*/}
.m_01 .text h1 span.size {font-size:120px;}
.m_01 .text h2 {color:#333; font-size:40px;}
.m_01 .text h3 {margin-top:75px; font-size:43px; color:#999;}
.m_01 .text h4 {font-size:65px; color:#999;}
.m_01 .text h4 span {color:#333; letter-spacing:-9px;}


/*main02 진행중인 인기축제*/
.m_02 {position:relative; margin:500px auto 0; text-align:center;}
.m_02:before {content:''; background:#f2f2f2; width:100%; height:1200px; display:block;}

.m_02 .f_slid {position:absolute; top:150px; z-index:999; left:50%; width:1390px; margin-left:-695px;}
.m_02 .f_slid ul {position:relative; z-index:999; padding-top:20px;}
.m_02 .f_slid ul li {float:left; width:440px; height:340px; margin:10px; color:#fff; }
.m_02 .f_slid ul li a {display:block; width:100%; height:100%; background:#000; background-size:cover; background-position:center; text-shadow:0 0 30px #000;}
.m_02 .f_slid ul li a:hover {}
.m_02 .f_slid ul li a h5 {padding-top:220px; font-size:30px; }
.m_02 .f_slid ul li a .date {padding-top:10px;}

.m_02 .btn {position:absolute; top:1100px; left:50%; margin-left:-216px; }
.m_02 .btn:before {content:''; width:432px; height:97px; background:#797979; transform:rotate(-3.5deg); margin:-110px -10px; display:block;}
.m_02 .btn a {position:absolute; font-size:28px; display:block; background:#fff; border:1px solid #333; width:432px; height:97px; line-height:97px; font-weight:bold;}

/*main03 테마축제*/
.m_03 {position:relative; margin:70px auto 0; text-align:center;}
.ttl_04 { font-family:'210Gothic050'; letter-spacing:-3px;}
.ttl_04 h1 {font-size:45px; color:#f36910;}
.ttl_04 h2 {font-size:60px; color:#999;}
.ttl_04 h2 .color {color:#222;}

.m_03 .con {}
.m_03 .tab_line {font-family:'210Gothic050'; font-size:35px;}
.m_03 .tab_line li {float:left; background:#929191; width:155px; height:155px; line-height:155px; letter-spacing:-2px; color:#fff; border-radius:100px;}
.m_03 .tab_line li.select, .m_03 .tab_line li:hover {background:#f36910;}

.m_03 .tab_con {display:none; }
.m_03 .tab_con .img_bg {width:100%; background:#333; margin-top:-140px; background-image:url('../images/list-bg.png')no-repeat;}
.m_03 .tab_con .img_bg ul {padding:150px 0 100px; text-align:center;}
.m_03 .tab_con .img_bg ul li {display:inline-block;  }
.m_03 .tab_con .img_bg ul li a {display:block; width:283px; height:420px; background:#fff; border:1px solid #333; margin:10px;}
.m_03 .tab_con .img_bg ul li a:hover {border:1px solid #f36910;}
.m_03 .tab_con .img_bg ul li a .img {width:100%; height:283px; }
.m_03 .tab_con .img_bg ul li a .txt {padding-top:10px; color:#5a5a5a;}
.m_03 .tab_con .img_bg ul li a .txt .tit {font-size:20px; padding:10px; height:85px; overflow:hidden;}
.m_03 .tab_con .img_bg ul li a .txt .tit:after {content:''; display:block; background:#eee; width:50px; height:2px; margin:10px auto;}
.m_03 .tab_con .img_bg ul li a .txt .date {font-size:15px; letter-spacing:-0.3px;}

/*main04 축제동영상*/
.m_04 {position:relative; margin:250px auto 0; text-align:center; /*background:#f2f2f2;*/}
.m_04 .list_movie {padding:150px 0;}
.m_04 .list_movie ul {}
.m_04 .list_movie ul li {display:inline-block; margin:0 10px; margin-bottom:40px;}
.m_04 .list_movie ul li a {}
.m_04 .list_movie ul li a .img {height:177px; background-position:center; background-size:cover; min-width:315px;}
.m_04 .list_movie ul li a .tit {padding:10px 0; width:315px; height:30px; overflow:hidden;}
.m_04 .list_movie ul li a .id, .m_04 .list_movie ul li a .num {color:#9d9d9d; font-size:12px;}

/*main05 캘린더축제*/
.m_05 {position:relative; margin:0 auto; text-align:center;}
.ttl_04 .white {color:#fff;}
.m_05 .con {padding:50px 0; background:#f36910;}
.m_05 .con .date_con {margin:100px auto; max-width:1200px;}
.m_05 .con .date_con .calender {display:inline-block; margin-right:50px; margin-left:-600px;}
.m_05 .con .date_con .list {display:inline-block; position:absolute;  width:580px;}
.m_05 .con .date_con .list .list_text_info {font-size:20px; text-align:left; color:#333; line-height:27px;}
.m_05 .con .date_con .list ul { height:530px; overflow:auto; padding-top:15px; text-align:left; color:#fff;  }
.m_05 .con .date_con .list ul li {padding:5px 0; margin-bottom:15px;}
.m_05 .con .date_con .list ul li a {}
.m_05 .con .date_con .list ul li a .img { display:inline-block; vertical-align:middle; width:150px; height:125px;}
.m_05 .con .date_con .list ul li a .text {display:inline-block; vertical-align:middle; padding-left:20px; height:125px; position:relative;}
.m_05 .con .date_con .list ul li a .text .tit {font-size:23px; margin-bottom:5px; width:350px;} 
.m_05 .con .date_con .list ul li a .text .date {color:#ffe4d3;}
.m_05 .con .date_con .list ul li a .text .btn {position:absolute; bottom:0; left:20px; border:1px solid #fff; width:190px; height:33px; line-height:33px; text-align:center; margin-top:15px; }
.m_05 .con .date_con .list ul li a:hover .text .btn {background:#333; border:0; }

/*play01*/
#contents.play01 {}
#contents.play01 .p_con {}
#contents.play01 .p_con .bg_slide {background:url('../images/slide-bg.png')no-repeat; z-index:1; position:absolute; top:390px; width:100%; }

#contents.play01 .p_con .play_list {margin-top:-100px;}
#contents.play01 .p_con .play_list ul {text-align:center; margin:50px auto 100px; }
#contents.play01 .p_con .play_list ul li {display:inline-block; width:22%; margin:1%; margin-bottom:40px; height:330px; }
#contents.play01 .p_con .play_list ul li a {display:block; border:1px solid #e0e0e0;}
#contents.play01 .p_con .play_list ul li a:hover {border:1px solid #f36910; color:#000;}
#contents.play01 .p_con .play_list ul li a .img {width:100%; height:230px;}
#contents.play01 .p_con .play_list ul li a .txt {padding:10px; height:130px;}
#contents.play01 .p_con .play_list ul li a .tit {padding:10px; font-size:1.3em; height:80px; overflow:hidden;} 
#contents.play01 .p_con .play_list ul li a .tit:after {content:''; width:50px; height:2px; background:#eee; display:block; margin:10px auto;}
#contents.play01 .p_con .play_list ul li a .date {font-size:1em; padding:5px;}
#contents.play01 .p_con .play_list ul li a .ticket {color:#848484;}
#contents.play01 .p_con .play_list ul li a .old {background:#bbbbbb; color:#fff; width:100px; margin:5px auto;}

/*detail*/
#contents.detail {margin:0 auto;}
#contents.detail .bg.detail {height:350px;}
#contents.detail .bg .tag {padding:200px 0; text-align:center;}
#contents.detail .top_con {max-width:1200px; margin:100px auto 50px;}
#contents.detail .top_con .img {display:inline-block; width:640px; height:420px;}
#contents.detail .top_con .info {display:inline-block; position:absolute; width:550px; height:420px; padding:15px 0 0 30px;}
#contents.detail .top_con .info .d_ttl {font-size:40px; color:#f57a20; font-family:'210Gothic050'}
#contents.detail .top_con .info .d_date {padding-top:40px; font-size:30px; }
#contents.detail .top_con .info .d_place {padding-top:5px; font-size:20px;}
#contents.detail .top_con .info .d_tag {padding-top:30px;}
#contents.detail .top_con .info .d_btn {position:absolute; bottom:0;}
#contents.detail .top_con .info .d_btn a {display:inline-block; margin-right:10px; width:200px; height:55px; line-height:55px; color:#fff; text-align:center;}
#contents.detail .top_con .info .d_btn a.btn_like {background:#333;}
#contents.detail .top_con .info .d_btn a.btn_reserv {background:#f36910}

#contents.detail .middle_con {max-width:1200px; margin:0 auto;}
#contents.detail .middle_con .tab_line {margin-top:50px;}
#contents.detail .middle_con .tab_line li {display:inline-block; background:#f0eef1; width:170px; height:50px; border-bottom:1px solid #bfbfbf; border-left:1px solid #bfbfbf; border-top:1px solid #bfbfbf; margin-left:-4px; text-align:center; line-height:50px; }
#contents.detail .middle_con .tab_line li:first-child {margin-left:0;}
#contents.detail .middle_con .tab_line li:last-child {border-right:1px solid #bfbfbf; }
#contents.detail .middle_con .tab_line li.select {background:#fff; border-bottom:1px solid #fff;}
#contents.detail .middle_con .tab_con {display:block;}
#contents.detail .middle_con .text_info {border-top:1px solid #bfbfbf; padding:50px 0;}


/* 펜션 리스트 pg */
.list_pen h2 {display:inline-block; margin-bottom:20px; font-weight:bold;  padding-right:5px; font-size:2.3em; letter-spacing:-0.1em; }
.list_pen .result_num {display:inline-block; font-size:1.2em; margin-bottom:10px; color:#848484; font-weight:bold;}
.list_pen .result_num mark {font-weight:bold; color:inherit;}

.list_pen .pen_li  {margin-right:-20px;}
.list_pen .pen_li:after {  content:" "; display:block; clear:both; height:0; visibility:hidden; font-size:0; }
.list_pen .pen_li > li {width:33.3%; float:left; position:relative;}
.list_pen .pen_li > li:nth-child(3n) {width:33.4%;}
.list_pen .pen_li .like {position:absolute; width:29px; height:27px; top:20px; right:31px; background:url('../images/common/icon_like.png') no-repeat; text-indent:-9999px; z-index:105;}
.list_pen .pen_li .like.select, .list_pen .pen_li .like:hover {background-position:0 -27px; }
.list_pen .pen_li .only_pen {width:108px; height:104px; background:url('images/list/icon_onlysale.png') no-repeat; text-indent:-9999px;}
.pen_li .pen_icons {position:absolute; top:148px; left:0px; line-height:1.1em; z-index:110; text-align:center;}
.pen_li .pen_icons .icon_sale {position:absolute; width:58px; height:50px; top:-110px; left:0; background:url('../images/detail/icon_b_percent.png') no-repeat; color:#fff; font-size:0.85em; letter-spacing:-0.15em; z-index:110; padding-top:5px;}
.pen_li .pen_icons .icon_sale span {display:block; font-size:1.5em; letter-spacing:0;}
.pen_li .pen_icons .icon_sale mark {font-size:1.3em; font-weight:bold;}
/*
.pen_li .pen_icons .icon_flag {display:block; float:left; width:56px; height:56px; background:url('../images/detail/icon_b_sale.png') no-repeat; color:#171717; font-weight:bold; font-size:0.85em; padding-top:6px; line-height:1.2em;}
.pen_li .pen_icons .icon_flag span {display:block; font-size:1.3em; line-height:1em; padding-bottom:1px; letter-spacing:-0.05em;}
.pen_li .pen_icons .icon_checkPen {display:block; float:left; width:60px; height:60px; background:url('../images/detail/icon_check.png') no-repeat; text-indent:-9999px;}
*/
.pen_li .pen_icons .icon_flag {display:block; float:left; width:100px; color:#fff; background:#517345; font-weight:bold;padding:5px;}
.pen_li .pen_icons .icon_checkPen {display:block; float:left; width:85px; color:#fff; background:#966f3c; font-weight:bold;padding:6px 0;}
.pen_li .pen_icons .icon_todaydc {display:block; float:left; width:95px; color:#fff; background:#f36910; font-weight:bold;padding:6px 0;}

.pen_li .pen_icons .icon_point {display:block; float:left; width:58px; height:56px; background:url('../images/detail/icon_b_point.png') no-repeat; color:#fff; padding-top:31px; font-size:0.85em;}
.pen_li .pen_icons .icon_point span {font-weight:bold;}
.pen_li .soldout {position:absolute; background:url('../images/detail/blank_dark.png') repeat; width:100%; height:100%; border-radius:4px; color:#fff; font-size:1.8em; font-weight:bold; text-align:center; padding-top:30%; z-index:300;}

.list_pen .pen_li .pen {display:block; margin-right:20px; margin-bottom:30px; position:relative;}
.list_pen .pen_li .pen .pen_img { width:100%; height:174px; behavior: url( "PIE.htc" );}
.list_pen .pen_li .pen .pen_info {width:100%; padding:15px 15px 0 15px; position:relative; border:1px solid #d9d9d9; border-top:none; font-size:0.9em; z-index:100; background:#fff; behavior: url( "PIE.htc" );}
.list_pen .pen_li .pen:hover .pen_info {border:1px solid #333; border-top:none;}
.list_pen .pen_li .pen .pen_info h4 {font-size:1.6em; font-weight:bold; color:#475965; margin-bottom:5px;}

.list_pen .pen_li .pen .pen_info1 {margin-bottom:8px;}
.list_pen .pen_li .pen .pen_info1 span {display:inline-block; margin-right:5px;}
.list_pen .pen_li .pen .pen_info1 .position {background:url('../images/common/icon_list.png') 0 0px no-repeat; padding-left:12px; color:#8e9da7;}
.list_pen .pen_li .pen .pen_info1 .likecout {background:url('../images/common/icon_list.png') 0 -21px no-repeat; padding-left:13px; color:#262626;}

.list_pen .pen_li .pen .pen_info1 .ps {background:url('../images/common/icon_list.png') 0 -42px no-repeat; padding-left:14px; color:#262626;}
.list_pen .pen_li .pen .pen_info2 {margin-bottom:20px;}
.list_pen .pen_li .pen .pen_info2 span {display:inline-block; border:1px solid #333; padding:2px 4px 4px; min-width:38px; text-align:center; color:#333; font-size:1em; line-height:1em;}


.list_pen .pen_li .pen .pen_info_call {width:100%; padding:15px 15px 0 15px; position:relative; border:1px solid #d9d9d9; border-top:none; border-radius:0 0 4px 4px;  font-size:0.9em; z-index:100; background:#fff; behavior: url( "PIE.htc" );}
.list_pen .pen_li .pen:hover .pen_info_call {border:1px solid #4d2c79; border-top:none;}
.list_pen .pen_li .pen .pen_info_call h4 {font-size:1.6em; font-weight:bold; color:#475965; margin-bottom:5px;}
.list_pen .pen_li .pen .pen_info_call .position {margin:12px 0;background:url('../images/common/no_list_call_icon.png') 0 0px no-repeat; padding-left:35px; font-size:2em;color:#5a5a5a;}
.list_pen .pen_li .pen .benefit2 {text-align:center;margin:10px -15px; border-top:1px solid #d9d9d9; color:#949494; height:30px; overflow:hidden; padding:8px 15px 0;}


.list_pen .pen_li .pen .owner {position:absolute; top:-40px; right:10px;}
.list_pen .pen_li .pen .owner img {width:60px; height:60px; border-radius:50%; border:3px solid #fff; behavior: url( "PIE.htc" );}
.list_pen .pen_li .pen .price {position:absolute; bottom:78px; right:14px; font-size:1.2em; color:#7d8e9a; font-weight:bold; text-decoration:line-through; letter-spacing:-1px;}
.list_pen .pen_li .pen .sprice {position:absolute; bottom:53px; right:14px; color:#f36910; font-size:1.7em; font-weight:bold; letter-spacing:-1px;}
.list_pen .pen_li .pen .sprice .percent {display:inline-block; padding:4px; background:#333; color:#fff; font-size:0.7em; }
.list_pen .pen_li .pen .sprice mark {font-size:1em;}
.list_pen .pen_li .pen .benefit {margin:10px -15px; border-top:1px solid #d9d9d9; color:#f36910; height:30px; overflow:hidden; padding:8px 15px 0;}
.list_pen .pen_li .pen .benefit li {background:url('../images/detail/benefit_bar.png') 0 7px no-repeat; padding-left:10px; margin-right:9px; float:left;}
.list_pen .pen_li .pen .benefit li:first-child {background:none; padding-left:0;}
.list_pen .pen_li .pen .benefit span {height:20px; line-height:20px; letter-spacing:-0.05em;}
.list_pen .pen_li .pen .benefit span.coupon {background:url('../images/detail/icon_coupon.png') 0px 1px no-repeat; padding-left:16px;}
.list_pen .pen_li .pen .benefit span.point {background:url('../images/detail/icon_point.png') 0px 1px no-repeat; padding-left:17px;}
.list_pen .pen_li .pen .benefit span.sale {background:url('../images/detail/icon_sale.png') 0px 1px no-repeat; padding-left:17px;}
.list_pen .pen_li .pen .benefit span.event {background:url('../images/detail/icon_event.png') 0px 1px no-repeat; padding-left:15px;}
 
.list_pen .pen_li .result_none {width:100%; padding-right:20px;}
.list_pen .pen_li .result_none span {display:block; width:100%; height:500px; background:url('../images/list/icon_noresult.png') center 175px no-repeat #fff; padding-top:240px; border-radius:4px; text-align:center; font-size:1.7em; font-weight:bold; color:#b7b7b7; letter-spacing:-0.1em;}

.list_pen .pen_li.pen_not {}
.list_pen .pen_li.pen_not .pen .pen_info {border:1px solid #dadada; border-radius:4px; background-color:#f9f9f9; height:122px;}
.list_pen .pen_li.pen_not .pen:hover .pen_info {border:1px solid #b9b9b9 ;}
.list_pen .pen_li.pen_not .pen_info .list_more {position:absolute; top:50%; margin-top:-14px; right:15px; width:16px; height:30px; background:url('../images/list/btn_listMore.png') no-repeat; text-indent:-9999px;}

/* main 슬라이드 */
.img_area .bx-wrapper .bx-controls-direction a {display:none;}
.slide_m .bx-wrapper .bx-controls-direction a.bx-prev {left:-100px;}
.slide_m .bx-wrapper .bx-controls-direction a.bx-next {right:-100px;}


.month_selected { background-color:#d0ccca;}