@charset "utf-8";

@import url('slick.css');
@import url('slick-theme.css');
@import url('aos.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

*{margin:0; padding:0;}
* {-webkit-text-size-adjust:none;}
html{width:100%; height:100%;}
body{margin:0px; padding:0px;background-color:transparent;}
body,div,h1,h2,h1,h2,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td,button,input,select,textarea{font-family: 'NanumSquare, sans-serif !important';color:#333; letter-spacing:-1px; font-weight:400;}


#bbs_btn p{padding:8px 30px;}


table{border-collapse: collapse;}
dl, dt, dd{margin:0;padding:0;border:0;}
ul,ol,li{list-style:none;}
img{border:none;}
fieldset{border:none; }
legend, caption{visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0} /*display:none*/
textarea, button{vertical-align:middle}
input, select{height:33px; color:#333;  vertical-align:middle; border:0;}
input[type="radio"],input[type="checkbox"]{background:none; width:15px;}
input{padding:0px}
select{width:23%;}
textarea{padding:3px; background:#fff; color:#333; vertical-align:middle}
.checkbox{padding:0; border:0}
a{color:#333; text-decoration:none}
a:hover, a:focus, a:active{text-decoration:none}
input, select,textarea {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background:#f0f0f0; }

#header {position:absolute; z-index:1; top:0;}

#header .headerWidth{position:relative; margin:0 auto;}

.letter0{letter-spacing:0;}

@keyframes flower {
 to{
  transform:rotate(10deg);
  transform-origin: center;
 }
}



#main_contens ul{overflow:hidden; display:flex; flex-wrap:wrap;  justify-content: space-around; align-content:space-between;}


#sub_contens .tit{ text-align:center;}
#sub_contens .sub_tab ul{overflow:hidden; display:flex; flex-wrap:wrap;  justify-content: space-around; align-content:space-between;}
#sub_contens .sub_tab ul a{width:18.5%;}
#sub_contens .sub_tab ul.n4 a{width:23.5%;}
#sub_contens .sub_tab ul li{text-align:center; font-family: 'GmarketSansBold';border-radius:10px; }
#sub_contens .sub_tab ul li.on{color:#fff !important;}
#sub_contens .sub_img p{margin:0 auto;}

#sub_contens.sub01 .tit{background:url('../images/sub01_tab_bg.png') no-repeat bottom center #d5e46f; }/*ort*/
#sub_contens.sub01 .sub_tab ul li{border:3px solid #b6cc1b; color:#b6cc1b; }
#sub_contens.sub01 .sub_tab ul li.on{background:#b6cc1b;}
#sub_contens.sub02 .tit{background:url('../images/sub02_tab_bg.png') no-repeat bottom center #d7edf7; }/*파닉스*/
#sub_contens.sub02 .sub_tab ul li{border:3px solid #1c449a; color:#1c449a; }
#sub_contens.sub02 .sub_tab ul li.on{background:#1c449a;}
#sub_contens.sub03 .tit{background:url('../images/sub03_tab_bg.png') no-repeat bottom center #fb9d41; }/*키즈플라톤*/
#sub_contens.sub03 .sub_tab ul li{border:3px solid #ed6c00; color:#ed6c00; }
#sub_contens.sub03 .sub_tab ul li.on{background:#ed6c00;}
#sub_contens.sub04 .tit{background:url('../images/sub04_tab_bg.png') no-repeat bottom center #8cc974; }/*활짝E한글*/
#sub_contens.sub04 .sub_tab ul li{border:3px solid #2da343; color:#2da343; }
#sub_contens.sub04 .sub_tab ul li.on{background:#2da343;}
#sub_contens.sub05 .tit{background:url('../images/sub05_tab_bg.png') no-repeat bottom center #89e591; }/*한솔한글*/
#sub_contens.sub05 .sub_tab ul li{border:3px solid #32b04e; color:#32b04e; }
#sub_contens.sub05 .sub_tab ul li.on{background:#32b04e;}
#sub_contens.sub06 .tit{background:url('../images/sub06_tab_bg.png') no-repeat bottom center #ffd7d8; }/*한솔수학*/
#sub_contens.sub06 .sub_tab ul li{border:3px solid #cf2127; color:#cf2127; }
#sub_contens.sub06 .sub_tab ul li.on{background:#cf2127;}
#sub_contens.sub07 .tit{background:url('../images/sub07_tab_bg.png') no-repeat bottom center #c2d5f7; }/*한솔TV*/
#sub_contens.sub07 .sub_tab ul li{border:3px solid #2e3993; color:#2e3993; }
#sub_contens.sub07 .sub_tab ul li.on{background:#2e3993;}
#sub_contens.sub08 .tit{background:url('../images/sub08_tab_bg.png') no-repeat bottom center #ffd3b3; }/*테일봇*/
#sub_contens.sub08 .sub_tab ul li{border:3px solid #ff6b00; color:#ff6b00; }
#sub_contens.sub08 .sub_tab ul li.on{background:#ff6b00;}
#sub_contens.sub09 .tit{background:url('../images/sub09_tab_bg.png') no-repeat bottom center #ffd1e1; }/*한솔톡톡*/
#sub_contens.sub09 .sub_tab ul li{border:3px solid #e50050; color:#e50050; }
#sub_contens.sub09 .sub_tab ul li.on{background:#e50050;}


#footer{background:#4b4b4b; color:#fff;}
#footer .footerCon dl{overflow:hidden;margin:0 0 10px 0;}
#footer .footerCon dl dt{float:left;}
#footer .footerCon dl dd{float:right; margin:10px; color:#fff;}
#footer .footerCon dl dd b a{color:#8cc63f;}
#footer .footerCon p, #footer .footerCon a{color:#fff;}
#footer .footerCon span{display:block; letter-spacing:0; color:#afafaf;}

/* login_email */
.email_bg{border:3px solid #a6c977; border-radius:50px; padding:100px; display:inline-block;}
.email_bg .login_wrap{height:auto;}
.email_bg .login_box{margin-top:0;}
/* login */
.member_bg{background-color: #e9e9e9;}
.login_wrap{position:relative;width:400px;margin:0 auto;height:calc(var(--vh, 1vh) * 100);display:flex;justify-content:center;align-items:center;background:#fff;}
.login_box{text-align:center;background-color:#fff;margin-top:-90px;}
.login_box .logo img{width:330px;}
.login_box .logo h1{font-size:18px; font-weight:bold;}
.login_box .logo h2{font-size:15px; margin-top:10px;}
.login_box .logo p{font-size:15px; margin-top:10px;}
.login_box .input_box ul{margin-top:20px;}
.login_box .input_box li{position:relative;margin-bottom:8px;}
.login_box .input_box li.btn{margin-top:16px}
.login_box .input_box li p{position:absolute;left:15px;top:15px;height:30px;  font-size:13px; }
.login_box .input_box li img{position:absolute;left:15px;top:12px;height:30px}
.login_box .input_box li input{color:#666;padding:15px 0 15px 50px;width:100%; height:50px; min-width:300px;box-sizing:border-box;background-color:#fff;border:2px solid #ddd;border-radius:8px}
.login_box .input_box li input:focus{outline:none !important;border:2px solid #8cc63f}
.login_box.join .input_box li input{padding:15px 0 15px 100px;}
.login_box.join {margin:30px 0 30px 0;}
.login_box .btn a{display:block;width:100%;border-radius:8px;padding:15px 0;background-color:#8cc63f;color:#fff}
.login_more{font-size:15px; }
.login_more ul{overflow:hidden; }
.login_more ul li:nth-child(1){float:left;}
.login_more ul li:nth-child(2){float:right; margin:4px 0 0 0; font-size:14px; }
.login_more .btn{margin:20px 0 0 0; font-size:14px; color:#8cc63f; text-align:center;}


input.search_box{color:#666;padding:15px 10px;width:100%; height:50px; min-width:300px;box-sizing:border-box;background-color:#fff;border:2px solid #ddd;border-radius:8px}
input:focus.search_box {outline:none !important;border:2px solid #8cc63f}

/*게시판*/
.bbs_contens h1{text-align:center; margin:0 0 20px 0; font-weight:bold;}
.bbs_list{position:relative; width:100%;}
.bbs_list table{width:100%; border-top: 3px solid #76c112; }
.bbs_list th{background:#f5f5f5; border-bottom:1px solid #d4d4d4; font-weight:bold; }
.bbs_list td{border-bottom:1px solid #d4d4d4; text-align:center;}
.bbs_list .left{text-align:left;}
.bbs_list td.search_none{padding:100px 0; font-weight:bold;}
.bbs_list td span{margin:0 0 0 3px;}
.bbs_list td .stxt{color:#c8c8c8;}


.bbs_list1{position:relative; width:100%;}
.bbs_list1 table{width:100%; border-top: 3px solid rgb(0, 0, 0); }
.bbs_list1 th{background:#f5f5f5; border-bottom:1px solid #d4d4d4; font-weight:bold; }
.bbs_list1 td{border-bottom:1px solid #d4d4d4; text-align:center;}
.bbs_list1 .left{text-align:left;}
.bbs_list1 td.search_none{padding:100px 0; font-weight:bold;}
.bbs_list1 td span{margin:0 0 0 3px;}
.bbs_list1 td .stxt{color:#c8c8c8;}


/*게시판*/
.bbs1_contens h1{text-align:center; margin:0 0 10px 0; font-weight:bold;}
.bbs1_list{position:relative; width:100%;}
.bbs1_list table{width:100%; border-top: 3px solid #000000; }
.bbs1_list th{background:#f5f5f5; border-bottom:1px solid #d4d4d4; font-weight:bold; }
.bbs1_list td{border-bottom:1px solid #d4d4d4; text-align:center;}
.bbs1_list .left{text-align:left;}
.bbs1_list td.search_none{padding:100px 0; font-weight:bold;}
.bbs1_list td span{margin:0 0 0 3px;}
.bbs1_list td .stxt{color:#c8c8c8;}

.bbs_list.my td.left {cursor: pointer;}
.bbs_list tr.bg{background:#eef9e0; }
.bbs_list.my th img{width:calc(100% - 10px); padding:5px 0 0 0; margin:0 0 0 10px;}
.bbs_list.my td img{width:100%; padding:5px 0 0 0;}
.bbs_list.my dl{overflow:hidden;}
.bbs_list.my dt{float:left; width:50%; font-weight:bold;}
.bbs_list.my dt b{color:#f77811;}
.bbs_list.my dd{float:left; width:50%;}
.bbs_list.my .bar{position:relative; height:10px; background:#dadada; border-radius:10px; margin:5px 15px 0 15px;}
.bbs_list.my .bar p{position:absolute; left:0; display:inline-block; height:10px; background:#f77811; border-radius:10px;}
.bbs_list.my p.ip{display: inline-block; width:20px; height:20px; background: url(../images/ico_play.png) no-repeat; background-size: cover; position: relative; top: 4px; left:7px; }
.bbs_list.my span{display: inline-block;  border-radius:5px; width:45%; color:#fff; padding:2px 0; font-size:15px;}
.bbs_list.my span.i1{background:#f77811;}
.bbs_list.my span.i2{background:#76c112;}
.bbs_list.my span.i3{background:#b7b7b7;}

.view_wrap{text-align:left!important; padding:20px!important;}
.view_con{width:100%; /*border:1px solid #c8c8c8;*/ padding:20px 0;}

.bbs_write{position:relative; width:100%;}
.bbs_write table{width:100%;  border-top:3px solid #76c112;}
.bbs_write td{border-bottom:1px solid #d4d4d4; padding:20px 10px;}
.view_input{width:100%; border:1px solid #c8c8c8; height:40px;}
/*.view_btn{background:#f4f7fb; color:#225aa8; height:40px; line-height:40px; font-weight:bold; text-align:center;}*/

.bbs_image_wrap{overflow:hidden;}
.bbs_image{float:left;}
.bbs_image .image{overflow:hidden; width:100%;}
.bbs_image .image img{width:100%;}
.bbs_image p{font-weight:bold; color:#676767; font-size:16px; margin:10px 0 5px 0; text-align:left;}
.bbs_image span{display:block; font-weight:bold; color:#c8c8c8; text-align:left; font-size:14px; line-height:18px;}

.bbs_page{overflow:hidden; width:100%; margin:30px auto 0 auto; text-align:center; }
.bbs_page ul{overflow:hidden; margin:0 auto;}
.bbs_page li{display:inline-block; border:1px solid #76c112; margin:0 1px; color:#76c112;}
.bbs_page li.page_btn{background:#76c112; color:#fff;}

.bbs_btn{overflow:hidden;  margin:30px auto 0 auto; text-align:right;}
.bbs_btn p{display:inline-block; font-weight:bold; text-align:center;}
.bbs_btn .red{background:#fff; border:1px solid #76c112; color:#76c112;}
.bbs_btn .blue{background:#76c112; border:1px solid #76c112; color:#fff;}
.bbs_btn .gray{background:#f6f6f5; border:1px solid #4a4544; color:#4a4544;}

.bbs_btn1{overflow:hidden;  margin:30px auto 0 auto; text-align:center; }
.bbs_btn1 p{display:inline-block; font-weight:bold; text-align:center; padding: 10px 20px;}
.bbs_btn1 .red{background:#fff; border:1px solid #76c112; color:#76c112;}
.bbs_btn1 .blue{background:#76c112; border:1px solid #76c112; color:#fff;}
.bbs_btn1 .gray{background:#f6f6f5; border:1px solid #4a4544; color:#4a4544;}

.bbs_search{overflow:hidden;  margin:20px auto 0 auto; text-align:right; height:50px;}
.bbs_search_txt{display:inline-block; border-bottom:2px solid #76c112;}
.bbs_search_txt input{background:#fff; border:0; width:100%; height:31px; font-size:16px;}
.bbs_search_txt input:focus{outline:none !important;}
.bbs_search_btn{display:inline-block;}
.bbs_search_btn img{vertical-align:middle;}

.bbs_txt{font-weight:bold; margin:0 0 10px 0;}
.bbs_txt b{color:#76c112; text-decoration:underline;}

.bbs_select_wrap{text-align:center; margin:0 0 30px 0;}
.bbs_select_wrap.left{text-align:left; }
.bbs_select {display:inline-block; position: relative;}
.bbs_select .label {display:none;}
.bbs_select select{background:#fff; color:#676767; font-weight:bold; letter-spacing: 1px;}
.bbs_select select.color {width: 100%; padding: 0 10px; border:2px solid #76c112;}

.bbs_write select{width:38%; border:1px solid #c8c8c8; height:40px; padding: 0 6px;}

.filebox .upload-name {display: inline-block; height: 40px; padding: 0 10px; vertical-align: middle; border:1px solid #c8c8c8; width:77%;}
.filebox label {display: inline-block; padding:10px 27px; color:#fff; vertical-align: middle; background:#999; cursor: pointer; margin-left: 10px; font-size:15px;}
.filebox input[type="file"] {position: absolute; width: 0; height: 0; padding: 0;overflow: hidden; border: 0;}
.filebox p{float:right; padding:6px 15px; color:#999; vertical-align: middle; border:2px solid #999; cursor:pointer; font-size:17px; font-weight:bold;}

.center_wrap{position:relative; width:100%; }
.center_search{padding:0 20px; margin:0 0 30px 0;}
.center_search input{float:left; width:85%; background:#fff;}
.center_search .center_btn{float:left; width:15%; text-align:right;}
.center_search .center_btn img{vertical-align:middle;}
.center_search_red input{color:#dd001f;}
.center_search_blue input{color:#76c112;}

.video_box {max-width:800px;margin:0 auto} 
.video_box .video_wrap {position:relative; width:100%; margin:0 auto;}
.video_box .video {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;} 
.video_box .video iframe,.youtube_box .video object,.youtube_box .video embed {position:absolute; top:0; left:0; width:100%; height:100%;} 

/*개인정보처리방침*/
.sub_privacy {width:860px; margin:0 auto; padding:60px 0 150px 0;}
.sub_privacy h1{font-size:23px; font-weight:bold; text-align:center; background:#efefef; padding:5px 0; border-radius:5px;}
.sub_privacy h2{font-size:21px; font-weight:bold; margin:60px 0 0 0;}
.sub_privacy h3{font-size:18px; font-weight:bold; margin:30px 0 0 0;}
.sub_privacy p{font-size:16px; line-height:28px; margin:10px 0 0 0;}
.sub_privacy hr{background:#efefef;  margin:50px 0 50px 0;}

/*모달팝업*/
.layer_list_con{border:3px solid #ededed; padding:30px; overflow:hidden; margin:20px 0 0 0;}
.layer_list_con h1{font-size:25px; font-weight:bold;}
.layer_list_con .listA{width:43%; float:left;}
.layer_list_con .listB{width:43%; float:right;}
.layer_list_con .listN{width:14%;float:left; text-align:center;}
.layer_list_con .listN ul {margin:180px 20px 0 20px;}
.layer_list_con .listN ul li{background:#8f8f8f; color:#fff; padding:5px 10px; border-radius:5px; margin:5px 0;}
.layer_list_con .listN ul li:nth-child(1){background:#173485;}
.layer_list_con .list_sel{border:1px solid #ededed; padding:10px; height:300px; overflow-y: scroll;}
.layer_list_con .list_sel li{padding:2px 10px;}
.layer_list_con .list_sel li:nth-child(even){background:#f1f1f1;}
.layer_list_con .modal_btn{clear:both; padding:1px 0 0 0;}
.layer_list_con .modal_btn .bbs_btn p{padding:8px 30px;}

#my_modal{display:none; background:#fff; padding:30px; overflow:hidden; margin:20px 0 0 0; width:800px; border-radius:15px;}
#my_modal h1{font-size:25px; font-weight:bold;}
#my_modal .listA{width:43%; float:left;}
#my_modal .listB{width:43%; float:right;}
#my_modal .listN{width:14%;float:left; text-align:center;}
#my_modal .listN ul {margin:180px 20px 0 20px;}
#my_modal .listN ul li{background:#8f8f8f; color:#fff; padding:5px 10px; border-radius:5px; margin:5px 0;}
#my_modal .listN ul li:nth-child(1){background:#173485;}
#my_modal .list_sel{border:1px solid #ededed; padding:10px; height:300px; overflow-y: scroll;}
#my_modal .list_sel li{padding:2px 10px;}
#my_modal .list_sel li:nth-child(even){background:#f1f1f1;}
#my_modal .modal_btn{clear:both; padding:1px 0 0 0;}
#my_modal .modal_btn .bbs_btn p{padding:8px 30px;}

#modalLearn{display:none; background:#fff; padding:30px; overflow:hidden; margin:20px 0 0 0; width:800px; border-radius:15px;}
#modalLearn h1{font-size:25px; font-weight:bold;}
#modalLearn .listA{width:43%; float:left;}
#modalLearn .listB{width:43%; float:right;}
#modalLearn .listN{width:14%;float:left; text-align:center;}
#modalLearn .listN ul {margin:180px 20px 0 20px;}
#modalLearn .listN ul li{background:#8f8f8f; color:#fff; padding:5px 10px; border-radius:5px; margin:5px 0;}
#modalLearn .listN ul li:nth-child(1){background:#173485;}
#modalLearn .list_sel{border:1px solid #ededed; padding:10px; height:300px; overflow-y: scroll;}
#modalLearn .list_sel li{padding:2px 10px;}
#modalLearn .list_sel li:nth-child(even){background:#f1f1f1;}
#modalLearn .modal_btn{clear:both; padding:1px 0 0 0;}
#modalLearn .modal_btn .bbs_btn p{padding:8px 30px;}

#modalClass{display:none; background:#fff; padding:30px; overflow:hidden; margin:20px 0 0 0; width:800px; border-radius:15px;}
#modalClass h1{font-size:25px; font-weight:bold;}
#modalClass .listA{width:43%; float:left;}
#modalClass .listB{width:43%; float:right;}
#modalClass .listN{width:14%;float:left; text-align:center;}
#modalClass .listN ul {margin:180px 20px 0 20px;}
#modalClass .listN ul li{background:#8f8f8f; color:#fff; padding:5px 10px; border-radius:5px; margin:5px 0;}
#modalClass .listN ul li:nth-child(1){background:#173485;}
#modalClass .list_sel{border:1px solid #ededed; padding:10px; height:300px; overflow-y: scroll;}
#modalClass .list_sel li{padding:2px 10px;}
#modalClass .list_sel li:nth-child(even){background:#f1f1f1;}
#modalClass .modal_btn{clear:both; padding:1px 0 0 0;}
#modalClass .modal_btn .bbs_btn p{padding:8px 30px;}

#modalMember{display:none; background:#fff; padding:30px; overflow:hidden; margin:20px 0 0 0; width:800px; border-radius:15px;}
#modalMember h1{font-size:25px; font-weight:bold;}
#modalMember .listA{width:43%; float:left;}
#modalMember .listB{width:43%; float:right;}
#modalMember .listN{width:14%;float:left; text-align:center;}
#modalMember .listN ul {margin:180px 20px 0 20px;}
#modalMember .listN ul li{background:#8f8f8f; color:#fff; padding:5px 10px; border-radius:5px; margin:5px 0;}
#modalMember .listN ul li:nth-child(1){background:#173485;}
#modalMember .list_sel{border:1px solid #ededed; padding:10px; height:300px; overflow-y: scroll;}
#modalMember .list_sel li{padding:2px 10px;}
#modalMember .list_sel li:nth-child(even){background:#f1f1f1;}
#modalMember .modal_btn{clear:both; padding:1px 0 0 0;}
#modalMember .modal_btn .bbs_btn p{padding:8px 30px;}


#modalLesson{display:none; background:#dddddd; padding:30px; overflow:hidden; margin:20px 0 0 0; width:800px; border-radius:15px;}
#modalLesson h1{font-size:25px; font-weight:bold;}
#modalLesson .listA{width:43%; float:left;}
#modalLesson .listB{width:43%; float:right;}
#modalLesson .listN{width:14%;float:left; text-align:center;}
#modalLesson .listN ul {margin:180px 20px 0 20px;}
#modalLesson .listN ul li{background:#8f8f8f; color:#fff; padding:5px 10px; border-radius:5px; margin:5px 0;}
#modalLesson .listN ul li:nth-child(1){background:#173485;}
#modalLesson .list_sel{border:1px solid #ededed; padding:10px; height:100px; overflow-y: scroll;}
#modalLesson .list_sel li{padding:2px 10px;}
#modalLesson .list_sel li:nth-child(even){background:#f1f1f1;}
#modalLesson .modal_btn{clear:both; padding:1px 0 0 0;}
#modalLesson .modal_btn .bbs_btn p{padding:8px 30px;}


#modalCourse{display:none; background:#dddddd; padding:30px; overflow:hidden; margin:20px 0 0 0; width:800px; border-radius:15px;}
#modalCourse h1{font-size:25px; font-weight:bold;}
#modalCourse .listA{width:43%; float:left;}
#modalCourse .listB{width:43%; float:right;}
#modalCourse .listN{width:14%;float:left; text-align:center;}
#modalCourse .listN ul {margin:180px 20px 0 20px;}
#modalCourse .listN ul li{background:#8f8f8f; color:#fff; padding:5px 10px; border-radius:5px; margin:5px 0;}
#modalCourse .listN ul li:nth-child(1){background:#173485;}
#modalCourse .list_sel{border:1px solid #ededed; padding:10px; height:100px; overflow-y: scroll;}
#modalCourse .list_sel li{padding:2px 10px;}
#modalCourse .list_sel li:nth-child(even){background:#f1f1f1;}
#modalCourse .modal_btn{clear:both; padding:1px 0 0 0;}
#modalCourse .modal_btn .bbs_btn p{padding:8px 30px;}




/********************************************************pc*/
@media (min-width:768px){

	.Mo{display:none;}
	#header {width:100%; }
	#header h1{padding:12px 0 5px 0;}
	#header .btn_moMenu{display:none;}
	#header .btn_moCen{display:none;}
	#header .mainBtn_mem{position:absolute; top:20px; right:0; }
	#header .mainBtn_mem ul{overflow:hidden;}
	#header .mainBtn_mem ul li{float:left; padding:0 10px; font-size:16px; }
	#header .mainBtn_mem ul li{padding-top:2px;}
	#header .mainBtn_mem .btn{display:inline-block; background:#8cc63f; padding:2px 10px 3px 10px; border-radius:30px; color:#fff; margin-top:-3px;}
	#header .headerWidth{width:860px;  overflow: hidden;}

	.navWrap{position:relative; overflow:hidden; padding:23px 0 23px 0; border-top:1px solid #c6d9af; border-bottom: 1px solid #e1e1e1;}
	.navWrap .nav{width:860px; /*height:55px;*/ display: flex; flex-wrap: nowrap; justify-content: space-between;}
	.navWrap .nav ul{overflow:hidden;}
	.navWrap .nav li{font-size:20px; line-height:25px; letter-spacing:-0.5px; }
	.navWrap .nav li p{display: inline-block; background: #e60000; border-radius: 16px; padding: 1px 7px; font-size: 14px; line-height: 18px; color: #fff; margin:-1px 2px 0 0 }
	.navWrap .nav li:last-child{padding:0;}
	.navWrap .nav li a.active{font-weight: bold; color:#71a72a;}

	.navConMem{display:none;}
	.dropdownlink{display:none;}

	#oneScroll{width:100%; /*height: 100vh;*/ height:500px; position:relative; left: 0; top: 0; z-index:0; perspective: 1000px; overflow:hidden; background:#ebfbd7;}
	#oneScroll .page{width:860px; height:500px; /*width: 150vw;*/ /*height: 150vh;*/ opacity: 0; transform-style: preserve-3d; margin:0 auto;}
	#oneScroll .page.on{opacity: 1; z-index: 10; transform: translateZ(0px);}
	.page .bg{width: 100%; height: 500px; position: absolute; left: 50%; top:0; Transform: translate(-50%, 0)}
	.page01 .bg img{width: initial;}
	.page .bg img{width: 100%;}
	#page-1{ z-index: 10;}
	#oneScroll #page-1{width:860px; height:500px; margin:0 auto;}

	#page-1 .flower_left{position: absolute; left:-330px; top:20px;}/*파란공*/
	#page-1 .bug{position: absolute; right:-173px; top:161px;}/*펼친책*/
	#page-1 .blue01{ position: absolute; left:-40px; top:325px;}/*기호*/
	#page-1 .green_left{position: absolute; left:-75px; top:44px;}/*노란공*/
	#page-1 .grass01{ position: absolute; left:-300px; top:390px;}/*연필*/
	#page-1 .green_right{ position: absolute; right:-75px; top:404px;}/*초록책*/
	#page-1 .main_title{ position: absolute; width:100%; top:38%; text-align:center;}

	#main_contens{width:1150px; margin:0 auto; padding:100px 0;}
	#main_contens ul{height:510px; }

	#sub_contens{margin:144px 0 0 0;}
	#sub_contens .sub_tab{width:860px; margin:95px auto 0 auto;}
	#sub_contens .sub_tab ul li{width:clac(100% - 6px);  font-size:26px; height:45px; line-height:48px;}
	#sub_contens .sub_img p{width:860px; }


	#footer{padding:30px 0 40px 0;}
	#footer .footerCon{width:860px; margin:0 auto; font-size:17px; line-height:28px; padding:15px 0 0 0;}

	/*bbs*/
	.bbs_contens{margin:80px auto 0 auto; width:860px; padding:0 0 150px 0; }
	.bbs_list th{padding:18px 0;}
	.bbs_list td{padding:18px 0;}
	.bbs_list td .stxt{font-size:14px;}
	.bbs_list .left{padding:18px 0 18px 20px;}

	.bbs_search_txt{width:30%;}

	.bbs_select {width:25%; height:50px;}
	.bbs_select select{ font-size:15px;}
	.bbs_select select.color {height:50px;min-height: 50px;line-height: 50px;}

	.bbs_image{width:32%; margin:0.5% 0.5% 50px 0.5%;}
	.bbs_image .image{height:180px;}

	.bbs_btn p{ padding:16px 40px; margin:0 2px;}
	.bbs_page li{padding:10px 18px;}

	.center_search_red{border:7px solid #dd001f;}
	.center_search_blue{border:7px solid #76c112;}
	.center_search{height:54px;}
	.center_search input{height:54px; font-size:25px;}
	.center_search .center_btn{height:54px; line-height:54px; }


}


/******************************************************** phone */
@media screen and ( max-width:767px ){

	.PC{display:none;}
	img{width:100%;}
	#header {width:100%; }
	#header h1{width:35%; margin:15px 0 0 5%;}
	#header .btn_moMenu{position:absolute; top:10px; right:5%; width:25px;}
	#header .btn_moCen{position:absolute; top:20px; right:15px; width:25px;}

	.mainBtn_mem{display:none;}
	.navWrap{position:relative; overflow:hidden; }
	.navWrap .nav{display:none;}

	.navConBg{position:absolute; width:100%; background:#fff; display:none;}
	.navCon{width:100%; height:100vh; overflow:hidden; position:relative; top:-70px;}
	.navCon .navConMem{padding:20px 20px; background:#fcfcfc; border-bottom:1px solid #d4d3d2; border-top:1px solid #d4d3d2;}
	.navCon .navConMem p{color:#808080; font-size:18px; }
	.navCon .navConMem span{display:inline-block; width:70px; text-align:center; padding:8px 0 5px 0; margin:8px 0 0 0;}
	.navCon .navConMem span.navBtn_login{background:#76c112; font-size:17px;  color:#fff; margin:0 3px 0 0; border:1px solid #76c112;}
	.navCon .navConMem span.navBtn_mem{border:1px solid #76c112; font-size:17px;  color:#76c112;}
	.navCon ul{float:left; width:100%;}
	.navCon ul li{ font-size:16px;}
	.navCon ul li.on a{color:#76c112;  border-bottom:2px solid #76c112; padding:0 0 2px 0;}
	.navCon .btn{color:#76c112; padding:10px 0 10px 20px; border-bottom:1px solid #76c112; font-size:18px;}
	.navCon .dropdownlink{cursor:pointer; display: block; /*position: relative;*/ transition: all 0.4s ease-out; border-bottom:1px solid #d4d3d2;   font-size:18px; letter-spacing:0; padding:10px 0 10px 20px;}
	.navCon .bgOn{ background:#76c112; border-bottom:0 !important;}
	.navCon .bgOn a{color:#fff;}


	#oneScroll{width:100%; /*height: 100vh;*/ height:400px; position:relative; left: 0; top: 0; z-index:0; perspective: 1000px; overflow:hidden; background:#ebfbd7;}
	#oneScroll .page{width:100%; height:400px; /*width: 150vw;*/ /*height: 150vh;*/ opacity: 0; transform-style: preserve-3d; margin:0 auto;}
	#oneScroll .page.on{opacity: 1; z-index: 10; transform: translateZ(0px);}
	.page .bg{width: 100%; height: 400px; position: absolute; left: 50%; top:0; Transform: translate(-50%, 0)}
	.page01 .bg img{width: initial;}
	.page .bg img{width: 100%;}
	#page-1{ z-index: 10;}
	#oneScroll #page-1{width:100%; height:400px; margin:0 auto;}

	#page-1 img{width:70%}
	#page-1 .flower_left{position: absolute; left:-116px; top:10px;}/*파란공*/
	#page-1 .bug{position: absolute; right:-80px; top:245px;}/*펼친책*/
	#page-1 .blue01{ position: absolute; left:-20px; top:150px;}/*기호*/
	#page-1 .green_left{position: absolute; left:-30px; top:20px;}/*노란공*/
	#page-1 .grass01{ position: absolute; left:-125px; top:300px;}/*연필*/
	#page-1 .green_right{ position: absolute; right:-67px; top:71px; width:50%}/*초록책*/
	#page-1 .main_title{ position: absolute; width:100%; top:38%; text-align:center;}

	#main_contens {width:calc(90% + 8px); margin:0 auto; padding:50px 0;}
	#main_contens ul li{width:calc(50% - 8px); padding:3px 4px;}

	#sub_contens{margin:64px 0 0 0;}
	#sub_contens .sub_tab{width:92%; margin:45px 4% 0 4%;}
	#sub_contens .sub_tab ul li{width:clac(100% - 6px);  font-size:15px; height:35px; line-height:38px;}
	#sub_contens .sub_img p{width:100%; }

	#sub_contens.sub01 .tit{background-size:126%}
	#sub_contens.sub02 .tit{background-size:126%}
	#sub_contens.sub03 .tit{background-size:130%}
	#sub_contens.sub04 .tit{background-size:130%}
	#sub_contens.sub05 .tit{background-size:130%}
	#sub_contens.sub06 .tit{background-size:130%}
	#sub_contens.sub07 .tit{background-size:130%}

	#footer{padding:30px 0 30px 0; margin:0 0 0 0;}
	#footer .footerCon{width:90%; margin:0 auto; font-size:14px; line-height:23px; padding:0px 0 0 0;}
	#footer .footerCon dl dt{float:left; width:35%;}

	/* login */
	.login_wrap{width:100%}
	.login_wrap img{width:auto;}

	/*bbs*/
	.bbs_contens{margin:40px 15px 0 15px; padding:0 0 80px 0;}
	.bbs_contens h1{font-size:18px; margin: 0 0 10px 0;}
	.bbs_list{font-size:14px;}
	.bbs_list th{padding:10px 0;}
	.bbs_list td{padding:10px 0;}
	.bbs_list td .stxt{font-size:12px;}
	.bbs_list .left{padding:10px 10px 10px 10px;}

	.bbs_list dt{width:100%;}
	.bbs_list dd{width:100%;}
	.bbs_list.my span{font-size:13px; width:60%;}

	.bbs_txt{font-size:14px;}
	.view_con img{width:100%;}

	.bbs_search_txt{width:60%;}

	.bbs_select {width:40%; height:30px;}
	.bbs_select select{ font-size:14px;}
	.bbs_select select.color {height:30px;line-height:30px;}

	.bbs_image{width:49%; margin:0.5% 0.5% 30px 0.5%;}
	.bbs_image .image{height:90px;}

	.bbs_btn{font-size:14px;}
	.bbs_btn p{ padding:6px 13px; margin:0 1px; }
	.bbs_page li{font-size:14px; padding:2px 8px;}

	.bbs_write select{width:39%; height:30px; padding: 0 6px;}
	.bbs_write td{padding:10px 10px; font-size:14px}
	.view_input{height:30px;}

	.filebox .upload-name {height:30px; width:56%;}
	.filebox label {padding:5px 10px; font-size:13px;}
	.filebox p{padding:3px 10px; font-size:13px; }

	.center_search_red{border:5px solid #dd001f;}
	.center_search_blue{border:5px solid #76c112;}
	.center_search{height:40px;}
	.center_search input{height:40px; font-size:14px;}
	.center_search .center_btn{height:40px; line-height:37px; }

	/*개인정보처리방침*/
	.sub_privacy {width:90%; padding:20px 0 60px 0;}
	.sub_privacy h1{font-size:18px; }
	.sub_privacy h2{font-size:16px; margin:20px 0 0 0;}
	.sub_privacy h3{font-size:14px; margin:10px 0 0 0;}
	.sub_privacy p{font-size:13px; line-height:19px; margin:5px 0 0 0;}
	.sub_privacy hr{margin:20px 0 20px 0;}

}