/* 테마 리스트 */

.wrap > div > div.partTheme ul li {width:33.33333%;}
.wrap > div > div.partTheme ul li:nth-child(3n) {width:33.33334%;}




h3.themeBox {color:#fff;display:inline-block;padding:3px;margin-top:5px;}
h3.themeBox.type1 {background:#14a085}
h3.themeBox.type2 {background:#e15872}
h3.themeBox.type3 {background:#3853a2}
h3.themeBox.type4 {background:#eb5a2d}
h3.themeBox.type5 {background:#d3b62a}
h3.themeBox.type6 {background:#5d8c2a}
.area_hotmark {margin-top:10px; border-bottom:2px solid #dedede;padding-bottom:10px;}
.area_hotmark li{float: left; margin-right: 6px;}
.area_hotmark li img{height:13px;}

.story_title {position:relative;border-bottom:1px solid #dedede;padding-bottom:10px;text-align:justify;margin-top:20px;}
.story_title h4 {color:#30333e;display:inline-block;font-size:1.2em;margin-top:7px;margin-left:5px;}
.story_title a {display:inline-block;margin-top:-3px;width:23px;}
.story_title p.feelItem {position:absolute;top:-22px;right:5px;width:53px;}
.story_title p.articleTitle {margin-top:20px;font-size:1.5em;font-weight:bold;}
.story_title span.txt {margin-top:10px;display:block;}

.temp {margin-top:10px;}
.temp.type5 .container_img li {position:relative;}

.temp .container_img li .img_num {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background: #000;
  line-height: 20px;
  color: #fff;
  text-align: center;
  font-size: 11px;
}
.temp .container_img li .img_num.green {background: #14a084;}
.temp .img_name li .img_num.green {background: #14a084;display:inline-block;min-width:16px;height:16px;line-height:16px;text-align:center;color:#fff;margin-top:-1px;}


.img_name {margin: 10px 0;color:#7e7e7e;font-size:0.8em;}
.img_name.ac {text-align:left !important;}
.img_name li {margin-top:3px;line-height:normal !important;vertical-align:middle;}

.img_name span {
	font-size:1em !important;
	line-height:normal !important;
	vertical-align:middle;
	font-family:"NotoSans",sans-serif !important;
	color:#7e7e7e;
	letter-spacing:0 !important;
}

.temp img {height:auto !important;}
.type1 img {width:100% !important;}

.type2 .container_img li,
.type8 .container_img li {float:left;display:block;width:49%;position:relative;margin-left:1%;}
.type2 .container_img li:first-child,
.type8 .container_img li:first-child {margin-left:0;}
.type2 .container_img li.img1,
.type8 .container_img li.img1 {margin-left:0}
.type2 .container_img li:nth-child(3n),
.type8 .container_img li:nth-child(3n),
.type2 .container_img li:nth-child(4n),
.type8 .container_img li:nth-child(4n) {margin-top:0.5%;}


.type3 .container_img li,
.type9 .container_img li {float:left;display:block;width:33%;position:relative;margin-left:0.5%;}
.type3 .container_img li.img1,
.type9 .container_img li.img1 {margin-left:0;}


.type5 div.col1 {float:left;display:block;width:45%;margin:0 2% 0 0;}


.temp strong,
.temp strong span,
.temp b {font-size:15px !important;font-weight:bold;}
p.desc {font-size:14px;line-height:1.5 !important;letter-spacing:0 !important;}

p.desc > span {font-size:14px !important;line-height:1.5 !important;letter-spacing:0 !important;}

.txt pre {line-height:1.5 !important;font-size:14px;letter-spacing:0 !important;}

ul.container_img {margin-bottom:1px;}

/* 트래블아이 한마디 이하 */
 .end_mark {border-bottom: 1px dotted #000;position: relative;height: 10px;margin-top:10px;}
 .end_mark img {position: absolute;right: 0;top: -2px;width:53px;}
.app {line-height:1.6;font-size:12px;margin-top:10px}
.app .traveli_tip {margin:20px 0 10px 0;}
.app .traveli_tip img {float:left;text-align:center;padding:0 10px 0 0;margin-bottom:10px;}
.app .traveli_tip strong {font-weight:noramal;font-size:14px}
.app .publication {margin:0 0 20px 0;border-top:2px solid #30333e;}
.app .publication p span {font-weight:bold;padding-right:6px;color:#30333e;display:inline-block}


/* BXSLIDER 기본 설정 */
.bx-wrapper {margin:0 auto;border:none;border:1px solid #666666;border-bottom:none;box-shadow:none;background:none;}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {bottom:5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, 
.bx-wrapper .bx-pager.bx-default-pager a.active, 
.bx-wrapper .bx-pager.bx-default-pager a:focus {background:#5f016c;}
.bx-wrapper .bx-pager.bx-default-pager a {background:#d9ceda;}

.slideCont02 {position:relative;background:#8d8d8d;}
.slideCont02 .visual {margin:0 auto;text-align:center;color:#fff;}
.slideCont02 .visual .bx-wrapper {background:#333237 url('/repository/read/contents/slide/read_pattern02.png') repeat;}
.slideCont02 .visual .img {position:relative;}
.slideCont02 .visual .img img {border:1px solid #B1AEAE;}
.slideCont02 .visual .text {padding:10px 0;}
.slideCont02 .visual .text .tit {color:#fff;font-size:0.9em;}
.slideCont02 .visual > button {position:absolute;top:50%;margin-top:-40px;width:20px;height:40px;border:0 none;cursor:pointer;text-indent:-9999px;}
.slideCont02 .visual .prev {left:0;background:url('/image/read/mobile/btn_left.png') no-repeat 0 0;background-size:100% 100%;}
.slideCont02 .visual .next {right:0;background:url('/image/read/mobile/btn_right.png') no-repeat 0 0;background-size:100% 100%;}


/* new template */
.cle:after {content:'';display:block;clear:both;}
.newTemp {margin-top:10px;}
.captionArea {margin: 10px 0;}
.captionArea p {color: #7e7e7e;font-size: 0.8em;}
.captionArea p.subExp {text-align:left !important;}
.txtArea {font-size: 14px;line-height: 1.5 !important;letter-spacing: 0 !important;}
.txtArea p span {font-size: 14px;line-height: 1.5 !important;letter-spacing: 0 !important;}


.newTemp img {height:auto !important;}
.newTemp ul > li {position:relative;}
.newTemp ul.cle > li {float:left;display:block;}

.newType5 ul:first-child,
.newType6 ul:first-child {margin-bottom:5px;}
.newType5 ul:last-child,
.newType6 ul:last-child {margin-bottom:0;}

.newType5 ul.half, 
.newType6 ul.half {margin-bottom:5px}

.newType10 ul.full {margin:5px 0}
.newTemp ul.rm {margin-top:5px}
.newTemp ul.rm:first-child {margin-top:0}

.half > li,
.quarter > li {width:49.5%;margin-left:1%;}
.one-third > li {width:33%;margin-left:0.5%;}

.half > li:first-child,
.one-third > li:first-child,
.quarter > li.odd {margin-left:0;} 

.quarter > li {margin-bottom:5px}
.quarter > li.secondRow {margin-bottom:0;}
.newType7 .imgArea {float: left;display: block;width:45%;margin:0 2% 0 0;}
.newType14 .imgArea {width:100%;max-width:280px;margin:15px auto}

.captionArea {margin:7px 0; color:#878787;}
.captionArea > div > p {display:inline;vertical-align:middle;}
.captionArea p {line-height:normal !important;}
.captionArea span {vertical-align:middle;line-height:normal !important;}
p.numCaption {width:20px;height:20px;line-height:22px;color:#fff;background:#14a084;text-align:center;font-size:11px;}
.abs {position:absolute;bottom:0;right:0;}
.captionArea p.numCaption {display:inline-block;width:16px;height:16px;line-height:18px !important;color:#fff;background:#14a084;text-align:center;}
.txtArea b {font-weight:bold;}


.contTravelPeople {position:relative;margin-top:10px;}
.contTravelPeople .noPeople {text-align:center;margin:10px 0;}
.contTravelPeople .bx-wrapper {border:none;box-shadow:none;}
.contTravelPeople h3 {border-bottom: 1px solid #dedede;background:url('/image/area/icon_traveli.png') 3px 7px no-repeat;padding:8px 0 10px 30px;background-size:19px 21px;font-weight:bold;}
.contTravelPeople span.reporter {font-size:0.9em;margin:10px 0 5px;}
.contTravelPeople li.full {width:100%;}
.contTravelPeople li.itemList {text-align:center;}
.contTravelPeople li * {margin:3px auto;font-size:0.8em;color:#4d4d4d;display:block;}
.btnControl {position:absolute;right:5px;top:5px;}
.btnControl a {display:inline-block;}
.btnControl a.peopleL {background:url('/image/area/mobile/slide_left2.png')0 0 no-repeat;width:22px;height:21px;background-size:100%;}
.btnControl a.peopleR {background:url('/image/area/mobile/slide_right2.png')0 0 no-repeat;width:22px;height:21px;background-size:100%;}


/* 아울렛 연동 
.outlet-tip {position:relative;margin-top:20px;}
.outlet-tip:after {content:'';display:block;clear:both;}
.outlet-tip > img {float: left;text-align: center;margin: 0 15px 15px 0;width:30%;}

.outlet-tip .txt span {font-size:14px;font-weight:bold;}
.outlet-tip .txt span:first-child {color:#40035e;margin-right:10px;}
.outlet-tip .txt pre {font-size:12px;}
.outlet-tip .txt p {margin-bottom:7px;}
.outlet-tip .go-goods {
    display: block;
	width:150px;
	margin:10px auto;
	text-align:center;
}
.outlet-tip .go-goods span {margin-left: 33px;font-size:11px;}
.outlet-tip span.outlet-icon {position:absolute;top:0;left:5px;}
.outlet-tip span.outlet-icon img {width:20px}

*/
/* 아울렛 연동 */
.rel-outlet {border-bottom:none;}
.rel-outlet li {padding:10px 0;border-top:1px solid #a9a9a9;float:none !important;}
.rel-outlet li:nth-child(2n+1) {background:#fcfcfc;}
.rel-outlet li:nth-child(2n) {background:#f2f2f2;}
.rel-outlet li:first-child {border-top:none;}
.rel-outlet li:after {content:'';display:block;clear:both;}
.rel-outlet .thum-goods {float:left;width:30%;margin:0 10px 10px 0;border:1px solid #eee;text-align:center;position:relative;}
.rel-outlet .thum-goods > img {width:100%;}
.rel-outlet .thum-goods span {position:absolute;top:0;left:5px;}
.rel-outlet li .go-goods {
    display: block;
	float:right;
    width: 25px;
    height: 25px;
}
.rel-outlet .exp-goods p.tit-goods {margin-bottom:7px;}
.rel-outlet .exp-goods p.tit-goods span {font-size:13px;font-weight:bold;}
.rel-outlet .exp-goods p.tit-goods span:first-child {color:#40035e;margin-right:3px;} 
.rel-outlet .exp-goods pre.txt span {display:block;min-height:65px;font-size:12px;}


.app .traveli_tip .go-view-article {display: block;float: right;width: 25px;height: 25px;}
.app .traveli_tip .go-view-article img {float:none;padding:0;margin:0;}
.publication {clear:both;}

h3 span.outlet {position:absolute;right:15px;top:-6px;}




/* quote */
.newTemp.quote {padding:10px 40px;width:90%;max-width:500px;position:relative;margin:10px auto;font-family:"NanumMyeongjo",serif;font-size:15px;}
.newTemp.quote p {line-height:normal !important;}
.newTemp.quote:before {
	display:block;
	content:'';
	background:url('/image/read/quote-left.png') 0 10% no-repeat;
	position:absolute;
	left:10px;
	top:10%;
	width:25px;
	height:22px;
	background-size:100%;
}
.newTemp.quote:after {
	clear:both;
	display:block;
	content:'';
	background:url('/image/read/quote-right.png') 100% 90% no-repeat;
	position:absolute;
	right:10px;
	bottom:10%;
	width:25px;
	height:22px;
	background-size:100%;
}



@media all and (min-width:591px){
	.bx-wrapper img {margin:0 auto;}
}