@charset 'utf-8';
.row {}
.row .col {display: flex; align-items: center;}

/* ARTICLES */
.article {padding:0 0 0 0; position: relative; top: -147px;}
.article .top_wrap {display: flex; width:100%; align-items: stretch; gap:22px; padding-bottom:80px; border-bottom:1px solid #a8afc0; margin-bottom:60px; justify-content: space-between;}
.article .top_wrap .area_lft {flex: 1 1 calc(50% - 160px); margin-top: 220px;}
.article .top_wrap a {display: block; height:100%;}
.article .top_wrap .area_rgh {flex:1 1 50%; max-width: 920px; height:580px;}
.article .top_wrap .area_rgh .img_wrap {overflow: hidden; border-radius: 5px; max-width: 920px; height:100%;}
.article .top_wrap .area_rgh img  {width:100%; height:100% !important; object-fit:cover; }
.article .top_wrap .tit {font-size:2.11em; font-weight: 600; color:#091a46; line-height: 1.263em; padding-bottom:4px; margin-bottom:18px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.article .top_wrap .tit span {background-image: linear-gradient(90deg, #0068b6, #0068b6);    background-position: 0 100%; background-repeat: no-repeat; background-size: 0 2px; transition: background-size .6s ease-in-out 0s;}
.article .top_wrap a:hover .tit span {background-size: 100% 2px;}
.article .top_wrap .area_lft  p {color:#091a46; margin-bottom:47px; overflow: hidden; text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-weight: 500;}
.article .top_wrap .writer {color:#1b2d5a; font-weight: 600;  display: flex; gap:20px; margin-bottom:24px;}
.article .top_wrap .writer .img_wrap {border-radius: 100%; overflow: hidden; width:49px; height:49px;}
.article .top_wrap .writer .img_wrap img {height:100% !important;}
.article .top_wrap .writer span {}
.article .top_wrap .writer p {}
.article .top_wrap .date {color:#8c8e94; font-size:0.88em;}
.article .bt_wrap {display: flex; gap:80px; width:100%; }
.article .bt_wrap .area_lft {flex:0 0 300px;} 
.article .bt_wrap .area_rgh  {flex:1 1 100%;} 
.article .bt_wrap .area_lft h3 {margin-bottom:30px; color:#1b2d5a; font-weight: 700; font-size:1.6666em;}
.article .bt_wrap .cate_wrap {width:300px; }
.article .bt_wrap .cate_wrap li {margin-bottom:10px;}
.article .bt_wrap .cate_wrap label {display: flex; align-items: center;}
.article .bt_wrap .cate_wrap .count {color:#626776; font-size:0.875em; margin-left:10px;  border:1px solid #cacbcf; border-radius: 5px; padding:3px 4px 3px 4px; line-height: 1em;}
.article .board_search .search_g input[type="text"] {height:48px; font-weight: 300; position: relative; width:260px; border:none; border-bottom:1px solid #b5b7bb; color:#939393; padding:15px 45px 18px 40px;background:url('../images/common/icon_topSearch.png')  left no-repeat; }
.article .board_search .search_g input::placeholder {color:#a8aaaf;}
.article .board_search .search_g label {display: none;}
.article .board_search .keyword {margin-top:20px;}
.article .board_search .keyword ul {display: flex; gap:6px; flex-wrap: wrap;}
.article .board_search .keyword ul li {background:#ebebeb; border-radius: 30px; padding:0 4px 4px 16px; color:#091a46; font-size:0.8888em; height: 31px;}
.article .board_search .keyword .del {background:url('../images/common/icon_del.png') center no-repeat #fff; display: inline-block; width:24px; height:24px; border-radius: 100%; vertical-align: text-bottom; margin:3px 0 0 17px; cursor: pointer;}
.article .board_search .m_cate {display: none;background:url('../images/common/btn_mCate.png') center no-repeat #fff; background-size:contain; width:40px; height:40px;}
.article .board_wrap {margin-top:25px; display: flex; gap: 0 47px; flex-wrap: wrap; min-height:calc(100vh - 99px);}
.article .board_wrap .item {flex:0 0 calc(25% - 36px);}
.article .board_wrap .item a:hover .img_wrap img {transform: scale(1.05); -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.article .item .tit {margin-top:38px; color:#1b2d5a; font-weight: 700; font-size:1.333em; line-height: 1.25em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.45em;}
.item .tit span {background-image: linear-gradient(90deg, #0068b6, #0068b6);    background-position: 0 100%; background-repeat: no-repeat; background-size: 0 2px; transition: background-size .6s ease-in-out 0s;}
.item a:hover .tit span {background-size: 100% 2px;}
.article .item .writer {color:#1b2d5a; font-size:0.88em; display: flex; flex-direction: column; margin-top:20px;}
.article .item .date {color:#8c8e94; font-size:0.88em;margin:20px 0 65px 0;}

/*    카테고리 */
#cate_bg{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:#2f3544; opacity: .5; z-index: 999;}
#m_catemenu .modal_close { display:block; position:absolute; width:20px; height:20px; right:30px; top:30px; background: url(../images/common/btn_cateClose.png) no-repeat; background-size:contain; z-index: 999; cursor: pointer;}
#m_catemenu {display:none; position: fixed; right:0; top:0; width:80%; height:100vh; background: #fff; z-index: 9991;}
#m_catemenu .wrapper {padding:25px 15px; width:100%;}
#m_catemenu h3 {margin-bottom:30px; color:#1b2d5a; font-weight: 700; font-size:1.6666em;}
#m_catemenu .cate_wrap {height:calc(100vh - 210px);}
#m_catemenu .cate_wrap li {margin-bottom:10px;}
#m_catemenu .cate_wrap label {display: flex; align-items: center;}
#m_catemenu .cate_wrap .count {color:#626776; font-size:0.875em; margin-left:10px;  border:1px solid #cacbcf; border-radius: 5px; padding:3px 4px 3px 4px; line-height: 1em;}
#m_catemenu .btn_wrap {width:100%; margin-top:15px;}
#m_catemenu .btn_wrap button {background:#0068b6; color:#fff; text-align: center; width:100%; border-radius: 5px; padding:15px 0; font-weight: 700;}

.article_detail .inner {max-width: 1440px; }
.article_detail .detail_top {display: flex; flex-direction: column; align-items: center; text-align: center;}
.article_detail .detail_top .btn_back {position: absolute; left:0;}
.article_detail .detail_top .btn_back a {background:#0068b6; color:#fff; font-size:0.888em; font-weight: 600; text-decoration: underline; border-radius: 5px; padding:5px 11px;}
.article_detail .detail_top .btn_back a::before {content: ''; display: inline-block; width:6px; height:9px; background:url('../images/common/icon_back.png') center no-repeat; margin-right:9px;}
.article_detail .detail_top .cate {display: inline-block; background:#0068b6; color:#fff; font-weight:600; border-radius: 30px; padding:5px 20px; margin-top:52px;}
.article_detail .detail_top .tit {font-size:2.11em; color:#091a46;  font-weight: 700; line-height: 1.263em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;margin-top:30px; }
.article_detail .detail_top .writer {color:#1b2d5a; font-weight: 600; display: flex; gap:20px; line-height: 24px; margin-top:45px;}
.article_detail .detail_top .writer .img_wrap {width:49px; height:49px; border-radius: 100%; overflow: hidden;}
.article_detail .detail_top .writer span {display: block;}
.article_detail .detail_top .date {color:#8c8e94; font-size:0.88em; margin-top:25px;}
.article_detail .detail_top .keyword {}
.article_detail .detail_top .keyword ul {display: flex; gap:10px; margin-top:65px;}
.article_detail .detail_top .keyword ul li {background:#ebebeb; border-radius: 30px; padding:3px 16px 4px 16px; color:#091a46; font-size:0.8888em;}

.article_detail .detail_con {margin-top:50px;}
.article_detail h4 {font-weight: 700; color:#091a46; }
.article_detail .detail_con h4 {margin:80px 0 20px 0;}
.article_detail .detail_con .img_wrap {margin:0 0 80px 0; display: flex; justify-content: center;}
.article_detail .detail_con .img_wrap img {margin:0 auto;}
.article_detail .relate_wrap h4 {margin:100px 0 0 0;}
.article_detail .detail_con .txt_wrap {line-height: 1.4444em; color:#091a46; max-width: 1000px; margin: 0 auto;}
.article_detail .detail_con .coment {position: relative; color:#3f4659; background:#f2f2f2; border-radius: 10px; padding:70px 140px 40px 140px; display: flex; justify-content: center; margin-top:125px;}
.article_detail .detail_con .coment .img_wrap {width:49px; height:49px; border-radius: 100%; overflow: hidden; position: absolute; width:89px; height:89px; top:-40px; display: block;}

/*
.article_detail .detail_con .coment::before {
	content: ''; 
	display: inline-block; 
	position: absolute; 
	width:82px; 
	height:82px; 
	top:-40px; 
	background:url('../images/common/icon_member.png') center no-repeat;
}
*/

.article_detail .relate_wrap .relate {}
.article_detail .relate_wrap .item {width:100%; border-bottom:1px solid #e2e2e2; padding:20px 0;}
.article_detail .relate_wrap .item .img_wrap {flex:0 0 205px; height:190px;}
.article_detail .relate_wrap .item a {display: flex; gap:90px; align-items: center;}

/* 게시판 기본 레이아웃 */
.sub_wrap .item .img_wrap {border-radius: 5px; overflow: hidden; height:260px;  -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.sub_wrap .item .tit {color:#1b2d5a; font-weight: 700; font-size:1.333em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sub_wrap .item img  {width:100%; height:100% !important; object-fit:cover; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.sub_wrap .item a:hover .img_wrap {background-size:110%;}
.sub_wrap .item a:hover img  {transform: scale(1.05) ;}
.sub_wrap .item .txt {color:#1b2d5a; font-size:0.88em; margin-top:20px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.sub_wrap .item .date {color:#8c8e94; font-size:0.88em;}

/* TOPIC */
.topic {}
.topic .top_wrap {display: flex; position: relative;}
.topic .top_wrap .item {flex:0 0 50%; padding:0 30px 30px 0; border-right:1px solid #dadde4;}
.topic .top_wrap .item:last-child {padding:0 0 30px 30px; border:none;}
.topic .top_wrap .item .img_wrap {height:650px;}
.topic .top_wrap .item .txt_wrap {display: flex; align-items: center; justify-content: space-between; margin:40px 0 10px 0;}
.topic .top_wrap .item .txt_wrap .tit {-webkit-line-clamp:2; height:87px; font-size:1.66em; line-height: 1.45em;}
.topic .bt_wrap {display: flex; flex-wrap: wrap; border-top:1px solid #dadde4; border-bottom:1px solid #dadde4;}
.topic .top_wrap .item .btn_wrap {flex:0 0 150px; justify-content: flex-end}

.topic .bt_wrap .item {flex:0 0 50%; padding:30px 0 30px 30px; border-bottom:1px solid #dadde4;}
.topic .bt_wrap .item:nth-child(odd) { padding:30px 30px 30px 0; border-right:1px solid #dadde4;}
.topic .bt_wrap .item:nth-last-child(-n+2){border-bottom:none;}
.topic .bt_wrap .item a {display: flex; align-items: center; justify-content: space-between;  gap:40px;}
.topic .bt_wrap .item .img_wrap {width:100%; height:270px; flex:0 0 40%;  max-width: 320px;}
.topic .bt_wrap .item .txt_wrap {flex:1 1 auto;}
.topic .bt_wrap .item .btn_wrap {flex:0 0 150px; justify-content: flex-end}
.topic .btn_wrap button {position: relative; border:1px solid #bccfe5; border-radius: 5px; font-weight: 600; color:#0068b6; text-decoration: underline; font-size:0.888em; padding:7px 12px 11px 11px; -webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.topic  a:hover .btn_wrap button {border:1px solid #0068b6; background:#0068b6; color:#fff;}
.topic .btn_wrap button::after {content: ''; display: inline-block; width:6px; height:9px; background:url('../images/common/btn_arrowB.png') center no-repeat; margin-left:10px;}
.topic  a:hover .btn_wrap button::after {background:url('../images/common/btn_arrowW.png') center no-repeat;}

.topic_detail {padding:0 0 150px 0;}
.topic_detail .top_wrap {background: url(../images/common/bg_topic.png) #1a1b26 no-repeat; border-radius: 5px; overflow: hidden; margin-bottom:40px;}
.topic_detail .top_wrap .img_wrap {flex:0 0 50%; height:100%; margin:20px 20px 20px 0; height:460px; border-radius: 10px; overflow: hidden;}
.topic_detail .top_wrap .txt_wrap {padding:80px; flex:0 0 50%;}
.topic_detail .top_wrap .btn_back a {background:#0068b6; color:#fff; font-size:0.888em; font-weight: 600; text-decoration: underline; border-radius: 5px; padding:5px 11px; }
.topic_detail .top_wrap .btn_back a::before {content: ''; display: inline-block; width:6px; height:9px; background:url('../images/common/icon_back.png') center no-repeat; margin-right:9px;} 
.topic_detail .top_wrap .item {display: flex; flex-direction: row-reverse; gap:20px; align-items: center;}
.topic_detail .top_wrap .tit {color:#fff;margin-top:60px; font-size:2.333em; -webkit-line-clamp: 3; line-height: 1.142em; height:140px;}
.topic_detail .top_wrap .txt {color:#fff; margin-top:80px; font-size:1em;}

.topic_detail .bt_wrap {border-top:1px solid #dadde4;}
.topic_detail .bt_wrap .item {border-bottom:1px solid #dadde4; padding:30px 0;}
.topic_detail .bt_wrap .item a {display: flex; gap:60px; align-items: center;}
.topic_detail .bt_wrap .item .txt {margin:13px 0 0 0; -webkit-line-clamp: 1;}
.topic_detail .bt_wrap .item .date {margin-top:5px;}
.topic_detail .bt_wrap .img_wrap {flex:0 0 370px; width:100%; height:320px;}
.topic_detail .bt_wrap .txt_wrap .tit {font-size:1.555em; line-height: 1.25em;}
.topic_detail .bt_wrap .item .writer {color:#1b2d5a; font-size:0.888em; margin-top:92px;}
.topic_detail .bt_wrap .item .writer span {color:#8c8e94; display: inline-block; margin-right:10px;}

/* AUTHORS */
.aut_wrap {}
.aut_wrap .top {position: relative; z-index: 9; margin-bottom:90px;}
.aut_wrap .top ul {display: flex; border:1px solid #091a46; border-radius: 5px; -webkit-box-shadow: 0px 7px 7px 0px rgba(5,21,35,0.1); -moz-box-shadow: 0px 7px 7px 0px rgba(5,21,35,0.1); box-shadow: 0px 7px 7px 0px rgba(5,21,35,0.1);}
.aut_wrap .top ul li {flex:1 1 auto; padding:9px 11px; position: relative; text-align: center;}
.aut_wrap .top ul li::after {content: ''; display: inline-block; width:2px; height:14px; background:#dcdcdc; position: absolute; right: 0; top: 50%; transform: translate(0, -50%);}
.aut_wrap .top ul li:last-child::after {display: none;}
.aut_wrap .top ul li a {display: inline-block; padding:5px 12px; background:#f6f6f6; border-radius: 5px; color:#091a46; font-sizE:1.111em; }
.aut_wrap .top ul li.on a {border: 1px solid #054fa1; border-radius: 5px; font-weight: 700; color:#054fa1;}
.aut_wrap .item_wrap {}
.aut_wrap .item_wrap .item {display: flex; margin-top: -260px; padding-top: 270px;}
.aut_wrap .item_wrap .item a {}
.aut_wrap .item_wrap .arpa {flex:0 0 54px; display: inline-block; width:54px; height:54px; line-height:54px; text-align: center; background:#0068b6; margin-right:60px; font-size:1.1111em; color:#fff; border-radius: 5px;}
.aut_wrap .item_wrap .item > ul {width:100%; margin-bottom:80px; position: relative; top:-14px;}
.aut_wrap .item_wrap .item > ul > li {border-bottom:1px solid #dadde4;}
.aut_wrap .item_wrap .name_wrap {display: flex; align-items: center; cursor: pointer; padding:22px 0 23px 0;-webkit-transition: all 0.3s ease-in-out; -moz-transition:all 0.3s ease-in-out -o-transition:all 0.3s ease-in-out; transition::all 0.3s ease-in-out;}
.aut_wrap .item_wrap .name_wrap.active {background:#0068b6;}
.aut_wrap .item_wrap .name_wrap.active .name {color:#fff; padding-left:35px;}
.aut_wrap .item_wrap .name_wrap.active .txt {color:#fff;}
.aut_wrap .item_wrap .name {flex:0 0 310px; font-size:1.333em; color:#0068b6; font-weight: 700;}
.aut_wrap .item_wrap .txt {color:#091a46; margin-top:0;}
.aut_wrap .item_wrap .cont_wrap {display: flex; align-items: center; flex-direction: row; gap:20px; padding:16px 16px 42px 32px; margin-top:10px; color:#0d345f; border-bottom:1px solid #091a46; font-weight: 600;}
.aut_wrap .item_wrap .photo {display: inline-block; flex:0 0 49px; width:49px; height:49px; border-radius: 100%; overflow: hidden;}

/* NEWSLTTER */
.modal_news .col {flex-direction: column; align-items: flex-start; color:#1b2d5a;}
.modal_news .col .ipt {width:100%; padding-top:14px;}
.modal_news .col input {width: 100%; height:50px; border:1px solid #a8afc0; border-radius: 5px; margin-bottom:12px; -webkit-box-shadow: 0px 1px 2px 0px rgba(5,21,35,0.1); -moz-box-shadow: 0px 1px 2px 0px rgba(5,21,35,0.1); box-shadow: 0px 1px 2px 0px rgba(5,21,35,0.1);}
.modal_news .btn_wrap button {width:100%; text-align: center; color:#fff; font-size:1.1111em; font-weight: 700; background:#0068b6; border-radius: 10px; padding:8px 0 11px 0; margin-top:16px;}
.modal_news .btn_wrap button:hover {opacity: .9;}

/* ABOUT */
.about {}
.about .con_wrap {max-width: 1460px; padding:70px 0 110px 0; border-bottom:1px solid #dadde4;}
.about .con_wrap:last-child {border:none;}
/*.about .con_wrap:nth-child(2) {padding-top:70px; border:none;}*/
.about .con_wrap .tit {color:#091a46; font-weight: 600; font-size:2.111em; line-height: 1.263em; margin-bottom:60px;}
.about .con_wrap .con {margin-left:380px; line-height: 1.444em; color:#091a46;}
.about .con_wrap .img {margin-top:80px;}
.about .ppl_wrap {padding-top:120px; display: flex; gap:30px; border-top:1px solid #dadde4;}
.about .ppl_wrap .img {flex:0 0 calc(33.333% - 20px); height:582px; border-radius: 5px; overflow: hidden; background:url('../images/about/bg_about01.jpg') center no-repeat; background-size: cover; padding:70px 40px; color:#fff;}
.about .ppl_wrap .img:nth-child(2) {background:url('../images/about/bg_about02.jpg') center no-repeat; background-size: cover;}
.about .ppl_wrap .img:nth-child(3) {background:url('../images/about/bg_about03.jpg') center no-repeat; background-size: cover;}
.about .ppl_wrap .tit {font-size:2.1111em; font-weight: 600; margin-bottom:10px;}
.about .ppl_wrap ul {}
.about .ppl_wrap ul > li {line-height: 1.44444444444em;}

/* 검색 */
.search {}
.search .top_wrap {background:#f1f1f1; border-radius: 10px; display: flex; justify-content: center; align-items: center; padding:14px 10px;}
.search .search_g {position: relative; display: inline-block; width:90%; max-width:930px;}
.search .search_g input[type="text"] {position: relative; width:100%; height:62px; font-weight: 300; border-radius: 5px; border:1px solid #a8afc0; background:#fff; color:#939393; padding:15px 35px 18px 30px;}
.search .search_g input::placeholder {color:#a8aaaf;}
.search .search_g label {display: none;}
.search .search_g button {display: inline-block;  width: 20px; height: 20px; position: absolute; right: 19px; top:19px; overflow: hidden; background:url('../images/common/icon_topSearch.png')  left no-repeat; text-indent: -999px; }
.search .bt_wrap {margin:95px 0;}
.search .bt_wrap .board_wrap {margin-top:25px; display: flex; gap: 0 47px; flex-wrap: wrap; min-height:calc(100vh - 99px);}
.search .bt_wrap .board_wrap .item {flex:0 0 calc(25% - 36px);}
.search .bt_wrap .board_wrap .writer {color:#1b2d5a; font-size:0.88em; display: flex; flex-direction: column; margin-top:20px;}
.search .bt_wrap .board_wrap .date {color:#8c8e94; font-size:0.88em;margin:20px 0 65px 0;}
.search .bt_wrap .no-result {display: block; width:100%; text-align: center;}
.search .bt_wrap .no-result h2 {font-size:2.375em;}
.search .bt_wrap .no-result span {font-size:1em; color:#091a46;}

/* 페이저 */
.pager {display: flex; width:100%; align-items: center; justify-content: center; margin-top:70px;}
.pager .arr {width:32px; height:42px; line-height: 42px; }
.pager a {display: block; width:100%; height:100%; font-size:0.8888em; text-align: center;color:#8c8e94;}
.pager > ul  {display: flex; gap:5px; margin:0 20px;}
.pager > ul > li {width:42px; height:42px; line-height: 42px; border:1px solid #ececec;  border-radius: 5px; color:#8c8e94;}
.pager > ul > li.on {background:#091a46; border:1px solid #091a46;}
.pager > ul > li.on a {color:#fff; font-weight: 900; text-decoration: underline;}

#overlay{display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:#2f3544; opacity: .5; z-index: 9999;}
.modal-con {display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50.5%); max-width: 510px; width:50%; height: 665px; background:#fff; z-index: 9999; border-radius:10px;}
.modal-con .title {display: flex; flex-direction: column; align-items: center; margin-top:40px;}
.modal-con .title::before {content:''; display: block; width:48px; height:39px; background:url('../images/common/icon_newsletter.png') center no-repeat;}
.modal-con .title h3 {font-size:2.8888em; text-align: center; font-weight: 700; color:#091a46; margin-top:5px;}
.modal-con .title p {color:#091a46; text-align: center; line-height: 1.33em;}
.modal-con .con {display: block; position: relative; padding:30px 30px 0 30px; }
.modal-con .modal_close { display:block; position:absolute; width:16px; height:16px; right:20px; top:20px; background: url(../images/common/btn_modalClose.png) no-repeat; z-index: 999; cursor: pointer;}

/* 이용약관*/
.pvsCntTp {clear:both; text-align: left;}
.pvsCntTp .pd1 { padding:10px 0 15px 0;}
.pvsCntTp .pd2 {margin-top:18px;}
.pvsCntTp ol li dl {position:relative; overflow:hidden; zoom:1; padding-bottom:20px;}
.pvsCntTp ol li dl dt {padding:19px 0 14px 0; color:#333;}
.pvsCntTp ol li dl dd {padding:0 0 14px 20px; color:#333;}
.pvsCntTp ol li dl.nobg {background:none;}

@media screen and (max-width:1400px) {	
	
}

@media screen and (max-width:1024px) {	
    
    .sub_wrap .item .img_wrap {height:190px;}
    .article .top_wrap .tit, 
    .modal-con .title h3,
    .sub_wrap .item .tit {font-size:19px !important;}

    /* ARTICLES */
    .article {top:18px; margin-bottom: 128px;}
    .article .top_wrap {flex-direction: column-reverse; margin-bottom:6px;}
    .article .top_wrap .area_lft {width:100%; flex:0 0 100%; margin:0;}
    .article .top_wrap .area_rgh {width:100%; flex:0 0 100%;}
    .article .top_wrap .area_lft p {margin-bottom:25px;}
    .article .bt_wrap .area_lft {display: none; background:#fff; position: fixed; right:0; top:0; height:100%; z-index:99999; padding:50px 30px;}
    .article .board_search .search_g input[type="text"] {width:100%;  padding: 15px 55px 18px 40px;}
    .article .item .tit {margin-top:20px;}
    .article .item .date {margin:15px 0 24px 0;}
    
    .article .board_wrap {gap:0 15px;}
    .article .board_wrap .item {flex: 0 0 100%;}
    .article .board_search .keyword {display: flex; gap:10px;  justify-content: space-between; margin-top: 10px;}
    .article .board_search .keyword ul {flex-wrap: wrap;}
    .article .board_search .m_cate {display: block; flex:0 0 46px; position: absolute; top: 0; right: 4px;}
    
    .article_detail .detail_top .tit {margin-top:20px; font-size: 20px; text-overflow: initial; display: block;}
    .article_detail .detail_top .writer {margin-top:15px;}
/*    .article_detail .detail_con {margin:0;}*/
    .article_detail .detail_con .coment {padding:70px 20px 30px 20px;}
    .article_detail .detail_top .keyword ul {flex-wrap: wrap; margin-top:30px;}
    .article_detail .relate_wrap .item a {gap:25px;}
    .article_detail .relate_wrap .item .img_wrap {flex:0 0 120px; height:100px;}
    .article_detail .relate_wrap .item .txt {margin-top:10px;}

    /* TOPIC */
    .topic {padding:18px 0 150px 0;}
    .topic .top_wrap {flex-direction: column;}
    .topic .top_wrap .item {padding:0 0 20px 0; border-right:none; }
    .topic .top_wrap .item:last-child {padding:20px 0;}
    .topic .top_wrap .item .img_wrap {height:250px;}
    .topic .top_wrap .item .txt_wrap {margin:20px 0 10px 0; flex-direction: column;}
    .topic .top_wrap .item .txt_wrap > div:first-child {display: block; width:100%;}
    .topic .top_wrap .item .txt_wrap .tit {height:46px; -webkit-line-clamp:1; width:100%;}
    .topic .top_wrap .item .btn_wrap {flex:0 0 auto;}
    .topic .bt_wrap .item {flex:1 1 100%; padding:20px 0; border:none;}
    .topic .bt_wrap .item:nth-child(odd) {padding:20px 0; border-right: none;}
    .topic .bt_wrap .item a {gap:20px; flex-direction: column;}
    .topic .bt_wrap .item .img_wrap {flex:0 0 320px; max-width: none;}
    .topic .bt_wrap .txt_wrap {width:100%;}
    .topic .bt_wrap .item .btn_wrap {flex:0 0 44px; width:100%; text-align: right;}
    .topic .btn_wrap button {padding:6px 7px 6px 8px;}
    
    .topic_detail .top_wrap .item {flex-direction: column-reverse; gap:0; padding: 10px;}
    .topic_detail .top_wrap .img_wrap {margin:10px 10px 0 10px; height: 190px; flex: 0 0 320px; width: 100%; }
    .topic_detail .top_wrap .txt_wrap {width:100%; padding:20px 20px 0 20px;}
    .topic_detail .top_wrap .tit {height:50px; -webkit-line-clamp: 2; margin-top:30px;}
    .topic_detail .top_wrap .txt {margin-top:30px;}
    .topic_detail .bt_wrap .item .writer {margin-top:30px;}

    /* AUTHORS */
    .aut_wrap .top ul li a {background:transparent;}
    .aut_wrap .item_wrap .cont_wrap {padding:15px 10px;}
    .aut_wrap .item_wrap .name_wrap.active .name,
    .aut_wrap .item_wrap .name_wrap.active .txt {padding:0 10px}
    .aut_wrap .item_wrap .item {margin-top: -150px; padding-top: 150px;}


    /* NEWSLTTER */


    /* ABOUT */
    .about .con_wrap .con {margin:0;}
    
    .modal-con .title p {font-size:12px;}
    .modal-con .con {padding:20px 10px 0 10px;}
    
    .search .bt_wrap .board_wrap .item {flex:0 0 100%;}
    .search .bt_wrap .board_wrap .item .img_wrap {height:250px;}
    
    /* 페이저 */
    .pager {flex-wrap: wrap}
    .pager .arr {width:25px; height:25px; line-height: 25px;}
    


}

@media screen and (max-width:768px) {	   
    /* ARTICLES */
    .article .board_wrap {gap:0 20px;}

    /* TOPIC */
    .topic .bt_wrap .item .img_wrap {flex:0 0 250px; max-width: none;}
    .topic_detail .bt_wrap .item a {flex-direction: column; gap:20px;}
    .topic_detail .bt_wrap .img_wrap {flex:0 0 auto;}
    .topic_detail .bt_wrap .item .txt {height:68px;}    

    /* AUTHORS */    
    .aut_wrap .top {overflow-x: scroll; margin-bottom: 20px;}
    .aut_wrap .top ul {min-width: 1024px;}
    .aut_wrap .top ul li {padding:9px 0;}
    .aut_wrap .item_wrap .name_wrap {flex-direction: column; align-items: flex-start;}
    .aut_wrap .item_wrap .name {flex:0 0 auto; margin-bottom:15px;}
    .aut_wrap .item_wrap .item {flex-direction: column;}

    /* NEWSLTTER */
    .modal-con {width:90%;}

    /* ABOUT */
    .about .con_wrap {padding-bottom:40px;}
    .about .con_wrap:nth-child(2) {padding:40px 0;}
    .about .ppl_wrap {padding-top:40px; flex-direction: column;}
    .about .ppl_wrap .img {flex:0 0 auto; height:300px; padding:30px;}
    
    /* 페이저 */    
    .pager > ul {margin:0;}
    .pager > ul > li {width:25px; height:25px; line-height: 25px; font-size:14px;}
    .pager .arr {width:21px;}
			
}

@media screen and (max-width:425px) {		
    /* ARTICLES */


    /* TOPIC */
    .topic .bt_wrap .item a {flex-direction: column;}
    .topic .bt_wrap .img_wrap {flex:0 0 auto;}
    .topic .bt_wrap .item .btn_wrap {flex:0 0 auto;}


    /* AUTHORS */
    .aut_wrap .item_wrap .cont_wrap {flex-direction: column; align-items: flex-start;}


    /* NEWSLTTER */


    /* ABOUT */
    
    
    /* 페이저 
	
}

@media screen and (max-width:320px) {		
	
}