@charset "utf-8";
main.main{width: 100%;padding-top: 94px;min-height: calc(100% - 372px);}
.paging ul li:hover a,
.paging ul li.active a{background-color: #3aa0ff;}
.page_top .content_container{height: 375px;}
.page_top h2{text-align: center;font-weight: bold;}
.page_top h2 strong{font-size: 56px;line-height: 72px;}
.page_top h2 em{display: block;font-size: 28px;padding-bottom: 15px;font-weight: 800;}
input[type="text"], input[type="password"], input[type="email"], input[type="tel"],input[type="url"], input[type="number"], input[type="date"], select{line-height: 50px;padding: 0 18px;font-size: 18px;border-radius: 8px;width: 320px;}
.table_box .table_top > div{display: flex;justify-content: flex-end;align-items: center;padding-bottom: 15px;}
.table_box .table_top > div > span{font-size: 18px;padding-right: 15px;font-weight: bold;}
.input_search{position: relative;}
.input_search > input{padding-right: 40px;}
.input_search > button{position: absolute;right: 8px;top: 50%;transform: translateY(-50%);padding: 5px;z-index: 1;}
/*form 커스텀*/
.selection:after{right:18px;top: 49%;transform:translateY(-50%);width:12px; height:10px;background: url(/static/img/icon_select.png) no-repeat;background-size: cover;background-position:0 0 ;z-index: 0;}
.selection select{line-height: 50px;padding:0 38px 0 18px;font-size: 18px;}
.table_basic th{line-height: 68px;font-size: 18px;}
.table_basic td{line-height: 36px;font-size: 18px;padding: 20px;}
/* 동영상 */
.player{position: relative;overflow: hidden;border-radius: 15px;position: relative;width: 100%;margin: 0 auto;}
.player iframe{position: absolute;left: -1%;top: 0;width: 102%;height: 102%;}
.player > img{width: 100%}
/* 페이징 */
.paging{padding: 30px 0;}
.paging > a.arrow_left{position: relative;display: inline-block;width: 33px;height: 33px;margin-right: 8px;}
.paging > a.arrow_left:after{width: 33px;height: 33px;content:"";background: url(/static/img/icon_paging_left.png) no-repeat;background-size: contain;display: block;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.paging > a.arrow_prev{position: relative;display: inline-block;width: 33px;height: 33px;margin-right: 14px;}
.paging > a.arrow_prev:after{width: 33px;height: 33px;content:"";background: url(/static/img/icon_paging_prev.png) no-repeat;background-size: contain;display: block;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.paging > a.arrow_next{position: relative;display: inline-block;width: 33px;height: 33px;margin-left: 14px;}
.paging > a.arrow_next:after{width: 33px;height: 33px;content:"";background: url(/static/img/icon_paging_next.png) no-repeat;background-size: contain;display: block;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.paging > a.arrow_right{position: relative;display: inline-block;width: 33px;height: 33px;margin-left: 8px;}
.paging > a.arrow_right:after{width: 33px;height: 33px;content:"";background: url(/static/img/icon_paging_right.png) no-repeat;background-size: contain;display: block;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.paging ul li{margin: 0 2px;}
.paging ul li a{display: block;width: 32px;height: 32px;line-height: 32px;font-size: 16px;border-radius: 16px;}
.paging ul li:hover a,
.paging ul li.active a{background-color: #3aa0ff;}
/* 메인페이지 */
.main_baduk{background-image: linear-gradient(to bottom, #c8f7ff 95px, #fff 95px)}
.main_baduk .page_top{background:#c8f7ff url(/static/img/main_bg_main.jpg) repeat-x;background-position: center bottom;}
.main_baduk .page_top .content_container{padding:50px 0 610px;height: auto}
.main_baduk .page_top h2{width: 406px;margin: 0 auto;}
.main_baduk .page_top h2 img{width: 100%;}
.main_baduk .page_top p{text-align: center;font-size: 18px;color: #666;margin-top: 15px;}
.main_baduk section{overflow: hidden}
.main_baduk section .content_container{text-align: center;}
.main_baduk section .content_container > h4{font-size: 64px;font-weight: bold;text-align: center;font-family: "soyoMaple","NanumSquareRound","NanumGothic","Apple SD Gothic Neo",sans-serif;}
.main_baduk section .content_container > p{font-size: 18px;line-height: 26px;color: #666;text-align: center;}
.main_baduk section .btn_box{display: flex;justify-content: center;align-items: center;}
.main_baduk section .btn_box a{width: 190px;margin: 0 8px;border-radius: 30px; border:3px solid #66b5ff;background-color: #3aa0ff;font-size: 20px;font-weight: 800;color: #fff;line-height: 56px;box-shadow: rgba(0,0,0,0.1) 0 6px 0}
.main_baduk .section1{background:#fff url(/static/img/main_section1_bg.jpg) no-repeat;background-position: center center;}
.main_baduk .section1 .content_container{padding: 95px 0 85px;}
.main_baduk .section1 p{padding: 40px 0 15px;}
.main_baduk .section1 .obj{width: 787px;}
.main_baduk .section1 .btn_box{margin-top: -15px;}
.main_baduk .section2{background:#fff url(/static/img/main_section2_bg.jpg) no-repeat;background-position: center top;}
.main_baduk .section2 .content_container{padding: 170px 0 670px;}
.main_baduk .section2 p{padding: 40px 0}
.main_baduk .section3{position: relative;}
.main_baduk .section3 h4 span{font-family: "soyoMaple","NanumSquareRound","NanumGothic","Apple SD Gothic Neo",sans-serif}
.main_baduk .section3 .content_container{padding: 260px 0 0;}
.main_baduk .section3 > img{position: absolute;left: 50%;z-index: 1;}
.main_baduk .section3 > img.obj1{width: 325px;top: 235px;margin-left: 520px;}
.main_baduk .section3 > img.obj2{width: 160px;top: 840px;left: inherit;right:0}
.main_baduk .section3 > img.obj3{width: 270px;bottom: 0px;margin-left: 440px;}
.main_baduk .section3 > img.obj4{width: 244px;top: 1000px;left:-20px;}
.main_baduk .section3 ul{margin-top: 150px;padding-bottom: 60px;}
.main_baduk .section3 ul li{position: relative;border-radius: 18px;background-color: #fef8e0;padding: 80px 80px 80px 100px;display: flex;justify-content: space-between;align-items: flex-start;}
.main_baduk .section3 ul li img.list_obj{position: absolute;left: -120px;bottom: 0;}
.main_baduk .section3 ul li:first-child{background-color: #f6f1fd;margin-bottom: 100px;}
.main_baduk .section3 ul li:first-child img.list_obj{left: -85px;}
.main_baduk .section3 ul li div{text-align: left;width: calc(100% - 540px);padding-right: 50px;padding-top: 35px;}
.main_baduk .section3 ul li div strong{}
.main_baduk .section3 ul li div strong span{font-size: 20px;font-weight: bold;font-family: "soyoMaple","NanumSquareRound","NanumGothic","Apple SD Gothic Neo",sans-serif;}
.main_baduk .section3 ul li div strong b{display: block;font-size: 40px;margin-top: 15px;font-family: "soyoMaple","NanumSquareRound","NanumGothic","Apple SD Gothic Neo",sans-serif;}
.main_baduk .section3 ul li div p{height: 220px;font-size: 18px;line-height: 26px;color: #666;padding: 40px 0 40px;}
.main_baduk .section3 ul li div .btn_line_round{font-size: 14px;background: none;width: 85px;line-height: 30px;text-align: center;}
.main_baduk .section3 ul li em{position: relative;width: 540px;height: 380px;overflow: hidden;border-radius: 18px}
.main_baduk .section3 ul li em img{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);height: 100%;}
.main_baduk .section4{background:#feeae1 url(/static/img/main_section4_bg.jpg) no-repeat;background-position: center top;margin-top: -60px;}
.main_baduk .section4 .content_container{padding: 560px 0 200px;}
.main_baduk .section4 h4{line-height: 80px;}
.main_baduk .section4 h4 em{font-weight: bold;line-height: 80px;font-family: "soyoMaple","NanumSquareRound","NanumGothic","Apple SD Gothic Neo",sans-serif;}
.main_baduk .section4 h4 span{display: block;margin-top: 10px;font-weight: bold;line-height: 80px;font-family: "soyoMaple","NanumSquareRound","NanumGothic","Apple SD Gothic Neo",sans-serif;}
.main_baduk .section4 ul{margin-top: 75px;}
.main_baduk .section4 ul li{display: flex;justify-content: space-between;align-items: center;}
.main_baduk .section4 ul li:first-child{margin-bottom: 110px;}
.main_baduk .section4 ul li > em{width: 623px;}
.main_baduk .section4 ul li > em img{width: 100%;}
.main_baduk .section4 ul li > div{width:calc(100% - 623px);padding-left: 40px;text-align: left;}
.main_baduk .section4 ul li > div strong{display: block;}
.main_baduk .section4 ul li div strong span{font-size: 20px;font-weight: bold;font-family: "soyoMaple","NanumSquareRound","NanumGothic","Apple SD Gothic Neo",sans-serif;}
.main_baduk .section4 ul li div strong b{display: block;font-size: 40px;margin-top: 15px;font-family: "soyoMaple","NanumSquareRound","NanumGothic","Apple SD Gothic Neo",sans-serif;}
.main_baduk .section4 ul li div p{font-size: 18px;line-height: 26px;color: #666;padding: 35px 0 60px;}
.main_baduk .section4 ul li div .btn_line_round{font-size: 14px;;background: none;width: 85px;line-height: 30px;text-align: center;}
/* 안내마당 - 사이트소개 */
.info_intro{background-image: linear-gradient(to bottom, #a1ecff 95px, #fff 95px)}
.info_intro .page_top{background:#a1ecff url(/static/img/bg_info_intro.png) repeat-x;background-position: center bottom;}
.info_intro .page_top .content_container{padding:90px 0 125px;}
.info_intro .page_top .content_container > img{position: absolute;left:50%;transform: translateY(0)}
.info_intro .page_top .top_img1{width: 222px;height: 185px;top: 62px;margin-left: -715px;}
.info_intro .page_top .top_img2{width: 42px;height: 72px;top: 190px;margin-left:-445px;animation: motion1 3s ease 0s infinite alternate;}
.info_intro .page_top .top_img3{width: 42px;height: 72px;top: 60px;margin-left: 380px;animation: motion1 2s ease 0s infinite alternate;}
.info_intro .page_top .top_img4{width: 152px;height: 152px;top: 75px;margin-left: 720px;}
.info_intro .page{background: #fff;padding-bottom: 80px;}
.info_intro .page .page_title{font-size: 20px;line-height: 32px;padding: 50px 0 80px;}
.info_intro .page .list_box{display: flex;justify-content: space-between;align-items: flex-start}
.info_intro .page .list_box > img{width: 540px;height: 503px;margin-left: 15px;}
.info_intro .page .list_box > ul{width: 50%;}
.info_intro .page .list_box > ul li{padding: 25px 0;}
.info_intro .page .list_box > ul li strong{display: block;font-size: 24px;}
.info_intro .page .list_box > ul li p{font-size: 18px;line-height: 26px;padding: 20px 0;}

/* 안내마당 - 입문자 가이드 */
.info_guide{background: #fff}
.info_guide .page_top{position: relative;background:#fff url(/static/img/bg_info_guide.png) repeat-x;background-position: center bottom;}
.info_guide .page_top .content_container{padding: 85px 0 80px;}
.info_guide .page_top .top_img1{width: 88px;position: absolute;left: 50%;top: 168px;margin-left: 445px;animation: motion1 2s ease 0s infinite alternate;}
.info_guide .page .content_container{height: 3277px;padding-bottom: 155px;box-sizing: content-box}
.info_guide .page{background: #fff1f0;background:#fff1f0 url(/static/img/bgfull_info_guide.jpg) no-repeat;background-position: center top;}
.info_guide .page .guide_title{position: absolute;left: 50%;transform: translateX(-50%);font-size: 24px;text-align: center;display: flex;justify-content: center;align-items: center;}
.info_guide .page .guide_title img{width: 72px;margin-right: 20px;}
.info_guide .page ul{text-align: center;}
.info_guide .page ul li{text-align: center;margin: 0 auto;position: absolute;left: 50%;top: 0;width: 400px;z-index: 1;}
.info_guide .page ul li > em{display: block;margin: 0 auto;width: 400px;}
.info_guide .page ul li > em img{width: 100%;}
.info_guide .page ul li strong{display: inline-block;position: absolute;left: 50%;top: 430px;font-size: 24px;line-height: 60px;border-radius: 30px;padding: 0 25px;color: #fff;white-space: nowrap;transform: translateX(-50%);font-weight: 800;}
.info_guide .page ul li strong span{color: #222;line-height: 40px;display: inline-block;}
.info_guide .page ul li > p{display: block;font-size: 20px;line-height: 32px;width: 400px;padding: 110px 0 20px;margin: 0 auto;font-family: soyoMaple}
.info_guide .page ul li > a{background: none}
.info_guide .page .guide_content1 .guide_title{top: 45px;margin-left: -40px;}
.info_guide .page .guide_content1 ul li:nth-child(1){top: 130px;;margin-left: -475px;}
.info_guide .page .guide_content1 ul li:nth-child(2){top: 380px;margin-left: 130px;}
.info_guide .page .guide_content1 ul li:nth-child(3){top: 900px;margin-left: -350px;}
.info_guide .page .guide_content2 .guide_title{top: 1670px;}
.info_guide .page .guide_content2 ul li:nth-child(1){top: 1680px;;margin-left: 155px;}
.info_guide .page .guide_content2 ul li:nth-child(2){top: 2230px;margin-left: -415px;}
.info_guide .page .guide_content2 ul li:nth-child(3){top: 2680px;margin-left: 56px;}
.info_guide .page .list_img1{width: 214px;position: absolute;top: 1410px;left: 50%;margin-left: 410px;}
.info_guide .page .list_img2{width: 142px;position: absolute;top: 2295px;left: 50%;margin-left: -540px;}
.info_guide .page .list_img3{width: 180px;position: absolute;top: 3030px;left: 50%;margin-left: -520px;}
/* 안내마당 - 바둑학원 안내 */
.info_academy .page{padding-bottom: 90px;}
.info_academy .page_top .content_container{padding:90px 0 80px;height: auto;}
.list_info{background: #f7f7f7;border-radius: 10px;color: #666;font-size: 16px;line-height: 24px;padding: 20px 25px;}
.list_info li{padding: 2px 0;}
.list_info li i{margin-right: 5px;}
.list_info li i.dot{margin-right: 10px;margin-top: 8px;}
.info_academy .table_box .table_top{padding-top: 30px;}
.info_academy .table_box .table_top .selection{width: 320px;}
.info_academy .table_box .table_top div strong{display: block;font-size: 24px;}
.info_academy .table_box .table_top div.table_title{justify-content: flex-start}
.info_academy .table_box table th{border-left: 0;border-right: 0;}
.info_academy .table_box table td{padding: 25px;}
.info_academy .table_box table td span{position: relative;padding-left: 5px;}
.info_academy .table_box table td span i.icon_crown{position: absolute;left: -12px;top: -21px;}
/* 안내마당 - 바둑관련 사이트 */
.info_site .page{padding-bottom: 60px;}
.info_site .page_top .content_container{height: auto;}
.info_site .page_top h2{padding: 160px 0 80px;}
.info_site .site_list_wrap{padding-bottom: 60px;padding: 0 4px;}
.info_site .site_list_wrap .site_title{padding-bottom: 32px;}
.info_site .site_list_wrap .site_title strong{display: block;font-size: 24px;padding-bottom: 15px;}
.info_site .site_list_wrap .site_title span{display: block;font-size: 16px;}
.info_site .site_list_wrap ul.site_list{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;padding-bottom: 40px;}
.info_site .site_list_wrap ul.site_list li{width: 624px;margin-bottom: 24px;background: #fff;box-shadow: rgba(0,0,0,0.12) 0 4px 6px;border-radius: 15px;border: 1px solid #d9d9d9;padding: 30px 20px 48px 30px;}
.info_site .site_list_wrap ul.site_list li:nth-child(2n+1){margin-right: 24px;}
.info_site .site_list_wrap ul.site_list li{display: flex;justify-content: flex-start;align-items: flex-start;}
.info_site .site_list_wrap ul.site_list li > em{width: 150px;margin-right: 25px;}
.info_site .site_list_wrap ul.site_list li > em img{width: 100%;}
.info_site .site_list_wrap ul.site_list li > div{width: calc(100% - 150px);position: relative;height: 150px;}
.info_site .site_list_wrap ul.site_list li > div strong{display: block;font-size: 20px;padding-bottom: 20px;}
.info_site .site_list_wrap ul.site_list li > div p{font-size: 18px;line-height: 26px;color: #444;letter-spacing: -0.4px}
.info_site .site_list_wrap ul.site_list li > div a.btn_line_round_small{position: absolute;left: 0;bottom: -16px;}
/* 안내마당 - 공지사항 */
.notice_list .page{padding-bottom: 90px;}
.notice_list .page_top .content_container{height: auto;}
.notice_list .page_top h2{padding: 100px 0 75px;}
.notice_list .table_basic colgroup col:nth-child(1){width:80px}
.notice_list .table_basic colgroup col:nth-child(2){width:auto}
.notice_list .table_basic colgroup col:nth-child(3){width:140px}
.notice_list .board_detail .board_top{display: flex;justify-content: space-between;align-items: center}
.notice_list .board_detail .board_top{border-top: 2px solid #222;background-color: #fff;padding: 0 30px;border-bottom: 1px solid #e4e4e4;font-size: 18px;}
.notice_list .board_detail .board_top > strong{line-height: 68px;}
.notice_list .board_detail .board_top > p{display: flex;justify-content:flex-end;align-items: center}
.notice_list .board_detail .board_top > p i.dot{margin: 0 20px;}
.notice_list .board_detail .board_content{padding: 25px 30px;border-bottom: 1px solid #e4e4e4;}
.notice_list .board_detail .board_content div{font-size: 18px;line-height: 26px;white-space: pre-line}
.notice_list .board_detail .board_bottom{padding:32px 0}
.notice_list .board_detail .board_bottom p{display: flex;justify-content: flex-end;align-items: center}
.notice_list .board_detail .board_bottom p a{margin-left: 8px;text-align: center;}
.notice_list .board_detail .board_bottom p a i{margin-left: 10px;}
.notice_list .board_detail .board_bottom p a:first-child i{margin-left: 0;margin-right: 10px;}
.notice_list .board_detail .board_bottom p a.btn_pill_blue{width: 110px;margin-left: 24px;}
/* 교육컨텐츠 - 레전드오브바둑 */
main.education_legend{padding-top:0}
.education_legend .page_top{background:url(/static/img/topImg_education_legend.png) repeat-x;background-position: center bottom;position: relative;z-index: 1;}
.education_legend .page_top .content_container{height: 1260px;padding-top: 130px;}
.education_legend .page_top .content_container h2{text-align: center;}
.education_legend .page_top .content_container p{margin-top: 50px;padding-left: 20px;}
.education_legend .page_top .content_container div{margin-top: 440px;text-align: center;}
.education_legend .page_top .content_container div span{display: block;text-align: center;padding: 25px 0;}
.education_legend .page_top .content_container div a{margin: 0 5px;width: 214px;}
.education_legend .page_top .content_container div a img{width: 100%;}
.education_legend .page_top a.btn_line_round{position: absolute;right: 0;top: 140px;font-size: 16px;line-height: 48px;border-color: #fff;padding:0 30px;background-color:#fff;border-radius: 25px;transition: all ease 0.3s;font-weight: bold;}
.education_legend  .page{background:#fff url(/static/img/bg_education_legend.jpg) center top repeat-x;margin-top: -230px;}
.education_legend  .page ul.section_list{width: 1154px;margin: 0 auto;padding-top: 270px;}
.education_legend  .page ul.section_list li{height: 660px;padding: 140px 0 0 170px;}
.education_legend  .page ul.section_list li p{margin-top: 50px;width: 490px;}
.education_legend  .page ul.section_list li p b{font-family: soyoMaple; font-size: 30px;line-height: 44px;}
.education_legend  .page ul.section_list li p span{display: block;font-size: 20px;line-height: 30px;margin-top: 25px;font-weight: bold;}
.education_legend  .page ul.section_list li:nth-child(1){background: url(/static/img/education_legend_section1_box.png);}
.education_legend  .page ul.section_list li:nth-child(2){background: url(/static/img/education_legend_section2_box.png);margin-top: 180px;}
.education_legend  .page ul.section_list li:nth-child(3){background: url(/static/img/education_legend_section3_box.png);margin-top: 390px;}
.education_legend  .page ul.section_list li:nth-child(4){background: url(/static/img/education_legend_section4_box.png);margin-top: 180px;}
.education_legend  .page ul.section_list li:nth-child(5){background: url(/static/img/education_legend_section5_box.png);margin-top: 440px;}
.education_legend  .page .section_bottom{padding: 250px 0 40px;text-align: center;}
.education_legend  .page .section_bottom p{margin-top: 20px;}
.education_legend  .page .section_bottom p > a{margin: 0 5px;width: 214px;}
.education_legend  .page .section_bottom p > a img{width: 100%;}
.education_legend  .page .section_bottom p > span{display: block;margin-top: 20px;display: flex;justify-content: center;align-items: center;}
.education_legend  .page .section_bottom p > span a{margin: 0 5px;font-size: 14px;font-weight: bold;line-height: 36px;width: 130px;border: 1px solid #222;border-radius: 8px;}
.education_legend_en .page_top{background:url(/static/img/en_topImg_education_legend.png) repeat-x;background-position: center bottom;position: relative;z-index: 1;}
.education_legend_en .page_top .content_container div{margin-top: 380px;text-align: center;}
.education_legend_en  .page ul.section_list li{padding: 120px 0 0 140px;}
.education_legend_en  .page ul.section_list li p{margin-top: 35px;width: 520px;}
.education_legend_en  .page ul.section_list li p span{line-height: 28px;}
.education_legend_en  .page ul.section_list li:nth-child(1){background: url(/static/img/en_education_legend_section1_box.png);}
.education_legend_en  .page ul.section_list li:nth-child(2){background: url(/static/img/en_education_legend_section2_box.png);margin-top: 180px;}
.education_legend_en  .page ul.section_list li:nth-child(3){background: url(/static/img/en_education_legend_section3_box.png);margin-top: 390px;}
.education_legend_en  .page ul.section_list li:nth-child(4){background: url(/static/img/en_education_legend_section4_box.png);margin-top: 180px;}
.education_legend_en  .page ul.section_list li:nth-child(5){background: url(/static/img/en_education_legend_section5_box.png);margin-top: 440px;}
/* 교육컨텐츠 - 교욱용게임 */
main.education_game{padding-top: 0;}
.education_game .page_top{background: url(/static/img/topImg_education_game.png) repeat-x;background-position: center bottom;position: relative;z-index: 1;}
.education_game .page_top .content_container{height: 1190px;padding-top: 150px;}
.education_game .page_top .content_container div{margin-top: 420px;text-align: center;}
.education_game .page_top .content_container div img{display: block;margin: 0 auto 20px;}
.education_game .page_top .content_container div a{margin: 0 5px;width: 214px;}
.education_game .page_top .content_container div a img{width: 100%;}
.education_game  .page{background:#413a5b url(/static/img/bg_education_game.jpg) center top repeat-x;margin-top: -70px;background-size: auto}
.education_game  .page ul.section_list{text-align: center;padding-top: 180px;}
.education_game  .page ul.section_list li{position: relative;}
.education_game  .page ul.section_list li strong{margin: 0 auto;}
.education_game  .page ul.section_list li p{padding: 20px 0 30px;font-size: 20px;line-height: 30px;font-weight: bold;margin:0 auto;width: 830px;}
.education_game  .page ul.section_list li div{margin: 0 auto;}
.education_game  .page ul.section_list li:nth-child(2){margin-top: 270px;}
.education_game  .page ul.section_list li:nth-child(2) p{padding-bottom: 50px;}
.education_game  .page ul.section_list li:nth-child(3){margin-top: 260px;}
.education_game  .page ul.section_list li:nth-child(3) .obj1{position: absolute;right: -40px;top: -20px;}
.education_game  .page ul.section_list li:nth-child(3) .obj2{position: absolute;left: -80px;bottom: -90px;}
.education_game  .page ul.section_list li:nth-child(4){margin-top: 180px;}
.education_game  .page ul.section_list li:nth-child(4) p{color: #fff;}
.education_game  .page ul.section_list li:nth-child(4) .btn_wrap{padding: 100px 0 50px;}
.education_game  .page ul.section_list li:nth-child(4) .btn_wrap img{display: block;margin: 0 auto 20px;}
.education_game  .page ul.section_list li:nth-child(4) .btn_wrap a{margin: 0 5px;width: 214px;}
.education_game  .page ul.section_list li:nth-child(4) .btn_wrap a img{width: 100%;}
/* 교육컨텐츠 - 바둑스쿨 */
.education_school{background-image: linear-gradient(to bottom, #fcf0ff 95px, #fff 95px)}
.education_school .page_top{background:#fcf0ff url(/static/img/bg_education_school_web.jpg) repeat-x;background-position: center bottom;}
.education_school .page_top .content_container{padding: 90px 0 140px;}
.education_school .page_top h2{position: relative;display: flex;justify-content: center;align-items: center;}
.education_school .page_top h2 strong{font-weight: 800;}
.education_school .page_top h2 .top_img1{width: 66px;margin-right: 10px;margin-top: -30px;}
.education_school .page_top h2 .top_img2{width: 60px;margin-left: 4px;margin-top: -45px;}
.education_school .page_top p{font-size: 32px;font-weight: bold;margin-top: 30px;text-align: center;}
.education_school .page_top a.btn_line_round{position: absolute;right: 0;top: 40px;font-size: 16px;line-height: 48px;border-color: #edbbfa;padding:0 30px;background-color:#edbbfa;border-radius: 25px;transition: all ease 0.3s;font-weight: bold;}
.education_school .page .content_container{padding: 70px 0 120px;}
.education_school .page .player_wrap{position: relative;width: 1056px;margin: 0 auto;border-radius: 16px;overflow: hidden}
.education_school .page .player_wrap .player_ready img{width: 100%;}
.education_school .page .player_wrap .tag{position: absolute;right: 20px;top: -8px;}
.education_school .page .player_wrap .tag img{width: 94px;}
.education_school .page .player_wrap .play_btn{display: block;width:100%;height: 100%;position: absolute;left: 0;top: 0;background:rgba(0,0,0,0.3)}
.education_school .page .player_wrap .play_btn a{display: block;width: 108px;height: 108px;background: url(/static/img/btn_play.png) no-repeat center center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.education_school .page .store_list{display: flex;justify-content: center;align-items: center;padding: 25px 0 40px;}
.education_school .page .store_list a{font-size: 18px;line-height: 54px;border:1px solid #000;border-radius: 5px;font-weight: bold;padding: 0 30px;margin: 0 12px;}
.education_school .page .store_list a i{margin-top: 13px;margin-right: 15px;}
.education_school .page .store_list a i.icon_google_store{margin-top: 16px;}
.education_school .page .store_list a.btn_svg{background: none;border: none;margin: 0 12px;width: 200px;padding: 0;}
.education_school .page .store_list a.btn_svg img{width: 100%;}
.education_school .page .player_info p{white-space: pre-line;font-size: 30px;line-height: 40px;color: #444;font-family: omyu_pretty}
.education_school .page .player_info p b{color: #222;}
/* 교육컨텐츠 - 에니메이션 */
.animation_mind{background-image: linear-gradient(to bottom, #ffeda0 95px, #fff 95px)}
.animation_mind .page_top{background:#ffeda0 url(/static/img/bg_education_animation_mind_web.jpg) repeat-x;background-position: center bottom;}
.animation_mind .page_top .content_container{padding: 90px 0 140px;}
.animation_mind .page_top h2 em{display: block;}
.animation_mind .page_top h2 strong{font-weight: 800;}
.animation_mind .page .content_container{padding: 70px 0 120px;}
.education_animaion .page .animation_info{font-size: 22px;line-height: 36px;padding-bottom: 60px;border-bottom: 2px solid #000;}
.education_animaion .animation_list{display: flex;justify-content:space-between;align-items: flex-start;flex-wrap: wrap;margin-top: 35px;}
.education_animaion .animation_list li{margin-bottom: 24px;width: 408px;}
.education_animaion .animation_list li a{position: relative;display: block;box-shadow: rgba(0,0,0,0.12) 0 4px 6px;border-radius: 15px;overflow: hidden}
.education_animaion .animation_list li a div{position: relative;overflow: hidden}
.education_animaion .animation_list li a div em{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);transform: translateY(100%);opacity: 0; transition: all cubic-bezier(0.8, 0, 0.5, 1) 0.2s;}
.education_animaion .animation_list li a div em i.play_btn{display: inline-block;width: 80px;height: 80px;background:url(/static/img/player_btn.png);background-size: cover;position: absolute;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px; }
.education_animaion .animation_list li a div img{width: 100%;}
.education_animaion .animation_list li a p{font-size: 18px;line-height: 26px;padding: 25px;min-height: 102px}
.education_animaion .animation_list li a:hover div em{transform: translateY(0);opacity: 1}
/* 교육컨텐츠 - 유투브팝업 */
.popLayer_youtube .player_box .player{border-radius: 5px}
.popLayer_youtube .player_box p{font-size: 18px;line-height: 26px;padding: 20px 0 30px;border-bottom: 2px solid #e4e4e4;}
.popLayer_youtube .player_box div{position: relative;overflow: hidden;border-radius: 5px;overflow: hidden}
.popLayer_youtube .player_box div em{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.3);}
.popLayer_youtube .player_box div em i.play_btn{display: inline-block;width: 80px;height: 80px;background:url(/static/img/player_btn.png);background-size: cover;position: absolute;left: 50%;top: 50%;margin-left: -40px;margin-top: -40px; }
.popLayer_youtube .player_box div img{width: 100%;}
.popLayer_youtube .pop_slider{margin-top: 35px;padding: 0 15px;overflow: visible}
.popLayer_youtube .pop_slider .swiper-wrapper{padding-bottom: 5px;overflow: visible}
.popLayer_youtube .pop_slider .swiper-slide{border-radius: 8px;overflow: hidden;box-shadow: rgba(0,0,0,0.12) 1px 1px 4px;}
.popLayer_youtube .pop_slider .swiper-slide em{display: block;}
.popLayer_youtube .pop_slider .swiper-slide em img{width: 100%;}
.popLayer_youtube .pop_slider .swiper-slide p{font-size: 12px;line-height: 16px;padding: 10px;min-height: 45px}
.swiper-button-next{display: block;width: 33px;height: 33px;content:"";background: url(/static/img/icon_paging_next.png) no-repeat;background-size: contain;right: -0px;}
.swiper-button-next:after{display: none;}
.swiper-button-prev{display: block;width: 33px;height: 33px;content:"";background: url(/static/img/icon_paging_prev.png) no-repeat;background-size: contain;left: -0;}
.swiper-button-prev:after{display: none;}
.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity: 1;}
/* 교육컨텐츠 - 교수법가이드 */
.animation_textbook{background-image: linear-gradient(to bottom, #c8f7ff 95px, #fff 95px)}
.animation_textbook .page_top{background:#c8f7ff url(/static/img/bg_education_animation_guide.jpg) repeat-x;background-position: center bottom;}
.animation_textbook .page_top .content_container{padding: 100px 0 145px;}
.animation_textbook .page_top h2 strong{font-weight: 800;text-align: center;}
.animation_textbook .page_top h2 p{font-size: 32px;margin-top: 20px;font-weight: bold;}
.animation_textbook .page_top h2 > img{position: absolute;left:50%;}
.animation_textbook .page_top .top_img1{width: 364px;top: 210px;margin-left: -625px;}
.animation_textbook .page_top .top_img2{width: 140px;top: 220px;margin-left:440px}
.animation_textbook .page .content_container{padding: 70px 0 120px;}
/* 교육컨텐츠 - 교수법가이드 */
.instatoon{background-image: linear-gradient(to bottom, #ffeda0  95px, #fff 95px)}
.instatoon .page_top{background:#ffeda0 url(/static/img/instatoonmain.jpg) repeat-x;background-position: center bottom;}
.instatoon .page_top .content_container{padding: 100px 0 145px;}
.instatoon .page_top h2 strong{font-weight: 800;text-align: center;}
.instatoon .page_top h2 p{font-size: 32px;margin-top: 20px;font-weight: bold;}
.instatoon .page_top h2 > img{position: absolute;left:50%;}
.instatoon .page_top .top_img1{width: 364px;top: 210px;margin-left: -625px;}
.instatoon .page_top .top_img2{width: 140px;top: 220px;margin-left:440px}
.instatoon .page .content_container{padding: 70px 0 120px;}
.instatoon .insta_toon_container img { width:100%;}
.instatoon .insta_toon_other {margin-top: 50px; font-size: 22px; border-bottom: 2px solid #000; /*padding-bottom: 60px; text-align: center; */}
.instatoon .animation_list li a p  {font-size: 20px; line-height: 26px; padding: 25px; min-height: 102px; text-align: center !important;} 

/* 바둑책방 */
.book_content{background-image: linear-gradient(to bottom, #fff1f0 95px, #fff 95px)}
.book_content .page_top{background:#fff1f0 url(/static/img/bg_book_content.png) repeat-x;background-position: center bottom;}
.book_content .page_top .content_container{padding:100px 0 200px;}
.book_content .page_top .content_container > img{position: absolute;left:50%;}
.book_content .page_top .top_img1{width: 170px;top:170px;margin-left: 425px;}
.book_content .page_top .top_img2{width: 234px;bottom: 25px;margin-left:-115px}
.book_content .page_top h2 em{margin-top: -15px;}
.book_content .page_top h2 strong{font-weight: 800;}
.book_content .book_main{padding: 80px 0 60px 110px;border-bottom: 1px solid #e4e4e4;display: flex;justify-content: flex-start;align-items: flex-start;}
.book_content .book_main em{width: 311px;}
.book_content .book_main em img{width:100%;}
.book_content .book_main div{padding: 25px 0 0 130px;width: calc(100% - 311px);}
.book_content .book_main div > strong{display: block;font-size: 32px;}
.book_content .book_main div > ul{padding: 25px 0 40px;}
.book_content .book_main div > ul li{font-size: 18px;display: flex;justify-content: flex-start;align-items: center;margin-top: 10px;}
.book_content .book_main div > ul li span{font-weight: bold;}
.book_content .book_main div > ul li p{color: #666;padding-left: 10px;}
.book_content .book_main div > ul li:first-child{margin-top: 0;}
.book_content .book_main div p{display: flex;justify-content: flex-start;align-items: center;}
.book_content .book_main div p a{width: 120px;margin-left: 25px;}
.book_content .book_main div p a img{width: 100%;}
.book_content .book_main div p a:first-child{margin-left: 0;}
.book_content .book_intro strong{font-size: 24px;display: block;padding: 75px 0 35px;}
.book_content .book_intro p{font-size: 22px;line-height: 32px;white-space: pre-line;font-family: soyoMaple}
.book_content .book_intro p span{font-family: soyoMaple;line-height: 36px;}
.book_content .book_intro2{background:#fff url(/static/img/book_obj1.png) no-repeat;background-position: right top;}
.book_content .book_intro2 p{width: 65%;}
.book_content .book_intro .font_tab{display: flex;justify-content:flex-start;align-items: center;flex-wrap: wrap}
.book_content .book_intro .font_tab li{margin-right: 15px;padding-bottom: 20px;opacity: 0.5;}
.book_content .book_intro .font_tab li a{font-size: 13px;}
.book_content .book_intro .font_tab li.active{opacity: 1;}
.book_content .book_intro .font_tab li.active a{background:#222;color: #fff;}
.book_content .book_detail > strong{font-size: 24px;display: block;padding: 75px 0 35px;}
.book_content .book_detail .tab_group{display: flex;justify-content: flex-start;align-items: center;padding-bottom: 25px;}
.book_content .book_detail .tab_group li{position: relative;font-size: 20px;color: #666;padding: 0 35px;}
.book_content .book_detail .tab_group li:after{content: "/";font-size: 20px;position: absolute;left: -4px;top: 0;}
.book_content .book_detail .tab_group li:first-child:after{display: none;}
.book_content .book_detail .tab_group li:first-child{padding-left: 0;}
.book_content .book_detail .tab_group li a{position: relative;font-weight: bold;}
.book_content .book_detail .tab_group li.active a{color: #3aa0ff;}
.book_content .book_detail .tab_group li.active a:after{content: "";display: block;width: 8px;height: 8px;border-radius: 4px;background-color: #3aa0ff;}
.book_content .book_detail .tab_group li.active a:after{position: absolute;left: 50%;bottom: -10px;margin-left: -4px;}
.book_content .content_container a.btn_line_round{position: absolute;right: 200px;top: 20px;font-size: 16px;line-height: 48px;padding:0 30px;background-color:#fff;border-radius: 25px;transition: all ease 0.3s;font-weight: bold;}

/* 한국기원 추가 요청 바둑책방 > 초등바둑교과서 버튼 추가 2024-08-12 */
.book_content .page_top a.btn_line_round{position: absolute;right: 0;top: 40px;font-size: 16px;line-height: 48px;border-color: #edbbfa;padding:0 30px;background-color:#edbbfa;border-radius: 25px;transition: all ease 0.3s;font-weight: bold;}
/* 바둑용품 */
.store_content{background-image: linear-gradient(to bottom, #f1fad8 95px, #fff 95px)}
.store_content .page_top{background:#f1fad8 url(/static/img/bg_store_content1.jpg) repeat-x;background-position: center bottom;}
.store_content .page_top .content_container{padding:100px 0 150px;}
.store_content .page_top .top_img1{width: 150px;top:inherit;bottom: -2px;margin-left: -324px;}
.store_content .page_top .top_img2{width: 150px;top: 195px;margin-left:400px}
.store_content.store1 .book_main{padding-bottom: 100px;}
.store_content.store1 .book_main div{padding-top: 0;}
@media all and (max-width:1279px) {
    .book_content .content_container{padding-left: 25px;padding-right: 25px;}
    .book_content .book_detail .book_img{width: 100%;}

    main.main{padding-top: 56px;min-height: auto}
    .page_top .content_container{height: auto;}
    .page_top h2 strong{font-size: 40px;line-height: 48px;}
    .page_top h2 em{display: block;font-size: 20px;padding-bottom: 12px;}

    .main_baduk section .content_container > h4{font-size: 48px;}
    .main_baduk .section3 .content_container{padding: 160px 0 0 ;}
    .main_baduk .section3 > img.obj1{margin-left: 350px;top:150px}
    .main_baduk .section3 > img.obj2{top: 650px;width: 100px;}
    .main_baduk .section3 > img.obj3{margin-left: 220px;bottom: 0;}
    .main_baduk .section3 ul{padding: 0 30px;margin-top: 100px;padding-bottom: 50px;}
    .main_baduk .section3 ul li{padding: 45px;}
    .main_baduk .section3 ul li:first-child{margin-bottom: 50px;}
    .main_baduk .section3 ul li div{width: calc(100% - 400px);padding-top: 0;}
    .main_baduk .section3 ul li div p{height: auto;}
    .main_baduk .section3 ul li em{width: 400px;height: 280px;}
    .main_baduk .section4{background-position: center -100px}
    .main_baduk .section4 .content_container{padding: 400px 0 150px;}
    .main_baduk .section4 h4 span{margin-top: 0;}
    .main_baduk .section4 ul{padding: 0 35px;}
    .main_baduk .section4 ul li > em{width: 50%;align-items: flex-start}
    .main_baduk .section4 ul li > div{width: 50%;}
    .main_baduk .section4 ul li div p{padding-bottom: 30px;}
    .main_baduk .section4 ul li div strong b{font-size: 28px;}

    .book_content .page_top .content_container{padding: 80px 0 150px;}
    .book_content .page_top h2 em{margin-top: 0;}
    .book_content .book_main em{width: 200px;}
    .book_content .book_main div{padding-left: 50px;width: calc(100% - 200px);}
    .book_content .book_main div > strong{font-size: 28px;}

    .book_content .book_intro2{background:#fff url(/static/img/book_obj1_m.png) no-repeat;background-position: right bottom;}
    .book_content .book_intro2 p{width: 100%;}
    .book_content .book_intro2 p span{display: block;;}
    .book_content .book_intro2 p span.text_bottom{width: 50%;}

    .info_academy .page .content_container{padding: 0  20px;}
    .info_academy .table_box .table_top div{padding-bottom: 40px;}
    .info_academy .table_box .table_top .selection{width: calc(100% -  35px);}
    .info_academy .table_box .table_top .table_title{padding-bottom: 20px;}
    .info_academy .table_box .table_top .table_title strong{font-size: 20px;}
    .info_academy .table_box > ul{border-top: 1px solid #222;}
    .info_academy .table_box > ul li{display: flex;justify-content: flex-start;font-size: 12px;line-height: 18px;}
    .info_academy .table_box > ul li > strong{padding: 10px;width: 55px;border-bottom: 1px solid #e4e4e4;display: flex;align-items: center}
    .info_academy .table_box > ul li > div{border-left:1px solid #e4e4e4;width:calc(100% - 55px);}
    .info_academy .table_box > ul li > div > p{padding: 15px 10px;line-height: 18px;border-bottom: 1px solid #e4e4e4;}

    /* 안내마당 - 입문자 가이드 */
    .info_guide .page_top{background-size: 60%}
    .info_guide .page_top .content_container{padding: 80px 0 80px;}
    .info_guide .page_top .top_img1{margin-left: 280px;top:128px;}
    .info_guide .page .content_container{height: auto;padding-bottom: 100px;box-sizing: content-box}
    .info_guide .page{background:#fff1f0 url(/static/img/bgfull_info_guide_m.jpg) no-repeat center top;background-size:360px 3003px;background-position:center 30px}
    .info_guide .page .guide_title{position: relative;top: 0;font-size: 14px;white-space: nowrap;padding-top: 25px;padding-bottom: 50px;}
    .info_guide .page ul{text-align: center;margin-top: 40px;}
    .info_guide .page ul li{text-align: center;margin: 0 auto;position: relative;left: 0!important;top: 0!important;width: 100%;z-index: 1;margin: 0 auto 50px!important;height: 435px;}
    .info_guide .page ul li > em{width: 80%;max-width: 260px;margin-bottom: 20px;}
    .info_guide .page ul li strong{top: 0;position: relative;left: 0;margin:0 auto;font-size: 16px;line-height: 40px;border-radius: 30px;padding: 0 15px;transform: none}
    .info_guide .page ul li > div > p{margin-bottom: 5px;}
    .info_guide .page ul li > p{font-size: 12px;line-height: 16px;width: 100%;max-width: 260px; padding: 15px 0 15px}
    .info_guide .page .guide_content1 .guide_title{top: 0;margin-left: -10px;}
    .info_guide .page .guide_content1 .guide_title img{width: 48px;margin-right: -12px;margin-top: -10px;}
    .info_guide .page .guide_content1 ul li:first-child{height: 490px;}
    .info_guide .page .guide_content2 .guide_title{top: 0;padding-top: 20px;}
    .info_guide .page .guide_content2 .guide_title img{width: 37px;margin-right: 5px;}
    .info_guide .page .list_img1{width: 142px;top: 570px;margin-left: 80px;}
    .info_guide .page .list_img2{width: 95px;top: 2155px;margin-left: -190px;}
    .info_guide .page .list_img3{width: 120px;top: 3060px;margin-left: -150px;}

    .info_intro .page .content_container{padding: 0 20px;}
    .info_intro .page .list_box{display: block;text-align: center;}
    .info_intro .page .list_box > img{width: 60%;height: auto;margin: 0 auto;}
    .info_intro .page .list_box > ul{text-align: left;}

    .notice_list .page .content_container{padding: 0 20px;}
    .info_site .site_list_wrap{padding: 0 20px;}
    .info_site .site_list_wrap ul.site_list li{width: 100%;}
    .info_site .site_list_wrap ul.site_list li:nth-child(2n+1){margin-right:0;}

    .animation_mind .page .content_container{padding-right: 20px;padding-left: 20px;}
    .education_animaion .animation_list li{width: 49%;}
    .animation_textbook .page .content_container{padding-right: 20px;padding-left: 20px;}
    .animation_textbook .animation_list li{width: 49%;}
    .education_school .page_top{background-size: 150%}
    .education_school .page .content_container{padding-right: 20px;padding-left: 20px;}
    .education_school .page .player_wrap{width: 100%;}
    .education_school .page_top a.btn_line_round{right: 20px;}
    /* 한국기원 추가 요청 바둑책방 > 초등바둑교과서 버튼 추가 2024-08-12 */
    .book_content .page_top a.btn_line_round{right: 20px;}

    main.education_game{padding-top: 0;}
    main.education_legend{padding-top: 0;}
    .education_legend .page_top a.btn_line_round{right: 10px;}





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

}
@media screen and (max-width: 768px) {
    main.main{padding-top: 55px;min-height:auto}
    img{width: 100%;}
    .page_top h2 strong{font-size: 24px;line-height: 30px;font-weight: bold!important;}
    .page_top h2 em{display: block;font-size: 14px;padding-bottom: 8px;}
    .table_box .table_top > div{justify-content: space-between;padding-bottom: 20px;}
    .table_box .table_top > div > span{font-size: 12px;padding-right: 10px;}
    .input_search{position: relative;width: 100%;}
    .input_search > input{padding-right: 30px;line-height: 36px;width: 100%;}
    .input_search > button{position: absolute;right: 8px;top: 50%;transform: translateY(-50%);padding: 5px;z-index: 1;}
    /*form 커스텀*/
    .selection:after{right:12px;top: 48%;width:8px; height:7px;}
    .selection select{line-height: 36px;padding:0 25px 0 12px;font-size: 12px;}
    /* 동영상 */
    .player{width: 100%;height: auto;border-radius: 8px;}
    .player iframe{position: absolute;left: -1%;top: 0;width: 102%;height: 102%;}
    /* 페이징 */
    .paging{padding: 30px 0;}
    .paging > a.arrow_left{margin-right: 4px;}
    .paging > a.arrow_prev{margin-right: 4px;}
    .paging > a.arrow_next{margin-left: 4px;}
    .paging > a.arrow_right{margin-left: 4px;}
    /* 메인페이지 */
    .main_baduk{background-image: linear-gradient(to bottom, #c8f7ff 56px, #fff 56px)}
    .main_baduk .page_top{background:#c8f7ff url(/static/img/main_bg_main_m.jpg) no-repeat center bottom;background-size: 768px}
    .main_baduk .page_top .content_container{padding:40px 0 700px;}
    .main_baduk .page_top h2{width: 60%;max-width:220px;}
    .main_baduk .page_top p{font-size: 12px;margin-top: 10px;}
    .main_baduk section .content_container > h4{font-size: 24px;}
    .main_baduk section .content_container > p{font-size: 12px;line-height: 18px;width: 85%;margin: 0 auto;}
    .main_baduk section .btn_box a{width: 130px;border:1px solid #66b5ff;font-size: 14px;line-height: 42px;box-shadow: rgba(0,0,0,0.1) 0 4px 0;font-weight: bold;}
    .main_baduk .section1{background:none;}
    .main_baduk .section1 .content_container{padding: 70px 0 60px;}
    .main_baduk .section1 p{padding: 20px 0;width:80%;}
    .main_baduk .section1 .obj{width: 90%;max-width: 360px}
    .main_baduk .section1 .btn_box{margin-top: 30px;}
    .main_baduk .section2{position: relative;background:#c8f7ff url(/static/img/main_section2_bg_m.jpg) no-repeat;background-position: center bottom;background-size: 100%;}
    .main_baduk .section2:after{content: "";width: 100%;height: 50px;background:#c8f7ff url(/static/img/main_section2_bg_m_top.jpg) repeat-x;background-size: contain;position: absolute;left: 0;top: 0;}
    .main_baduk .section2 .content_container{padding: 80px 0 550px;z-index: 1;}
    .main_baduk .section2 p{padding: 20px 0}

    .main_baduk .section3 .content_container{padding: 60px 20px 70px;}
    .main_baduk .section3 h4 span{display: block;}
    .main_baduk .section3 > img{z-index: 1;left: 0;margin: 0;}
    .main_baduk .section3 > img.obj1{z-index: 1;left: 0;margin: 0;width: 108px;top:100px;left: inherit;right:-40px}
    .main_baduk .section3 > img.obj2{z-index: 1;left: 0;margin: 0;width: 55px;top:820px;left: inherit;right: 0}
    .main_baduk .section3 > img.obj3{z-index: 1;left: 0;margin: 0;width: 110px;top: inherit;bottom:40px;left: inherit;right: 5px}
    .main_baduk .section3 ul{margin-top: 60px;padding: 0;}
    .main_baduk .section3 ul li{border-radius: 10px;padding: 25px;display: block;}
    .main_baduk .section3 ul li:first-child{margin-bottom: 40px;}
    .main_baduk .section3 ul li div{width: 100%;padding: 0;}
    .main_baduk .section3 ul li div strong span{font-size: 12px;}
    .main_baduk .section3 ul li div strong b{font-size: 20px;margin-top: 5px;}
    .main_baduk .section3 ul li div p{width: 100%;height: auto;font-size: 12px;line-height: 18px;padding: 15px 0}
    .main_baduk .section3 ul li div .btn_line_round{font-size: 11px;padding: 0 15px;width: auto;line-height: 24px;}
    .main_baduk .section3 ul li em{display: block;width: 100%;height:0;border-radius: 10px;padding-bottom: 70%;margin-top: 30px;}
    .main_baduk .section3 ul li em img{height: 100%;width:auto}

    .main_baduk .section4{background:#feeae1 url(/static/img/main_section4_bg_m.jpg) no-repeat;background-position: center top;background-size: 100%;margin-top: 0;}
    .main_baduk .section4 .content_container{padding: 150px 0 70px;}
    .main_baduk .section4 h4{line-height: normal;}
    .main_baduk .section4 h4 em{line-height: normal;display: block;padding-bottom: 5px;}
    .main_baduk .section4 h4 span{display: inline-block;margin-top: 0;line-height: normal;}
    .main_baduk .section4 ul{margin-top: 60px;padding: 0 25px;}
    .main_baduk .section4 ul li{display: block;}
    .main_baduk .section4 ul li:first-child{margin-bottom: 60px;}
    .main_baduk .section4 ul li > em{width: 100%;max-width: 360px; display: block;margin: 0 auto;}
    .main_baduk .section4 ul li > div{width:100%;padding-left: 0;padding-top: 30px;}
    .main_baduk .section4 ul li div strong span{font-size: 12px;}
    .main_baduk .section4 ul li div strong b{font-size: 20px;margin-top: 5px;}
    .main_baduk .section4 ul li div p{width: 100%;height: auto;font-size: 12px;line-height: 18px;padding: 15px 0}
    .main_baduk .section4 ul li div .btn_line_round{font-size: 11px;padding: 0 15px;width: auto;line-height: 24px;}
    /* 안내마당 - 사이트소개 */
    .info_intro{background-image: linear-gradient(to bottom, #a1ecff 56px, #fff 56px);background-size: 60%}
    .info_intro .page_top .content_container > img{margin-left: 0;}
    .info_intro .page_top .content_container .top_img1{width: 114px;height: 93px;top: -10px;left: -15px;}
    .info_intro .page_top .content_container .top_img2{width: 23px;height: 39px;top: 200px;left:30px}
    .info_intro .page_top .content_container .top_img3{width: 23px;height: 39px;top: 36px;left:inherit;right:25px}
    .info_intro .page_top .content_container .top_img4{width: 80px;height: 80px;top: 180px;left:inherit;right:4px}
    .info_intro .page{padding:0 20px 50px;}
    .info_intro .page .page_title{font-size: 14px;line-height: 18px;padding: 30px 0 55px;}
    .info_intro .page .list_box{display: block;}
    .info_intro .page .list_box > img{width:100%;height: auto; margin: 0}
    .info_intro .page .list_box > ul{width: 100%;padding: 20px 0;}
    .info_intro .page .list_box > ul li{padding: 20px 0;}
    .info_intro .page .list_box > ul li strong{font-size: 20px;}
    .info_intro .page .list_box > ul li p{font-size: 12px;line-height: 16px;padding: 15px 0;}

    .info_guide .page_top .top_img1{width: 54px;position: absolute;left: 50%;top: 68%;margin-left: 230px;}
    /* 안내마당 - 바둑학원 안내 */
    .info_academy .page_top .content_container{padding:100px 0 40px}
    .info_academy .page{padding-bottom: 80px;}
    .info_academy .page .content_container{padding: 0 20px;}
    .list_info{border-radius: 5px;font-size: 11px;padding: 15px;}
    .list_info li{padding: 2px 0 2px 10px;position: relative;line-height: 16px;}
    .list_info li i.dot{margin:0;position: absolute;left: 0;top: 8px;width: 2px;height: 2px;}
    /* 안내마당 - 바둑관련 사이트 */
    .info_site .page{padding-bottom: 30px;}
    .info_site .page_top h2{padding: 100px 0 60px;}
    .info_site .site_list_wrap{padding: 0 15px 60px;}
    .info_site .site_list_wrap .site_title{padding-bottom: 25px;}
    .info_site .site_list_wrap .site_title strong{font-size: 20px;padding-bottom: 10px;}
    .info_site .site_list_wrap .site_title span{font-size: 14px;}
    .info_site .site_list_wrap ul.site_list{display: block;padding-bottom: 0;}
    .info_site .site_list_wrap ul.site_list li{width: 100%;margin-bottom: 0;margin-top: 20px;border-radius: 6px;padding: 15px;}
    .info_site .site_list_wrap ul.site_list li:first-child{margin-top: 0;}
    .info_site .site_list_wrap ul.site_list li:nth-child(2n+1){margin-right: 0;}
    .info_site .site_list_wrap ul.site_list li > em{width: 76px;margin-right: 15px;}
    .info_site .site_list_wrap ul.site_list li > div{width: calc(100% - 76px);height: auto;}
    .info_site .site_list_wrap ul.site_list li > div strong{font-size: 14px;padding-bottom: 10px;}
    .info_site .site_list_wrap ul.site_list li > div p{font-size: 12px;line-height: 16px;padding-bottom: 15px;word-break: break-all;}
    .info_site .site_list_wrap ul.site_list li > div a.btn_line_round_small{position:relative;left: 0;bottom: 0;}
    /* 안내마당 - 공지사항 */
    .notice_list .page{padding-bottom: 50px;}
    .notice_list .page_top h2{padding: 100px 0 35px;}
    .notice_list .board_detail .board_top{display:block;border-top: 1px solid #222;padding: 15px 15px 12px;font-size: 12px;}
    .notice_list .board_detail .board_top > strong{line-height: normal;display: block;padding-bottom: 12px;}
    .notice_list .board_detail .board_top > p{justify-content:flex-start;}
    .notice_list .board_detail .board_top > p i.dot{margin: 0 10px;}
    .notice_list .board_detail .board_content{padding: 15px;}
    .notice_list .board_detail .board_content div{font-size: 12px;line-height: 18px;}
    .notice_list .board_detail .board_bottom{padding:15px 0}
    .notice_list .board_detail .board_bottom p{justify-content:space-between;}
    .notice_list .board_detail .board_bottom p a{margin-left: 0px;margin-right: 5px;}
    .notice_list .board_detail .board_bottom p a i{margin-left: 5px;}
    .notice_list .board_detail .board_bottom p a:first-child i{margin-left: 0;margin-right: 5px;}
    .notice_list .board_detail .board_bottom p a.btn_pill_blue{margin-left: auto;margin-right: 0;width: 80px;}
    /* 교육컨텐츠 - 레전드오브바둑 */
    main.education_legend{padding-top:0}
    .education_legend .page_top{background:url(/static/img/topImg_education_legend_m.png) repeat-x;background-size: 100%;background-position: center bottom;}
    .education_legend .page_top .content_container{height: auto;padding-top: 90px;padding-bottom: 120px;}
    .education_legend .page_top .content_container h2{width: 70%;margin: 0 auto;}
    .education_legend .page_top .content_container p{margin-top: 30px;padding-left: 10px;width: 90%;}
    .education_legend .page_top .content_container div{text-align: center;width: 80%;margin: 320px auto 0;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
    .education_legend .page_top .content_container div span{padding: 25px 0 10px;}
    .education_legend .page_top .content_container div a{width: 45%;}
    .education_legend .page_top a.btn_line_round{position: absolute;right: 15px;top: 80px;font-size: 12px;line-height: 36px;padding:0 15px;border-radius: 25px;}
    .education_legend  .page{background:#fff url(/static/img/bg_education_legend_m.jpg) center top repeat-x;background-size: 100%;margin-top: -120px;}
    .education_legend  .page ul.section_list{width: 95%;padding-top: 30%;}
    .education_legend  .page ul.section_list li{position: relative;padding: 120px 0 300px 80px;width: 100%;height: 0;padding-top: 120%;}
    .education_legend  .page ul.section_list li strong{display: block;height: 60px;position: absolute;left: 70px;top: 11%;}
    .education_legend  .page ul.section_list li strong img{width: auto;height: 100%;}
    .education_legend  .page ul.section_list li p{position: absolute;left: 70px;top: 14%;width: 78%;}
    .education_legend  .page ul.section_list li p b{font-size: 30px;line-height: 40px;}
    .education_legend  .page ul.section_list li p span{font-size: 24px;line-height: 32px;margin-top: 10px;}
    .education_legend  .page ul.section_list li:nth-child(1){background: url(/static/img/education_legend_section1_box_m.png) no-repeat;background-size: 100%;}
    .education_legend  .page ul.section_list li:nth-child(2){background: url(/static/img/education_legend_section2_box_m.png) no-repeat;background-size: 100%;margin-top: 20%;}
    .education_legend  .page ul.section_list li:nth-child(3){background: url(/static/img/education_legend_section3_box_m.png) no-repeat;background-size: 100%;margin-top: 40%;}
    .education_legend  .page ul.section_list li:nth-child(4){background: url(/static/img/education_legend_section4_box_m.png) no-repeat;background-size: 100%;margin-top: 30%;}
    .education_legend  .page ul.section_list li:nth-child(5){background: url(/static/img/education_legend_section5_box_m.png) no-repeat;background-size: 100%;margin-top: 30%;}
    .education_legend  .page ul.section_list li:nth-child(5) strong{width: 60%;}
    .education_legend  .page .section_bottom{padding: 30% 0 40px;text-align: center;}
    .education_legend  .page .section_bottom > span{display: block;margin: 0 auto;width: 80%;}
    .education_legend  .page .section_bottom p{margin-top: 20px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
    .education_legend  .page .section_bottom p > a{margin: 0 5px;width: 40%;}
    .education_legend_en  .page ul.section_list{padding-top: 25%;}
    .education_legend_en  .page ul.section_list li:nth-child(1){background: url(/static/img/en_education_legend_section1_box_m.png) no-repeat center 0;background-size: 98%}
    .education_legend_en  .page ul.section_list li:nth-child(2){background: url(/static/img/en_education_legend_section2_box_m.png) no-repeat center 0;background-size: 98%;margin-top: 25%;padding-top: 125%;}
    .education_legend_en  .page ul.section_list li:nth-child(3){background: url(/static/img/en_education_legend_section3_box_m.png) no-repeat center 0;background-size: 98%;margin-top: 25%;padding-top: 130%;}
    .education_legend_en  .page ul.section_list li:nth-child(4){background: url(/static/img/en_education_legend_section4_box_m.png) no-repeat center 0;background-size: 98%;margin-top: 20%;padding-top: 125%;}
    .education_legend_en  .page ul.section_list li:nth-child(5){background: url(/static/img/en_education_legend_section5_box_m.png) no-repeat center 0;background-size: 98%;margin-top: 15%;padding-top: 130%;}
    .education_legend_en  .page ul.section_list li:nth-child(5) strong img{height: 120px;}
    .education_legend_en  .page ul.section_list li:nth-child(5) p{top: 20%;}
    /* 교육컨텐츠 - 교욱용게임 */
    main.education_game{padding-top: 0;}
    .education_game .page_top{background:url(/static/img/topImg_education_game_m.png) repeat-x;background-size: cover;background-position: center bottom;}
    .education_game .page_top .content_container{height: auto;padding: 50px 0 100px;}
    .education_game .page_top .content_container h2{width: 80%;margin: 100px auto;}
    .education_game .page_top .content_container div{margin-top: 450px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
    .education_game .page_top .content_container div > img{display: block;margin: 0 auto 20px;width: 80%;}
    .education_game .page_top .content_container div a{width: 40%;}
    .education_game  .page{background:#3e376c url(/static/img/bg_education_game_m.jpg) repeat-x;background-size: cover;margin-top: -45px;}
    .education_game  .page ul.section_list{text-align: center;padding-top: 150px;}
    .education_game  .page ul.section_list li strong{width: 80%;}
    .education_game  .page ul.section_list li p{width: 90%;padding: 20px 0 20px;font-size: 20px;line-height: 30px;font-weight: bold;margin:0 auto;}
    .education_game  .page ul.section_list li:nth-child(2){margin-top: 300px;}
    .education_game  .page ul.section_list li:nth-child(2) p{padding-bottom: 20px;width: 80%;}
    .education_game  .page ul.section_list li:nth-child(2) div{width: 60%;}
    .education_game  .page ul.section_list li:nth-child(3){margin-top: 350px;}
    .education_game  .page ul.section_list li:nth-child(3) p{width: 95%;padding-bottom: 40px;}
    .education_game  .page ul.section_list li:nth-child(4){margin-top: 300px;}
    .education_game  .page ul.section_list li:nth-child(4) strong{width: 70%;}
    .education_game  .page ul.section_list li:nth-child(4) p{padding-bottom: 40px;}
    .education_game  .page ul.section_list li:nth-child(4) div{width: 90%;}
    .education_game  .page ul.section_list li:nth-child(4) .btn_wrap{padding: 40px 0 20px;display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
    .education_game  .page ul.section_list li:nth-child(4) .btn_wrap > img{display: block;margin: 0 auto 20px;width: 80%;}
    .education_game  .page ul.section_list li:nth-child(4) .btn_wrap > a{width: 40%;}
    /* 교육컨텐츠 - 바둑스쿨 */
    .education_school{background-image: linear-gradient(to bottom, #fcf0ff 56px, #fff 56px)}
    .education_school .page_top{background:#fcf0ff url(/static/img/bg_education_school_m.jpg) repeat-x center bottom;background-size: contain}
    .education_school .page_top h2 strong{font-weight: bold;}
    .education_school .page_top h2 .top_img1{width: 44px;margin-right: 10px;margin-top: -30px;}
    .education_school .page_top h2 .top_img2{width: 40px;margin-left: 10px;margin-top: -35px;}
    .education_school .page_top p{font-size: 14px;margin-top: 15px;}
    .education_school .page_top a.btn_line_round{position: absolute;right: 15px;top: 20px;font-size: 12px;line-height: 36px;padding:0 15px;border-radius: 25px;}
    .education_school .page .content_container{padding: 35px 20px 80px;}
    .education_school .page .player_wrap{position: relative;width: 100%;height: auto;position: relative;border-radius: 8px}
    .education_school .page .player_wrap .tag{position: absolute;right: 8px;top: -4px;}
    .education_school .page .player_wrap .tag img{width: 46px;}
    .education_school .page .player_wrap .play_btn a{display: block;width: 54px;height: 54px;background-size: cover}
    .education_school .page .store_list{padding: 15px 0 35px;}
    .education_school .page .store_list a{font-size: 12px;line-height: 36px;padding: 0 15px;margin: 0 7px;}
    .education_school .page .store_list a i{margin-top: 9px;margin-right: 10px;}
    .education_school .page .store_list a i.icon_google_store{margin-top: 10px;}
    .education_school .page .player_info p{font-size: 14px;line-height: 18px;}
    /* 교육컨텐츠 - 에니메이션 */
    .animation_mind{background-image: linear-gradient(to bottom, #ffeda0 56px, #fff 56px)}
    .animation_mind .page_top{background:#ffeda0 url(/static/img/bg_education_animation_mind_m.jpg) repeat-x left bottom;background-size: 130%}
    .animation_mind .page_top .content_container{padding: 110px 0 130px;}
    .animation_mind .page_top h2 strong{font-weight: bold;}
    .animation_mind .page_top h2 > img{position: absolute;}
    .animation_mind .page_top h2 > img.top_img1{width: 60px;right: 25px;bottom: 20px;}
    .animation_mind .page_top h2 > img.top_img2{width: 170px;right: 0;top: -10px;}
    .animation_mind .page .content_container{padding: 30px 20px 80px;}
    .education_animaion .page .animation_info{font-size: 12px;line-height: 16px;padding-bottom: 40px;}
    .education_animaion .animation_list{margin-top: 25px;}
    .education_animaion .animation_list li{margin-bottom: 20px;width: 100%;}
    .education_animaion .animation_list li a{box-shadow: rgba(0,0,0,0.12) 0 1px 4px;border-radius: 6px;}
    .education_animaion .animation_list li a div{position: relative;overflow: hidden}
    .education_animaion .animation_list li a div em{transform: translateY(0);opacity: 1;background: none}
    .education_animaion .animation_list li a div em i.play_btn{width: 60px;height: 60px;margin-left: -30px;margin-top: -30px; }
    .education_animaion .animation_list li a p{font-size: 14px;line-height: 20px;padding: 15px;min-height: 60px}
    /* 교육컨텐츠 - 유투브팝업 */
    .popLayer_youtube .player_box p{font-size: 14px;line-height: 20px;border-bottom: 1px solid #e4e4e4;}
    .popLayer_youtube .player_box div em i.play_btn{width: 60px;height: 60px;}
    .popLayer_youtube .pop_slider{margin-top: 20px;padding: 0 2px;overflow: hidden}
    .popLayer_youtube .pop_slider .swiper-wrapper{padding-bottom: 45px;}
    .popLayer_youtube .pop_slider .swiper-slide{border-radius: 5px;}
    .popLayer_youtube .pop_slider .swiper-slide p{font-size: 11px;line-height: 16px;padding: 8px;min-height: 35px}
    .swiper-button-next{right: 0;bottom: 0;top:inherit}
    .swiper-button-prev{right: 48px;bottom:0;top:inherit;left: inherit}
    /* 교육컨텐츠 - 교수법가이드 */
    .animation_textbook{background-image: linear-gradient(to bottom, #c8f7ff 56px, #fff 56px)}
    .animation_textbook .page_top{background-size: 70%}
    .animation_textbook .page_top h2 strong{font-weight: bold;}
    .animation_textbook .page_top h2 p{font-size: 14px;margin-top: 10px;}
    .animation_textbook .page_top h2 > img.top_img1{width: 180px;top:inherit;left:0;bottom: 0px;margin-left: 0;}
    .animation_textbook .page_top h2 > img.top_img2{width: 75px;top:inherit;left:inherit;margin-left: 0;right: 30px;bottom: 15px;}
    .animation_textbook .page .content_container{padding: 30px 20px 80px;}
    /* 바둑책방 */
    .book_content{background-image: linear-gradient(to bottom, #fff1f0 56px, #fff 56px);}
    .book_content .page_top{background-size: 60%;}
    .book_content .page_top .content_container{padding:60px 0 100px;}
    .book_content .page_top .content_container .top_img1{width: 90px;top:180px;left: inherit;margin-left: 0;right:15px}
    .book_content .page_top .content_container .top_img2{width: 120px;bottom: 10px;margin-left:-60px}
    .book_content .content_container{padding: 0 20px 60px;}
    .book_content .book_main{padding: 50px 0 30px;display: block;}
    .book_content .book_main em{display: block;margin: 0 auto;width: 65%;max-width: 200px}
    .book_content .book_main div{padding: 25px 0 0 0;width: 100%;}
    .book_content .book_main div > strong{font-size: 20px;}
    .book_content .book_main div > ul{padding: 20px 0 25px;}
    .book_content .book_main div > ul li{font-size: 12px;margin-top: 4px;}
    .book_content .book_main div > ul li p{padding-left: 5px;}
    .book_content .book_main div p a{width: 80px;margin-left: 15px;}
    .book_content .book_intro > strong{font-size: 20px;padding: 45px 0 15px;}
    .book_content .book_intro > p{font-size: 12px;line-height: 20px;}
    .book_content .book_intro > p span{font-size: 12px;line-height: 20px;}
    .book_content .book_intro2{background-size: 100%;padding-bottom: 50%;}
    .book_content .book_intro2 p{width: 100%;}
    .book_content .book_intro2 p span{padding-bottom: 10px;}
    .book_content .book_intro2 p span.text_bottom{width: 60%;}

    .book_content .book_detail > strong{font-size: 20px;padding: 45px 0 15px;}
    .book_content .book_detail .tab_group li{font-size: 14px;padding: 0 25px;}
    .book_content .book_detail .tab_group li:after{font-size: 14px;position: absolute;left: -2px;}
    .book_content .book_detail .tab_group li.active a:after{width: 5px;height: 5px;border-radius: 3px;margin-left: -2px;bottom: -8px;}
    .book_content .book_detail .tab_content img{width: 100%;}
	/* 한국기원 추가 요청 바둑책방 > 초등바둑교과서 버튼 추가 2024-08-12 */
    .book_content .page_top a.btn_line_round{position: absolute;right: 15px;top: 20px;font-size: 12px;line-height: 36px;padding:0 15px;border-radius: 25px;}
    /* 바둑책방 */
    .store_content{background-image: linear-gradient(to bottom, #f1fad8 56px, #fff 56px)}
    .store_content .page_top{background:#f1fad8 url(/static/img/bg_store_content1_m.jpg) repeat-x;background-position: center bottom;background-size: 130%}
    .store_content .page_top .content_container > img{display: none;}
    .store_content .page_top .content_container .top_img1{width: 75px;left:50%;top:inherit;bottom: -2px;margin-left: -324px;}
    .store_content .page_top .content_container .top_img2{width: 75px;top: 195px;margin-left:400px}
    .store_content.store1 .book_main{padding: 50px 0 10px;}
    .store_content.store1 .book_main div{padding: 25px 0 0 0;}
    .store_content.store1 .book_main em{width:100%;max-width: 100%}
}
@media screen and (max-width: 640px) {
    .education_game .page_top .content_container{padding: 50px 0 50px;}
    .education_game .page_top .content_container div{margin-top: 400px;}

    .education_game  .page ul.section_list{padding-top: 100px;}
    .education_game  .page ul.section_list li p{font-size: 18px;line-height: 24px;}
    .education_game  .page ul.section_list li:nth-child(2){margin-top: 250px;}
    .education_game  .page ul.section_list li:nth-child(3){margin-top: 300px;}
    .education_game  .page ul.section_list li:nth-child(4){margin-top: 250px;}

    .education_legend .page_top .content_container{padding-bottom: 60px;}
    .education_legend .page_top .content_container div{margin: 220px auto 0;}
    .education_legend .page ul.section_list li strong{height: 50px;left: 60px;}
    .education_legend .page ul.section_list li p{top: 12%;left: 60px;}
    .education_legend  .page ul.section_list li p b{font-size: 24px;line-height: 32px;}
    .education_legend  .page ul.section_list li p span{font-size: 16px;line-height: 24px;}
    .education_legend  .page ul.section_list li:nth-child(3){margin-top: 25%;}
    .education_legend  .page ul.section_list li:nth-child(4){margin-top: 20%;}
    .education_legend  .page ul.section_list li:nth-child(5){margin-top: 20%;}
    .education_legend  .page .section_bottom{padding: 20% 0 40px;}

    .education_legend_en .page ul.section_list li p{top:15%}
    .education_legend_en .page ul.section_list li p span{font-size: 20px;line-height: 28px;}
    .education_legend_en .page ul.section_list li:nth-child(2){margin-top: 20%;}
    .education_legend_en .page ul.section_list li:nth-child(4){margin-top: 15%;}
    .education_legend_en .page ul.section_list li:nth-child(5){margin-top: 10%;}

}
@media screen and (max-width: 540px) {
    .education_game  .page ul.section_list li:nth-child(2){margin-top: 150px;}
    .education_game  .page ul.section_list li:nth-child(3){margin-top: 200px;}
    .education_game  .page ul.section_list li:nth-child(4){margin-top: 200px;}

    .education_legend  .page ul.section_list li:nth-child(2){margin-top: 15%;}
    .education_legend  .page ul.section_list li:nth-child(3){margin-top: 15%;}
    .education_legend  .page ul.section_list li:nth-child(4){margin-top: 12%;}
    .education_legend  .page ul.section_list li:nth-child(5){margin-top: 12%;}
    .education_legend  .page .section_bottom{padding: 10% 0 40px;}

    .education_legend_en .page ul.section_list li:nth-child(5) strong img{height: 90px;}
    .education_legend_en .page ul.section_list li p span{font-size: 18px;line-height: 26px;}
    .education_legend_en .page ul.section_list li:nth-child(4){margin-top: 0%;}
    .education_legend_en .page ul.section_list li:nth-child(5){margin-top: 0%;}

}
@media screen and (max-width: 480px) {
    .main_baduk .page_top{background-size: 100%}
    .main_baduk .page_top .content_container{padding:40px 0 460px;}
    .main_baduk .section2 .content_container{padding: 50px 0 350px;}
    .main_baduk .section3 > img.obj2{top: 680px;}
    .education_school .page_top{background-size: 150%}
    .info_guide .page_top .top_img1{margin-left: 140px;}
    .info_guide .page .list_img2{margin-left: -160px;top: 2135px;}
    .book_content .book_intro2 p span.text_bottom{width: 100%;}
    .store_content .page_top{background-size: 170%}


    .education_game .page_top .content_container{padding: 50px 0 50px;}
    .education_game .page_top .content_container h2{margin: 50px auto;}
    .education_game .page_top .content_container div{margin-top: 260px;}


    .education_game  .page ul.section_list li p{font-size: 14px;line-height: 20px;}
    .education_game  .page ul.section_list li:nth-child(2){margin-top: 150px;}
    .education_game  .page ul.section_list li:nth-child(3){margin-top: 200px;}
    .education_game  .page ul.section_list li:nth-child(4){margin-top: 180px;}


    .education_legend .page{margin-top: -60px;}
    .education_legend .page ul.section_list li strong{height: 40px;left: 50px;top: 9%;}
    .education_legend  .page ul.section_list li p{left: 50px;top: 10%;}
    .education_legend  .page ul.section_list li p b{font-size: 18px;line-height: 24px;}
    .education_legend  .page ul.section_list li p span{font-size: 14px;line-height: 20px;margin-top: 10px;}
    .education_legend  .page ul.section_list li:nth-child(2){margin-top: 5%;}
    .education_legend  .page ul.section_list li:nth-child(3){margin-top: 5%;}
    .education_legend  .page ul.section_list li:nth-child(4){margin-top: 5%;}
    .education_legend  .page ul.section_list li:nth-child(5){margin-top: 5%;}
    .education_legend  .page .section_bottom{padding: 10% 0 40px;}

    .education_legend_en  .page ul.section_list li:nth-child(4){margin-top: 0%;}
    .education_legend_en  .page ul.section_list li:nth-child(5){margin-top: 0%;}
    .education_legend_en  .page ul.section_list li:nth-child(5) p{top: 17%;}
    .education_legend_en  .page ul.section_list li p b{font-size: 20px;line-height: 26px;}
    .education_legend_en  .page ul.section_list li p span{font-size: 15px;line-height: 24px;margin-top: 10px;}


}
@media screen and (max-width: 440px) {
    .education_legend  .page ul.section_list li{padding-top: 113%;}
    .education_legend_en .page ul.section_list li:nth-child(5) strong img{height: 70px;}
    .education_legend_en .page ul.section_list li:nth-child(4){margin-top: 0%;padding-top: 105%;}
    .education_legend_en .page ul.section_list li:nth-child(2){padding-top: 115%;}
    .education_legend_en .page ul.section_list li:nth-child(3){padding-top: 120%;}

    .education_legend_en .page ul.section_list li p b{font-size: 18px;line-height: 24px;}
    .education_legend_en .page ul.section_list li p span{font-size: 14px;line-height: 20px;}
}
@media screen and (max-width: 400px) {
    .education_legend  .page ul.section_list li{padding-top: 105%;}
}
@media screen and (max-width: 385px) {
    .education_legend .page ul.section_list li p b{font-size: 16px;line-height: 22px;}
    .education_legend .page ul.section_list li p span{font-size: 13px;line-height: 18px;}
    .education_legend .page ul.section_list li p{top: 9%;}
    .education_legend .page ul.section_list li{padding-top: 110%;}
    .education_legend .page ul.section_list li:nth-child(2){padding-top: 105%;}
    .education_legend .page ul.section_list li:nth-child(3){padding-top: 105%;}
    .education_legend .page ul.section_list li:nth-child(4){margin-top: 0%;padding-top: 100%;}
    .education_legend .page ul.section_list li:nth-child(5){margin-top: 0%;padding-top: 100%;}

    .education_legend_en .page ul.section_list li:nth-child(5) strong img{height: 60px;}
    .education_legend_en .page ul.section_list li{padding-top: 105%;}
    .education_legend_en .page ul.section_list li:nth-child(3){margin-top: 0%;padding-top: 110%;}
    .education_legend_en .page ul.section_list li:nth-child(5){padding-top: 110%;}
    .education_legend_en .page ul.section_list li p{top: 11%;}

}
@media screen and (max-width: 320px) {
    .main_baduk .page_top .content_container{padding:40px 0 360px;}
    .paging > a.arrow_left{width: 24px;height: 24px;}
    .paging > a.arrow_left:after{width: 24px;height: 24px;}
    .paging > a.arrow_prev{width: 24px;height: 24px;}
    .paging > a.arrow_prev:after{width: 24px;height: 24px;}
    .paging > a.arrow_next{width: 24px;height: 24px;}
    .paging > a.arrow_next:after{width: 24px;height: 24px;}
    .paging > a.arrow_right{width: 24px;height: 24px;}
    .paging > a.arrow_right:after{width: 24px;height: 24px;}
    .paging ul li{margin: 0 2px;}
    .paging ul li a{width: 24px;height: 24px;font-size: 12px;line-height: 26px;}
}