@charset "utf-8";
/* @import url('../css/NanumGothic.css'); 
@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');  */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
  

@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
  }
  @font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 800;
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
    src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
         url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
  }


*{-webkit-overflow-scrolling: touch;}

/*reset*/
body,button,dd,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,select,table,td,textarea,th,ul{margin:0;padding:0;}
body,button,input,select,table,textarea{font-size:12px; font-family: 'Nanum Gothic','나눔고딕','Dotum'; line-height:1.2;}
button,input{border-radius:0}
fieldset,img{border:0}
ol,ul{list-style:none}
address,em{font-style:normal}
a{text-decoration:none}
a:hover{text-decoration:underline}
iframe{overflow:hidden;margin:0;padding:0;border:0}
.blind{position:absolute;overflow:hidden;clip:rect(0 0 0 0);margin:-1px;width:1px;height:1px}

.point_p{color:#f15a56}
.mobile_show{display:none}
.mobile_hide{display:block}

.point_white{color: #fff !important;}
.point_yellow{color:#ffd800}
.point_blue{color:#001871}
.point_orange{color:#ff5300 !important;}
.point_skyblue{color: #31adea !important;}
.point_yelloworange{color: #ff9023 !important;}
.point_brown{color: #743718 !important;}
.point_black{color: #000 !important;}
.point_yuhak_blue{color: #496ad1 !important;}
.point_green{color: #598526;}
.point_yellowgreen{color: #67a322 !important;}

.skyblue{background: #31adea !important;}
.brown{background: #743718 !important;}
.yuhak_blue{background: #496ad1 !important;}
.yellow{background: #ffc600 !important;}
.yellow_green{background: #f4ea79 !important;}
.drak_brown{background: #73461f !important;}

.bold{font-weight: 900;}

/* 파닉스아일랜드, 랭콘아이랜드, 아발론 리더스 */

/*island*/
.island_wrap{position:relative;max-width:950px;height:700px;background:#fff;;text-align:left;letter-spacing:-1px; margin: 0 auto;}
.island_area{position:relative;width:100%;height:700px;margin:0 auto;background:#fff}
.island_con{margin:0 auto;padding-top:38px;text-align:center; position: relative;}
.island_con .con_area{display:inline-block;margin:0 auto;margin-top: 25px;}
.con_area::after{display: block; content: ""; clear: both;}

/*title_area*/
.island_con .title_area{position:relative;text-align:center}
.title_area h3{text-align: center;}
.title_area h3::after{clear: both; display: block; content: "";}
.title_wrap{display: inline-block;}
.title_a{font-size: 22px; color: #313131; float: left; margin: 30px 10px 0 0;}
.title_b{font-size: 55px; color: #313131; font-family: 'Noto Sans', sans-serif; float: left;}
.border_under br{display: none;}
.island_con .title_area p{margin-top:8px;font-size:18px;font-weight:600;color:#fff;letter-spacing:normal;}
.island_con .title_area p span{color:#4a1f00;font-size: 21px;}
.island_con .title_area .sub{margin:20px auto 10px;padding:12px 0;background:#ff9023;color:#fff}
.island_con .title_area .langcon_br br{display: none;}
.island_con .title_area .student_level{padding-top:4px;padding-bottom:6px}
.island_con .title_area .student_level .level{background:#001871;padding:4px 10px;border-radius:6px;color:#fff;font-size:17px}
.island_con .title_area .student_level span{font-size:15px;}

/*con_area*/
.con_area .text_con{float:left;width:406px}

/*slider*/
.con_area .bx-wrapper{float:left;text-align:center;margin:0 auto;width:430px;margin-bottom:0;box-shadow:0 0 0 transparent;border:0;background:transparent;}
.con_area .bx-wrapper img{float:left;display: inline-block;text-align: center;}
.con_area .bx-controls-direction{display:none}
.con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{left:95px;width:62px;bottom: 5px;background:#ebebeb;padding:5px 10px;border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;z-index:1000}
.con_area .bx-wrapper .bx-pager,.con_area .bx-wrapper .bx-controls-auto{bottom:11px;}
.con_area .bx-wrapper .bx-controls-auto .bx-start{width:14px;height:14px;background:url(../img/btn_controls.png) 0 -14px no-repeat;}
.con_area .bx-wrapper .bx-controls-auto .bx-stop{width:14px;height:14px;background:url(../img/btn_controls.png) 0 -47px no-repeat;}
.con_area .bx-wrapper .bx-controls-auto .bx-start:hover,.con_area .bx-wrapper .bx-controls-auto .bx-start.active,.island_con .bx-wrapper .bx-controls-auto .bx-start:focus{background-position:0 0;}
.con_area .bx-wrapper .bx-controls-auto .bx-stop:hover,.con_area .bx-wrapper .bx-controls-auto .bx-stop.active,.island_con .bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:0 -33px;}
.con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width:86px;bottom:10px;padding-top:0;z-index:100000; margin-left: 10px;}
.con_area .bx-wrapper .bx-pager.bx-default-pager a{width:12px;height:12px;border-radius:10px;line-height:16px;cursor:pointer;margin:0 4px}
.con_area .bx-wrapper .bx-pager.bx-default-pager a:focus,.con_area .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#666}
.con_area .bx-wrapper .bx-pager.bx-default-pager a.active{background:#ff6c00}

/*text_con*/
.con_area .text_con .lst_con{margin-top:10px;margin-bottom:20px;font-size:16px;text-align:left;font-weight:600; display: inline-block;}
.con_area .text_con .lst_con>li{line-height:38px;}
.con_area .text_con .lst_con>li:before{display:inline-block;margin-right:4px;width:22px;height:19px;content:"";background:url(../img/langconisland/ic_check.png) 0 0 no-repeat}
.con_area .text_con .lst_con.phonics_check>li:before{display:inline-block;margin-right:4px;width:22px;height:19px;content:"";background:url(../img/phonicsisland/ic_check.png) 0 0 no-repeat}
.con_area .text_con .lst_con.readers_icon>li:before{display:inline-block;margin-right:4px;width:34px;height:33px;content:"";background:url(../img/readers/readers01.png) 0 0 no-repeat;  margin-bottom: -10px;}
.con_area .text_con .lst_con.readers_icon>li:nth-of-type(2):before{background:url(../img/readers/readers02.png) 0 0 no-repeat;}
.con_area .text_con .lst_con.readers_icon>li:nth-of-type(3):before{background:url(../img/readers/readers03.png) 0 0 no-repeat;}
.con_area .text_con .lst_con.readers_icon>li:nth-of-type(4):before{background:url(../img/readers/readers04.png) 0 0 no-repeat;}
.con_area .text_con .lst_con.readers_icon>li:nth-of-type(5):before{background:url(../img/readers/readers05.png) 0 0 no-repeat;}
.con_area .text_con .lst_con.yuhak_check>li:before{display:inline-block; position: relative; top: 4px; left: -5px; width: 20px; height: 20px; content: ""; background: url(../img/yuhak/ic_check.png) 0 0 no-repeat; background-size: cover;}
.con_area .text_con .btn_langcon{display:inline-block;}
.con_area .text_con .btn_langcon_pc{display: block;}
.con_area .text_con .btn_langcon_m{display: none; width: 100%;}

/*down_area*/
.down_area{position:absolute;bottom:0;overflow:hidden;width:100%;background:#ededed;padding:28px 55px; font-family:'Nanum Gothic','나눔고딕';box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.down_area h4{float:left;width:74px;height:43px;margin-top:10px;padding-right:10px;font-size:14px;border-right:1px solid #c2c2c2;color:#333;font-weight:600;text-align:center;line-height:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;}
.download_way{float:left;width:54%;}
.download_way::after{display: block; content: ""; clear: both;}
.download_way .lst_way{float:left;width:64%;padding-left:10px;font-size:13px;line-height:20px;padding-top:11px;}
.download_way .lst_way>li{float:left;}
.download_go{float:left;width:46%;}
.download_go::after{display: block; content: ""; clear: both;}
.download_go .lst_download{overflow:hidden;}
.download_go .lst_download>li{float:left;height:auto;margin-left:24px;text-align:center;}
.download_go .lst_download>li img{border:1px solid #fff;border-radius:100px}
.download_go .lst_download>li p{color:#333;font-weight:600}

.dot_line{border: 1px dashed #ccc; display: none; width: 90%; margin: 0 auto;}
.qr_code{width: 60px;height: 60px; background: #dadada; display: none;}

/*아보카도*/
/* .island_con.va_con{padding-top: 15px;}
.title_area .sub.va_sub{ margin: 0px auto 10px;}
.va_logo{width: 235px;}
.lst_way.avocado_lst_way{width:75%;}
.avocado_siwper{position: relative; width: 195px; float: left; margin-top: -110px; height: 394px; border-radius: 20px;
    background-image: url(../img/avocado/avocado_bg.png);
    background-repeat:no-repeat;
    background-size:195px;
    -moz-box-shadow: 0 0 5px #ccc;
    -webkit-box-shadow: 0 0 5px #ccc;
    box-shadow: 0 0 5px #ccc;}
.avocado_text_con{float: left; margin-left: 40px;}
.avocado_area{width: 90%;margin: 35px auto 0 auto;}
.avocado_area::after{display: block; content: ""; clear: both;}
.avocado_area .bx-wrapper{width: 195px;}
.avocado_area .bx-wrapper img{width: 195px;}

.avocado_siwper .bx-controls-direction{display: block; position: relative; width: 225px; margin-left: -42px; margin-top: -6px;}
.con00{display: none; margin-top: 15%;}
.con01{height: 175px;}
.con02{margin-top: 20px;}
.avocado_text_con .avcado_skill{position: relative;}
.avocado_text_con .avcado_skill::after{display: block; clear: both; content: "";}
.avocado_text_con .avcado_skill li{position: relative; float: left; width: 110px; font-weight: 500; line-height: 15px; margin:0 0 0 10px;}
.avocado_text_con .avcado_skill li::after{display: block; content: ""; clear: both;}
.avocado_text_con .avcado_skill li .skill_m_img{position: relative; float: none; border-radius: 10px;  -webkit-box-shadow: 2px 3px 3px 0px #e0e0e0; box-shadow: 2px 3px 3px 0px #e0e0e0;}
.avocado_text_con .avcado_skill li .skill_m{position: relative; float: none; display: table; margin-top: 7px;}
.avocado_text_con .avcado_skill li .skill_m p{display: table-cell; vertical-align: middle; font-weight: 900; color: #616161;word-break: keep-all;}
.avocado_text_con .bx-controls-direction{display: none; margin-top: 7px;}
.avocado_text_con .avcado_txt{text-align: left;font-size: 16px;font-weight: 700; color: #73461f;margin-bottom: 10px}
.avocado_text_con .avcado_form{display: block;}
.avocado_text_con .avcado_form::after{display: block; clear: both; content: "";}
.avocado_text_con .avcado_form li{float: left; background: #fdf8d0; font-size: 17px; font-weight: 900; color: #3d6e05; padding: 5px 10px;border-radius: 20px; margin-left: 8px;}
.avocado_text_con .avcado_form li.arrow{background: none;}
.con3{width: 100%; position: relative; display: none;}
.con3 ul::after{display: block; clear:both; content: "";}
.con3 ul li{width: 50%; float: left;} */

/* 비타민, 아보카도 */
.va_wrap{height: 850px !important;}
.va_area{height: 850px !important;}

.avocado_area{display: inline-block; margin: 0 auto;}
.avocado_area::after{display: block; content: ""; clear: both;}
.va_logo{width: 235px;}
.lst_way.avocado_lst_way{width:75%;}
.txt_underline{border-bottom: 1px solid #f8d545;box-shadow: inset 0 -11px 0 #f8d545; font-size: 18px !important;}
.va_txt br{display: none;}

.va_con{margin: 0 auto; padding-top: 38px; text-align: center;}
.va_con .bx-wrapper{margin-top: -40px !important; text-align:center;margin:0 auto;width:880px;margin-bottom:0;box-shadow:0 0 0 transparent;border:0;background:transparent;}
.va_con .bx-wrapper img{float:left; margin: 0 auto;}
.va_con .bx-controls-direction{display:none}
.va_con .bx-wrapper .bx-viewport{padding-bottom: 10px;}
.va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{left:137px;width:62px;background:#ebebeb;padding:5px 10px;border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;z-index:1000}
.va_con .bx-wrapper .bx-pager,.va_con .bx-wrapper .bx-controls-auto{bottom:11px;}
.va_con .bx-wrapper .bx-controls-auto .bx-start{width:14px;height:14px;background:url(../img/avocado/btn_controls_brown.png) 0 -14px no-repeat;}
.va_con .bx-wrapper .bx-controls-auto .bx-stop{width:14px;height:14px;background:url(../img/avocado/btn_controls_brown.png) 0 -47px no-repeat;}
.va_con .bx-wrapper .bx-controls-auto .bx-start:hover,.va_con .bx-wrapper .bx-controls-auto .bx-start.active,.va_con .bx-wrapper .bx-controls-auto .bx-start:focus{background-position:0 0;}
.va_con .bx-wrapper .bx-controls-auto .bx-stop:hover,.va_con .bx-wrapper .bx-controls-auto .bx-stop.active,.va_con .bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:0 -33px;}
.va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width:128px;bottom:18px;padding-top:0;z-index:100000}
.va_con .bx-wrapper .bx-pager.bx-default-pager a{width:8px;height:8px;border-radius:10px;line-height:16px;cursor:pointer;margin:0 3px}
.va_con .bx-wrapper .bx-pager.bx-default-pager a:focus,.va_con .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#d4d4d4}
.va_con .bx-wrapper .bx-pager.bx-default-pager a.active{background:#743718;}
.va_con .bx-controls{position: absolute;top: 536px;left: 88px;}
.va_con .bx-wrapper .bx-pager.bx-default-pager a{background:#ededed;}

.lst_va{position:relative;}
.va_img{width: 380px;}
.lst_va li::after{display: block; content: ""; clear: both;}
.lst_va li .img_detail{position:absolute;bottom:-35px;right:0}

.lst_va .lst_con{font-size: 16px; float:left;padding-left:35px; padding-top: 100px; box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;text-align:left}
.lst_va .lst_con>li{margin-top:14px;line-height:40px;font-weight:normal; display: block;}
.lst_va .lst_con>li:first-child{margin-top:12px;}
.lst_va .lst_con h5{color:#888;text-indent:5px;font-weight:500}
.lst_va .lst_con h5 i{font-style:normal;position:relative}
.lst_va .lst_con h5 i:before{position:absolute;top:-4px;left:6px;display:inline-block;content:"";width:4px;height:4px;background:#f15a56;border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;}
.lst_va .lst_con p{margin-left: 28px; font-size:15px;line-height:22px;font-weight:normal;color:#888;}
.lst_va .lst_con .img_area{margin-top:6px;}

.lst_va .lst_con h5{font-size: 16px;}
.lst_va .lst_con h5:before{display: inline-block; margin-right: 4px; width: 22px; height: 19px;content: ""; background: url(../img/avocado/ic_check_g.png) 0 0 no-repeat;}
.lst_va .lst_con h5.ch_red{color:#000;text-indent:5px;font-weight:700}
.lst_va .lst_con h5.ch_red:before{display: inline-block; margin-right: 4px; width: 22px; height: 19px;content: ""; background: url(../img/langconisland/ic_check.png) 0 0 no-repeat !important;}
.lst_va .lst_con h5.ch_green{color:#000;text-indent:5px;font-weight:700}
.lst_va .lst_con h5.ch_green:before{display: inline-block; margin-right: 4px; width: 22px; height: 19px;content: ""; background: url(../img/avocado/ic_check_green.png) 0 0 no-repeat !important;}
.lst_va .lst_con p.black{color:#000 !important; font-weight: bold;}

.avcado_form{display: block; margin-left: 20px;}
.avcado_form::after{display: block; clear: both; content: "";}
.avcado_form li{line-height: 20px; float: left; background: #f2f2f2; font-size: 14px; font-weight:500; color: #888; padding: 5px 10px;border-radius: 20px; margin-left: 8px;}
.avcado_form li.arrow{background: none;}


.avcado_form.av_over li{background: #fdf8d0; color: #3d6e05;font-weight: 700;}
.avcado_form.av_over li.arrow{background: none;}


/*유형학습 3600*/
.yuhak_wrap{position:relative;width:950px;height:700px;background:#fff;;text-align:left;letter-spacing:-1px;}
.btn_close{position:absolute;top:0;right:-42px;width:42px;height:42px;background:#7a7a7a;text-align:center;line-height:38px;}
.btn_close>img{vertical-align:middle;}
.yuhak_area{position:relative;width:100%;height:700px;margin:0 auto;background:#fff}
.title_area{position:relative;text-align:center}
.title_area .yuhak_logo1{display: inline-block;}
.title_area .yuhak_logo2,
.title_area .yuhak_logo3{display: none;}
.title_area p{margin-top:8px;font-size:18px;font-weight:600;color:#fff}
.title_area .sub{margin:20px auto 10px;padding:12px 0;background:#496ad1;color:#fff}
.title_area .student_level{padding-top:4px;padding-bottom:6px}
.title_area .student_level .level{background:#ffc600;padding:4px 10px;border-radius:6px;color:#333;font-size:17px}
.title_area .student_level span{font-size:15px;}
.lst_yuhak{position:relative;}
.lst_yuhak li::after{display: block; content: ""; clear: both;}
.lst_yuhak li .img_detail{position:absolute;bottom:-35px;right:0}
.free{background: #f15a56; padding: 2px 10px; border-radius: 20px; margin-left: 5px; display: inline-block; font-size: 14px;}
.free br{display: none;}
.col1::after{display: block; content: ""; clear: both;}
.col2::after{display: block; content: ""; clear: both;}
.col3::after{display: block; content: ""; clear: both;}
.col4::after{display: block; content: ""; clear: both;}


.yuhak_con{margin: 0 auto; padding-top: 38px; text-align: center;}
.yuhak_con .bx-wrapper{text-align:center;margin:0 auto;width:770px;margin-top:34px;margin-bottom:0;box-shadow:0 0 0 transparent;border:0;background:transparent;}
.yuhak_con .bx-wrapper img{float:left;}
.yuhak_con .bx-controls-direction{display:none}
.yuhak_con .bx-wrapper .bx-viewport{padding-bottom: 10px;}
.yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{left:112px;width:62px;background:#ebebeb;padding:5px 10px;border-radius:15px;-webkit-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;z-index:1000}
.yuhak_con .bx-wrapper .bx-pager,.yuhak_con .bx-wrapper .bx-controls-auto{bottom:11px;}
.yuhak_con .bx-wrapper .bx-controls-auto .bx-start{width:14px;height:14px;background:url(../img/yuhak/btn_controls.png) 0 -14px no-repeat;}
.yuhak_con .bx-wrapper .bx-controls-auto .bx-stop{width:14px;height:14px;background:url(../img/yuhak/btn_controls.png) 0 -47px no-repeat;}
.yuhak_con .bx-wrapper .bx-controls-auto .bx-start:hover,.yuhak_con .bx-wrapper .bx-controls-auto .bx-start.active,.yuhak_con .bx-wrapper .bx-controls-auto .bx-start:focus{background-position:0 0;}
.yuhak_con .bx-wrapper .bx-controls-auto .bx-stop:hover,.yuhak_con .bx-wrapper .bx-controls-auto .bx-stop.active,.yuhak_con .bx-wrapper .bx-controls-auto .bx-stop:focus{background-position:0 -33px;}
.yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width:128px;bottom:16px;padding-top:0;z-index:100000}
.yuhak_con .bx-wrapper .bx-pager.bx-default-pager a{width:12px;height:12px;border-radius:10px;line-height:16px;cursor:pointer;margin:0 4px}
.yuhak_con .bx-wrapper .bx-pager.bx-default-pager a:focus,.yuhak_con .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#666}
.yuhak_con .bx-wrapper .bx-pager.bx-default-pager a.active{background:#496ad1}
.yuhak_con .bx_img{width:53%;}
.yuhak_con .img_detail{width:26%; display: block;}

.lst_yuhak .lst_con{float:left;width:361px;padding-left:14px;box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;text-align:left}
.lst_yuhak .lst_con>li{margin-top:14px;line-height:22px;font-weight:normal; display: block;}
.lst_yuhak .lst_con>li:first-child{margin-top:12px;}
.lst_yuhak .lst_con h5{font-size:16px;color:#263995;text-indent:5px;font-weight:600}
.lst_yuhak .lst_con h5 i{font-style:normal;position:relative}
.lst_yuhak .lst_con h5 i:before{position:absolute;top:-4px;left:6px;display:inline-block;content:"";width:4px;height:4px;background:#f15a56;border-radius:6px;-webkit-border-radius:6px;-ms-border-radius:6px;-o-border-radius:6px;}
.lst_yuhak .lst_con h5:before{display:inline-block;position:relative;top:4px;left:-5px;width:20px;height:20px;content:"";background:url(../img/yuhak/ic_check.png) 0 0 no-repeat;background-size:cover;}
.lst_yuhak .lst_con p{margin-top:4px;font-size:14px;line-height:22px;font-weight:normal}
.lst_yuhak .lst_con .img_area{margin-top:6px;}

/* footer */
.footer {width:100%; background-color:#3d424c; text-align:center; display: none;}
.footer img{ max-width: 100%;height: auto;}
.company_menu {width:100%; margin:15px 0 10px; display:inline-block; text-align:center; *margin-bottom:0;}
.company_menu ul {display:inline-block;}
.company_menu ul li {display:inline; color:#d5dce1; margin-right:10px; padding-right:10px; background:url(../img/company_list.gif) right center no-repeat; font-size:10px}
.company_menu ul li a { color:#d5dce1;}
.company_menu ul li.personal { background-image:none; margin-right:0; padding-right:0; font-weight:bold;}
.company_menu .pc_box {margin:10px 0 0 0;}
.company_menu .pc_box a {line-height: 150%; text-decoration: none; color:#fff; font-size:11px; border:#79828a 1px solid; padding:3px 7px; display:inline-block; margin:0 5px;}
.company_menu .pc_box a img {width:13px; vertical-align:sub; margin-right:4px;}
.adress { margin-bottom:15px; display:inline-block; }
.adress p {text-align:center; color:#9296a0; font-size:11px; line-height:15px;}
.adress a{color:#9296a0; font-size:11px; font-weight: normal;}
.adress p span.call_center {font-weight:bold; color:#9296a0;}
.adress p.copy {font-size:10px; margin-top:5px;}
.adress .adress_info {color:#d5dce1;}
.newspaper {display:inline-block; width:35%; margin-top:10px}

.company_menu .pc_box a img {width: 13px;vertical-align: sub; margin-right: 4px;}




@media all and (max-width:933px){
    .avocado_area {width: 91%;}
    .avocado_text_con {margin-left: 25px;}
}

@media all and (max-width:924px){
    .down_area{padding:28px 30px;}
}
	    	
@media all and (max-width:902px){
    .avocado_area {width: 93%;}
    .avocado_text_con {margin-left: 20px;}
}

@media all and (max-width:882px){
    .avocado_area {width: 95%;}
}

@media all and (max-width:860px){
    .island_wrap{height: 100%;}
    .island_con{padding-top: 5%;}
    .title_a{font-size: 22px; float: none; margin: 0 0 0 0;}
    .title_b{font-size: 55px; float: none;}
    .border_under br{display: block;}
    .title_area p{width: 90%; margin: 0 auto;}
    .island_con .con_area{display: block; margin-top: 40px;}
    .island_con .title_area .sub{margin-top: 2%; margin-bottom: 2%;padding-top: 2%; padding-bottom: 2%; padding-left: 4%; padding-right: 4%;}
    .island_con .title_area .langcon_br br{display: block;}
    .con_area .bx-wrapper{float: none; width: 532px; margin:0 auto 25px auto;}
    .con_area .bx-wrapper img{float:none;display: inline-block;text-align: center;width: 90%;}
    .con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{margin-left: 45px;}
    .con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{left: 130px;}
    .con_area .text_con .btn_langcon_pc{display:none;}
    .con_area .text_con .btn_langcon_m{display: block; margin: 30px auto 10px auto; width: 88%;}
    .down_area{position: relative; padding: 15px 30px;}
    .download_way{float: none; width: 100%;margin-bottom: 10px;}
    .down_area h4{width: auto; line-height: 43px; padding-right: 15px;}
    .download_way h4 br{display: none;}
    .download_way .lst_way{padding-left: 15px; width: 70%;}
    .download_way .lst_way>li{float:none;}
    .download_go{float: none; width: 100%;}
    .download_go h4 br{display: none;}
    .con_area .text_con{width: 100%; float: none;}
    .con_area .text_con .lst_con{padding: 20px 0; margin: 5px auto 0 auto; display: inline-block; font-size: 18px;}

	.dot_line{display: block;}
    .footer {display: block;}

    /*아보카도*/
    .va_con .bx-wrapper{margin-top:20px !important;}
    .lst_va .lst_con{float: none; padding-left: 0; font-size: 18px; display: inline-block; margin: 0 auto; padding-top: 20px;}
    .lst_va .lst_con h5{font-size: 18px;}
    .va_img{width: 70%;text-align: center;margin: 0 auto 12% auto;}
    .va_txt br{display: block;}
    .va_con .bx-wrapper img{float:none !important;}

    .va_con .bx-controls{position: absolute;top:59%;left:50%; margin-left: -64px !important; padding-top: 0; margin-left: 0;}
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}


    .va_logo{width: 50%; margin-top: 20px;}
    .con00{display: block;}
    .con01{width: 100%; height: auto; margin: 20px 0;}
    .avocado_siwper{float: none; margin: 10px auto 0 auto;}
    .avocado_text_con{float: none; margin-left: 0;}
    .avocado_text_con .avcado_skill{width: auto;}
    .avocado_text_con .avcado_skill li{float: none; width: auto; margin-bottom: 15px; margin:0 0 20px 0;}
    .avocado_text_con .avcado_skill li .skill_m_img{float: left; z-index: 10; margin-left: 15%;}
    .avocado_text_con .avcado_skill li .skill_m{width: 55%; margin-top: 0; height: 71px; font-size: 15px; text-align: left; float: left; border-top: 5px solid #ededed; border-right: 5px solid #ededed; border-bottom: 5px solid #ededed;
    border-top-right-radius: 10px; border-bottom-right-radius: 10px; margin-left: -10px; padding-left: 30px; z-index: 9;}
    .con02{display: none;}
    .avocado_text_con .avcado_form{margin:10px 0 15px 0; display: inline-block;}
    .avocado_text_con .avcado_form li{font-size: 16px; padding: 4px 5px; margin-left: 5px;}
    .txt_underline{font-size: 16px !important;}
    .con3{display: block;}
    .va_con .bx-wrapper .bx-viewport{padding-bottom: 30px;}



    /*유형학습 3600*/
    .title_area .yuhak_logo1{display: none;}
    .title_area .yuhak_logo2,
    .title_area .yuhak_logo3{display: block; margin: 0 auto;}
    .lst_yuhak li { display: block; width: 100%; margin-top: 2%;}
    .lst_yuhak li .img_detail{position:absolute;bottom:-35px;right:5px}
    .lst_yuhak .lst_con{float: none; width: 100%; padding-left: 0;}
    .lst_yuhak .lst_con>li:first-child {margin-top: 30px;}
    .lst_yuhak .lst_con .img_area{width:100%;}
    .lst_yuhak .lst_con h5{font-size:15px;}
    
    .yuhak_con{height: auto;}
    .yuhak_con .bx-wrapper{float: none; width: 532px;margin:0 auto 25px auto;}
    .yuhak_con .bx-wrapper img{float:none;display:block;text-align: center;width: 90%; margin: 0 auto;}
    .yuhak_con .bx-controls{position: absolute;}
    .yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{margin-left: 45px;}
    .yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{left: 150px;}
    .yuhak_con .img_detail{display: none !important;} 
    .yuhak_con .img1{width:100%;}
}

@media screen and (min-width:801px) and (max-width:859px){
    .yuhak_con .bx-controls{top: 48%;}
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:66%;left:50%; margin-left: -64px;}
}

@media screen and (min-width:768px) and (max-width:800px){
    .con_area .text_con .lst_con{padding: 20px 0; margin: 5px auto 0 auto; display: inline-block; font-size: 18px;}
    .lst_va .lst_con{font-size: 18px;}
    .lst_va .lst_con h5{font-size: 18px;}
    /*아보카도*/
    .va_logo{width: 50%; margin: 20px;}
    
    /*유형학습 3600*/
    .yuhak_con .title_area .student_level .level{padding: 4px 8px; font-size: 13px;}
}


@media screen and (min-width:768px) and (max-width:800px){
    .yuhak_con .bx-controls{top: 47.5%;}
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
}

@media screen and (min-width:571px) and (max-width:767px){
    .yuhak_con .bx-controls{top: 50%;}
    .avocado_text_con .avcado_skill li .skill_m_img{ margin-left: 14%;}
}

@media screen and (min-width:701px) and (max-width:731px){
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:65%;left:50%; margin-left: -64px;}
}



@media screen and (min-width:701px) and (max-width:731px){
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:65%;left:50%; margin-left: -64px;}
}



@media screen and (min-width:671px) and (max-width:700px){
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:64%;left:50%; margin-left: -64px;}
}

@media screen and (min-width:641px) and (max-width:670px){
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:63%;left:50%; margin-left: -64px;}
}



@media screen and (min-width:621px) and (max-width:640px){
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:62%;left:50%; margin-left: -64px;}
}



@media screen and (min-width:591px) and (max-width:620px){
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:61%;left:50%; margin-left: -64px;}
}


@media screen and (min-width:571px) and (max-width:590px){
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:60%;left:50%; margin-left: -64px;}
}



@media screen and (min-width:551px) and (max-width:570px){
    .yuhak_con .bx-controls{top: 50%;}
    .avocado_text_con .avcado_skill li .skill_m_img{ margin-left: 13.5%;}
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:59%;left:50%; margin-left: -64px;}
}
	
@media screen and (min-width:551px) and (max-width:767px){
    .island_con .title_area .student_level .level{padding: 4px 8px; font-size: 13px;}
    .title_a{font-size: 20px;}
    .title_b{font-size: 45px;}
    .island_con .title_area p{font-size: 16px;}
    .txt_underline{font-size: 16px !important;}
    .island_con .con_area{margin-top: 20px;}
    .con_area .text_con .lst_con{font-size: 16px; padding: 15px 0;}
    .con_area .text_con .lst_con>li{line-height: 32px;}
    .lst_va .lst_con{font-size: 16px;}
    .lst_va .lst_con h5{font-size: 16px;}
    .con_area .text_con .btn_langcon_m{margin: 20px auto 5px auto}
    .con_area .bx-wrapper{margin: 0 auto 20px auto;}
    .con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{bottom:5px;margin-left: 30px;}
    .con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .down_area{padding: 10px 20px;}
    .down_area h4{border-right: none; float: none; text-align: left; margin-top: 0;}
    .download_way .lst_way{padding-left: 0; width: 100%; padding-top: 0;}
    .download_way .lst_way>li{font-size: 13px;}
	.download_go .lst_download>li{margin: 0 10px;}

    /*아보카도*/
    .va_logo{width: 50%; margin-top: 20px;}

    /*유형학습 3600*/
    .yuhak_con .title_area .student_level .level{padding: 4px 8px; font-size: 13px;}
    .yuhak_logo2{width: 42%;}
c
    .lst_yuhak .lst_con{width:90%; margin: 0 auto;}
    .lst_yuhak .lst_con .img_area{width:100%;}
    .lst_yuhak .lst_con h5{font-size:15px;}
    .yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{margin-left: 30px;}
    .yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{left: 135px;}
    .yuhak_con .img_detail{display: none !important;} 

    .island_con .title_area p span{font-size: 18px;}
}

@media screen and (min-width:531px) and (max-width:550px){
    .yuhak_con .bx-controls{top: 50%;}
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:62%;left:50%; margin-left: -64px;}
}
@media screen and (min-width:521px) and (max-width:530px){
    .yuhak_con .bx-controls{top: 50%;}
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:61.5%;left:50%; margin-left: -64px;}
}   
@media screen and (min-width:501px) and (max-width:520px){
    .yuhak_con .bx-controls{top: 49%;}
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:61%;left:50%; margin-left: -64px;}
}  

@media screen and (min-width:491px) and (max-width:500px){
    .yuhak_con .bx-controls{top: 49%;}
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:60.5%;left:50%; margin-left: -64px;}

}     

@media screen and (min-width:481px) and (max-width:490px){
    .yuhak_con .bx-controls{top: 49%;}
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:60%;left:50%; margin-left: -64px;}
}

@media screen and (min-width:481px) and (max-width:550px){
    .island_con .title_area .student_level .level{padding: 4px 8px; font-size: 13px;}
    .title_a{font-size: 18px;}
    .title_b{font-size: 40px;}
    .island_con .con_area{margin-top: 20px;}
    .island_con .title_area p{font-size: 16px;}
    .txt_underline{font-size: 16px !important;}
    .con_area .text_con .lst_con{font-size: 16px; padding: 10px 0;}
    .con_area .text_con .lst_con>li{line-height: 32px;}
    .lst_va .lst_con{font-size: 16px;}
    .lst_va .lst_con h5{font-size: 16px;}
    .con_area .text_con .btn_langcon_m{margin: 15px auto 3px auto;width: 88%;}
    .con_area .bx-wrapper{margin: 0 auto 15px auto;}
    .con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{bottom:5px;margin-left: 30px;}
    .con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .down_area{padding: 10px 20px;}
    .down_area h4{border-right: none; float: none; text-align: left; margin-top: 0;}
    .download_way .lst_way{padding-left: 0; width: 100%; padding-top: 0;}
    .download_way .lst_way>li{font-size: 13px;}
	.download_go .lst_download>li{margin: 0 10px;}

     /*아보카도*/
     .va_logo{width: 50%; margin-top: 20px;}
     .avocado_text_con .avcado_skill li .skill_m_img{ margin-left: 10.5%;}
     .avocado_text_con .avcado_skill li .skill_m{width: 58%; font-size: 14px; padding-left: 23px;}
     .lst_va .lst_con>li{line-height:25px;}
     .con3 ul li{width: 100%; float:none;}

    
    /*유형학습 3600*/
    .yuhak_con .title_area .student_level .level{padding: 4px 8px; font-size: 13px;}
    .yuhak_logo2{width: 42%;}
    .yuhak_logo3{width: 70%;}
    .title_area p {margin-top: 2%; font-size: 15px;}
    .point_yellow {margin-top: 1%; display: block;}
    .lst_yuhak .lst_con{width:90%; margin: 0 auto;}
    .lst_yuhak .lst_con .img_area{width:100%;}
    .lst_yuhak .lst_con h5{font-size:14px;}
    .free{margin-top: 10px;  font-size: 13px !important;}
    .yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{margin-left: 30px;}
    .yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .yuhak_con .img_detail{display: none !important;} 

    .island_con .title_area p span{font-size: 16px;}

    .footer {display: block;}
	}
    @media screen and (min-width:471px) and (max-width:480px){
        .yuhak_con .bx-controls{top: 49%;}
        .va_con .bx-controls{top:60%;left:50%; margin-left: -64px;}
    } 
    @media screen and (min-width:461px) and (max-width:470px){
        .yuhak_con .bx-controls{top: 49%;}
        .va_con .bx-controls{top:59%;left:50%; margin-left: -64px;}
    } 
    @media screen and (min-width:451px) and (max-width:460px){
        .yuhak_con .bx-controls{top: 49%;}
        .va_con .bx-controls{top:58%;left:50%; margin-left: -64px;}
    } 

    @media screen and (min-width:441px) and (max-width:450px){
        .yuhak_con .bx-controls{top: 49%;}
        .va_con .bx-controls{top:58%;left:50%; margin-left: -64px;}
    } 

    @media screen and (min-width:431px) and (max-width:440px){
        .yuhak_con .bx-controls{top: 49%;}
        .va_con .bx-controls{top:57%;left:50%; margin-left: -64px;}
    }    
    @media screen and (min-width:421px) and (max-width:430px){
        .yuhak_con .bx-controls{top: 49%;}
        .va_con .bx-controls{top:56%;left:50%; margin-left: -64px;}
    } 

    @media screen and (min-width:411px) and (max-width:420px){
        .yuhak_con .bx-controls{top: 49%;}
        .va_con .bx-controls{top:55%;left:50%; margin-left: -64px;}
    }    

    @media screen and (min-width:401px) and (max-width:410px){
    .yuhak_con .bx-controls{top: 49%;}
    .va_con .bx-controls{top:55%;left:50%; margin-left: -64px;}
    }    

    @media screen and (min-width:391px) and (max-width:400px){
    .yuhak_con .bx-controls{top: 49%;}
    .va_con .bx-controls{top:55%;left:50%; margin-left: -64px;}
    }

    @media screen and (min-width:381px) and (max-width:390px){
    .yuhak_con .bx-controls{top: 49%;}
    .va_con .bx-controls{top:54%;left:50%; margin-left: -64px;}
    }
    
    @media screen and (min-width:367px) and (max-width:380px){
    .yuhak_con .bx-controls{top: 48%;}
    .va_con .bx-controls{top:54%;left:50%; margin-left: -64px;}    
    }

@media screen and (min-width:361px) and (max-width:480px){
    .island_con .title_area .student_level .level{padding: 4px 8px; font-size: 13px;}
    .title_a{font-size: 15px;}
    .title_b{font-size: 34px;}
    .island_con .con_area{margin-top: 15px;}
    .island_con .title_area p{font-size: 13px;}
    .txt_underline{font-size: 13px !important;}
    .con_area .text_con .lst_con{font-size: 13px;padding: 10px 0;}
    .con_area .text_con .lst_con>li{line-height: 24px;}
    .lst_va .lst_con{font-size: 13px;}
    .lst_va .lst_con h5{font-size: 13px;}
    .lst_va .lst_con p{font-size: 13px;}
    .con_area .text_con .btn_langcon_m{margin: 15px auto 3px auto;}
    .con_area .bx-wrapper{margin: 0 auto 15px auto;}
    .con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{bottom:5px;margin-left: 30px;}
    .con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .down_area{padding: 10px 20px;}
    .down_area h4{border-right: none; float: none; text-align: left; margin-top: 0; line-height: 35px; height: 35px;}
    .download_way .lst_way{padding-left: 0; width: 100%; padding-top: 0;}
    .download_way .lst_way>li{font-size: 13px;}
	.download_go .lst_download>li{margin: 0 10px;}

    /*아보카도*/
    .va_logo{width: 50%; margin-top: 20px;}
    .avocado_text_con .avcado_skill li .skill_m_img{width: 70px; margin-left: 4%;}
    .avocado_text_con .avcado_skill li .skill_m{width: 67%; font-size: 13px; padding-left: 23px; height: 60px;}
    .avocado_text_con .avcado_form li{font-size: 13px;}
    .con3 ul li{width: 100%; float:none;}

    .va_img{margin: 0 auto 15% auto;}
    .lst_va .lst_con>li{line-height: 30px;}
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .avcado_form li{margin-bottom: 5px;font-size: 11px;padding: 3px 8px;margin-left: 5px;}

    /*유형학습 3600*/
    .yuhak_con .title_area .student_level .level{padding: 4px 8px; font-size: 13px;}
    .yuhak_logo2{width: 42%;}
    .yuhak_logo3{width: 70%;}
    .title_area p {margin-top: 2%; font-size: 15px;}
    .point_yellow {margin-top: 1%; display: block;}
    .lst_yuhak .lst_con{width:90%; margin: 0 auto;}
    .lst_yuhak .lst_con .img_area{width:100%;}
    .lst_yuhak .lst_con h5{font-size:14px;}
    .free{margin-top: 10px; font-size: 13px !important;}
    .yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{margin-left: 30px;}
    .yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .yuhak_con .img_detail{display: none !important;} 

    .island_con .title_area p span{font-size: 16px;}

    .footer {display: block;}
	}

@media screen and (min-width:356px) and (max-width:366px){
    .yuhak_con .bx-controls{top: 48%;}
    .va_con .bx-controls{top:53%;left:50%; margin-left: -64px;}
}
    
@media screen and (min-width:321px) and (max-width:360px){
    .island_con .title_area .student_level .level{padding: 4px 8px; font-size: 13px;}
    .title_a{font-size: 14px;}
    .title_b{font-size: 32px;}
    .island_con .con_area{margin-top: 15px;}
    .island_con .title_area p{font-size: 13px;}
    .txt_underline{font-size: 13px !important;}
    .con_area .text_con .lst_con{font-size: 12px;padding: 10px 0;}
    .con_area .text_con .lst_con>li{line-height: 26px;}
    .lst_va .lst_con{font-size: 12px;}
    .lst_va .lst_con h5{font-size: 12px;}
    .lst_va .lst_con p{font-size: 12px;}
    .con_area .text_con .btn_langcon_m{margin: 15px auto 3px auto;}
    .con_area .bx-wrapper{margin: 0 auto 15px auto;}
    .con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{bottom:5px;margin-left: 30px;}
    .con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .down_area{padding: 10px 20px;}
    .down_area h4{border-right: none; float: none; text-align: left; margin-top: 0; line-height: 35px; height: 35px;}
    .download_way .lst_way{padding-left: 0; width: 100%; padding-top: 0;}
    .download_way .lst_way>li{font-size: 12px;}
	.download_go .lst_download>li{margin: 0 10px;}

    /*아보카도*/
    .va_logo{width: 50%; margin-top: 20px;}
    .avocado_text_con .avcado_skill li .skill_m_img{width: 70px;margin-left: 2%;}
    .avocado_text_con .avcado_skill li .skill_m{width: 69%; font-size: 12px; padding-left: 20px; height: 60px;}
    .avocado_text_con .avcado_form li{font-size: 12px;}
    .con3 ul li{width: 100%; float:none;}
   
    .va_img{margin: 0 auto 15% auto;}
    .lst_va .lst_con>li{line-height: 30px;}
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-controls{top:53%;left:50%; margin-left: -64px;} 
    .avcado_form li{margin-bottom: 5px;font-size: 11px;padding: 3px 7px;margin-left: 5px;}

     /*유형학습 3600*/
     .yuhak_con .title_area .student_level .level{padding: 4px 8px; font-size: 13px;}
     .yuhak_logo2{width: 42%;}
     .yuhak_logo3{width: 70%;}
     .title_area p {margin-top: 2%; font-size: 15px;}
     .point_yellow {margin-top: 1%; display: block;}
     .lst_yuhak .lst_con{width:90%; margin: 0 auto;}
     .lst_yuhak .lst_con .img_area{width:100%;}
     .lst_yuhak .lst_con h5{font-size:14px;}
     .free{margin-top: 10px; font-size: 13px !important;}
     .yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{margin-left: 30px;}
     .yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
     .yuhak_con .img_detail{display: none !important;} 

     .island_con .title_area p span{font-size: 16px;}

     .footer {display: block;}
}

@media screen and (min-width:341px) and (max-width:355px){
    .yuhak_con .bx-controls{top: 46%;}
    .va_con .bx-controls{top:52%;left:50%; margin-left: -64px;}   
}
@media screen and (min-width:331px) and (max-width:340px){
    .yuhak_con .bx-controls{top: 46%;}
    .va_con .bx-controls{top:50%;left:50%; margin-left: -64px;}
}

@media screen and (min-width:321px) and (max-width:330px){
    .yuhak_con .bx-controls{top: 46%;}
    .va_con .bx-controls{top:48%;left:50%; margin-left: -64px;}
}

@media screen and (max-width:320px) {
    .island_con .title_area .student_level .level{padding: 4px 8px; font-size: 13px;}
    .title_area p{width: 95%;}
    .title_a{font-size: 14px;}
    .title_b{font-size: 30px;}
    .island_con .con_area{margin-top: 15px;}
    .island_con .title_area p{font-size: 11px;}
    .txt_underline{font-size: 11px !important;}
    .con_area .text_con .lst_con{font-size: 11px;padding: 10px 0;}
    .con_area .text_con .lst_con>li{line-height: 26px;}
    .lst_va .lst_con{font-size: 11px;}
    .lst_va .lst_con h5{font-size: 11px;}
    .lst_va .lst_con p{font-size: 11px;}
    .lst_yuhak .lst_con .img_area{width:100%;}
    .free{margin-top: 10px; font-size: 11px !important;}
    .free br{display: block;}
    .con_area .text_con .btn_langcon_m{margin: 15px auto 3px auto;}
    .con_area .bx-wrapper{margin: 0 auto 15px auto;}
    .con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{bottom:5px;margin-left: 30px;}
    .con_area .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .down_area{padding: 10px 20px;}
    .down_area h4{border-right: none; float: none; text-align: left; margin-top: 0; line-height: 35px; height: 35px;}
    .download_way .lst_way{padding-left: 0; width: 100%; padding-top: 0;}
    .download_way .lst_way>li{font-size: 11px;}
	.download_go .lst_download>li{margin: 0 10px;}

    /*아보카도*/
    .va_logo{width: 50%; margin-top: 20px;}
    .avocado_text_con .avcado_skill li .skill_m_img{width: 70px; margin-left: 0%;}
    .avocado_text_con .avcado_skill li .skill_m{width: 72%; font-size: 12px; padding-left: 20px; height: 60px;}
    .avocado_text_con .avcado_form li{font-size: 12px;}
    .con3 ul li{width: 100%; float:none;}
    .va_img{margin: 0 auto 15% auto;}
    .lst_va .lst_con>li{line-height: 20px;}
    .va_con .bx-controls{top:53%;left:50%; margin-left: -64px; display: none;}
    .va_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .va_con .bx-wrapper .bx-viewport{padding-bottom:20px;}
    .avcado_form li{margin-bottom: 5px;font-size: 11px;padding: 3px 5px;margin-left: 5px;}


    /*유형학습 3600*/
    .yuhak_con .title_area .student_level .level{padding: 4px 8px; font-size: 13px;}
    .yuhak_logo2{width: 42%;}
    .yuhak_logo3{width: 70%;}
    .title_area p {margin-top: 2%; font-size: 15px;}
    .point_yellow {margin-top: 1%; display: block;}
    .lst_yuhak .lst_con{width:90%; margin: 0 auto;}
    .lst_yuhak .lst_con .img_area{width:100%;}
    .lst_yuhak .lst_con h5{font-size:14px;}
    .free{margin-top: 10px; font-size: 11px !important;}
    .yuhak_con .bx-controls{top: 46%;}
    .yuhak_con .bx-wrapper {margin: 0 auto 15px auto;}
    .yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{margin-left: 30px;}
    .yuhak_con .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto{display: none;}
    .yuhak_con .img_detail{display: none !important;} 

    .island_con .title_area p span{font-size: 16px;}

    /* footer */
    .adress p {text-align:center; color:#9296a0; font-size:9px;} 
    .footer {display: block;}
    
}