@charset "utf-8";

.full{width:100%;}
.left{width:50%; float:left;}
.right{width:50%; float:right;}
.pc_br, .br_2{display:block;}

.center{text-align:center;}
.last{padding-bottom:130px;}

/*필즈더클래식의 의미*/
.sub_head{margin-top:90px;}
.sub_head .container{}
.sub_head .container .board_top_line{width:100%; height:4px; background:url("../img/sub/line_sub.png") no-repeat center; background-size:cover;}

.sub_head h3{font-size:20px; padding:18px 0;}
.sub_info{font-size:14px; color:#666; font-weight:400; float:right;}
.info_text{margin:0 5px;}
.info_text:last-child{margin-right:0;}


.full h3{font-size:35px; font-weight:400; line-height:1.2; padding-left:150px; margin:60px 0 30px 0; background:url("../img/sub/trophy.png") no-repeat 50px 50%;}
.full h3 span.bold{font-weight:800; display:block;}

.full-background{height:280px; background:#fffae6; padding-top:30px;}
.text-area{padding:0 50px; font-size:16px; color:#666;}
.text-area p{margin-bottom:20px;}
.img-area{text-align:center; margin-top:-110px;}

.center h3{font-size:35px; font-weight:400; padding:60px 0;}
.center h3 .bold{font-weight:800;}

.full-background.gray{background:#ececec; height:330px;}

.section2 h3{background:url("../img/sub/badge.png") no-repeat 50px 50%;}
.section2 .img-area{margin-top:-100px;}
.large{font-size:22px; color:#222222;}

#image-map area:focus, .slick-btns button, .background-section .left .tabbtn ul li a, #image-map area:focus, .slick-btns button, .background-section .left .tabbtn ul li{outline:none;}


/*대표이사 인사말*/

.full h3.padding-none{background:none; padding:0; line-height:1.5; margin-top:100px;}
.full .padding-none{padding:0;}
.text-field{font-size:16px; color:#666;}
.text-field p{margin-bottom:45px; line-height:1.8; letter-spacing:-0.8px;}

.relative_container{position:relative;}
.design_line{width:60%; height:8px; background:#feca0a;}
.img_absolute{position:absolute; top:-135px; right:0;}
.img-right{display:none;}

.margin_area{margin-top:50px;}
.margin_area .text-field{padding-top:100px;}
.yellow_line{font-size:20px; color:#222; font-weight:800; position:relative; padding:0 5px;}
.yellow_line:after{content:""; width:100%; height:50%; background:#fcff00; position:absolute; top:60%; left:0; z-index:-1;}

.signiture{width:65%;}
.signiture p{color:#222; font-weight:700;}

.background-section{padding:80px 0; background:url("../img/sub/section_bg.png") no-repeat center; background-size:cover;}
.background-section h4{font-size:25px; color:#feca0a; padding-bottom:20px; border-bottom:3px solid #fece0a;}
.background-section .left, .background-section .right{width:calc(50% - 15px);}
.background-section .right{margin-left:30px;}
.background-section .left .tabbtn{padding:35px 0 30px 0;}
.background-section .left .tabbtn ul{}
.background-section .left .tabbtn ul li{float:left; padding-bottom:20px; border-bottom:3px solid #fff; opacity:0.5; text-align:center; width:calc(20% - 14px); margin:0 7px;}
.background-section .left .tabbtn ul li a{color:#feca0a; font-size:17px; font-weight:700;}
.background-section .left .tabbtn ul li:hover{opacity:1; border-bottom:3px solid #fff;}
.background-section .left .tabbtn ul li.active{opacity:1; border-bottom:3px solid #FFF;}

.tabcont{padding:0 15px;}
.tabcont_inner{background:rgba(0,0,0,0.5); border-radius:10px; padding:15px;}
.tabcont_txt li{font-size:17px; color:#fff; line-height:2.5;}
.tabcont_txt li span{margin-right:10px;}
.tabcont_inner>li{display:none;}
.tabcont_inner>li.on{display:block;}

.right .tabcont_txt{padding:40px 0;}

.tabbtn .slick-prev, .tabbtn .slick-next{z-index:5; transform:translate(0, -70%);}
.tabbtn .slick-prev{left:0; background:url("../img/sub/slick-left.png") no-repeat center ! important;}
.tabbtn .slick-next{right:0; background:url("../img/sub/slick-right.png") no-repeat center ! important;}

.tabbtn .slick-prev:before, .slick-next:before{font-size:0; width:10px; height:10px;}

.left.img_area{width:calc(50% - 30px);}
.left.img_area img{width:100%;}

/*오시는 길*/
.map_frame h3{font-size:20px; color:#222; text-align:center; background:url("../img/sub/h3_back_new.png") no-repeat center; background-size:cover; margin:80px 0 40px 0;}
.map{width:100%; height:500px; background:#333; border-radius:40px;}

.info_container{padding:50px 80px 100px 80px; text-align:center;}
.info_container .cell{width:calc(33.33% - 40px); background:#fafafa; float:left; padding:30px; border-radius:20px; margin-left:60px; text-align:center; min-height:185px;}
.info_container .cell:nth-child(1){margin:0;}
.info_container .cell h4{font-size:18px; color:#222; padding-bottom:20px; border-bottom:1px solid #dddddd;}
.info_container .cell h4 span{margin-right:10px; vertical-align:top;}
.info_container .cell p{font-size:18px; color:#666; padding:20px 0 0 0;}

.overlaybox{background:#0475f4; width:400px; height:50px; border-radius:25px; position:relative; box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
.overlaybox .boxtitle{background-image:url("../img/sub/marker-img.png"); background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; float:left; width:40px;  height:40px; border-radius:50%; margin:5px 0 5px 5px;}
.overlaybox p{width:350px; font-size:17px; font-weight:700; color:#fff; float:left;text-align:center; line-height:50px;}

.overlaybox:after{content:""; width:7px; height:7px; background:url("../img/sub/marker-after.png") no-repeat center; position:absolute; top:100%; left:50%; transform:translate(-50%, 0);}

/*심화사고력수학*/
.thinking h3{font-size:35px; padding:50px 0;}
.thinking h3 .yellow_line{font-size:35px;}

.button_title{font-size:22px; color:#fcc80b; background:#474644; padding:15px 30px; width:375px; border-radius:20px;}
.button_title h4{ font-weight:700;}
.button_title h4 span{margin-right:10px;}

.container_in{margin-left:50px; width:calc(100% - 50px); padding-left:50px; position:relative;}
.section01 .container_in:after{content:""; width:2px; height:131%; background:#fcc80b; position:absolute; top:0; left:0;}
.container_in h3{margin:0; background:none; padding:50px 0; font-size:32px; color:#474644; line-height:1.5;}

.background-frame{height:260px;  float:right; position:relative; z-index:-1;  margin-top:-190px; width:85%;}
.background-frame .background-inner{ background:#f8f8f8; height:100%;  border-radius:0 0 0 40px;}

.textsection{padding:25px 0;}
.right.textsection{padding:25px;}
.textsection p{font-size:16px; color:#222222; margin:25px 0; line-height:1.7; padding-left:20px; background:url("../img/sub/list-item.png") no-repeat; background-position:0% 20%;}
.textsection p:nth-child(2){background-position:0% 50%;}
.textsection h5{font-size:30px; color:#474644;}
.textsection h5 span{margin-right:10px; vertical-align:top;}

.section02{margin-top:100px; position:relative;}
.section02:before{content:""; width:75%; height:2px; background:#fcc80b; position:absolute; top:30px; right:0; z-index:-1;}
.section02 .button_title{width:395px;}
.section02 .container_in{padding-left:0;}
.section02 .right.imgsection{text-align:center;}
.section02 .left.textsection{position:relative;}
.section02 .left.textsection:before{content:""; width:2px; height:160%; position:absolute; top:-35px; right:75px; background:#fcc80b;}
.section02 .left.textsection:after{content:""; width:20px; height:20px; border-radius:50%; position:absolute; top:-45px; right:65px; background:#fcc80b;}

.left.imgsection{width:calc(49.7% - 30px);}
.left.imgsection img{width:100%;margin-left:29px}

.section02 .background-frame{float:left;}
.section02 .background-frame .background-inner{border-radius:0 0 40px 0;}

.section03{margin-top:100px;  margin-bottom:130px;}
.section03 .button_title{width:590px;}
.section03 .left.imgsection{padding:60px 0;}
.section03 .right.textsection p{margin:20px 0; background-position:0% 20%;}
.section03 .right.textsection p:nth-child(2), .section03 .right.textsection p:nth-child(3){background-position:0% 50%;}
.section03 .right.textsection p:nth-child(5){background-position:0% 10%;}
.section03 .background-frame{margin-top:-310px; height:305px}


/*목표*/
.center.sect01 h3{padding:60px 0; font-size:30px;}
.minimum-size{font-size:17px; color:#666; display:block;}

.sect01.title_background{background:#f4f4f4; border-radius:15px; margin:50px auto;}
.sect01.title_background h3{font-size:25px; padding:30px 0;}

.full.sect02{margin-top:100px; padding:25px 0; background:#f8f8f8;}
.sect02 h3{text-align:center; padding:0; background:none; line-height:1.5; margin:20px 0 30px 0;}

.sect03{padding:50px 0;}
.sect03>div{width:calc(50% - 100px); margin:0 50px; min-height:345px; display:table; text-align:center;}
.sect03 .scarlet{background:url("../img/sub/caution1.png") no-repeat center; background-size:contain;}
.sect03 .red{background:url("../img/sub/caution2.png") no-repeat center; background-size:contain;}

.ban_inner{display:table-cell; vertical-align:middle;}
.ban_inner h4{font-size:25px; padding:80px 0 5px 0; width:240px; margin:0 auto; line-height:1;}
.ban_inner h4 span{margin-right:10px;}
.ban_inner p{font-size:18px; color:#222; font-weight:700; padding-top:25px;}
.scarlet .ban_inner h4{color:#ff8a00; border-bottom:1px solid #ff8a00;}
.red .ban_inner h4{color:#e81b2f; border-bottom:1px solid #e81b2f;}

.sect04{background:#f8f8f8; padding:70px 0;}
.sect04 p{font-size:18px; color:#222222; line-height:2;}
.sect04 p span{margin-right:10px; vertical-align:super;}

.container>img{width:100%;}
.img_area>img{width:100%;}

/*선택과집중*/
.sect_1 .button_title{width:650px;}
.sect_3 .button_title{width:345px;}

.sect_2 h4{font-size:23px; margin:50px 0 30px 0;}

.sect_3{padding:100px 0;}
.sect_3 .button_title{margin-bottom:50px;}
.sect_3 .background-area{background:#f8f8f8; border-radius:25px; padding:65px 30px;}
.sect_3 .yellow_box{background:#ffd949; text-align:center; padding:30px; border-radius:25px;width: 85%; margin: 0 auto;}
.sect_3 .yellow_box h3{font-size:25px;}
.sect_3 .right p{font-size:20px; color:#474644; font-weight:700; padding:40px 80px 0 80px; background:url("../img/sub/background-light.png") no-repeat 8% 50%;}

.imgarea img{width:100%;}

/*무엇이 다른가*/
.container h3 .larger{font-size:40px;}
.small_title{margin-top:-30px; padding-bottom:60px;}

.width-cell{padding:40px; background:#f7f7f7; border-radius:40px; margin-bottom:50px;}
.width-cell h3{font-size:25px; color:#222; font-weight:800;}
.width-cell .lined{border-bottom:3px solid #222; padding-bottom:5px; margin-left:30px;}
.width-cell p{font-size:18px; margin-top:40px; color:#666; padding-left:55px;}

/*프로그램*/
.table_thead{width:100%; background:#f9f9f9; border-radius:10px; margin-bottom:20px; padding:20px 0;}
.division{width:22.5%; float:left; text-align:center;}
.divison_content{width:77.5%; float:left;}
.divison_content ul li{width:calc(100%/7 - 1px); text-align:center; float:left;}
.table_thead p{font-size:20px; color:#222; font-weight:500;}

.division>div{width:50%; border-right:1px solid #fff; float:left;}
.green1{background:#a7be38;}
.yellow{background:#ffcb08;}
.green2{background:#3aa300;}

.table_body{margin-bottom:20px; border-radius:10px; overflow:hidden;}
.body_division{height:287px;}
.body_division>div{height:100%;}
.body_division>div p{font-size:17px; color:#222; font-weight:500; padding:135px 0;}
.divison_content img{width:100%;}

.body_divison2{height:430px;}
.body_divison2>div{height:100%;}
.body_divison2>div p{padding:160px 0; font-size:17px; color:#222; font-weight:500;}

.gray_back{background:#f0f0f0; padding:60px 0;}

.div_list p{font-size:19px; color:#222; font-weight:500;}
.div_list>p{padding-left:40px;  background:url("../img/sub/light.png") no-repeat 0% 0%; background-size:contain;}
.list_sect>p{padding-left:80px; margin:10px; background-position:5% 50% ! important;}

/*학습로드맵*/
.lightsct>h3{font-size:20px; padding-left:40px; background:url("../img/sub/light.png") no-repeat 0% 0%; background-size:contain; margin-bottom:30px;}
.header_wrap{width:100%; overflow-x:auto;}
.table_header{background:#f4f2db; text-align:center; font-weight:500; border-radius:10px; margin-bottom:5px; min-width:1080px;}
.table_header .divide10{width:10.8%; float:left; border-right:1px solid #fff;  padding:20px 0;}
.table_header .divide90{width:89.2%; float:left;}
.table_header p{font-size:14px; color:#222;}
.table_header .divide90 ul li{width:20%; border-right:1px solid #fff; float:left;  padding:20px 0;}
.table_header .divide90 ul li:last-child{border:none;}

.tableline{border-bottom:1px solid #fff; text-align:center;}
.tableline p{font-size:20px; font-weight:500; color:#fff;}
.tableline .divide10{width:10.8%; float:left; border-right:1px solid #fff;  padding:25px; background:#878787;}
.tableline .divide90{width:89.2%; float:left; }
.tableline .divide90>div{padding:25px 0; border-right:1px solid #fff;}
.left_35{width:35%; float:left; background:#ababab;}
.right_65{width:65%; float:left; background:#ababab;}


.lightsct.last{margin-top:85px;}

.table_header .divide90 .line1{font-size:14px; border-bottom:1px solid #fff;}
.table_header .divide90 .line2{font-size:14px;}
.table_header .divide90 .line1>div{float:left; padding:15px 0;}
.table_header .divide90 .line1 .line1-first{width:25%}
.table_header .divide90 .line1 .line1-second{width:40%}
.table_header .divide90 .line1 .line1-third{width:35%}

.table_header .divide90 .line2 ul li{width:calc(100%/28); float:left;  padding:15px 0;}
.table_header .divide10.second{padding:40px 0;}

.body_table table{width:100%; border-collapse:collapse; min-width:1080px;}
.body_table table tr td, .body_table table tr th{font-size:14px; text-align:center; padding:20px 0; border:1px solid #fff;}
.body_table table thead th{color:#fff; background:#b9b9b9;}
.body_table table thead th:nth-child(1){background:#878787;}
.body_table table tbody tr th{background:#878787}
.body_table table tr td{ background:#b9b9b9;}
.body_table table tr th:nth-child(1){width:10.8%;}
.minitable span{width:25%; height:100%; display:block; float:left;}

.half_th{width:5.4% ! important;}
.td5{width:5%;}
.td7{width:7%;}

.body_table table tr td.yellowcell{background:#ffcb08;}
.body_table table tr td.graycell{background:#ececec ! important;}


/*교재 구성*/
.square_header ul li, .gray_header ul li{width:25%; float:left; text-align:center; border-right:1px solid #fff;}
.square_header ul li:last-child, .gray_header ul li:last-child{border:none;}
.gray_header{border-radius:10px; overflow:hidden; margin-bottom:20px;}
.gray_header ul li{font-size:18px; background:#9a9a9a; padding:20px 0; color:#fff; font-weight:500;}
.square_header ul li{font-size:18px; padding:20px 0; color:#fff; font-weight:500;}

.square_header{ margin-bottom:10px;}
.square_header:after{content:""; display:block; clear:both;}
.square_header.violet{background:#ad027d;}
.square_header.green{background:#779c2d;}
.square_header.blue{background:#0092b5;}
.square_header.navy{background:#3d467b;}

.square_header.orange{background:#ff9900;}
.square_header.blue2{background:#317b98;}


p.blue{font-size:17px; color:#2082d4;}

.gray-back{background:#f7f7f7; padding:60px 0;}
.list_one{margin-bottom:75px;}
.list_one h4{font-size:25px; color:#222; padding-bottom:15px; border-bottom:3px solid #999999; margin-bottom:30px;}
.list_one h4 span{margin-right:10px;}
.list_one p{font-size:16px; color:#222; padding-left:30px; background:url("../img/sub/list-item.png") no-repeat 0% 50%;}
.list_one ul li{width:calc(25% - 100px); text-align:center; float:left; margin:0 50px;}
.list_one ul li h5{font-size:21px; padding:25px 0;}
.list_one ul li p{padding:0; background:none; color:#666; text-align:left;}

.list_one p span{font-size:20px; font-weight:700;}

/*더클래식 교육과정*/
.curriculum_head{margin-bottom:10px;}
.curriculum_head ul li{width:calc(25% - 5px); float:left; text-align:center; font-size:18px;  padding:20px 0; color:#fff; font-weight:500; margin-right:5px;}
.curriculum_head ul li:nth-child(1){border-radius:10px; background:#ff9900;}
.curriculum_head ul li:nth-child(2){border-radius:10px; background:#779c2d;}
.curriculum_head ul li:nth-child(3){border-radius:10px; background:#317b98;}
.curriculum_head ul li:nth-child(4){border-radius:10px; background:#3d467b; margin-right:0;}

.curriculum_head.mobile_head{display:none;}
.curriculum_head.mobile_head ul li{width:100%;}
.curriculum_head.mobile_head ul.violet li{background:#ad027d;}
.curriculum_head.mobile_head ul.green li{background:#779c2d;}
.curriculum_head.mobile_head ul.blue li{background:#0092b5;}
.curriculum_head.mobile_head ul.navy li{background:#3d467b;}

.curriculum_head.mobile_head ul.orange li{background:#ff9900;}
.curriculum_head.mobile_head ul.blue2 li{background:#317b98;}


.body_cell{width:calc(25% - 5px); float:left; margin-right:5px;}
.body_cell li{font-weight:700; text-align:center; border-bottom:1px solid #fff;}
.body_cell li:after{content:""; display:block; clear:both;}

.body_cell li .number{width:calc(33.33% - 5px); margin-right:5px; float:left; background:#f1f1f1;}
.body_cell li .content{width:66.66%; float:left; background:#d9d9e0;}

.body_cell li:nth-child(1) .number, .body_cell li:nth-child(1) .content{border-radius:10px 10px 0 0;} 
.body_cell li:nth-child(8) .number, .body_cell li:nth-child(8) .content{border-radius:0 0 10px 10px;} 
.body_cell li>div{display:table; height:100px;}
.body_cell li>div>p{font-size:17px; color:#222; display:table-cell;  vertical-align:middle;}

/* N30 */
.body_cell2{width:calc(25% - 5px); float:left; margin-right:5px;}
.body_cell2 li{font-weight:700; text-align:center; border-bottom:1px solid #fff;}
.body_cell2 li:after{content:""; display:block; clear:both;}

.body_cell2 li .number{width:calc(33.33% - 5px); margin-right:5px; float:left; background:#f1f1f1;}
.body_cell2 li .content{width:66.66%; float:left; background:#d9d9e0;}

.body_cell2 li:nth-child(1) .number, .body_cell2 li:nth-child(1) .content{border-radius:10px 10px 0 0;} 
.body_cell2 li:nth-child(10) .number, .body_cell2 li:nth-child(10) .content{border-radius:0 0 10px 10px;} 
.body_cell2 li>div{display:table; height:100px;}
.body_cell2 li>div>p{font-size:17px; color:#222; display:table-cell;  vertical-align:middle;}




ul.framed{padding-top:30px;}
ul.framed li{background:#fff; border:3px solid #feca0a; border-radius:60px; width:calc(50% - 30px); margin:0 15px; padding:20px; min-height:240px; display:table; margin-bottom:15px;}
ul.framed li .cell_div{display:table-cell; vertical-align:middle;}
ul.framed li h5{padding:10px 0;}
ul.framed li p{padding-left:50px; background:url("../img/sub/list-item.png") no-repeat; background-position:30px 10px;}

/*가맹안내*/
.tablesection{padding:50px 0;}
.img-left{width:40%; float:left; }
.img-left img{width:100%;}
.table-right{width:calc(60% - 30px); margin-left:30px; float:left; border-radius:10px; overflow:hidden;}

.table-right table{width:100%; text-align:center; border-collapse:collapse;}
.table-right table thead th{font-size:15px; color:#222; padding:15px 0; background:#eeeeee; }
.table-right table tbody td{font-size:15px; color:#666; padding:15px 0; background:#fafafa; border:1px solid #eee;}
.table-right table tbody td:nth-child(1){border-left:none;}
.table-right table tbody td:last-child{border-right:none;}
.table-right table tbody tr:last-child td{border-bottom:none;}

.mapsection{height:500px; border-radius:20px;}
.sectionline{margin-bottom:30px;}
.sectionline h3{font-size:17px; text-align:center; background:url("../img/sub/h3_back.png") no-repeat center; background-size:cover;}
.list-icon-section{padding:30px 0 50px 0;}
.list_center{width:60%; margin:0 auto;}
.list_center ul li{width:calc(33.33% - 75px); margin:0 50px; float:left; text-align:center;}
.list_center ul li img{width:100%;}
.list_center ul li:nth-child(1){margin-left:0;}
.list_center ul li:nth-child(3){margin-right:0;}
.list_center ul li h5{font-size:18px; font-weight:500; color:#222; margin:10px 0;}
.list_center ul li p{font-size:16px; color:#666; font-weight:500;}

.view_button{padding:5px 10px; background:#474644; text-align:center; color:#fff; font-weight:500; border-radius:10px;}
.form_inner{margin-left:50px;}
.form_inner.gray{background:#f9f9f9; padding:30px; border-radius:10px;}
.form {margin:40px auto;}
.form h2{font-size:25px; font-weight:800; background:url("../img/sub/h2_background.png") no-repeat top left; padding:0 0 30px 50px;}
.form_inner p{font-size:16px; line-height:1.8;}

.indent{color:#666; text-indent:25px; line-height:1.5;}
.form_inner h3{font-size:18px; color:#222222; margin-bottom:10px;}
.form_inner p.margin-top{margin-top:30px;}

p.half{width:calc(50% - 20px); float:left; margin-right:20px;}
p.half:nth-child(2){margin-right:0;}

.form_inner label{font-size:17px; width:15%; display:inline-block;}
.form_inner.gray p{margin-bottom:30px;}
.form_inner select{border:none; padding:15px; width:80%; border-radius:10px; background:#fff;}
.form_inner input[type=text], .form_inner input[type=email], .form_inner textarea{border:none; padding:15px; width:80%; border-radius:10px;}

p.one label{width:7%; vertical-align:top;}
p.one textarea{width:88%; height:190px;}

.form_inner.gray.margin-none p{margin-bottom:0;}
.form_inner.agree label{display:inline; margin-left:8px; font-weight:500; color:#666;}

.form_inner input[type=submit]{width:60%; text-align:center; color:#fff; background:#3b3b3b; padding:20px 0; border-radius:5px; font-size:15px; border:none; margin:0 auto; margin-top:50px; display:block; font-family:'Pretendard Variable','Pretendard','Apple SD Gothic Neo','Malgun Gothic',dotum,sans-serif;}

.all_branch{display:block; width:130px; float:right; background:#feca0a; color:#3b3b3b; font-size:15px; color:#666; padding:5px 20px; margin-bottom:15px;}
.view_all_of{font-size:15px; margin-top:30px;}

.table_cont{border-radius:10px; overflow:hidden;}

/*개인정보처리방침*/
.privacy_inner{padding:20px 0; border-bottom:1px solid #f1f1f1;}
.privacy_inner p{font-size:16px; color:#222; letter-spacing:0px; margin-bottom:10px; font-weight:400;}
.privacy_inner h4{font-size:18px; margin:10px 0; font-weight:800; color:#222; letter-spacing:0px}
.privacy_inner h5{font-size:16px; margin:10px 0; font-weight:500; color:#222; letter-spacing:0px}
.privacy_inner .text_in{padding-left:20px; margin:30px 0;}
.privacy_inner .text_in p{margin-bottom:5px; color:#999; line-height:1.5; font-weight:500;}
.privacy_inner:nth-child(1){padding-top:0;}
.privacy_inner:last-child{border:none;}


/*미디어쿼리*/
@media (max-width:1200px){
	.img_absolute{display:none;}
	.img-right{display:block; text-align:center;}

	.section02:before{width:100%; z-index:-1;}

	.section01 .textsection, .section01 .left.imgsection, .section03 .textsection, .section03 .left.imgsection{float:none; width:100%; padding:0;}
	.section01 .textsection, .section03 .textsection{margin-top:45px; background:#f8f8f8; padding:25px;}
	.section01 .left.imgsection img, .section03 .left.imgsection img{width:100%;}
	.section03 .left.imgsection{margin-top:30px;}
	.section01 .textsection .pc_br, .section03 .textsection .pc_br{display:inline;}

	.background-frame{display:none;}
	.container_in{margin-left:0;  padding-left:0; width:100%;}
	.section01 .container_in:after{display:none;}
	.section02:before{display:none;}
	.section02 .left.textsection:after, .section02 .left.textsection:before{display:none;}

	.textsection p{margin:20px 0;}
	.background-frame{height:200px;}

	.top_div>.container{padding:0;}

	.container>img{width:100%;}

	.img_area>img{width:100%;}

	.imgarea img{width:100%;}
	.imgsection img{width:100%;}

	.sect_3 .background-area{padding:65px 60px;}
	.sect_3 .background-area .right{width:calc(50% - 25px);}

	.division, .divison_content{width:100%; float:none;}
	.body_divison2{height:96px;}
	.body_division, .body_divison2>div{height:96px;}
	.body_division>div p, .body_divison2>div p{padding:20px 0;}

	.table_thead{padding:0;}
	.table_thead p{padding:20px 0;}

	ul.framed li{height:240px; width:calc(50% - 30px); margin:20px;}
	ul.framed li:nth-child(1), ul.framed li:nth-child(3){margin-left:0;}

	.tablesection{padding:60px 15px;}
	.mapsection{padding:0; width:100%;}

	.table-right{width:100%; float:none; margin-top:40px; margin-left:0;}
	.img-left{float:none; margin:0 auto;}
	.img-left img{width:100%;}

	.sect01.title_background{width:calc(100% - 20px); margin:50px 10px;}
	
}


@media (max-width:980px){
	.pc_br{display:inline;}
	.left{float:none; width:100%;}
	.right{float:none; width:100%;}
	.br_2{display:inline;}
	.full-background{height:auto ! important; padding:30px 0;}
	.img-area{margin:0;}
	.text-area p{margin-bottom:20px;}

	.img-right{padding-bottom:30px;}
	.margin_area{margin-top:30px;}
	.margin_area .text-field{padding-top:50px;}
	.text-field p{margin-bottom:25px;}

	.full h3.padding-none{margin-top:50px;}
	.last{padding-bottom:80px;}
	.background-section .left, .background-section .right{width:100%;}
	.background-section .right{margin-left:0; margin-top:30px;}

	.info_container{padding:30px 50px 80px 50px;}

	.info_container .cell{width:100%; float:none; margin:0; margin-bottom:30px;}
	.info_container .cell:nth-child(1){margin-bottom:30px;}

	.thinking h3, .thinking h3 .yellow_line{font-size:35px;}

	.signiture{width:100%;}
	.signiture .right{text-align:center;}

	

	

	.button_title{padding:15px 30px; width:100%;}
	.button_title h4{ font-size:20px;}
	.section03 .button_title, .section02 .button_title{width:100%;}

	.container_in h3{padding:25px 0; font-size:25px;}
	.textsection{padding-bottom:0;}
	.textsection h5{font-size:20px;}
	.textsection p{font-size:15px; margin:15px 0; background-position:0% 10px;}
	.textsection p:nth-child(2){background-position:0% 10px;}
	.section03 .right.textsection p:nth-child(2), .section03 .right.textsection p:nth-child(3){background-position:0% 10px;}
	.section03 .right.textsection p{background-position:0% 10px;}
	.section03 .left.imgsection{padding:30px 0;}

	.section02 .right.imgsection img{width:100%;}

	.section01 .textsection, .section03 .textsection{margin-top:30px;}

	.sect03{padding:50px 15px;}
	.sect03>div{width:100%; margin:50px 0;}
	.sect02 h3{margin:30px 0;}

	.sect_3{padding:50px 15px 50px 15px;}
	.sect_3 .button_title, .sect_1 .button_title{width:100%;}
	.sect_3 .background-area .left.imgsection{text-align:center; margin-bottom:30px;}
	.sect_3 .right p{background-position:6% 50%;}

	.sect_3 .background-area .right{width:100%;}

	.container h3 .larger{font-size:35px;}

	.width-cell{padding:40px;}
	.width-cell h3{font-size:25px;}
	.width-cell p{font-size:17px; margin-top:20px; padding-left:0;}

	.body_division, .body_divison2>div, .body_divison2{height:auto;}
	.div_list>p{font-size:18px;}

	.div_list .textsection{padding-top:0;}

	.last .left{text-align:center; margin-bottom:30px;}


	.lightsct > h3{font-size:18px;}

	.img-left{background-size:contain;}

	p.half{width:100%; float:none;}
	p.one label{width:15%;}
	p.one textarea{width:80%;}

	.left.imgsection{width:100%;}
	.left.imgsection img{margin-left:0;}

	.left.img_area{width:100%;}
	.design_line{width:100%;}
}

@media (max-width:767px){
	.sub_info{display:block; float:none; margin-top:5px;}
	.info_text:nth-child(1){margin-left:0;}

	.full h3{font-size:30px; background-size:contain; margin:45px 0 20px 0; background-position:20px 50%; padding-left:120px;}
	.center h3{font-size:30px; padding:35px 0;}
	.text-area{padding:0 20px;}
	.text-area p{font-size:15px;}

	.img-area img{width:260px;}

	.large{font-size:18px;}
	.img-right img, .img_area img{width:100%;}

	.info_container{padding:30px 10px 80px 10px;}


	.thinking h3, .thinking h3 .yellow_line{font-size:25px;}
	.container_in h3{padding:25px 0; font-size:25px; margin:0;}
	.textsection h5{font-size:20px;}
	.textsection p{font-size:15px; margin:15px 0;}
	.section03{margin-bottom:70px; margin-top:50px;}
	.section03 .left.imgsection{padding:30px 0;}

	.section02{margin-top:50px;}
	.section02 .left.textsection{padding:0;}

	.sect02 h3{padding:0; margin:30px 0;}
	.ban_inner h4, .ban_inner p{font-size:20px;}

	.sect_2 h4{margin:30px 0;}
	.sect_3 .yellow_box h3{font-size:20px;}

	.sect_3 .right p{font-size:18px;}

	.sect_3 .background-area{padding:55px 50px;}
	.sect_3 .background-area .left.imgsection img{width:100%;}

	.button_title h4{font-size:17px;}
	.sect_2 h4{font-size:18px;}

	.container h3 .larger{font-size:25px;}
	.minimum-size{font-size:15px;}

	.width-cell h3{font-size:18px;}

	.table_thead p{font-size:17px; padding:15px 0;}
	.body_division>div p, .body_divison2>div p{font-size:17px; padding:15px 0;}

	.gray_back, .gray-back{padding:60px 0;}

	.last{padding-bottom:60px;}

	.gray_back .textsection p{margin:5px 0;}
	.div_list:nth-child(2){margin-top:30px;}
	.list_sect>p{padding-left:50px;}

	.gray_header ul li{font-size:17px;}
	.square_header ul li{font-size:17px; border:none;}
	.list_one ul li{width:calc(50% - 20px); margin:10px;}

	.last .left img{width:100%;}

	.list_one{margin-bottom:45px;}
	.list_one h4{font-size:22px;}
	.list_one p{font-size:16px;}
	.list_one p span{font-size:18px;}
	.list_one ul li h5{font-size:18px; padding:15px 0;}

	.curriculum_head{display:none;}
	.curriculum_head.mobile_head{display:block;}

	.body_cell{width:calc(50% - 10px); margin:5px;}
	.body_cell li>div{height:70px;}
	
/* N30 */
	.body_cell2{width:calc(50% - 10px); margin:5px;}
	.body_cell2 li>div{height:70px;}

	ul.framed li{width:100%; margin:10px 0;}

	.background-section{padding:40px 0;}
	.margin_area .text-field{padding-top:30px;}

	.img-left{width:100%;}

	.list_center{width:100%;}
	.list_center ul li{width:100%; float:none; margin:0; margin-bottom:30px;}
	.list_center ul li img{width:auto;}

	.body_table table tr td, .body_table table tr th{font-size:12px;}

	.lightsct > h3{font-size:15px;}

	.overlaybox{background:#0475f4; width:300px; height:30px; border-radius:15px; position:relative; box-shadow:2px 2px 10px rgba(0,0,0,0.3);}
	.overlaybox .boxtitle{background-image:url("../img/sub/marker-img.png"); background-color:#fff; background-repeat:no-repeat; background-position:50% 50%; float:left; width:20px;  height:20px; border-radius:50%; margin:5px 0 5px 5px; background-size:50%;}
	.overlaybox p{font-size:13px; width:250px; font-weight:700; color:#fff; float:left;text-align:center; line-height:30px;}


	.form_inner{margin-left:0;}
	.form h2{font-size:20px; padding:0 0 20px 50px; border-bottom:2px solid #000; margin-bottom:20px;}
	.form_inner p{font-size:15px;}
	.form_inner label{font-size:15px; width:100%; float:none;}
	.form_inner input[type=text], .form_inner input[type=email], .form_inner textarea{width:100%; float:none;}
	p.one label{width:100%; float:none;}
	p.one textarea{width:100%; float:none;}
	.form_inner.gray p{margin-bottom:15px;}
	.indent{text-indent:10px;}

	.privacy_inner p{font-size:14px;}
	.privacy_inner h4, .privacy_inner h5{font-size:16px;}

	.form_inner select{width:100%;}

	.sect01.title_background{margin:30px 10px;}
}

@media (max-width:480px){
	.full h3{font-size:24px; padding-left:55px;}
	.center h3{font-size:20px; padding:25px 0;}
	.center.sect01 h3{font-size:20px;}
	.center h3 .bold{font-size:20px;}

	.background-section h4{font-size:18px;}
	.tabcont_txt li{font-size:15px;}
	.tabcont{padding:0;}
	
	.full h3 span.bold{display:inline;}
	.background-section .left .tabbtn ul li{padding-bottom:10px;}
	.background-section .left .tabbtn ul li a{font-size:15px;}

	.thinking h3{padding:40px 0;}
	.thinking h3, .thinking h3 .yellow_line{font-size:25px;}
	.thinking h3 .yellow_line:after{display:none;}
	.container_in h3{padding:20px 0; margin:0; font-size:18px;}
	.textsection{padding:10px 0;}
	.textsection h5{font-size:20px;}
	.textsection p{font-size:15px; margin:15px 0;}
	.section03 .left.imgsection{padding:0;}

	.sect02 h3{padding:0; margin:0 0 30px 0; font-size:20px;}
	.center.sect01 h3{padding:30px 0;}
	.full.sect02{margin-top:50px; padding:20px 0;}

	.minimum-size{font-size:15px;}

	.sect03>div{margin:30px 0;}
	.sect03{padding:20px 15px;}

	.sect03>div{min-height:0; margin:0;}
	.ban_inner{display:block;}
	.ban_inner h4{padding:60px 0 5px 0 font-size:18px;}
	.ban_inner p{padding-top:15px; font-size:15px; padding-bottom:40px;}

	.sect04{padding:50px 0;}
	.sect04 p{font-size:14px;}

	
	.sect_3 .background-area{padding:35px 30px;}
	.sect_3 .yellow_box h3{font-size:18px;}
	.sect_3 .right p{padding:40px 0 0 40px; background-position:0% 50%; font-size:15px;}
	.sect_3 .yellow_box{padding:20px;}

	.width-cell h3 span{display:block; text-align:center; margin-bottom:5px;}
	.width-cell .lined{margin-left:0;}
	.width-cell p{font-size:15px;}

	.table_thead p{padding:10px 0; font-size:15px;}
	.body_division>div p, .body_divison2>div p{padding:10px 0; font-size:12px;}
	.gray_back, .gray-back{padding:30px 0;}

	.gray_header ul li{font-size:15px;}
	.square_header ul li{font-size:13px;}

	.list_one ul li{margin:0; margin-bottom:20px; width:100%;}

	p.blue{font-size:15px;}
	.list_one h4{font-size:18px;}
	.list_one p{font-size:15px;}
	.list_one p span{font-size:17px;}

	.body_cell{width:100%; margin-bottom:20px;}
	.body_cell li>div{height:50px;}
	.body_cell li>div>p{font-size2020-09-17:15px;}
/* N30 */
	.body_cell2{width:100%; margin-bottom:20px;}
	.body_cell2 li>div{height:50px;}
	.body_cell2 li>div>p{font-size2020-09-17:15px;}

	.table-right table tbody td{padding:10px 0;}
	.view_button{font-size:12px; padding:2px 6px; width:100px;}
	.table-right table thead th{font-size:13px;}
	.table-right table tbody td{font-size:13px;}
	c{background-size:contain;}

	.body_table table tr td, .body_table table tr th{padding:5px 0;}

	.ban_inner h4, .ban_inner p{font-size:15px;}

	.form h2{font-size:18px;}
	
	
}

@media (max-width:325px){
	.full h3{padding-left:0; background:none;}
}