/* ÇØ»óµµ ÄÚµå Ãß°¡ */
@media only screen and (max-width: 1240px) {
	#gnb .gnb_top_mo { display: inline-block; margin: auto; width: 100%; height: 75px; }
	#gnb .gnb_top { display: none; }
	#aside  { display: none; }
	#content, #aside, #middle, #footer { width: 100%; margin: auto; }
	#footer .foot { width: 100%; margin: auto; }
	.lnb_more_menu { background-position: -53px -40px; display: block; height: 18px; width: 21px; float: right; margin: 31px 20px; }
	.ico_sc_ico_mo { margin-top: 31px; height: 35px; float: right; }
	.ico_sc_ico_mo .ico_sc { background-position: -13px -39px; width: 25px; height: 25px; display: inline-block; vertical-align: bottom; }

	#gnb .csbar_search { position: absolute; width: 100%; height: 64px; background: #FFFFFF; top: 0; }
	#gnb .csbar_search .back_area { position: absolute; width: 46px; height: 41px; background: #FFFFFF; z-index: 10; }
	#gnb .csbar_search .back_area .ico_arrow { background-position: -49px -59px; width: 21px; height: 21px; margin: 29px 0px 16px 13px; display: inline-block; }
	#gnb .csbar_search .input_area { position: absolute; top: 10px; right: 13px; width: 84%; height: 31px; background: #FFFFFF; z-index: 9; }
	#gnb .csbar_search .input_area input { width: 91%; height: 40px; border: 0; padding-left: 10px; background: #F2F2F2; margin-top: 10px; border-radius: 20px; }
	#gnb .csbar_search .input_area a.btn_search { background-position: -11px -33px; width: 24px; height: 29px; right: -4px; position: absolute; margin-top: 13px; }
}

/*-----------------------------------------------------------------------------*/

@media only screen and (max-width: 740px) {
	/*mobile start*/

	#gnb .gnb_top { width: 100%; margin: auto; }
	.gnb_logo { float: left; margin-left: 16px; }
	.gnb_logo img { width: 81%; height: auto; margin-top: 4px; }
	.lnb_gmain_left { display: inline-block; margin: 0 0 0 -7px; height: 44px; }

	#lnb .lnb_main, #lnb .lnb_sub,
	#aside, #cMcontent, #content, #middle, #subcMcontent, #content_c,
	#footer .partner, #footer .foot,
	#dropdown-menu .dpmenu, #dropdown-menu .dpmenu-trees, .article-bottom-news .view-top-news,
	.communityLayer, hr.content-size, .content-top-ad
	{ width: 100%; margin: auto; }

	#aside { display: none; }

	.lnb_main_right { display: none; }

	.arrow_left { display: none; }
	.arrow_right { display: none; }
	.lnb_more_menu { background-position: -53px -40px; display: block; height: 18px; width: 21px; float: right; margin: 31px 20px; }

	.mafocus li { width: 300px; text-align: center; margin-right: 14px; }
	.mafocus li .fcbox { width: 100%; height: auto; }
	.mafocus li .fcbox .title { font-size: 19px; line-height: 24px; letter-spacing: -2px; }
	.mafocus li .fcbox img { width: 100%; border-radius: 6px; }
	.mafocus li .fcbox .static_focus_on { display: none; }

	.rkPage-focus { justify-content: center;display: flex; margin-top: 12px; } 
	.rkPage-focus .swiper-pagination-bullet-active { background-color: #FF6418; }
	.rkPage-focus span { overflow: hidden; width: 10px; height: 10px; margin: 0 4px; border-radius: 11px; background: #D8D8D8; opacity: 1; }

	.book_lnb_area { width: auto; display: block; }

	.midfocus { width: 100%; }
	.midfocus li { width: 100%; text-align: center; position: relative; margin-right: 14px; }
	.midfocus li .fcbox { width: 100%; height: auto; text-align: center; position: relative; }
	.midfocus li .fcbox img { width: 100%; border-radius: 6px; }

	/*
	.Layout_midbox { display: none; }
	.Layout_midbox_mo { display: block; }
	*/

	.Layout_box1 { overflow-x: hidden; }

	.mid_banner { display: none; }
	.mid_banner-mo { display: inline-block; }
	.mid_banner-mo img { width: 100%; }

	.ico_nav { padding-left: 15px; }
	.list_top_nav { padding: 0 15px; }

	.Layout_box2 { padding: 21px 15px; }
	.box2_left { width: 100%; height: 100px; float: left; margin-top: 10px; }
	.box2_left ul { margin-left:-12px; }
	.box2_left ul li { float: left; padding: 0 12px; border-right: 1px solid #000; line-height: 4px; }
	.box2_left ul li:last-child { border-right: 0px; }
	.box2_left .btnt { font-size: 15px; color: #000; margin-bottom: 9px; display: block; line-height: 8px; height: 1px; }
	.box2_left .btnt_on { font-size: 15px; color: #FF3000; margin-bottom: 9px; display: block; line-height: 8px; height: 1px; }

	.box2_right ul {}
	.box2_right ul li { width: 47%; margin: 0 4px 0 4px;display: inline-block;}
	.box2_right ul li img { width: 100%; }
	.box2_right ul li a { width: 100%; display: inline-block; }
	/*.box2_right ul:last-child li:not(:first-child) { display: none; }*/

	.btn_more_book { display: none; }

	.book_list_sb ul {}
	.book_list_sb ul li { width: 47%; margin: 0 3px 22px 3px; display: inline-block;}
	.book_list_sb ul li img { width:100%; }
	.book_list_sb ul li a { width: 100%; }

	.book_list_mb ul {}
	.book_list_mb ul li { width: 47%; margin-right: 0px; }
	.book_list_mb ul li img { width: 100%; }
	.book_list_mb ul li a { width: 100%; display: inline-block; }
	.book_list_mb div.nolist { height: 310px; padding-top: 130px; }

	.box_tit { float: none; }
	.box_tit_are ul { margin-left: -12px; }
	.box_tit_are ul li { margin-bottom: 19px; }
	.box_tit_ben { float: none; margin-left: 15px; }

	.book_info_box2 { padding: 0 10px 0 10px; }

	.book_item .book_more { display: none; }
	.book_item .book_thum img { width: 84px; }
	.book_item .book_txbox { display: inline-block; margin-left: 12px; }
	.book_item .book_sinfo { margin-bottom: 10px; overflow: hidden; }
	.book_item .book_sinfo span.infotx { height: auto; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }

	.bookbtn { margin: 0 0 0 14px; display: inline-block; }
	.bookbtn_view { margin-left: 14px; }
	.bookbtn li {width: 47%;}

	/*.book_list_sb ul li:nth-child(5n) { margin-right: 27px; }*/

	.keyword li { float: left; margin: 0 2px 18px; }
	.search_tit { font-size: 28px; font-weight: 700; float: left; line-height: 35px; }
	.keyword li a {font-size: 14px;}

	.con_open { border-top: 1px solid #F5F6F7; width: 100%; text-align: center; margin-top: 15px; display: inline-block; }
	.FeedView { width: 100%; height: 30px; font-size: 14px; line-height: 52px; font-weight: 600; cursor: pointer; background: none; border: 0; color: #545454; }
	.FeedView-ico { width: 10px; height: 10px; position: relative; display: inline-block; margin: 21px 0 0 5px; vertical-align: top; }
	.FeedView-ico::before { content: ""; display: block; position: absolute; background-color: #545454; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
	.FeedView-ico::after { content: ""; display: block; position: absolute; background-color: #545454; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

	.book_info_main { width: 100%; display: inline-block; }

	.book_info_m_left { float: none; }
	.book_info_m_left img { width: 80%; }
	.book_info_m_right { display: block; margin-left: 0px; text-align: left; }
	.txt_tit { font-size: 36px; font-weight: 700; padding: 0 15px 0; }
	.txt_info { padding: 0 15px 0; }

	.box_info_left { width: 100%; float: left; }
	.con_L_1 { border-bottom: solid 1px #EDEDED; padding: 40px 12px 55px; }

	.box_info_right { float: none; width: 90%; }

	.info_s_txt {margin-top: 30px;font-size: 18px;line-height: 34px;letter-spacing: -0.01em;}
	.info_s_txt img { width: 100%; }

	.Layout_box_btn { width: 100%; border-radius: 8px; background-color: #FFFFFF; margin-top: 20px; padding: 20px 10px 20px 10px; display: inline-block; position: relative; text-align: center; }
	.list-btn-writer-area{ margin-top: 20px; text-align: center; float: none; }
	.btn-red1 { font-size: 16px; color: #fff !important; display: block; background: #FF6418; padding: 10px 24px; float: none; border: 1px solid #FF6418; border-radius: 6px; }
	.btn-red2 { font-size: 16px; color: #fff !important; display: inline-block; background: #FF6418; padding: 10px 24px; border: 1px solid #FF6418; border-radius: 6px; width: 48%; }
	.btn-gray { font-size: 16px; color: #fff !important; display: inline-block; background: #767676; padding: 10px 24px; border: 1px solid #767676; border-radius: 6px; width: 48%; }
	.view-btn-area2{ float: right; display: inline-flex; }
	table.repot th span { padding-left: 0px; }

	.submit_box_l { display: none; }
	.submit_box_r { float: left; width: 100%; }
	.submit_con_adebox2 { padding-left: 40px; }

	.tbox2_sub .l_stxt { font-size: 35px; float: left; height: 0px; margin-right: 80px; line-height: 44px; display: contents; }
	.tbox2_sub .r_stxt { font-size: 17px; margin-top: 29px; line-height: 29px; float: left; }
	.tbox2_sub .r_stxt2 { font-size: 17px; margin-top: 29px; line-height: 35px; float: left; }

	.comp_txt_tbox1 { line-height: 45px; }
	.comp_txt_cimg { text-align: center; margin-bottom: 50px; }
	.comp_txt_cimg img { width: 100%; content: url("/images/common/comp_img2.png"); }
	.comp_txt_simg img { width: 100%; content: url("/images/common/ci_img2.jpg"); }

	.comp_txt_tbox4 { margin-top: 50px; display: inline-block; }
	.year_list { margin-left:0px; margin-top: 35px; }
	.year_list .year_txt { padding-left: 70px; }
	.year_list .year_con{ padding-left: 70px; }

	.map_con_adebox span.numx2 { margin-left: 0px; }

	.adm_pagingNav { padding-bottom: 0px; }
	.adm_pagingNav a { padding: 3px 12px 4px; }

	.writer_book ul {align-items: end; }
	.writer_book ul li {float: left;width: 124px;        display: block;}
	.writer_book ul li a {display: inline-block;width: 100%;}
	.writer_book ul li a span {font-size: 14px;display: -webkit-box;width: 100%;}
	.writer_book ul li img {width: 95%;}

	.keyword_book ul { align-items: end; }
	.keyword_book ul li {float: left;margin:0px 0 0 12px; width: 33%;}
	.keyword_book ul li a {width: 33%;display: inline-block;}
	.keyword_book ul li img {width: 95%;}

	.menup_pc { background-color: #FFFFFF; font-size: 16px; width: 100%; padding-bottom: 17px; position: absolute; top: 0; margin: 0; border-radius: 0; }

	#footer .foot { ; padding: 20px; width: 100% ; }
	.foot_m { width: 33.3%; }
	.foot_m .menu1 a, .foot_m .menu2 a, .foot_m .menu3 a { width: 100%; }
	.foot_notice { float: none; }
	.foot span.tx1 { width: auto; margin: 0 0 5px 0; display: block; }
	.foot span.tx2 { width: auto; margin: 0 0 5px 0; display: block; }
	.foot_service { margin-top: 24px; float: left; }
	.foot_sns { width: 50%; }
	.foot_company { float: left; margin-top: 24px; }

	.board-pass-box { width: 100%; background: #F9F9FA; margin: 50px auto; padding: 44px; }
	.board-pass-box .optxt { margin-bottom: 9px; display: block; }
	.board-pass-box input.pnum { width: auto; height: 44px; border: 1px solid #D7D7D7; padding: 0px 0 0 4px; }
	.board-pass-box p { display: inline-block; margin-left: 4px; }

	/*mobile end*/
}

@media only screen and (max-width: 370px) {
	.txt_con { margin-top: 10px; }
}