@charset "utf-8";

/*.main*/
.main{width: 100%; padding: 20px 0;}
.main .wrap{width: 100%; margin: 0 auto; max-width: 1280px;}

/*.main .wrap > .first*/
.main .wrap > .first{width: 100%; margin: 0 auto; background: #fff; padding: 10px;}
.main .wrap > .first:after{content: ""; display: block; clear: both;}

/*.main .wrap > .first > .leftBox*/
.main .wrap > .first > .leftBox{width: 69%; float: right;}

/*.main .wrap > .first > .leftBox > .top*/
.main .wrap > .first > .leftBox > .top{width: 100%; border: 1px solid #bebfc0; margin-bottom: 4px;}

/*.main .wrap > .first > .leftBox > .top > .buttonBox*/
.main .wrap > .first > .leftBox > .top > .buttonBox{width: 100%; height: 60px; border-bottom: 1px solid #bebfc0; background: #fff;}
.main .wrap > .first > .leftBox > .top > .buttonBox:after{content: ""; display: block; clear: both;}
.main .wrap > .first > .leftBox > .top > .buttonBox > div{float: left; position: relative;}
.main .wrap > .first > .leftBox > .top > .buttonBox > div > img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton{width: 8%; height: 100%; border-right: 1px solid #bebfc0; cursor: pointer;}
.main .wrap > .first > .leftBox > .top > .buttonBox > .middleBox{width: 84%; height: 100%; text-align: center; line-height: 58px; font-size: 2rem; font-weight: bold; color: #090909;}
.main .wrap > .first > .leftBox > .top > .buttonBox > .middleBox > .red{color: #FFAB73;}
.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton{width: 8%; height: 100%; border-left: 1px solid #bebfc0; cursor: pointer;}

/*.main .wrap > .first > .leftBox > .top > .numberBox*/
.main .wrap > .first > .leftBox > .top > .numberBox{width: 100%; height: 102px; background: #f4f4f4; text-align: center; border-bottom: 1px solid #bebfc0;}
.main .wrap > .first > .leftBox > .top > .numberBox > span{display: inline-block; width: 58px; height: 58px; border-radius: 50%; text-align: center; line-height: 58px; color: #fff; font-size: 2.25rem; font-weight: bold; margin: 21px 3px;}
.main .wrap > .first > .leftBox > .top > .numberBox > img{display: inline-block; margin: 43px 3px;}

/*.main .wrap > .first > .leftBox > .top > .table*/
.main .wrap > .first > .leftBox > .top > .table{width: 100%; background: #fff;}
.main .wrap > .first > .leftBox > .top > .table > .tr{width: 100%; height: 41px;}
.main .wrap > .first > .leftBox > .top > .table > .tr:after{content: ""; display: block; clear: both;}
.main .wrap > .first > .leftBox > .top > .table > .tr:last-of-type{border-bottom: none;}
.main .wrap > .first > .leftBox > .top > .table > .title_tr{border-bottom: 1px solid #e7e7e7; background: #FFAB73; font-weight: bold;}
.main .wrap > .first > .leftBox > .top > .table > .title_tr > .td{color: #fff !important;}
.main .wrap > .first > .leftBox > .top > .table > .content_tr{border-bottom: 1px solid #e7e7e7;}
.main .wrap > .first > .leftBox > .top > .table > .tr > .td{float: left; height: 100%; text-align: center; line-height: 41px; font-size: 1.5rem; font-weight: lighter; color: #0b0b0b;}
.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(1){width: 9%; border-right: 1px solid #e7e7e7; text-align: center;}
.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(2){width: 22%; padding-right: 16px; border-right: 1px solid #e7e7e7; text-align: right;}
.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(3){width: 22%; padding-right: 16px; border-right: 1px solid #e7e7e7; text-align: right;}
.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(4){width: 16%; padding-right: 16px; border-right: 1px solid #e7e7e7; text-align: right;}
.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(5){width: 31%; padding-right: 16px; text-align: right;}

/*.main .wrap > .first > .leftBox > .bottom*/
.main .wrap > .first > .leftBox > .bottom{width: 100%; height: 180px; background: url(../img/leftBox_bottom.jpg) no-repeat center; background-size: cover; overflow: hidden;}
.main .wrap > .first > .leftBox > .bottom:after{content: ""; display: block; clear: both;}
.main .wrap > .first > .leftBox > .bottom > img{float: left; display: block; margin-right: 12px; margin-top: 12px; margin-left: 7%;}
.main .wrap > .first > .leftBox > .bottom > div{float: right; padding-top: 22px; width: 68%;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(1){font-size: 1.7rem; font-weight: lighter; color: #fff; margin-bottom: 3px; margin-left: 5px;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(2){font-size: 2.9rem; font-weight: bold; color: #fff; margin-bottom: 8px;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(2) > span{color: #FFAB73;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3){width: 100%; height: 46px; margin-bottom: 12px;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > input{width: 64%; height: 100%; background: #fff; font-size: 1.3rem; color: #0b0b0b; padding-left: 16px; margin-right: 6px;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > input::placeholder{color: #8d8d8d;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button{width: 24%; height: 100%; cursor: pointer; background: #FFAB73; color: #fff; font-size: 1.6rem; line-height: 46px;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button > span{font-weight: bold;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button > i{font-style: normal;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4){width: 100%;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input{display: none;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label{display: inline-block; position: relative; cursor: pointer; width: 18px; height: 18px; background: url(../img/unchecked.png) no-repeat center; background-size: contain;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input:checked + label{background-image: url(../img/checked.png);}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span{position: absolute; top: 2px; left: 25px; font-size: 1.3rem; width: 230px; color: #fff;}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a{color: #FFAB73; font-size: 1.3rem; display: inline-block; transform: translateY(-1px);}
.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a > span{display: inline-block; transform: translateY(2px);}

/*.main .wrap > .first > .rightBox*/
.main .wrap > .first > .rightBox{width: 30%; float: left;}

/*.main .wrap > .first > .rightBox > .loginBox*/
.main .wrap > .first > .rightBox > .loginBox{width: 100%; height: 168px; border: 1px solid #BEBFC0; padding-top: 16px; padding-bottom: 20px; margin-bottom: 4px;}

/*.main .wrap > .first > .rightBox > .loginBox > .inputBox*/
.main .wrap > .first > .rightBox > .loginBox > .inputBox{width: 89%; margin: 0 auto;}
.main .wrap > .first > .rightBox > .loginBox > .inputBox:after{content: ""; display: block; clear: both;}
.main .wrap > .first > .rightBox > .loginBox > .inputBox > div{width: 68%; float: left; margin-right: 2%;}
.main .wrap > .first > .rightBox > .loginBox > .inputBox > div > input{border: 1px solid #BEBFC0; width: 100%; height: 48px; font-weight: lighter; font-size: 1.2rem; color: #3a3a3a; padding-left: 10px; line-height: 46px;}
.main .wrap > .first > .rightBox > .loginBox > .inputBox > div > input::placeholder{color: #3a3a3a;}
.main .wrap > .first > .rightBox > .loginBox > .inputBox > div > input:nth-of-type(1){margin-bottom: 4px;}
.main .wrap > .first > .rightBox > .loginBox > .inputBox > input{width: 30%; height: 100px; float: left; border: 1px solid #BEBFC0; background: #fff; font-weight: lighter; font-size: 1.2rem; color: #393939; cursor: pointer; display: block;}

/*.main .wrap > .first > .rightBox > .loginBox > .linkBox*/
.main .wrap > .first > .rightBox > .loginBox > .linkBox{width: 89%; margin: 14px auto 0;}
.main .wrap > .first > .rightBox > .loginBox > .linkBox:after{content: ""; display: block; clear: both;}
.main .wrap > .first > .rightBox > .loginBox > .linkBox > div{float: left;}
.main .wrap > .first > .rightBox > .loginBox > .linkBox > div > input{display: none;}
.main .wrap > .first > .rightBox > .loginBox > .linkBox > div > input + label{display: inline-block; position: relative; cursor: pointer; width: 18px; height: 18px; background: url(../img/idsave_unchecked.png) no-repeat center; background-size: contain;}
.main .wrap > .first > .rightBox > .loginBox > .linkBox > div > input:checked + label{background-image: url(../img/idsave_checked.png);}
.main .wrap > .first > .rightBox > .loginBox > .linkBox > div > input + label > span{position: absolute; top: 3px; left: 23px; font-size: 1.2rem; width: 60px; text-align: left; color: #9e9e9e;}
.main .wrap > .first > .rightBox > .loginBox > .linkBox > span{float: right; display: block; width: 2px; height: 12px; background: #dedede; margin: 3px 5px;}
.main .wrap > .first > .rightBox > .loginBox > .linkBox > a{float: right; font-size: 1.2rem; color: #9e9e9e; display: block; margin-top: 3px;}
.main .wrap > .first > .rightBox > .loginBox > .linkBox > a:nth-of-type(2){color: #FFAB73;}

/*.main .wrap > .first > .rightBox > .logoutBox*/
.main .wrap > .first > .rightBox > .logoutBox{width: 100%; height: 168px; background: #f9f9f9; padding: 20px 0; text-align: center; margin-bottom: 4px;}
.main .wrap > .first > .rightBox > .logoutBox > .first{background: #FFAB73; display: inline-block; color: #fff; font-weight: lighter; font-size: 1.2rem; padding: 4px 6px; margin-bottom: 4px;}
.main .wrap > .first > .rightBox > .logoutBox > .second{font-size: 1.5rem; font-weight: lighter; color: #080808; display: inline-block; transform: translateY(2px);}
.main .wrap > .first > .rightBox > .logoutBox > .second > span{color: #FFAB73; max-width: 90px; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.main .wrap > .first > .rightBox > .logoutBox > .third{font-size: 1.1rem; font-weight: lighter; color: #000; margin-bottom: 14px;}
.main .wrap > .first > .rightBox > .logoutBox > .fourth{width: 100%; height: 30px; margin: 0 auto; line-height: 30px; background: #f0f0f0; font-size: 1.2rem; color: #5c5c5c; font-weight: lighter; border-radius: 5px; margin-bottom: 5px;}
.main .wrap > .first > .rightBox > .logoutBox > .fifth{width: 100%; height: 30px; margin: 0 auto; line-height: 30px; background: #FFAB73; color: #fff; font-size: 1.4rem; font-weight: lighter; display: block; border-radius: 5px;}
.main .wrap > .first > .rightBox > .logoutBox > .sixth{font-size: 1.2rem; font-weight: lighter; margin-top: 10px;}
.main .wrap > .first > .rightBox > .logoutBox > .sixth > a{color: #070707;}

/*.main .wrap > .first > .rightBox > .logoutBox.free*/
.main .wrap > .first > .rightBox > .logoutBox.free > .second{display: block; margin-top: 6px; font-size: 1.6rem; margin-bottom: 6px;}
.main .wrap > .first > .rightBox > .logoutBox.free > .third{font-size: 1.3rem;}
.main .wrap > .first > .rightBox > .logoutBox.free > .second > span{font-weight: normal;}
.main .wrap > .first > .rightBox > .logoutBox.free > .fourth{display: none;}

/*.main .wrap > .first > .rightBox > .sns_login*/
.main .wrap > .first > .rightBox > .sns_login{width: 100%; height: 110px; margin-bottom: 4px; background: url(../img/sns_login.png) no-repeat center; background-size: cover; border-radius: 5px; position: relative;}
.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > p:nth-of-type(1){font-size: 1.2rem; color: #fff; margin-bottom: 5px;}
.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > p:nth-of-type(1) > span{color: #93392e;}
.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > p:nth-of-type(2){font-size: 2.2rem; font-weight: bold; color: #72471d; margin-bottom: 10px;}
.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > p:nth-of-type(2) > span{color: #ab0609;}
.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > button{width: 150px; height: 23px; border-radius: 50px; background: #fff; color: #70461e; line-height: 25px;}

/*.main .wrap > .first > .rightBox > .bank*/
.main .wrap > .first > .rightBox > .bank{width: 100%;}
.main .wrap > .first > .rightBox > .bank > div{width: 100%; border: 1px solid #BEBFC0; border-bottom: none; padding: 21px 6%;}
.main .wrap > .first > .rightBox > .bank > div:nth-of-type(1){border-bottom: 1px solid #BEBFC0;}
.main .wrap > .first > .rightBox > .bank > div > img{display: block; margin-bottom: 6px; width: 105px;}
.main .wrap > .first > .rightBox > .bank > div > p:after{content: ""; display: block; clear: both;}
.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(1){float: left; font-size: 1.5rem; color: #2b2b2b; display: block;}
.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(2){float: right; font-size: 1.3rem; color: #2b2b2b; font-weight: lighter; display: block; transform: translateY(1px);}

/*.main .wrap > .first > .rightBox > .counsel*/
.main .wrap > .first > .rightBox > .counsel{width: 100%; margin-top: 4px;}
.main .wrap > .first > .rightBox > .counsel > .top{width: 100%; height: 80px; background: #f5f5f5; position: relative; border: 1px solid #f5f5f5;}
.main .wrap > .first > .rightBox > .counsel > .top > div{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
.main .wrap > .first > .rightBox > .counsel > .top > div > img{display: inline-block; margin-right: 8px; width: 30px;}
.main .wrap > .first > .rightBox > .counsel > .top > div > p{display: inline-block; text-align: left;}
.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(1){font-weight: bold; font-size: 1.6rem; color: #FFAB73;}
.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(2){font-size: 1.4rem; font-weight: bold; color: #181818;}
.main .wrap > .first > .rightBox > .counsel > .bottom{width: 100%; height: 50px; background: #FFAB73; text-align: center; line-height: 50px; color: #fff; font-size: 1.6rem; cursor: pointer;}
.main .wrap > .first > .rightBox > .counsel > .bottom > img{display: inline-block; margin: 21px 12px; margin-right: 0;}

/*.main .wrap > .second*/
.main .wrap > .second{width: 100%; margin: 0 auto; background: #fff; padding: 0 10px;}

/*.main .wrap > .second > .title*/
.main .wrap > .second > .title{width: 100%; height: 110px; line-height: 110px; text-align: center; font-size: 2.2rem; color: #535353; position: relative;}
.main .wrap > .second > .title > span:nth-of-type(1){display: inline-block; padding: 0 16px; position: relative; z-index: 10; background: #fff;}
.main .wrap > .second > .title > span:nth-of-type(1) > span{color: #FFAB73;}
.main .wrap > .second > .title > span:nth-of-type(2){display: block; width: 100%; height: 2px; background: #f4f4f4; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9;}

/*.main .wrap > .second .gradeBox*/
.main .wrap > .second .gradeBox{width: 100%;}
.main .wrap > .second .gradeBox:after{content: ""; display: block; clear: both;}
.main .wrap > .second .gradeBox > div{width: 23.6%; height: 290px; float: left; margin-bottom: 30px; transition: .3s; margin-right: 1.86%;}
.main .wrap > .second .gradeBox > div:last-of-type{margin-right: 0;}

/*.main .wrap > .second .gradeBox > .gradeGuide*/
.main .wrap > .second .gradeBox > .gradeGuide{background: url(../img/main_gradeGuide.png) no-repeat center; background-size: cover; border-radius: 16px; overflow: hidden; position: relative; cursor: pointer;}
.main .wrap > .second .gradeBox > .gradeGuide > div{width: 76%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -60%);}
.main .wrap > .second .gradeBox > .gradeGuide > div > img{display: block; margin-bottom: 10px; width: 66px;}
.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(1){font-size: 2rem; font-weight: lighter; line-height: 1.3; margin-bottom: 16px; color: #fff;}
.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(2){color: #fff; font-size: 1.2rem; font-weight: lighter; line-height: 1.3;}

/*.main .wrap > .second .gradeBox > .grade*/
.main .wrap > .second .gradeBox > .grade > div.img{width: 100%; height: 160px; text-indent: -9999px; margin-bottom: 16px;}
.main .wrap > .second .gradeBox > .gold > div.img{background: url(../img/gold_background.jpg) no-repeat center; background-size: cover;}
.main .wrap > .second .gradeBox > .goldPlus > div.img{background: url(../img/goldPlus_background.jpg) no-repeat center; background-size: cover;}
.main .wrap > .second .gradeBox > .premium > div.img{background: url(../img/premium_background.jpg) no-repeat center; background-size: cover;}
.main .wrap > .second .gradeBox > .grade > p:nth-of-type(1){margin-left: 14px; font-size: 1.5rem; color: #FFAB73; margin-bottom: 12px;}
.main .wrap > .second .gradeBox > .grade > p:nth-of-type(2){margin-left: 14px; font-size: 1.2rem; font-weight: lighter; color: #626262; line-height: 1.4; margin-bottom: 16px;}
.main .wrap > .second .gradeBox > .grade > div.button{padding-left: 14px; display: block; width: 100%; height: 36px;}
.main .wrap > .second .gradeBox > .grade > div.button > a{display: inline-block; width: 90px; height: 100%; font-size: 1.2rem; border: 1px solid #FFAB73; line-height: 34px; text-align: center;}
.main .wrap > .second .gradeBox > .grade > div.button > a:nth-of-type(1){background: #FFAB73; color: #fff; margin-right: 5px;}
.main .wrap > .second .gradeBox > .grade > div.button > a:nth-of-type(2){color: #FFAB73;}

/*.main .wrap > .third*/
.main .wrap > .third{width: 100%; margin: 0 auto; background: #fff; padding: 0 10px 10px;}

/*.main .wrap > .third > .title*/
.main .wrap > .third > .title{width: 100%; height: 110px; line-height: 110px; text-align: center; font-size: 2.2rem; color: #535353; position: relative;}
.main .wrap > .third > .title > span:nth-of-type(1){display: inline-block; padding: 0 16px; position: relative; z-index: 10; background: #fff;}
.main .wrap > .third > .title > span:nth-of-type(1) > span{color: #FFAB73;}
.main .wrap > .third > .title > span:nth-of-type(2){display: block; width: 100%; height: 2px; background: #f4f4f4; position: absolute; top: 50%; transform: translateY(-50%); z-index: 9;}

/*.main .wrap > .third > .post_wrap*/
.main .wrap > .third > .post_wrap{width: 100%; margin: 0 auto 50px; height: 240px; border-bottom: 1px solid #f1f1f1; padding-bottom: 50px;}
.main .wrap > .third > .post_wrap:after{content: ""; display: block; color: #000;}
.main .wrap > .third > .post_wrap > .post{width: 50%; height: 100%; float: left;}
.main .wrap > .third > .post_wrap > .post:after{content: ""; display: block; clear: both;}
.main .wrap > .third > .post_wrap > .post > iframe{width: 60%; height: 100%; float: left;}
.main .wrap > .third > .post_wrap > .post > .textBox{width: 40%; height: 100%; float: left; position: relative;}
.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content{width: 84%; height: 140px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); overflow: hidden;}
.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .title{font-size: 1.5rem; color: #222; font-weight: bold; margin-bottom: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .content{font-size: 1.2rem; color: #222; font-weight: lighter; line-height: 2; overflow: hidden; white-space: normal; text-overflow: ellipsis; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical;}

/*.main .wrap > .third > .post_wrap_mobile*/
.main .wrap > .third > .post_wrap_mobile{display: none;}

/*.main .wrap > .third > .community*/
.main .wrap > .third > .community{width: 100%; height: 240px; margin-bottom: 6px;}
.main .wrap > .third > .community:after{content: ""; display: block; clear: both;}
.main .wrap > .third > .community > div{width: 24.62%; height: 100%; float: left; background: #f6f6f6; margin-right: 0.5%;}
.main .wrap > .third > .community > div:last-of-type{margin-right: 0;}

/*.main .wrap > .third > .community > .community_board > .title*/
.main .wrap > .third > .community > .community_board > .title{width: 100%; height: 70px; position: relative;} 
.main .wrap > .third > .community > .community_board > .title > p{font-size: 1.5rem; color: #222; line-height: 72px; margin-left: 10%;}
.main .wrap > .third > .community > .community_board > .title > img{display: block; width: 15px; height: 11px; position: absolute; top: 50%; right: 10%; transform: translateY(-50%); cursor: pointer;}

/*.main .wrap > .third > .community > .community_board > p*/
.main .wrap > .third > .community > .community_board > p{width: 92%; height: 1px; background: #8e8e8e; margin: 0 auto;}

/*.main .wrap > .third > .community > .community_board > .content*/
.main .wrap > .third > .community > .community_board > .content{padding: 25px 16px;}
.main .wrap > .third > .community > .community_board > .content > p{font-size: 1.4rem; font-weight: lighter; color: #7b7983; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; margin-bottom: 16px; cursor: pointer;}
.main .wrap > .third > .community > .community_board > .content > p:last-of-type{margin-bottom: 0;}
.main .wrap > .third > .community > .community_board > .content > p > span:nth-of-type(1){display: inline-block; width: 4px; height: 4px; border-radius: 50%; background: #FFAB73; margin: 6px 0; margin-right: 8px;}

/*.main .wrap > .third > .community > .serviceCenter*/
.main .wrap > .third > .community > .serviceCenter{background: url(../img/serviceCenter.jpg) no-repeat center; background-size: cover; padding-top: 30px; padding-left: 20px;}
.main .wrap > .third > .community > .serviceCenter > img{display: block; margin-bottom: 15px; width: 66px;}
.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(1){font-size: 1.6rem; color: #0b0b0b; margin-bottom: 10px; font-weight: bold;}
.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(2){color: #414141; font-size: 1.4rem; margin-bottom: 20px;}
.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(3){color: #414141; font-size: 1.4rem; line-height: 1.5;}

/*.main .wrap > .third > .community > .introduce*/
.main .wrap > .third > .community > .introduce{background: url(../img/introduce.jpg) no-repeat center; background-size: cover; padding-top: 30px; padding-left: 20px; position: relative;}
.main .wrap > .third > .community > .introduce > img{display: block; margin-bottom: 10px; width: 66px;}
.main .wrap > .third > .community > .introduce > p:nth-of-type(1){font-size: 1.6rem; color: #0b0b0b; margin-bottom: 10px; font-weight: bold;}
.main .wrap > .third > .community > .introduce > p:nth-of-type(2){color: #414141; font-size: 1.4rem; line-height: 1.5;}
.main .wrap > .third > .community > .introduce > a{position: absolute; bottom: 40px; left: 100px; font-size: 1.35rem; color: #414141;}
.main .wrap > .third > .community > .introduce > a > img{display: inline-block; transform: translate(5px, -2px);}

/*.main .wrap > .third > .banner*/
.main .wrap > .third > .banner{width: 100%; height: 140px; background: url(../img/main_banner.jpg) no-repeat top center; background-size: cover; text-align: center; position: relative;}
.main .wrap > .third > .banner > .banner_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%;}
.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(1){font-size: 2rem; font-weight: bold; color: #ffc003; margin-bottom: 4px;}
.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(2){font-size: 1.5rem; font-weight: lighter; color: #fff; margin-bottom: 14px;}
.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(3){font-size: 2rem; font-weight: lighter; color: #ffe6be;}
.main .wrap > .third > .banner > .banner_wrap > a{width: 172px; height: 46px; display: block; margin: 0 auto; background: red; color: #fff; line-height: 46px; text-align: center; border-radius: 30px; font-size: 1.5rem;}

/*.popup_master*/
.popup_master{display: none;}
.popup_master > .special_day{position: absolute; z-index: 9999999; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 500px; cursor: pointer; border: 2px solid #000000;}
.popup_master > .special_day > img{width: 100%;}

.popup_master > .special_day > .wrap {display: flex; justify-content: end; width: 100%; background-color: #0b0b0b}
.popup_master > .special_day > .wrap .rightBox button{display: block; width: 26px; height: 26px; margin: 8px; border: none; background: url(../img/popup_close.png) no-repeat center; background-size: contain; cursor: pointer;}
.popup_master > .special_day > .wrap .rightBox label{font-size: 1.13rem; color: #fff; cursor: pointer;}
.popup_master > .special_day > .wrap .rightBox label span{text-align: center;}

@media screen and (max-width: 700px){
	.popup_master > .special_day{width: 80%}
}

/*width < 1100px*/
@media screen and (max-width: 1100px){

	/*.main .wrap > .first*/
	.main .wrap > .first{width: 98%;}

	/*.main .wrap > .first > .leftBox*/
	.main .wrap > .first > .leftBox{width: 69%;}

	/*.main .wrap > .first > .leftBox > .top*/
	.main .wrap > .first > .leftBox > .top{margin-bottom: 4px;}

	/*.main .wrap > .first > .leftBox > .top > .buttonBox*/
	.main .wrap > .first > .leftBox > .top > .buttonBox{height: 50px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton{width: 8%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .middleBox{width: 84%; line-height: 48px; font-size: 1.7rem; font-weight: bold;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton{width: 8%;}

	/*.main .wrap > .first > .leftBox > .top > .numberBox*/
	.main .wrap > .first > .leftBox > .top > .numberBox{height: 100px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > span{width: 50px; height: 50px; line-height: 48px; font-size: 2rem; font-weight: normal; margin: 25px 3px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > img{margin: 43px 3px;}

	/*.main .wrap > .first > .leftBox > .top > .table*/
	.main .wrap > .first > .leftBox > .top > .table > .tr{height: 41px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td{line-height: 41px; font-size: 1.35rem;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(1){width: 9%;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(2){width: 22%; padding-right: 16px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(3){width: 22%; padding-right: 16px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(4){width: 16%; padding-right: 16px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(5){width: 31%; padding-right: 16px;}

	/*.main .wrap > .first > .leftBox > .bottom*/
	.main .wrap > .first > .leftBox > .bottom{height: 150px;}
	.main .wrap > .first > .leftBox > .bottom > img{margin-right: 12px; margin-top: 12px; margin-left: 7%; width: 120px;}
	.main .wrap > .first > .leftBox > .bottom > div{padding-top: 22px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(1){font-size: 1.5rem; margin-bottom: 3px; margin-left: 5px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(2){font-size: 2.2rem; font-weight: bold; margin-bottom: 8px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3){height: 32px; margin-bottom: 12px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > input{width: 64%; font-size: 1.3rem; padding-left: 16px; margin-right: 6px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button{width: 24%; font-size: 1.4rem; line-height: 34px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button > span{font-weight: bold;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label{width: 14px; height: 14px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span{top: 1px; left: 21px; font-size: 1.2rem; width: 230px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a{font-size: 1.2rem; transform: translateY(-1px);}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a > span{transform: translateY(1px);}

	/*.main .wrap > .first > .rightBox*/
	.main .wrap > .first > .rightBox{width: 30%;}

	/*.main .wrap > .first > .rightBox > .loginBox*/
	.main .wrap > .first > .rightBox > .loginBox{height: 146px; padding-top: 16px; padding-bottom: 0px; margin-bottom: 4px;}

	/*.main .wrap > .first > .rightBox > .loginBox > .inputBox*/
	.main .wrap > .first > .rightBox > .loginBox > .inputBox{width: 89%;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > div{width: 68%; margin-right: 2%;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > div > input{height: 40px; font-size: 1.2rem; padding-left: 10px; line-height: 40px;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > div > input:nth-of-type(1){margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > input{width: 30%; height: 84px; font-size: 1.2rem;}

	/*.main .wrap > .first > .rightBox > .loginBox > .linkBox*/
	.main .wrap > .first > .rightBox > .loginBox > .linkBox{width: 89%; margin: 14px auto 0;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > div > input + label{width: 18px; height: 18px;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > div > input + label > span{top: 3px; left: 23px; font-size: 1.2rem; width: 60px;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > span{width: 2px; height: 12px; margin: 3px 5px;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > a{font-size: 1.2rem; margin-top: 3px;}

	/*.main .wrap > .first > .rightBox > .logoutBox*/
	.main .wrap > .first > .rightBox > .logoutBox{height: 146px; padding: 20px 0 0; margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .logoutBox > .first{font-size: 1.2rem; padding: 4px 6px; margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .logoutBox > .second{font-size: 1.5rem;}
	.main .wrap > .first > .rightBox > .logoutBox > .third{font-size: 1.2rem; margin-bottom: 14px;}
	.main .wrap > .first > .rightBox > .logoutBox > .fourth{height: 32px; line-height: 32px; font-size: 1.2rem; margin-bottom: 5px;}
	.main .wrap > .first > .rightBox > .logoutBox > .fifth{height: 32px; line-height: 32px; font-size: 1.4rem;}
	.main .wrap > .first > .rightBox > .logoutBox > .sixth{font-size: 1.2rem; margin-top: 10px; display: none;}
	
	/*.main .wrap > .first > .rightBox > .sns_login*/
	.main .wrap > .first > .rightBox > .sns_login{height: 90px; margin-bottom: 4px; background: url(../img/sns_login.png) no-repeat center; background-size: cover; border-radius: 5px; position: relative;}
	.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
	.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > p:nth-of-type(1){font-size: 1.2rem; color: #fff; margin-bottom: 3px;}
	.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > p:nth-of-type(1) > span{color: #93392e;}
	.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > p:nth-of-type(2){font-size: 2rem; font-weight: bold; color: #72471d; margin-bottom: 10px;}
	.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > p:nth-of-type(2) > span{color: #ab0609;}
	.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > button{width: 150px; height: 23px; border-radius: 50px; background: #fff; color: #70461e; line-height: 25px;}

	/*.main .wrap > .first > .rightBox > .bank*/
	.main .wrap > .first > .rightBox > .bank > div{padding: 21px 6%;}
	.main .wrap > .first > .rightBox > .bank > div > img{margin-bottom: 6px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(1){font-size: 1.5rem;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(2){font-size: 1.3rem; transform: translateY(1px);}

	/*.main .wrap > .first > .rightBox > .counsel*/
	.main .wrap > .first > .rightBox > .counsel{height: 141px; margin-top: 4px;}
	.main .wrap > .first > .rightBox > .counsel > .top{height: 88px;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > img{margin-right: 8px;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(1){font-size: 1.6rem;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(2){font-size: 1.4rem;}
	.main .wrap > .first > .rightBox > .counsel > .bottom{height: 50px; line-height: 50px; font-size: 1.6rem;}
	.main .wrap > .first > .rightBox > .counsel > .bottom > img{margin: 21px 6px;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{width: 98%;}
	
	/*.main .wrap > .second > .title*/
	.main .wrap > .second > .title{height: 90px; line-height: 90px; font-size: 2rem;}
	.main .wrap > .second > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .second > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .second .gradeBox*/
	.main .wrap > .second .gradeBox > div{width: 23.6%; height: 240px; margin-bottom: 20px; margin-right: 1.86%;}

	/*.main .wrap > .second .gradeBox > .gradeGuide*/
	.main .wrap > .second .gradeBox > .gradeGuide > div{width: 76%; transform: translate(-50%, -60%);}
	.main .wrap > .second .gradeBox > .gradeGuide > div > img{margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(1){font-size: 1.9rem; line-height: 1.3; margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(2){font-size: 1.15rem; line-height: 1.3;}

	/*.main .wrap > .second .gradeBox > .grade*/
	.main .wrap > .second .gradeBox > .grade > div.img{height: 120px; margin-bottom: 16px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(1){margin-left: 14px; font-size: 1.5rem; margin-bottom: 8px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(2){margin-left: 14px; font-size: 1.2rem; line-height: 1.4; margin-bottom: 16px;}
	.main .wrap > .second .gradeBox > .grade > div.button{padding-left: 14px; height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a{width: 90px; font-size: 1.2rem; line-height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a:nth-of-type(1){margin-right: 5px;}

	/*.main .wrap > .third*/
	.main .wrap > .third{width: 98%;}

	/*.main .wrap > .third > .title*/
	.main .wrap > .third > .title{height: 90px; line-height: 90px; font-size: 2rem;}
	.main .wrap > .third > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .third > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .third > .post_wrap*/
	.main .wrap > .third > .post_wrap{height: 200px; margin-bottom: 40px; padding-bottom: 40px;}
	.main .wrap > .third > .post_wrap > .post > iframe{width: 50%;}
	.main .wrap > .third > .post_wrap > .post > .textBox{width: 50%;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content{width: 84%; height: 130px;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .title{font-size: 1.5rem; font-weight: bold; margin-bottom: 20px;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .content{font-size: 1.2rem; line-height: 2; -webkit-line-clamp: 4;}

	/*.main .wrap > .third > .community*/
	.main .wrap > .third > .community{height: 210px; margin-bottom: 4px;}
	.main .wrap > .third > .community > div{width: 24.62%; margin-right: 0.5%;}

	/*.main .wrap > .third > .community > .community_board > .title*/
	.main .wrap > .third > .community > .community_board > .title{height: 50px;} 
	.main .wrap > .third > .community > .community_board > .title > p{font-size: 1.5rem; line-height: 52px; margin-left: 10%;}
	.main .wrap > .third > .community > .community_board > .title > img{width: 15px; height: 11px; right: 10%;}

	/*.main .wrap > .third > .community > .community_board > p*/
	.main .wrap > .third > .community > .community_board > p{width: 92%; height: 1px;}

	/*.main .wrap > .third > .community > .community_board > .content*/
	.main .wrap > .third > .community > .community_board > .content{padding: 25px 16px;}
	.main .wrap > .third > .community > .community_board > .content > p{font-size: 1.3rem; margin-bottom: 16px;}
	.main .wrap > .third > .community > .community_board > .content > p > span:nth-of-type(1){width: 4px; height: 4px; margin: 5px 0; margin-right: 8px;}

	/*.main .wrap > .third > .community > .serviceCenter*/
	.main .wrap > .third > .community > .serviceCenter{padding-top: 30px; padding-left: 20px;}
	.main .wrap > .third > .community > .serviceCenter > img{margin-bottom: 15px;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(1){font-size: 1.6rem; margin-bottom: 10px; font-weight: bold;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(2){font-size: 1.3rem; margin-bottom: 20px;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(3){font-size: 1.3rem; line-height: 1.5;}

	/*.main .wrap > .third > .community > .introduce*/
	.main .wrap > .third > .community > .introduce{padding-top: 30px; padding-left: 20px;}
	.main .wrap > .third > .community > .introduce > img{margin-bottom: 10px;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(1){font-size: 1.6rem; margin-bottom: 10px; font-weight: bold;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(2){font-size: 1.3rem; line-height: 1.5;}
	.main .wrap > .third > .community > .introduce > a{bottom: 30px; left: 100px; font-size: 1.35rem;}
	.main .wrap > .third > .community > .introduce > a > img{transform: translate(5px, -2px);}

	/*.main .wrap > .third > .banner*/
	.main .wrap > .third > .banner{height: 110px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(1){font-size: 1.8rem; font-weight: bold; margin-bottom: 4px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(2){font-size: 1.3rem; margin-bottom: 8px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(3){font-size: 1.8rem;}
	.main .wrap > .third > .banner > .banner_wrap > a{width: 172px; height: 46px; line-height: 46px; border-radius: 30px; font-size: 1.5rem;}
}

/*width < 1000px*/
@media screen and (max-width: 1000px){

	/*.main .wrap > .first*/
	.main .wrap > .first{width: 98%;}

	/*.main .wrap > .first > .leftBox*/
	.main .wrap > .first > .leftBox{width: 69%;}

	/*.main .wrap > .first > .leftBox > .top*/
	.main .wrap > .first > .leftBox > .top{margin-bottom: 4px;}

	/*.main .wrap > .first > .leftBox > .top > .buttonBox*/
	.main .wrap > .first > .leftBox > .top > .buttonBox{height: 50px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton{width: 8%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton > img{width: 8px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .middleBox{width: 84%; line-height: 48px; font-size: 1.7rem; font-weight: bold;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton{width: 8%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton > img{width: 8px;}

	/*.main .wrap > .first > .leftBox > .top > .numberBox*/
	.main .wrap > .first > .leftBox > .top > .numberBox{height: 80px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > span{width: 50px; height: 50px; line-height: 48px; font-size: 2rem; font-weight: normal; margin: 15px 3px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > img{margin: 32px 3px;}

	/*.main .wrap > .first > .leftBox > .top > .table*/
	.main .wrap > .first > .leftBox > .top > .table > .tr{height: 35px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td{line-height: 35px; font-size: 1.2rem;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(1){width: 9%;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(2){width: 22%; padding-right: 16px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(3){width: 22%; padding-right: 16px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(4){width: 16%; padding-right: 16px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(5){width: 31%; padding-right: 16px;}

	/*.main .wrap > .first > .leftBox > .bottom*/
	.main .wrap > .first > .leftBox > .bottom{height: 150px;}
	.main .wrap > .first > .leftBox > .bottom > img{margin-right: 12px; margin-top: 12px; margin-left: 7%; width: 120px;}
	.main .wrap > .first > .leftBox > .bottom > div{padding-top: 22px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(1){font-size: 1.5rem; margin-bottom: 3px; margin-left: 5px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(2){font-size: 2.2rem; font-weight: bold; margin-bottom: 8px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3){height: 32px; margin-bottom: 12px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > input{width: 64%; font-size: 1.3rem; padding-left: 16px; margin-right: 6px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button{width: 24%; font-size: 1.4rem; line-height: 34px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button > span{font-weight: bold;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label{width: 14px; height: 14px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span{top: 1px; left: 21px; font-size: 1.2rem; width: 230px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a{font-size: 1.2rem; transform: translateY(-1px);}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a > span{transform: translateY(1px);}

	/*.main .wrap > .first > .rightBox*/
	.main .wrap > .first > .rightBox{width: 30%;}

	/*.main .wrap > .first > .rightBox > .loginBox*/
	.main .wrap > .first > .rightBox > .loginBox{height: 146px; padding-top: 13px; padding-bottom: 0px; margin-bottom: 4px;}

	/*.main .wrap > .first > .rightBox > .loginBox > .inputBox*/
	.main .wrap > .first > .rightBox > .loginBox > .inputBox{width: 89%;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > div{width: 68%; margin-right: 2%;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > div > input{height: 40px; font-size: 1.2rem; padding-left: 10px; line-height: 40px;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > div > input:nth-of-type(1){margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > input{width: 30%; height: 84px; font-size: 1.2rem;}

	/*.main .wrap > .first > .rightBox > .loginBox > .linkBox*/
	.main .wrap > .first > .rightBox > .loginBox > .linkBox{width: 89%; margin: 14px auto 0;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > div > input + label{width: 18px; height: 18px;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > div > input + label > span{top: 3px; left: 23px; font-size: 1.2rem; width: 60px;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > span{width: 2px; height: 12px; margin: 3px 5px;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > a{font-size: 1.2rem; margin-top: 3px;}

	/*.main .wrap > .first > .rightBox > .logoutBox*/
	.main .wrap > .first > .rightBox > .logoutBox{height: 146px; padding: 13px 0 0; margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .logoutBox > .first{font-size: 1.2rem; padding: 4px 6px; margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .logoutBox > .second{font-size: 1.5rem;}
	.main .wrap > .first > .rightBox > .logoutBox > .third{font-size: 1.2rem; margin-bottom: 14px;}
	.main .wrap > .first > .rightBox > .logoutBox > .fourth{height: 32px; line-height: 32px; font-size: 1.2rem; margin-bottom: 5px;}
	.main .wrap > .first > .rightBox > .logoutBox > .fifth{height: 32px; line-height: 32px; font-size: 1.4rem;}
	.main .wrap > .first > .rightBox > .logoutBox > .sixth{font-size: 1.2rem; margin-top: 10px; display: none;}
	
	/*.main .wrap > .first > .rightBox > .logoutBox.free*/
	.main .wrap > .first > .rightBox > .logoutBox.free > .first{margin-top: 4px;}
	.main .wrap > .first > .rightBox > .logoutBox.free > .second{display: block; margin-top: 6px; font-size: 1.6rem; margin-bottom: 6px;}
	.main .wrap > .first > .rightBox > .logoutBox.free > .third{font-size: 1.3rem;}
	.main .wrap > .first > .rightBox > .logoutBox.free > .second > span{font-weight: normal;}
	.main .wrap > .first > .rightBox > .logoutBox.free > .fourth{display: none;}

	/*.main .wrap > .first > .rightBox > .bank*/
	.main .wrap > .first > .rightBox > .bank > div{padding: 16px 6%;}
	.main .wrap > .first > .rightBox > .bank > div > img{margin-bottom: 6px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(1){font-size: 1.4rem;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(2){font-size: 1.1rem; transform: translateY(4px);}

	/*.main .wrap > .first > .rightBox > .counsel*/
	.main .wrap > .first > .rightBox > .counsel{height: auto; margin-top: 4px;}
	.main .wrap > .first > .rightBox > .counsel > .top{height: 67px;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > img{margin-right: 8px;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(1){font-size: 1.6rem;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(2){font-size: 1.4rem;}
	.main .wrap > .first > .rightBox > .counsel > .bottom{height: 37px; line-height: 37px; font-size: 1.4rem;}
	.main .wrap > .first > .rightBox > .counsel > .bottom > img{margin: 15px 7px;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{width: 98%;}
	
	/*.main .wrap > .second > .title*/
	.main .wrap > .second > .title{height: 90px; line-height: 90px; font-size: 2rem;}
	.main .wrap > .second > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .second > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .second .gradeBox*/
	.main .wrap > .second .gradeBox > div{width: 23.6%; height: 240px; margin-bottom: 10px; margin-right: 1.86%;}

	/*.main .wrap > .second .gradeBox > .gradeGuide*/
	.main .wrap > .second .gradeBox > .gradeGuide > div{width: 76%; transform: translate(-50%, -60%);}
	.main .wrap > .second .gradeBox > .gradeGuide > div > img{margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(1){font-size: 1.9rem; line-height: 1.3; margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(2){font-size: 1.15rem; line-height: 1.3;}

	/*.main .wrap > .second .gradeBox > .grade*/
	.main .wrap > .second .gradeBox > .grade > div.img{height: 120px; margin-bottom: 16px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(1){margin-left: 14px; font-size: 1.5rem; margin-bottom: 8px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(2){margin-left: 14px; font-size: 1.2rem; line-height: 1.4; margin-bottom: 16px;}
	.main .wrap > .second .gradeBox > .grade > div.button{padding-left: 14px; height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a{width: 90px; font-size: 1.2rem; line-height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a:nth-of-type(1){margin-right: 5px;}

	/*.main .wrap > .third*/
	.main .wrap > .third{width: 98%;}

	/*.main .wrap > .third > .title*/
	.main .wrap > .third > .title{height: 90px; line-height: 90px; font-size: 2rem;}
	.main .wrap > .third > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .third > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .third > .post_wrap*/
	.main .wrap > .third > .post_wrap{height: 180px; padding-bottom: 40px; margin-bottom: 40px;}
	.main .wrap > .third > .post_wrap > .post > iframe{width: 50%;}
	.main .wrap > .third > .post_wrap > .post > .textBox{width: 50%;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content{width: 84%; height: 116px;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .title{font-size: 1.4rem; font-weight: bold; margin-bottom: 10px;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .content{font-size: 1.2rem; line-height: 2; -webkit-line-clamp: 4;}

	/*.main .wrap > .third > .community*/
	.main .wrap > .third > .community{height: 200px; margin-bottom: 4px;}
	.main .wrap > .third > .community > div{width: 24.62%; margin-right: 0.5%;}

	/*.main .wrap > .third > .community > .community_board > .title*/
	.main .wrap > .third > .community > .community_board > .title{height: 50px;} 
	.main .wrap > .third > .community > .community_board > .title > p{font-size: 1.5rem; line-height: 52px; margin-left: 10%;}
	.main .wrap > .third > .community > .community_board > .title > img{width: 15px; height: 11px; right: 10%;}

	/*.main .wrap > .third > .community > .community_board > p*/
	.main .wrap > .third > .community > .community_board > p{width: 92%; height: 1px;}

	/*.main .wrap > .third > .community > .community_board > .content*/
	.main .wrap > .third > .community > .community_board > .content{padding: 25px 16px;}
	.main .wrap > .third > .community > .community_board > .content > p{font-size: 1.3rem; margin-bottom: 16px;}
	.main .wrap > .third > .community > .community_board > .content > p > span:nth-of-type(1){width: 4px; height: 4px; margin: 5px 0; margin-right: 8px;}

	/*.main .wrap > .third > .community > .serviceCenter*/
	.main .wrap > .third > .community > .serviceCenter{padding-top: 30px; padding-left: 20px;}
	.main .wrap > .third > .community > .serviceCenter > img{margin-bottom: 15px;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(1){font-size: 1.5rem; margin-bottom: 10px; font-weight: bold;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(2){font-size: 1.2rem; margin-bottom: 20px;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(3){font-size: 1.2rem; line-height: 1.5;}

	/*.main .wrap > .third > .community > .introduce*/
	.main .wrap > .third > .community > .introduce{padding-top: 30px; padding-left: 20px;}
	.main .wrap > .third > .community > .introduce > img{margin-bottom: 10px;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(1){font-size: 1.5rem; margin-bottom: 10px; font-weight: bold;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(2){font-size: 1.2rem; line-height: 1.5;}
	.main .wrap > .third > .community > .introduce > a{bottom: 20px; left: 100px; font-size: 1.35rem;}
	.main .wrap > .third > .community > .introduce > a > img{transform: translate(5px, -2px);}

	/*.main .wrap > .third > .banner*/
	.main .wrap > .third > .banner{height: 110px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(1){font-size: 1.8rem; font-weight: bold; margin-bottom: 4px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(2){font-size: 1.3rem; margin-bottom: 8px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(3){font-size: 1.8rem;}
	.main .wrap > .third > .banner > .banner_wrap > a{width: 172px; height: 46px; line-height: 46px; border-radius: 30px; font-size: 1.5rem;}
}

/*width < 900px*/
@media screen and (max-width: 900px){

	/*.main .wrap > .first*/
	.main .wrap > .first{width: 98%;}

	/*.main .wrap > .first > .leftBox*/
	.main .wrap > .first > .leftBox{width: 69%;}

	/*.main .wrap > .first > .leftBox > .top*/
	.main .wrap > .first > .leftBox > .top{margin-bottom: 4px;}

	/*.main .wrap > .first > .leftBox > .top > .buttonBox*/
	.main .wrap > .first > .leftBox > .top > .buttonBox{height: 42px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton{width: 8%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton > img{width: 7px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .middleBox{width: 84%; line-height: 42px; font-size: 1.6rem; font-weight: bold;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton{width: 8%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton > img{width: 7px;}

	/*.main .wrap > .first > .leftBox > .top > .numberBox*/
	.main .wrap > .first > .leftBox > .top > .numberBox{height: 80px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > span{width: 50px; height: 50px; line-height: 48px; font-size: 2rem; font-weight: normal; margin: 15px 3px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > img{margin: 32px 3px;}

	/*.main .wrap > .first > .leftBox > .top > .table*/
	.main .wrap > .first > .leftBox > .top > .table > .tr{height: 35px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td{line-height: 35px; font-size: 1.1rem;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(1){width: 9%;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(2){width: 22%; padding-right: 10px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(3){width: 22%; padding-right: 10px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(4){width: 16%; padding-right: 10px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(5){width: 31%; padding-right: 10px;}

	/*.main .wrap > .first > .leftBox > .bottom*/
	.main .wrap > .first > .leftBox > .bottom{height: 130px;}
	.main .wrap > .first > .leftBox > .bottom > img{margin-right: 12px; margin-top: 10px; margin-left: 7%; width: 100px;}
	.main .wrap > .first > .leftBox > .bottom > div{padding-top: 14px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(1){font-size: 1.3rem; margin-bottom: 3px; margin-left: 5px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(2){font-size: 1.8rem; font-weight: bold; margin-bottom: 8px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3){height: 30px; margin-bottom: 12px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > input{width: 64%; font-size: 1.3rem; padding-left: 10px; margin-right: 6px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button{width: 24%; font-size: 1.3rem; line-height: 32px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button > span{font-weight: bold;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label{width: 14px; height: 14px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span{top: 1px; left: 21px; font-size: 1.2rem; width: 230px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a{font-size: 1.2rem; transform: translateY(-1px);}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a > span{transform: translateY(1px);}

	/*.main .wrap > .first > .rightBox*/
	.main .wrap > .first > .rightBox{width: 30%;}

	/*.main .wrap > .first > .rightBox > .loginBox*/
	.main .wrap > .first > .rightBox > .loginBox{height: 130px; padding-top: 13px; padding-bottom: 0px; margin-bottom: 4px;}

	/*.main .wrap > .first > .rightBox > .loginBox > .inputBox*/
	.main .wrap > .first > .rightBox > .loginBox > .inputBox{width: 89%;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > div{width: 68%; margin-right: 2%;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > div > input{height: 38px; font-size: 1.2rem; padding-left: 10px; line-height: 40px;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > div > input:nth-of-type(1){margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > input{width: 30%; height: 80px; font-size: 1.2rem;}

	/*.main .wrap > .first > .rightBox > .loginBox > .linkBox*/
	.main .wrap > .first > .rightBox > .loginBox > .linkBox{width: 89%; margin: 10px auto 0;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > div > input + label{width: 14px; height: 14px;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > div > input + label > span{top: 2px; left: 19px; font-size: 1.1rem; width: 60px;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > span{width: 2px; height: 12px; margin: 3px 4px;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > a{font-size: 1.1rem; margin-top: 2px;}

	/*.main .wrap > .first > .rightBox > .logoutBox*/
	.main .wrap > .first > .rightBox > .logoutBox{height: 130px; padding: 10px 0 0; margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .logoutBox > .first{font-size: 1.1rem; padding: 4px 6px; margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .logoutBox > .second{font-size: 1.6rem; display: block; margin-bottom: 2px; transform: translateY(0px);}
	.main .wrap > .first > .rightBox > .logoutBox > .third{font-size: 1.1rem; margin-bottom: 10px; display: block;}
	.main .wrap > .first > .rightBox > .logoutBox > .fourth{height: 18px; line-height: 18px; font-size: 1.1rem; margin-bottom: 5px;}
	.main .wrap > .first > .rightBox > .logoutBox > .fifth{height: 26px; line-height: 26px; font-size: 1.4rem;}
	.main .wrap > .first > .rightBox > .logoutBox > .sixth{font-size: 1.2rem; margin-top: 10px; display: none;}
	
	/*.main .wrap > .first > .rightBox > .sns_login*/
	.main .wrap > .first > .rightBox > .sns_login{height: 74px; margin-bottom: 4px; background: url(../img/sns_login.png) no-repeat center; background-size: cover; border-radius: 5px; position: relative;}
	.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; text-align: center;}
	.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > p:nth-of-type(1){font-size: 1.1rem; color: #fff; margin-bottom: 1px;}
	.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > p:nth-of-type(1) > span{color: #93392e;}
	.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > p:nth-of-type(2){font-size: 1.7rem; font-weight: bold; color: #72471d; margin-bottom: 5px;}
	.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > p:nth-of-type(2) > span{color: #ab0609;}
	.main .wrap > .first > .rightBox > .sns_login > .sns_login_wrap > button{width: 150px; height: 23px; border-radius: 50px; background: #fff; color: #70461e; line-height: 25px; }

	/*.main .wrap > .first > .rightBox > .bank*/
	.main .wrap > .first > .rightBox > .bank > div{padding: 14px 12%;}
	.main .wrap > .first > .rightBox > .bank > div > img{margin-bottom: 2px; width: 90px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(1){font-size: 1.4rem; display: block; float: none; margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(2){font-size: 1.1rem; transform: translateY(4px); float: none; display: block;}

	/*.main .wrap > .first > .rightBox > .counsel*/
	.main .wrap > .first > .rightBox > .counsel{height: auto; margin-top: 4px;}
	.main .wrap > .first > .rightBox > .counsel > .top{height: 60px;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > img{margin-right: 8px; width: 30px;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(1){font-size: 1.4rem;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(2){font-size: 1.2rem; font-weight: normal;}
	.main .wrap > .first > .rightBox > .counsel > .bottom{height: 37px; line-height: 37px; font-size: 1.4rem;}
	.main .wrap > .first > .rightBox > .counsel > .bottom > img{margin: 15px 7px;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{width: 98%;}
	
	/*.main .wrap > .second > .title*/
	.main .wrap > .second > .title{height: 70px; line-height: 70px; font-size: 1.7rem;}
	.main .wrap > .second > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .second > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .second .gradeBox*/
	.main .wrap > .second .gradeBox > div{width: auto; height: 240px; margin-bottom: 10px; margin-right: 2%;}
	.main .wrap > .second .gradeBox > div.grade{width: 32%;}

	/*.main .wrap > .second .gradeBox > .gradeGuide*/
	.main .wrap > .second .gradeBox > .gradeGuide{display: none;}
	.main .wrap > .second .gradeBox > .gradeGuide > div{width: 76%; transform: translate(-50%, -60%);}
	.main .wrap > .second .gradeBox > .gradeGuide > div > img{margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(1){font-size: 1.9rem; line-height: 1.3; margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(2){font-size: 1.15rem; line-height: 1.3;}

	/*.main .wrap > .second .gradeBox > .grade*/
	.main .wrap > .second .gradeBox > .grade > div.img{height: 120px; margin-bottom: 16px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(1){margin-left: 10px; font-size: 1.5rem; margin-bottom: 8px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(2){margin-left: 10px; font-size: 1.2rem; line-height: 1.4; margin-bottom: 16px;}
	.main .wrap > .second .gradeBox > .grade > div.button{padding-left: 10px; height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a{width: 90px; font-size: 1.2rem; line-height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a:nth-of-type(1){margin-right: 5px;}

	/*.main .wrap > .third*/
	.main .wrap > .third{width: 98%;}

	/*.main .wrap > .third > .title*/
	.main .wrap > .third > .title{height: 70px; line-height: 70px; font-size: 1.7rem;}
	.main .wrap > .third > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .third > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .third > .post_wrap*/
	.main .wrap > .third > .post_wrap{height: 160px; padding-bottom: 30px;}
	.main .wrap > .third > .post_wrap > .post > iframe{width: 50%;}
	.main .wrap > .third > .post_wrap > .post > .textBox{width: 50%;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content{width: 84%; height: 116px;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .title{font-size: 1.4rem; font-weight: bold; margin-bottom: 10px;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .content{font-size: 1.2rem; line-height: 2; -webkit-line-clamp: 4;}

	/*.main .wrap > .third > .community*/
	.main .wrap > .third > .community{height: 200px; margin-bottom: 4px;}
	.main .wrap > .third > .community > div{width: 32.5%; margin-right: 1.25%;}
	.main .wrap > .third > .community > div:nth-of-type(3){margin-right: 0;}
	

	/*.main .wrap > .third > .community > .community_board > .title*/
	.main .wrap > .third > .community > .community_board > .title{height: 50px;} 
	.main .wrap > .third > .community > .community_board > .title > p{font-size: 1.5rem; line-height: 52px; margin-left: 10%;}
	.main .wrap > .third > .community > .community_board > .title > img{width: 15px; height: 11px; right: 10%;}

	/*.main .wrap > .third > .community > .community_board > p*/
	.main .wrap > .third > .community > .community_board > p{width: 92%; height: 1px;}

	/*.main .wrap > .third > .community > .community_board > .content*/
	.main .wrap > .third > .community > .community_board > .content{padding: 25px 16px;}
	.main .wrap > .third > .community > .community_board > .content > p{font-size: 1.3rem; margin-bottom: 16px;}
	.main .wrap > .third > .community > .community_board > .content > p > span:nth-of-type(1){width: 4px; height: 4px; margin: 5px 0; margin-right: 8px;}

	/*.main .wrap > .third > .community > .serviceCenter*/
	.main .wrap > .third > .community > .serviceCenter{padding-top: 30px; padding-left: 20px;}
	.main .wrap > .third > .community > .serviceCenter > img{margin-bottom: 15px;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(1){font-size: 1.5rem; margin-bottom: 10px; font-weight: bold;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(2){font-size: 1.2rem; margin-bottom: 20px;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(3){font-size: 1.2rem; line-height: 1.5;}

	/*.main .wrap > .third > .community > .introduce*/
	.main .wrap > .third > .community > .introduce{padding-top: 30px; padding-left: 20px; display: none;}
	.main .wrap > .third > .community > .introduce > img{margin-bottom: 10px;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(1){font-size: 1.5rem; margin-bottom: 10px; font-weight: bold;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(2){font-size: 1.2rem; line-height: 1.5;}
	.main .wrap > .third > .community > .introduce > a{bottom: 20px; left: 100px; font-size: 1.35rem;}
	.main .wrap > .third > .community > .introduce > a > img{transform: translate(5px, -2px);}

	/*.main .wrap > .third > .banner*/
	.main .wrap > .third > .banner{height: 100px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(1){font-size: 1.8rem; font-weight: bold; margin-bottom: 4px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(2){font-size: 1.3rem; margin-bottom: 8px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(3){font-size: 1.8rem;}
	.main .wrap > .third > .banner > .banner_wrap > a{width: 172px; height: 46px; line-height: 46px; border-radius: 30px; font-size: 1.5rem;}
}

/*width < 800px*/
@media screen and (max-width: 800px){

	/*.main*/
	.main{padding-top: 0;}
		
	/*.main .wrap > .first*/
	.main .wrap > .first{width: 98%;}

	/*.main .wrap > .first > .leftBox*/
	.main .wrap > .first > .leftBox{width: 100%; float: none;}

	/*.main .wrap > .first > .leftBox > .top*/
	.main .wrap > .first > .leftBox > .top{margin-bottom: 4px;}

	/*.main .wrap > .first > .leftBox > .top > .buttonBox*/
	.main .wrap > .first > .leftBox > .top > .buttonBox{height: 50px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton{width: 8%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton > img{width: 9px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .middleBox{width: 84%; line-height: 48px; font-size: 1.7rem; font-weight: bold;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton{width: 8%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton > img{width: 9px;}

	/*.main .wrap > .first > .leftBox > .top > .numberBox*/
	.main .wrap > .first > .leftBox > .top > .numberBox{height: 80px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > span{width: 50px; height: 50px; line-height: 48px; font-size: 2rem; font-weight: normal; margin: 15px 3px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > img{margin: 32px 3px;}

	/*.main .wrap > .first > .leftBox > .top > .table*/
	.main .wrap > .first > .leftBox > .top > .table > .tr{height: 44px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td{line-height: 44px; font-size: 1.3rem;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(1){width: 9%;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(2){width: 22%; padding-right: 10px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(3){width: 22%; padding-right: 10px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(4){width: 16%; padding-right: 10px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(5){width: 31%; padding-right: 10px;}

	/*.main .wrap > .first > .leftBox > .bottom*/
	.main .wrap > .first > .leftBox > .bottom{height: 150px;}
	.main .wrap > .first > .leftBox > .bottom > img{margin-right: 12px; margin-top: 10px; margin-left: 7%; width: 110px;}
	.main .wrap > .first > .leftBox > .bottom > div{padding-top: 14px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(1){font-size: 1.5rem; margin-bottom: 3px; margin-left: 5px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(2){font-size: 2.2rem; font-weight: bold; margin-bottom: 8px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3){height: 40px; margin-bottom: 12px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > input{width: 64%; font-size: 1.3rem; padding-left: 10px; margin-right: 6px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button{width: 24%; font-size: 1.3rem; line-height: 40px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button > span{font-weight: bold;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label{width: 14px; height: 14px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span{top: 1px; left: 21px; font-size: 1.2rem; width: 230px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a{font-size: 1.2rem; transform: translateY(-1px);}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a > span{transform: translateY(1px);}

	/*.main .wrap > .first > .rightBox*/
	.main .wrap > .first > .rightBox{width: 100%; float: none; margin-top: 4px;}

	/*.main .wrap > .first > .rightBox > .loginBox*/
	.main .wrap > .first > .rightBox > .loginBox{height: 130px; padding-top: 13px; padding-bottom: 0px; margin-bottom: 4px; display: none;}

	/*.main .wrap > .first > .rightBox > .loginBox > .inputBox*/
	.main .wrap > .first > .rightBox > .loginBox > .inputBox{width: 89%;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > div{width: 68%; margin-right: 2%;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > div > input{height: 38px; font-size: 1.2rem; padding-left: 10px; line-height: 40px;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > div > input:nth-of-type(1){margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .loginBox > .inputBox > input{width: 30%; height: 80px; font-size: 1.2rem;}

	/*.main .wrap > .first > .rightBox > .loginBox > .linkBox*/
	.main .wrap > .first > .rightBox > .loginBox > .linkBox{width: 89%; margin: 10px auto 0;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > div > input + label{width: 14px; height: 14px;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > div > input + label > span{top: 2px; left: 19px; font-size: 1.1rem; width: 60px;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > span{width: 2px; height: 12px; margin: 3px 4px;}
	.main .wrap > .first > .rightBox > .loginBox > .linkBox > a{font-size: 1.1rem; margin-top: 2px;}

	/*.main .wrap > .first > .rightBox > .logoutBox*/
	.main .wrap > .first > .rightBox > .logoutBox{height: 130px; padding: 10px 0 0; margin-bottom: 4px; display: none;}
	.main .wrap > .first > .rightBox > .logoutBox > .first{font-size: 1.1rem; padding: 4px 6px; margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .logoutBox > .second{font-size: 1.6rem; display: block; margin-bottom: 2px;}
	.main .wrap > .first > .rightBox > .logoutBox > .third{font-size: 1.1rem; margin-bottom: 10px; display: block;}
	.main .wrap > .first > .rightBox > .logoutBox > .fourth{height: 18px; line-height: 18px; font-size: 1.1rem; margin-bottom: 5px;}
	.main .wrap > .first > .rightBox > .logoutBox > .fifth{height: 26px; line-height: 26px; font-size: 1.4rem;}
	.main .wrap > .first > .rightBox > .logoutBox > .sixth{font-size: 1.2rem; margin-top: 10px; display: none;}

	/*.main .wrap > .first > .rightBox > .bank*/
	.main .wrap > .first > .rightBox > .bank{border: 1px solid #bebfc0;}
	.main .wrap > .first > .rightBox > .bank:after{content: ""; display: block; clear: both;}
	.main .wrap > .first > .rightBox > .bank > div{padding: 20px 3%; float: left; width: 50%; border: none;}
	.main .wrap > .first > .rightBox > .bank > div:nth-of-type(1){border-right: 1px solid #bebfc0;}
	.main .wrap > .first > .rightBox > .bank > div:nth-of-type(2){border-bottom: none;}
	.main .wrap > .first > .rightBox > .bank > div > img{margin-bottom: 8px; width: 140px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(1){font-size: 1.8rem; display: block; float: left; margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(2){font-size: 1.2rem; transform: translateY(6px); float: right; display: block;}

	/*.main .wrap > .first > .rightBox > .counsel*/
	.main .wrap > .first > .rightBox > .counsel{height: auto; margin-top: 4px;}
	.main .wrap > .first > .rightBox > .counsel:after{content: ""; display: block; clear: both;}
	.main .wrap > .first > .rightBox > .counsel > .top{height: 80px; float: left; width: 80%;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > img{margin-right: 8px; width: 44px;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(1){font-size: 2rem;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(2){font-size: 1.6rem; font-weight: normal;}
	.main .wrap > .first > .rightBox > .counsel > .bottom{height: 80px; line-height: 80px; font-size: 1.4rem; float: left; width: 20%;}
	.main .wrap > .first > .rightBox > .counsel > .bottom > img{margin: 36px 7px; display: none;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{width: 98%;}
	
	/*.main .wrap > .second > .title*/
	.main .wrap > .second > .title{height: 90px; line-height: 90px; font-size: 2rem;}
	.main .wrap > .second > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .second > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .second .gradeBox*/
	.main .wrap > .second .gradeBox > div{width: auto; height: 240px; margin-bottom: 10px; margin-right: 2%;}
	.main .wrap > .second .gradeBox > div.grade{width: 32%;}

	/*.main .wrap > .second .gradeBox > .gradeGuide*/
	.main .wrap > .second .gradeBox > .gradeGuide{display: none;}
	.main .wrap > .second .gradeBox > .gradeGuide > div{width: 76%; transform: translate(-50%, -60%);}
	.main .wrap > .second .gradeBox > .gradeGuide > div > img{margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(1){font-size: 1.9rem; line-height: 1.3; margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(2){font-size: 1.15rem; line-height: 1.3;}

	/*.main .wrap > .second .gradeBox > .grade*/
	.main .wrap > .second .gradeBox > .grade > div.img{height: 120px; margin-bottom: 16px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(1){margin-left: 10px; font-size: 1.5rem; margin-bottom: 8px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(2){margin-left: 10px; font-size: 1.2rem; line-height: 1.4; margin-bottom: 16px;}
	.main .wrap > .second .gradeBox > .grade > div.button{padding-left: 10px; height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a{width: 84px; font-size: 1.2rem; line-height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a:nth-of-type(1){margin-right: 5px;}

	/*.main .wrap > .third*/
	.main .wrap > .third{width: 98%;}

	/*.main .wrap > .third > .title*/
	.main .wrap > .third > .title{height: 90px; line-height: 90px; font-size: 2rem;}
	.main .wrap > .third > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .third > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .third > .post_wrap*/
	.main .wrap > .third > .post_wrap{height: 240px; padding-bottom: 30px; margin-bottom: 30px;}
	.main .wrap > .third > .post_wrap > .post{width: 100%;}
	.main .wrap > .third > .post_wrap > .post > iframe{width: 45%;}
	.main .wrap > .third > .post_wrap > .post:nth-of-type(2){display: none;}
	.main .wrap > .third > .post_wrap > .post > .textBox{width: 55%;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content{width: 84%; height: auto;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .title{font-size: 1.8rem; font-weight: bold; margin-bottom: 30px;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .content{font-size: 1.4rem; line-height: 2; -webkit-line-clamp: 4;}

	/*.main .wrap > .third > .community*/
	.main .wrap > .third > .community{height: 200px; margin-bottom: 4px;}
	.main .wrap > .third > .community > div{width: 32.5%; margin-right: 1.25%;}
	.main .wrap > .third > .community > div:nth-of-type(3){margin-right: 0;}
	

	/*.main .wrap > .third > .community > .community_board > .title*/
	.main .wrap > .third > .community > .community_board > .title{height: 50px;} 
	.main .wrap > .third > .community > .community_board > .title > p{font-size: 1.5rem; line-height: 52px; margin-left: 10%;}
	.main .wrap > .third > .community > .community_board > .title > img{width: 15px; height: 11px; right: 10%;}

	/*.main .wrap > .third > .community > .community_board > p*/
	.main .wrap > .third > .community > .community_board > p{width: 92%; height: 1px;}

	/*.main .wrap > .third > .community > .community_board > .content*/
	.main .wrap > .third > .community > .community_board > .content{padding: 25px 16px;}
	.main .wrap > .third > .community > .community_board > .content > p{font-size: 1.3rem; margin-bottom: 16px;}
	.main .wrap > .third > .community > .community_board > .content > p > span:nth-of-type(1){width: 4px; height: 4px; margin: 5px 0; margin-right: 8px;}

	/*.main .wrap > .third > .community > .serviceCenter*/
	.main .wrap > .third > .community > .serviceCenter{padding-top: 30px; padding-left: 20px;}
	.main .wrap > .third > .community > .serviceCenter > img{margin-bottom: 15px;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(1){font-size: 1.5rem; margin-bottom: 10px; font-weight: bold;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(2){font-size: 1.2rem; margin-bottom: 20px;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(3){font-size: 1.2rem; line-height: 1.5;}

	/*.main .wrap > .third > .community > .introduce*/
	.main .wrap > .third > .community > .introduce{padding-top: 30px; padding-left: 20px; display: none;}
	.main .wrap > .third > .community > .introduce > img{margin-bottom: 10px;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(1){font-size: 1.5rem; margin-bottom: 10px; font-weight: bold;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(2){font-size: 1.2rem; line-height: 1.5;}
	.main .wrap > .third > .community > .introduce > a{bottom: 20px; left: 100px; font-size: 1.35rem;}
	.main .wrap > .third > .community > .introduce > a > img{transform: translate(5px, -2px);}

	/*.main .wrap > .third > .banner*/
	.main .wrap > .third > .banner{height: 100px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(1){font-size: 1.8rem; font-weight: bold; margin-bottom: 4px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(2){font-size: 1.3rem; margin-bottom: 8px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(3){font-size: 1.8rem;}
	.main .wrap > .third > .banner > .banner_wrap > a{width: 172px; height: 46px; line-height: 46px; border-radius: 30px; font-size: 1.5rem;}
}

/*width < 640px*/
@media screen and (max-width: 640px){
		
	/*.main .wrap > .first*/
	.main .wrap > .first{width: 98%;}

	/*.main .wrap > .first > .leftBox*/
	.main .wrap > .first > .leftBox{width: 100%; float: none;}

	/*.main .wrap > .first > .leftBox > .top*/
	.main .wrap > .first > .leftBox > .top{margin-bottom: 4px;}

	/*.main .wrap > .first > .leftBox > .top > .buttonBox*/
	.main .wrap > .first > .leftBox > .top > .buttonBox{height: 40px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton{width: 8%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton > img{width: 9px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .middleBox{width: 84%; line-height: 38px; font-size: 1.7rem; font-weight: bold;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton{width: 8%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton > img{width: 9px;}

	/*.main .wrap > .first > .leftBox > .top > .numberBox*/
	.main .wrap > .first > .leftBox > .top > .numberBox{height: 70px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > span{width: 44px; height: 44px; line-height: 44px; font-size: 2rem; font-weight: normal; margin: 13px 3px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > img{margin: 27px 3px;}

	/*.main .wrap > .first > .leftBox > .top > .table*/
	.main .wrap > .first > .leftBox > .top > .table > .tr{height: 40px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td{line-height: 40px; font-size: 1.3rem; letter-spacing: 1px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(1){width: 11%;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(2){width: 34%; padding-right: 7px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(3){width: 34%; padding-right: 7px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(4){width: 21%; padding-right: 7px; border-right: none;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(5){display: none;}

	/*.main .wrap > .first > .leftBox > .bottom*/
	.main .wrap > .first > .leftBox > .bottom{height: 120px;}
	.main .wrap > .first > .leftBox > .bottom > img{margin-right: 12px; margin-top: 7px; margin-left: 7%; width: 80px;}
	.main .wrap > .first > .leftBox > .bottom > div{padding-top: 14px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(1){font-size: 1.2rem; margin-bottom: 3px; margin-left: 5px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(2){font-size: 1.8rem; font-weight: bold; margin-bottom: 8px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3){height: 30px; margin-bottom: 8px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > input{width: 64%; font-size: 1.3rem; padding-left: 10px; margin-right: 6px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button{width: 24%; font-size: 1.1rem; line-height: 32px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button > span{font-weight: bold;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label{width: 12px; height: 12px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span{top: 0px; left: 18px; font-size: 1.05rem; width: 200px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a{font-size: 1.05rem; transform: translateY(-1px);}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a > span{transform: translateY(1px);}

	/*.main .wrap > .first > .rightBox*/
	.main .wrap > .first > .rightBox{width: 100%; float: none; margin-top: 4px;}

	/*.main .wrap > .first > .rightBox > .bank*/
	.main .wrap > .first > .rightBox > .bank{border: 1px solid #bebfc0;}
	.main .wrap > .first > .rightBox > .bank:after{content: ""; display: block; clear: both;}
	.main .wrap > .first > .rightBox > .bank > div{padding: 14px 3%; float: left; width: 50%; border: none;}
	.main .wrap > .first > .rightBox > .bank > div:nth-of-type(1){border-right: 1px solid #bebfc0;}
	.main .wrap > .first > .rightBox > .bank > div:nth-of-type(2){border-bottom: none;}
	.main .wrap > .first > .rightBox > .bank > div > img{margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(1){font-size: 1.8rem; display: block; float: none; margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(2){font-size: 1.2rem; transform: translateY(6px); float: none; display: block;}

	/*.main .wrap > .first > .rightBox > .counsel*/
	.main .wrap > .first > .rightBox > .counsel{height: auto; margin-top: 4px;}
	.main .wrap > .first > .rightBox > .counsel:after{content: ""; display: block; clear: both;}
	.main .wrap > .first > .rightBox > .counsel > .top{height: 80px; float: left; width: 100%; cursor: pointer;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > img{margin-right: 8px; width: 40px;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(1){font-size: 2rem;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(2){font-size: 1.6rem; font-weight: normal;}
	.main .wrap > .first > .rightBox > .counsel > .bottom{height: 80px; line-height: 80px; font-size: 1.4rem; float: left; width: 20%; display: none;}
	.main .wrap > .first > .rightBox > .counsel > .bottom > img{margin: 36px 7px; display: none;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{width: 98%; margin-bottom: 20px;}
	
	/*.main .wrap > .second > .title*/
	.main .wrap > .second > .title{height: 60px; line-height: 60px; font-size: 1.9rem; margin-top: 15px;}
	.main .wrap > .second > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .second > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .second .gradeBox*/
	.main .wrap > .second .gradeBox > div{width: auto; height: auto; margin-bottom: 10px; margin-right: 2%;}
	.main .wrap > .second .gradeBox > div.grade{width: 32%;}

	/*.main .wrap > .second .gradeBox > .gradeGuide*/
	.main .wrap > .second .gradeBox > .gradeGuide{display: none;}
	.main .wrap > .second .gradeBox > .gradeGuide > div{width: 76%; transform: translate(-50%, -60%);}
	.main .wrap > .second .gradeBox > .gradeGuide > div > img{margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(1){font-size: 1.9rem; line-height: 1.3; margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(2){font-size: 1.15rem; line-height: 1.3;}

	/*.main .wrap > .second .gradeBox > .grade*/
	.main .wrap > .second .gradeBox > .grade{margin-bottom: 0;}
	.main .wrap > .second .gradeBox > .grade > div.img{width: 83%; height: 150px; margin: 0 auto; margin-bottom: 16px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(1){margin: 0 auto; padding-left: 8px; width: 86%; font-size: 1.8rem; margin-bottom: 8px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(2){margin: 0 auto; padding-left: 8px; width: 86%; font-size: 1.5rem; line-height: 1.4; margin-bottom: 16px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(2) > br{display: none;}
	.main .wrap > .second .gradeBox > .grade > div.button{width: 86%; margin: 0 auto; padding-left: 10px; height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a{width: 90px; font-size: 1.2rem; line-height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a:nth-of-type(1){margin-right: 5px;}
	.bx-wrapper{position: relative;}
	.bx-controls-direction{position: absolute; width: 100%; top: 52px; text-align: center;}
	.bx-controls-direction > a:nth-of-type(1){width: 24px; margin-right: 44%; display: inline-block; font-weight: bold; font-size: 2.4rem; transform: scaleY(2); color: rgba(0,0,0,.3);}
	.bx-controls-direction > a:nth-of-type(2){width: 24px; margin-left: 44%; display: inline-block; font-weight: bold; font-size: 2.4rem; transform: scaleY(2) translateY(0px); color: rgba(0,0,0,.3);}

	/*.main .wrap > .third*/
	.main .wrap > .third{width: 98%;}

	/*.main .wrap > .third > .title*/
	.main .wrap > .third > .title{height: 60px; line-height: 60px; font-size: 1.9rem; margin-top: 15px; display: none;}
	.main .wrap > .third > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .third > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .third > .post_wrap*/
	.main .wrap > .third > .post_wrap{height: 210px; padding-bottom: 30px; margin-bottom: 30px; display: none;}
	.main .wrap > .third > .post_wrap > .post{width: 100%;}
	.main .wrap > .third > .post_wrap > .post > iframe{width: 45%;}
	.main .wrap > .third > .post_wrap > .post:nth-of-type(2){display: none;}
	.main .wrap > .third > .post_wrap > .post > .textBox{width: 55%;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content{width: 84%; height: auto;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .title{font-size: 1.8rem; font-weight: bold; margin-bottom: 20px;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .content{font-size: 1.4rem; line-height: 2; -webkit-line-clamp: 4;}
	
	/*.main .wrap > .third > .post_wrap_mobile*/
	.main .wrap > .third > .post_wrap_mobile{display: block; background: url(../img/mobile_bacakground.jpg) no-repeat center; background-size: cover; padding: 20px 0; text-align: center;}
	.main .wrap > .third > .post_wrap_mobile > img{display: inline-block; margin-right: 15px; width: 54px;}
	.main .wrap > .third > .post_wrap_mobile > p{display: inline-block; font-size: 3rem; color: #fff; font-weight: bold;}
	.main .wrap > .third > .post_wrap_mobile > p > span{font-size: 1rem; display: block; margin-top: 10px;}

	/*.main .wrap > .third > .community*/
	.main .wrap > .third > .community{height: auto; margin-bottom: 4px;}
	.main .wrap > .third > .community > div{width: 32.5%; margin-right: 1.25%;}
	.main .wrap > .third > .community > div:nth-of-type(3){margin-right: 0;}
	.main .wrap > .third > .community > .notice{width: 100%; float: none; margin-bottom: 4px;}
	.main .wrap > .third > .community > .question{display: none;}
	
	/*.main .wrap > .third > .community > .community_board > .title*/
	.main .wrap > .third > .community > .community_board > .title{height: 40px;} 
	.main .wrap > .third > .community > .community_board > .title > p{font-size: 1.4rem; line-height: 42px; margin-left: 5%;}
	.main .wrap > .third > .community > .community_board > .title > img{width: 15px; height: 11px; right: 5%;}

	/*.main .wrap > .third > .community > .community_board > p*/
	.main .wrap > .third > .community > .community_board > p{width: 92%; height: 1px;}

	/*.main .wrap > .third > .community > .community_board > .content*/
	.main .wrap > .third > .community > .community_board > .content{padding: 14px 16px;}
	.main .wrap > .third > .community > .community_board > .content > p{font-size: 1.3rem; margin-bottom: 12px;}
	.main .wrap > .third > .community > .community_board > .content > p:nth-of-type(3){margin-bottom: 0;}
	.main .wrap > .third > .community > .community_board > .content > p:nth-of-type(4){display: none;}
	.main .wrap > .third > .community > .community_board > .content > p > span:nth-of-type(1){width: 4px; height: 4px; margin: 5px 0; margin-right: 8px;}

	/*.main .wrap > .third > .community > .serviceCenter*/
	.main .wrap > .third > .community > .serviceCenter{padding-top: 14px; padding-bottom: 14px; padding-left: 20px; float: none; width: 100%;}
	.main .wrap > .third > .community > .serviceCenter > img{margin-bottom: 10px;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(1){font-size: 1.9rem; margin-bottom: 6px; margin-right: 6px; font-weight: bold; display: inline-block;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(2){font-size: 1.4rem; margin-bottom: 0px; display: inline-block; transform: translateY(3px);}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(3){font-size: 1.3rem; line-height: 1.5;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(3) > br{display: none;}

	/*.main .wrap > .third > .community > .introduce*/
	.main .wrap > .third > .community > .introduce{padding-top: 30px; padding-left: 20px; display: none;}
	.main .wrap > .third > .community > .introduce > img{margin-bottom: 10px;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(1){font-size: 1.5rem; margin-bottom: 10px; font-weight: bold;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(2){font-size: 1.2rem; line-height: 1.5;}
	.main .wrap > .third > .community > .introduce > a{bottom: 20px; left: 100px; font-size: 1.35rem;}
	.main .wrap > .third > .community > .introduce > a > img{transform: translate(5px, -2px);}

	/*.main .wrap > .third > .banner*/
	.main .wrap > .third > .banner{height: 100px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(1){font-size: 1.8rem; font-weight: bold; margin-bottom: 4px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(2){font-size: 1.3rem; margin-bottom: 8px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(3){font-size: 1.8rem;}
	.main .wrap > .third > .banner > .banner_wrap > a{width: 172px; height: 46px; line-height: 46px; border-radius: 30px; font-size: 1.5rem;}
}

/*width < 480px*/
@media screen and (max-width: 480px){
		
	/*.main .wrap > .first*/
	.main .wrap > .first{width: 98%;}

	/*.main .wrap > .first > .leftBox*/
	.main .wrap > .first > .leftBox{width: 100%; float: none;}

	/*.main .wrap > .first > .leftBox > .top*/
	.main .wrap > .first > .leftBox > .top{margin-bottom: 4px;}

	/*.main .wrap > .first > .leftBox > .top > .buttonBox*/
	.main .wrap > .first > .leftBox > .top > .buttonBox{height: 40px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton{width: 10%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton > img{width: 9px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .middleBox{width: 80%; line-height: 38px; font-size: 1.6rem; font-weight: bold;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton{width: 10%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton > img{width: 9px;}

	/*.main .wrap > .first > .leftBox > .top > .numberBox*/
	.main .wrap > .first > .leftBox > .top > .numberBox{height: 70px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > span{width: 44px; height: 44px; line-height: 44px; font-size: 2rem; font-weight: normal; margin: 13px 3px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > img{margin: 27px 3px;}

	/*.main .wrap > .first > .leftBox > .top > .table*/
	.main .wrap > .first > .leftBox > .top > .table > .tr{height: 40px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td{line-height: 40px; font-size: 1.2rem; letter-spacing: 1px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(1){width: 11%;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(2){width: 34%; padding-right: 7px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(3){width: 34%; padding-right: 7px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(4){width: 21%; padding-right: 7px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(5){display: none;}

	/*.main .wrap > .first > .leftBox > .bottom*/
	.main .wrap > .first > .leftBox > .bottom{height: 120px;}
	.main .wrap > .first > .leftBox > .bottom > img{margin-right: 12px; margin-top: 7px; margin-left: 7%; width: 80px;}
	.main .wrap > .first > .leftBox > .bottom > div{padding-top: 14px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(1){font-size: 1.2rem; margin-bottom: 3px; margin-left: 5px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(2){font-size: 1.8rem; font-weight: bold; margin-bottom: 8px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3){height: 28px; margin-bottom: 8px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > input{width: 64%; font-size: 1.3rem; padding-left: 10px; margin-right: 6px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button{width: 24%; font-size: 1.1rem; line-height: 30px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button > span{font-weight: bold;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button > i{display: none;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label{width: 12px; height: 12px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span{top: 0px; left: 18px; font-size: 1.05rem; width: 200px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a{font-size: 1.05rem; transform: translateY(-1px);}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a > span{transform: translateY(1px);}

	/*.main .wrap > .first > .rightBox*/
	.main .wrap > .first > .rightBox{width: 100%; float: none; margin-top: 4px;}

	/*.main .wrap > .first > .rightBox > .bank*/
	.main .wrap > .first > .rightBox > .bank{border: 1px solid #BDBFC0;}
	.main .wrap > .first > .rightBox > .bank:after{content: ""; display: block; clear: both;}
	.main .wrap > .first > .rightBox > .bank > div{padding: 14px 3%; float: left; width: 50%; border: none;}
	.main .wrap > .first > .rightBox > .bank > div:nth-of-type(1){border-right: 1px solid #BDBFC0;}
	.main .wrap > .first > .rightBox > .bank > div:nth-of-type(2){border-bottom: none;}
	.main .wrap > .first > .rightBox > .bank > div > img{margin-bottom: 2px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(1){font-size: 1.8rem; display: block; float: none; margin-bottom: 2px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(2){font-size: 1.2rem; transform: translateY(6px); float: none; display: block;}

	/*.main .wrap > .first > .rightBox > .counsel*/
	.main .wrap > .first > .rightBox > .counsel{height: auto; margin-top: 4px;}
	.main .wrap > .first > .rightBox > .counsel:after{content: ""; display: block; clear: both;}
	.main .wrap > .first > .rightBox > .counsel > .top{height: 70px; float: left; width: 100%; cursor: pointer;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > img{margin-right: 8px;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(1){font-size: 1.8rem;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(2){font-size: 1.4rem; font-weight: normal;}
	.main .wrap > .first > .rightBox > .counsel > .bottom{height: 80px; line-height: 80px; font-size: 1.4rem; float: left; width: 20%; display: none;}
	.main .wrap > .first > .rightBox > .counsel > .bottom > img{margin: 36px 7px; display: none;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{width: 98%; margin-bottom: 20px;}
	
	/*.main .wrap > .second > .title*/
	.main .wrap > .second > .title{height: 60px; line-height: 60px; font-size: 1.9rem; margin-top: 15px;}
	.main .wrap > .second > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .second > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .second .gradeBox*/
	.main .wrap > .second .gradeBox > div{width: auto; height: auto; margin-bottom: 10px; margin-right: 2%;}
	.main .wrap > .second .gradeBox > div.grade{width: 32%;}

	/*.main .wrap > .second .gradeBox > .gradeGuide*/
	.main .wrap > .second .gradeBox > .gradeGuide{display: none;}
	.main .wrap > .second .gradeBox > .gradeGuide > div{width: 76%; transform: translate(-50%, -60%);}
	.main .wrap > .second .gradeBox > .gradeGuide > div > img{margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(1){font-size: 1.9rem; line-height: 1.3; margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(2){font-size: 1.15rem; line-height: 1.3;}

	/*.main .wrap > .second .gradeBox > .grade*/
	.main .wrap > .second .gradeBox > .grade{margin-bottom: 0;}
	.main .wrap > .second .gradeBox > .grade > div.img{width: 83%; height: 150px; margin: 0 auto; margin-bottom: 16px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(1){margin: 0 auto; padding-left: 8px; width: 86%; font-size: 1.6rem; margin-bottom: 4px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(2){margin: 0 auto; padding-left: 8px; width: 86%; font-size: 1.3rem; line-height: 1.4; margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(2) > br{display: none;}
	.main .wrap > .second .gradeBox > .grade > div.button{width: 86%; margin: 0 auto; padding-left: 10px; height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a{width: 70px; font-size: 1.2rem; line-height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a:nth-of-type(1){margin-right: 5px;}
	.bx-wrapper{position: relative;}
	.bx-controls-direction{position: absolute; width: 100%; top: 52px; text-align: center;}
	.bx-controls-direction > a:nth-of-type(1){width: 24px; margin-right: 44%; display: inline-block; font-weight: bold; font-size: 2.4rem; transform: scaleY(2); color: rgba(0,0,0,.3);}
	.bx-controls-direction > a:nth-of-type(2){width: 24px; margin-left: 44%; display: inline-block; font-weight: bold; font-size: 2.4rem; transform: scaleY(2) translateY(0px); color: rgba(0,0,0,.3);}

	/*.main .wrap > .third*/
	.main .wrap > .third{width: 98%;}

	/*.main .wrap > .third > .title*/
	.main .wrap > .third > .title{height: 60px; line-height: 60px; font-size: 1.9rem; margin-top: 15px; display: none;}
	.main .wrap > .third > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .third > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .third > .post_wrap*/
	.main .wrap > .third > .post_wrap{height: 210px; padding-bottom: 30px; margin-bottom: 30px; display: none;}
	.main .wrap > .third > .post_wrap > .post{width: 100%;}
	.main .wrap > .third > .post_wrap > .post > iframe{width: 45%;}
	.main .wrap > .third > .post_wrap > .post:nth-of-type(2){display: none;}
	.main .wrap > .third > .post_wrap > .post > .textBox{width: 55%;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content{width: 84%; height: auto;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .title{font-size: 1.8rem; font-weight: bold; margin-bottom: 20px;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .content{font-size: 1.4rem; line-height: 2; -webkit-line-clamp: 4;}
	
	/*.main .wrap > .third > .post_wrap_mobile*/
	.main .wrap > .third > .post_wrap_mobile{display: block; background: url(../img/mobile_bacakground.jpg) no-repeat center; background-size: cover; padding: 20px 0; text-align: center;}
	.main .wrap > .third > .post_wrap_mobile > img{display: inline-block; margin-right: 10px; width: 46px;}
	.main .wrap > .third > .post_wrap_mobile > p{display: inline-block; font-size: 2.2rem; color: #fff; font-weight: bold;}
	.main .wrap > .third > .post_wrap_mobile > p > span{font-size: 1rem; display: block; margin-top: 4px;}

	/*.main .wrap > .third > .community*/
	.main .wrap > .third > .community{height: auto; margin-bottom: 4px;}
	.main .wrap > .third > .community > div{width: 32.5%; margin-right: 1.25%;}
	.main .wrap > .third > .community > div:nth-of-type(3){margin-right: 0;}
	.main .wrap > .third > .community > .notice{width: 100%; float: none; margin-bottom: 4px;}
	.main .wrap > .third > .community > .question{display: none;}
	
	/*.main .wrap > .third > .community > .community_board > .title*/
	.main .wrap > .third > .community > .community_board > .title{height: 40px;} 
	.main .wrap > .third > .community > .community_board > .title > p{font-size: 1.4rem; line-height: 42px; margin-left: 5%;}
	.main .wrap > .third > .community > .community_board > .title > img{width: 15px; height: 11px; right: 5%;}

	/*.main .wrap > .third > .community > .community_board > p*/
	.main .wrap > .third > .community > .community_board > p{width: 92%; height: 1px;}

	/*.main .wrap > .third > .community > .community_board > .content*/
	.main .wrap > .third > .community > .community_board > .content{padding: 14px 16px;}
	.main .wrap > .third > .community > .community_board > .content > p{font-size: 1.3rem; margin-bottom: 8px;}
	.main .wrap > .third > .community > .community_board > .content > p:nth-of-type(3){margin-bottom: 0;}
	.main .wrap > .third > .community > .community_board > .content > p:nth-of-type(4){display: none;}
	.main .wrap > .third > .community > .community_board > .content > p > span:nth-of-type(1){width: 4px; height: 4px; margin: 5px 0; margin-right: 8px;}

	/*.main .wrap > .third > .community > .serviceCenter*/
	.main .wrap > .third > .community > .serviceCenter{padding-top: 14px; padding-bottom: 14px; padding-left: 20px; float: none; width: 100%;}
	.main .wrap > .third > .community > .serviceCenter > img{margin-bottom: 6px; width: 54px;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(1){font-size: 2.1rem; margin-bottom: 3px; margin-right: 6px; font-weight: bold; display: inline-block;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(2){font-size: 1.4rem; margin-bottom: 0px; display: inline-block; transform: translateY(6px);}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(3){font-size: 1.2rem; line-height: 1.5;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(3) > br{display: none;}

	/*.main .wrap > .third > .community > .introduce*/
	.main .wrap > .third > .community > .introduce{padding-top: 30px; padding-left: 20px; display: none;}
	.main .wrap > .third > .community > .introduce > img{margin-bottom: 10px;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(1){font-size: 1.5rem; margin-bottom: 10px; font-weight: bold;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(2){font-size: 1.2rem; line-height: 1.5;}
	.main .wrap > .third > .community > .introduce > a{bottom: 20px; left: 100px; font-size: 1.35rem;}
	.main .wrap > .third > .community > .introduce > a > img{transform: translate(5px, -2px);}

	/*.main .wrap > .third > .banner*/
	.main .wrap > .third > .banner{height: 100px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(1){font-size: 2rem; font-weight: bold; margin-bottom: 4px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(2){font-size: 1.3rem; margin-bottom: 4px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(3){font-size: 1.5rem;}
	.main .wrap > .third > .banner > .banner_wrap > a{width: 172px; height: 46px; line-height: 46px; border-radius: 30px; font-size: 1.5rem;}
}

/*width < 440px*/
@media screen and (max-width: 440px){
		
	/*.main .wrap > .first*/
	.main .wrap > .first{width: 98%;}

	/*.main .wrap > .first > .leftBox*/
	.main .wrap > .first > .leftBox{width: 100%; float: none;}

	/*.main .wrap > .first > .leftBox > .top*/
	.main .wrap > .first > .leftBox > .top{margin-bottom: 4px;}

	/*.main .wrap > .first > .leftBox > .top > .buttonBox*/
	.main .wrap > .first > .leftBox > .top > .buttonBox{height: 40px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton{width: 10%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton > img{width: 9px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .middleBox{width: 80%; line-height: 38px; font-size: 1.4rem; font-weight: bold;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton{width: 10%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton > img{width: 9px;}

	/*.main .wrap > .first > .leftBox > .top > .numberBox*/
	.main .wrap > .first > .leftBox > .top > .numberBox{height: 70px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > span{width: 40px; height: 40px; line-height: 40px; font-size: 1.8rem; font-weight: normal; margin: 15px 3px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > img{margin: 27px 3px;}

	/*.main .wrap > .first > .leftBox > .top > .table*/
	.main .wrap > .first > .leftBox > .top > .table > .tr{height: 38px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td{line-height: 38px; font-size: 1.24rem; letter-spacing: 0px; word-spacing: 1px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(1){width: 11%;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(2){width: 34%; padding-right: 7px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(3){width: 34%; padding-right: 7px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(4){width: 21%; padding-right: 7px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(5){display: none;}

	/*.main .wrap > .first > .leftBox > .bottom*/
	.main .wrap > .first > .leftBox > .bottom{height: 120px;}
	.main .wrap > .first > .leftBox > .bottom > img{margin-right: 12px; margin-top: 7px; margin-left: 7%; width: 80px;}
	.main .wrap > .first > .leftBox > .bottom > div{padding-top: 14px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(1){font-size: 1.2rem; margin-bottom: 3px; margin-left: 5px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(2){font-size: 1.8rem; font-weight: bold; margin-bottom: 8px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3){height: 28px; margin-bottom: 8px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > input{width: 64%; font-size: 1.2rem; padding-left: 10px; margin-right: 3px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button{width: 24%; font-size: 1.1rem; line-height: 30px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button > span{font-weight: bold;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button > i{display: none;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label{width: 12px; height: 12px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span{top: 0px; left: 18px; font-size: 1.05rem; width: 200px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a{font-size: 1.05rem; transform: translateY(-1px);}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a > span{transform: translateY(1px);}

	/*.main .wrap > .first > .rightBox*/
	.main .wrap > .first > .rightBox{width: 100%; float: none; margin-top: 4px;}

	/*.main .wrap > .first > .rightBox > .bank*/
	.main .wrap > .first > .rightBox > .bank:after{content: ""; display: block; clear: both;}
	.main .wrap > .first > .rightBox > .bank > div{padding: 14px 3%; float: left; width: 50%; border: none;}
	.main .wrap > .first > .rightBox > .bank > div:nth-of-type(2){border-bottom: none;}
	.main .wrap > .first > .rightBox > .bank > div > img{margin-bottom: 2px; width: 100px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(1){font-size: 1.6rem; display: block; float: none; margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(2){font-size: 1.2rem; transform: translateY(6px); float: none; display: block;}

	/*.main .wrap > .first > .rightBox > .counsel*/
	.main .wrap > .first > .rightBox > .counsel{height: auto; margin-top: 4px;}
	.main .wrap > .first > .rightBox > .counsel:after{content: ""; display: block; clear: both;}
	.main .wrap > .first > .rightBox > .counsel > .top{height: 70px; float: left; width: 100%; cursor: pointer;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > img{margin-right: 8px;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(1){font-size: 1.8rem;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(2){font-size: 1.4rem; font-weight: normal;}
	.main .wrap > .first > .rightBox > .counsel > .bottom{height: 80px; line-height: 80px; font-size: 1.4rem; float: left; width: 20%; display: none;}
	.main .wrap > .first > .rightBox > .counsel > .bottom > img{margin: 36px 7px; display: none;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{width: 98%; margin-bottom: 20px;}
	
	/*.main .wrap > .second > .title*/
	.main .wrap > .second > .title{height: 60px; line-height: 60px; font-size: 1.9rem; margin-top: 15px;}
	.main .wrap > .second > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .second > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .second .gradeBox*/
	.main .wrap > .second .gradeBox > div{width: auto; height: auto; margin-bottom: 10px; margin-right: 2%;}
	.main .wrap > .second .gradeBox > div.grade{width: 32%;}

	/*.main .wrap > .second .gradeBox > .gradeGuide*/
	.main .wrap > .second .gradeBox > .gradeGuide{display: none;}
	.main .wrap > .second .gradeBox > .gradeGuide > div{width: 76%; transform: translate(-50%, -60%);}
	.main .wrap > .second .gradeBox > .gradeGuide > div > img{margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(1){font-size: 1.9rem; line-height: 1.3; margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(2){font-size: 1.15rem; line-height: 1.3;}

	/*.main .wrap > .second .gradeBox > .grade*/
	.main .wrap > .second .gradeBox > .grade{margin-bottom: 0;}
	.main .wrap > .second .gradeBox > .grade > div.img{width: 80%; height: 150px; margin: 0 auto; margin-bottom: 12px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(1){margin: 0 auto; padding-left: 8px; width: 82%; font-size: 1.6rem; margin-bottom: 4px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(2){margin: 0 auto; padding-left: 8px; width: 82%; font-size: 1.2rem; line-height: 1.4; margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(2) > br{display: none;}
	.main .wrap > .second .gradeBox > .grade > div.button{width: 82%; margin: 0 auto; padding-left: 10px; height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a{width: 70px; font-size: 1.2rem; line-height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a:nth-of-type(1){margin-right: 5px;}
	.bx-wrapper{position: relative;}
	.bx-controls-direction{position: absolute; width: 100%; top: 52px; text-align: center;}
	.bx-controls-direction > a:nth-of-type(1){width: 20px; margin-right: 44%; display: inline-block; font-weight: bold; font-size: 2rem; transform: scaleY(2); color: rgba(0,0,0,.3);}
	.bx-controls-direction > a:nth-of-type(2){width: 20px; margin-left: 44%; display: inline-block; font-weight: bold; font-size: 2rem; transform: scaleY(2) translateY(0px); color: rgba(0,0,0,.3);}

	/*.main .wrap > .third*/
	.main .wrap > .third{width: 98%;}

	/*.main .wrap > .third > .title*/
	.main .wrap > .third > .title{height: 60px; line-height: 60px; font-size: 1.9rem; margin-top: 15px; display: none;}
	.main .wrap > .third > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .third > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .third > .post_wrap*/
	.main .wrap > .third > .post_wrap{height: 210px; padding-bottom: 30px; margin-bottom: 30px; display: none;}
	.main .wrap > .third > .post_wrap > .post{width: 100%;}
	.main .wrap > .third > .post_wrap > .post > iframe{width: 45%;}
	.main .wrap > .third > .post_wrap > .post:nth-of-type(2){display: none;}
	.main .wrap > .third > .post_wrap > .post > .textBox{width: 55%;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content{width: 84%; height: auto;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .title{font-size: 1.8rem; font-weight: bold; margin-bottom: 20px;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .content{font-size: 1.4rem; line-height: 2; -webkit-line-clamp: 4;}
	
	/*.main .wrap > .third > .post_wrap_mobile*/
	.main .wrap > .third > .post_wrap_mobile{display: block; background: url(../img/mobile_bacakground.jpg) no-repeat center; background-size: cover; padding: 20px 0; text-align: center;}
	.main .wrap > .third > .post_wrap_mobile > img{display: inline-block; margin-right: 10px; width: 46px;}
	.main .wrap > .third > .post_wrap_mobile > p{display: inline-block; font-size: 2.2rem; color: #fff; font-weight: bold;}
	.main .wrap > .third > .post_wrap_mobile > p > span{font-size: 1rem; display: block; margin-top: 4px;}

	/*.main .wrap > .third > .community*/
	.main .wrap > .third > .community{height: auto; margin-bottom: 4px;}
	.main .wrap > .third > .community > div{width: 32.5%; margin-right: 1.25%;}
	.main .wrap > .third > .community > div:nth-of-type(3){margin-right: 0;}
	.main .wrap > .third > .community > .notice{width: 100%; float: none; margin-bottom: 4px;}
	.main .wrap > .third > .community > .question{display: none;}
	
	/*.main .wrap > .third > .community > .community_board > .title*/
	.main .wrap > .third > .community > .community_board > .title{height: 40px;} 
	.main .wrap > .third > .community > .community_board > .title > p{font-size: 1.4rem; line-height: 42px; margin-left: 5%;}
	.main .wrap > .third > .community > .community_board > .title > img{width: 15px; height: 11px; right: 5%;}

	/*.main .wrap > .third > .community > .community_board > p*/
	.main .wrap > .third > .community > .community_board > p{width: 92%; height: 1px;}

	/*.main .wrap > .third > .community > .community_board > .content*/
	.main .wrap > .third > .community > .community_board > .content{padding: 14px 16px;}
	.main .wrap > .third > .community > .community_board > .content > p{font-size: 1.3rem; margin-bottom: 8px;}
	.main .wrap > .third > .community > .community_board > .content > p:nth-of-type(3){margin-bottom: 0;}
	.main .wrap > .third > .community > .community_board > .content > p:nth-of-type(4){display: none;}
	.main .wrap > .third > .community > .community_board > .content > p > span:nth-of-type(1){width: 4px; height: 4px; margin: 5px 0; margin-right: 8px;}

	/*.main .wrap > .third > .community > .serviceCenter*/
	.main .wrap > .third > .community > .serviceCenter{padding-top: 14px; padding-bottom: 14px; padding-left: 20px; float: none; width: 100%;}
	.main .wrap > .third > .community > .serviceCenter > img{margin-bottom: 6px; width: 54px;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(1){font-size: 2rem; margin-bottom: 3px; margin-right: 6px; font-weight: bold; display: inline-block;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(2){font-size: 1.2rem; margin-bottom: 0px; display: inline-block; transform: translateY(7px);}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(3){font-size: 1.2rem; line-height: 1.5;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(3) > br{display: none;}

	/*.main .wrap > .third > .community > .introduce*/
	.main .wrap > .third > .community > .introduce{padding-top: 30px; padding-left: 20px; display: none;}
	.main .wrap > .third > .community > .introduce > img{margin-bottom: 10px;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(1){font-size: 1.5rem; margin-bottom: 10px; font-weight: bold;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(2){font-size: 1.2rem; line-height: 1.5;}
	.main .wrap > .third > .community > .introduce > a{bottom: 20px; left: 100px; font-size: 1.35rem;}
	.main .wrap > .third > .community > .introduce > a > img{transform: translate(5px, -2px);}

	/*.main .wrap > .third > .banner*/
	.main .wrap > .third > .banner{height: 100px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(1){font-size: 2rem; font-weight: bold; margin-bottom: 4px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(2){font-size: 1.3rem; margin-bottom: 4px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(3){font-size: 1.5rem;}
	.main .wrap > .third > .banner > .banner_wrap > a{width: 172px; height: 46px; line-height: 46px; border-radius: 30px; font-size: 1.5rem;}
}

/*width < 400px*/
@media screen and (max-width: 400px){
		
	/*.main .wrap > .first*/
	.main .wrap > .first{width: 98%;}

	/*.main .wrap > .first > .leftBox*/
	.main .wrap > .first > .leftBox{width: 100%; float: none;}

	/*.main .wrap > .first > .leftBox > .top*/
	.main .wrap > .first > .leftBox > .top{margin-bottom: 4px;}

	/*.main .wrap > .first > .leftBox > .top > .buttonBox*/
	.main .wrap > .first > .leftBox > .top > .buttonBox{height: 40px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton{width: 12%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .leftButton > img{width: 9px;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .middleBox{width: 76%; line-height: 38px; font-size: 1.25rem; font-weight: bold;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton{width: 12%;}
	.main .wrap > .first > .leftBox > .top > .buttonBox > .rightButton > img{width: 9px;}

	/*.main .wrap > .first > .leftBox > .top > .numberBox*/
	.main .wrap > .first > .leftBox > .top > .numberBox{height: 60px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > span{width: 36px; height: 36px; line-height: 36px; font-size: 1.6rem; font-weight: normal; margin: 12px 1px;}
	.main .wrap > .first > .leftBox > .top > .numberBox > img{margin: 22px 3px;}

	/*.main .wrap > .first > .leftBox > .top > .table*/
	.main .wrap > .first > .leftBox > .top > .table > .tr{height: 38px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td{line-height: 38px; font-size: 1.1rem; letter-spacing: 0px; word-spacing: 0px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(1){width: 11%;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(2){width: 34%; padding-right: 3px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(3){width: 34%; padding-right: 3px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(4){width: 21%; padding-right: 3px;}
	.main .wrap > .first > .leftBox > .top > .table > .tr > .td:nth-of-type(5){display: none;}

	/*.main .wrap > .first > .leftBox > .bottom*/
	.main .wrap > .first > .leftBox > .bottom{height: 110px;}
	.main .wrap > .first > .leftBox > .bottom > img{margin-right: 12px; margin-top: 10px; margin-left: 4%; width: 70px;}
	.main .wrap > .first > .leftBox > .bottom > div{padding-top: 10px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(1){font-size: 1.2rem; margin-bottom: 3px; margin-left: 5px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(2){font-size: 1.8rem; font-weight: bold; margin-bottom: 8px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3){height: 28px; margin-bottom: 8px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > input{width: 64%; font-size: 1rem; padding-left: 6px; margin-right: 3px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button{width: 24%; font-size: 1.1rem; line-height: 30px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button > span{font-weight: bold;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(3) > button > i{display: none;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label{width: 12px; height: 12px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span{top: 0px; left: 18px; font-size: 1.05rem; width: 200px;}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a{font-size: 1.05rem; transform: translateY(-1px);}
	.main .wrap > .first > .leftBox > .bottom > div > p:nth-of-type(4) > input + label > span > a > span{transform: translateY(1px);}

	/*.main .wrap > .first > .rightBox*/
	.main .wrap > .first > .rightBox{width: 100%; float: none; margin-top: 4px;}

	/*.main .wrap > .first > .rightBox > .bank*/
	.main .wrap > .first > .rightBox > .bank:after{content: ""; display: block; clear: both;}
	.main .wrap > .first > .rightBox > .bank > div{padding: 14px 3%; float: left; width: 50%; border: none;}
	.main .wrap > .first > .rightBox > .bank > div:nth-of-type(2){border-bottom: none;}
	.main .wrap > .first > .rightBox > .bank > div > img{margin-bottom: 2px; width: 110px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(1){font-size: 1.6rem; display: block; float: none; margin-bottom: 4px;}
	.main .wrap > .first > .rightBox > .bank > div > p > span:nth-of-type(2){font-size: 1.2rem; transform: translateY(6px); float: none; display: block;}

	/*.main .wrap > .first > .rightBox > .counsel*/
	.main .wrap > .first > .rightBox > .counsel{height: auto; margin-top: 4px;}
	.main .wrap > .first > .rightBox > .counsel:after{content: ""; display: block; clear: both;}
	.main .wrap > .first > .rightBox > .counsel > .top{height: 70px; float: left; width: 100%; cursor: pointer;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > img{margin-right: 8px;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(1){font-size: 1.8rem;}
	.main .wrap > .first > .rightBox > .counsel > .top > div > p > span:nth-of-type(2){font-size: 1.4rem; font-weight: normal;}
	.main .wrap > .first > .rightBox > .counsel > .bottom{height: 80px; line-height: 80px; font-size: 1.4rem; float: left; width: 20%; display: none;}
	.main .wrap > .first > .rightBox > .counsel > .bottom > img{margin: 36px 7px; display: none;}
	
	/*.main .wrap > .second*/
	.main .wrap > .second{width: 98%; margin-bottom: 20px;}
	
	/*.main .wrap > .second > .title*/
	.main .wrap > .second > .title{height: 60px; line-height: 60px; font-size: 1.9rem; margin-top: 0px;}
	.main .wrap > .second > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .second > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .second .gradeBox*/
	.main .wrap > .second .gradeBox > div{width: auto; height: auto; margin-bottom: 10px; margin-right: 2%;}
	.main .wrap > .second .gradeBox > div.grade{width: 32%;}

	/*.main .wrap > .second .gradeBox > .gradeGuide*/
	.main .wrap > .second .gradeBox > .gradeGuide{display: none;}
	.main .wrap > .second .gradeBox > .gradeGuide > div{width: 76%; transform: translate(-50%, -60%);}
	.main .wrap > .second .gradeBox > .gradeGuide > div > img{margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(1){font-size: 1.9rem; line-height: 1.3; margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .gradeGuide > div > p:nth-of-type(2){font-size: 1.15rem; line-height: 1.3;}

	/*.main .wrap > .second .gradeBox > .grade*/
	.main .wrap > .second .gradeBox > .grade{margin-bottom: 0;}
	.main .wrap > .second .gradeBox > .grade > div.img{width: 98%; height: 150px; margin: 0 auto; margin-bottom: 12px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(1){margin: 0 auto; padding-left: 8px; width: 98%; font-size: 1.6rem; margin-bottom: 4px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(2){margin: 0 auto; padding-left: 8px; width: 98%; font-size: 1.14rem; line-height: 1.4; margin-bottom: 10px;}
	.main .wrap > .second .gradeBox > .grade > p:nth-of-type(2) > br{display: none;}
	.main .wrap > .second .gradeBox > .grade > div.button{width: 98%; margin: 0 auto; padding-left: 10px; height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a{width: 70px; font-size: 1.2rem; line-height: 31px;}
	.main .wrap > .second .gradeBox > .grade > div.button > a:nth-of-type(1){margin-right: 5px;}
	.bx-wrapper{position: relative;}
	.bx-controls-direction{position: absolute; width: 100%; top: 52px; text-align: center;}
	.bx-controls-direction > a:nth-of-type(1){width: 20px; margin-right: 43%; display: inline-block; font-weight: bold; font-size: 2rem; transform: scaleY(2); color: #333;}
	.bx-controls-direction > a:nth-of-type(2){width: 20px; margin-left: 43%; display: inline-block; font-weight: bold; font-size: 2rem; transform: scaleY(2) translateY(0px); color: #333;}

	/*.main .wrap > .third*/
	.main .wrap > .third{width: 98%;}

	/*.main .wrap > .third > .title*/
	.main .wrap > .third > .title{height: 60px; line-height: 60px; font-size: 1.9rem; margin-top: 15px; display: none;}
	.main .wrap > .third > .title > span:nth-of-type(1){padding: 0 16px;}
	.main .wrap > .third > .title > span:nth-of-type(2){height: 2px;}

	/*.main .wrap > .third > .post_wrap*/
	.main .wrap > .third > .post_wrap{height: 210px; padding-bottom: 30px; margin-bottom: 30px; display: none;}
	.main .wrap > .third > .post_wrap > .post{width: 100%;}
	.main .wrap > .third > .post_wrap > .post > iframe{width: 45%;}
	.main .wrap > .third > .post_wrap > .post:nth-of-type(2){display: none;}
	.main .wrap > .third > .post_wrap > .post > .textBox{width: 55%;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content{width: 84%; height: auto;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .title{font-size: 1.8rem; font-weight: bold; margin-bottom: 20px;}
	.main .wrap > .third > .post_wrap > .post > .textBox > .textBox_content > .content{font-size: 1.4rem; line-height: 2; -webkit-line-clamp: 4;}
	
	/*.main .wrap > .third > .post_wrap_mobile*/
	.main .wrap > .third > .post_wrap_mobile{display: block; background: url(../img/mobile_bacakground.jpg) no-repeat center; background-size: cover; padding: 20px 0; text-align: center;}
	.main .wrap > .third > .post_wrap_mobile > img{display: inline-block; margin-right: 10px; width: 40px;}
	.main .wrap > .third > .post_wrap_mobile > p{display: inline-block; font-size: 2rem; color: #fff; font-weight: bold;}
	.main .wrap > .third > .post_wrap_mobile > p > span{font-size: 1rem; display: block; margin-top: 4px;}

	/*.main .wrap > .third > .community*/
	.main .wrap > .third > .community{height: auto; margin-bottom: 4px;}
	.main .wrap > .third > .community > div{width: 32.5%; margin-right: 1.25%;}
	.main .wrap > .third > .community > div:nth-of-type(3){margin-right: 0;}
	.main .wrap > .third > .community > .notice{width: 100%; float: none; margin-bottom: 4px;}
	.main .wrap > .third > .community > .question{display: none;}
	
	/*.main .wrap > .third > .community > .community_board > .title*/
	.main .wrap > .third > .community > .community_board > .title{height: 40px;} 
	.main .wrap > .third > .community > .community_board > .title > p{font-size: 1.4rem; line-height: 42px; margin-left: 5%;}
	.main .wrap > .third > .community > .community_board > .title > img{width: 15px; height: 11px; right: 5%;}

	/*.main .wrap > .third > .community > .community_board > p*/
	.main .wrap > .third > .community > .community_board > p{width: 92%; height: 1px;}

	/*.main .wrap > .third > .community > .community_board > .content*/
	.main .wrap > .third > .community > .community_board > .content{padding: 14px 16px;}
	.main .wrap > .third > .community > .community_board > .content > p{font-size: 1.3rem; margin-bottom: 8px;}
	.main .wrap > .third > .community > .community_board > .content > p:nth-of-type(3){margin-bottom: 0;}
	.main .wrap > .third > .community > .community_board > .content > p:nth-of-type(4){display: none;}
	.main .wrap > .third > .community > .community_board > .content > p > span:nth-of-type(1){width: 4px; height: 4px; margin: 5px 0; margin-right: 8px;}

	/*.main .wrap > .third > .community > .serviceCenter*/
	.main .wrap > .third > .community > .serviceCenter{padding-top: 14px; padding-bottom: 14px; padding-left: 10px; float: none; width: 100%;}
	.main .wrap > .third > .community > .serviceCenter > img{margin-bottom: 6px; width: 54px;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(1){font-size: 1.6rem; margin-bottom: 3px; margin-right: 6px; font-weight: bold; display: inline-block;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(2){font-size: 1.1rem; margin-bottom: 0px; display: inline-block; transform: translateY(4px);}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(3){font-size: 1.1rem; line-height: 1.5;}
	.main .wrap > .third > .community > .serviceCenter > p:nth-of-type(3) > br{display: none;}

	/*.main .wrap > .third > .community > .introduce*/
	.main .wrap > .third > .community > .introduce{padding-top: 30px; padding-left: 20px; display: none;}
	.main .wrap > .third > .community > .introduce > img{margin-bottom: 10px;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(1){font-size: 1.5rem; margin-bottom: 10px; font-weight: bold;}
	.main .wrap > .third > .community > .introduce > p:nth-of-type(2){font-size: 1.2rem; line-height: 1.5;}
	.main .wrap > .third > .community > .introduce > a{bottom: 20px; left: 100px; font-size: 1.35rem;}
	.main .wrap > .third > .community > .introduce > a > img{transform: translate(5px, -2px);}

	/*.main .wrap > .third > .banner*/
	.main .wrap > .third > .banner{height: 100px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(1){font-size: 2rem; font-weight: bold; margin-bottom: 4px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(2){font-size: 1.05rem; margin-bottom: 4px;}
	.main .wrap > .third > .banner > .banner_wrap > p:nth-of-type(3){font-size: 1.5rem;}
	.main .wrap > .third > .banner > .banner_wrap > a{width: 172px; height: 46px; line-height: 46px; border-radius: 30px; font-size: 1.5rem;}
}