@charset "utf-8";

/***************************************************************************************************
																													common
***************************************************************************************************/
.container { position:relative; width:90%; max-width:1200px; height:100%; margin:0 auto; }
.hide { display:none; }
.w100p { width:100%; }
.h100p { height:100%; }
.floatLeft { float:left; }
.floatRight { float:right; }
.hide { display:none !important; }
.textOverflow { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.page_iframe { border:0; padding:0; margin:0; width:100%; }
/***************************************************************************************************
																													intro
***************************************************************************************************/
.intro { width:100%; height:100%; }
.intro_dummy { display:none; width:100%; }
.intro_text { position:absolute; top:61.934%; left:0; width:100%; }
.intro_text p { position:relative; width:69.615%; margin:0 auto; padding:10px; font-size:3.538vw; color:#fff; font-family:"SCDream3"; text-align:center; word-break:keep-all; background:rgba(22, 22, 22, 0.41); }
.intro_text p strong { font-family:"SCDream5"; }

/* Landscape layout (with min-width) */
@media screen and (orientation:landscape), screen and (min-aspect-ratio:3/4) {
	.intro { height:auto; }
	.intro_dummy { display:block; }
}

/***************************************************************************************************
																													main
***************************************************************************************************/
.main { position:relative; width:100%; height:100%; overflow:hidden; }
.main_dummy { display:none; width:100%; }
.main_subtitle { position:absolute; top:13%; left:34%; width:32%; text-align:center; z-index:9; }
.main_title { position:absolute; top:18%; left:10.5%; width:78%; text-align:center; z-index:9; }
.main_nav { position:absolute; top:43.45%; left:5.2%; width:89.6%; text-align:center; font-size:0; z-index:9; }
.main_nav li { position:relative; display:inline-block; text-align:center; vertical-align:top; }
.main_nav li.main_nav_seolem:before { content:""; position:absolute; top:-5%; left:5%; width:1px; height:110%; background:#fff; }
.main_nav li.main_nav_gnplus { /*width:24.56%;*/ width:47.233%; }
.main_nav li.main_nav_seolem { width:47.233%; }
.main_nav li img { display:inline-block; }
.main_nav li.main_nav_gnplus img { width:85.617%; margin-top:0; }
.main_nav li.main_nav_seolem img { width:64.570%; margin-top:0%; }
.main_nav li a { display:block; width:100%; height:100%; }
.main_hot { position:absolute; top:65.476%; left:9.08%; width:81.84%; z-index:9; }
.main_notice { position:absolute; top:60%; left:9.08%; width:81.84%; z-index:9; text-align:center; font-size:0; }
/*.main_notice a { color:#fff; }*/
.main_notice img { width:10%; vertical-align:top; margin-right:5px; }
.main_notice span { display:inline-block; width:calc(90% - 5px); margin-top:1%; font-size:4.3vw; color:#fff; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.main_sns { position:absolute; bottom:7.432%; left:9.08%; width:81.84%; font-size:0; text-align:center; z-index:9; }
.main_sns li { display:inline-block; width:13.5%; margin-left:2.6%; }
.main_sns li:first-child { width:15%; margin-left:0; margin-right:2.5%; }
.main_sns li:first-child img { margin-top:20%; }

.chk_logout { position:fixed; bottom:10px; right:10px; width:50px; height:50px; border:2px solid #FF9E00; line-height:20px; background:#f5f5f5; border-radius:50px; color:#000; text-align:center; z-index:999; }

/* Landscape layout (with min-width) */
@media screen and (orientation:landscape), screen and (min-aspect-ratio:3/4) {
	.main { height:auto; }
	.main_dummy { display:block; }
}

/***************************************************************************************************
																													list
***************************************************************************************************/
.newslist { position:relative; width:100%; border-top:2px solid #e5e5e5; padding-top:20px; }
.hot { padding-top:20px; }
.newslist li { position:relative; width:89.583%; height:100px; margin:0 auto 25px; }
.newslist li .list_thumb { position:absolute; top:0; left:0; max-width:143px; width:30%; }
.newslist li .list_category { position:absolute; top:0; left:35%;display:inline-block; margin:0 10px 0 0; font-size:16px; color:#fff; font-family:"Noto Sans KR"; font-weight:400; background:#FF9E00; padding:0 8px; }
.newslist li .list_category_gnplus { background:#FF9E00; }
.newslist li .list_category_seolem { background:#f6c5da; }
.newslist li .list_date { /*display:inline-block; margin-top:10px;*/ position:absolute; right:0; margin-right:0; font-size:14px; color:#888; font-family:"Noto Sans KR"; font-weight:400; }
.newslist li .list_hit { position:absolute; bottom:7px; right:0; display:inline-block; margin-top:0; font-size:14px; color:#888; font-family:"Noto Sans KR"; font-weight:400; }
.newslist li .list_hit u { text-decoration:none; }
.newslist li .list_title { clear:both; position:relative; top:30px; margin:0 0 0 35%; font-size:16px; color:#333; font-family:"Noto Sans KR"; font-weight:400; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 20px; height:42px; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-break:keep-all; }
.newslist li hr { position:absolute; bottom:0; right:0; width:calc(100% - 35%); height:1px; background:#efefef; border:none; }

.newslist li.sectionTitle { position:relative; width:100%; height:auto; padding:20px 5.2085% 20px; margin:0 auto 25px; background:#F5F5F5; border-top:1px solid #DADFE7; border-bottom:1px solid #DADFE7; }
.newslist li.sectionTitle p { font-size:14px; color:#505050; }
.newslist li.sectionTitle strong { font-size:18px; color:#000; margin-right:10px; }


.newslist li.no_thumb { position:relative; width:89.583%; height:40px; margin:0 auto 25px; }
.newslist li.no_thumb .list_category { position:absolute; top:0; left:0;display:inline-block; margin:0 10px 0 0; font-size:16px; color:#fff; font-family:"Noto Sans KR"; font-weight:400; background:#FF9E00; padding:0 8px; }
.newslist li.no_thumb .list_title { clear:both; position:relative; top:0; width:calc(100% - 60px) !important; margin:0 0 0 60px; font-size:16px; color:#333; font-family:"Noto Sans KR"; font-weight:400; overflow:hidden !important; white-space:nowrap !important; text-overflow:ellipsis !important; display:block; -webkit-line-clamp: none; -webkit-box-orient: none;}
.newslist li.no_thumb hr { position:absolute; bottom:0; right:0; width:100%; height:1px; background:#efefef; border:none; }

.newslist li hr { position:absolute; bottom:0; right:0; width:calc(100% - 35%); height:1px; background:#efefef; border:none; }

.newslist li.noimg.list_more_info .list_category { position:absolute; top:0; left:0 !important; }
.newslist li.list_more_info .list_date { display:inline-block; margin:0 0 0 0; }
.newslist li.list_more_info .list_hit { display:inline-block; }
.newslist li.list_more_info .list_title { }

.newslist li.noimg .list_category, 
.newslist li.noimg .list_title, 
.newslist li.noimg hr { position:relative; margin-left:0; }
.newslist li.noimg.list_more_info .list_date { /*padding-left:35%;*/ }
.newslist li.noimg hr { clear:both; width:100%; }
.newslist li.noimg .list_category { position:absolute; top:0; left:0 !important; }

.list ul.newslist:before,
.list ul.newslist:after { display:none; }

@media all and (min-width:566px){
	.newslist li .list_category { left:35%; }
	.newslist li .list_title { margin-left:35%; margin-top:0; }

	.newslist { width:89.583%; margin:0 auto; font-size:0; }
	.newslist li { clear:both; display:inline-block; position:relative; width:45%; margin:0 2.5% 25px 0; }
	.newslist li:nth-child(2n) { margin:0 0 25px 2.5%; }
}


/***************************************************************************************************
																													magazine
***************************************************************************************************/
.magazine { position:relative; width:100%; }
.magazine_nav { width:100%; height:50px; overflow-x:scroll; overflow-y:hidden; }
.magazine_nav nav { display:none; font-size:0; text-align:center; }
.magazine_nav nav.magazine_nav_gnplus { width:100%; }
.magazine_nav nav.magazine_nav_seolem { width:650px; }
.magazine_nav a { position:relative; display:inline-block; height:50px; margin-right:30px; padding-top:13px; font-size:16px; color:#000; font-family:"Noto Sans KR"; font-weight:400; }
/*.magazine_nav a:first-child { margin-left:30px; }
.magazine_nav a:last-child { margin-right:0; }*/
.magazine_nav a.current { color:#FF9E00; background:url("https://gochangnews.kr/image/sub/nav_dot_small.png") no-repeat center bottom 4px; }
.magazine_cover { position:relative; width:100%; border-top:2px solid #e5e5e5; background:#f5f5f5; font-size:0; }
	.magazine_cover_img { display:inline-block; margin:15px 0 0 25px; padding-bottom:25px; width:calc(40.534% - 25px) !important; max-width:213px !important; vertical-align:top; }
	.magazine_info { display:inline-block; margin:40px 0 0 25px; width:calc(59.466% - 50px); line-height:100%; }
		.magazine_title,
		.magazine_no,
		.magazine_index { line-height:29px; font-size:22px; color:#000; font-family:"Noto Sans KR"; font-weight:500; letter-spacing:-1px; }
		.magazine_no { display:inline-block; }
		.magazine_title u { text-decoration:none; }
		.magazine_date,
		.magazine_total,
		.magazine_hit { font-size:18px; color:#888; font-family:"Noto Sans KR"; font-weight:400; letter-spacing:-1px; }
		.magazine_date { display:inline-block; margin-top:24px; }
		.magazine_total { margin-top:20px; }
		.magazine_hit { margin-top:27px; }
		.magazine_date strong,
		.magazine_total strong,
		.magazine_hit strong { font-weight:400; }

.magazine_btns { position:relative; width:89.583%; height:52px; margin:10px auto 0; font-size:0; }
.magazine_btns a { float:left; display:flex; justify-content:center; align-items:center; width:49.5%; height:52px; text-align:center; background:#f5f5f5; }
.magazine_btns a:first-child { margin-right:1%; }
.magazine_btns a img { max-width:100%; max-height:100%; width:auto !important; }

.magazine_articles { clear:both; margin-top:20px; border-top:1px solid #e5e5e5; padding-top:20px; }
.magazine_articles .newslist { border:0; }
/***************************************************************************************************
																													detail
***************************************************************************************************/
.detail { position:relative; width:89.583%; margin:25px auto 0; }
.detail_category { display:inline-block; font-size:18px; color:#fff; font-family:"Noto Sans KR"; font-weight:400; background:#FF9E00; padding:0 25px; }
.detail_title { margin:15px 0 0 0; font-size:30px; color:#000; font-family:"Noto Sans KR"; font-weight:500; line-height:40px; word-break:keep-all; }
.detail_date { display:inline-block; margin:25px 20px 0 0; font-size:19px; color:#888; font-family:"Noto Sans KR"; font-weight:400; letter-spacing:-1px; }
.detail_hit { display:inline-block; margin:25px 0 0 0; font-size:19px; color:#888; font-family:"Noto Sans KR"; font-weight:400; letter-spacing:-1px; }
.detail_hit u { text-decoration:none; }
.detail_zoom { float:right; font-size:0; margin-top:22px; }
.detail_zoom li { display:inline-block; width:42px; height:42px; margin-right:10px; }
.detail_zoom li:last-child { margin-right:0; }
.detail_article { clear:both; position:relative; width:100%; margin-top:45px; padding-bottom:50px; font-size:19px; color:#000; font-family:"Noto Sans KR"; font-weight:400; line-height:1.5; }
.detail_article img { width:100%; }
.detail_speech { display:block; position:absolute; top:0; right:0; padding:10px; z-index:9; }
.detail_speech i { color:#FF9E00; }
.detail_srnd_btn { width:100%; font-size:0; padding-bottom:50px; }
.detail_srnd_btn li { width:48.8%; display:inline-block; }
.detail_srnd_btn li:first-child { margin-right:2.4%; }
.detail_srnd_btn li a { display:block; width:100%; height:100%; padding:10px 0; font-size:4.8vw; color:#fff; background:#C1B7AF; text-align:center; font-family:"Noto Sans KR"; font-weight:400; }

@media all and (max-width:410px){
	.detail_date { margin:25px 15px 0 0; }
	.detail_zoom li { width:35px; height:35px; margin-right:5px; }
}


/***************************************************************************************************
																													cardnews
***************************************************************************************************/
.cardnews_article { clear:both; position:relative; width:100%; margin:0 auto 0; font-size:19px; color:#000; font-family:"Noto Sans KR"; font-weight:400; line-height:30px; -webkit-box-shadow:0px 5px 5px 0 rgba(0, 0, 0, 0.3); }
.cardnews,
.cardnews_article,
.cardnews_article img { width:100%; height:100%; }

/***************************************************************************************************
																													previous
***************************************************************************************************/
.previous { position:relative; width:89.583%; margin:15px auto 0; font-size:0; }
.previous li { display:inline-block; width:47.917%; margin-right:2.083%; }
.previous li:nth-child(2n) { margin:0 0 0 2.083%; }
.previous li figure { border:1px solid #e8e8e8; }
.previous li p { margin-top:13px; padding-bottom:30px; font-size:19px; color:#666; font-family:"Noto Sans KR"; font-weight:700; line-height:24px; text-align:center; word-break:keep-all; }
.previous li p span {  }

/***************************************************************************************************
																													notice
***************************************************************************************************/
.notice_list { position:relative; width:100%; margin-top:0; border-top:2px solid #e5e5e5; }
.notice_list li { position:relative; width:89.583%; height:90px; margin:15px auto 20px; border-bottom:2px solid #e5e5e5; }
.notice_list .notice_list_date { display:block; position:absolute; top:0; left:0; font-size:20px; color:#FF9E00; font-weight:600; text-align:center; }
.notice_list .notice_list_title { display:block; margin:5px 0 0 80px; font-size:16px; color:#333; font-weight:600; }
.notice_list .notice_list_content { display:block; margin:5px 0 0 80px; font-size:14px; color:#333; font-weight:500; }
.notice_list .notice_list_hit { display:block; position:absolute; bottom:10px; right:0; font-size:14px; color:#888; font-weight:500; }

.notice_view_header { position:relative; width:100%; padding:15px 5.2085%; background:#f7f7f7; border-top:2px solid #ececec; border-bottom:1px solid #e8e8e8; }
.notice_view_title { display:block; margin-bottom:5px; font-size:15px; color:#000; font-weight:600; }
.notice_view_date { display:inline-block; font-size:14px; color:#888; font-weight:500; }
.notice_view_hit { display:inline-block; font-size:14px; color:#888; font-weight:500; }
.notice_view_content { position:relative; width:89.583%; margin:35px auto; font-size:16px; color:#000; font-weight:500; }
.notice_btn { position:relative; width:89.583%; margin:10px auto; text-align:right; }

/***************************************************************************************************
																													etc
***************************************************************************************************/
.splash { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#fff; z-index:999; }
.toast-text { margin:0 auto; }
.navbar{background:#F7F7F8;}
.navbar .title { text-align:center !important; width:100% !important;}
::-webkit-scrollbar { display:none; }


/***************************************************************************************************
																													event
***************************************************************************************************/
.event { position:relative; width:89.583%; margin:25px auto 0; }