/* ����� �ڵ� �ʼ� ���뿵�� */
* {
 margin:0;
 padding:0;
 -webkit-text-size-adjust:none; }
 html{height:100%}
body {
letter-spacing:-0.5px;
 color:#666;
 font-size:14px;
 font-family:Arial, sans-serif }
img, fieldset { border:0 }
ul, ol, li, dl { list-style:none; }
h1, h2, h3, h4, h5, h6 {
 font-size:100%;
 font-weight:normal; }
hr { display:none; }
a { color:inherit; }
a, a:link {
 color:#333;
 text-decoration:none; }
a:visited { color:#333; }
a:hover, a:active {
 color:#333;
 text-decoration:none; }
em, i, address {
 font-style:normal;
 font-weight:normal; }
legend, caption {
 display:none;
 clear:both; }
input, textarea, select, button, table {
 font-size:inherit;
 font-family:inherit;
 line-height:inherit; }
section, nav, article, aside, hgroup, header, footer { display:block }
textarea, input {
 background:url(none);
 -webkit-border-radius:1px;
 -webkit-apprearance:none; }
textarea { resize:none; }
label { cursor:pointer; }
.helv { font-family:돋움, HelveticaNeue, Dotum, 굴림, Gulim, Apple-Gothic; }
.verd { font-family:verdana, 돋움, HelveticaNeue, Dotum, 굴림, Gulim, Apple-Gothic; }
.bold { font-weight:bold; }
input:focus{outline-style:none}

/* HEADER */
header{position:fixed;top:0;width:100%;background:#fff;z-index:100}
#wrap_head {position:relative}
	.head_top{border-bottom:1px solid #dedede;height:50px;}
	h1.main_logo {width:70%;text-align:center;padding-top:13px ;margin:0 auto}
	.icon_back{font-size:2em;position:absolute;top:10px;left:10px}
	.icon_search{font-size:2em;position:absolute;top:10px;right:10px;cursor:pointer}


/* ���� ������ */

#container{padding:50px 0 60px;box-sizing:border-box;height:100%}
#maincontainer{padding:50px 0 0px;box-sizing:border-box;height:100%}
.bgstyle_gray{background:#eaeaea;float:left;width:100%}
.bgstyle_graycustom{background:#f6f6f6}
.bgstyle_white{background:#fff}

.mainNav{position:fixed;top:51px;width:100%;background:#eee;border-bottom:1px solid #dcdbd9;float:left;box-sizing:border-box;padding:6px 5px 0;height:45px;z-index:80}
	.myAround{float:left;}
	.myAround a{padding-left:28px;position:relative;font-size:1.1em}
	.myAround .num{line-height:32px;font-size:0.9em;background:#00b1bb;color:#fff;display:inline-block;padding:5px;border-radius:40px;padding:0px 5px}
	.myAround .aroundIcon{position:absolute;left:3px;top:-1px}
	.myadd{float:right;padding:0;margin:0}
	.myadd li{float:left;padding:0 3px}
	.myadd li a.whiteCircle{line-height:24px;font-size:0.9em;background:#fff;color:#fff;display:inline-block;border-radius:40px;width:32px;text-align:center;padding-top:8px}
	.myadd li a.star{position:relative;line-height:32px;font-size:0.8em;color:#fff;display:inline-block;border-radius:40px;width:32px;text-align:center;padding-top:2px}
	.myadd li a.star span{position:absolute;left:0;top:1px;width:32px;height:32px;text-align:center;color:#fff;text-align:center;display:block;font-size:0.8em}

	.bgImg{width:100%}
	.bgImg ul{width:100%}
	.bgImg ul li{float:left;width:50%}
	.bgImg ul li.left{float:left;width:50%;clear:both}
	.bgImg ul li img{margin-bottom:-4px}

.LayerAbsolute{position:fixed;top:51px;width:100%;z-index:100}
	.menufix{position:fixed;top:50px;width:100%;z-index:90}

.SubjectAbsolute{float:left;padding-bottom:65px;width:100%;}
.absoluteScroll{}
.areaabsoluteScroll{}

.recommendpst01{clear:both;position:absolute;top:350px;padding-bottom:65px}
.recommendpst02{position:absolute;top:150px;z-index:0;padding-bottom:65px;width:100%}
.recommendpst03{position:absolute;top:150px;z-index:0;padding-bottom:65px;width:100%}
.recommendpst04{position:absolute;top:150px;z-index:0;padding-bottom:65px;width:100%}
.recommendpst05{position:absolute;top:140px;z-index:0;padding:0px 0 65px;width:100%}
.recommendpst0501{position:absolute;top:140px;z-index:0;padding:0px 0 65px;width:100%}
.recommendpst0501 h2{background:#f6f6f6;padding:10px;float:left;width:100%;box-sizing:border-box}
.recommendpst0501 h2 .ion-ios-videocam {float: left;color:#fdb303;font-size:1.7em;margin-right:10px}
.recommendpst0501 h2 .ion-image {float: left;color:#e94040;font-size:1.6em;margin-right:10px}
.recommendpst0501 h2 .ion-ios-musical-notes {float: left;font-size:1.5em;color:#4776aa;margin-right:10px}
.recommendpst0501 h2 span{display: block;float: left;line-height: 1.6em;font-size:1.2em;color:#333}


.searchWrap{float:left;margin:40px 0 60px;border-top: 5px solid #eaeaea;border-bottom: 5px solid #eaeaea;}
.searchList{float:left;clear:both;margin-top:5px;width:100%;box-sizing:border-box;padding:5px;background:#fff}
.searchList ul{width:100%;float:left;;background:#fff;box-sizing:border-box}
.searchList li{border-bottom:1px solid #cdcbcc;float:left;width:100%;padding: 7px 10px;box-sizing:border-box}
.searchList li:last-child{border-bottom:none}
.searchList li p.title{font-size:0.9em;color:#666;line-height:2.5em}
.searchList .thum{float:left;border:1px solid #cbcbcb}
.searchList li.cont dl{float:left;width:100%;}
.searchList li.cont dt{color:#333333;line-height:1.5em}
.searchList li.cont dd{line-height:1.5em;overflow:hidden;padding-top:5px;font-size:0.9em;color:#666}
.searchList li.img{}
.searchList li.img .ttx{padding-left:10px}
.searchList  .area_lv1_title{background:#efefef}

.searchList > #DataList > .area_lv1_title { font-size:0.9em;color:#666;line-height:2.5em; }

.searchTitle {
    color: #099;
    display: inline-block;
    line-height: 1.8em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	width:90%;
}

.searchListCount {
	clear: both;
}

.searchThum{
	float: left;
    width: 85px;
    height: 57px;
    border: 1px solid #cbcbcb;
}

.searchListImgText{
	float: left;
    width: 230px;
    margin: 3px 0 3px 10px;
    font-size: 0.95em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.3em;
}
.searchListNoImgText{
	float: left;
    width: 100%;
    margin: 3px 0 3px 0px;
    font-size: 0.95em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.3em;
}

.sortView{position: absolute;box-sizing:border-box;top: 0px;left: 0;width: 100%;z-index: 80;padding: 0 10px;}
.transClose{text-indent:-999999;color: transparent;height:42px;}
	.sortlist{background:#fff;border:2px solid #d9d9d9;border-radius:3px;width:110px;line-height:1.5em;max-height:300px;overflow-y:scroll;padding:0 5px}
	.sortlist dt{font-size:13px;color:#666666;border-bottom:1px solid #c6c6c6;margin-top:15px;padding-left:5px;line-height:1.7em}
	.sortlist dd{margin-left:5px;font-size:14px;color:#333333;border-bottom:1px solid #e8e8e8;padding:5px 0 5px 5px}

.searchView{position: absolute;box-sizing:border-box;top:0px;right: 0;width: 100%;z-index: 100;height:0px;}
	.searchBox{float:left;width:100%;background:#f1f1f1;padding:10px;box-sizing:border-box;z-index:100}
	.searchBox span{background:#fff;border:1px solid #6e898a;width:100%;box-sizing:border-box;display:inline-block;  outline-width:0;}
	.searchBox select{float:left;width:25%;box-sizing:border-box;height:32px;line-height:30px;border:0;padding:0 10px;color:#000;border-right:1px solid #6e898a;}
	.searchBox input{float:left;width:60%;box-sizing:border-box;line-height:30px;border:0;padding:0 10px;color:#b8b7b7}
	.searchBox button{float:right;border:0;border-left:1px solid #6e898a;width:30px;background:#00b0ba;;line-height:30px}
	.searchBox button i{color:#fff;font-size:1.4em}
	.searchClose{text-indent:-999999;width:40px;float:right;height:51px;color: transparent;}

.subNav{position:relative;background:url(../img/common/subNavbg.png) #4a79ad;height:39px;padding:2px 0 0 10px;border-bottom:1px solid #244c79;box-sizing:border-box;z-index:80}
	.firstDept{float:left;padding-top: 4px;height:29px}
	.firstDept a{display:inline-block;color:#fff;background:url(../img/recommend/arrowBg.png) no-repeat;background-size:100% 100%;width:78px;height:29px;text-align:center;line-height:29px;padding:0 13px 0 0;box-sizing:border-box}
	
	.chat-bubble{	background-color: #00b1bb;color: #fff;border: 1px solid #2d5586; border-right: 0; font-size: 1em; line-height: 30px;width:66px;height:30px;position: relative;margin-top:2px;text-align: center;border-radius: 3px;	}
	.chat-bubble-arrow-border {border-color: transparent transparent transparent #2d5586;border-style: solid;border-width: 16px;height: 0;width: 0;position: absolute;right: -30px;top: -1px;border-radius: 1px;}
	.chat-bubble-arrow{border-color: transparent transparent transparent #00b1bb;border-style: solid;border-width: 16px;height: 0;width: 0;position: absolute;right: -29px;top: -1px;border-radius: 4px;}
	.seondDept{margin-top:5px;padding:6px 5px;color:#fff;margin-left:10px ;float:left;line-height:1em;text-align:center;}
	.oneline{line-height:39px;color:#fff;position:relative}
	.separation{display:inline-block;margin:0 5px}
	.sort{position:absolute;top:8px;right:10px}
	.sort select{border-radius:3px;border:1px solid #ccc;padding:2px 0;background:#fff}

	.areaNum{float:left;width:100%}
	.areaNum li{float:left;width:50%;line-height:36px;text-align:center;color:#000}
	.areaNum li:first-child{border-right:1px solid #000;box-sizing:border-box}
	.areaNum li span{color:#fff;font-size:1.1em;margin-left:5px}

.infoWithImg{width:100%;max-width:300px;border-radius:4px;    min-width: 150px;}
.infoWithImg .Title{padding:5px;border-bottom:1px solid #ccc;margin:0 auto}
.infoWithImg .distanceWrap{float:left;margin:5px;width:100%}
.infoWithImg .distanceWrap .detailInfo{}
.infoWithImg .distanceWrap .detailInfo li:first-child{margin-bottom:4px}
.infoWithImg .btnareaD{text-align:center;padding:5px 0;width:100%}
.infoWithImg .btnareaD .btnNaviF{border:1px solid #30999f; padding:3px 5px;font-size:11px;background:#00b1bb;color:#fff;border-radius:2px}
.infoWithImg .btnareaD .btnNaviS{border:1px solid #9fa0a4; padding:3px 5px;font-size:11px;background:#f2f2f2;color:#000;border-radius:2px}


.areaWrap{clear:both;width:100%}
.areaWrap ul{width:100%;}
.areaWrap li{width:100%;line-height:50px;height:50px;text-indent:10px;border-bottom:1px solid #dedede;box-sizing:border-box}
.areaWrap li:nth-child(even){background:#fff}
.areaWrap li:nth-child(odd){background:#f6f6f6;border-top:1px solid #fff}
.areaWrap li a{display:block; background:url(../img/area/icon_arrow.png) no-repeat right center}
.areaWrap li a:hover{background:url(../img/area/icon_arrowon.png) no-repeat right center}
.areaWrap li a.active{background:url(../img/area/icon_arrowon.png) no-repeat right center}
.areaWrap li span{color:#ea0b2b;padding-left:5px}

.areaMovieWrap{clear:both;width:100%}
.areaMovieWrap h2{padding:20px 10px 5px;float: left;width:100%;box-sizing:border-box}
.areaMovieWrap h2 .ion-ios-videocam{float: left;color:#fdb303;font-size:1.7em;margin-right:5px}
.areaMovieWrap h2 .ion-image{float: left;color:#e94040;font-size:1.6em;margin-right:5px}
.areaMovieWrap h2 .ion-ios-musical-notes{float: left;font-size:1.5em;color:#4776aa;margin-right:5px}
.areaMovieWrap h2 span{display: block;float: left;line-height: 1.6em;font-size:1.2em;color:#333}
.areaMovieWrap h2 .iconList{float:right;margin-top:5px}
.areaMovieWrap h2 .iconList li{float:left;}
.areaMovieWrap h2 .iconList li a{padding:0 5px}
.areaMovieWrap ul.areaList{width:100%;clear:both;border-top:1px solid #dedede}
.areaMovieWrap ul.areaList li{width:100%;line-height:50px;height:50px;text-indent:10px;border-bottom:1px solid #dedede;box-sizing:border-box}
.areaMovieWrap ul.areaList li:nth-child(even){background:#fff}
.areaMovieWrap ul.areaList li:nth-child(odd){background:#f6f6f6;border-top:1px solid #fff}
.areaMovieWrap ul.areaList li a{display:block; background:url(../img/area/icon_arrow.png) no-repeat right center}
.areaMovieWrap ul.areaList li a:hover{background:url(../img/area/icon_arrowon.png) no-repeat right center}
.areaMovieWrap ul.areaList li a.active{background:url(../img/area/icon_arrowon.png) no-repeat right center}
.areaMovieWrap ul.areaList li span{color:#ea0b2b;padding-left:5px}

.areasubWrap{width:100%}
.areasubWrap li:first-child{border-top:1px solid #dedede}
.areasubWrap li{clear:both;float:left;width:100%;border-bottom:1px solid #dedede;padding:10px;box-sizing:border-box}
.areasubWrap li dl{float:left;width:100%}
.areasubWrap li dl.picdl{float:left;width:260px !important}
.areasubWrap li dt{color:#333;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}
.areasubWrap li dd{color:#666666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:0.95em}
.areasubWrap li img.thum{float:left;border:1px solid #cbcbcb;width:54px;height:35px;margin-right:10px}

.recommendWrap{float:left}

.recommendNav{padding:5px 10px}
.recommendNav ul{width:100%;background:#f7f7f7;float:left;border:1px solid #7b7e82;border-radius:4px}
.recommendNav li{float:left;width:17%;text-align:center;border-left:1px solid #d4d7db;border-right:1px solid #7b7e82;box-sizing:border-box}
.recommendNav li.small{width:16%}
.recommendNav li:first-child{border-left:none;}
.recommendNav li:last-child{border-right:none;}
.recommendNav li a{display:block;padding:10px 0}
.recommendNav li.active{background:#00b0ba;border-left:0}
.recommendNav li.active a{color:#fff}

.recommendList{float:left;clear:both;width:100%}
.recommendList ul{width:100%;float:left;;background:#fff;box-sizing:border-box}
.recommendList li{border-bottom:1px solid #cdcbcc;float:left;width:100%;padding: 7px 10px;box-sizing:border-box}
.recommendList .thum{float:left;border:1px solid #cbcbcb;width:74px;height:49px;}
.recommendList li dl{float:left;width:250px;margin-left:10px}
.recommendList li dt{color:#189198;font-weight:bold;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.recommendList li dd{line-height:1.3em;overflow:hidden;padding-top:5px;font-size:0.9em;color:#666; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical;
 word-wrap:break-word; height: 2.6em; }

.title_audiovisual{float:left;width:100%;line-height:40px;background:#fff;border-bottom:1px solid #ddd}
.title_audiovisual h2{float:left;font-size:1.2em;color:#333;padding-left:10px;letter-spacing: -2px;font-weight:bold}
.title_audiovisual ul{float:right;}
.title_audiovisual ul li{float:left}
.title_audiovisual ul li.icon_pic a{font-size: 1.6em;color: #e94040;text-align:center;padding:0 10px}
.title_audiovisual ul li.icon_pic_non a{font-size: 1.6em;color: #a7a7a7;text-align:center;padding:0 10px}
.title_audiovisual ul li.icon_movie a{font-size: 1.7em;color: #fdb303;text-align:center;padding:0 10px}
.title_audiovisual ul li.icon_movie_non a{font-size: 1.7em;color: #a7a7a7;text-align:center;padding:0 10px}
.title_audiovisual ul li.icon_audio a{font-size: 1.5em;color: #4776aa;text-align:center;padding:0 10px}
.title_audiovisual ul li.icon_audio_non a{font-size: 1.5em;color: #a7a7a7;text-align:center;padding:0 10px}

.subtitle_audiovisual{float:left;width:100%;line-height:40px}
.subtitle_audiovisual h3{float:left;padding-left:10px;letter-spacing: -1px;}
.subtitle_audiovisual .share{float:right;border-left:1px solid #dedede}
.subtitle_audiovisual .share i{font-size: 1.6em;color: #e94040;}

.commonpd{width: 100%;}

.mainpd{float:left;width: 100%;height:100%;;box-sizing:border-box;padding-top:45px}
.mainpd table{height:100%;width:100%;box-sizing:border-box}
.mainpd table tr{height:33%}
.mainpd table td.box01{width:50%;padding:1px 2px 2px 0;box-sizing:border-box;text-align:center}
.mainpd table td.box02{width:50%;padding:1px 0 2px 2px;box-sizing:border-box;position: relative;}
.mainpd table td.box02 a.bg{display:block;background:url(/img/main/main02.png) no-repeat center center;background-size:cover;width:100%;height:167px;border-bottom:2px solid #366086;z-index:70}
.mainpd table td.box02 a dl{position:absolute;top:10px;left:10px;z-index:70}
.mainpd table td.box02 a .icon{position:absolute;bottom:0;right:0;z-index:70}
.mainpd table td.box03{width:50%;padding:2px 0 2px 2px;box-sizing:border-box;position: relative;}
.mainpd table td.box03 a.bg{display:block;background:url(/img/main/main04.png) no-repeat center center;background-size:cover;width:100%;height:167px;border-bottom:2px solid #366086}
.mainpd table td.box03 a dl{position:absolute;top:10px;left:10px;z-index:70}
.mainpd table td.box03 a .icon{position:absolute;bottom:-2px;left:10px;z-index:70}
.mainpd table td.box04{width:50%;padding:2px 2px 0 0;box-sizing:border-box;position: relative;}
.mainpd table td.box04 a.bg{display:block;background:url(/img/main/main05.png) no-repeat center center;background-size:cover;width:100%;height:167px;}
.mainpd table td.box04 a dl{position:absolute;top:10px;left:10px;z-index:70}
.mainpd table td.box04 a .icon{position:absolute;bottom:0;left:25%}
.mainpd table td.box05{width:50%;padding:2px 0 0 2px;box-sizing:border-box;position: relative;}
.mainpd table td.box05 a.bg{display:block;background:url(/img/main/main06.png) no-repeat center center;background-size:cover;width:100%;height:167px;}
.mainpd table td.box05 a dl{position:absolute;top:10px;right:10px;z-index:70;text-align:right}
.mainpd table td.box05 a .icon{position:absolute;bottom:0;right:5%;z-index:70}
.mainpd table td.box02 a dl dt,
.mainpd table td.box03 a dl dt,
.mainpd table td.box04 a dl dt,
.mainpd table td.box05 a dl dt{font-weight:bold;padding-bottom:5px}
.mainpd table td.box02 a dl dd,
.mainpd table td.box03 a dl dd,
.mainpd table td.box04 a dl dd,
.mainpd table td.box05 a dl dd{font-size:0.85em}

.movieScroll{}
.audioScroll{}
.allScroll{;float: left;width: 100%;}

.areamovieScroll{}
.areaaudioScroll{}
.areaallScroll{}

.dataList{float:left;clear:both;width:100%}
.dataList ul{width:100%;float:left;;background:#fff;box-sizing:border-box}
.dataList li{border-bottom:1px solid #cdcbcc;float:left;width:100%;}
.dataList li a{display:block}
.dataList li:first-child{border-top:1px solid #cdcbcc;}
.dataList li .listWrap{float:left;padding:10px;box-sizing:border-box;width:100%}
.dataList li .listWrap .fl{float:left}
.dataList li .listWrap .icon_pic{font-size: 1.6em;color: #e94040;text-align:center;width:50px;line-height:50px}
.dataList li .listWrap .icon_movie{font-size: 1.7em;color: #fdb303;text-align:center;width:50px;line-height:50px}
.dataList li .listWrap .icon_audio{font-size: 1.5em;color: #4776aa;text-align:center;width:50px;line-height:50px}
.dataList li .listWrap .icon_check{font-size: 1.2em;color: #00b0ba;text-align:center;width:50px;line-height:50px}
.dataList li .listWrap:hover{width:100%;padding:10px;}
.dataList li.active .listWrap{width:100%;padding:10px}

.dataList .thum{float:left;width:74px;border:1px solid #cbcbcb}
.dataList li dl{float:left;width:230px;margin:5px 0 0 10px}
.dataList li dt{color:#189198;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.dataList li dd{line-height:23px;height:23px;overflow:hidden;padding-top:5px}
.dataList li dd .icon{font-size: 1.5em;display:block;float:left;color:#666}
.dataList li dd .num{display:block;float:left;margin:1px  5px 0}

.dataiconList{float:left;clear:both;width:100%}
.dataiconList ul{width:100%;float:left;;background:#fff;box-sizing:border-box}
.dataiconList li{border-bottom:1px solid #cdcbcc;float:left;width:100%;}
.dataiconList li a{display:block}
.dataiconList li:first-child{border-bottom:1px solid #cdcbcc !important;}
.dataiconList li .listWrap{float:left;padding:10px;box-sizing:border-box;width:100%}
.dataiconList li .listWrap .fl{float:left}
.dataiconList li .listWrap .icon_pic{font-size: 1.6em;color: #e94040;text-align:center;width:50px;line-height:50px}
.dataiconList li .listWrap .icon_movie{font-size: 1.7em;color: #fdb303;text-align:center;width:50px;line-height:50px}
.dataiconList li .listWrap .icon_audio{font-size: 1.5em;color: #4776aa;text-align:center;width:50px;line-height:50px}
.dataiconList li .listWrap .icon_check{font-size: 1.2em;color: #00b0ba;text-align:center;width:50px;line-height:50px}
.dataiconList li .listWrap:hover{width:100%;padding:10px;}
.dataiconList li.active .listWrap{width:100%;padding:10px}

.dataiconList .thum{float:left;width:74px;border:1px solid #cbcbcb}
.dataiconList li dl{float:left;width:200px;margin:5px 0 0 10px}
.dataiconList li dt{color:#189198;font-weight:bold;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.dataiconList li dd{line-height:23px;height:23px;overflow:hidden;padding-top:5px}
.dataiconList li dd .icon{font-size: 1.5em;display:block;float:left;color:#666}
.dataiconList li dd .num{display:block;float:left;margin:1px  5px 0}


.title_detail{border-bottom:1px solid #dedede;width:100%;line-height:40px;float:left;padding-bottom:10px}
.title_detail h2{font-size:1.2em;color:#189198;padding:5px 10px;letter-spacing: -2px;font-weight: bold;}

.title_detail .pageControl{clear:both;}
.title_detail .shadowL{float:left;border-bottom:1px solid #b1b5bc;margin-left:10px;border-radius:3px;}
.title_detail .shadowR{float:right;border-bottom:1px solid #b1b5bc;margin-right:10px;border-radius:3px;}

.title_detail .fontSize{float:left;border:1px solid #7b7e82;border-radius:3px;background:#f7f7f7;}
.title_detail .fontSize li{float:left;line-height:30px;}
.title_detail .fontSize li a{padding:6px 10px 5px;display:block}
.title_detail .fontSize li:first-child{border-right:1px solid #7b7e82;}
.title_detail .fontSize li:last-child{border-left:1px solid #d4d7db;font-size:0.9em}

.title_detail .addiService{float:right;border:1px solid #7b7e82;border-radius:3px;background:#f7f7f7}
.title_detail .addiService li{float:left;line-height:1em}
.title_detail .addiService li i{display:block;font-size:1.8em;line-height:normal;text-align:center}
.title_detail .addiService li a{display:block;font-size:0.8em;width:50px;text-align:center}
.title_detail .addiService li:first-child{border-right:1px solid #7b7e82;border-left:none}
.title_detail .addiService li{border-left:1px solid #d4d7db;border-right:1px solid #7b7e82;padding: 2px 0;}
.title_detail .addiService li:last-child{border-right:none}
.title_detail .addiService li.add_share{background:url(../img/recommend/icon_share.png) no-repeat center 3px;}
.title_detail .addiService li.add_pst{background:url(../img/recommend/icon_pst.png) no-repeat center 4px;}
.title_detail .addiService li.add_fav{background:url(../img/recommend/icon_fav.png) no-repeat center 3px;}

.detailCont{clear:both;padding:10px 10px 0;box-sizing:border-box}
.detailCont dt{font-size:0.9em;color:#333333;line-height:2.5em}
.detailCont dd{color:#333333;line-height:1.5em}

.mivieWrap{clear:both;background:#ebebeb;text-align:center;height:240px}
.mivieWrap iframe{width:100%;min-width:320px;height:240px}
.audioWrap{clear:both;background:#ebebeb;text-align:center;padding:10px 0}

.relative_item{background:#f6f6f6;border:1px solid #cbcbcb;border-radius:4px;padding:10px;margin:10px 0;font-size:0.9em;color:#333}
.relative_item span{color:#666}
.relative_item ul{margin:10px 0 0}
.relative_item li{line-height:1.5em;font-size:1.2em;background:url(../img/recommend/dot_01.png) no-repeat center left;text-indent:8px}

.title_pic{float:left;border-bottom:1px solid #dedede;width:100%;line-height:40px;background:#fff}
.title_pic h2{float:left;font-size:1.2em;color:#333;padding-left:10px;letter-spacing: -2px;font-weight:bold}
.title_pic ul{float:right;margin-right:10px}
.title_pic ul li{float:left}
.title_pic ul li.icon_pic a{font-size: 1.6em;color: #e94040;text-align:center;padding:0 10px}
.title_pic ul li.icon_pic_non a{font-size: 1.6em;color: #a7a7a7;text-align:center;padding:0 10px}
.title_pic ul li.icon_movie a{font-size: 1.7em;color: #fdb303;text-align:center;padding:0 10px}
.title_pic ul li.icon_movie_non a{font-size: 1.7em;color: #a7a7a7;text-align:center;padding:0 10px}
.title_pic ul li.icon_audio a{font-size: 1.5em;color: #4776aa;text-align:center;padding:0 10px}
.title_pic ul li.icon_audio_non a{font-size: 1.5em;color: #a7a7a7;text-align:center;padding:0 10px}

.subtitle{float:left;width:100%;line-height:40px;background:#fff;border-bottom:1px solid #cdcbcc;border-bottom:1px solid #cdcbcc}
.subtitle h3{float:left;font-size:1.2em;color:#333;padding-left:10px;letter-spacing: -2px;font-weight:bold}
.subtitle .subIcon{float:right}
.subtitle .subIcon li{float:left}
.subtitle .add{float:left;border-left:1px solid #dedede;font-size:0.8em;line-height:1.3em;padding:4px 10px}
.subtitle .add i{font-size: 1.3em;line-height: normal;text-align: center;display: block;padding:2px 0}
.subtitle .share{float:left;border-left:1px solid #dedede;font-size:0.8em;line-height:1.3em;padding:4px 10px}
.subtitle .share i{font-size: 1.3em;line-height: normal;text-align: center;display: block;padding:2px 0}
.subtitle .pic_ttx{display:none;clear:both;border-top:1px solid #dedede;padding:8px;line-height:1.5em}

.piclList{float:left;clear:both;width:100%}
.piclList ul{width:100%;float:left;;background:#fff;box-sizing:border-box}
.piclList li{border-bottom:1px solid #cdcbcc;float:left;width:100%;}
.piclList li:first-child{border-top:1px solid #cdcbcc;}
.piclList li .listWrap{float:left;padding: 5px 10px;box-sizing:border-box;width:100%}
.piclList li.active .listWrap{border-top:1px solid #00b0ba;border-bottom:1px solid #00b0ba}
.piclList .thum{float:left;width:74px;border:1px solid #cbcbcb}
.piclList li dl{float:left;width:215px;margin-left:10px}
.piclList li dt{color:#189198;font-weight:bold}
.piclList li dd{line-height:1.3em;height:30px;overflow:hidden;padding-top:5px}

.slider{clear:both;position: relative;}
.borderT{border-top:1px solid #ccc;border-bottom:1px solid #ddd}

.areaNav{width:100%;box-sizing:border-box;padding:50px 5px 10px 3px;;float:left;background:#fff}
.areaNavWrap{width:100%;border-bottom:1px solid #b1b5bc;float:left;border-radius:3px}
.areaNav ul{width:100%;border-radius:3px;border:1px solid #7b7e82;float:left;overflow:hidden}
.areaNav li{width:20%;float:left;box-sizing:border-box;text-align:center;border-right:1px solid #7b7e82;;border-left:1px solid #d4d7db;background:#f7f7f7;line-height: 18px;}
.areaNav li:first-child{border-left:0}
.areaNav li:last-child{border-right:0}
.areaNav li.active{background:#00b0ba;border-left:0}
.areaNav li.active a{color:#fff;display:block}
.areaNav li:hover{background:#00b0ba;border-left:0}
.areaNav li:hover a{color:#fff;display:block}
.areaNav li a{display:block;padding:10px 0;}


.detailWrap{margin:40px 0 0;padding-bottom:65px;float:left;width:100%}

.storyWrap{width:100%;    float: left;padding:0px 0 65px}
.storyWrap h2{border-bottom:1px solid #d7d7d7;padding:10px;box-sizing:border-box;position:fixed;top:51px;width:100%;background:url(../img/common/subNavbg.png) #4a79ad;color:#fff}
.storyWrap .areaList {clear:both;margin:40px 0 65px}
.storyWrap .areaList dl{width:100%;margin-top:10px}
.storyWrap .areaList dt{font-size:0.9em;color:#666666;text-indent:10px;line-height:33px;border-bottom:1px solid #cbcbcb}
.storyWrap .areaList dd{font-size:1.1em;color:#333;box-sizing:border-box;padding-left:20px;background:url(../img/area/icon_arrow.png) no-repeat right center}
.storyWrap .areaList dd:hover{background:url(../img/area/icon_arrowon.png) no-repeat right center #dedede}
.storyWrap .areaList dd a{line-height:35px;border-bottom:1px solid #dedede;width:100%;display:block;box-sizing:border-box;}

.storyWrap .areaSubList li:nth-child(odd){clear:both;float:left;padding:5px 10px;border-bottom:1px solid #cbcbcb;width:100%;box-sizing:border-box}
.storyWrap .areaSubList li:nth-child(odd) .areaListTitle{position:relative}
.storyWrap .areaSubList li:nth-child(odd) span.areatitle{float:left;color:#009999;width:90%;display:inline-block;line-height:1.8em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} 
.storyWrap .areaSubList li:nth-child(odd) span.icon_read{position:absolute;top:4px;right:0px;border:1px solid #4977ae;font-size:0.8em;border-radius:3px;color:#4977ae;padding:0 2px}

.storyWrap .areaSubList li:nth-child(odd) .areaListCont{clear:both}
.storyWrap .areaSubList li:nth-child(odd) img{float:left;width:85px;height:57px;border:1px solid #cbcbcb}
.storyWrap .areaSubList li:nth-child(odd) .areattx{float:left;width:240px;margin:3px 0 3px 10px;font-size:0.95em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;  -webkit-box-orient: vertical;
 word-wrap:break-word;line-height: 1.3em; height: 3.8em; }
.storyWrap .areaSubList li:nth-child(odd) .areattxnoImg{float:left;width:100%;margin:3px;font-size:0.95em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;  -webkit-box-orient: vertical;
 word-wrap:break-word;line-height: 1.3em; height: 3.8em; }

.storyTitle{color:#fff;line-height:39px;padding:0 10px}
 .storyWrap .areaSubList li:nth-child(even){clear:both;float:left;padding:5px 10px;border-bottom:1px solid #cbcbcb;width:100%;box-sizing:border-box}
.storyWrap .areaSubList li:nth-child(even) .areaListTitle{position:relative}
.storyWrap .areaSubList li:nth-child(even) span.areatitle{float:left;color:#009999;width:90%;display:inline-block;line-height:1.8em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;} 
.storyWrap .areaSubList li:nth-child(even) span.icon_read{position:absolute;top:4px;right:0px;border:1px solid #4977ae;font-size:0.8em;border-radius:3px;color:#4977ae;padding:0 2px}

.storyWrap .areaSubList li:nth-child(even) .areaListCont{clear:both}
.storyWrap .areaSubList li:nth-child(even) img{float:right;width:85px;height:57px;border:1px solid #cbcbcb}
.storyWrap .areaSubList li:nth-child(even) .areattx{float:left;width:240px;margin:3px 10px 3px 0px;font-size:0.95em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;  -webkit-box-orient: vertical;
 word-wrap:break-word;line-height: 1.3em; height: 3.8em; }
.storyWrap .areaSubList li:nth-child(even) .areattxnoImg{float:left;width:100%;margin:3px;font-size:0.95em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;  -webkit-box-orient: vertical;
 word-wrap:break-word;line-height: 1.3em; height: 3.8em; }

 .mapWrap{width:100%;height:100%;box-sizing:border-box}
 .mapWrap .mapbg{width:100%}

/* map info window close button Ŀ����.*/
/* .mapWrap .mapbg img{width:100%}*/

 .mapWrap .compass{position:absolute;top:60px;left:10px;border-bottom:1px solid #8a9096;border-radius:3px;z-index:1;opacity:0.9}
 .mapWrap .mapInfo{position:absolute;bottom:70px;right:10px;background:#efede6;border:1px solid #8d8d8d;border-radius:3px;overflow:hidden;width:50%;max-width:170px;opacity:1;;box-sizing:border-box;padding:5px 0; z-index:1;}
 .mapWrap .mapInfo li{float:left;width:20%;text-align:center;font-size:0.9em;border-right:1px solid #ddd;box-sizing:border-box;line-height:1.1em}
 .mapWrap .mapInfo li.icon01 img{margin-top:4px}
 .mapWrap .mapInfo li.icon02 img{margin-top:4px}
 .mapWrap .mapInfo li.icon03 img{margin-top:4px}
  .mapWrap .mapInfo li a{display:block;height:30px;padding-top:4px;}
 .mapWrap .aroundPstWrap{position:absolute;top:100px;left:100px}
 .mapWrap .aroundPst{border-bottom:1px solid #b1b4bb;border-radius:3px;position:relative;height:68px;width:130px}
 .mapWrap .bgopacity{height:67px;background:#fff;opacity:.7;border-radius:3px}
 .mapWrap .aroundPst table{border:1px solid #797e82;border-radius:3px;}
 .mapWrap .aroundPst table th{text-align:center;padding:5px 10px;}
 .mapWrap .aroundPst table td{text-align:right;padding:5px 10px;color:#ea0b2b}
 .mapWrap .aroundPst table td span{color:#666666}
 .mapWrap .aroundPst table th{border-right:1px solid #c5c9c8;border-bottom:1px solid #c5c9c8}
 .mapWrap .aroundPst table td{border-bottom:1px solid #c5c9c8}
 .mapWrap .aroundPst table th.last{border-bottom:0px solid #c5c9c8}
 .mapWrap .aroundPst table td.last{border-bottom:0px solid #c5c9c8}

 .mw_layer1{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:100000;width:100%;height:100%}
	.mw_layer1.open{display:block}
	.mw_layer1 .bg{position:absolute;top:0;left:0;width:100%;height:100%;}
	
	#layer1{position:absolute;top:0;left:50%;width:230px;margin:0px 0 0 -115px;color:#767676;line-height:normal;white-space:normal}

	#layer1 .pop_up{margin-top:100px;border:1px solid #7b7e82;border-radius:5px;overflow:hidden}
	#layer1 .pop_up_head{background:#f5f6f7;opacity:0.8;padding:10px;color:#000;border-bottom:1px solid #cdcecf;font-size:1.1em}
	#layer1 .pop_up_head_it1{padding:10px 10px 0 0;}
	#layer1 .pop_up_head_it2{font-size:18px; color:#eee; line-height:40px; background:#333; text-align:center;}
	
	#layer1 .conBox{padding:10px 20px 10px;color: #666; line-height: 16px;background:#fff;opacity:0.8;float:left;width:100% }
	#layer1 .conBox li{padding:5px 0;;float:left;width:100%}
	#layer1 .conBox li a{display:block;font-size:1em}
	#layer1 .conBox li a .circle{display:inline-block;background:#fff;width:10px;height:10px;border:5px solid #d9dadb;border-radius:20px;margin-right:10px;float:left;}
	#layer1 .conBox li a .circleon{display:inline-block;background:#fff;width:7px;height:7px;border:7px solid #00b0ba;border-radius:20px;margin-right:10px;float:left;}
	#layer1 .conBox li a:hover .circle{display:inline-block;background:#fff;width:7px;height:7px;border:7px solid #00b0ba;border-radius:20px;margin-right:9px;float:left;}
	#layer1 .conBox li a .distant{display:block;float:left;line-height:1.6em}

 .mw_layer2{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:100000;width:100%;height:100%}
	.mw_layer2.open{display:block}
	.mw_layer2 .bg{position:absolute;top:0;left:0;width:100%;height:100%;}
	
	#layer2{position:absolute;top:0;left:50%;width:230px;margin:0px 0 0 -115px;color:#767676;line-height:normal;white-space:normal}

	#layer2 .pop_up{margin-top:100px;border:1px solid #7b7e82;border-radius:5px;overflow:hidden}
	#layer2 .pop_up_head{background:#f5f6f7;opacity:0.8;padding:10px;color:#000;border-bottom:1px solid #cdcecf;font-size:1.1em}
	#layer2 .pop_up_head_it1{padding:10px 10px 0 0;}
	#layer2 .pop_up_head_it2{font-size:18px; color:#eee; line-height:40px; background:#333; text-align:center;}
	
	#layer2 .conBox{padding:10px 20px 10px;color: #666; line-height: 16px;background:#fff;opacity:0.8;float:left; width:100%}
	#layer2 .conBox li{padding:5px 0;;float:left;width:100%}
	#layer2 .conBox li a{display:block;font-size:1em}
	#layer2 .conBox li a .circle{display:inline-block;background:#fff;width:10px;height:10px;border:5px solid #d9dadb;border-radius:20px;margin-right:10px;float:left;}
	#layer2 .conBox li a .circleon{display:inline-block;background:#fff;width:7px;height:7px;border:7px solid #00b0ba;border-radius:20px;margin-right:10px;float:left;}
	#layer2 .conBox li a:hover .circle{display:inline-block;background:#fff;width:7px;height:7px;border:7px solid #00b0ba;border-radius:20px;margin-right:9px;float:left;}
	#layer2 .conBox li a .distant{display:block;float:left;line-height:1.6em}

 .mw_layer3{display:none;position:fixed;_position:absolute;top:0;left:0;z-index:100000;width:100%;height:100%}
	.mw_layer3.open{display:block}
	.mw_layer3 .bg{position:absolute;top:0;left:0;width:100%;height:100%;}
	
	#layer3{position:absolute;top:0;left:50%;width:230px;margin:0px 0 0 -115px;color:#767676;line-height:normal;white-space:normal}
	#layer3 .bottomborder{border-bottom:1px solid #b0b5bb;border-radius:5px;position:relative}

	#layer3 .pop_up{margin-top:100px;border:1px solid #7b7e82;border-radius:5px;overflow:hidden}
	#layer3 .pop_up_head{background:#f5f6f7;opacity:0.8;color:#000;border-bottom:1px solid #cdcecf;font-size:1.1em;float:left;width:100%;box-sizing:border-box;}
	#layer3 .pop_up_head_it1{padding:10px;box-sizing:border-box;float:right;}
	#layer3 .pop_up_head_it2{ color:#000;float:left;padding:10px}
	
	#layer3 .conBox{padding:10px 10px 10px;box-sizing:border-box;color: #666; line-height: 16px;background:#fff;opacity:0.8;float:left;width:100%}
	#layer3 .conBox .thumImg{float:left}
	#layer3 .conBox ul{float:left;width:135px;font-size:0.85em;margin:3px 0 0 10px}
	#layer3 .conBox ul li span{color:#000}
	#layer3 .conBox ul li:first-child{text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
	#layer3 .conBox ul li:last-child{line-height:1.4em;overflow:hidden;padding-top:3px;color:#666; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical;
 word-wrap:break-word; height: 2.8em;}
	#layer3 .conBox .btnarea{clear:both;font-size:0.8em;text-align:right;padding-top:10px}
	#layer3 .conBox .btnarea .ViewRoad{display:inline-block;background:#00b1bb;border-radius:2px;border:1px solid #127d83;padding:2px 7px;color:#fff}
	#layer3 .conBox .btnarea .Viewdetail{display:inline-block;background:#f2f2f2;border-radius:2px;border:1px solid #9fa0a4;padding:2px 7px;}
	#layer3 .point img{position:absolute;bottom:-16px;left:80px}
	


.sharepop{background:#fff;width:75%;display:none}
	.close{position:absolute;right:10px;top:10px;font-size:1.3em;font-weight:bold;color:#8d8d8d;width:30px;height:30px;text-align:right;display:block}
	.sharePopWrap{padding:10px;box-shadow:5px 5px 10px #383838}

	.sharePopWrap li{width:33.4%;float:left;text-align:center;margin:10px 0;}
	.sharePopWrap li:first-child{width:33.3%}
	.sharePopWrap li:last-child{width:33.3%}
	.sharePopWrap li span.grayWon{margin:0 auto;background:#e5e5e5;border-radius:50px;display:block;width:60px;height:60px}
	.sharePopWrap li span.grayWon img{margin:5px}
	.sharePopWrap li span.ttxT{margin:10px 0 5px;display:block}
	.sharePopWrap .shareAdd{}
	.sharePopWrap .shareAdd input{border:1px solid #ddd;border-radius:2px;padding:0 10px;line-height:30px;width:100%;box-sizing:border-box}
	.poptitle{border-bottom:1px solid #dadada;line-height:35px;text-indent:10px;font-weight:bold}

.SelectPop01{width:75%;display:none;}
.SelectPop02{width:75%;display:none;}
	.close{position:absolute;right:10px;top:10px;font-size:1.3em;font-weight:bold;color:#8d8d8d;width:30px;height:30px;text-align:right;display:block;box-sizing:border-box;}
	.contSelectPopWrap{box-shadow:5px 5px 10px #383838;border-radius:5px;border:1px solid #7a7d82;float: left; width: 100%;box-sizing:border-box;overflow:hidden}
	.contSelectPopWrap .popTitle{border-bottom:1px solid #cccecd;padding:10px;background:#f5f6f7}
	.contSelectPopWrap .exnum{background:#fff;float: left;width: 100%;}
	.contSelectPopWrap ul{margin:10px;float:left}
	.contSelectPopWrap li{padding:5px 10px;;float:left;width:100%;box-sizing:border-box;border-bottom:1px solid #ddd;}
	.contSelectPopWrap li a{display:block;font-size:1em}
	.contSelectPopWrap li a .circle{display:inline-block;background:#fff;width:10px;height:10px;border:5px solid #d9dadb;border-radius:20px;margin-right:10px;float:left;}
	.contSelectPopWrap li a .circleon{display:inline-block;background:#fff;width:7px;height:7px;border:7px solid #00b0ba;border-radius:20px;margin-right:10px;float:left;}
	.contSelectPopWrap li a:hover .circle{display:inline-block;background:#fff;width:7px;height:7px;border:7px solid #00b0ba;border-radius:20px;margin-right:9px;float:left;}
	.contSelectPopWrap li a .distant{display:block;float:left;line-height:1.6em}
	.contSelectPopWrap li b{display:block;margin-bottom:5px;padding-left:20px}

	.contSelectPopWrap01{box-shadow:5px 5px 10px #383838;border-radius:5px;border:1px solid #7a7d82;float: left; width: 100%;box-sizing:border-box;overflow:hidden}
	.contSelectPopWrap01 .popTitle{border-bottom:1px solid #cccecd;padding:10px;background:#f5f6f7}
	.contSelectPopWrap01 .exnum{background:#fff;float: left;width: 100%;    overflow-y: scroll;height:400px}
	.contSelectPopWrap01 ul{margin:10px;float:left}
	.contSelectPopWrap01 li{padding:10px 10px;;float:left;width:100%;box-sizing:border-box;border-bottom:1px solid #ddd;}
	.contSelectPopWrap01 li a{display:block;font-size:1em}
	.contSelectPopWrap01 li a .circle{display:inline-block;background:#fff;width:10px;height:10px;border:5px solid #d9dadb;border-radius:20px;margin-right:10px;float:left;}
	.contSelectPopWrap01 li a .circleon{display:inline-block;background:#fff;width:7px;height:7px;border:7px solid #00b0ba;border-radius:20px;margin-right:10px;float:left;}
	.contSelectPopWrap01 li a:hover .circle{display:inline-block;background:#fff;width:7px;height:7px;border:7px solid #00b0ba;border-radius:20px;margin-right:9px;float:left;}
	.contSelectPopWrap01 li a .distant{display:block;float:left;line-height:1.6em}
	.contSelectPopWrap01 li b{display:block;margin-bottom:5px;padding-left:15px;background:url(../img/area/bg_arrow.png) no-repeat  0px 0px; background-size:13px 13px;line-height: 15px;}

	.customerList{clear:both;background:#f6f6f6;float:left;width:100%;border-bottom:1px solid #dddddd;margin:40px 0 0px}
	.customerList ul{background:#fff;float:left;width:100%;padding-left:10px;box-sizing:border-box;}
	.customerList ul li{width:100%;padding:10px 10px 10px 5px;box-sizing:border-box;float:left;border-bottom:1px solid #ddd}
	.customerList ul li.noLine{border-bottom:0}
	.customerList ul li:last-child{border-bottom:0}
	.customerList ul li .iconImg{width:44px;text-align:center;float:left;}
	.customerList ul li .iconImg img{padding:6px 10px;}
	.customerList ul li dl{float:left}
	.customerList ul li dt{font-size:1.05em;color:#333;line-height: 1.5em;}
	.customerList ul li dd{font-size:0.85em;color:#909090}
	.customerList ul li .btnArea01{float:right;padding-top:6px;width:60px;}
	.customerList ul li .btnArea{float:right;padding-top:3px;width:80px;text-align:right}
	.customerList ul li .btnArea a{border:1px solid #cccccc;border-radius:3px;background:#f1f1f1;line-height:30px;height:28px;font-size:0.9em;width:60px;text-align:center;display:inline-block}
	.customerBottom{clear:both;background:#f6f6f6;padding:15px 0;float:left;width:100%}
	.customerBottom ul{float:left;width:100%;padding-left:10px;box-sizing:border-box;}
	.customerBottom ul li{width:100%;padding:0px 10px 0px 5px;box-sizing:border-box;float:left;}
	.customerBottom ul li .iconImg{width:44px;text-align:center;float:left;}
	.customerBottom ul li .iconImg img{padding:6px 10px;}
	.customerBottom ul li dl{float:left}
	.customerBottom ul li dt{font-size:1.05em;color:#333}
	.customerBottom ul li dd{font-size:0.85em;color:#333}

.DetailPop02{width:90%;margin-left:5%;left:0 !important;}


	/*����ġ ��ư*/
	.switch {
	display: block;
	box-sizing: border-box;
	width: 60px;
	height: 30px;
	border-radius: 999px;
	border:2px solid #ebebeb;
	background-color: #fafafa;
	margin-bottom: 10px;
	-webkit-transition: background-color cubic-bezier(.25, .46, .45, .94) .2s;
	-moz-transition: background-color cubic-bezier(.25, .46, .45, .94) .2s;
	transition: background-color cubic-bezier(.25, .46, .45, .94) .2s
	}
	.switch .helper {
	margin-top: 0px;
	margin-left: 0px;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	display: inline-block;
	border:1px solid #ebebeb;
	background-color: #fff;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: .2s;
	-moz-transition-duration: .2s;
	transition-duration: .2s;
	-webkit-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
	-moz-transition-timing-function: cubic-bezier(.25, .46, .45, .94);
	transition-timing-function: cubic-bezier(.25, .46, .45, .94)
	}
	.switch.ui-checked {
	border:2px solid  #00b1bb;
	background-color: #00b1bb
	}
	.switch.ui-checked .helper {
	border:1px solid #0b939b;
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-ms-transform: translateX(30px);
	-o-transform: translateX(30px);
	transform: translateX(30px)
	}
	/*����ġ ��ư ��*/

	.favoriteTitle{color:#fff;line-height:39px;padding:0 10px}
	.favoriteWrap{float:left;margin-top:39px;padding-bottom:65px;width:100%}
	.favoriteWrap li{border-bottom:1px solid #dedede;padding:10px;box-sizing:border-box;float:left;width:100%}
	.favoriteWrap li > .thum{float:left;width:74px;border:1px solid #cbcbcb}	
	.favoriteWrap li dl.noImg{float:left;width:270px;margin-left:0px}
	.favoriteWrap li dl{float:left;width:200px;margin-left:10px}
	.favoriteWrap li dl dt{color:#189198}
	.favoriteWrap li dl dd{padding-top:5px;color:#666;font-size:0.9em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;  -webkit-box-orient: vertical; word-wrap:break-word;line-height: 1.3em; height: 2.4em; }
	.favoriteWrap li .del{float:right;display:block;width:30px;line-height:41px;padding-top:10px;text-align:right}

.areaPop{background:#f5f6f7;width:95%;border:2px solid #7b7e82;border-radius:3px;display:none;}
	.areaPop-close{position:absolute;right:5px;top:8px;display:block}
	.areaPopWrap{}
	.totalArea{float:left;border-bottom:1px solid #c8c9cc}
	.totalArea ul{margin:30px 0 10px;float:left}
	.totalArea ul li{width:20%;float:left;text-align:center;box-sizing:border-box}	
	.totalArea ul li span{border-bottom:2px solid #f5f6f7;border-radius:3px;display:inline-block}
	.totalArea ul li a{border:1px solid #f5f6f7;border-radius:3px;padding:5px 6px;display:block}
	.totalArea ul li.select span{border-bottom:2px solid #cbd3dd;border-radius:3px;display:inline-block}
	.totalArea ul li.select a{background:#00b0ba;color:#fff;border:1px solid #2d5688;border-radius:3px;display:block}

	.sectionArea{clear:both;padding:10px;float: left;width:100%;box-sizing:border-box;}
	.sectionArea{width:100%}
	.sectionAreaWrap{background:#4776aa;float:left;border-radius:3px;border:1px solid #2d5688;width: 100%; }
	.sectionAreaWrap p.areatitle{color:#fff;margin:10px 10px 0;border-bottom:1px solid #2d5688;padding-bottom:10px}
	.sectionAreaWrap ul{border-top:1px solid #5983b1;margin:0 10px}
	.sectionAreaWrap li{width:20%;float:left;text-align:center;font-size:0.8em;color:#aec5de;padding:6px 0}
	.sectionAreaWrap li a{font-weight:bold;color:#fff}


.addpop{background:#fff;width:95%;display:none}
	.close{position:absolute;right:10px;top:10px;font-size:1.3em;font-weight:bold;color:#8d8d8d;width:30px;height:30px;text-align:right;display:block}
	.addWrap{padding:10px;box-shadow:5px 5px 10px #383838;box-sizing:border-box;}
	.addWrap .addttx{padding:10px;box-sizing:border-box;font-size:0.9em;line-height:1.6em}


.delpop{background:#fff;width:65%;display:none;}
	.close{position:absolute;right:0;top:0;font-size:1.3em;font-weight:bold;color:#8d8d8d;width:40px;height:40px;text-align:center;display:block;padding-top:10px}
	.delWrap{text-align:center;box-shadow:5px 5px 10px #383838;box-sizing:border-box;padding:40px 0 30px;}
	.no{border:1px solid #cccccc;border-radius:3px;background:#f1f1f1;padding:5px 20px}
	.yes{border:1px solid #07969e;border-radius:3px;background:#00b0ba;padding:5px 25px;color:#fff !important}


/* ��ư*/

.twobtn{margin:4px 10px 0 0;line-height:27px;}
.btnwrap{border:1px solid #244c79;border-radius:20px;margin:0 auto;width:214px;background:#cfdaed;box-sizing:border-box;padding:1px}
.btnwrap a{width:105px;display:inline-block;text-align:center;box-sizing:border-box;color:#55767c}

.bigbutton {
	display: inline-block;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(255,255,255,.22);
	font: bold 12px/25px Arial, sans-serif;

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;

	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

.smallbutton {
	display: inline-block;
	position: relative;
	text-align: center;
	text-decoration: none;

	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px

	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

a.gray {
	
	color: #515151;

	background: #d3d3d3; /* Old browsers */
	background: -moz-linear-gradient(top,  #00b0ba 20%, #8a8a8a 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#00b0ba), color-stop(100%,00b0ba)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00b0ba 20%,00b0ba 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00b0ba 20%,00b0ba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00b0ba 20%,00b0ba 100%); /* IE10+ */
	background: linear-gradient(top,  #00b0ba 20%,00b0ba 100%); /* W3C */
}

.on {
	color: #fff !important;

	background: #70c9e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #00b0ba 0%, #009ca5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b0ba), color-stop(100%,#009ca5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #00b0ba 0%,#009ca5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #00b0ba 0%,#009ca5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #00b0ba 0%,#009ca5 100%); /* IE10+ */
	background: linear-gradient(top,  #00b0ba 0%,#009ca5 100%); /* W3C */
}

/*��Ʈ��*/

.owl-item{height:100%}

    #owl-demo .item{
        color: #FFF;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        text-align: center;
    }
    .customNavigation{
      text-align: center;
    }
    .customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    }


/*�����̵�*/
  #slides {display: none;clear:both;position:relative}
    #slides .slidesjs-navigation {
      margin-top:3px;
    }
    #slides .slidesjs-previous {
      position:absolute;top:40%;left:10px;
	  z-index:100;
    }
	#slides .slidesjs-next {
      position:absolute;top:40%;right:10px;
	  z-index:100;
      
    }
    .slidesjs-pagination {
	  position:absolute;bottom:10px; right:15px;
      list-style: none;
	  z-index:100;
    }
    .slidesjs-pagination li {
      float: left;
      margin: 0 2px;
    }
    .slidesjs-pagination li a {
      display: block;
      width: 8px;
      height: 0px;
      padding-top: 8px;
	  background:#fff;border-radius:8px;
      float: left;
      overflow: hidden;
    }
    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background:#00b0ba;border-radius:8px;
	  width:20px;

	  	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	transition: all 0.15s ease;
    }
    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }
    #slides a:link,
    #slides a:visited {
      color: #fff
    }
    #slides a:hover,
    #slides a:active {
      color: #fff
    }
    .navbar {
      overflow: hidden
    }

/* footer */
footer{position:fixed;bottom:0;width:100%;background:#2b343f;z-index:100}
	.footerNav{ float:left;text-align:center;line-height:45px; width:100%}
	.footerNav ul{width:100%}
	.footerNav li{width:17%;float:left;text-align:center;line-height:30px;font-size:0.9em}
	.footerNav li:last-child{width:15%}
	.footerNav li a{display:block;color:#7f858b}
	.footerNav li.over a{color:#fff}
	.footerNav li img{display:block;margin:10px auto 0;}
	


/*Back to top button */
.return-top{right:10px; bottom:85px; position:fixed; z-index:300;text-align:center;background:#ededed;border:1px solid #c5c5c5;border-radius:2px;vertical-align:middle;height:33px;display:none}

.span01 {display:inline-block;margin-top:3px;padding-top:3px;margin-left:-28px;text-overflow: ellipsis; white-space: nowrap; overflow: hidden;width:230px;}

/*320*/

@media all and (min-width:320px) and (max-width:350px){

	.recommendNav li{font-size:0.9em}
	.recommendList li dl{width:210px}

	.dataList li dl{width:160px}	
	.dataiconList li dl{float:left;width:160px;margin:5px 0 0 10px}

	.subtitle h3{font-size:1em}

	.SubjectAbsolute{}
	.absoluteScroll{}
	.areaabsoluteScroll{}	
	.areaallScroll{}
	.allScroll{}
	
	.recommendpst01{}

	.areasubWrap li dl.picdl{width:220px !important}

	.storyWrap .areaSubList li:nth-child(odd) .areattx{width:200px;}
	.storyWrap .areaSubList li:nth-child(even) .areattx{width:200px;}

	.favoriteWrap li dl.noImg{float:left;width:250px;margin-left:0px}
	.favoriteWrap li dl{width:180px}
	.sectionAreaWrap li{font-size:0.75em;}

	.searchListImgText{ width:190px;}
}

/*375*/

@media all and (min-width:375px) and (max-width:379px){
	.absoluteScroll{}
	.areaabsoluteScroll{}
	.allScroll{}
	.SubjectAbsolute{top:350px}
	.mainpd table td.box02 a dl dd,
	.mainpd table td.box03 a dl dd,
	.mainpd table td.box04 a dl dd,
	.mainpd table td.box05 a dl dd{font-size:0.9em}
	.areaallScroll{}

	.recommendpst01{}

	.storyWrap .areaSubList li:nth-child(odd) .areattx{width:255px;}
	.storyWrap .areaSubList li:nth-child(even) .areattx{width:255px;}

	.favoriteWrap li dl{width:235px}
	.favoriteWrap li dl.noImg{float:left;width:305px;margin-left:0px}

	.searchListImgText { width:245px;}

	.mainpd table td.box02 a.bg{height:179px;}
	.mainpd table td.box03 a.bg{height:179px;}
	.mainpd table td.box04 a.bg{height:179px;}
	.mainpd table td.box05 a.bg{height:179px;}
}

/*384*/

@media all and (min-width:380px) and (max-width:399px){

	.SubjectAbsolute{}
	.allScroll{}

	.mainpd table td.box02 a dl dd,
	.mainpd table td.box03 a dl dd,
	.mainpd table td.box04 a dl dd,
	.mainpd table td.box05 a dl dd{font-size:0.9em}

	.recommendpst01{}

	.storyWrap .areaSubList li:nth-child(odd) .areattx{width:260px;}
	.storyWrap .areaSubList li:nth-child(even) .areattx{width:260px;}

	.favoriteWrap li dl{width:240px}
	.favoriteWrap li dl.noImg{float:left;width:310px;margin-left:0px}

	.searchListImgText { width:250px;}

	.mainpd table td.box02 a.bg{height:125px;}
	.mainpd table td.box02 a .icon{width:60% !important;height:auto}

	.mainpd table td.box03 a.bg{height:125px;}
	.mainpd table td.box03 a .icon{width:60% !importan;height:autot}

	.mainpd table td.box04 a.bg{height:125px;}
	.mainpd table td.box04 a .icon{width:60% !important;height:auto}

	.mainpd table td.box05 a.bg{height:125px;}
	.mainpd table td.box05 a .icon{width:60% !important;height:auto}


}

/*400*/

@media all and (min-width:400px) and (max-width:409px){
	.absoluteScroll{}
	.areaabsoluteScroll{}
	.SubjectAbsolute{}
	.allScroll{}
	.recommendpst01{}

	.areasubWrap li dl.picdl{width:300px !important}
	.areaallScroll{}

	.storyWrap .areaSubList li:nth-child(odd) .areattx{width:270px;}
	.storyWrap .areaSubList li:nth-child(even) .areattx{width:270px;}

	.favoriteWrap li dl{width:250px}
	.favoriteWrap li dl.noImg{float:left;width:320px;margin-left:0px}

	.searchListImgText { width:260px;}

}

/*414*/
@media all and (min-width:410px) and (max-width:500px){

	.recommendList li dl{width:300px}

	.dataList li dl{width:160px}

	.subtitle h3{font-size:1em}

	.SubjectAbsolute{}
	.absoluteScroll{}
	.areaabsoluteScroll{}
	.areaallScroll{}
	.allScroll{}

	.mainpd table td.box02 a dl dd,
	.mainpd table td.box03 a dl dd,
	.mainpd table td.box04 a dl dd,
	.mainpd table td.box05 a dl dd{font-size:0.9em}

	.recommendpst01{}

	.storyWrap .areaSubList li:nth-child(odd) .areattx{width:290px;}
	.storyWrap .areaSubList li:nth-child(even) .areattx{width:290px;}

	.favoriteWrap li dl{width:260px}

	.searchListImgText { width:280px;}
	
	.mainpd table td.box02 a.bg{height:199px;}
	.mainpd table td.box03 a.bg{height:199px;}
	.mainpd table td.box04 a.bg{height:199px;}
	.mainpd table td.box05 a.bg{height:199px;}

}

@media all and (min-width:760px) and (max-width:800px){

.areasubWrap li dl.picdl{width:630px !important}
.areasubWrap li img.thum{width:100px;height:70px;margin-right:10px}


.recommendList li dl{width:630px !important}
.recommendList .thum{width:100px;height:70px}

.searchListImgText{width:640px}

.storyWrap .areaSubList li:nth-child(odd) .areattxnoImg{height:auto}
.storyWrap .areaSubList li:nth-child(even) .areattxnoImg{height:auto}
.storyWrap .areaSubList li:nth-child(even) .areattx{width:650px}
.storyWrap .areaSubList li:nth-child(odd) .areattx{width:650px}

.favoriteWrap li dl.noImg{width:700px;}
.favoriteWrap li > .thum{width:100px;}
.favoriteWrap li dl{width:600px}

.recommendpst01{top:605px;}


.flexslider .slides > li {height:450px !important;}
.flexslider .slides img {height:450px  !important;max-height:450px  !important;width:100%;max-width:768px  !important;}

.mainpd table td.box02 a.bg{height:296px}
.mainpd table td.box02 a .icon{width:289px;height:161px}
.mainpd table td.box02 a dl{padding:15px !important}
.mainpd table td.box02 a dt{font-size:1.5em}
.mainpd table td.box02 a dd{font-size:1em !important}

.mainpd table td.box03 a.bg{height:296px}
.mainpd table td.box03 a .icon{width:280px;height:144px}
.mainpd table td.box03 a dl{padding:15px !important}
.mainpd table td.box03 a dt{font-size:1.5em}
.mainpd table td.box03 a dd{font-size:1em !important}

.mainpd table td.box04 a.bg{height:296px}
.mainpd table td.box04 a .icon{width:202px;height:167px}
.mainpd table td.box04 a dl{padding:15px !important}
.mainpd table td.box04 a dt{font-size:1.5em}
.mainpd table td.box04 a dd{font-size:1em !important}

.mainpd table td.box05 a.bg{height:296px}
.mainpd table td.box05 a .icon{width:244px;height:131px}
.mainpd table td.box05 a dl{padding:15px !important}
.mainpd table td.box05 a dt{font-size:1.5em}
.mainpd table td.box05 a dd{font-size:1em !important}



.span01{width:500px}


}

/*x2*/
@media screen and (-webkit-device-pixel-ratio: 1.5) {
.title_detail .addiService li.add_share{background:url(../img/recommend/icon_sharex15.png) no-repeat center 3px;}
.title_detail .addiService li.add_pst{background:url(../img/recommend/icon_pstx15.png) no-repeat center 4px;}
.title_detail .addiService li.add_fav{background:url(../img/recommend/icon_favx15.png) no-repeat center 3px;}

	}


@media screen and (-webkit-device-pixel-ratio: 2) {

.title_detail .addiService li.add_share{background:url(../img/recommend/icon_sharex2.png) no-repeat center 3px;}
.title_detail .addiService li.add_pst{background:url(../img/recommend/icon_pstx2.png) no-repeat center 4px;}
.title_detail .addiService li.add_fav{background:url(../img/recommend/icon_favx2.png) no-repeat center 3px;}


	}