* { margin:0; padding:0; }
body, html {width: 100%; height: 100%}
ul { list-style: none; }
a { text-decoration: none;}
img { border-radius: 0; }
h1, h2, h3, h4, h5, h6, p {border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}

input[type=text], input[type=file], textarea  {
/*ios대응*/
appearance: none;
-webkit-appearance: none;
-webkit-border-radius: 0;
}


<link href="https://fonts.googleapis.com/css?family=Montserrat&display=swap" rel="stylesheet">
/*font-family: 'Montserrat', sans-serif;*/
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); 
    /* font-family:'Noto Sans KR', sans-serif; */




body {font-family:'Noto Sans KR', sans-serif;}
.container {width:100%; position:relative; height:100%;} 

/*-------hd-------*/
.hd {width:100%; height:55px; position:fixed; top:0; left:0; z-index:888; transition:0.5s; border-bottom:1px solid rgba(255,255,255,0.5)}
.hd .logo {width:45px; height:44px; margin:0 auto; display:block; background:url('./image/logo_w.png') no-repeat center; background-size:100% auto; margin-top:8px; }
.navigation {width:100%;}
.navigation .gnb_btn {width:42px; height:42px ; padding:10px; box-sizing:border-box; cursor:pointer; z-index:9999; position:fixed; right:2%; top:11px;}
.navigation .gnb_btn .line {width:100%; height:3px; background-color:#fff; margin-bottom:5px; display:block; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.navigation .gnb_active .line:nth-child(1) {-webkit-transform: translateY(8px) rotate(45deg); -ms-transform: translateY(8px) rotate(45deg); -o-transform: translateY(8px) rotate(45deg); transform: translateY(8px) rotate(45deg); background:#333535}
.navigation .gnb_active .line:nth-child(2) {opacity:0}
.navigation .gnb_active .line:nth-child(3) {-webkit-transform: translateY(-8px) rotate(-45deg); -ms-transform: translateY(-8px) rotate(-45deg); -o-transform: translateY(-8px) rotate(-45deg); transform: translateY(-8px) rotate(-45deg); background:#333535} 
.navigation .gnb_box {width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:999; display:none; top:0; position:fixed}
.navigation .gnb_box .gnb_content {width:100%; background:#fff; display:none; height:100%;}
.navigation .gnb_box .m_logo {width:120px; margin:0 auto; display:block; }
.navigation .gnb_box .m_logo img {margin-top:8px; width:100%;}
.navigation .gnb_box .nav {overflow:hidden; margin-top:25%; }
.navigation .gnb_box .nav ul {padding:7% 0; position:relative}
.navigation .gnb_box .nav ul .nav_t {text-align:center}
.navigation .gnb_box .nav ul .nav_t a {font-family: 'NanumSquare'; color:#3c3c3c; font-size:1.8rem; letter-spacing:-2px; transition:all 0.5s;}
.navigation .gnb_box .nav ul .over_line {width:1px; height:0px; background:#318fc6; display:block; margin:0 auto; position:absolute; bottom:0; left:0; right:0; transition:all 0.3s; display:none;}
.navigation .gnb_box .nav .nav_over .nav_t a {color:#318fc6; transition:all 0.5s}
.navigation .gnb_box .nav .nav_over .over_line {height:122px; transition:all 0.3s}

.gnb_s .hd {background:#fff; box-shadow:0px 13px 16px rgba(0,0,0,0.1)}
.gnb_s .gnb_btn .line {background:#777}
.gnb_s .hd .logo {background:url('./image/logo_b.png') no-repeat center; background-size:100% auto;}


/*-------푸터-------*/
.footer {width:100%; background:#3e3e3e; padding:30px 0;}
.footer .ft_logo img {width:111px; margin:0 auto; display:block}
.footer .ft_content {width:100%;}
.footer .ft_nav {width:100%; padding:30px 0; overflow:hidden; box-sizing:border-box}
.ft_nav li {width:25%; float:left; text-align:center; border-right:1px solid #787878; box-sizing:border-box; line-height:14px;}
.ft_nav li:last-child {border-right:none}
.ft_nav li a {color:#787878; font-size:0.9rem; letter-spacing:-1px; font-weight:900}
.footer .ft_text {text-align:center; color:#9c9c9c; font-size:0.7rem;}
.footer .ft_text .ft_br {display:block}
.footer .ft_text a {color:#9c9c9c}
.footer .ft_sns {display:table; margin:0 auto; overflow:hidden; padding-top: 20px;}
.ft_sns > a {margin-right:15px;}
.ft_sns > a:last-child {margin-right:0}
.ft_sns > a > img {width:20px;}
.footer .ft_box {max-width:1200px; margin:0 auto;}

/*-------index-------*/
.main01 {width:100%; height:600px; box-sizing:border-box; background:url('./image/m01_back.jpg') no-repeat center; background-size:cover; position:relative; display:table; overflow:hidden}
.main01 video {display:none; position:absolute; top:0; min-width:100%; min-height:100%;}
.m01_content {display:table-cell; vertical-align:middle; width:100%;}
.m01_content .c01_txt {color:#fff; text-align:center; position:relative; }
.c01_txt .ex1 {font-size:1rem; font-weight:400; opacity:0; font-family:'NanumSquare'; }
.c01_txt .ex1 .ex01 {font-size:1.3rem; padding-top:1%; display:block}
.c01_txt .ex1 span { opacity:0; top:10px; left:10px;}
.c01_txt .ex1 .ex01 font {font-weight:800}
.m01_content .c02_box {width:100%; position:relative; padding-top:77px; max-width:800px; margin:0 auto;}
.m01_content .c02_bbox {overflow:hidden}
.m01_content .c02_bul {float:left; width:25%;}
.m01_content .c02_bul:last-child {padding-right:0}
.m01_content .ico_img {width:65px; height:65px; border-radius:50%; box-sizing:border-box; margin:0 auto; transition:all 0.4s }
.m01_content .ico_img > a {display:block; width:100%; height:100%;}
.m01_content .ico_txt {text-align:center; color:#fff; font-size:0.75rem; padding-top:12px;}
.m01_content .c02_about .ico_img {background:url('./image/m01_icon01.png') no-repeat center bottom rgba(255,255,255,0.5); background-size:40px auto}
.m01_content .c02_portfolio .ico_img {background:url('./image/m01_icon02.png') no-repeat center bottom rgba(255,255,255,0.5); background-size:40px auto}
.m01_content .c02_request .ico_img {background:url('./image/m01_icon03.png') no-repeat center bottom rgba(255,255,255,0.5); background-size:40px auto}
.m01_content .c02_tutoring .ico_img {background:url('./image/m01_icon04.png') no-repeat center bottom rgba(255,255,255,0.5); background-size:40px auto}

.main02 {width:100%; padding-top:18%; box-sizing:border-box; overflow:hidden; max-width:1200px; margin:0 auto; opacity:0}
.main02 .m02_title {font-family:'HangeulNuri-Bold'; color:#444; text-align:center; font-size:1.7rem; font-weight:600 }
.main02 .m02_content {width:100%; overflow:hidden; padding-top:11%; }
.main02 .m02c_box {width:50%; padding:30px 10px 15px 10px; float:left; box-sizing:border-box}
.main02 .imgbox {position:relative; transform:translateY(0px); transition:all 0.4s}
.main02 .imgbox .label {position:absolute; background:url('./image/m02_label01.png') no-repeat; color:#fff; width:44px; top:-18px; left:8px; background-size:100% auto; height:64px; text-align:center; font-size:0.7rem; line-height:35px; letter-spacing:-1px;}
.main02 .imgbox .la_ing {background:url('./image/m02_label02.png') no-repeat; background-size:100% auto;}
.main02 .imgbox .img {transition:all 0.4s}
.main02 .imgbox .img img {width:100%; display:block}
.main02 .txtbox {padding-top:7px;}
.main02 .txtbox li:nth-child(1) {font-size:0.8rem; letter-spacing:-2px; color:#318fc6; font-weight:900 }
.main02 .txtbox li:nth-child(2) {font-size:1.1rem; letter-spacing:-2px; color:#444; font-weight:900; padding:2px 0 } 
.main02 button {float:right; background:url('./image/m02_btn.png') no-repeat; width:195px; height:14px; border:none; margin-top:13%; margin-right:10px; background-size:195px auto;}
.main02 .imgbox:hover {transform:translateY(-15px);}
.main02 .imgbox:hover .img {box-shadow:0px 7px 14px -3px rgba(0,0,0,0.4)}

.main03 {width:100%; margin-top:25%; background:#f4f5f8; }
.main03 .m03_content {width:100%; padding:30px 10px; max-width:1200px;   box-sizing:border-box; overflow:hidden; margin:0 auto; background:url('./image/m03_backimg.png') no-repeat top right; background-size:contain;}
.main03 h4 {font-size:1.5rem; font-family:'NanumSquare'; color:#444; font-weight:900; padding-bottom:18px;}
.main03 p {color:#444; font-size:0.8rem}
.main03 .m03_content br {display:none}
.main03 .m03_btn {width:140px; border-radius:10px; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(50,154,214,1) 50%); background-position:-100% 0; background-size:200% auto; display:block; padding:10px 15px; box-sizing:border-box; float:right; margin-top:14px;}
.main03 .m03_btn p {color:#fff; background:url('./image/m03_arrow2.png') no-repeat right center}



.page_top {width:100%; height:auto; color:#fff; text-align:center; font-family:'NanumSquare'; padding-top:32%; padding-bottom:6%}
.page_top .top_h {font-size:1.6rem; font-weight:600; }
.page_top .top_p {font-size:0.9rem; padding-top:5px;}


/*-------about-------*/
.about_top {background:url('./image/a_topimg.png') no-repeat center; background-size:cover}
.about_box01 {width:100%; padding:0 10px; box-sizing:border-box; background:url('./image/a_backimg.png') no-repeat; background-position:right bottom; background-size:80% auto;}
.about_box01 .a_contentbox {max-width:1200px; margin:0 auto; }
.about_box01 .ac01_title {font-size:1.3rem; line-height:1.7rem; color:#2b2b2b; letter-spacing:-3px; font-weight:900; padding-top:15%}
.about_box01 .ac01_title span {background:#cce6f5 }
.about_box01 .ac01_txt {font-size:0.75rem; color:#454545; padding-top:5%}
.about_box01 .a01_content02 {padding-top:17%;}
.a01_content02 .ac02_title {font-size:1.6rem; text-align:center; color:#2b2b2b; font-family:'NanumSquare'; font-weight:600; padding-bottom:10%;}
.a01_content02 .ac02_box {width:100%; overflow:hidden; max-width:1200px;}
.a01_content02 .ac02_box ul {width:33.33%; float:left; padding-bottom:7%}
.a01_content02 .ac02_box .img img {margin:0 auto; display:block; width:73px;}
.a01_content02 .ac02_box .txt {text-align:center; color:#787878; font-size:0.8rem; padding-top:7px;}
.about_box02 {width:100%; padding:17% 0; box-sizing:border-box; margin-top:15%; background:#318fc6;}
.about_box02 .a02_title {font-size:1.6rem; text-align:center; color:#fff; font-family:'NanumSquare'; font-weight:600; padding-bottom:10%; }
.a02_content ul {overflow:hidden; width:100%;}
.a02_content ul li {width:50%; padding:0 25px; box-sizing:border-box; float:left}
.a02_content ul li img {width:100%;}
.a02_content ul .ac02_h {width:100%; height:20px; float:left; display:block}
.about_box03 {width:100%; padding:0 10px; box-sizing:border-box; margin:17% 0} 
.about_box03 .a03_title {font-size:1.6rem; text-align:center; color:#2b2b2b; font-family:'NanumSquare'; font-weight:600; padding-bottom:10%;}
.about_box03 .a03_content {width:100%; background:#f7f7f7; box-sizing:border-box; padding:25px; max-width:1200px; margin:0 auto;}
.a03_content .ac3_box {width:100%; box-sizing:border-box}
.a03_content .ac3_box:last-child {padding-top:50px;}
.a03_content .ac3_box .title {color:#4a4a4a; font-size:1rem; font-weight:700; padding-bottom:6px;border-bottom:1px solid #959595}
.a03_content .ac3_bbox {width:100%; padding-top:3%; }
.a03_content .ac3_bbox ul {overflow:hidden; padding-top:15px;}
.a03_content .ac3_bbox ul .b_l {float:left; width:60px; font-weight:900; font-size:0.8rem; color:#4a4a4a; letter-spacing:-1px;}
.a03_content .ac3_bbox ul .b_r {float:left; width:calc(100% - 60px); font-size:0.8rem; color:#4a4a4a; letter-spacing:-1px;}
.a03_content .ac3_bbox ul .b_r a {color:#4a4a4a}


/*-------portfolio-------*/
.portfolio_top {background:url('./image/p_topimg.png') no-repeat center; background-size:cover}
.portfolio_btn {width:100%;}
.portfolio_btn ul {width:100%; position:relative; overflow:hidden; padding:15% 0}
.portfolio_btn ul li {width:calc(100% / 4 - 16px); float:left; font-family:'HangeulNuri-Bold'; text-align:center; font-size:1.2rem; cursor:pointer; margin:0 8px; box-sizing:border-box; position:relative}
.portfolio_btn ul li span {width:0%; height:10px; background:#cce6f5; display:block; z-index:-5; position:absolute; right:0; left: 0; bottom:0; margin:0 auto; transition:all 0.3s;}
.portfolio_btn ul li .active {width:100%; }
.portofolio_box {width:100%; padding:0 10px; box-sizing:border-box; margin-bottom:17%}
.portofolio_box .pf_content {width:100%; overflow:hidden; position:relative; max-width:1100px; margin:0 auto;}
.portofolio_box .pf_box {display:block; width:100%; box-sizing:border-box; margin-bottom:45px; opacity:0; }
.portofolio_box .pf_box img {width:100%; }
.portofolio_box .pf_txtbox {width:100%; padding-top:3px; text-align:center; position:relative}
.portofolio_box .pf_txtbox li:nth-of-type(1) {font-size:0.8rem; letter-spacing:-2px; color:#318fc6; font-weight:900;}
.portofolio_box .pf_txtbox li:nth-of-type(2) {font-size:1.1rem; letter-spacing:-2px; color:#444; font-weight:900; padding:2px 0}
.portofolio_box .pf_txtbox li:nth-of-type(3) {font-size:0.8rem; letter-spacing:-2px; color:#787878;}
.portofolio_box .pf_txtbox .pf_tt {background:rgba(50,154,214,0.9); position:absolute; right:8px; top:-4rem; z-index:555; border-radius:50%; padding:6px 0; color:#fff; width:50px; height:50px; font-size:0.7rem; box-sizing:border-box; padding:18px 0; border:none}
.portofolio_box .pf_txtbox .pf_line {display:none; width:75%; height:1px; background:rgba(255,255,255,0.5); margin:17px auto;  }

.pfc_box {max-width:900px; margin:70px auto; width:100%; padding:0 10px; box-sizing:border-box}
.pfc_box > img {width:100%;; padding-top:30px;}
.pfc_box .pfc_txt01 {font-size:1.1rem; color:#444; text-align:right; font-weight:900; letter-spacing:-0.9px;}
.pfc_box .pfc_txt02 {font-size:1rem; color:#444; text-align:right; letter-spacing:-0.9px; padding-top:1px;}
.pfc_box .pfc_txt03 {font-size:0.9rem; color:#444; display:table; font-family:'NIXGONL-Vb'; font-weight:600; float:right; border-bottom:1px solid #444; padding-bottom:3px; padding-top:23px; transition:all 0.5s;}
.pfc_box .pfc_txt03:hover {color:#63bff5; border-bottom:1px solid #63bff5}


/*-------request-------*/
.request_top {background:url('./image/re_topimg.png') no-repeat center; background-size:cover}
.request_box01 {width:100%; padding:0 10px; box-sizing:border-box; max-width:1200px; margin:0 auto; }
.request_box01 .r01_title {font-size:1.3rem; line-height:1.7rem; color:#2b2b2b; letter-spacing:-3px; font-weight:900; padding-top:15%;}
.request_box01 .r01_title span {background:#cce6f5}
.request_box01 .r01_txt {font-size:0.75rem; color:#454545; padding-top:5%;} 
.request_box02 {width:100%; padding:0 10px; box-sizing:border-box; padding-top:17%; max-width:1200px; margin:0 auto;}
.request_box02 .r02_title {font-size:1.6rem; text-align:center; color:#2b2b2b; font-family:'NanumSquare'; font-weight:600; padding-bottom:10%;}
.request_box02 .r02_imgbox {width:100%; max-width:1040px; margin:0 auto; overflow:hidden}
.request_box02 .r02_imgbox_pc {display:none}
.request_box02 .r02_imgbox_m {display:block} 
.request_box02 .r02_imgbox_m .r02_img {width:33.33%; }
.r02_imgbox_m .r02_imgbox_m01 .r02_img {float:left}
.r02_imgbox_m .r02_imgbox_m02 .r02_img {float:right}
.request_box03 {width:100%; padding:17% 10px; box-sizing:border-box; max-width:1200px; margin:0 auto; }
.request_box03 .r03_box {overflow:hidden; border-radius:15px 0 15px 0; border:1px solid #318fc6}
.r03_box .r03_content01 {width:100%; background:url('./image/re_backmap_m.png') no-repeat left bottom #318fc6;background-size:cover; padding:8% 5%; box-sizing:border-box}
.r03_box .r03_content01 > h2 {color:#fff; font-family:'HangeulNuri-Bold'; font-size:1.4rem; position:relative;}
.r03_box .r03_content01 > h2::before {position:absolute; content:''; width:62px; height:3px; background:#fff; bottom:-8px; left:0}
.r03_box .r03_content01 > p {color:#fff; font-size:0.9rem; text-align:right; padding-top:15%; font-family:'NanumSquare'; letter-spacing:-1px;}
.r03_box .r03_content01 > p > a {color:#fff;}
.r03_box .r03_content01 .rc01_icobox {overflow:hidden; padding-top:15px;}
.r03_box .r03_content01 .rc01_icobox .rc01_ico {width:20px; float:right; margin-left:15px;}
.r03_box .r03_content01 .rc01_icobox .rc01_ico > img {width:100%;}
.r03_box .r03_content02 {width:100%; padding:20px 10px; box-sizing:border-box}
.r03_content02 .rc02_in {border:1px solid #ddd; box-sizing:border-box; margin-bottom:10px; color:#9f9f9f; font-size:0.85rem; letter-spacing:-0.7px; width:100%; height:40px; padding:0 10px; }
.r03_content02 .rc02_in02 {height:110px; padding:10px; font-size:1.2rem; }
.r03_content02 .fileBox {overflow:hidden} 
.r03_content02 .fileName {float:left; height:40px; padding-left:10px; border:1px solid #ddd; background-color:#fff; vertical-align:middle; color:#9f9f9f; font-size:0.85rem; box-sizing:border-box; width:calc(100% - 100px); margin-bottom:10px;}
.r03_content02 .btn_file {float:left;width:100px; height:40px; font-size:0.85rem; text-align:center; vertical-align:middle; background:#787878; color:#fff; letter-spacing:-1px; cursor:pointer; padding:9px 0; box-sizing:border-box; border-left:none}
.r03_content02 .fileBox input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;} 
.r03_content02 .rc02_btn {width:100%; height:45px; background-image: linear-gradient(to right, rgba(98,98,98,1) 50%, rgba(50,154,214,1) 50%); background-size: 200% auto; background-position:-100% 0; color:#fff; font-size:1.2rem; letter-spacing:-1px; padding:0 10px; box-sizing:border-box;border:none; cursor:pointer; margin-top:10px;}
.r03_content02 .rc02_btn p {background:url('./image/t_arrow.png') no-repeat center right; background-size:40px auto; width:100%; font-family:'NanumSquare'; text-align:left}

/*-------tutoring-------*/
.tutoring_top {background:url('./image/t_topimg.png') no-repeat right bottom; background-size:cover}
.tutoring_box01 {width:100%; padding:0 10px; box-sizing:border-box; background:url('./image/t_backimg.png') no-repeat right bottom; background-size:70% auto}
.tutoring_box01 .t_content {max-width:1200px; width:100%; margin:0 auto;}
.tutoring_box01 .t01_title {font-size:1.3rem; line-height:1.7rem; color:#2b2b2b; letter-spacing:-3px; font-weight:900; padding-top:15%;}
.tutoring_box01 .t01_title span {background:#cce6f5}
.tutoring_box01 .t01_txt {font-size:0.75rem; color:#454545; padding-top:5%;} 
.tutoring_box02 {width:100%; padding:17% 10px; box-sizing:border-box; overflow:hidden}
.tutoring_box02 > a {width:85%; height:45px; float:right; background-image: linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(50,154,214,1) 50%); background-size: 200% auto; background-position:-100% 0; color:#fff; font-size:1.2rem; letter-spacing:-1px; padding:14px 10px; box-sizing:border-box;border:none; cursor:pointer; display:block; }
.tutoring_box02 > a > p {background:url('./image/t_arrow.png') no-repeat center right; background-size:40px auto; width:100%; font-family:'NanumSquare'; text-align:left}




/* 4. Tablet 세로(Portrait) (해상도 768x 이상) */
@media all and (min-width:640px){
    .navigation .gnb_box .gnb_content {height:435px;}
    .navigation .gnb_box .nav {width:90%; margin:16% auto 0 auto;}
    .navigation .gnb_box .nav ul {float:left; width:25%; }    
    .c01_txt .ex1 {font-size:1.2rem;}
    .c01_txt .ex1 .ex01 {font-size:1.6rem;}
    .m01_content .c02_box {width:70%;}    
    .main02 {padding-top:90px; }
    .main02 .m02_content {padding-top:50px;}
    .main02 .m02c_box {width:33.333%;}
    .main02 .imgbox .label {width:55px; font-size:0.8rem; line-height:41px;}
    .main02 button {margin-top:50px;}
    .main03 {margin-top:90px; }
    .footer .ft_nav {width:80%; margin:0 auto; padding:25px 0}
    .footer .ft_text .ft_br {display:none}
    .page_top {padding-top:15%}
    
    /*-------about-------*/
    .about_box01 {background-size:60% auto;}
    .about_box01 .ac01_title {font-size:2rem; line-height:2.7rem; padding-top:90px;}
    .about_box01 .ac01_txt {font-size:0.9rem; padding-top:3%}
    .about_box01 .a01_content02 {padding-top:90px;}
    .a01_content02 .ac02_title {padding-bottom:50px;}
    .a01_content02 .ac02_box ul {width:20%;}
    .a02_content ul {max-width:1100px; margin:0 auto;}
    .a02_content ul li {width:25%; }
    .a02_content ul .ac02_h {display:none;}
    .about_box02 {margin-top:50px; padding:50px 0}
    .about_box02 .a02_title {padding-bottom:50px;}
    .about_box03 {margin:70px 0}
    .about_box03 .a03_content {overflow:hidden}
    .a03_content .ac3_box {width:46%; float:left; }
    .a03_content .ac3_box:last-child {float:right; padding-top:0}
    .about_box03 .a03_title {padding-bottom:50px;}
    
    /*-------portfolio-------*/
    .portfolio_btn ul {width:auto; display:table; margin:0 auto; padding:90px 0}
    .portfolio_btn ul li {width:90px; margin:0 30px;}
    .portofolio_box {margin-bottom:90px;}
    .portofolio_box .pf_box {width:calc(100% / 2 - 20px); float:left}
    .portofolio_box .pf_box:nth-child(odd) {margin-right:20px;}
    .pfc_box {margin:110px auto;}
    
    /*-------request-------*/
    .request_box01 .r01_title {font-size:2rem; line-height:2.7rem; padding-top:90px;}
    .request_box01 .r01_txt {font-size:0.9rem; padding-top:3%}
    .request_box02 {padding-top:90px;}
    .request_box03 {padding:90px 10px}
    .r03_box .r03_content01 {width:240px; float:left; height:100%; background:url('./image/re_backmap.png') no-repeat left bottom #318fc6; background-size:100%;}
    .r03_box .r03_content02 {width:calc(100% - 240px); float:left; overflow:hidden}
    .r03_content02 .rc02_in01 {width:calc(100% / 2 - 8px); float:left}
    .r03_content02 .rc02_in01:nth-child(odd) {margin-right:15px;}  
    .request_box03 .r03_box {height:469px;}
    .r03_box .r03_content01 > p {padding-top:40%; text-align:left}
    .r03_box .r03_content01 .rc01_icobox .rc01_ico {float:left}
    .r03_box .r03_content01 .rc01_icobox .rc01_ico:first-child {margin-left:0}
    .request_box02 .r02_imgbox_pc {display:block}
    .request_box02 .r02_imgbox_pc > img {width:calc(100% / 6); float:left; }
    .request_box02 .r02_imgbox_m {display:none}
    
    /*-------tutoring-------*/
    .tutoring_box01 .t01_title {font-size:2rem; line-height:2.7rem; padding-top:90px;}
    .tutoring_box01 .t01_txt {font-size:0.9rem; padding-top:3%}
    .tutoring_box02 > a {max-width:608px; } 
}

@media (min-width: 1025px) {
    .hd {height:80px;}
    .hd .logo {width:61px; background-size:100% auto; margin-top:17px}
    .navigation .gnb_btn {top:20px;}
    .navigation .gnb_box .m_logo {width:186px;}
    .navigation .gnb_box .m_logo img {top:17px;}
    .navigation .gnb_box .nav {width:900px; margin:155px auto 0 auto;}
    .navigation .gnb_box .nav ul {height:190px; padding:0}
    .navigation .gnb_box .nav ul .over_line {display:block}
    
    .main01 {height:100%; }
    .main01 video {display:block;}
    .c01_txt .ex1 {font-size:1.8rem; }
    .c01_txt .ex1 .ex01 {font-size:2.4rem; padding-top:5px;}
    .m01_content .c02_box {padding-top:120px;}
    .m01_content .ico_img {width:82px; height:82px; border:1px solid #fff;}
    .m01_content .c02_about .ico_img {background: url('./image/m01_icon01.png') no-repeat center top; background-size:50px auto;}
    .m01_content .c02_portfolio .ico_img {background:  url('./image/m01_icon02.png') no-repeat center top; background-size:50px auto;}
    .m01_content .c02_request .ico_img {background:url('./image/m01_icon03.png') no-repeat center top; background-size:50px auto; }
    .m01_content .c02_tutoring .ico_img {background:url('./image/m01_icon04.png') no-repeat center top; background-size:50px auto;}
    .m01_content .ico_txt {font-size:1rem;}
    .m01_content .c02_about .ico_img:hover {background:url('./image/m01_icon01.png') no-repeat center bottom #fff; background-size:50px auto}
    .m01_content .c02_portfolio .ico_img:hover {background:  url('./image/m01_icon02.png') no-repeat center bottom #fff; background-size:50px auto}
    .m01_content .c02_request .ico_img:hover {background:url('./image/m01_icon03.png') no-repeat center bottom #fff;background-size:50px auto }
    .m01_content .c02_tutoring .ico_img:hover {background:url('./image/m01_icon04.png') no-repeat center bottom #fff; background-size:50px auto}
    
    .main02 {padding-top:130px;}
    .main02 .m02_content {padding-top:60px;}
    .main02 .m02_title {font-size:2rem; }
    .main02 .m02c_box {width:25%; padding:40px 15px 20px 15px}
    .main02 .txtbox li:nth-child(1) {font-size:0.9rem;}
    .main02 .txtbox li:nth-child(2) {font-size:1.4rem;}
    
    .main03 {margin-top:130px;}
    .main03 .m03_btn {margin-right:300px; border:1px solid #318fc6; background-image:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(50,154,214,1) 50%); background-position:0 0; background-size:200% auto; width:145px; padding:8px 10px; transition:all 0.2s;  }
    .main03 .m03_btn p {background:url('./image/m03_arrow.png') no-repeat right center; color:#318fc6; }
    .main03 p {font-size:0.9rem;}
    .main03 .m03_content br {display:block}
    .footer {padding:30px 10px; box-sizing:border-box}
    .footer .ft_box {overflow:hidden}
    .footer .ft_logo {float:left; margin-top:25px; margin-right:107px; }
    .footer .ft_content {width:auto; float:left}
    .footer .ft_logo img {width:160px;;}
    .footer .ft_nav {width:auto; margin:auto; }
    .ft_nav li {text-align:left; padding:0 40px; width:AUTO; }
    .ft_nav li:first-child {padding-left:0}
    .ft_nav li a {font-size:1rem;}
    .footer .ft_text {text-align:left; font-size:0.8rem;}
    .footer .ft_sns {float:right; width:auto; margin:auto; }
    .ft_sns > a {margin-right:25px;}
    .ft_sns > a > img {width:25px;}
    
    .page_top {height:347px; box-sizing:border-box; padding-top:215px; padding-bottom:0}
    .page_top .top_h {font-size:35px;}
    .page_top .top_p {font-size:1.1rem; padding-top:2px;}
    .main03 .m03_btn:hover {background-position:-100% 0; background:auto;}
    .main03 .m03_btn:hover > p {color:#fff; background: url('./image/m03_arrow2.png') no-repeat right center }
    .main02 button {cursor:pointer;}
    .main02 button:hover {background:url('./image/m02_btn_over.png') no-repeat; background-size:195px auto;}
    .navigation .gnb_box .nav ul .nav_t:hover 
    
    /*-------about-------*/
    
    .about_box01 .a01_content02 {padding-top:130px;}
    .about_box01 {background-size:635px auto;}
    .about_box01 .ac01_title {font-size:35px; padding-top:130px;}
    .about_box01 .ac01_txt {font-size:17px;}
    .about_box02 {margin-top:60px;}
    .a01_content02 .ac02_title {font-size:1.9rem; padding-bottom:60px;}
    .a01_content02 .ac02_box ul {overflow:hidden; display:table; padding-bottom:40px;}
    .a01_content02 .ac02_box .txt {display:table-cell; vertical-align:middle; padding-top:0; text-align:left; font-size:0.9rem;}
    .about_box02 .a02_title {font-size:1.9rem;}
    .a02_content ul li {padding:0 50px;}
    .about_box03 {margin:100px 0}
    .about_box03 .a03_title {font-size:1.9rem;}
    .about_box03 .a03_content {padding:40px 60px;}
    .a03_content .ac3_box:last-child {padding-top:0; }
    .a03_content .ac3_bbox ul .b_l {font-size:0.93rem; width:72px;}
    .a03_content .ac3_bbox ul .b_r {width:calc(100% - 72px)}
    .a03_content .ac3_box .title {padding-bottom:3%;}
    .a03_content .ac3_bbox ul .b_r br {display:none}
    
    /*-------portfoilo-------*/
    .portofolio_box .pf_box {position:relative; height:300px; }
    
    .portofolio_box .pf_txtbox {position:absolute; top:0; left:0; width:100%; height:100%; display:table; background:rgba(50,154,214,0); transition:all 0.5s}
    .portofolio_box .pf_box ul {display:table-cell; vertical-align:middle; transition:all 0.3s; transform:translateY(90px); opacity:0 }
    .portofolio_box .pf_txtbox li {text-align:center; font-family:'NanumSquare'; }
    .portofolio_box .pf_txtbox li:nth-of-type(1) {font-size:15px; color:#fff; font-weight:100; letter-spacing:0 }
    .portofolio_box .pf_txtbox li:nth-of-type(2) {font-size:28px; font-weight:600; padding-top:5px; color:#fff;letter-spacing:0 }
    .portofolio_box .pf_txtbox li:nth-of-type(3) {font-size:17px; color:#fff;letter-spacing:0 }
    .portofolio_box .pf_txtbox .pf_line {display:block;}
    .portofolio_box .pf_txtbox .pf_tt {border:1px solid #fff; border-radius:60px; width:100px; height:36px; color:#fff; background:none; margin:0 auto; display:block; font-size:14px; margin-top:22px; font-weight:600; cursor:pointer; padding:0; left:0; right:0; top:auto}
    .portofolio_box .pf_box:hover .pf_txtbox {background:rgba(50,154,214,0.9);} 
    .portofolio_box .pf_box:hover ul {opacity:1; transform:translateY(0px)}
    
    /*-------portfoilo_02-------*/
    
    .portfolio02_top {width:100%; height:auto; color:#fff; text-align:center; font-family:'NanumSquare'; padding-top:32%; padding-bottom:6%;} 
    .portfolio02_top > img {width:100%;}
    
    
    
    /*-------request-------*/
    .request_box01 .r01_title {font-size:35px; padding-top:130px;}
    .request_box01 .r01_txt {font-size:17px;}
    .request_box02 {padding-top:130px; }
    .request_box02 .r02_title {font-size:1.9rem; padding-bottom:60px;}
    .request_box03 .r03_box {height:745px;}
    .r03_box .r03_content01 {width:420px;  }
    .r03_box .r03_content02 {width:calc(100% - 420px); padding:63px 58px;}
    .r03_box .r03_content01 > h2 {font-size:2.6rem; }
    .r03_box .r03_content01 > h2::before {height:5px;}
    .r03_box .r03_content01 > p {padding-top:80px; font-size:1.1rem; line-height:25px;}
    .r03_box .r03_content01 .rc01_icobox .rc01_ico {width:30px; height:30px; margin-left:20px;}
    .r03_content02 .rc02_in {height:45px; margin-bottom:17px;}
    .r03_content02 .rc02_in02 {height:250px;}
    .r03_content02 .fileName {margin-bottom:17px;}
    .r03_content02 .rc02_btn {background-position:0 0; transition:all 0.3s;  }
    .r03_content02 .rc02_btn:hover {background-position:-100% 0}
    
    
    /*-------tutoring-------*/
    .tutoring_box01 {background-size:auto;}
    .tutoring_box02 {padding:130px 0}
    .tutoring_box02 > a {height:50px; padding:14px 10px; font-size:1.4rem; background-image: linear-gradient(to right, rgba(98,98,98,1) 50%, rgba(50,154,214,1) 50%); background-position:0 0; transition:all 0.3s }
    .tutoring_box01 .t01_title {font-size:35px; padding-top:130px;}
    .tutoring_box01 .t01_txt {font-size:17px;}
    .tutoring_box02 > a > p {background-size:50px auto}
    .tutoring_box02 > a:hover {background-image: linear-gradient(to right, rgba(98,98,98,1) 50%, rgba(50,154,214,1) 50%); background-position:-100% 0}
    
}


.rubric_top {background:url('./image/rubric_top.jpg') no-repeat center; background-size:cover}
.gram_top {background:url('./image/gram_top.jpg') no-repeat center; background-size:cover}
.phoneissue_top {background:url('./image/phonissue_top.jpg') no-repeat center; background-size:cover}
.gods_top {background:url('./image/gods_top.jpg') no-repeat center; background-size:cover}
.taegeuk_top {background:url('./image/taegeuk_top.jpg') no-repeat center; background-size:cover}
.mgf_m_top {background:url('./image/mgf_m_top.jpg') no-repeat center; background-size:cover}
.koreagogo_top {background:url('./image/koreagogo_top.jpg') no-repeat center; background-size:cover}
.wingwing_top {background:url('./image/wingwing_top.jpg') no-repeat center; background-size:cover}
.woonbi_top {background:url('./image/woonbi_top.jpg') no-repeat center; background-size:cover}
.genomed_top {background:url('./image/genomed_top.jpg') no-repeat center; background-size:cover}
.everst_top {background:url('./image/everst_top.jpg') no-repeat center; background-size:cover}
.mgf_pc_top {background:url('./image/mgf_pc_top.jpg') no-repeat center; background-size:cover}
.mypet_app_top {background:url('./image/mypet_app_top.jpg') no-repeat center; background-size:cover}
.jictalk_top {background:url('./image/jictalk_top.jpg') no-repeat center; background-size:cover}