/**¼­ºê°øÅë**/
#sub_container				{float:left; width:100%; border-top:1px #ddd solid;}
#sub_container .s_center	{width:63%; margin:0 auto; text-align:left}
#sub_container.bbs_bg		{background:#f7f7f7}
#sub_container .bbs_wrap	{width:74%; margin:0 auto; text-align:left}
#sub_container h3			{float:left; width:100%; text-align:center; font-size:40px; font-weight:500; padding-bottom:50px; letter-spacing:-0.05em}
#sub_container h3 .stitle	{float:left; width:100%; text-align:center; font:400 18px/2 'Noto Sans KR' ,sans-serif; color:#167fc1; letter-spacing:-0.05em}
#sub_container h4			{float:left; width:100%; text-align:center; font-size:34px; font-weight:500; padding-bottom:40px;}
#sub_container .title_bg	{float:left; width:100%; height:338px; background:url(../img/sub/s01_bg.jpg) no-repeat center; background-size:cover; object-fit: cover;}
#sub_container .title_bg h3	{color:#fff; position:relative; top:35%; font-size:50px; padding:0}
#sub_container h3 span		{background:#000; color:#fff; font-size:17px; font-weight:300; padding:7px 20px}

.bbs_view_bg	{background:#fff}

.con-box	{display:block; width:95.5%; margin:0 auto; border:1px #ccc solid; padding:2%; text-align:justify; background:#f9f9f9;}
.con-box p,.con-box span {font-size:17px!important; line-height:1.6!important; letter-spacing:-0.06em!important}

/*¼­ºê ¸ñ·Ï °øÅë*/
.rows					{float:left; width:100%; margin:5% 0}
.rows.four .list li		{float:left; width:21%; margin:2%;  overflow:hidden}
.rows.three .list		{width:100%; position:relative;}
.rows.three .list li	{float:left; width:30%; height:270px; margin-right:3%; margin-bottom:3%; overflow:hidden}
.rows .list li			{position:relative}
.rows .list li a         {display: block;}
.rows .list li img		{width:100%; height:auto; min-height:278px; cursor:pointer; -webkit-transition:.3s;    -moz-transition:.3s;    -ms-transition:.3s;    -o-transition:.3s;    transition:.3s; }
.rows .list li:hover		{background:#000; -webkit-filter: grayscale(0%); opacity: 1; cursor:pointer; }
.rows .list li:hover img	{-webkit-filter : grayscale(0); opacity: 0.4;  filter:alpha(opacity=40);-ms-filter:"alpha(opacity=40)";	-webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1);    -o-transform:scale(1.1); transform:scale(1.1);}
.rows .list li:hover .hover	{display:block; opacity:1; transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -webkit-transition: opacity .3s ease-in-out;}
.rows .list .hover			{position:absolute; float:left; width:100%; height:100%; top:0; opacity:0; text-align:center}
.rows .list .hover p		{width:80%!important; margin:0 auto; padding:20px 0;color:#fff!important; letter-spacing:-1px}
.rows .list .hover .tt		{font-size:26px; font-weight:500!important; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; /* ¶óÀμö */ -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em;
height:2.8em;}
.rows .list .hover .tt a	{font-size:26px; font-weight:500!important; color:#fff!important; text-decoration:none}
.rows .list .hover .name	{font-size:16px!important; font-weight:100!important;}
.rows .list .hover .btn		{width:50%!important; margin:0 auto; font:300 12px/2 'Noto Sans KR' ,sans-serif; letter-spacing:1px; border:1px rgba(255,255,255,0.5) solid; padding:3px 0; text-align:center;  position:relative; top:40px;}

.rows .list .hover .new		{position:absolute; top:0; left:20px; display:block; width:50px; height:50px; overflow:hidden}
.rows .list .hover .new img	{width:100%; min-height:50px; opacity:1!important}
.rows .list li:hover .new img	{width:50px!important; min-height:50px!important; opacity:1!important;-webkit-transform:scale(1)!important; -moz-transform:scale(1)!important; -ms-transform:scale(1)!important;    -o-transform:scale(1)!important; transform:scale(1)!important;}


.rows .list .hover .update	{position:absolute; top:0; left:0; white-space:nowrap}
/*.rows .list .hover .line	{float:left; width:100%; height:100%; border:1px #167fc1 solid }*/
.rows .list .hover .up		{position:absolute; top:0; left:0; background:#fff; border:3px #167fc1 solid; color:#167fc1; font-weight: 900; padding:5px; font-size:20px; letter-spacing:-0.05em}
.writer_box dd .update	{position:absolute; top:0; left:0; white-space:nowrap}
.writer_box dd .up		{position:absolute; top:0; left:0; background:#fff; border:3px #167fc1 solid; color:#167fc1; font-weight: 900; padding:5px; font-size:20px; letter-spacing:-0.05em}
.writer_box.writer02 dd .up{font-size:15px;}
#m_story .hover .update	{position:absolute; top:0; left:0; width:100%; white-space:nowrap}
#m_story .hover .up		{position:relative; top:24px; background:#167fc1; color:#fff; font-weight: 900; padding:0 10px; font-size:14px; letter-spacing:-0.05em}

.btn_more	{float:left; width:100%; text-align:center; padding:4% 0}
.btn_more a	{border:1px #888 solid; border-radius:3px; padding:7px 35px;}

/*Ä«µåÇü½Ä ¸®½ºÆ®*/
#card_list			{float:left; width:100%; margin:5% 0}
#card_list dl		{float:left; width:320px; min-height:350px; background:#fff; /*border:1px #eee solid;*/ border-radius:10px; box-shadow:1px 1px 2px #ddd; margin:15px; padding:25px 0}
#card_list dt		{width:88%; height:200px; margin:0 auto; overflow:hidden;}
#card_list dt img	{width:100%; height: auto; min-height:200px}
#card_list dd		{width:88%; max-height: 160px; margin:0 auto; padding-top:15px; text-overflow:ellipsis; overflow:hidden;}
#card_list dd .stt	{display:block; height:20px; font-size:14px; font-weight:500; letter-spacing:-0.05em; text-align:justify; margin-bottom:5px; overflow:hidden; color:#167fc1}
#card_list dd .tt	{font-size:22px; font-weight:500; letter-spacing:-1px; line-height:1.4; text-align:justify; margin-bottom:10px; display:-webkit-box; -webkit-line-clamp:2; /* ¶óÀμö */-webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em;height: 2.8em; text-overflow:ellipsis; overflow:hidden;}
#card_list dd .sbody{font-size:14px; color:#666; font-weight:300; display:-webkit-box; -webkit-line-clamp:3; /* ¶óÀμö */-webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em;height: 4.2em; text-overflow:ellipsis; overflow:hidden;/* line-height °¡ 1.2em ÀÌ°í 3¶óÀÎÀ» ÀÚ¸£±â ¶§¹®¿¡ height´Â 1.2em * 3 = 3.6em */}


/*Âü»ç¶÷ »çÁø*/
.photo	{position:relative; width:86%!important; margin:5% auto!important; float:none!important}
.photo .bx-viewport		{height:550px!important}
.photo .bx-pager-item	{display:none}
.photo .bx-controls-direction	{position:absolute; top:380px; width:100%}
.photo .bx-controls-direction a			{width:40px; height:65px; position:relative; overflow:hidden; text-indent:-40px; }
.photo .bx-controls-direction .bx-prev	{float:left; background:url(../img/common/images.png) no-repeat -14px 0}
.photo .bx-controls-direction .bx-next	{float:right;background:url(../img/common/images.png) no-repeat -76px 0}
.photo_list	{float:left; }
.photo_list dl	{background:#222!important; min-height:550px!important; border-radius:0!important; box-shadow:none!important; margin:0!important; padding:0!important}
.photo_list dt	{float:left; width:65%!important; min-width:800px; height:550px!important; min-height:550px!important; position:relative;display:flex; justify-content:center; align-items:center;}
.photo_list dt img	{min-height:555px!important;}
.photo_list dt a		{min-width:800px; }
.photo_list dd			{display:table; width:320px!important; height:550px; z-index:9999; color:#fff; line-height:1.4; word-break:normal; }
.photo_list dd p		{display:table-cell; vertical-align:middle}
.photo_list dd p .title	{display:block; width:100%; font-size:34px; letter-spacing:-0.06em; padding-bottom:10px}
.photo_list dd p .body	{display:block; width:100%; font-size:14px;  letter-spacing:-0.03em; font-weight:300}
.photo_list .cover	{width:150px; height:550px; /*background:url(../img/common/cover.png) repeat-x; background:linear-gradient(90deg,  transparent 20%, #222 81%);*/ position:absolute; right:400px; z-index:999;}


/*À¥Áø Âü»ç¶÷Àº*/
#sub01 .txt		{float:left; width:100%; line-height:1.6; font-size:16px;  text-align:justify; font-weight:300;}
#sub01 dl		{float:left; width:100%; padding-bottom:60px}
#sub01 dt 		{float:left; width:35%; min-height:200px; height:260px; background:#000; border:none}
#sub01 dd		{float:right; width:58%;}
#sub01 dd p		{text-align:justify; color:#666; line-height:1.6; font-size:16px; font-weight:300}
#sub01 dd span	{float:left; width:100%; font-size:24px; font-weight:500; color:#000; padding-bottom:10px; margin-bottom:15px; border-bottom:1px #ddd solid}


/*Ç°»ýÇ°»ç:±â¼ºÀÛ°¡*/
.writer_box		{float:left; width:100%; margin:5% 0}
.writer_box dl	{float:left; width:96%; max-height:270px; overflow:hidden; padding:2%; margin-bottom:2%; background:#fff;border-radius: 10px;    box-shadow: 1px 1px 2px #ddd;}
.writer_box dt	{float:left; width:30%; height:230px; overflow:hidden; font:400 17px/24px 'GmarketSansMedium'!important; color:#000; letter-spacing:-1px; margin:20px 35px; text-align:justify}
.writer_box dt .new	{display:none}
.writer_box dt .tit	{float:left; width:100%; font:bold 28px/1.4 'GmarketSansBold'!important; color:#167fc4; margin-bottom:5px}
.writer_box dd		{float:left; width:30%; height:270px; margin:0 0 3% 2%; overflow:hidden; background:#000; position:relative}
.writer_box dd img	{width:100%; height:auto; min-height: 270px; position:absolute; opacity:0.6}
.writer_box dd p	{width:80%; margin:0 auto; padding:20px 0; text-align:center; color:#fff!important; letter-spacing:-1px; position:relative}
.writer_box dd p.cate{position:relative; top:15px}
.writer_box dd p.tt	{font-size:26px; font-weight:500!important; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em; height:2.8em;}
.writer_box dd p.name	{font-size:16px!important; font-weight:100!important}

/*Ç°»ýÇ°»ç:ÁִϾîÀÛ°¡*/
.writer02       {width: 1353px!important;}
.writer02 dl	{max-height:none;}
.writer02 dt	{min-height:500px; width: 430px!important;}
.writer02 dd	{width:19%; height:170px; margin:0 0 2% 2%}
.writer02 dd img{min-height:170px;}
.writer02 dd p	{padding:10px 0; font-size:13px!important}
.writer02 dd p.tt	{font-size:22px!important}
.writer02 dd p.name	{font-size:13px!important;}


/*Ç°»ýÇ°»ç*/
#scroll_wrap .top_notice, #scroll_wrap h1	{ display:none; opacity: 0;  height: 0; padding: 0;}

.story				{padding-top:0!important}
.story .list li		{overflow:hidden; background:#000; }
.story .list li img	{opacity: 0.6;}
.story .list .hover	{/*top:15px!important;*/ opacity:1;}
.story .list .hover .tt a			{text-shadow:0px 0px 10px #444}
.story .list .body,.story .list .btn{display:none}
#story_bg	{background:#fff; position:relative;}
#scroll_view	{width: 100%; height:100%;  color:#fff!important}
#scroll_view .scroll_bg		{width:100%; height:100vh; opacity:0.5; background-attachment: fixed; }
#scroll_view .scroll_center	{width:100%; position:fixed; top:50%; left:50%; transform: translate(-50%, -50%);}
#scroll_view .stitle		{width:100%; text-align:center; line-height:2; font-size:32px; font-weight:500}
#scroll_view .stitle span	{font-size:16px; font-weight:300; border:1px rgba(255,255,255,0.5) solid; padding:3px 15px}
#scroll_view .sbody			{width:46%; text-align:justify; margin:0 auto; padding-top:4%}

/*¿¡¼¼À̸ñ·Ï*/
#m_box_essay				{float:left; width:100%; padding-bottom: 4%;}
#m_box_essay h1				{text-align:center ;font:bold 50px/68px 'SeoulNamsan'; margin:3% 0}
#m_box_essay .list			{width:1200px; margin:0 auto; padding:0}
#m_box_essay .list li		{float:left; width:270px; height:370px; margin:15px; overflow:hidden;}
#m_box_essay .list li img	{width:auto; height:370px; min-width:270px; cursor:pointer}
#m_box_essay .list .title	{width: 200px; margin: 0 auto; overflow: hidden; position: relative; top: -140px;text-align: center; font: normal 20px/1.4 'malgun gothic';}
 
 
/*Âü»ç¶÷ ´º½º·¹ÅÍ*/
.newsletter .list dt	{width:270px!important; height:370px!important}
.newsletter .list dd	{display:none}


 /*Âü»ç¶÷ Ä®·³*/
#column_list		{float:left; width:100%; margin:5% 0}
#column_list dl		{float:left; width:76%; background:#fff; border-radius:10px; box-shadow:1px 1px 2px #ddd; margin:2% 12% 0; padding:25px 0}
#column_list dt		{float:left; width:20%; height:160px; margin:0 auto; overflow:hidden; margin-left:2%}
#column_list dt img	{width:100%; height: auto; min-height:160px}
#column_list dd		{float:right; width:74%; margin:0 2%; padding-top:15px; text-overflow:ellipsis; overflow:hidden;}
#column_list dd .tt	{font-size:22px; font-weight:500; letter-spacing:-1px; line-height:1.4; margin-bottom:10px; display:-webkit-box; overflow:hidden;}
#column_list dd .stitle	{font-size:14px; color:#0088D2; margin-bottom:10px; }
#column_list dd .sbody	{font-size:14px; color:#666; font-weight:300; display:-webkit-box; -webkit-line-clamp:3; /* ¶óÀμö */-webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em;height: 4.2em; text-overflow:ellipsis; overflow:hidden;/* line-height °¡ 1.2em ÀÌ°í 3¶óÀÎÀ» ÀÚ¸£±â ¶§¹®¿¡ height´Â 1.2em * 3 = 3.6em */}



/*Ãßõµµ¼­*/
.stit.book	{float:left; width:100%; font-size:24px; position:relative; left:4%}
.stit.book:before	{content:""; background:url(../img/common/ico_pick2.png) no-repeat; float:left; width:32px; height:34px; background-size:65%; position:relative; top:4px}
.stit.book span	{color:#ffae00}
.book ul		{position:relative; left:2%}
.book li 		{width:15%!important; height:295px; border: 1px #02569d solid; box-shadow: 5px 5px 15px #d2eaff}
.book li:before	{content:""; /*background:url(../img/sub/book_bg.png) no-repeat;*/ float:left; width:100%; padding:5px 0; position:absolute}
.book li:after	{content:"";}
.book li img	{min-height:380px;}
.book li .cate	{display:none}
.book li .tt	{ line-height: 1.2em!important ;height: 2.4em!important;}
.book li .tt a	{font-size:22px!important;}
.book li .body	{font-size:13px!important; font-weight:200!important; text-align:justify; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; /* ¶óÀμö */-webkit-box-orient:vertical; word-wrap:break-word; line-height:1.4em;height: 6.6em; /* line-height °¡ 1.2em ÀÌ°í 3¶óÀÎÀ» ÀÚ¸£±â ¶§¹®¿¡ height´Â 1.2em * 3 = 3.6em */}
.book li .btn	{padding:1px 0!important; top:20px!important}
.book li p		{padding:15px 0 0!important;}

#bbs_book_view .book_top_bg {width:100%; overflow:hidden; padding:30px 0; background:#f4f4f4; margin-bottom:4%}
#bbs_book_view dl			{display:table; margin:0 auto}
#bbs_book_view dl dt		{float:left; width:160px; height:210px; border:1px #ddd solid; overflow:hidden;}
#bbs_book_view dl dt img	{width:100%; height:100%}
#bbs_book_view dl dd		{float:left; font-size:17px; font-weight:300; margin-left:40px}
#bbs_book_view dl dd h3		{display:none}
#bbs_book_view dl dd .tt	{font-size:32px; font-weight:500; color:#000; padding-bottom:20px; border-bottom:none}
#bbs_book_view dl dd p		{border-bottom:1px #ddd solid; padding:8px 0}
#bbs_book_view dl dd p span	{float:left; width:70px; font-weight:400}
#bbs_book_view p.stitle		{width:50%; margin:0 auto; font-size:28px; font-weight:500; padding:10px;}
#bbs_book_view .contents	{width:50%; margin:0 auto; text-align:justify!important; padding:30px 0 60px 0; font-size:18px; font-weight:300; line-height:1.8;  border-top:1px #000 solid}	
#bbs_book_view .contents table	{width:auto!important; text-align:center}
#bbs_book_view .contents table img	{width:100%}
#bbs_book_view .contents p	{text-align:justify}
#bbs_book_view #slider_book	{height:300px!important; background:#f7f7f7; padding:2% 0}
#bbs_book_view #slider_book .owl-carousel .owl-item	{width:180px!important; height:250px!important; box-shadow:none!important; overflow:hidden;}
#bbs_book_view #slider_book .owl-carousel .item	{height:250px!important;}
#bbs_book_view #slider_book .owl-carousel .owl-stage	{height:300px; overflow:hidden}
#bbs_book_view #slider_book .caption	{width:170px!important; height:240px!important}
#bbs_book_view #slider_book .caption a p.info	{height:135px!important}


/*ÅëÇÕ°Ë»ö*/
#search_wrap .search_box		{float:left; width:100%; background:#f7f7f7; padding:4% 0; margin-bottom:50px; position:relative}
#search_wrap .search_box:before	{content: "";  background: url(../img/main/m_bg1.png) no-repeat left; width: 400px; position: absolute;  top: 0; bottom: 0;}
#search_wrap .search_box:after	{content: "";  background: url(../img/main/m_bg2.png) no-repeat top -35px right; width: 400px; position: absolute; top: 0; bottom: 0; right: 0}
#search_wrap .search_box ul		{display:table;  margin:0 auto; padding-top:0}	
#search_wrap .search_box li		{width: auto; float:left; overflow:hidden!important; padding:0; margin:0 2px}
#search_wrap .search_box li.select select	{display:table; height:37px;}
#search_wrap .search_box li.text_input input{width:250px; height:35px; border:1px #bbb solid; line-height:35px; padding:0 10px}
#search_wrap .search_box li.btn input		{height:37px; color:#fff; font-weight:400; font-size:16px; border:none; background:#315b8a; padding:0 15px; cursor:pointer}
#search_wrap .result_box		{width:980px; margin:0 auto; overflow:hidden; padding-bottom:50px}
#search_wrap .result_box p		{padding-bottom:15px; border-bottom:1px #ddd solid; font-weight:300; font-size:20px;}
#search_wrap .result_box p span	{font-weight:500; color:#315b8a}
#search_wrap .result_box ul 	{padding-top:10px}
#search_wrap .result_box li		{white-space:nowrap; overflow:hidden; text-overflow: ellipsis; padding:10px 0}
#search_wrap .result_box li a	{font-weight:300; font-size:16px; color:#222; }
#search_wrap .result_box li span,#search_wrap .result_box li span a  	{font-weight:400; font-size:15px; border:1px #ccc solid; padding:5px 10px; margin-right:20px}
#search_wrap .result_box .paging	{font-size:13px}


p.center	{text-align:center!important; margin:0 auto}
p.right		{text-align:right!important}