@charset "utf-8";
.subpage #contents{padding-top:35px;padding-bottom:185px;}
.page_top .inlocation{margin-bottom:30px}
.snsData .page_top .inlocation,
.infoCookie .page_top .inlocation{margin-bottom:70px}
.page_top h2{margin-bottom:25px;font-size:44px;font-weight:600;}
.page_top .desc{font-size:18px;}
.inlocation{display:flex;margin-bottom:20px;;align-items:center;}
.inlocation .home{display:inline-block;width:15px;height:15px;background:url('../images/icon/ico_home.png') no-repeat 50% 50%}
.inlocation span{position:relative;display:inline-block;padding-left:20px;font-size:15px;color:#666;line-height:1;}
.inlocation span::after{content:'';position:absolute;top:calc(50% - 2px);left:8px;width:4px;height:4px;background-color:#ddd;border-radius:100%;}
.inlocation span:last-child{color:#44a5f8}
.snsData .inlocation .home,
.infoCookie .inlocation .home,
.cardNews .inlocation .home{background:url('../images/icon/ico_home_wh.png') no-repeat 50% 50%}
.snsData .inlocation span,
.infoCookie .inlocation span,
.cardNews .inlocation span{color:#fff}
.snsData .inlocation span::after,
.infoCookie .inlocation span::after,
.cardNews .inlocation span::after{background-color:#fff;}
.sub_section .section_top{text-align:center;}
.sub_section h3{margin-bottom:20px;font-size:36px;font-weight:700;}
.sub_section .desc{font-size:18px;font-weight:300;color:#666;}
.swiper-button-next,
.swiper-button-prev{width:58px;height:58px;border:1px solid #cce3f6;border-radius:100%;}
.swiper-button-next::after,
.swiper-button-prev::after{font-size:14px;font-weight:600;}
.tab{border-bottom:1px solid #ddd}
.tab .innertab{display:inline-block;margin-left:55px;margin-bottom:-1px;padding-bottom:20px;font-size:18px;font-weight:600;color:#999}
.tab .innertab:first-child{margin-left:0;}
.tab .innertab.on{color:#44a5f8;border-bottom:1px solid #44a5f8}
.btn_chk{cursor:pointer}
.btn_chk span{display:inline-block;height:35px;padding:0 17px;background-color:#fff;border-radius:35px;font-size:14px;color:#000;line-height:35px; margin-top:4px;}
.btn_chk input[type="checkbox"]:checked + span,
.btn_chk input[type="radio"]:checked + span{background-color:#44a5f8;color:#fff}
.btn_chk.chk-all input[type="checkbox"]:checked + span{background-color:#FFDD6E;}
.btn_chk.chk-japanese input[type="checkbox"]:checked + span{background-color:#F595C1;}
.btn_chk.chk-ethics input[type="checkbox"]:checked + span{background-color:#80bf3f;}
.thumb_list{display:flex;flex-wrap:wrap;}
.thumb_list .cell{width:calc(33.3% - 22px);margin:0 33px 65px 0;}
.thumb_list .cell:nth-child(3n){margin-right:0;}
.thumb_list .cell .thumb{position:relative;margin-bottom:20px;border-radius:15px;overflow:hidden}
.cardNews .thumb_list .cell .thumb{width:350px; height:350px;}
.thumb_list .cell .tit{margin-bottom:25px;font-size:21px;font-weight:700;color:#000;line-height:1.2;}
.thumb_list .cell .date{font-size:15px;color:#999;}
.thumb_list .cell .thumb i{position:absolute;top:0;right:0;display:block;width:27px;height:27px;border-radius:0 0 0 4px;background-color:#ddd;z-index:10;}
.thumb_list .cell .thumb i.ico_facebook{background:#0052da url('../images/icon/facebook.png') no-repeat 50% 50%;}
.thumb_list .cell .thumb i.ico_instagram{background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);}
.thumb_list .cell .thumb i.ico_instagram::after{content:'';position:absolute;top:0;lefT:0;width:100%;height:100%;background: url('../images/icon/instagram.png') no-repeat 50% 50%;;}
.thumb_list .cell .thumb i.ico_youtube{background:#dd2c2c url('../images/icon/youtube.png') no-repeat 50% 50%;}
.thumb_list .cell .thumb i.ico_podcast{background:#8830c1 url('../images/icon/podcast.png') no-repeat 50% 50%;}
.thumb_list .cell .sort{margin-bottom:10px;}
.thumb_list .cell .sort span{display:inline-block;padding:3px 7px;background-color:#333;border-radius:15px;font-size:13px;color:#fff;}
.thumb_list .cell .sort span.if{background-color: #329af2;}
.thumb_list .cell .sort span.jp{background-color: #74eb8b;color:#362bb5}
.thumb_list .cell .sort span.et{background-color: #ffdd52;color:#000}
.btn_more{display:flex;width:188px;height:55px;border:1px solid #c9e1f6;border-radius:30px;;align-items:center;justify-content:center;}
.btn_more span{display:inline-block;padding-right:40px;background:url('../images/ui/arr_right.png') no-repeat 100% 50% / 8px auto;font-size:18px;font-weight:600; color:#333333;}


/* book detail */
.book_detail_wrap{position:relative;padding-top:60px;padding-bottom:140px;}
.book_detail_wrap::before{content:'';position:absolute;top:0;left:50px;right:50px;height:417px;background-color: #f3f8fd;border-radius:30px 30px 0 30px;}
.book_detail_wrap .container{position:relative;display:flex;justify-content: space-between;}
.book_inner_left{width:332px;}
.book_fixed{position: sticky;top:30px;}
.book_detail_wrap .book_img{position:relative;}
.book_detail_wrap .book_img .tag{position:absolute;top:-20px;right:-20px;display:flex;width:72px;height:72px;background-color:#44a5f8;border-radius:100%;justify-content: center;align-items:center;font-size:15px;font-weight:600;color:#fff;line-height:1.3;}
.book_detail_wrap .btn_wrap{display:flex;margin-top:20px;flex-wrap:wrap}
.book_detail_wrap .btn_wrap a{display:flex;width:calc(50% - 5px);height:50px;margin-bottom:10px;justify-content: center;align-items: center;background-color:#fff;border:1px solid #c9e1f6;border-radius:25px;}
.book_detail_wrap .btn_wrap a span{display:inline-block;padding-right:30px;background: url('../images/icon/i_link.png') no-repeat 100% 50%;line-height:50px;}
.book_detail_wrap .btn_wrap a.bookview span{background: url('../images/icon/i_bookview.png') no-repeat 100% 50%;}
.book_detail_wrap .btn_wrap a.buy span{background: url('../images/icon/i_book.png') no-repeat 100% 50%;}
.book_detail_wrap .btn_wrap a.down span{background: url('../images/icon/i_down.png') no-repeat 100% 50%;}
.book_detail_wrap .btn_wrap a:nth-child(2n){margin-left:10px}
.book_inner_cont{width:calc(100% - 412px);}
.book_detail_top{margin-bottom:140px;padding-top:35px;}
.book_detail_top .desc{margin-bottom:20px;font-size:17px;color:#666;}
.book_detail_top .tit{margin-bottom:40px;font-size:36px;font-weight:600;color:#000}
.book_detail_top .book_info{display:flex;}
.book_detail_top .book_info dl{width:50%;display:flex;flex-wrap: wrap;}
.book_detail_top .book_info dt,
.book_detail_top .book_info dd{margin-bottom:25px;font-size:17px;color:#000}
.book_detail_top .book_info dt{width:90px;font-weight:500;}
.book_detail_top .book_info dd{width:300px;font-weight:300;}
.bookpage .book_detail_top .btn_wrap{display:none}
.book_detail_tab{position:sticky;top:0;padding-top:30px;background-color:#fff;border-bottom:1px solid #ddd}
.book_detail_tab .inner_tab{display:inline-block;margin-left:85px;margin-bottom:-1px;padding-bottom:20px;font-size:20px;font-weight:700;color:#999}
.book_detail_tab .inner_tab:first-child{margin-left:0;}
.book_detail_tab .inner_tab.on{color:#44a5f8;border-bottom:1px solid #44a5f8}
.book_detail_wrap.min{padding-top:50px;padding-bottom:0;margin-bottom:70px;}
.book_detail_wrap.min::before{height:auto;bottom:40px;}
.book_detail_wrap.min .book_inner_left{width:206px;}
.book_detail_wrap.min .book_inner_cont{width:calc(100% - 275px)}
.book_detail_wrap.min .book_detail_top{margin-bottom:0;padding-top:20px;}
.book_detail_wrap.min .book_detail_top .desc{font-size:16px;}
.book_detail_wrap.min .book_detail_top .tit{font-size:32px;}
.book_detail_wrap.min .btn_wrap a{width:165px;margin-left:0;margin-right:10px;margin-bottom:10px;}
.book_detail_wrap.min .btn_wrap a span{padding-right:25px;font-size:15px;}
.book_section{margin-top:55px;}
.book_section h4{font-size:25px;font-weight:500;color:#000}
.book_section .cont{margin-top:30px;font-size:15px;font-weight:300;color:#000;line-height:1.4;}
.book_section .cont .author{margin-bottom:15px;}
.book_section .cont .author span{display:inline-block;padding:8px 10px;background-color:#f2f9ff;border-radius:4px;;font-size:15px;font-weight:600;color:#44a5f8;}
.reference_book .container{position:relative;padding-top:70px;border-top:1px solid #ddd}
.reference_book h4{font-size:25px;font-weight:600;color:#000;}
.reference_book .btn_more{position:absolute;top:65px;right:0;display:flex;width:106px;height:40px;padding-left:20px;background:url('../images/ui/arr_right.png') no-repeat right 18px top 50% / 8px auto;border:1px solid #c9e1f6;border-radius:20px;;font-size:13px;font-weight:600;color:#333;align-items:center;justify-content: flex-start;}
.reference_book .refBook{position:relative;}
.reference_book .swiper{padding-top:105px;}
.reference_book .swiper-slide{position:relative;display:flex;width:280px;height:287px;border-radius:30px;background-color:#f3f8fd}
.reference_book .swiper-slide a{position:absolute;bottom:65px;left:calc(50% - 98px);display:block;width:196px;}
.reference_book .swiper-button-next{right:-75px}
.reference_book .swiper-button-prev{left:-75px}

.book_list_wrap{padding:50px 0;}
.book_list_wrap h3{margin-bottom:40px;font-size:24px;font-weight:500;color:#000}
.sec_bookList{margin-bottom:90px;}
.sec_bookList h4{display:inline-block;margin-bottom:20px;padding:10px 20px;background-color: #44a5f8;border-radius:4px;font-size:18px;font-weight:500;color:#fff;;}
.sec_bookList .book_list{display:grid;grid-template-columns:repeat(5, 1fr);grid-gap: 24px;}
.sec_bookList .book_list .img{margin-bottom:20px;border:1px solid #eee}
.sec_bookList .book_list .img img{width:100%}
.sec_bookList .book_list .tit{font-size:17px;font-weight:500;white-space:normal}
.sec_bookList:nth-child(2) h4, .sec_bookList:nth-child(7) h4{background-color:#5dda74;}
.sec_bookList:nth-child(3) h4, .sec_bookList:nth-child(8) h4{background-color:#fedd50;color:#000}
.sec_bookList:nth-child(4) h4, .sec_bookList:nth-child(9) h4{background-color:#f285c6;}
.sec_bookList:nth-child(5) h4{background-color:#ec6c6d;}

.data_table{display:flex;justify-content: space-between;}
.data_table .state{display:inline-block;min-width:23px;height:23px;padding:0 5px;background-color: #c2dbf2;border-radius:13px 13px 13px 0;font-size:13px;font-weight:700;color:#000;text-align:center;line-height:23px;}
.data_table .table_aside{width:280px;}
.data_table .table_aside .btn_alldown{display:flex;width:100%;margin-bottom:10px;padding:20px 10px;background-color: #44a5f8;border-radius:15px;align-items:center;}
.data_table .table_aside .btn_alldown .tag{display:inline-block;margin-right:5px;padding:5px;background-color:#fff;border-radius:4px;font-size:12px;color:#44a5f8}
.data_table .table_aside .btn_alldown .tit{display:inline-block;padding-right:25px;background:url('../images/icon/i_down_wh.png') no-repeat 100% 50%;;font-size:18px;font-weight:700;color:#fff;}
.data_table .table_aside .datamenu_wrap{padding:15px 12px;background-color:#eff6fc;border-radius:15px;}
.data_table .table_aside .datamenu_wrap .data_section{padding:20px;}
.data_table .table_aside .datamenu_wrap .data_section.on{background-color:#fff;border-radius:15px;}
.data_table .table_aside .datamenu_wrap .data_section .datamenu{display:flex;padding:0;font-size:17px;font-weight:700;color:#000;align-items:center;}
.data_table .table_aside .datamenu_wrap .data_section .datamenu .state{margin-left:10px;}
.data_table .table_aside .datamenu_wrap .data_section .datasubmenu{margin-top:5px;}
.data_table .table_aside .datamenu_wrap .data_section .datasubmenu li{border-top:1px solid #ddd}
.data_table .table_aside .datamenu_wrap .data_section .datasubmenu li:first-child{border-top:none;}
.data_table .table_aside .datamenu_wrap .data_section .datasubmenu .submenu{position:relative;display:block;padding:15px 0;;font-size:15px;color:#666;}
.data_table .table_aside .datamenu_wrap .data_section .datasubmenu .japanese-sub{position:relative;display:block;padding:15px 0;;font-size:15px;color:#666;}
.data_table .table_aside .datamenu_wrap .data_section.on .datasubmenu .open.on .japanese-sub{color:#44a5f8 !important;}
.data_table .table_aside .datamenu_wrap .data_section .datasubmenu .submenu::after{content:'';position:absolute;top:50%;right:0;width:12px;height:7px;background: url('../images/ui/arr_acc.png') no-repeat 50% 50%;transition:transform .5s;}
.data_table .table_aside .datamenu_wrap .data_section .datasubmenu .inmenu_wrap{display:none;padding:0 0 20px;}
.data_table .table_aside .datamenu_wrap .data_section .datasubmenu .inmenu_wrap .innermenu{display:block;margin-top:10px;font-size:14px;color:#666;}
.data_table .table_aside .datamenu_wrap .data_section .datasubmenu .inmenu_wrap .innermenu:first-child{margin-top:0;}
.data_table .table_aside .datamenu_wrap .data_section .datasubmenu .inmenu_wrap .innermenu.on{color:#44a5f8}
.data_table .table_aside .datamenu_wrap .data_section.on .datamenu{color:#44a5f8}
.data_table .table_aside .datamenu_wrap .data_section.on .datamenu .state{background-color: #44a5f8;color:#fff}
.data_table .table_aside .datamenu_wrap .data_section .datasubmenu .on .submenu{color:#44a5f8}
.data_table .table_aside .datamenu_wrap .data_section .datasubmenu .on .submenu::after{transform:rotate(180deg)}
.data_table .table_aside .datamenu_wrap .data_section .datasubmenu .on .inmenu_wrap{display:block;}
.data_table .table_cont{width:860px;}
.data_table .table_sort .tab{padding-top:5px;}
.data_table .table_sort .tab .innertab{padding-bottom:15px;}
.data_table .table_sort .tab .innertab .state{margin-left:10px;}
.data_table .table_sort .tab .innertab.on .state{background-color:#44a5f8;color:#fff;}
.data_table .table_sort .tabcont_wrap{margin-top:10px;}
.data_table .table_sort .tabcont_wrap .filterWrap{margin-bottom:55px;padding:18px 20px;background-color: #f6f6f6;border-radius:15px;}
.data_table .table_sort .tabcont_wrap .filterWrap .btn_chk{margin-right:10px;cursor:pointer;}
.data_table .data_list_wrap .data_list_top {display: flex; margin-bottom: 12px; justify-content: flex-start; align-items: center;}
.data_table .data_list_wrap .data_list_top .btn_down {width: 140px; height: 40px; border: 1px solid #c9e1f6; border-radius: 20px; margin-left: auto;}
.data_table .data_list_wrap .data_list_top .btn_down span {display: inline-block;padding-right: 28px;background: url('../images/icon/i_down_bl.png') no-repeat 100% 50%;font-size: 14px;color: #44a5f8;}
.data_table .data_list_wrap .data_list_top select {width: 80px;height: 40px;margin-left: 8px;}
.data_table .data_list_wrap .data_list{border-top:1px solid #333}
.data_table .data_list_wrap .data_list li{display:flex;padding:15px 0;border-bottom:1px solid #e8e8e8;align-items: center;justify-content: space-between;}
.data_table .data_list_wrap .data_list li .fileInfo{display:flex;width:calc(100% - 140px);align-items:center;}
.data_table .data_list_wrap .data_list li .fileInfo .cate{width:100%;margin-bottom:10px;font-size:14px;color:#999;}
.data_table .data_list_wrap .data_list li .fileInfo .cate span{margin-right:3px;font-weight:500;color:#44a5f8}
.data_table .data_list_wrap .data_list li .fileInfo .intxt{display:flex;width:calc(100% - 46px);flex-wrap:wrap;align-items:flex-start;;}
.data_table .data_list_wrap .data_list li .fileInfo .intxt .tit{width:calc(100% - 40px);padding-top:7px}
.data_table .data_list_wrap .data_list li .btnipt{margin-right:10px;}
.data_table .data_list_wrap .data_list li .filesort{display:inline-block;width:30px;height:30px;margin-right:10px;border-radius:4px;}
.data_table .data_list_wrap .data_list li .filesort.hwp{background: #dbeffa url('../images/icon/i_hwp.png') no-repeat 50% 50%;}
.data_table .data_list_wrap .data_list li .filesort.hwpx{background: #dbeffa url('../images/icon/i_hwp.png') no-repeat 50% 50%;}
.data_table .data_list_wrap .data_list li .filesort.pdf{background: #ffe0e0 url('../images/icon/i_pdf.png') no-repeat 50% 50%;}
.data_table .data_list_wrap .data_list li .filesort.ppt{background: #fbe4dc url('../images/icon/i_ppt.png') no-repeat 50% 50%;}
.data_table .data_list_wrap .data_list li .filesort.pptx{background: #fbe4dc url('../images/icon/i_ppt.png') no-repeat 50% 50%;}
.data_table .data_list_wrap .data_list li .filesort.zip{background: #ebebeb url('../images/icon/i_zip.png') no-repeat 50% 50%;}
.data_table .data_list_wrap .data_list li .tit{font-size:15px;}
.data_table .data_list_wrap .data_list li .btn_wrap{display:flex;}
.data_table .data_list_wrap .data_list li .btn_wrap a{display:block;width:36px;height:36px;margin-left:10px;border-radius:4px;overflow:hidden;text-indent:-9999px;}
.data_table .data_list_wrap .data_list li .btn_wrap .btn_preview{background:#f0f0f0 url('../images/icon/i_srch.png') no-repeat 50% 50%;}
.data_table .data_list_wrap .data_list li .btn_wrap .btn_down{background:#f0f0f0 url('../images/icon/i_down.png') no-repeat 50% 50%;}
.data_table .data_list_wrap .data_list li .btn_wrap .btn_bookmark{background:#f0f0f0 url('../images/icon/i_bookmark.png') no-repeat 50% 50%;}
.data_table .data_list_wrap .data_list li .btn_wrap .btn_bookmark.on{background: #44a5f8 url('../images/icon/i_bookmark_wh.png') no-repeat 50% 50%;;}

#selectSort{display:none}

/* info cookie */
.subpage #contents.infoCookie{padding-top:0;}
.infoCookie .page_top,
.snsData .page_top{position:relative;padding:35px 0 95px;background: url('../images/contents/bg_cookie.png') no-repeat 50% 50% / cover;border-radius:0 0 0 50px;overflow:hidden}
.infoCookie .page_top::after,
.snsData .page_top::after{content:'';position:absolute;bottom:-445px;right:-370px;width:610px;height:610px;background-color: #f3e547;border-radius:100%;}
.snsData .page_top h2,
.snsData .page_top .desc,
.infoCookie .page_top h2,
.infoCookie .page_top .desc{color:#fff;}
.infoCookie .sub_section,
.snsData .sub_section{padding:100px 0 110px;}
.snsData .section_top,
.infoCookie .section_top{margin-bottom:50px;}
.infoCookie .section_top .tag_wrap{margin-top:40px;}
.snsData .section_top .tag_wrap .btn_chk span,
.infoCookie .section_top .tag_wrap .btn_chk span{height:50px;padding:0 30px;border-radius:25px;font-size:16px;line-height:50px;}
.snsData .btn_wrap .btn_more,
.infoCookie .btn_wrap .btn_more{margin:0 auto; background-color: #C9E1F6;}
.infoCookie .sub_section.sec_magazine{position:relative;left:50px;width:calc(100% - 100px);padding:0;}
.infoCookie .sub_section.sec_magazine .section_top{position:relative;height:355px;margin-bottom:0;padding-top:70px;background-color: #0c93f3;border-radius:30px 30px 0 30px;overflow:hidden}
.infoCookie .sub_section.sec_magazine .section_top::before{content:'';position:absolute;top:0;left:0;width:482px;height:355px;background:url('../images/contents/bg_mz1.png') no-repeat 0 0;}
.infoCookie .sub_section.sec_magazine .section_top::after{content:'';position:absolute;top:0;right:0;width:357px;height:355px;background:url('../images/contents/bg_mz2.png') no-repeat 100% 100%;}
.infoCookie .sub_section.sec_magazine .section_top h3,
.infoCookie .sub_section.sec_magazine .section_top .desc{color:#fff}
.infoCookie .sub_section.sec_magazine .container{position:relative;}
.infoCookie .magazine_wrap{display:flex;margin-top:-135px;justify-content: space-between;}
.infoCookie .magazine_wrap .cell{width:246px;}
.infoCookie .magazine_wrap .cell .book{text-align:center;}
.infoCookie .magazine_wrap .cell .btn_wrap{display:flex;max-width:246px;margin:20px auto 0;justify-content: space-between;}
.infoCookie .magazine_wrap .cell .btn_wrap a{display:block;width:calc(50% - 3px);height:45px;font-size:15px;color:#000;line-height:45px;border:1px solid #c9e1f6;border-radius:23px;text-align:center;}

/* card noews */
.subpage #contents.cardNews{padding-top:0;}
.cardNews .sub_section{padding:100px 0 110px;}
.cardNews .page_top{position:relative;padding:35px 0 95px;background: url('../images/contents/bg_cookie.png') no-repeat 50% 50% / cover;border-radius:0 0 0 50px;overflow:hidden}
.cardNews .page_top::after{content:'';position:absolute;bottom:-445px;right:-370px;width:610px;height:610px;background-color: #f3e547;border-radius:100%;}
.cardNews .page_top h2,
.cardNews .page_top .desc{color:#fff;}
.cardNews .sub_section,
.cardNews .section_top{margin-bottom:50px;}
.cardNews .section_top .tag_wrap{margin-top:40px;}
.cardNews .section_top .tag_wrap .btn_chk span,
.cardNews .section_top .tag_wrap .btn_chk span{height:50px;padding:0 30px;border-radius:25px;font-size:16px;line-height:50px;}
.cardNews .btn_wrap .btn_more{margin:0 auto; background-color: #C9E1F6;}


/* cs */
.subtab{margin-top:55px;padding-top:30px;background-color:#fff;border-bottom:1px solid #ddd}
.subtab .innerLink{display:inline-block;margin-left:65px;margin-bottom:-1px;padding-bottom:20px;font-size:20px;font-weight:700;color:#999}
.subtab .innerLink:first-child{margin-left:0;}
.subtab .innerLink.on{color:#44a5f8;border-bottom:1px solid #44a5f8}

.board_list_wrap,
.board_view_wrap,
.board_form_wrap{margin-top:80px}
.board_list_wrap .btn_right{position:relative;}
.board_list_wrap .btn_right .btn_solid{position:absolute;top:-40px;right:0;display:flex;width:155px;height:50px;background-color: #000;border-radius:30px;font-size:16px;font-weight:500;color:#fff;justify-content: center;align-items: center;}
.board_list_wrap .board_filter{display:flex;margin-bottom:60px;padding:20px;background-color:#eff5fa;border-radius:15px;align-items:center;justify-content: center;}
.board_list_wrap .board_filter .input{max-width:390px;height:50px;background-color:#fff;border:none;border-radius:30px;}
.board_list_wrap .board_filter .btn_srch{width:118px;height:50px;margin-left:10px;background-color:#44a5f8;border-radius:30px;font-size:15px;font-weight:500;color:#fff;;}
.board_list_wrap .filterLink{display:flex;margin-top:-25px;margin-bottom:40px;justify-content: center;align-items: center;}
.board_list_wrap .filterLink a{display:inline-block;padding:0 25px;height:50px;margin:0 7px;border:1px solid #c9e1f6;border-radius:30px;font-size:15px;font-weight:600;color:#666;line-height:50px;}
.board_list_wrap .filterLink a.on{background-color: #44a5f8;border:none;color:#fff;;}
.board_list_wrap .filterLink .select{display:none}
.board_list_wrap .board_list,
.board_list_wrap .acc_list{border-top:1px solid #000}
.board_list_wrap .board_list li,
.board_list_wrap .acc_list li{border-bottom:1px solid #e8e8e8;}
.board_list_wrap .board_list li a{padding:20px 0}
.board_list_wrap .board_list li.board_head{display:flex;padding:25px 0;}
.board_list_wrap .board_list li.board_head span{font-size:15px;font-weight:500;color:#000;text-align:center;}
.board_list_wrap .board_list li a{display:flex;width:100%;}
.board_list_wrap .board_list li a span{display:block;font-size:14px;color:#999;text-align:center;}
.board_list_wrap .notice_list li .num,
.board_list_wrap .evt_list li .sort{width:90px;}
.board_list_wrap .notice_list li .date,
.board_list_wrap .evt_list li .date{width:150px;}
.board_list_wrap .notice_list li .subject,
.board_list_wrap .evt_list li .subject{width:calc(100% - 240px);padding:0 15px;font-size:15px;color:#000;text-align:left;}
.board_list_wrap .notice_list li .subject .file{display:inline-block;width:16px;height:15px;margin-left:10px;background: url('../images/icon/i_file.png') no-repeat 50% 50%;vertical-align:middle;}
.board_list_wrap .notice_list li.notice .num{display:block;height:20px;background: url('../images/icon/ico_notice.png') no-repeat 50% 50%;}
.board_list_wrap .notice_list li.notice .subject{font-weight:500;}
.board_list_wrap .alarm_list li .subject{width:calc(100% - 165px)}
.board_list_wrap .alarm_list li .date{width:165px;}

.noneData{display:flex;padding:90px 0;border-top:1px solid #333;border-bottom:1px solid #ddd;flex-direction: column;align-items:center;justify-content: center;}
.noneData .txt{margin-top:20px;font-size:15px;color:#666;}

.board_list_wrap .inquire_list li .num{width:90px;}
.board_list_wrap .inquire_list li .sort{width:150px;text-align:left}
.board_list_wrap .inquire_list li .date{width:115px;}
.board_list_wrap .inquire_list li .status{width:115px;}
.board_list_wrap .inquire_list li .status.complete{color:#44a5f8}
.board_list_wrap .inquire_list li .subject{width:calc(100% - 470px);padding:0 15px;font-size:15px;color:#000;text-align:left;}
.board_view_wrap .board_view{border-top:1px solid #000}
.board_view_wrap .board_view .board_top{display:flex;padding:25px 20px;border-bottom:1px solid #ddd;justify-content: space-between;align-items:center;}
.board_view_wrap .board_view .board_top .subject{font-size:18px;font-weight:500;color:#000}
.board_view_wrap .board_view .board_top .date{font-size:14px;color:#999;}
.board_view_wrap .board_view .board_top .intit{display:flex;align-items:center;}
.board_view_wrap .board_view .board_top .intit .sort{display:inline-block;margin-right:10px;padding:5px 10px;background-color: #eff5fa;border-radius:30px;color:#44a5f8;font-size:13px;}
.board_view_wrap .board_view .board_cont{padding:40px 20px;border-bottom:1px solid #ddd;font-size:15px;font-weight:300;color:#000;line-height:1.5;}
.board_view_wrap .board_view .board_bot{padding:15px 20px;border-bottom:1px solid #ddd;}
.board_view_wrap .board_view .board_bot .btn_file{position:relative;display:inline-block;padding-left:35px;font-size:15px;color:#666;line-height:30px;}
.board_view_wrap .board_view .board_bot .btn_file::after{content:'';position:Absolute;top:0;left:0;width:30px;height:30px;background: #eff5fa url('../images/icon/i_file_bl.png') no-repeat 50% 50%;border-radius:100%;}
.board_view_wrap .board_view .board_bot .btn_file + .answer_wrap{margin-top:20px}
.board_view_wrap .board_view .board_bot .answer_wrap{padding:20px;background-color:#eff5fa;border-radius:15px;}
.board_view_wrap .board_view .board_bot .answer_wrap .answer_top{display:flex;justify-content: space-between;}
.board_view_wrap .board_view .board_bot .answer_wrap .answer_top span{display:inline-block;padding:5px 10px;background-color: #44a5f8;border-radius:30px;color:#fff;font-size:13px;}
.board_view_wrap .board_view .board_bot .answer_wrap .answer_top .date{font-size:15px;color:#999}
.board_view_wrap .board_view .board_bot .answer_wrap .answer{margin-top:10px;font-size:15px;font-weight:300;color:#000;line-height:1.3;}
.board_btn_wrap{display:flex;margin-top:40px;justify-content: center;align-items:center;;}
.board_btn_wrap .btn_list,
.board_btn_wrap .btn_ok,
.board_btn_wrap .btn_cancel{display:flex;width:190px;height:55px;background-color: #44a5f8;border-radius:30px;font-size:16px;font-weight:500;color:#fff;justify-content: center;align-items: center;;}
.board_btn_wrap .btn_cancel{background:none;border:1px solid #c9e1f6;color:#666;}
.board_list_wrap .acc_list li{display:flex;padding:20px;flex-wrap:wrap;align-items:center;}
.board_list_wrap .acc_list li .cate{width:180px;font-size:14px;color:#666;}
.board_list_wrap .acc_list li .btn_acc{position:relative;display:flex;width:calc(100% - 180px);align-items:center;}
.board_list_wrap .acc_list li .btn_acc .q{width:32px;height:32px;margin-right:15px;background-color:#eff5fa;border-radius:100%;font-size:16px;font-weight:600;color:#44a5f8;text-align:center;line-height:32px;}
.board_list_wrap .acc_list li .btn_acc .subject{display:block;width:calc(100% - 70px);font-size:16px;line-height:1.3;}
.board_list_wrap .acc_list li .btn_acc::after{content:'';position:Absolute;top:12px;right:0;width:13px;height:8px;background: url('../images/ui/arr_acc.png') no-repeat 50% 50%;transition:transform .5s;}
.board_list_wrap .acc_list li .acc_cont{display:none;width:100%;margin-top:25px;padding:20px 20px 20px 180px;background-color:#eff5fa;border-radius:20px;font-size:15px;color:#666;line-height:1.5; ;}
.board_list_wrap .acc_list li .acc_cont .a{display:block;width:32px;height:32px;margin-right:15px;margin-top:-6px;background-color:#fff;border-radius:100%;font-size:16px;font-weight:600;color:#44a5f8;text-align:center;line-height:32px;}
.board_list_wrap .acc_list li .acc_cont .answer{width:calc(100% - 47px)}
.board_list_wrap .acc_list li.on .btn_acc .q{background-color: #44a5f8;color:#fff;}
.board_list_wrap .acc_list li.on .btn_acc::after{transform:rotate(180deg)}
.board_list_wrap .acc_list li.on .acc_cont{display:flex;}
.board_list_wrap .acc_list.alarm_list li .btn_acc{width:100%}
.board_list_wrap .acc_list.alarm_list li .btn_acc .subject{width:calc(100% - 160px)}
.board_list_wrap .acc_list.alarm_list li .btn_acc .date{width:160px;font-size:14px;color:#999}
.board_list_wrap .acc_list.alarm_list li .btn_acc .date .time{font-size:12px}
.board_list_wrap .acc_list.alarm_list li .btn_acc::after{top:10px;}
.board_list_wrap .acc_list.alarm_list li .acc_cont{width:100%;padding:20px}
.board_list_wrap .acc_list.alarm_list li .acc_cont .answer{width:100%;font-size:15px;color:#666}
.board_form{border-top:1px solid #000}
.board_form li{display:flex;padding:20px;border-bottom:1px solid #ddd;align-items:center;}
.board_form li .label{width:125px}
.board_form li .label .ns{margin-left:5px;color:#44a5f8}
.board_form li .incont{width:calc(100% - 125px)}
.board_form li .incont .select{width:350px;}
.board_form li .incont .ipt_wrap .ipt_infotxt{margin-top:10px;font-size:14px;color:#999}
.board_form_wrap .board_btn_wrap a{margin:0 5px;}
.loginbox,
.findbox{max-width:450px;margin:0 auto;}
.loginbox h3,
.findbox h3,
.joinbox h3{margin:55px 0;font-size:42px;font-weight:600;color:#000;text-align:center;}
.loginbox .form_wrap .ipt_wrap,
.findbox .form_wrap .ipt_wrap{margin-bottom:10px;}
.loginbox .form_wrap .login_bot {display: flex;padding-top: 5px;justify-content: space-between;}
.loginbox .form_wrap .login_bot .saveid input[type="checkbox"] + label{color:#666}
.loginbox .form_wrap .login_bot .bot_btn_wrap {padding-top: 5px;overflow: hidden}
.loginbox .form_wrap .login_bot .bot_btn_wrap a {position: relative;display: block;float: left;font-size:15px;color:#666;transition: .3s;}
.loginbox .form_wrap .btn_wrap{margin-top:30px;}
.loginbox .form_wrap .btn_wrap .button{display:block;font-size:16px;}
.loginbox .form_wrap .btn_wrap .btn_solid{margin-bottom:10px;}
.findbox h3{margin-bottom:20px;}
.findbox .desc{margin-bottom:40px;font-size:16px;color:#666;text-align:center;}
.findbox .caution_txt{margin-bottom:40px;padding-left:30px;background: url('../images/icon/i_caution.png') no-repeat 0 50%;font-size:15px;color:#666;line-height:20px;}
.modal_pw .modal_contents{width:415px;max-width:calc(100% - 40px);}
.modal_pw .inner_wrap{padding:35px 20px}
.modal_pw .inner_wrap .txt{font-size: 15px;color:#333;line-height:1.4;text-align:center;}
.modal_pw .inner_wrap .btn_ok{display:block;width:140px;height:48px;margin:35px auto 0;line-height:48px;}
.joinbox{max-width:800px;margin:0 auto;}
.join_step{display:flex;justify-content: center;align-items:center;padding-bottom:60px;border-bottom:1px solid #eee}
.join_step .step{position:relative;width:100px;margin-left:80px}
.join_step .step::after{content:'';position:absolute;top:50px;left:-36px;width:8px;height:14px;background: url('../images/icon/step.png') no-repeat 50% 50%;;}
.join_step .step:first-child{margin-left:0;}
.join_step .step:first-child::after{content:none;}
.join_step .step .ico_wrap{display:flex;width:100%;height:100px;flex-direction:column;justify-content: center;align-items:center;border:1px solid #e1eefa;border-radius:100%;}
.join_step .step .ico_wrap .icon{display:block;width:100%;height:30px;margin-bottom:10px;}
.join_step .step .ico_wrap .icon.i_doc{background: url('../images/icon/i_doc.png') no-repeat 55% 50%;}
.join_step .step .ico_wrap .icon.i_pen{background: url('../images/icon/i_pen.png') no-repeat 50% 50%;}
.join_step .step .ico_wrap .icon.i_mail{background: url('../images/icon/i_mail.png') no-repeat 50% 50%;}
.join_step .step .ico_wrap .en{font-size:13px;font-weight:600;color:#44a5f8}
.join_step .step .tit{margin-top:15px;font-size:15px;color:#666;text-align:center;}
.join_step .step.on .ico_wrap{border:none;background-color: #44a5f8;}
.join_step .step.on .ico_wrap .icon.i_doc{background: url('../images/icon/i_doc_on.png') no-repeat 55% 50%;}
.join_step .step.on .ico_wrap .icon.i_pen{background: url('../images/icon/i_pen_on.png') no-repeat 50% 50%;}
.join_step .step.on .ico_wrap .icon.i_mail{background: url('../images/icon/i_mail_on.png') no-repeat 50% 50%;}
.join_step .step.on .ico_wrap .en{color:#fff}
.join_step .step.on .tit{font-weight:600;color:#44a5f8}
.agree_form{padding:50px 0;}
.agree_form .all_chk{margin-bottom:35px;}
.agree_form .all_chk label{font-size:17px;font-weight:500;color:#000}
.agree_form .agree_term{margin-bottom:30px;}
.agree_form .agree_term:last-child{margin-bottom:0;}
.agree_form .agree_term .agree_top{margin-bottom:10px;}
.joinbox label{font-size:15px;font-weight:400;color:#000}
.joinbox label .req{display:inline;font-weight:500;color:#44a5f8}
.agree_form .agree_term .agree_doc{height:260px;padding:15px 15px 15px 30px;background-color:#eff5fa;border-radius:20px;line-height:1.6;}
.agree_form .agree_term .agree_doc .scroll_wrap{height:100%;}
.agree_form .agree_term .agree_doc .scroll_wrap .section{margin-top:20px;font-size:14px;color:#666;}
.agree_form .agree_term .agree_doc .scroll_wrap .title{margin-bottom:30px;font-size:16px;font-weight:700;color:#666;}
.agree_form .agree_term .agree_doc .scroll_wrap .title .desc{margin-top:15px;font-size:15px;font-weight:500;}
.agree_form .agree_term .agree_doc .scroll_wrap h3{margin:0;font-size:15px;color:#666;text-align:left;}
.ad_agree,
.add_agree,
.addChkWrap{padding:40px 0;border-top:1px solid #eee}
.ad_agree .tit{margin-bottom:20px;font-size:16px;font-weight:600;color:#44a5f8;}
.ad_agree .adAgree{margin-top:10px;}
.joinbox .info_list,
.myinfo_box .info_list{margin-top:10px;padding-left:38px;}
.joinbox .info_list li,
.myinfo_box .info_list li{padding-left:10px;text-indent:-12px;font-size:15px;color:#666;line-height:1.5;}
.joinbox .info_list li span,
.myinfo_box .info_list li span{color:#44a5f8}
.joinbox .info_list.nodot li{padding:0;text-indent:0;}
.addChkWrap .inCaution{padding-left:38px;background: url('../images/icon/i_caution.png') no-repeat 8px 50%;font-size:15px;color:#000;line-height:20px;;}
.joinbox .bot_btn_wrap,
.my_info_wrap .bot_btn_wrap{display:flex;padding-top:40px;border-top:1px solid #eee;justify-content: center;align-items:center;}
.joinbox .bot_btn_wrap .button,
.my_info_wrap .bot_btn_wrap .button{display:flex;width:188px;height:56px;margin:0 5px;justify-content: center;align-items:center;}
.join_form_wrap{padding:50px 0}
.join_form_wrap .select_mem{display:flex;margin-bottom:20px;justify-content: space-between;}
.join_form_wrap .select_mem a{display:flex;width:calc(50% - 10px);padding:30px 20px;border:1px solid rgba(68,165,248,.5);border-radius:15px;align-items:center}
.join_form_wrap .select_mem a .icon{display:block;width:80px;height:48px;opacity:.5}
.join_form_wrap .select_mem a .icon.tc{background: url('../images/icon/i_tc.png') no-repeat 50% 50%;}
.join_form_wrap .select_mem a .icon.nm{background: url('../images/icon/i_nm.png') no-repeat 50% 50%;}
.join_form_wrap .select_mem a .tit{margin-bottom:10px;font-size:17px;color:#000}
.join_form_wrap .select_mem a .desc{font-size:15px;color:#666;}
.join_form_wrap .select_mem a.on{border-color:#44a5f8}
.join_form_wrap .select_mem a.on .icon{opacity:1;}
.join_form_wrap .select_mem a.on .tit{color:#44a5f8}
.join_form_wrap .form_wrap{padding:40px 0;}
.join_form_wrap .form_wrap.certification{display:none;border-bottom:1px solid #eee}
.join_form_wrap .form_wrap.certification.on{display:block;}
.join_form_wrap .form_wrap:last-child{padding-bottom:0;border-top:1px solid #eee}
.join_form_wrap .form_wrap h4{margin-bottom:20px;font-size:16px;font-weight:600;}
.join_form_wrap .form_wrap h4 .req{color:#44a5f8}
.join_form_wrap .form_wrap .ipt_row{display:flex;margin-bottom:20px;}
.join_form_wrap .form_wrap .ipt_row:last-child{margin-bottom:0;}
.join_form_wrap .form_wrap .ipt_row .ipt_wrap{display:flex;width:100%;height:60px;padding:0 30px;background-color:#eff5fa;border-radius:50px;align-items:center}
.join_form_wrap .form_wrap .ipt_row .ipt_wrap .label{width:110px;font-size:14px;font-weight:600;color:#999;cursor:text;flex-shrink: 0;}
.join_form_wrap .form_wrap .ipt_row .ipt_wrap .input{width:calc(100% - 110px);padding:0;font-size:16px;font-weight:600;color:#000}
.join_form_wrap .form_wrap .ipt_row .ipt_wrap .select{width:100%;padding:0;font-size:16px;font-weight:600;color:#000}
.join_form_wrap .form_wrap .ipt_row .ipt_wrap .radio_wrap{display:flex;}
.join_form_wrap .form_wrap .ipt_row .ipt_wrap .radio_wrap label{display:inline-block;margin-right:30px;}
.join_form_wrap .form_wrap .ipt_row .unit{margin:0 5px;line-height:60px;font-size:16px;color:#999}
.join_form_wrap .form_wrap .ipt_row.direct .unit{opacity:0;}
.join_form_wrap .form_wrap .ipt_row.direct .ipt_wrap:last-child{width:200px;}
.join_form_wrap .form_wrap .addtxt{margin:-10px 0 20px;;padding-left:20px;background: url('../images/icon/i_caution_sm.png') no-repeat 0 0 ;font-size:14px;color:#999;line-height:16px;}
.join_form_wrap .form_wrap .addtxt:last-child{margin-bottom:0;}
.join_form_wrap .form_wrap .ipt_row .inner_btn_wrap{display:flex;align-items:center;justify-content: space-between;}
.join_form_wrap .form_wrap .ipt_row .inner_btn_wrap .btn_inner{display:inline-block;width:auto;height:35px;padding:0 20px;line-height:35px;font-size:14px;white-space:nowrap}
.join_form_wrap .form_wrap .ipt_row.school{position:relative;}
.join_form_wrap .form_wrap .ipt_row.school .inner_btn_wrap{width:165px;flex-shrink: 0;}
.join_form_wrap.my_info_wrap .form_wrap .ipt_row.school .inner_btn_wrap{width:auto;}
.join_form_wrap .form_wrap .new_phone .ipt_row .inner_btn_wrap{width:152px;flex-shrink: 0;}
.join_form_wrap .form_wrap .filebox{width:calc(100% - 110px);max-width:100%;}
.join_form_wrap .form_wrap .filebox .upload-name{width:100%;}
.join_form_wrap .form_wrap .filebox .button{display:inline-block;width:auto;height:35px;padding:0 20px;line-height:35px;font-size:14px;white-space:nowrap;}
#search_school{display:none;position:absolute;top:60px;right:90px;width:422px;background-color:#fff;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.1);z-index:10;}
.my_info_wrap #search_school{right:0;}
#search_school.on{display:block;}
#search_school::after{content:'';position:absolute;top:-28px;right:40px;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 15px solid #fff;border-top: 15px solid transparent;}
#search_school .srch_header{position:relative;padding:20px;border-bottom:1px solid #eee;font-size:16px;font-weight:600;color:#000}
#search_school .srch_header .btn_close{position:absolute;top:20px;right:20px;width:14px;height:14px;background: url('../images/ui/modal_close.png') no-repeat 50% 50%;overflow:hidden;text-indent:-9999px}
#search_school ul{position:relative;display:block;max-height:200px;padding:20px;overflow-y:auto;}
#search_school ul::-webkit-scrollbar {width: 5px;}
#search_school ul::-webkit-scrollbar-track {-webkit-box-shadow:none;-webkit-border-radius: 10px;border-radius: 10px;background-color:#fff;}
#search_school ul::-webkit-scrollbar-thumb {-webkit-border-radius: 10px;border-radius: 10px;background:#44a5f8;-webkit-box-shadow:none;}
#search_school ul::-webkit-scrollbar-thumb:window-inactive {background:#44a5f8;}
#search_school li{display:flex;padding:20px 0;border-bottom:1px solid #eee;overflow:hidden;flex-wrap:wrap;}
#search_school li:last-child{border-bottom:none;}
#search_school li a{display:block;width:100%;margin-bottom:10px;font-size:15px;color:#000;}
#search_school li a:hover{color:#44a5f8}
#search_school li span{font-size:14px;color:#999;}
#search_school li .addr{width:70%;}
#search_school li .tel{width:30%;font-size:14px;color:#999;text-decoration:none;text-align:right;}
#search_school > p{padding:20px;background-color:#44a5f8;border-radius:0 0 20px 20px;font-size:14px;color:#fff;}
.join_form_wrap .new_school{display:none;margin-bottom:20px;}
.join_form_wrap .new_school.on{display:block;}
.join_form_wrap .new_school .ipt_row{width:100%;flex-direction: column;}
.join_form_wrap .new_school .ipt_row .ipt_wrap{width:100%;margin-top:10px;}
.join_form_wrap .new_school .ipt_row .ipt_wrap:first-child{margin-top:0;}
.join_form_wrap .new_school .ipt_row .inner_btn_wrap{width:105px;justify-content: flex-end;}
.join_mail_wrap .mail_box{padding:75px 0;text-align:center;}
.join_mail_wrap .mail_box .i_mail{display:block;width:90px;height:90px;margin:0 auto 35px;border:8px solid #eff5fa;border-radius:100%;background: url('../images/icon/i_mail_lg.png') no-repeat 50% 50%;}
.join_mail_wrap .mail_box .tit{margin-bottom:30px;font-size:18px;font-weight:600;color:#000}
.join_mail_wrap .mail_box .desc{font-size:15px;color:#999;line-height:1.5;}
.join_mail_wrap .mail_box .desc span{font-weight:600;color:#44a5f8}

/* mypage */
.my_box{display:flex;margin:45px 0 70px;padding:50px 70px;background-color: #f6f9fd;border-radius:15px;;justify-content: space-between;align-items:center;;}
.my_box .welcome{font-size:29px;font-weight:300;color:#999;line-height:1.4;}
.my_box .welcome .myimg{display:block;margin-bottom:25px;}
.my_box .welcome strong{font-weight:500;color:#000}
.my_box .mymenu{display:flex;width:485px;justify-content: space-evenly;align-items: center;}
.my_box .mymenu .btn{display:block;}
.my_box .mymenu .btn i{display:block;width:108px;height:108px;margin-bottom:15px;background-color: #fff;background-repeat:no-repeat;background-position:50% 50%;border:1px solid #d6e8f8;border-radius:100%}
.my_box .mymenu .btn i.i_alarm{background-image: url('../images/icon/i_alarm.png');}
.my_box .mymenu .btn i.i_book{background-image: url('../images/icon/i_mybook.png');}
.my_box .mymenu .btn i.i_myinfo{background-image: url('../images/icon/i_myinfo.png');}
.my_box .mymenu .btn .tit{font-size:16px;font-weight:500;color:#44a5f8;text-align:center;}
.scrap_list .container{width:100%;}
.scrap_list h4,
.myinfo_box h4{margin-bottom:20px;font-size:24px;font-weight:600;color:#000}
.join_password_wrap{max-width:calc(100% - 40px);width:440px;margin:0 auto;padding:0}
.join_password_wrap .info_box{padding:0;text-align:center;}
.join_password_wrap .info_box .i_lock{display:block;width:90px;height:90px;margin:0 auto 35px;border:8px solid #eff5fa;border-radius:100%;background: url('../images/icon/i_lock.png') no-repeat 50% 50%;}
.join_password_wrap .info_box .tit{margin-bottom:20px;font-size:32px;font-weight:600;color:#000}
.join_password_wrap .info_box .desc{font-size:15px;font-weight:300;;color:#999;line-height:1.5;}
.join_password_wrap .info_box .desc span{font-weight:600;color:#44a5f8}
.join_password_wrap .form_wrap:last-child{border:none}
.join_password_wrap .form_wrap .ipt_row{margin-bottom:10px;}
.join_password_wrap .form_wrap .ipt_row .ipt_wrap{height:50px;}
.join_password_wrap .form_wrap .ipt_row .ipt_wrap .label{width:80px;text-align:left}
.join_password_wrap .form_wrap .ipt_row .ipt_wrap .input{width:calc(100% - 80px)}
.join_password_wrap .form_wrap .btn_solid{margin-top:20px;}
.my_info_wrap{max-width:calc(100% - 40px);width:800px;margin:0 auto;padding:0;}
.my_info_wrap .new_phone{display:none}
.my_info_wrap .new_phone.on{display:block;}
.withdrawal_info{border-top:1px solid #000;padding:30px;border-bottom:1px solid #eee;}
.withdrawal_info .info_list{padding-left:0;margin:0;}
.withdrawal_agree_wrap{padding-top:20px;margin-top:40px;border-top:1px solid #eee}
.withdrawal_box .my_info_wrap.join_form_wrap .form_wrap{border-top:none}
.withdrawal_box .bot_btn_wrap .button{display:flex;width:188px;height:56px;margin:10px auto 0;justify-content: center;align-items:center;}

/* about company */
.company .sec_corp{position:relative;padding:110px 0 140px}
.company .sec_gilbut::before{content:'COMPANY';position:absolute;top:30px;left:calc(50% - 970px);font-size:170px;color:rgba(239,245,255,.7);font-weight:900}
.company .sec_gilbut .container{position:relative;}
.company .sec_gilbut .tit{margin-bottom:50px;font-size:42px;font-weight:700;color:#000}
.company .sec_gilbut .tit strong{color:#44a5f8}
.company .sec_gilbut .desc{margin-bottom:30px;font-size:23px;color:#000;font-weight:300;}
.company .sec_gilbut .txt{margin-bottom:50px;font-size:18px;font-weight:300;color:#000;line-height:1.5;}
.company .sec_gilbut .from{font-size:20px;font-weight:300;text-align:right;}
.company .sec_book{background-color: #44a5f8;border-radius:0 200px 0 0;}
.company .sec_book:before{content:'';position:absolute;top:-90px;left:0;width:305px;height:185px;background: url('../images/contents/bg_corp1.png') no-repeat 0 0;}
.company .sec_book:after{content:'';position:absolute;bottom:-85px;left:-70px;width:351px;height:186px;background: url('../images/contents/bg_corp2.png') no-repeat 0 0;}
.company .sec_book .container{display:flex;}
.company .sec_book h4{position:relative;width:260px;font-size:40px;font-weight:700;color:#fff;}
.company .sec_book h4:after{content:'';position:absolute;top:-45px;left:-40px;width:55px;height:58px;background: url('../images/contents/bg_book_tit.png') no-repeat 0 0;;}
.company .sec_book .book_list_wrap{width:calc(100% - 260px)}
.company .sec_book .book_wrap{margin-top:85px;}
.company .sec_book .book_wrap .cursor-default{cursor:default;}
.company .sec_book .book_wrap:first-child{margin-top:0;}
.company .sec_book .book_wrap .bookswiper{position:relative;}
.company .sec_book .book_wrap .tit{margin-bottom:20px;font-size:21px;font-weight:600;color:#fff;}
.company .sec_book .book_wrap .swiper-slide{position:relative;}
.company .sec_book .book_wrap .intxt{display:flex;position:absolute;top:0;lefT:0;width:100%;height:100%;background-color:rgba(21,66,105,.9);justify-content: center;align-items: center;flex-direction: column;opacity:0;cursor:pointer;transition:.5s}
.company .sec_book .book_wrap .intxt .tit{margin-bottom:25px;font-size:23px;font-weight:700;color:#fff;text-align:center;}
.company .sec_book .book_wrap .intxt .desc{font-size:16px;font-weight:500;color:#fff;line-height:1.5;text-align:center;}
.company .sec_book .book_wrap .intxt .btn{display:inline-block;margin-top:20px;padding:10px 20px;border:1px solid #fff;border-radius:30px;font-size:15px;font-weight:500;color:#fff;}
.company .sec_book .book_wrap .swiper-button-prev,
.company .sec_book .book_wrap .swiper-button-next{width:50px;height:50px;}
.company .sec_book .book_wrap .swiper-button-prev{left:-30px;background-color:#fff}
.company .sec_book .book_wrap .swiper-button-next{right:-30px;background-color:#fff}
.company .sec_info{text-align:center;}
.company .sec_info h4{margin-bottom:50px;font-size:40px;font-weight:700;}
.company .sec_info .desc{margin-bottom:80px;font-size:18px;font-weight:300;line-height:1.5;}
.company .sec_info .mb{display:none}
.company .sec_info .info_wrap h5{margin-bottom:50px;font-size:28px;font-weight: 700;;}
.company .sec_info .info_wrap h5 .inner,
.company .sec_info .info_wrap h5 span{position:relative;display:inline-block;}
.company .sec_info .info_wrap h5 .inner::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:10px;background-color: #d7f6f1;border-radius:10px;}
.company .sec_info .info_wrap h5 strong{color:#44a5f8}
.company .sec_info .info_wrap .info_list{position:relative;display:grid;grid-template-columns:repeat(5, 1fr);grid-gap:20px ;}
.company .sec_info .info_wrap .info_list::before,
.company .sec_info .info_wrap .info_list::after{content:'';position:absolute;top:0;}
.company .sec_info .info_wrap .info_list::before{left:-120px;top:-108px;width:176px;height:316px;background: url('../images/contents/bg_corp3.png') no-repeat 0 0;}
.company .sec_info .info_wrap .info_list::after{right:-90px;top:-40px;width:133px;height:334px;background: url('../images/contents/bg_corp4.png') no-repeat 0 0;}
.company .sec_info .info_wrap .info_list .info{position:relative;padding:50px 0;z-index:10;}
.company .sec_info .info_wrap .info_list .info .icon{display:block;width:100%;height:70px;margin-bottom:20px;}
.company .sec_info .info_wrap .info_list .info .tit{font-size:17px;font-weight:400;color:#fff;line-height:1.5;}
.company .sec_info .info_wrap .info_list .info .tit strong{display:block;font-size:21px;font-weight:700;}
.company .sec_info .info_wrap .info_list .info1{background-color: #7288d8;border-radius:0 0 0 40px}
.company .sec_info .info_wrap .info_list .info2{background-color: #456aed;}
.company .sec_info .info_wrap .info_list .info3{background-color: #44a5f8;}
.company .sec_info .info_wrap .info_list .info4{background-color: #00c9ff;}
.company .sec_info .info_wrap .info_list .info5{background-color: #59d3c3;border-radius:0 0 40px 0}
.company .sec_info .info_wrap .info_list .info1 .icon{background: url('../images/icon/i_corp1.png') no-repeat 50% 50%;}
.company .sec_info .info_wrap .info_list .info2 .icon{background: url('../images/icon/i_corp2.png') no-repeat 50% 50%;}
.company .sec_info .info_wrap .info_list .info3 .icon{background: url('../images/icon/i_corp3.png') no-repeat 50% 50%;}
.company .sec_info .info_wrap .info_list .info4 .icon{background: url('../images/icon/i_corp4.png') no-repeat 50% 50%;}
.company .sec_info .info_wrap .info_list .info5 .icon{background: url('../images/icon/i_corp5.png') no-repeat 50% 50%;}
/*promotion*/
.promotion .page_header{font-size:44px;font-weight:200;line-height:1.2;}
.promotion .page_header .bl{color:#44a5f8}
.promotion .page_desc{max-width:1130px;margin-top:30px;font-size:21px;font-weight:300;line-height:1.6;color:#333}
.promotion .page_desc span{display:inline-block;font-weight:600;border-bottom:2px solid #333;line-height:1.2;}
.promotion .sec_book{margin-top:100px}
.promotion .sec_book h3{font-size:24px;font-weight:600;color:#333;}
.promotion .book_list{display:grid;margin-top:35px;grid-template-columns:1fr 1fr;grid-gap:25px;}
.promotion .book_list > li{display:flex;border:1px solid #ddd;border-radius:15px;overflow:hidden}
.promotion .book_list > li .book_wrap{width:40%;padding:28px 35px;background-color:#f3f8fc}
.promotion .book_list > li .book_wrap .book{position:relative;}
.promotion .book_list > li .book_wrap .book .txt_wrap{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;background-color: rgba(30,73,110,.95);flex-direction: column;justify-content: center;align-items: center;opacity:0;transition:opacity .5s;}
.promotion .book_list > li .book_wrap .book:hover .txt_wrap{opacity:1;}
.promotion .book_list > li .book_wrap .book .txt_wrap .tit{margin-bottom:20px;font-size:21px;font-weight:600;color:#fff;text-align:center;}
.promotion .book_list > li .book_wrap .book .txt_wrap .author{font-size:15px;font-weight:300;color:#fff;}
.promotion .book_list > li:nth-child(2){order:2}
.promotion .book_list > li:nth-child(3){order:4}
.promotion .book_list > li:nth-child(4){order:1}
.promotion .book_list > li:nth-child(5){order:3}
.promotion .book_list > li:nth-child(6){order:5}
.promotion .book_list > li .book_wrap .btn_wrap{margin-top:30px;}
.promotion .book_list > li .book_wrap .btn_wrap a{display:flex;width:100%;height:50px;margin-top:10px;justify-content: center;align-items: center;background-color:#fff;border:1px solid #c9e1f6;border-radius:25px;}
.promotion .book_list > li .book_wrap .btn_wrap a:first-child{margin-top:0;}
.promotion .book_list > li .book_wrap .btn_wrap a span{display:inline-block;padding-right:30px;background: url('../images/icon/i_link.png') no-repeat 100% 50%;line-height:50px;font-size:15px;font-weight:600;}
.promotion .book_list > li .book_wrap .btn_wrap a.bookview span{background: url('../images/icon/i_bookview.png') no-repeat 100% 50%;}
.promotion .book_list > li .book_wrap .btn_wrap a.down span{background: url('../images/icon/i_down.png') no-repeat 100% 50%;}
.promotion .book_list > li .btn_list{width:60%;padding:28px 30px;}
.promotion .book_list > li .btn_list li{position:relative;display:flex;margin-top:8px;padding-left:10px;font-size:17px;align-items:center;}
.promotion .book_list > li .btn_list li:after{content:'';position:absolute;top:calc(50% - 2px);left:0;width:4px;height:4px;background-color: #44a5f8;border-radius:100%;;}
.promotion .book_list > li .btn_list li:first-child{margin-top:0;}
.promotion .book_list > li .btn_list li a{display:block;width:30px;height:30px;margin-left:5px;background-color:#f0f0f0;border-radius:4px;background-repeat: no-repeat;background-position: 50% 50%;}
.promotion .book_list > li .btn_list li a:first-child{margin-left:10px;}
.promotion .book_list > li .btn_list li a.view{background-image: url('../images/icon/i_bookview.png');background-size:16px auto}
.promotion .book_list > li .btn_list li a.down{background-image: url('../images/icon/i_down.png')}
.promotion .sec_service{margin-top:125px;}
.promotion .sec_service .tab{width:100%;display:flex;border:1px solid #44a5f8;border-radius:15px; background-color: #E8F6FF;overflow:hidden}
.promotion .sec_service .tab a{display:flex;width:50%;height:70px;justify-content: center;align-items:center;font-size:20px;font-weight:600;color:#626262;}
.promotion .sec_service .tab a.on{background-color: #44a5f8;color:#fff;}
.promotion .sec_service .tab a:not(.on):hover{background-color: #D4EDFF;transition: background-color 0.3s, color 0.3s;}
.promotion .sec_service .tabincont{display:none;padding:60px 0;}
.promotion .sec_service .tabincont.on{display:block;}
.promotion .sec_service .tabincont h4{margin-bottom:25px;font-size:23px;font-weight:600;color:#333;}
.promotion .sec_service .tabincont h4 span{color:#44a5f8}
.promotion .sec_service .tabincont .innerCont{margin-bottom:95px;}
.promotion .sec_service .tabincont .innerCont.magazine .info{margin-top:15px;font-size:15px;color:#666;line-height:1.8;}
.promotion .sec_service .tabincont .innerCont.magazine .info a{display:inline-block;border-bottom:1px solid #333}
.promotion .sec_service .tabincont .innerCont.kakao{text-align:center;}
.promotion .sec_service .tabincont .innerCont.kakao .qr_wrap{display:flex;margin-bottom:50px;padding:30px 0;background-color:#f8f8f8;justify-content: center;align-items:center;;}
.promotion .sec_service .tabincont .innerCont.kakao .qr_wrap .qr{width:190px;height:190px;margin-right:40px;background: #fff url('../images/promotion/pro_kakao_qr.png') no-repeat 50% 50%;border-radius:100%;}
.promotion .sec_service .tabincont .innerCont.kakao .qr_wrap .qr2{background: #fff url('../images/promotion/pro_kakao_qr2.png') no-repeat 50% 50%;}
.promotion .sec_service .tabincont .innerCont.kakao .qr_wrap .txt{text-align:left;font-size:18px;color:#333;line-height:1.6;}
.promotion .sec_service .tabincont .innerCont.freebies .txt,
.promotion .sec_service .tabincont .innerCont.smart .txt{font-size:16px;color:#666;line-height:1.4;}
.promotion .sec_service .tabincont .innerCont.freebies .free_book{display:flex;margin-top:45px;}
.promotion .sec_service .tabincont .innerCont.freebies .free_book .book{width:262px;margin-left:30px}
.promotion .sec_service .tabincont .innerCont.freebies .free_book .book:first-child{margin-left:0;}
.promotion .sec_service .tabincont .innerCont.freebies .free_book .book a{display:flex;margin-top:10px;border:1px solid #c9e1f6;border-radius:25px;line-height:50px;font-size:15px;font-weight:600;justify-content: center;align-items:center;;}
.promotion .sec_service .tabincont .innerCont.freebies .free_book .book a:nth-child(2){margin-top:20px;}
.promotion .sec_service .tabincont .innerCont.ebook .top_txt{padding:30px 0;text-align:center;}
.promotion .sec_service .tabincont .innerCont.ebook .sec_e{margin-bottom:35px;}
.promotion .sec_service .tabincont .innerCont.ebook .sec_e:last-child{margin-top:0;}
.promotion .sec_service .tabincont .innerCont.ebook .sec_e h5{display:flex;width:118px;height:25px;margin-bottom:15px;background-color: #9ac979;justify-content: center;align-items:center;font-size:16px;color:#fff;}
.promotion .sec_service .tabincont .innerCont.ebook .sec_e .how_list li{margin-top:10px;font-size:21px;line-height:1.3;}
.promotion .sec_service .tabincont .innerCont.ebook .sec_e .how_list li .num{display:inline-block;width:22px;height:22px;margin-right:10px;background-color:#636463;border-radius:100%;font-size:15px;font-weight:600;color:#fff;text-align:center;line-height:22px;}
.promotion .sec_service .tabincont .innerCont.ebook .sec_e .how_list.col{display:flex;justify-content: space-between;}
.promotion .sec_service .tabincont .innerCont.ebook .sec_e .how_list.col li{width:calc(50% - 20px);margin-top:0;}
.promotion .sec_service .tabincont .innerCont.ebook .sec_e .how_list.col li .img{display:block;margin-top:10px;text-align: center;;}
.promotion .sec_service .tabincont .innerCont.ebook .sec_e .how_list.col li .img img{margin:0 auto;border:1px solid #aeaead;}
.promotion .sec_service .tabincont .innerCont.ebook .sec_e .info{margin-top:20px;font-size:18px;}
.promotion .sec_service .tabincont .innerCont.smart .txt{margin-bottom:30px;}
.promotion .sec_service .tabincont .innerCont.smart .imgtxt{margin-bottom:60px}
.promotion .sec_service .tabincont .innerCont.smart .imgtxt .box{margin-top:10px;padding:20px;background-color: #f3f8fc;border-radius:10px;;font-size:17px;font-weight:500;color:#333;text-align:center;}
.promotion .sec_service .tabincont .innerCont.smart .imgtxt:last-child{margin-bottom:0;}
.promotion .sec_service .tabincont .btn_wrap{display:flex;justify-content: center;align-items: center;}
.promotion .sec_service .tabincont .btn_wrap a{display:block;width:300px;height:70px;background-color:#ffdc6d;border-radius:35px;;font-size:19px;font-weight:600;color:#000;text-align:center;line-height: 70px;}
.promotion .sec_service .tabincont .btn_wrap a:first-child{margin-right:20px;background-color: #44a5f8;color:#fff;}

@media screen and (max-width: 1400px) {
    .book_detail_wrap::before{left:20px;right:20px;}
    .book_inner_left{padding-left:30px;}
    .book_detail_top .book_info dd{width:calc(100% - 90px);}
    .reference_book .btn_more{right:20px;}
    .reference_book .swiper-button-prev{left:0;}
    .reference_book .swiper-button-next{right:0}

    .data_table .table_aside{width:250px;}
    .data_table .table_aside .btn_alldown{padding:15px;flex-direction: column;align-items:flex-start}
    .data_table .table_aside .btn_alldown .tag{height:auto;padding:3px 5px;margin-bottom:3px;}
    .data_table .table_aside .btn_alldown .tit{width:100%;font-size:16px;text-align:left}
    .data_table .table_aside .datamenu_wrap .data_section{padding:15px;}
    .data_table .table_cont{width:calc(100% - 280px)}
    .company .sec_corp{padding:55px 0 80px }
    .company .sec_gilbut::before{top:-15px;left:calc(50% - 670px)}
    .company .sec_gilbut .tit{font-size:38px;}

    .company .sec_book{border-radius:0 150px 0 0;}
    .company .sec_book:before{left:-60px;transform:scale(.8,.8)}
    .company .sec_book h4{font-size:38px}
    .company .sec_book h4:after{top:-40px;left:-35px;transform:scale(.8,.8)}

    .company .sec_info h4{margin-bottom:50px;font-size:38px}
    .company .sec_info .desc{margin-bottom:70px;font-size:16px;}
    .company .sec_info .info_wrap h5{margin-bottom:40px;font-size: 26px;}

    .company .sec_book:after{transform:scale(.9,.9)}

    .promotion .page_header{font-size:41px;}
    .promotion .page_desc{font-size:18px;}
    .promotion .sec_book{margin-top:60px;}
    .promotion .sec_book h3{font-size:21px;}
    .promotion .book_list{margin-top:20px;}
    .promotion .book_list > li .btn_list li{margin-top:5px;font-size:16px;}
    .promotion .book_list > li .book_wrap .btn_wrap{margin-top:25px;}
    .promotion .sec_service{margin-top:100px;}
    .promotion .sec_service .tab a{height:60px;line-height:60px;}
    .promotion .sec_service .tabincont{padding:50px 0;}
    .promotion .sec_service .tabincont h4{font-size:21px;}
    .promotion .sec_service .tabincont .innerCont{margin-bottom:70px;}
    .promotion .sec_service .tabincont .innerCont.kakao .qr_wrap .txt{font-size:17px;}
    .promotion .sec_service .tabincont .innerCont.ebook .top_txt img{max-height:85px;}
    .promotion .sec_service .tabincont .innerCont.ebook .sec_e h5{height:22px;}
    .promotion .sec_service .tabincont .innerCont.ebook .sec_e .how_list li{font-size:18px;}
    .promotion .sec_service .tabincont .innerCont.ebook .sec_e .info{font-size:16px;}
    .promotion .sec_service .tabincont .btn_wrap a{height:60px;line-height:60px;}

}
@media screen and (max-width: 1200px) {
    .book_detail_wrap{padding-top:45px;padding-bottom:100px;}
    .book_detail_wrap::before{height:360px}
    .book_inner_left{width:300px}
    .book_inner_cont{width:calc(100% - 370px)}
    .book_detail_wrap .btn_wrap a{height:45px;}
    .book_detail_wrap .btn_wrap a span{font-size:14px;line-height:45px;}
    .book_detail_top{margin-bottom:80px;}
    .book_detail_top .desc{margin-bottom:15px;font-size:16px;}
    .book_detail_top .tit{margin-bottom:30px;font-size:31px}
    .book_detail_top .book_info dt,
    .book_detail_top .book_info dd{margin-bottom:20px;font-size:16px;}
    .book_detail_tab .inner_tab{margin-left:60px;font-size:18px}
    .book_section{margin-top:40px}
    .book_section h4{font-size:21px;}
    .book_section .cont{font-size:14px}
    .reference_book h4{font-size:21px;}
    .reference_book .swiper-slide{height:220px}
    .reference_book .swiper-slide a{left:calc(50% - 90px);bottom:40px;width:180px;}

    .book_list_wrap{padding:30px 0;}
    .book_list_wrap h3{margin-bottom:30px;font-size:18px}
    .sec_bookList{margin-bottom:70px;}
    .sec_bookList h4{font-size:16px;}
    .sec_bookList .book_list{grid-column-gap:20px;}

    .book_detail_wrap.min .book_detail_top .tit{margin-bottom:30px;font-size:31px;}
    .book_detail_wrap.min .btn_wrap a span{font-size:14px;}
    .data_table .table_sort .tabcont_wrap .filterWrap{padding:10px 20px;}
    .data_table .table_sort .tabcont_wrap .filterWrap .btn_chk{display:inline-block;margin:5px 10px 5px 0}

    .snsData .page_top,
    .infoCookie .page_top{padding:35px 0 60px}
    .snsData .page_top .inlocation,
    .infoCookie .page_top .inlocation{margin-bottom:50px}
    .page_top h2{font-size:31px;}
    .page_top .desc{font-size:16px}
    .snsData .sub_section,
    .infoCookie .sub_section{padding:60px 0 70px}

    .sub_section h3{margin-bottom:15px;font-size:31px;}
    .sub_section .desc{font-size:16px;}
    .infoCookie .section_top .tag_wrap{margin-top:30px;}
    .snsData .section_top .tag_wrap .btn_chk span,
    .infoCookie .section_top .tag_wrap .btn_chk span,
    .cardNews .section_top .tag_wrap .btn_chk span{height:45px;line-height:45px;}
    .cardNews .thumb_list .cell .thumb{width:300px; height:300px;margin:auto;}
    .thumb_list .cell{width:calc(33.33% - 10px);margin:0 15px 30px 0;}
    .thumb_list .cell:nth-child(3n){margin-right:0;}
    .thumb_list .cell .tit{margin-bottom:20px;font-size:18px;}
    .thumb_list .cell .date{font-size:14px;}

    .btn_more{width:170px;height:45px;}
    .btn_more span{font-size:18px;}

    .infoCookie .sub_section.sec_magazine{left:0;width:100%;}
    .infoCookie .sub_section.sec_magazine .section_top{height:33vw;}
    .infoCookie .magazine_wrap{margin-top:-16vw}
    .infoCookie .magazine_wrap .cell{width:calc(25% - 8px);}

    .subtab{margin-top:40px;padding-top:20px;}
    .subtab .innerLink{margin-left:40px;font-size:17px;}
    .board_list_wrap .filterLink{margin-top:-15px;margin-bottom:20px;}
    .board_list_wrap .filterLink a{height:45px;line-height:45px;}
    .board_list_wrap,
    .board_view_wrap,
    .board_form_wrap{margin-top:50px}

    .board_list_wrap .board_filter{margin-bottom:40px;}
    .board_list_wrap .board_filter .input,
    .board_list_wrap .board_filter .btn_srch{height:45px;}

    .board_btn_wrap .btn_list,
    .board_btn_wrap .btn_ok,
    .board_btn_wrap .btn_cancel{width:170px;height:50px;}

    .board_form li{padding:20px 0}
    .board_form li .label{font-size:15px;}

    .joinbox{padding:0 20px;}
    .join_mail_wrap .mail_box{padding:50px 0}

    .scrap_list,
    .withdrawal_box{margin-top:30px;}
    .scrap_list h4,
    .myinfo_box h4{font-size:21px}

    .my_box{margin:30px 0 0;padding:40px;}
    .my_box .welcome{font-size:24px;}
    .my_box .mymenu{width:420px;}
    .join_password_wrap{margin-top:40px}

    .company .sec_gilbut::before{left:-20px;font-size:100px}
    .company .sec_gilbut .tit{margin-bottom:35px;font-size:32px;}
    .company .sec_gilbut .desc{margin-bottom:20px;font-size:21px;}
    .company .sec_gilbut .txt{margin-bottom:40px;font-size:16px}
    .company .sec_gilbut .from{font-size:18px;}
    .company .sec_gilbut .txt br.inline{display: none;}
    .company .sec_corp.sec_book{padding:50px 0;border-radius:0 100px 0 0 }
    .company .sec_book h4{font-size:32px;}
    .company .sec_book:before{transform: scale(.5,.5);}
    .company .sec_book .book_wrap{margin-top:50px}
    .company .sec_book .book_wrap .tit{font-size:18px;}
    .company .sec_book .book_wrap .intxt .tit{margin-bottom:20px;font-size:21px;}
    .company .sec_book .book_wrap .intxt .desc{font-size:15px;}
    .company .sec_book .book_wrap .intxt .btn{margin-top:15px;font-size:14px;}
    .company .sec_info h4{margin-bottom:35px;font-size:32px}

    .company .sec_info .info_wrap h5{margin-bottom:30px;font-size:21px}
    .company .sec_info .info_wrap h5 .inner::before{height:7px;}
    .company .sec_info .info_wrap .info_list{grid-gap: 10px;}
    .company .sec_info .info_wrap .info_list .info{padding:30px 0}
    .company .sec_info .info_wrap .info_list .info .tit{font-size:15px;}
    .company .sec_info .info_wrap .info_list .info .tit strong{font-size:18px;}

    .company .sec_book:after{left:-100px;transform:scale(.7,.7)}

    .promotion .book_list > li .book_wrap{padding:25px 20px;}
    .promotion .book_list > li .book_wrap .btn_wrap{margin-top:15px;}
    .promotion .book_list > li .btn_list{padding:25px 20px;}
    .promotion .book_list > li .btn_list li{font-size:15px;}
    .promotion .sec_service{margin-top:70px;}
    .promotion .sec_service .tabincont{padding:40px 0;}
    .promotion .sec_service .tabincont .innerCont.smart .imgtxt .box{font-size:15px;}
    .promotion .sec_service .tabincont .innerCont.smart .imgtxt{margin-bottom:40px;}

}
@media screen and (max-width: 1024px) {
    .subpage #contents{padding:20px 0 100px}
    .inlocation span{font-size:14px;}
    .book_detail_wrap::before{height:300px}
    .book_inner_left{width:280px}
    .book_detail_wrap{padding-bottom:70px}
    .book_detail_wrap .book_img .tag{width:62px;height:62px;font-size:14px}
    .book_inner_cont{width:calc(100% - 340px);}
    .book_detail_top{padding-top:10px;}
    .book_detail_top .book_info dt{width:60px}
    .book_detail_tab{padding-top:20px;}
    .book_section{margin-top:30px;}
    .book_section h4{font-size:18px}
    .book_section .cont{margin-top:20px;}
    .book_section .cont .author span{padding:5px 10px;font-size:13px}
    .reference_book h4{font-size:18px}
    .reference_book .swiper{padding:105px 60px 0}
    .reference_book .swiper-slide{border-radius:20px}
    .reference_book .swiper-button-prev,
    .reference_book .swiper-button-next{width:40px;height:40px;background-color:#fff;}

    .book_list_wrap{padding:10px 0;}
    .book_list_wrap h3{margin-bottom:20px;font-size:17px}
    .sec_bookList{margin-bottom:50px;}
    .sec_bookList h4{margin-bottom:10px;font-size:15px;}
    .sec_bookList .book_list{grid-template-columns:repeat(4, 1fr);grid-column-gap: 15px;}
    .sec_bookList .book_list .img{margin-bottom:15px;}
    .sec_bookList .book_list .tit{font-size:15px;}

    .data_table .table_sort .tabcont_wrap .filterWrap{margin-bottom:30px;}
    .thumb_list{text-align: center;}
    .thumb_list .cell .tit{margin-bottom:15px;font-size:16px;}
    .thumb_list .cell .date{font-size:13px;}

    .infoCookie .sub_section.sec_magazine .section_top{padding-top:45px}
    .infoCookie .magazine_wrap .cell .btn_wrap a{font-size:14px;}

    .board_list_wrap,
    .board_view_wrap,
    .board_form_wrap{margin-top:40px;}
    .board_list_wrap .board_filter{margin-bottom:30px;border-radius:10px;}
    .board_list_wrap .board_list li.board_head{padding:20px 0;}

    .board_list_wrap .filterLink{margin-top:-10px;}
    .board_list_wrap .filterLink a{height:40px;line-height:40px;font-size:14px;}

    .board_form li{padding:15px 0}

    .my_box{padding:30px;}
    .my_box .welcome{font-size:21px;}
    .my_box .welcome .myimg{width:63px;margin-bottom:20px;}
    .my_box .mymenu{width:350px;}
    .my_box .mymenu .btn i{width:95px;height:95px;}
    .my_box .mymenu .btn .tit{font-size:15px;}

    .company .sec_corp{padding:40px 0 70px;}
    .company .sec_corp.sec_book{border-radius:0 80px 0 0 }
    .company .sec_gilbut::before{top:0;font-size:80px;}
    .company .sec_gilbut .tit{margin-bottom:30px;font-size:28px}
    .company .sec_gilbut .desc{margin-bottom:15px;font-size:18px;}
    .company .sec_gilbut .txt{margin-bottom:30px;font-size:15px;}
    .company .sec_gilbut .from{font-size:16px;}

    .company .sec_info h4{margin-bottom:25px;font-size:28px}
    .company .sec_info .desc{margin-bottom: 50px;font-size:15px;}
    .company .sec_info .info_wrap .info_list .info .icon{margin-bottom:10px;}
    .company .sec_info .info_wrap .info_list .info .tit{font-size:14px;}
    .company .sec_info .info_wrap .info_list .info .tit strong{font-size:16px}

    .company .sec_book h4{font-size:28px;}
    .company .sec_book .book_wrap{margin-top:40px;}
    .company .sec_book .book_wrap .tit{font-size:17px}
    .company .sec_book .book_wrap .intxt .tit{margin-bottom:15px;font-size:18px;}
    .company .sec_book .book_wrap .intxt .desc{font-size:14px;}
    .company .sec_book .book_wrap .intxt .btn{font-size:13px;}

    .company .sec_info .info_wrap h5{margin-bottom:20px;font-size:18px}

    .promotion .page_header{font-size:36px;}
    .promotion .page_desc{margin-top:20px;font-size:17px;}
    .promotion .sec_book{margin-top:50px;}
    .promotion .sec_book h3{font-size:18px;}
    .promotion .book_list > li .book_wrap .btn_wrap a.bookview span{font-size:14px;}
    .promotion .book_list > li .btn_list li{font-size:14px;}
    .promotion .book_list > li .btn_list li a{width:24px;height:24px;}
    .promotion .sec_service{margin-top:60px;}
    .promotion .sec_service .tab a{font-size:18px;}
    .promotion .sec_service .tabincont{padding:30px 0;}
    .promotion .sec_service .tabincont h4{margin-bottom:20px;font-size:18px;}
    .promotion .sec_service .tabincont .innerCont.magazine .info{font-size:14px;}
    .promotion .sec_service .tabincont .innerCont{margin-bottom:50px;}
    .promotion .book_list > li .book_wrap .book .txt_wrap .tit{margin-bottom:15px;font-size:18px;}
    .promotion .book_list > li .book_wrap .book .txt_wrap .author{font-size:14px;}
    .promotion .sec_service .tabincont .innerCont.kakao img:first-child{max-width:70%}
    .promotion .sec_service .tabincont .innerCont.kakao .qr_wrap .qr{width:150px;height:150px;background-size:60% auto;}
    .promotion .sec_service .tabincont .innerCont.kakao .qr_wrap .txt{font-size:15px;}
    .promotion .sec_service .tabincont .innerCont.kakao .qr_wrap{padding:20px 0;margin-bottom:30px;}
    .promotion .sec_service .tabincont .innerCont.freebies .free_book{margin-top:30px;}
    .promotion .sec_service .tabincont .innerCont.freebies .free_book .book{width:32%;margin-left:2%}
    .promotion .sec_service .tabincont .innerCont.ebook .top_txt img{max-height:80px;}
    .promotion .sec_service .tabincont .innerCont.ebook .sec_e{margin-bottom:25px;}
    .promotion .sec_service .tabincont .innerCont.ebook .sec_e h5{height:20px;font-size:15px;line-height:20px;}
    .promotion .sec_service .tabincont .innerCont.ebook .sec_e .how_list li .num{width:20px;height:20px;line-height:20px;}
    .promotion .sec_service .tabincont .innerCont.ebook .sec_e .how_list li{margin-top:5px;font-size:16px;}
    .promotion .sec_service .tabincont .innerCont.ebook .sec_e .info{font-size:15px;}
    .promotion .sec_service .tabincont .innerCont.smart .imgtxt{margin-bottom:30px;}
    .promotion .sec_service .tabincont .innerCont.smart .imgtxt .box{font-size:14px;}
    .promotion .sec_service .tabincont .btn_wrap a{width:250px;}
}
@media screen and (max-width: 860px) {
    .bookpage .gilbut_header,
    .teacherpage .gilbut_header{background-color: #f3f8fd;}
    .inlocation{display:none}
    .subpage #contents{padding-top:0;padding-bottom:70px;background-color:#fff}

    .subpage #contents.bookList{padding-top:20px}

    .book_detail_wrap::before,
    .book_detail_wrap.min::before{content:none}
    .book_detail_wrap .container,
    .book_detail_wrap.min .container{display:block;}
    .book_detail_wrap.min .container{position:relative;}
    .book_detail_wrap,
    .book_detail_wrap.min{padding-top:0;}
    .book_inner_left,
    .book_detail_wrap.min .book_inner_left{width:calc(100% + 40px);margin-left:-20px;padding:60px 0 50px;background-color: #f3f8fd;}
    .book_detail_wrap.min .book_inner_left{padding:60px 20px 50px;}
    .book_detail_wrap .book_img{width:260px;margin:0 auto;}

    .book_detail_wrap .btn_wrap{display:none}
    .book_inner_cont,
    .book_detail_wrap.min .book_inner_cont{width:calc(100% + 40px);margin-left:-20px;margin-top:-20px;}
    .book_detail_top{margin-bottom:0;padding:30px 20px;background-color: #44a5f8;border-radius:15px 15px 0 0}
    .book_detail_top .desc{font-size:15px;color:#fff;}
    .book_detail_top .tit{font-size:21px;color:#fff;}
    .book_detail_top .book_info{display:block;border-top:1px solid rgba(255,255,255,.2)}
    .book_detail_top .book_info dl{width:100%;}
    .book_detail_top .book_info dt,
    .book_detail_top .book_info dd{margin:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.2);font-size:13px;color:#fff}
    .book_detail_top .book_info dd{width:calc(100% - 90px)}
    .bookpage .book_detail_top .btn_wrap,
    .book_detail_wrap.min .btn_wrap{display:flex;}
    .book_detail_top .btn_wrap a{border:none}
    .book_detail_tab{padding:30px 20px 0}
    .book_section{display:none;padding:0 20px;}
    .book_section.on{display:block;}
    .book_detail_tab{position:relative;}
    .book_detail_tab .inner_tab{font-size:16px;}
    .reference_book .swiper{padding:100px 10px 0 ;}
    .book_detail_wrap.min .book_detail_top{padding-bottom:20px;}
    .book_detail_wrap.min .btn_wrap{margin-top:10px;}
    .book_detail_wrap.min .book_inner_left{padding-top:40px;}
    .book_detail_wrap.min .book_img{width:150px;margin:0;}
    .book_detail_wrap.min .book_detail_top .desc{position:absolute;top:100;left:200px;width:calc(100% - 200px);font-size:15px;;color:#666}
    .book_detail_wrap.min .book_detail_top .tit{position:absolute;top:125;left:200px;width:calc(100% - 200px);font-size:21px;;color:#000}
    .book_detail_wrap.min .btn_wrap a{width:calc(50% - 5px);margin:0 10px 10px 0;}
    .book_detail_wrap.min .btn_wrap a:nth-child(2n){margin-right:0;}
    .book_detail_wrap.min{margin-bottom:0}

    .reference_book .btn_more{position:static;margin:20px auto 0 }
    .sec_bookList{margin-bottom:40px;}
    .sec_bookList h4{padding:6px 8px;font-size:14px;}
    .sec_bookList .list_wrap{width:calc(100% + 40px);margin-left:-20px;padding:0 30px 0 20px;;overflow-x:auto;overflow-y:hidden}
    .sec_bookList .book_list{display:block;white-space: nowrap;;}
    .sec_bookList .book_list .book_box{display:inline-block;width:calc(33% - 5px);margin-left:10px;vertical-align:top;}
    .sec_bookList .book_list .book_box:first-child{margin-left:0;}
    .sec_bookList .book_list .img{margin-bottom:10px;}
    .sec_bookList .book_list .tit{font-size:13px;}

    .data_table{display:block;width:calc(100% + 40px);margin-left:-20px;}
    .data_table .table_aside{position:relative;width:100%;}
    .data_table .table_aside .btn_wrap{padding:20px;background-color: #f8f8f8;}
    .data_table .table_aside .btn_alldown{padding:10px 20px;margin:0;background-color:#fff;border:1px solid #c9e1f6;;border-radius:50px;flex-direction: row;justify-content: center;align-items: center;;}
    .data_table .table_aside .btn_alldown .tag{background-color:#eff6fc;color:#44a5f8 ;}
    .data_table .table_aside .btn_alldown .tit{width:auto;margin-left:10px;background: url('../images/icon/i_down_bl.png') no-repeat 100% 50%;color:#44a5f8 ;}

    .data_table .table_aside .datamenu_wrap{margin:20px;display:flex;justify-content: space-between;border-radius:50px;}
    .data_table .table_aside .datamenu_wrap .data_section.on{border-radius:30px;}
    .data_table .table_aside .datamenu_wrap .data_section .datasubmenu{display:none;position:absolute;top:100%;left:20px;width:calc(100% - 40px);padding:20px;background-color:#fff;border:1px solid #c9e1f6;border-radius:20px;}
    .data_table .table_aside .datamenu_wrap .data_section .datasubmenu.open{display:block;}
    #selectSort{width:calc(100% - 40px);padding:20px 30px;margin:0 20px;background:url('../images/ui/select_gr.png') no-repeat right 20px top 50% / 14px auto;border:1px solid #c9e1f6;border-radius:50px;font-size:14px;font-weight:500;color:#000;flex-direction: column;}
    #selectSort span{margin-top:10px;font-weight:400;color:#666;}
    #selectSort.on{display:flex;}

    .data_table .table_cont{width:100%;margin-top:30px;}
    .data_table .table_sort .tab{padding:0 20px;}
    .data_table .table_sort .tab .innertab{font-size:15px;}
    .data_table .table_sort .tabcont_wrap{margin-top:0;}
    .data_table .table_sort .tabcont_wrap .filterWrap{border-radius:0}
    .data_table .data_list_wrap .data_list_top{padding:0 20px;}
    .data_table .data_list_wrap .data_list li{padding:15px 20px;}
    .data_table .data_list_wrap .data_list li .fileInfo{width:calc(100% - 140px)}
    .data_table .data_list_wrap .data_list li .btnipt{margin-right:0;}
    .data_table .data_list_wrap .data_list li .tit{width:calc(100% - 76px)}
    .data_table .data_list_wrap .data_list{border-color:#e8e8e8}


    .page_top h2{margin-bottom:15px;font-size:24px;text-align:center;}
    .page_top .desc{padding:0 20px;font-size:15px;text-align:center;}
    .snsData .page_top,
    .infoCookie .page_top{padding:30px 0;border-radius:0 0 0 30px}
    .snsData .page_top::after,
    .infoCookie .page_top::after{bottom:-222px;right:-200px;width:305px;height:305px;}

    .snsData .sub_section,
    .infoCookie .sub_section{padding:40px 0 50px;}
    .btn_more{width:120px;height:35px;}
    .btn_more span{font-size:16px;}
    .sub_section h3{margin-bottom:10px;font-size:21px;}
    .sub_section .desc{font-size:14px;}
    .snsData .section_top,
    .infoCookie .section_top{margin-bottom:30px;}
    .infoCookie .section_top .tag_wrap{margin-top:20px;}
    .snsData .section_top .tag_wrap .btn_chk span,
    .infoCookie .section_top .tag_wrap .btn_chk span{height:35px;padding:0 20px;line-height:35px;font-size:14px;}
    .thumb_list_wrap{position:relative;width:calc(100% + 40px);margin-top:10px; margin-left:-20px;padding:0 20px 20px;overflow-x:auto;overflow-y:hidden;}
    .thumb_list .cell .date{margin-bottom:15px;}
    .infoCookie .thumb_list_wrap .btn_more{display: none; }
    .snsData .thumb_list,
    .infoCookie .thumb_list,
    .cardNews .thumb_list{display:block;white-space: nowrap;margin-top:0;}
    .snsData .thumb_list .cell,
    .infoCookie .thumb_list .cell{display:inline-block;width:90%;height:auto;margin:0 0 0 20px;vertical-align:top;}
    .snsData .thumb_list .cell:first-child,
    .infoCookie .thumb_list .cell:first-child{margin-left:0;}
    .infoCookie .thumb_list .cell .thumb{width:100%;}
    .snsData .thumb_list .cell .thumb img,
    .infoCookie .thumb_list .cell .thumb img{width:100%;object-fit: cover;;}
    .infoCookie .sub_section.sec_magazine .section_top{padding-top:30px;border-radius:0;}
    .infoCookie .magazine_wrap{width:200px;overflow:visible}

    .noneData{padding:40px 0;}
    .noneData img{width:40px;}
    .noneData .txt{margin-top:10px;font-size:14px;}

    .notice .page_top,
    .mypage .page_top,
    .subtab{display:none}
    .board_list_wrap,
    .board_view_wrap,
    .board_form_wrap{margin-top:20px;}
    .board_list_wrap .board_list li a{padding:15px 0;}
    .board_list_wrap .board_list li.board_head{display:none}
    .board_list_wrap .board_list li a{flex-wrap:wrap;align-items:center;}
    .board_list_wrap .inquire_list li .date,
    .board_list_wrap .notice_list li .date,
    .board_list_wrap .evt_list li .date{width:100%;margin-top:10px;text-align:left;}
    .board_list_wrap .notice_list li .num{display:none;}
    .board_list_wrap .evt_list li .sort{width:100%;margin-bottom:10px;text-align:left;}
    .board_list_wrap .inquire_list li .subject,
    .board_list_wrap .notice_list li .subject,
    .board_list_wrap .evt_list li .subject{width:100%;padding:0;}
    .board_list_wrap .notice_list li.notice .num{width:30px;background: url('../images/icon/ico_notice.png') no-repeat 0 50% / 20px auto;}
    .board_list_wrap .notice_list li.notice .subject{width:calc(100% - 30px)}

    .board_list_wrap .inquire_list li a{position:relative;}
    .board_list_wrap .inquire_list li .num{display: none;}
    .board_list_wrap .inquire_list li .sort{margin-left:80px;}
    .board_list_wrap .inquire_list li .status{position:absolute;top:10px;left:0;width:70px;padding:5px 10px;background-color: #f4f4f4;border-radius:20px;font-size:13px}
    .board_list_wrap .inquire_list li .status.complete{background-color: #44a5f8;color:#fff;;}
    .board_list_wrap .inquire_list li .subject{margin-top:15px;}

    .board_list_wrap .btn_right {margin-top:30px}
    .board_list_wrap .btn_right .btn_solid{position:static;width:100%;}
    .board_view_wrap .board_view .board_top{padding:20px 0;flex-direction: column;align-items: flex-start;}
    .board_view_wrap .board_view .board_top .subject{margin-bottom:10px;font-size:16px;}
    .board_view_wrap .board_view .board_top .intit{margin-bottom:10px}
    .board_view_wrap .board_view .board_top .intit .subject{margin-bottom:0;}
    .board_view_wrap .board_view .board_top .date{font-size:13px;}
    .board_view_wrap .board_view .board_cont{padding:30px 0;font-size:14px;}
    .board_view_wrap .board_view .board_bot{padding:10px 0;}
    .board_view_wrap .board_view .board_bot .btn_file::after{width:26px;height:26px;}
    .board_view_wrap .board_view .board_bot .btn_file{padding-left:30px;line-height:26px;font-size:13px;}

    .board_view_wrap .board_view .board_bot .answer_wrap .answer{font-size:14px;}
    .board_view_wrap .board_view .board_bot .answer_wrap .answer_top .date{font-size:13px;}

    .board_btn_wrap{margin-top:30px;}
    .board_btn_wrap .btn_list,
    .board_btn_wrap .btn_ok,
    .board_btn_wrap .btn_cancel{width:150px;height:40px;font-size:15px;}

    .board_list_wrap .filterLink a{display:none}
    .board_list_wrap .filterLink .select{position:relative;display:block;width:100%;border:1px solid #c9e1f6;background:url('../images/ui/arr_acc.png') no-repeat right 20px top 50%;border-radius:30px;}
    .board_list_wrap .acc_list li{display:block;}
    .board_list_wrap .acc_list li .cate{display:block;width:100%;margin-bottom:15px;}
    .board_list_wrap .acc_list li .btn_acc{width:100%;}
    .board_list_wrap .acc_list li .acc_cont{width:calc(100% + 40px);margin-top:10px;margin-left:-20px;padding:20px;}
    .board_form li{flex-direction: column;}
    .board_form li .label{width:100%;margin-bottom:10px;}
    .board_form li .incont{width:100%;}
    .board_form li .incont .select{width:100%;height:40px;}
    .loginbox,
    .findbox{padding:0 20px;margin-bottom:50px;}
    .loginbox h3,
    .findbox h3,
    .joinbox h3{margin:40px 0;font-size:34px;}
    .loginbox .form_wrap .btn_wrap .button,
    .findbox .form_wrap .btn_wrap .button{height:45px;font-size:15px;line-height:45px;}
    .findbox h3{margin-bottom:15px;}
    .findbox .desc{margin-bottom:25px;font-size:14px;}
    .findbox .caution_txt{margin-bottom:30px;font-size:13px;}

    .join_step{padding-bottom:50px;}
    .agree_form{padding:40px 0;}
    .ad_agree,
    .add_agree,
    .addChkWrap{padding:30px 0;}
    .agree_form .all_chk label{font-size:16px;}
    .joinbox input[type="checkbox"] + label{font-size:14px;}
    .joinbox .info_list li,
    .myinfo_box .info_list{font-size:14px;}
    .joinbox .bot_btn_wrap,
    .my_info_wrap .bot_btn_wrap{padding-top:30px;}
    .joinbox .bot_btn_wrap .button,
    .my_info_wrap .bot_btn_wrap .button{height:45px;}

    .join_form_wrap{padding:30px 0;}
    .join_form_wrap .select_mem a{width:calc(50% - 5px);padding:20px}
    .join_form_wrap .select_mem a .tit{font-size:15px;}
    .join_form_wrap .select_mem a .desc{font-size:14px;}
    .join_form_wrap .select_mem a .icon{width:65px;}
    .join_form_wrap .select_mem a .icon.tc{background: url('../images/icon/i_tc.png') no-repeat 50% 50% / auto 80%;}
    .join_form_wrap .select_mem a .icon.nm{background: url('../images/icon/i_nm.png') no-repeat 50% 50% / auto 70%;}
    .join_form_wrap .form_wrap{padding:30px 0;}
    .join_form_wrap .form_wrap h4{font-size:15px;margin-bottom:15px;}
    .join_form_wrap .form_wrap .ipt_row .ipt_wrap{height:50px;}
    .join_form_wrap .form_wrap .ipt_row .unit{height:50px;line-height:50px;font-size:14px;}
    .join_form_wrap .form_wrap .ipt_row .ipt_wrap .label{width:80px;font-size:13px;}
    .join_form_wrap .form_wrap .ipt_row .ipt_wrap .input,
    .join_form_wrap .form_wrap .filebox{width:calc(100% - 80px)}
    .join_form_wrap .form_wrap .ipt_row .ipt_wrap .input,
    .join_form_wrap .form_wrap .ipt_row .ipt_wrap .select{font-size:14px;}
    .join_form_wrap .form_wrap .ipt_row .ipt_wrap .radio_wrap label{font-size:14px;}
    .join_form_wrap .form_wrap .addtxt{font-size:13px;}
    #search_school{right:0;width:100%;}
    #search_school::after{right:122px;}
    #search_school .srch_header{font-size:15px;}
    #search_school li a{font-size:14px;}
    #search_school li span{font-size:13px;}
    #search_school > p{font-size:13px;}
    .join_mail_wrap .mail_box{padding:40px 0}
    .join_mail_wrap .mail_box .i_mail{margin-bottom:30px}
    .join_mail_wrap .mail_box .tit{margin-bottom:20px;font-size:17px;}
    .join_mail_wrap .mail_box .desc{font-size:14px;}

    .my_box{width:calc(100% + 40px);margin-top:20px;;margin-left:-20px;padding:30px 20px;border-radius:0;flex-wrap:wrap}
    .my_box .welcome{width:100%;font-size:17px;}
    .my_box .welcome .myimg{margin-bottom:10px;width:60px;}
    .my_box .mymenu{width:100%;margin-top:20px;padding:20px;background-color:#fff;;border:1px solid #d6e8f8;border-radius:10px;}
    .my_box .mymenu .btn{position:relative;width:33.3%;}
    .my_box .mymenu .btn::after{content:'';position:absolute;top:calc(50% - 25px);right:0;width:1px;height:50px;background-color:#eee;}
    .my_box .mymenu .btn:last-child::after{content:none;}
    .my_box .mymenu .btn i{width:100%;height:50px;margin-bottom:5px;border:none;background-color:transparent !important;}
    .my_box .mymenu .btn:hover i{background-color: transparent ;}
    .board_list_wrap .acc_list.alarm_list li .btn_acc{flex-direction: column;align-items:flex-start}
    .board_list_wrap .acc_list.alarm_list li .btn_acc .subject{margin-bottom:5px;}
    .board_list_wrap .acc_list.alarm_list li .acc_cont{width:calc(100% + 40px)}
    .join_password_wrap{margin-top:0;}

    .join_password_wrap .info_box .i_lock{margin-bottom:20px;}
    .join_password_wrap .info_box .tit{margin-bottom:10px;font-size:24px}
    .join_password_wrap .info_box .desc{font-size:14px;}
    .join_password_wrap .form_wrap .btn_solid{height:45px;margin-top:10px;line-height:45px;}

    .scrap_list h4,
    .myinfo_box h4{padding:0 20px;font-size:17px}
    .myinfo_box h4{padding:0}
    .withdrawal_info{padding:20px 0}
    .withdrawal_box .my_info_wrap.join_form_wrap{max-width:100%}
    .withdrawal_box .my_info_wrap.join_form_wrap .form_wrap{padding:0;}
    .withdrawal_agree_wrap{margin-top:0;}
    .withdrawal_box .bot_btn_wrap .button{margin-top:20px;height:45px;}
    .withdrawal_agree_wrap .chk_wrap label{font-size:14px;}


    .company .sec_corp{padding:30px 0 50px;}
    .company .sec_gilbut::before{font-size:60px}
    .company .sec_gilbut .tit{margin-bottom:20px;font-size:21px;}
    .company .sec_gilbut .desc{font-size:16px;}
    .company .sec_gilbut .txt{margin-bottom:20px;font-size:13px}
    .company .sec_gilbut .from{font-size:14px;}

    .company .sec_corp.sec_book{padding:30px 0 70px;}
    .company .sec_book:after{left:-110px;transform: scale(.5,.5);}
    .company .sec_book:before{left:-90px;transform: scale(.4,.4);}
    .company .sec_book .container{flex-direction: column;}
    .company .sec_book h4{width:100%;margin-bottom:10px;font-size:16px;}
    .company .sec_book h4 br{display:none}
    .company .sec_book h4:after{top:-30px;transform: scale(.7,.7);}
    .company .sec_book .book_list_wrap{width:100%;}
    .company .sec_book .book_wrap{margin-top:30px;}
    .company .sec_book .book_wrap .tit{margin-bottom:10px;font-size:15px}
    .company .sec_book .book_wrap .intxt .tit{margin-bottom:10px;font-size:16px;}
    .company .sec_book .book_wrap .intxt .desc{font-size:13px;}
    .company .sec_book .book_wrap .intxt .btn{margin-top:15px;font-size:12px}
    .company .sec_book .book_wrap .swiper-button-prev, .company .sec_book .book_wrap .swiper-button-next{display:none}

    .company .sec_info h4{margin-bottom:15px;font-size:21px;}
    .company .sec_info .desc{margin-bottom:30px;font-size:14px;}
    .company .sec_info .mb{display:block}

    .company .sec_info .info_wrap h5{font-size:16px}
    .company .sec_info .info_wrap .info_list{grid-template-columns:1fr}
    .company .sec_info .info_wrap .info_list .info{padding:20px 0;}
    .company .sec_info .info_wrap .info_list .info .icon{height:60px;margin-bottom:5px;background-size: auto 75%;}
    .company .sec_info .info_wrap .info_list .info1{border-radius:0}

    .promotion .page_header{margin-top:20px;font-size:24px;}
    .promotion .page_header strong{font-size:26px;}
    .promotion .page_desc{font-size:15px;}
    .promotion .sec_book{margin-top:30px;}
    .promotion .sec_book h3{font-size:16px}
    .promotion .book_list{margin-top:15px;grid-template-columns: 1fr;grid-gap:10px}
    .promotion .book_list > li{flex-direction: column;border-radius:10px;order:1 !important}
    .promotion .book_list > li .book_wrap,
    .promotion .book_list > li .btn_list{width:100%;}
    .promotion .book_list > li .book_wrap .book{max-width:200px;margin:0 auto;}
    .promotion .book_list > li .book_wrap .btn_wrap{display:flex;max-width:320px;margin:10px auto 0;justify-content: center;;}
    .promotion .book_list > li .book_wrap .btn_wrap a{width:calc(50% - 5px);height:40px;margin-top:0;}
    .promotion .book_list > li .book_wrap .btn_wrap a:first-child{margin-right:10px;}
    .promotion .book_list > li .btn_list li a{width:30px;height:30px;}
    .promotion .sec_service{margin-top:40px;}
    .promotion .sec_service .tab{width:calc(100% + 40px);margin-left:-20px;border-radius:0;}
    .promotion .sec_service .tab a{height:50px;font-size:16px;}
    .promotion .sec_service .tabincont{padding:25px 0;}
    .promotion .sec_service .tabincont h4{font-size:16px;}
    .promotion .sec_service .tabincont .innerCont{margin-bottom:30px;}
    .promotion .book_list > li .book_wrap .book .txt_wrap .tit{margin-bottom:10px;font-size:15px;}
    .promotion .book_list > li .book_wrap .book .txt_wrap .author{font-size:13px;}
    .promotion .sec_service .tabincont .innerCont.magazine .info{margin-top:10px;font-size:13px;}
    .promotion .sec_service .tabincont .innerCont.kakao img:first-child{max-width:60%}
    .promotion .sec_service .tabincont .innerCont.kakao .qr_wrap .qr{width:130px;height:130px;}
    .promotion .sec_service .tabincont .innerCont.kakao .qr_wrap .txt{font-size:13px;}
    .promotion .sec_service .tabincont .innerCont.freebies .txt,
    .promotion .sec_service .tabincont .innerCont.smart .txt{font-size:14px;}
    .promotion .sec_service .tabincont .innerCont.freebies .free_book .book a:nth-child(2){margin-top:10px;}
    .promotion .sec_service .tabincont .innerCont.freebies .free_book .book a{height:40px;line-height:40px;font-size:14px}
    .promotion .sec_service .tabincont .innerCont.ebook .top_txt{padding:15px 0;}
    .promotion .sec_service .tabincont .innerCont.ebook .top_txt img{max-height:70px;}
    .promotion .sec_service .tabincont .innerCont.ebook .sec_e h5{margin-bottom:10px;}
    .promotion .sec_service .tabincont .innerCont.ebook .sec_e .how_list li{font-size:14px;}
    .promotion .sec_service .tabincont .innerCont.ebook .sec_e .how_list li .num{width:18px;height:18px;line-height:18px;}
    .promotion .sec_service .tabincont .innerCont.ebook .sec_e .how_list.col li{width:calc(50% - 5px)}
    .promotion .sec_service .tabincont .innerCont.ebook .sec_e .info{margin-top:10px;font-size:14px;line-height:1.2;}
    .promotion .sec_service .tabincont .innerCont.smart .imgtxt{margin-bottom:20px;}
    .promotion .sec_service .tabincont .innerCont.smart .imgtxt .box{font-size:13px;line-height:1.2}
    .promotion .sec_service .tabincont .btn_wrap{flex-direction: column;}
    .promotion .sec_service .tabincont .btn_wrap a{width:100%;height:50px;font-size:17px;line-height:50px;}
    .promotion .sec_service .tabincont .btn_wrap a:first-child{margin-right:0;margin-bottom:10px;}
}
@media screen and (max-width: 640px) {

    .subpage #contents{padding-bottom:40px}
    .subpage #contents.bookList{padding-top:10px}
    .page_top h2{margin-bottom:10px;font-size:21px;}
    .page_top .desc{max-width:80%;margin:0 auto;font-size:14px;line-height:1.3;}
    .reference_book .container{padding-top:30px}
    .reference_book .swiper{padding:12vw 10px 0;}
    .reference_book .swiper-slide{height:40vw;}
    .reference_book .swiper-slide a{width:74%;left:13%;bottom:20px;}
    /* .reference_book .swiper-button-prev, .reference_book .swiper-button-next{display:none;} */
    .book_detail_top .btn_wrap a{height:40px;}
    .book_detail_top .btn_wrap a.bookview span{line-height:40px;}
    .book_detail_wrap{padding-bottom:50px;}
    .book_detail_wrap.min .book_img{width:120px;}
    .book_detail_wrap.min .book_detail_top .desc{top:90px;left:170px;width:calc(100% - 170px);font-size:14px;}
    .book_detail_wrap.min .book_detail_top .tit{top:125px;left:170px;width:calc(100% - 170px);font-size:18px}

    .sec_bookList{margin-bottom:30px;}
    .sec_bookList .book_list .book_box{width:calc(50% - 5px)}

    .data_table .table_aside .datamenu_wrap{padding:10px;margin:20px 20px 10px}
    .book_detail_wrap .book_img .tag{width:50px;height:50px;font-size:12px;}
    .data_table .table_aside .datamenu_wrap .data_section{padding:10px;}
    .data_table .table_aside .datamenu_wrap .data_section .datamenu{font-size:14px;}

    #selectSort{padding:10px 25px;}
    #selectSort span{margin-top:5px;}
    .data_table .table_sort .tab .innertab{margin-left:30px;font-size:14px;}
    .data_table .table_sort .tab .innertab:first-child{margin-left:0}
    .data_table .table_sort .tabcont_wrap .filterWrap{margin-bottom:20px;}

    .data_table .data_list_wrap .data_list_top{margin-bottom:5px;}
    .data_table .data_list_wrap .data_list li{position:relative}
    .data_table .data_list_wrap .data_list li .tit{font-size:14px;}
    .data_table .data_list_wrap .data_list li .fileInfo{width:100%}
    .data_table .data_list_wrap .data_list li .fileInfo .intxt{width:calc(100% - 36px)}
    .data_table .data_list_wrap .data_list li .fileInfo .cate{padding-bottom:10px;border-bottom:1px dashed #eee}
    .data_table .data_list_wrap .data_list li .fileInfo .intxt .tit{padding-right:105px;padding-top:7px}
    /*.data_table .data_list_wrap .data_list li .btn_wrap{position:absolute;top:50px;right:20px;}*/
    .data_table .data_list_wrap .data_list li .btn_wrap a{width:30px;height:30px;margin-left:5px;}
    .infoCookie .sub_section.sec_magazine{overflow:hidden}
    .infoCookie .magazine_wrap{width:180px;margin-top:calc(95px - 50vw);}
    .infoCookie .sub_section.sec_magazine .section_top{height:50vw;}
    .infoCookie .sub_section.sec_magazine .section_top .desc{padding:0 20px;}
    .infoCookie .magazine_wrap .cell .btn_wrap{margin-top:10px}
    .infoCookie .magazine_wrap .cell .btn_wrap a{font-size:13px;}

    .board_list_wrap .board_filter{margin-bottom:20px;padding:15px;}
    .board_list_wrap .board_filter .input,
    .board_list_wrap .board_filter .btn_srch{height:40px;font-size:14px;}

    .board_list_wrap .inquire_list li .subject,
    .board_list_wrap .notice_list li .subject,
    .board_list_wrap .evt_list li .subject{font-size:14px;}
    .board_list_wrap .inquire_list li .sort{font-size:13px}
    .board_list_wrap .inquire_list li .date,
    .board_list_wrap .notice_list li .date,
    .board_list_wrap .evt_list li .date{margin-top:5px;font-size:13px;}
    .board_list_wrap .inquire_list li .status{font-size:12px;width:70px;}
    .board_view_wrap .board_view .board_top{padding:15px 0;}
    .board_view_wrap .board_view .board_top .subject{font-size:15px;margin-bottom:5px;}
    .board_view_wrap .board_view .board_cont{padding:20px 0;}

    .board_btn_wrap{margin-top:20px;}
    .board_btn_wrap .btn_list{width:100%;font-size:14px;}
    .board_list_wrap .acc_list li{padding:15px 20px}
    .board_list_wrap .acc_list li .cate{margin-bottom:10px;font-size:13px;}
    .board_list_wrap .acc_list li .btn_acc .q,
    .board_list_wrap .acc_list li .acc_cont .a{width:26px;height:26px;margin-right:10px;font-size:14px;line-height:26px;}
    .board_list_wrap .acc_list li .acc_cont .a{margin-top:-5px}
    .board_list_wrap .acc_list li .btn_acc .subject{display:block;width:calc(100% - 56px);font-size:14px;}
    .board_list_wrap .acc_list li .acc_cont{border-radius:15px;}
    .board_list_wrap .acc_list li .acc_cont .answer{width:calc(100% - 40px);font-size:14px;}
    .board_list_wrap .acc_list.alarm_list li .acc_cont .answer{font-size:14px;}
    .board_form li .incont .select{font-size:13px;}
    .board_form li .label{font-size:14px;}
    .board_form_wrap .board_btn_wrap{width:100%;justify-content: space-between;}
    .board_form_wrap .board_btn_wrap a{width:calc(50% - 5px);margin:0;}

    .join_step{padding-bottom:30px;}
    .join_step .step{width:80px;margin-left:60px;}
    .join_step .step .ico_wrap{width:80px;height:80px;}
    .join_step .step .ico_wrap .en{font-size:12px;}
    .join_step .step .tit{font-size:14px;}
    .join_step .step::after{top:33px;left:-32px;}

    .agree_form{padding:30px 0}
    .agree_form .all_chk{margin-bottom:20px;font-size:15px;}

    .agree_form .agree_term .agree_doc{height:200px;padding:15px;}
    .agree_form .agree_term .agree_doc .scroll_wrap .title{margin-bottom:20px;font-size:14px;}
    .agree_form .agree_term .agree_doc .scroll_wrap h3{font-size:14px;}
    .agree_form .agree_term .agree_doc .scroll_wrap .section{font-size:13px;}
    .agree_form .agree_term .agree_doc .scroll_wrap .title .desc{font-size:14px;}

    .ad_agree .tit{font-size:14px;}
    .joinbox .info_list li,
    .myinfo_box .info_list li{font-size:13px;text-indent:-10px}
    .join_form_wrap .select_mem a .desc{font-size:13px;}
    .joinbox .bot_btn_wrap{flex-direction: column;}
    .joinbox .bot_btn_wrap .button,
    .my_info_wrap .bot_btn_wrap .button{width:100%;margin:0;}
    .joinbox .bot_btn_wrap .button:first-child{margin-bottom:10px;}
    .join_form_wrap .form_wrap .ipt_row .ipt_wrap{padding:0 20px;}
    .join_form_wrap .form_wrap .ipt_row{margin-bottom:10px;}
    .join_form_wrap .form_wrap .addtxt{margin-top:0;margin-bottom:10px;}
    .join_form_wrap .select_mem{margin-bottom:0;}
    .join_form_wrap .select_mem a .icon{width:50px;flex-shrink: 0;}
    .join_form_wrap .select_mem a .icon.tc{background-size:60% auto;background-position: 30% 50%;}
    .join_form_wrap .select_mem a .icon.nm{background-size:65% auto;background-position: 20% 50%;}
    .join_form_wrap .form_wrap .ipt_row .inner_btn_wrap .btn_inner{font-size:12px;}
    .join_form_wrap .form_wrap .ipt_row.school .inner_btn_wrap{width:150px;}
    .join_form_wrap .form_wrap .new_phone .ipt_row .inner_btn_wrap{width:138px;}
    .join_form_wrap .new_school .ipt_row .ipt_wrap{margin-top:5px;}
    .join_form_wrap .new_school{margin-bottom:10px}

    .join_mail_wrap .mail_box{padding:30px 0;}
    .join_mail_wrap .mail_box .i_mail{margin-bottom:20px;}
    .join_mail_wrap .mail_box .tit{font-size:16px;}
    .join_mail_wrap .mail_box .desc{font-size:13px;}
    .my_box{margin-top:10px;padding:20px;}
    .my_box .mymenu{margin-top:15px;}
    .my_box .welcome .myimg{width:50px}
    .my_box .mymenu .btn i{height:40px;background-size: auto 70%;}
    .my_box .mymenu .btn .tit{font-size:14px;}
    .board_list_wrap .acc_list.alarm_list li .btn_acc .date{width:100%;font-size:13px;}
    .board_list_wrap .acc_list.alarm_list li .btn_acc .subject{width:calc(100% - 20px);}
    .board_list_wrap .acc_list.alarm_list li .acc_cont{font-size:13px;}
    .join_mail_wrap .mail_box .i_mail,
    .join_password_wrap .info_box .i_lock{width:80px;height:80px;border-width:6px;}

    .join_form_wrap .form_wrap .ipt_row .ipt_wrap .input,
    .join_form_wrap .form_wrap .ipt_row .ipt_wrap .select{font-size:13px;}
    .join_form_wrap .form_wrap .ipt_row .ipt_wrap .radio_wrap label{font-size:13px;}

    .withdrawal_box .bot_btn_wrap .button{width:100%;}
    .withdrawal_box .my_info_wrap.join_form_wrap{padding:20px 0}
    .withdrawal_agree_wrap .chk_wrap label{font-size:13px;}

    .company .sec_gilbut::before{left:-10px;font-size:50px;}
    .company .sec_gilbut .tit{margin-bottom:15px;font-size:18px;}
    .company .sec_gilbut .desc{margin-bottom:10px;font-size:15px;}
    .company .sec_book .book_wrap .bookswiper{width:calc(100% + 40px);margin-left:-20px;}
    .company .sec_book .book_wrap .bookswiper .swiper{padding:0 50px 0 20px;}

    .company .sec_info h4{font-size:18px}
    .company .sec_info .desc{margin-bottom:20px;font-size:13px;}

    .company .sec_info .info_wrap h5{margin-bottom:15px;font-size:15px;}
    .company .sec_info .info_wrap .info_list::before{transform:scale(.7,.7)}
    .company .sec_info .info_wrap .info_list::after{top:unset;right:-50px;bottom:-120px;transform:scale(.5,.5)}
    .company .sec_info .info_wrap .info_list .info .tit{font-size:12px;}
    .company .sec_info .info_wrap .info_list .info .tit strong{font-size:14px;}

    .company .sec_book:after{left:-140px;transform:scale(.3,.3)}

    .promotion .sec_service .tabincont .innerCont.freebies .free_book{display:block;width:calc(100% + 40px);margin-left:-20px;padding:0 20px;overflow-y:auto;white-space:nowrap;font-size:0;}
    .promotion .sec_service .tabincont .innerCont.freebies .free_book .book{display:inline-block;width:calc(50% - 5px);margin-left:10px;vertical-align:top;}
    .promotion .sec_service .tabincont .innerCont.freebies .free_book .book img{width:100%;}
}
@media screen and (max-width: 415px) {
    .book_inner_left{padding-top:40px}
    .book_detail_wrap .book_img{width:200px}
    .reference_book .swiper{padding:15vw 10px 0;}
    .reference_book .swiper-slide a{bottom:20px;}
    .reference_book .swiper-button-prev{left:-10px;}
    .reference_book .swiper-button-next{right:-10px}

    .book_detail_wrap.min .book_inner_left{padding-top:30px;}
    .book_detail_wrap.min .book_img{width:100px}
    .book_detail_wrap.min .book_detail_top .desc,
    .book_detail_wrap.min .book_detail_top .tit{left:150px;width:calc(100% - 150px)}
    .book_detail_wrap.min .book_detail_top .desc{top:80px}
    .book_detail_wrap.min .book_detail_top .tit{top:115px}
    .data_table .table_aside .btn_alldown .tag{margin:0;}
    .data_table .table_aside .btn_alldown .tit{font-size:14px}
    .data_table .table_aside .datamenu_wrap{padding:5px;margin:10px 20px}
    .data_table .table_aside .datamenu_wrap .data_section .datamenu{font-size:13px;}
    .data_table .table_aside .datamenu_wrap .data_section .datamenu .state{margin-left:5px;font-size:12px;}
    .data_table .table_sort .tab .innertab{padding-bottom:10px;font-size:13px;}
    .data_table .table_sort .tabcont_wrap .filterWrap .btn_chk{margin:5px;}
    .data_table .table_sort .tabcont_wrap .filterWrap{padding:10px 15px;}

    .data_table .table_aside .btn_wrap{padding:15px 20px;}

    .btn_chk span{font-size:13px;}

    .board_list_wrap .acc_list li{padding:15px 0;}
    .board_list_wrap .acc_list li .acc_cont{width:calc(100% + 30px);margin-left:-15px;padding:15px;}
    .board_list_wrap .acc_list li .acc_cont .answer{font-size:13px;}
    .board_list_wrap .acc_list.alarm_list li .acc_cont{width:100%;padding:15px;margin-left:0;}
    .board_list_wrap .acc_list.alarm_list li .acc_cont .answer{font-size:13px;}
    .modal_pw .inner_wrap{padding:30px 20px;}
    .modal_pw .inner_wrap .txt{font-size:13px;}
    .modal_pw .inner_wrap .btn_ok{height:40px;margin-top:30px;line-height:40px;}

    .join_step .step{margin-left:30px;}
    .join_step .step::after{left:-20px}

    .join_mail_wrap .mail_box .tit{font-size:15px}
    .join_mail_wrap .mail_box .desc{font-size:12px;}

    .my_box{margin-top:10px;}
    .scrap_list h4, .myinfo_box h4{margin-bottom:15px;font-size:15px;}

    .company .sec_book .book_wrap .bookswiper .swiper{padding:0 20px;}
}
@media screen and (max-width: 375px) {
    .page_top h2{font-size:18px}

}

@media (hover: hover) {
    .btn_more:hover{color:#50a5f9;transition:.3s;}
    .book_detail_wrap .btn_wrap a:hover{background-color:#44a5f8;border:none;color:#fff;}
    .book_detail_wrap .btn_wrap a:hover span{background-image:url('../images/icon/i_link_wh.png')}
    .book_detail_wrap .btn_wrap a.bookview:hover span{background-image:url('../images/icon/i_bookview_wh.png')}
    .book_detail_wrap .btn_wrap a.buy:hover span{background-image:url('../images/icon/i_book_wh.png')}
    .book_detail_wrap .btn_wrap a.down:hover span{background-image:url('../images/icon/i_down_wh.png')}
    .data_table .data_list_wrap .data_list li .btn_wrap a:hover{background-color: #44a5f8;}
    .data_table .data_list_wrap .data_list li .btn_wrap .btn_preview:hover{background:#44a5f8 url('../images/icon/i_srch_wh.png') no-repeat 50% 50%;}
    .data_table .data_list_wrap .data_list li .btn_wrap .btn_down:hover{background:#44a5f8 url('../images/icon/i_down_wh.png') no-repeat 50% 50%;}
    .data_table .data_list_wrap .data_list li .btn_wrap .btn_bookmark:hover{background:#44a5f8 url('../images/icon/i_bookmark_wh.png') no-repeat 50% 50%;}
    .infoCookie .magazine_wrap .cell .btn_wrap a:hover{background-color: #44a5f8;border-color:#44a5f8;color:#fff;}
    .board_view_wrap .board_view .board_bot .btn_file:hover{color:#44a5f8}
    .my_box .mymenu .btn:hover i{background-color: #44a5f8;}
    .company .sec_book .book_wrap .swiper-slide:hover .intxt{opacity:1;}

    .promotion .book_list > li .book_wrap .btn_wrap a:hover{background-color: #44a5f8;color:#fff;}
    .promotion .book_list > li .book_wrap .btn_wrap a.bookview:hover span{background:url('../images/icon/i_bookview_wh.png') no-repeat 100% 50%;}
    .promotion .book_list > li .book_wrap .btn_wrap a.down:hover span{background:url('../images/icon/i_down_wh.png') no-repeat 100% 50%;}
    .promotion .book_list > li .btn_list li a:hover{background-color: #44a5f8;}
    .promotion .book_list > li .btn_list li a.view:hover{background-image: url('../images/icon/i_bookview_wh.png');}
    .promotion .book_list > li .btn_list li a.down:hover{background-image: url('../images/icon/i_down_wh.png')}
    .promotion .sec_service .tabincont .innerCont.freebies .free_book .book a:hover{background-color: #44a5f8;color:#fff;}
}