.hotred { background:url('/tour/img/common/hot.png') center no-repeat #b63939; font-size:12px; } .hotgreen{ background:url('/tour/img/common/hot.png') center no-repeat #39b658; font-size:12px; } .hotmint{ background:url('/tour/img/common/hot.png') center no-repeat #16c3ad; /*#39b658;*/ font-size: 12px; width: 32px; display: inline-block; line-height: 1.75; border:1px solid #16c3ad; } .hotpink{ background:url('/tour/img/common/hot.png') center no-repeat #ed358f; /*#39b658;*/ font-size: 12px; width: 32px; display: inline-block; line-height: 1.6; } /* ------ NewsList : list - no image - vertical */ #sectionNewsL3 { /*padding:56px 0 30px 0;*/ background-color:#ffffff; } #sectionNewsL3 .title { font-size: 38px; color: #222; letter-spacing: -1.5px; font-weight: 500; margin-bottom:10px; } #sectionNewsL3 .more { position:absolute; width:48px; height:48px; right:0; top:0; background:url('/tour/img/common/more_home.png') center no-repeat; } #sectionNewsL3 .more a { display:inline-block; width:100%; height:100%; } #sectionNewsL3 .newslist { width:100%; } #sectionNewsL3 .newsline { width:100%; height:100%;display:flex; flex-wrap:wrap; } #sectionNewsL3 .newsline > div { position:relative; width: 100%; height: 100%; box-sizing: border-box; padding: 0 100px 0px 30px; /* min-height:145px;*/ /*border-left: 1px solid #e5e5e5;*/ border:1px solid #eee; margin-top:-1px; } #sectionNewsL3 .newsline .subj a{word-break:keep-all;padding-top:10px;font-size:17px;color:#000;letter-spacing:-1px;font-weight:500;line-height:1.5em;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis} #sectionNewsL3 .newsline .desc a{margin-top:5px;font-size:16px;color:#666;letter-spacing:-1px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis} #sectionNewsL3 .newsline .date{margin-top:5px; margin-bottom:10px; font-size:15px;color:#858585;font-weight:300;letter-spacing:-1px;position:relative}#sectionNews .dottitles{position:relative;display:inline-block;padding-right:15px;} #sectionNewsL3 .newsline .writer { font-size:15px;color:#858585; } #sectionNewsL3 .dottitles:before{content:"";display:inline-block;width:10px;height:10px;position:absolute;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} #sectionNewsL3 .dottitles01:before{background:#16c3ad;left:auto;right:0;top:auto;bottom:13px} #sectionNewsL3 .newsline span.nnew{position:absolute;left:73px;top:3px;background-color:#16c3ad;color:#fff;font-size:13px;display:inline-block;width:33px;height:16px;line-height:14px;text-align:center} #sectionNewsL3 .notice_title{display:inline-block;color:#111;font-size:24px; vertical-align:middle;font-family:ONE-Mobile-Title,"Noto Sans KR","Helvetica Neue","Apple SD Gothic Neo", "Malgun Gothic", dotum,sans-serif;font-weight:400} #sectionNewsL3 .notice_subtitle{display:inline-block;margin:0px 0 0 6px;color:#1f90ca; font-size:15px;font-weight:700;line-height:18px;vertical-align:middle} #sectionNewsL3 .moretab2{position:absolute;right:0;display:inline-block;width:26px;height:26px;text-align:right} #sectionNewsL3 .moretab2 a{display:inline-block;width:100%;height:100%} #sectionNewsL3 #NewsListStyle { right:0px; } #sectionNewsL3 .newsline .d_ymd { position:absolute; top:0; right:0; width:100px; height:100%; display:flex; align-items: center; justify-content: center; flex-flow: column; line-height: 1.1; } #sectionNewsL3 .newsline .d_ymd span { display:block; font-family:'Russo One'; font-size:16px; } #sectionNewsL3 .newsline .d_ymd .d_y { letter-spacing: 1.3px; padding-left: 2px; color:#cccccc; } /* ------ NewsList2 : list - no image - horizontal */ #sectionNews2 { /*padding:56px 0 30px 0;*/ background-color:#ffffff; } #sectionNews2 .title { font-size: 38px; color: #222; letter-spacing: -1.5px; font-weight: 500; margin-bottom:10px; } #sectionNews2 .more { position:absolute; width:48px; height:48px; right:0; top:0; background:url('/tour/img/common/more_home.png') center no-repeat; } #sectionNews2 .more a { display:inline-block; width:100%; height:100%; } #sectionNews2 .newslist { width:100%; } #sectionNews2 .newsline { width:100%; height:100%; /*margin-left:-30px;*/ display:flex; flex-wrap:wrap; } #sectionNews2 .newsline > div { width: 25%; height: 100%; box-sizing: border-box; padding: 0 30px; min-height:145px; /*border-left: 1px solid #e5e5e5;*/ } /*#sectionNews2 .newsline div:first-child { border-left-width: 0px; }*/ #sectionNews2 .newsline .subj a{word-break:keep-all;padding-top:10px;font-size:17px;color:#000;letter-spacing:-1px;font-weight:500;line-height:1.5em;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis} #sectionNews2 .newsline .desc a{margin-top:5px;font-size:16px;color:#666;letter-spacing:-1px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis} #sectionNews2 .newsline .date{margin-top:10px;font-size:15px;color:#858585;font-weight:300;letter-spacing:-1px;position:relative}#sectionNews2 .dottitles{position:relative;display:inline-block;padding-right:15px} #sectionNews2 .dottitles:before{content:"";display:inline-block;width:10px;height:10px;position:absolute;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} #sectionNews2 .dottitles01:before{background:#16c3ad;left:auto;right:0;top:auto;bottom:13px} #sectionNews2 .newsline span.nnew{position:absolute;left:73px;top:3px;background-color:#16c3ad;color:#fff;font-size:13px;display:inline-block;width:33px;height:16px;line-height:14px;text-align:center} #sectionNews2 .notice_title{display:inline-block;color:#111;font-size:24px; vertical-align:middle;font-family:ONE-Mobile-Title,"Noto Sans KR","Helvetica Neue","Apple SD Gothic Neo", "Malgun Gothic", dotum,sans-serif;font-weight:400} #sectionNews2 .notice_subtitle{display:inline-block;margin:0px 0 0 6px;color:#1f90ca; font-size:15px;font-weight:700;line-height:18px;vertical-align:middle} #sectionNews2 .moretab2{position:absolute;right:0;display:inline-block;width:26px;height:26px;text-align:right} #sectionNews2 .moretab2 a{display:inline-block;width:100%;height:100%} /* ------ NewsList3 : list - image - vertical */ #sectionNewsL1 { /*padding:56px 0 30px 0;*/ background-color:#ffffff; } #sectionNewsL1 .title { font-size: 38px; color: #222; letter-spacing: -1.5px; font-weight: 500; margin-bottom:10px; } #sectionNewsL1 .more { position:absolute; width:48px; height:48px; right:0; top:0; background:url('/tour/img/common/more_home.png') center no-repeat; } #sectionNewsL1 .more a { display:inline-block; width:100%; height:100%; } #sectionNewsL1 .newslist { width:100%; } #sectionNewsL1 .newsline { width:100%; height:100%; /*margin-left:-30px;*/ display:flex; flex-wrap:wrap; } #sectionNewsL1 .newsline > div { width: 100%; height: 100%; box-sizing: border-box; padding-left:190px; padding-right:20px; min-height:153px; /*border-left: 1px solid #e5e5e5;*/ border:1px solid #eee; margin-top:-1px; position:relative;} #sectionNewsL1 .newsline .itemimg { position:absolute;width:150px;height:100px;top:26px;left:20px; overflow:hidden; } #sectionNewsL1 .newsline .itemimg a { display:inline-block; width:100%; height:100%; } #sectionNewsL1 .newsline .itemimg img{transition-duration:.4s;-webkit-transition-duration:.4s} #sectionNewsL1 .newsline > div:hover img{transform:scale(1.08);-webkit-transform:scale(1.08)} #sectionNewsL1 .newsline .subj a{word-break:keep-all;padding-top:20px;font-size:17px;color:#000;letter-spacing:-1px;font-weight:500;line-height:1.5em;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis} #sectionNewsL1 .newsline .desc a{margin-top:5px;font-size:16px;color:#666;letter-spacing:-1px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis} #sectionNewsL1 .newsline .date{margin-top:10px; margin-bottom:20px; font-size:15px;color:#858585;font-weight:300;letter-spacing:-1px;position:relative}#sectionNewsL1 .dottitles{position:relative;display:inline-block;padding-right:15px;} #sectionNewsL1 .newsline .writer { font-size:15px;color:#858585; } #sectionNewsL1 .dottitles:before{content:"";display:inline-block;width:10px;height:10px;position:absolute;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} #sectionNewsL1 .dottitles01:before{background:#16c3ad;left:auto;right:0;top:auto;bottom:13px} #sectionNewsL1 .newsline span.nnew{position:absolute;left:73px;top:3px;background-color:#16c3ad;color:#fff;font-size:13px;display:inline-block;width:33px;height:16px;line-height:14px;text-align:center} #sectionNewsL1 .notice_title{display:inline-block;color:#111;font-size:24px; vertical-align:middle;font-family:ONE-Mobile-Title,"Noto Sans KR","Helvetica Neue","Apple SD Gothic Neo", "Malgun Gothic", dotum,sans-serif;font-weight:400} #sectionNewsL1 .notice_subtitle{display:inline-block;margin:0px 0 0 6px;color:#1f90ca; font-size:15px;font-weight:700;line-height:18px;vertical-align:middle} #sectionNewsL1 .moretab2{position:absolute;right:0;display:inline-block;width:26px;height:26px;text-align:right} #sectionNewsL1 .moretab2 a{display:inline-block;width:100%;height:100%} #sectionNewsL1 #NewsListStyle { right:0px; } /* ------ NewsList4 : list - image - horizontal */ #sectionNewsL2 { /*padding:56px 0 30px 0;*/ background-color:#ffffff; } #sectionNewsL2 .title { font-size: 38px; color: #222; letter-spacing: -1.5px; font-weight: 500; margin-bottom:10px; } #sectionNewsL2 .more { position:absolute; width:48px; height:48px; right:0; top:0; background:url('/tour/img/common/more_home.png') center no-repeat; } #sectionNewsL2 .more a { display:inline-block; width:100%; height:100%; } #sectionNewsL2 .newslist { width:100%; } #sectionNewsL2 .newsline { width:100%; height:100%; /*margin-left:-30px;*/ display:flex; flex-wrap:wrap; } #sectionNewsL2 .newsline > div { width: 25%; height: 100%; box-sizing: border-box; padding: 0 30px; min-height:315px; margin-bottom:25px; /*border-left: 1px solid #e5e5e5;*/ } #sectionNewsL2 .newsline .itemimg { width:100%;height:185px; overflow:hidden; } #sectionNewsL1 .newsline .itemimg a { display:inline-block; width:100%; height:100%; } #sectionNewsL2 .newsline .itemimg img{transition-duration:.4s;-webkit-transition-duration:.4s} #sectionNewsL2 .newsline > div:hover img{transform:scale(1.08);-webkit-transform:scale(1.08)} #sectionNewsL2 .newsline .subj a{word-break:keep-all;padding-top:10px;font-size:17px;color:#000;letter-spacing:-1px;font-weight:500;line-height:1.5em;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis} #sectionNewsL2 .newsline .desc a{margin-top:5px;font-size:16px;color:#666;letter-spacing:-1px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis} #sectionNewsL2 .newsline .date{text-align:center;font-size:15px;color:#858585;font-weight:300;letter-spacing:-1px;position:relative; margin-top:5px; } #sectionNewsL2 .dottitles{position:relative;display:inline-block;padding-right:15px} #sectionNewsL2 .dottitles:before{content:"";display:inline-block;width:10px;height:10px;position:absolute;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} #sectionNewsL2 .dottitles01:before{background:#16c3ad;left:auto;right:0;top:auto;bottom:13px} #sectionNewsL2 .newsline span.nnew{position:absolute;left:73px;top:3px;background-color:#16c3ad;color:#fff;font-size:13px;display:inline-block;width:33px;height:16px;line-height:14px;text-align:center} #sectionNewsL2 .notice_title{display:inline-block;color:#111;font-size:24px; vertical-align:middle;font-family:ONE-Mobile-Title,"Noto Sans KR","Helvetica Neue","Apple SD Gothic Neo", "Malgun Gothic", dotum,sans-serif;font-weight:400} #sectionNewsL2 .notice_subtitle{display:inline-block;margin:0px 0 0 6px;color:#1f90ca; font-size:15px;font-weight:700;line-height:18px;vertical-align:middle} #sectionNewsL2 .moretab2{position:absolute;right:0;display:inline-block;width:26px;height:26px;text-align:right} #sectionNewsL2 .moretab2 a{display:inline-block;width:100%;height:100%} #sectionNewsL2 .notice_title { padding-left:30px; } #sectionNewsL2 #NewsListStyle { right:30px; } #NewsListStyle { position:absolute; top:0; width:105px; height:30px; text-align:right; } #NewsListStyle span { display:inline-block; width:30px; height:30px; border:1px solid #d4d7de; cursor:pointer; background-color:#ffffff; opacity:0.6; } #NewsListStyle #L1 { background-image:url('/tour/img/common/L1.png'); background-position:center; background-repeat:no-repeat; } #NewsListStyle #L2 { background-image:url('/tour/img/common/L2.png'); background-position:center; background-repeat:no-repeat; } #NewsListStyle #L3 { background-image:url('/tour/img/common/L3.png'); background-position:center; background-repeat:no-repeat; } #NewsListStyle span.on { background-color:#f1f1f1; } #contentStory a { border: 1px solid #eee; padding: 1px 5px; font-size: 14px; margin-top: 5px; display: inline-block; color: green; } .cpright { font-size:13px; color:#777; margin-bottom:20px; text-align:center; } .cpright2 { margin-bottom:0;margin-top:15px;text-align:right;color:#afa3a3;font-size:13px; } span.listCatName { /*display: inline-block;*/ color: #3db39e; font-weight: 500; font-size: 14px; letter-spacing: 0px; border: 1px solid #c3e0db; padding: 0px 10px; line-height: 1.5; } .titTopCat {text-align: center;} .titTopCat span { display:inline-block; color: #3db39e; font-weight: 700; font-size: 14px; letter-spacing: 0px; margin-top: 30px; margin-bottom: 5px; border:1px solid #3db39e; padding:1px 10px; } .editor { width:100%; background-color:#fafafa; padding:23px 20px 20px 40px; position:relative; margin-top:20px; font-family: 'S-CoreDream-4Regular'; font-size:13px; background-image:url('../KR/img/writer.png'); background-repeat:no-repeat; background-position: 21px center; } .editor p { width:50%; float:left; } .editor span { color:#639f79; } .editor .writedate { text-align:right; } .snsishareBoxH{display:none;position:absolute;top:0;right:43px;width:260px;height:42px;padding-top:4px} .snsishareBoxV{ padding-top:4px; width:40px; height:260px;} .snsishareBoxVouter { position:absolute; top:190px; left:-120px; } .snsishareBoxV a { display:inline-block; margin-left:2px; margin-bottom:4px; opacity:0.1; } .snsishareBoxV a:hover { opacity:1.0; } .snsBtn1000 { position:absolute; width:140px; top:3px; right:15px; height:48px; text-align:right; z-index:3; } #fontsize { position:fixed; top: 280px; right:15px; width:60px; height:100px; } #fontsize p { border:1px solid #eee; margin-top:-1px; text-align:center; font-size:14px; padding: 8px 2px 5px 2px; cursor:pointer; } #fontsize .default { font-family: 'S-CoreDream-4Regular'; font-size:12px; padding:8px 2px; } /* ------ NewsList3_Prev : list - image - vertical */ .sectionNewsL1_Prev { background-color:#ffffff; } .sectionNewsL1_Prev .title { font-size: 38px; color: #222; letter-spacing: -1.5px; font-weight: 500; margin-bottom:10px; } .sectionNewsL1_Prev .more { position:absolute; width:48px; height:48px; right:0; top:0; background:url('/tour/img/common/more_home.png') center no-repeat; } .sectionNewsL1_Prev .more a { display:inline-block; width:100%; height:100%; } .sectionNewsL1_Prev .newslist { width:100%; } .sectionNewsL1_Prev .newsline { width:100%; height:100%; /*margin-left:-30px;*/ display:flex; flex-wrap:wrap; } .sectionNewsL1_Prev .newsline > div { width: 100%; height: 100%; box-sizing: border-box; padding: 0 20px; min-height:132px; /*border-left: 1px solid #e5e5e5;*/ border:1px solid #eee; margin-top:-1px; padding-left:170px;position:relative;} .sectionNewsL1_Prev .newsline .itemimg { position:absolute;width:136px;height:100px;top:14px;left:15px; overflow:hidden; } .sectionNewsL1_Prev .newsline .itemimg a { display:inline-block; width:100%; height:100%; } .sectionNewsL1_Prev .newsline .itemimg img{transition-duration:.4s;-webkit-transition-duration:.4s} .sectionNewsL1_Prev .newsline > div:hover img{transform:scale(1.08);-webkit-transform:scale(1.08)} .sectionNewsL1_Prev .newsline .subj a{word-break:keep-all;padding-top:15px;font-size:16px;color:#000;letter-spacing:-1px;font-weight:500;line-height:1.5em;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis} .sectionNewsL1_Prev .newsline .desc a{font-size:15px;color:#666;letter-spacing:-1px;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis} .sectionNewsL1_Prev .newsline .date{margin-top:3px; margin-bottom:15px; font-size:14px;color:#858585;font-weight:300;letter-spacing:-1px;position:relative}.sectionNewsL1_Prev .dottitles{position:relative;display:inline-block;padding-right:15px;} .sectionNewsL1_Prev .newsline .writer { font-size:15px;color:#858585; } .sectionNewsL1_Prev .dottitles:before{content:"";display:inline-block;width:10px;height:10px;position:absolute;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px} .sectionNewsL1_Prev .dottitles01:before{background:#16c3ad;left:auto;right:0;top:auto;bottom:13px} .sectionNewsL1_Prev .newsline span.nnew{position:absolute;left:73px;top:3px;background-color:#16c3ad;color:#fff;font-size:13px;display:inline-block;width:33px;height:16px;line-height:14px;text-align:center} .sectionNewsL1_Prev .notice_title{display:inline-block;color:#111;font-size:24px;line-height:26px;vertical-align:middle;font-family:ONE-Mobile-Title,"Noto Sans KR","Helvetica Neue","Apple SD Gothic Neo", "Malgun Gothic", dotum,sans-serif;font-weight:400} .sectionNewsL1_Prev .notice_subtitle{display:inline-block;margin:2px 0 0 6px;color:#1f90ca; font-size:12px;font-weight:700;line-height:18px;vertical-align:middle} .sectionNewsL1_Prev .moretab2{position:absolute;right:0;display:inline-block;width:26px;height:26px;text-align:right} .sectionNewsL1_Prev .moretab2 a{display:inline-block;width:100%;height:100%} @media (max-width:1000px){ #sectionNewsL1,#sectionNewsL3,#sectionNewsL2 {padding: 0px 0 20px 0;} #sectionNewsL2 .newsline > div {padding: 0 15px;} #sectionNewsL2 .notice_title { padding-left:15px; } #sectionNewsL2 #NewsListStyle { right:15px; } #sectionNewsL2 .newsline .itemimg {height: 140px; } #sectionNewsL2 .newsline > div { min-height: 276px; } #fontsize { position: absolute; top: 6px; right: auto; left:15px; width: 130px; height: 30px; z-index:2; } #fontsize p { border: 1px solid #eee; margin-top: -1px; text-align: center; font-size: 14px; padding: 6px 8px 2px 8px; cursor: pointer; float: left; margin-left: -1px; } .snsBtn { width:35px; height:35px; } .snsishareBoxH{top:-5px;} .titTopCat span { margin-top:10px; } .topMenuBoxnew .topMenuA a span:first-child { margin-top: 19px; } } @media (max-width:800px){ #sectionNewsL2 .newsline > div { width: 33.33333%; } .editor p { width: 100%; float: none; } .editor .writedate { text-align:left; } .editor { padding: 18px 15px 15px 15px; background-image: none; } } @media (max-width:600px){ #sectionNewsL1 .newsline .itemimg { width: 100px; height: 80px; left:10px; } #sectionNewsL1 .newsline > div { padding-left: 120px; padding-right:10px; } #sectionNewsL1 .newsline .subj a {padding-top: 10px;} #sectionNewsL1 .newsline .date { margin-top: 5px; margin-bottom: 10px; } .sectionNewsL1_Prev .newsline .itemimg { width: 100px; height: 80px; left:10px; } .sectionNewsL1_Prev .newsline > div { padding-left: 120px; padding-right:10px; } .sectionNewsL1_Prev .newsline .subj a {padding-top: 10px;} #sectionNewsL2 .newsline > div { width: 50%; } #sectionNewsL3 .newsline > div { padding: 0 80px 0px 15px; } #sectionNewsL3 .newsline .d_ymd { width:80px; } #sectionNewsL1 .newsline .subj a , #sectionNewsL2 .newsline .subj a , #sectionNewsL3 .newsline .subj a { font-size: 16px; } #sectionNewsL1 .newsline .desc a , #sectionNewsL2 .newsline .desc a , #sectionNewsL3 .newsline .desc a { font-size: 15px; } } @media (max-width:500px){ #sectionNewsL3 .newsline > div { padding: 0 15px 0px 15px; } } @media (max-width:400px){ #sectionNewsL2 .newsline { padding-left:10px; padding-right:10px; } #sectionNewsL2 .newsline > div {padding: 0 5px;} #sectionNewsL2 .newsline > div { margin-bottom: 15px; } }