@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);

* {
   padding: 0px;
   margin: 0px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   list-style: none;
}
a {
   text-decoration: none;
}
option {
   width: 100%;
   overflow: hidden;
}
#wrapper {
   width: 100%;
}

/* header */
#header {
}
#header .tp_lv1 {
   width: 970px;
   height: 108px;
   margin: 0 auto;
   font-size: 0;
}
#header .tp_lv1 .tp_logo {
   display: inline-block;
   width: 50%;
   padding: 23px 0;
   vertical-align: middle;
   text-align: left;
}
#header .tp_lv1 .tp_btn {
   display: inline-block;
   width: 50%;
   vertical-align: middle;
   text-align: right;
}
#header .tp_lv1 .tp_btn > a {
   display: inline-block;
   font-size: 12px;
   color: #fff;
   background: #a40000;
   border-radius: 20px;
   padding: 10px 20px;
   font-family: "NanumSquare";
   transition: all 0.2s linear;
}
#header .tp_lv1 .tp_btn > a:hover {
   background: rgb(136, 0, 0);
}
#header .tp_line {
   width: 100%;
   height: 11px;
   background: #050d2f; /* Old browsers */
   background: -moz-linear-gradient(left, #050d2f 0%, #095e74 100%); /* FF3.6-15 */
   background: -webkit-linear-gradient(left, #050d2f 0%, #095e74 100%); /* Chrome10-25,Safari5.1-6 */
   background: linear-gradient(to right, #050d2f 0%, #095e74 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#050d2f', endColorstr='#095e74',GradientType=1 ); /* IE6-9 */
}
#header .tp_slide {
   position: relative;
   width: 100%;
   height: 410px;
   overflow: hidden;
}
#header .tp_slide img {
   position: absolute;
   left: 50%;
   top: 50%;
   width: auto;
   height: 100%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
}
#header .tp_menu {
   width: 970px;
   margin: 0 auto;
   margin-top: 100px;
}

/* content */
#content {
   position: relative;
   width: 970px;
   margin: 72px auto 0 auto;
}
#content .ul_cont {
   display: table;
   width: 852px;
   margin: 100px auto 80px auto;
}
#content .ul_cont dl {
   float: left;
   position: relative;
   margin-right: 8px;
   margin-bottom: 8px;
   width: 206px;
   box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.13), 0 0 3px 0 rgba(0, 0, 0, -30) !important;
   border-radius: 8px;
}
#content .ul_cont dl:hover img {
   transform: scale(1.05);
}
#content .ul_cont dl:hover p {
   color: #000;
}
#content .ul_cont dl dt {
   height: 207px;
   position: relative;
   overflow: hidden;
   border-radius: 8px;
}
#content .ul_cont dl dt img {
   width: 100%;
   border-radius: 8px;
   transition: all 0.4s ease-in-out;
}
#content .ul_cont .list_txtwrap {
   position: absolute;
   width: 100%;
   left: 0;
   bottom: 0;
   height: 85px;
   text-align: left;
   background: #fff;
   border-radius: 0 0 7px 7px;
   line-height: 1.13;
   z-index: 4;
}
#content .ul_cont dl dt p {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   font-family: "NanumSquare";
   color: #656565;
   font-size: 17px;
   font-weight: 600;
   letter-spacing: -0.7px;
   line-height: 1.13;
   padding: 0 10px;
   word-break: keep-all;
   transition: all 0.3s ease;
}
#content .ul_cont dl dt p span {
   font-weight: 800;
}
#content .ul_cont dl:nth-child(4n + 4) {
   margin-right: 0px;
}
.ul_cont dt .shadow {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
   background: rgba(0, 0, 0, 0.3);
   opacity: 1;
   transition: all 0.3s;
   border-radius: 8px;
}
.ul_cont dl:hover dt .shadow {
   background: rgba(0, 0, 0, 0);
}
#content #quick {
   position: absolute;
   right: -223px;
   top: 0;
}
.topbtn {
   position: fixed;
   right: 10%;
   bottom: 100px;
   width: 55px;
   height: 55px;
   opacity: 0;
   display: none;
   cursor: pointer;

   z-index: 999;
}
.topbtn.stop {
   position: absolute;
   top: -155px;
   right: 10%;
}
.topbtn > img {
   width: 55px;
}
.nav_bar {
   margin-top: 70px;
}
.nav_bar {
   width: 100%;
   height: 75px;
   margin-bottom: 67px;
}
.nav_bar:after {
   display: block;
   content: "";
   clear: both;
}
.nav_bar .left_btn {
   float: left;
}
.nav_bar .right_btn {
   float: right;
}
.nav_bar .left_btn img {
   display: block;
}
.nav_bar .right_btn img {
   display: block;
}
.nav_bar .nav_bar_tit {
   text-align: center;
   font-size: 35px;
   font-weight: 500;
   margin-bottom: 60px;
   font-family: "NanumSquare";
   letter-spacing: -0.17px;
   color: #272727;
}
.nav_bar .list_center {
   float: left;
   width: 100%;
   height: 100%;
   margin-bottom: 72px;
   text-align: center;
}
.nav_bar .list_center div {
   height: 100%;
   vertical-align: middle;
   font-size: 16px;
}
.nav_bar .list_center a {
   display: flex;
   align-items: center;
   justify-content: center;
   height: 100%;
   font-family: "NanumSquare";
}
.nav_bar .list_center div a {
   color: #c5c5c5;
}
.owl-stage-outer:after {
   content: "";
   display: inline-block;
   position: absolute;
   top: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 250px;
   height: 75px;
   border-radius: 10px;
   background: #05677f;
   z-index: -1;
}
.owl-carousel .center a {
   color: #fff !important;
   font-size: 17px;
   font-weight: 600;
   transition: all 0.3s;
}
.owl-carousel .center a:hover {
   font-weight: bold;
}
.nav_bar_m {
   display: none;
   width: 100%;
}
.nav_bar_box {
   width: 100%;
   border: 3px solid #14407d;
   border-radius: 8px;
   overflow: hidden;
   margin-bottom: 20px;
   background: url("../images/m_nav_bg.jpg") no-repeat right;
   background-size: contain;
}
#m_nav {
   padding: 9px;
   width: 100%;
   border: none;
   box-shadow: none;
   background: url(../images/select_arrow.gif) center right 13px no-repeat;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   font-size: 17px;
}
#m_nav::-ms-expand {
   display: none;
}
#m_nav:focus {
   outline: none;
}
.nav_bar_m .nav_bar_m_tit {
   font-size: 23px;
   margin: 45px 0 30px 0;
}
.nav_bar_m .nav_bar_m_tit p {
   text-align: center;
}
.b_banner {
   width: 100%;
   margin-top: 20px;
}
.letter {
   letter-spacing: -1px;
}
.bx-wrapper .bx-viewport {
   border-radius: 8px;
}
.bxslider .subbanner_txt {
   position: absolute;
   width: 100%;
   left: 0;
   bottom: 0;
   background: rgba(255, 255, 255, 0.6);
   padding: 15px 45px;
}
.bxslider .subbanner_txt .txtani01,
.bxslider .subbanner_txt .txtani02 {
   opacity: 0;
}
.bxslider .subbanner_txt.on .txtani01 {
   animation: txtani 0.5s ease;
   animation-fill-mode: forwards;
}
.bxslider .subbanner_txt.on .txtani02 {
   animation: txtani 0.5s ease;
   animation-fill-mode: forwards;
   animation-delay: 0.2s;
}
@keyframes txtani {
   0% {
      transform: translateY(30px);
      opacity: 0;
   }
   100% {
      transform: translateY(0);
      opacity: 1;
   }
}
.bxslider .subbanner_txt > p:first-child {
   font-size: 22px;
   font-weight: bold;
   letter-spacing: -0.56px;
   color: #172d33;
}
.bxslider .subbanner_txt > p:last-child {
   font-size: 15px;
   letter-spacing: -0.38px;
   color: #172d33;
}
.bxslider .subbanner_txt > p > span {
   font-size: 14px;
   color: #172d33;
   display: block;
}
.bx-wrapper .bx-pager {
   top: auto !important;
   left: auto !important;
   bottom: 27px !important;
   right: 40px !important;
   padding-top: 0 !important;
   width: auto !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
   height: 9px !important;
   width: 35px !important;
   background: rgba(255, 255, 255, 0.5) !important;
   transition: all 0.2s ease;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
   background: #05677f !important;
}
.bx-wrapper img {
   width: 100% !important;
}
.mo_sl_bg {
   display: none;
   width: 100%;
   height: 295px;
}
.sl19 {
   background: url(../images/win19_main_sl.png) no-repeat center 0;
}
.sl18 {
   background: url(../images/win18_main_sl.png) no-repeat center 0;
}
.sl17 {
   background: url(../images/win17_main_sl.png) no-repeat center 0;
}
.sl16 {
   background: url(../images/win16_main_sl.png) no-repeat center 0;
}
.sl15 {
   background: url(../images/win15_main_sl.png) no-repeat center 0;
}

/* ������ �ڽ� css */

.content_area {
   width: 100%;
   position: relative;
   clear: both;
   font-family: "NanumSquare";
}

.content_top {
   padding: 200px 25px 25px;
}
p.cont_cate {
   padding: 0 25px;
   color: #fff;
   font-size: 13px;
   line-height: 46px;
}
p.cont_cate span {
   display: inline-block;
   padding: 5px 8px;
   margin-right: 10px;
   font-size: 15px;
   border: 1px solid #fff;
   line-height: normal;
   vertical-align: middle;
}
.content_top > p {
   display: inline-block;
   padding: 8px 17px;
   margin-bottom: 10px;
   font-size: 16px;
   font-weight: bold;
   color: #fff;
}
.content_top h1 {
   font-size: 38px;
   color: #fff;
   font-weight: 300;
   font-weight: bold;
}
.content_top h1 span {
   font-weight: 900;
}
.content_top h2 {
   font-size: 18px;
   color: #fff;
   font-weight: 300;
}
.subtit {
   color: #fff;
}

/* 'issue '����Ÿ��Ʋ */
.content_tit {
   width: 100%; /* background:#fff; */ /* border-radius:30px; */
   padding: 15px 25px;
   margin-bottom: 25px;
}
.content_tit:after {
   display: block;
   content: "";
   clear: both;
}
.content_tit img {
   float: left;
   padding-top: 2px;
   padding-right: 10px;
}
.content_tit p {
   font-size: 20px;
   color: #14407d;
   float: left;
   font-family: "NanumSquare";
   font-weight: 700;
   line-height: 42px;
}
.content_box {
   width: 100%;
   background: #fff;
   padding: 25px;
   text-align: left;
}

/* '��豤�� ~ '�߰�Ÿ��Ʋ */
.content_tit2 {
   display: inline-block;
   margin: 40px 0 20px;
}
.content_tit2:after {
   display: block;
   content: "";
   clear: both;
}
.content_tit2 img {
   display: table;
   margin: 0 auto;
   padding-top: 2px;
   padding-right: 10px;
}
.content_tit2 p {
   font-size: 20px;
   font-weight: bold;
   color: #fff;
   font-family: "NanumSquare";
   padding: 10px 17px;
}
.content_text {
   width: 100%;
   background: #fff;
   padding-bottom: 20px;
   border-radius: 30px;
   text-align: justify;
   font-family: "Nanum Barun Gothic";
   word-break: keep-all;
}
.content_text:after {
   display: block;
   content: "";
   clear: both;
}
.content_text p {
   font-size: 16px;
   line-height: 28px;
   text-indent: 10px;
}
.content_text p.pdb {
   padding-bottom: 50px;
}
.content_text p.mgb {
   margin-bottom: 50px;
}
.content_text span {
   font-weight: 1000;
}
.content_text h1 {
   font-size: 21px;
   color: #14407d;
   padding: 15px 0;
   clear: both;
   line-height: 35px;
}
.content_text h1 span {
   font-size: 16px;
   padding: 5px 10px;
   border: 1px solid #14407d;
   border-radius: 15px;
   margin-right: 10px;
}
.content_text h1 span.black {
   color: #404040;
   border: 0px;
}
.content_text p span.yellow_bg {
   background: #f3e1a2;
   padding: 3px 8px;
   font-family: "nanumsquare";
}
.content_text p span.gray_bg {
   background: #e5e5e5;
   padding: 13px 20px;
   font-family: "nanumsquare";
}
.content_text p span.green_bg {
   background: #ced62a;
   padding: 3px 8px;
}
.content_text p span.orange_bg {
   background: #f39950;
   padding: 3px 8px;
}
.content_text p span.gray_box {
   display: block;
   background: #e5e5e5;
   padding: 13px 20px;
}
.content_text p span.orange {
   color: orange;
   font-weight: bold;
}
.content_text p span.blue {
   color: #14407d;
   font-weight: bold;
}

/* �ؽ�Ʈ, �̹��� ���� ���� */
.content_text p.text_left {
   width: 50%;
   float: left;
   padding-right: 10px;
}
.content_text p.text_left2 {
   width: 60%;
   float: left;
   padding-right: 40px;
}
.content_text p.text_left3 {
   width: 80%;
   float: left;
   padding-right: 10px;
}
.content_text p.text_left4 {
   width: 30%;
   float: left;
   padding-right: 10px;
}
.content_text p.text_left_italic {
   width: 30%;
   float: left;
   padding-right: 10px;
}
.content_text p.text_right {
   width: 50%;
   float: right;
   padding-left: 10px;
}
.content_text p.text_right2 {
   width: 60%;
   float: right;
   padding-left: 10px;
}
.content_text p.text_right3 {
   width: 30%;
   float: right;
   padding-left: 10px;
}
.content_text p.text_right4 {
   width: 40%;
   float: right;
   padding-left: 10px;
}
.content_text p.text_right5 {
   width: 79%;
   float: right;
   padding-left: 10px;
}
.content_text .left_box {
   float: left;
   width: 50%;
   border-right: 1px solid #666;
   padding-right: 27px;
}
.content_text .right_box {
   float: right;
   width: 50%;
   padding-left: 27px;
}
.content_text .left_box .text_left_italic {
   font-size: 15px;
   font-style: italic;
   color: red;
   width: 100%;
}

/* 2019_win_01 section fix ************************************************************************************************************************/
.cont_top {
   position: relative;
   background-size: cover;
   height: 355px;
}
.cont_top.bn01 {
   background: url(../images/win01_bnr.png) no-repeat center 0;
}
.cont_top.bn02 {
   background: url(../images/win02_bnr.png) no-repeat center 0;
}
.cont_top.bn03 {
   background: url(../images/win03_bnr.png) no-repeat center 0;
}
.cont_top.bn04 {
   background: url(../images/win04_bnr.png) no-repeat center 0;
}
.cont_top.bn05 {
   background: url(../images/win05_bnr.png) no-repeat center 0;
}
.cont_top.bn06 {
   background: url(../images/win06_bnr.png) no-repeat center 0;
}
.cont_top.bn07 {
   background: url(../images/win07_bnr.png) no-repeat center 0;
}
.cont_top.bn08 {
   background: url(../images/win08_bnr.png) no-repeat center 0;
}
.cont_top.bn09 {
   background: url(../images/win09_bnr.png) no-repeat center 0;
}
.cont_top.bn10 {
   background: url(../images/win10_bnr.png) no-repeat center 0;
}
.cont_top.bn11 {
   background: url(../images/win11_bnr.png) no-repeat center 0;
}
.cont_top.bn12 {
   background: url(../images/win12_bnr.png) no-repeat center 0;
}
.cont_top.bn13 {
   background: url(../images/win13_bnr.png) no-repeat center 0;
}
.cont_top.bn14 {
   background: url(../images/win14_bnr.png) no-repeat center 0;
}
.cont_top.bn15 {
   background: url(../images/win15_bnr.png) no-repeat center 0;
}
.cont_top.bn16 {
   background: url(../images/win16_bnr.png) no-repeat center 0;
}
.cont_top.bn17 {
   background: url(../images/win17_bnr.png) no-repeat center 0;
}
.cont_top.bn18 {
   background: url(../images/win18_bnr.png) no-repeat center 0;
}
.cont_top.bn19 {
   background: url(../images/win19_bnr.png) no-repeat center 0;
}
.bg01_03 {
   background-color: #7c5eb9;
}
.col01_03 {
   color: #7c5eb9;
}
.bg04_09 {
   background-color: #6172da;
}
.col04_09 {
   color: #6172da;
}
.bg10_12 {
   background-color: #9fbc48;
}
.col10_12 {
   color: #9fbc48;
}
.bg13 {
   background-color: #f58a17;
}
.col13 {
   color: #f58a17;
}
.bg14 {
   background-color: #bc6ddd;
}
.col14 {
   color: #bc6ddd;
}
.bg15 {
   background-color: #f1be0d;
}
.col15 {
   color: #f1be0d;
}
.bg16_19 {
   background-color: #65a7f1;
}
.col16_19 {
   color: #65a7f1;
}
.tbg {
   display: inline-block;
   margin-bottom: 5px;
   padding: 0 5px;
   background-color: #ced62a;
}
.tboxbg {
   padding: 10px 20px;
   background-color: #dcdddd;
}
.tpoint {
   display: inline;
   background-color: orange;
   padding: 5px;
   color: #fff;
   border-radius: 5px;
}
.fwb {
   font-weight: bold;
}

/* section img position ************************************************************************************************************************/
.content_text .img_left {
   float: left;
   padding-right: 20px;
}
.content_text .img_right {
   float: right;
   padding-left: 20px;
}
.content_text .w10 {
   width: 10% !important;
}
.content_text .w15 {
   width: 15% !important;
}
.content_text .w20 {
   width: 20% !important;
}
.content_text .w30 {
   width: 30% !important;
}
.content_text .w40 {
   width: 40% !important;
}
.content_text .w50 {
   width: 50% !important;
}
.content_text .w60 {
   width: 60% !important;
}
.content_text .w70 {
   width: 70% !important;
}
.content_text .w80 {
   width: 80% !important;
}
.content_text .w90 {
   width: 90% !important;
}
.content_text .w100 {
   width: 100% !important;
}
.content_text .img_full {
   width: 100%;
   padding: 40px 0;
}
.content_text .img_center {
   width: 100%;
   text-align: center;
   padding: 40px 0;
}

/* customize */
.mgt10 {
   margin-top: 10px;
}
.mgt20 {
   margin-top: 20px;
}
.mgt30 {
   margin-top: 30px;
}
.mgt40 {
   margin-top: 40px;
}
.mgt50 {
   margin-top: 50px;
}
.mgt80 {
   margin-top: 80px;
}

.mgb10 {
   margin-bottom: 10px;
}
.mgb20 {
   margin-bottom: 20px;
}
.mgb30 {
   margin-bottom: 30px;
}
.mgb40 {
   margin-bottom: 40px;
}
.mgb50 {
   margin-bottom: 50px;
}
.mgb80 {
   margin-bottom: 80px;
}

/* ************************************************************************************************************************************* */

.content_text .img_left img,
.content_text .img_right img,
.img_full img {
   width: 100%;
}
.phototxt {
   font-size: 11px !important;
   line-height: 20px !important;
   text-indent: 0 !important;
}
.content_box .content_text:last-child {
   margin-bottom: 0;
}
.content_subimg {
   width: 100%;
   position: relative;
}
.content_subimg img {
   width: 100%;
   display: block;
}
.content_subimg p {
   position: absolute;
   z-index: 1;
   color: #fff;
   font-size: 13px;
   bottom: 10px;
   left: 10px;
}
.content_subimg p span {
   font-size: 18px;
   font-weight: 900;
}

/* ���� */
.content_text .line_gray {
   background: #d2d2d2;
   height: 1px;
   margin: 30px 0;
   float: left;
   width: 100%;
}
.txtn {
   background: url(../images/n.png) no-repeat center;
   display: inline-block;
   background-size: contain;
   width: 12px;
   height: 12px;
}
.txtx {
   background: url(../images/x.png) no-repeat center;
   display: inline-block;
   background-size: contain;
   width: 12px;
   height: 12px;
}
.txty {
   background: url(../images/09_10.jpg) no-repeat center;
   background-size: contain;
   display: inline-block;
   width: 160px;
   height: 50px;
   vertical-align: middle;
}
.txtz {
   background: url(../images/09_11.jpg) no-repeat center;
   background-size: contain;
   display: inline-block;
   width: 160px;
   height: 50px;
   vertical-align: middle;
}
#quick .quick_list {
   padding-bottom: 3px;
   margin-bottom: 17px;
   border: 1px solid #e1e1e1;
}
#quick ul.quick_list li.win {
   text-align: center;
   margin: 15px auto;
   color: #656565;
   font-size: 15px;
   font-weight: bold;
   font-family: "NanumSquare";
}
#quick ul.quick_list li.sum {
   text-align: center;
   margin: 13px auto;
   color: #656565;
   font-size: 15px;
   font-weight: bold;
   font-family: "NanumSquare";
}
#quick ul.quick_list li.quickbar {
   width: 39px;
   height: 1px;
   background: #e1e1e1;
   margin: 9px auto;
}
#quick ul.quick_list li a {
   color: #656565;
}
#quick img {
   width: 104px;
   display: block;
}
.main_slide {
   margin: 30px auto;
   width: 852px;
}

/* footer */
#ft {
   position: relative;
   width: 100%;
   height: 173px;
   margin-top: 70px;
   background: #05677f;
   color: #fff;
   text-align: center;
   font-family: "NanumSquare";
}
#ft .ft_txt {
   position: relative;
   top: 50%;
   transform: translateY(-50%);
   padding: 0 15px;
}
#ft .ft_txt > p {
   font-size: 17px;
   line-height: 1.41;
   letter-spacing: -0.43px;
   word-break: keep-all;
}

/* midea 1000px */
@media (max-width: 1000px) {
   .img_center img {
      width: 100%;
   }
   #header .tp_lv1 {
      width: 100%;
   }
   #header .tp_menu {
      width: 100%;
   }
   #header .tp_lv1 .tp_logo {
      padding-left: 20px;
   }
   #header .tp_lv1 .tp_btn {
      padding-right: 20px;
   }
   #header .tp_menu {
      width: 100%;
      margin: 0 auto;
      margin-top: 50px;
   }
   #header .tp_menu img {
      width: 100%;
   }
   #content {
      width: 100%;
      margin: 10px 0;
      padding: 0 30px;
   }
   #content .tit_cont img {
      width: 100%;
   }
   #content .ul_cont {
      width: 100%;
      font-size: 0;
   }
   #content .ul_cont dl dt {
      height: 200px;
      overflow: hidden;
   }
   #content .ul_cont dl dt img {
      width: 100%;
      display: block;
   }
   #content .ul_cont dl {
      width: 31%;
      margin: 8px 1%;
   }
   #content .ul_cont dl dd {
      font-size: 16px;
   }
   #content .ul_cont dl:nth-child(4n + 4) {
      margin: 8px 1%;
   }
   .content_text .img_center img {
      width: 100%;
   }
   #ft .ft_txt > p {
      font-size: 14px;
   }
   #content #quick {
      position: initial;
      width: 100%;
      margin-top: 30px;
      display: none;
   }
   #content #quick:after {
      clear: both;
      display: block;
      content: "";
   }
   .nav_bar .left_btn,
   .nav_bar .right_btn {
      width: 5%;
   }
   .nav_bar .left_btn img,
   .nav_bar .right_btn img {
      height: 100%;
   }
   #quick ul.quick_list {
      float: left;
      width: 32%;
      margin-right: 2%;
      background: #fff;
   }
   #quick ul.quick_list:last-of-type {
      margin-right: 0px;
   }
   #quick img {
      width: 100%;
      display: block;
   }
   .nav_bar {
      display: none;
   }
   .nav_bar_m {
      display: block;
   }
   .main_slide {
      width: 100%;
   }
   .content_text .text_left img {
      width: 100%;
   }
   .content_text .img_left3 img {
      width: 100%;
   }
   .content_text .img_right4 img {
      width: 100%;
   }
   .phone01 {
      width: 40% !important;
      margin: 0 auto;
   }
   .phone02 {
      width: 70% !important;
      margin: 0 auto;
   }
}

/* midea 800px */
@media (max-width: 800px) {
   #content .ul_cont {
      margin: 35px auto;
   }
   #content .ul_cont dl dt p {
      font-size: 16px;
   }
   .bxslider .subbanner_txt {
      padding: 15px 7px 30px 7px;
   }
   .bx-wrapper img {
      max-width: initial !important;
      width: auto !important;
      height: 100%;
      display: initial;
   }
   .bx-wrapper .bx-pager {
      right: 15px !important;
      bottom: 5px !important;
   }
   .bxslider .subbanner_txt > p:first-child {
      font-size: 16px;
   }
   .bxslider .subbanner_txt > p:last-child {
      font-size: 14px;
   }
   .mo_sl_bg {
      display: block;
   }
   .bxslider img {
      display: none;
   }
}

/* midea 600px */
@media (max-width: 600px) {
   #header .tp_slide {
      height: 350px;
   }
   #m_nav {
      font-size: 14px;
   }
   #content {
      padding: 0;
   }
   .nav_bar_m,
   .main_slide,
   .ul_cont,
   #quick {
      padding: 0 30px;
   }
   #content .ul_cont {
      margin: 35px auto;
   }
   #content .ul_cont dl {
      width: 48%;
   }
   #content .ul_cont dl {
      margin-right: 0%;
   }
   #content .ul_cont dl dt p {
      font-size: 14px;
   }
   #content .ul_cont dl:nth-child(2n + 2) {
      float: right;
   }
   #content .ul_cont dl:nth-child(4n + 4) {
      margin-right: 0px;
   }
   p.cont_cate {
      padding: 5px;
      line-height: 20px;
   }
   p.cont_cate span {
      font-size: 13px;
   }
   .content_top > p {
      font-size: 14px;
   }
   .content_top h1 {
      font-size: 22px;
   }
   .content_box {
      padding: 15px;
   }
   .content_tit {
      margin-bottom: 15px;
   }
   .content_tit p {
      font-size: 18px;
   }
   .content_text {
      margin-bottom: 15px;
   }
   .content_text h1 {
      font-size: 18px;
      line-height: 30px;
   }
   .content_text h1 span {
      font-size: 13px;
      padding: 5px 8px;
      margin-right: 7px;
   }
   .content_text p {
      text-indent: initial;
   }
   .content_text p.text_left,
   .content_text p.text_left2,
   .content_text p.text_left3,
   .content_text p.text_left4,
   .content_text p.text_right,
   .content_text p.text_right3,
   .content_text p.text_right4 {
      width: 100%;
      float: none;
      padding: 0;
      text-align: center;
      margin: 0 auto;
   }
   .content_text .img_right,
   .content_text .img_left,
   .content_text .img_left3,
   .content_text .img_right2,
   .content_text .img_right3,
   .content_text .img_right4 {
      width: 100%;
      float: none;
      padding: 20px 0;
      text-align: center;
      margin: 0 auto;
   }

   .content_text .w10,
   .content_text .w15,
   .content_text .w20,
   .content_text .w30,
   .content_text .w40 {
      width: 50% !important;
   }
   .content_text p span.gray_bg {
      line-height: 39px;
      font-size: 13px;
   }
}

/* midea 500px */
@media (max-width: 500px) {
   #header .tp_slide {
      height: 280px;
   }
   #header .tp_lv1 .tp_btn {
      display: none;
   }
   #header .tp_lv1 .tp_logo {
      width: 100%;
      text-align: center;
      padding: 20px;
   }
   .content_text p {
      font-size: 14px;
      letter-spacing: -0.5px;
      line-height: 22px;
   }
   .content_text .w50,
   .content_text .w60,
   .content_text .w70,
   .content_text .w80,
   .content_text .w90,
   .content_text .w100 {
      width: 100% !important;
      margin: 0 auto;
   }
   .content_tit2 {
      margin: 20px 0 10px;
   }
   .content_tit2 p {
      font-size: 16px;
   }
   .content_text {
      padding-bottom: 10px;
   }
   .content_text .img_center {
      padding: 20px 0;
   }
}

/* midea 470px */
@media (max-width: 470px) {
   #m_nav {
      padding-right: 40px;
   }
   #content .ul_cont dl dt p {
      padding: 0 10px;
   }
   .content_tit img {
      display: none;
   }
}

/* midea 400px */
@media (max-width: 400px) {
   #header .tp_slide {
      height: 220px;
   }
   #header .tp_lv1 .tp_logo {
      padding: 20px 0;
   }
   #content .ul_cont dl dt {
      height: 160px;
   }
   .bxslider .subbanner_txt > p:last-child {
      font-size: 11px;
   }
   .content_text p {
      font-size: 12px;
      letter-spacing: -1px;
   }
   .content_tit2 p {
      font-size: 16px;
   }
}