@CHARSET "UTF-8";

.main h2 {color:#333; text-transform:uppercase;}

.slick-slider{width: 100%;}

.main_slider_box {position:relative;}
.main_slider_box .owl-dots {display:none;}
.main_slider_link {position:absolute;bottom:0;background: rgba(0, 0, 0, 0.61);z-index: 100;width: 100%;height: 41px;text-align:center;}
.main_slider_link ul {overflow:hidden;display:inline-block;}
.main_slider_link li {width:199px;float:left;line-height:40px;}
.main_slider_link li a {color:#fff;font-size:13px;border-right:1px solid #585858;display:block;}
.main_slider_link li:first-child a {border-left:1px solid #585858;}

.main_slider_box .owl-carousel .owl-item img {width:1400px; margin:0 auto;}
.content_banner {width:1400px; margin:0 auto; padding:60px 0 60px 0;}
.best_goods {width: 100%;margin:0 auto;background:#e6e6e6;height: 491px;margin-bottom:50px;text-align:  center;}
.best_goods h2 {text-align:center;padding-top:35px;font-size:25px;/* padding-bottom:  9px; */margin-bottom:25px;}

.footer_content {width:1100px;margin:0 auto;margin-bottom:500px;}
.footer_content article {display:inline-block; float:left;}
.footer_content .left_content .slide_img {margin-bottom:12px;}
.footer_content .right_content {width: 68%;margin-left: 10px;}

.footer_content .main_public_rank {width: 330px;height:164px;border:solid 1px #d1d1d1;box-sizing: border-box;}
.footer_content .main_public_rank h2 {font-size:13pt; margin:15px 0 8px 13px; color:#231f20; font-weight:bold;}
.footer_content .main_public_rank .line {width:295px; height:1px; background:#cccccc; margin:0 0 15px 13px;}
.footer_content .main_public_rank ul li {display:inline-block; margin-bottom:8px; font-size:13px; float:left; color:#545454;}
.footer_content .main_public_rank ul li:first-child {width:90%; margin-bottom:0px;}
.footer_content .main_public_rank ul {margin-left:13px;}

.footer_content .right_content .naver_post .txt_div {width: 243px;height:122px;border-left:solid 1px #d1d1d1;border-bottom:solid 1px #d1d1d1;border-right:solid 1px #d1d1d1;box-sizing: border-box;font-size: 12px;color:#555;position:  relative;}
.footer_content .right_content .naver_post .txt_div p {padding: 20px 20px 0px 18px;color: #6c6c6c;line-height:18px;}
.footer_content .right_content aside {display:inline-block; margin-left:3px; margin-bottom:14px;}
.footer_content .right_content aside:first-child {margin-left:0px;}

.footer_banner {width:1400px; margin:0 auto; padding:0px 0 60px 0;}

.footer_information {width:1100px; margin:0 auto; margin-bottom:250px;}
.footer_information  aside {display:inline-block; float:left;}
.footer_information .left_content h2 {font-size: 26px;color:#4b4b4b;margin-bottom:10px;font-weight: unset;}
.footer_information .left_content p {font-size:15px; color:#959595; text-transform:uppercase; margin-bottom:15px;}

.footer_information .right_content {margin-left: 70px;width:520px;height:200px;}
.footer_information .right_content div {display:inline-block;float: left;}
.footer_information .right_content p {color:#959595;font-size: 12px;}
.footer_information .right_content ul li {color:#959595;font-size: 12px;}

.footer_information .right_content .title_ul {margin-bottom: 30px;}
.footer_information .right_content .title_ul li {display:inline-block;float: left;}
.footer_information .right_content .title_ul li:first-child {width: 18%;}
.footer_information .right_content .title_ul .h2_li {font-size: 19px;color:#4b4b4b;margin-bottom:10px;font-weight:bold;}
.footer_information .right_content .title_ul .p_li {width: 58px;height: 22px;background:#0073c3;color:#fff;font-size: 10px;text-align: center;line-height: 26px;box-sizing:border-box;display:  inline-block;/* float: left; *//* margin-left: 360px; */}

.footer_information .right_content .left_txt {margin-top: 20px;}
.footer_information .right_content .left_txt p {margin-bottom:3px;}
.footer_information .right_content .left_txt ul {display:inline-block;}
.footer_information .right_content .left_txt ul li {line-height:18px;}

.footer_information .right_content .right_txt {/* margin: 13px 0 0 52px; */margin-left: 95px;margin-top:  20px;}
.footer_information .right_content .right_txt .right_ul {margin-right: 66px;}
.footer_information .right_content .right_txt ul {display:inline-block; }
.footer_information .right_content .right_txt ul li {line-height: 19px;}
.footer_information .right_content .right_txt h2 {font-size: 15px;color:#4b4b4b;margin-bottom: 5px;}
.footer_information .right_content h2 {font-size: 15px;color:#4b4b4b;margin-bottom: 10px;}



.slick-initialized .slick-slide{position:relative;}



.Aslide{width:100%;display:block;}
.Bslide{width:1400px;display:inline-block;/* text-align:center; */position:relative;overflow:  hidden;height:  353px;}
.best_goods .slideA{width:1682px;position:absolute;/* box-sizing:border-box; */left: -141px;}
.best_goods .owl-theme .owl-nav [class*=owl-].owl-prev{background:none;position:absolute;top:131px;left: 232px;}
.best_goods .owl-theme .owl-nav [class*=owl-].owl-prev img{z-index:2; position:relative;}
.best_goods .owl-theme .owl-nav [class*=owl-].owl-next img{z-index:2; position:relative;}


.best_goods .owl-theme .owl-nav [class*=owl-].owl-next{background:none;position:absolute;top:131px;right: 232px;}
.best_goods .owl-theme .owl-nav [class*=owl-].owl-prev::before {content:'';display:inline-block;width:135px;height:357px;background:#fff;position:absolute; left:-100px;top:-136px;opacity:0.5; filter: alpha(opacity=50);z-index:1;}
.best_goods .owl-theme .owl-nav [class*=owl-].owl-next::before {content:'';display:inline-block;width:135px;height:357px;background:#fff;position:absolute; right:-100px;top:-136px;opacity:0.5; filter: alpha(opacity=50);z-index:1;}
.left_txt #pU{margin-top:6px;}
.p_li span{font-size: 0.1px;}
.naver_post .end_p{position:  absolute;bottom: 19px;/* color:  #6c6c6c; */}
.best_goods h2 span{border-bottom:1px solid #333;}


.main_section{width:  100%;margin-top: 78px;}
.main_inClass1,.main_inClass2{max-width: 100%; width:1200px;margin:  0 auto;/* transform: translateX(-50%); *//* position: relative; *//* left:  50%; */}
.main_inClass2{position:relative; }
.main_inClass3{margin-bottom:84px;}
.main_inClass4{height: 1176px;background: #f2f1f1;}
.inClass4_div{width:1200px;position:  relative;margin:0 auto;}
.inClassDiv1,.inClassDiv2,.inClassDiv3{position:relative;}
.main_inClass1 ul{width:501px;display:  inline-block;border-bottom: 1px solid #d3d3d3;}
.main_inClass1 ul li{float:left;width:157px;height:29px;background:#bfbfbf;color:#fff;text-align:center;line-height:29px;font-size: 14px;border-radius: 10px 10px 0 0;margin-left:  15px;/* font-weight:  bold; */}
.snsLink li{background:unset !important;width:27px !important;margin-left: 3px !important;float:right !important;}
.snsLink{border:none !important;float:right;}
.main_inClass1 ul li:first-child{margin-left:0px;}

.inClass2_1,.inClass2_2,.inClass2_3{max-width: 100%;width: 501px;display:inline-block;border-top: 1px solid #828282;border-bottom:  1px solid #828282;margin-bottom:  0px;margin-top:  17px;}
.bxDiv{width:  501px !important;height: 132px !important;}
.bxDiv div h2{font-size:18px;font-weight:bold;margin-bottom:  16px;color:  #333;}
.bxDiv div p{font-size: 13.5px;color:#838383;letter-spacing:  -1px;line-height: 21px;}
.bxDiv div{float:left;}
.bxDiv div img{margin: 18px 12px 17px 0px;width: 164px;height: 95px;}
.bxDiv div:first-child{width: 278px;margin: 25px 17px 25px 20px;}
.inClass1Active{background: #f36c2f !important;}
.bx-pager-link{background: #ebebeb !important;}
.bx-viewport{height:429px !important;}
.slick-list{padding:0px !important;}
.inClass2_1 .slick-dots,.inClass2_2 .slick-dots,.inClass2_3 .slick-dots{/* writing-mode: tb-rl; */bottom: auto;top: 50%;transform: translateY(-50%);right: -35px;width:  20px ;}
.nav_warp .slick-dots{transform:  unset;bottom: 60px !important;left: 240px;padding:  0;width: 300px !important;}
.slick-dots li button{color: #ebebeb !important;}
.slick-center{background:#f2f1f1 !important;border-radius:13px;}
.inClass2_Div{width:634px;height: 398px;border:3px solid #e7e7e7;position:  absolute;top: 0;right:  0;background: #f9f9f9;text-align:center;max-width: 100%;}
.inClass2_Div p:first-child{margin-top:27px;margin-bottom: 0px !important;word-break: keep-all;}
.inClass2_Div p{margin-top: 7px;font-size:14px;color: #909090;margin-bottom: 11px;letter-spacing:  -1px;}



@media screen and (-webkit-min-device-pixel-ratio:0) {
	.inClass2_Div p{margin-bottom:23px;}
}


.inClass2_Div p span{color:#f36c2f;}
.inClass2_Div ul li{float:left;margin-left:16px;}
.inClass2_Div ul li:first-child{margin-left:0px;}
.inClass2_Div ul {/* margin-top: 13px; */padding:0 38px;/* height: 313px; *//* box-sizing:  border-box; */}
.none {display: none;}
.noneip {display: none !important;}
.leftDivBox,.leftDivSlide{width: 298px;height: 565px;display:  inline-block;background: #f36c2f;}
.leftDivBox{float:left;}
.leftDivBox .leftDiv_Div{padding-top:38px;text-align:  center;position:  relative;}
.leftDiv_All{width:213px;height: 194px;margin:  0 auto;}
.leftDivBox .leftDiv_Div h2{/* margin-top:38px; */margin-bottom:  24px;font-size: 18px !important;color: #fff;text-align:  center;}
.leftDivBox .leftDiv_Div .leftDiv_Div2{width:131px;height:32px;background:#a2a2a2;color:#fff;font-size:12px;padding:0px;border:none;line-height:32px;text-align:center;margin:0 auto;border:1px solid #adadad;position:absolute;z-index:100;left: 85px;bottom:  169px;}
.leftDivBox .leftDiv_Div img{position:  relative;margin:  0 auto;}
.leftDivBox li p{color:#fff;font-size:13px;text-align:center;line-height: 18px;}
.leftContext1{margin-top:27px;}
#leftContext1{margin-top:27px;padding: 0px 25px;word-break: keep-all;}
.leftDivBox li p{}
.leftDivBox .slick-dots li{margin:0 !important;}
.leftDivBox .slick-dots{width:150px !important;bottom: 15px !important;left: 70px;}
.leftDivBox .slick-dots li button{padding:0px !important;}

.middleBox{width:1200px;height: 566px;display: block;margin:0 auto;margin-top:  83px;}
.midDivBox_div{height:249px;padding: 0px 33px;background: #f0f0f0;width: 234px;display:  inline-block;float:  left;}
.midTopBox{height:249px;width:600px;}
.midDivBox_div2{height:249px;width: 600px;float:  left;position:  relative;}

.shortcut {display: flex;position: absolute;transform: translateX(-50%);left: 50%;bottom: 23px;}
.shortcut div:first-child{margin-right:10px;}
.shortcut div:last-child{}

.whaleBtn{width: 126px;height:26px;color:#fff;background: #e81f18;font-size:12px;text-align:center;line-height:26px;border-radius:5px;}
.whaleGo{width:112px;height:26px;color: #000;background: #fff;font-size:12px;text-align:center;line-height:26px;border-radius:5px;}

.whaleBtn2{width:126px;height:26px;color: #fff;background: #f22f5b;font-size:12px;text-align:center;font-weight: 500;line-height:26px;border-radius:5px;}
.whaleGo2{width:112px;height:26px;color: #000;background: #fff;font-size:12px;text-align:center;line-height:26px;border-radius:5px;}

.midDivBox_slide {height:249px;}
.midDivBox_slide .slick-track{height:249px;}
.midDivBox_slide .slick-dots{width:200px !important;bottom: 0px !important;left: 160px;}
.midDivBox_slide .slick-dots li{margin:0;}
.midDivBox_slide .slick-dots li button {}
.midDivBox{width: 600px;max-width: 100%; height: 565px;float:  left;display:  inline-block;}

.rightDivBox{width:300px;height:565px;float:left;display:inline-block;}
.rightDivBox_div{height:249px;background:#2f4359;color:#fff;padding:  0 34px;position:  relative;}
.projectMore {position:absolute;top:30px;right:18px;font-size:23px;}
.rightDivBox_div2{height: 158px;background:#e9d7c1;padding:  0 34px;position:  relative;}
.noticeMore{position:absolute;font-size: 25px;/* font-weight:bold; */top:24px;right:34px;}

.rightDivBox_div2 img{/* width:233px; *//* height:88px; */margin-top:12px;}

.rightDivBox_p1{padding-top:34px;font-size: 16px;margin-bottom:  11px;}
.rightDivBox_p2{margin-top: 8px;font-size: 14px;height: 24px;line-height: 19px;}
.rightDivBox_p2 span{width:67px;height: 24px;background:#fff;color: #2f4359;float:  right;line-height: 23px;text-align:  center;border-radius: 18px;margin-top: -9px;}
.midUl_div{width: 254px;height:168px;display:  inline-block;float:  left;}
.midDivBox_p1{margin-top:34px;color: #222222;}
.oneLine{width:26px;height:2px;background:#333333;display:block;margin: 18px 0px;}
.midDivBox_p2{font-size: 17px;color: #333;line-height: 24px;font-weight:  bold;}
.midDivBox_p3{color:#a4a4a4;font-size: 12px;margin-top:13px;margin-bottom:25px;}
.midDivBox_inUl li {width:90px; height:26px;float:left; background:#fff; color:#000;border:1px solid #e3e3e3; font-size:11px;line-height:26px; text-align:center;border-radius:5px;}
.midDivBox_inUl li:first-child{background:#f36c2f;color:#fff;margin-right:6px;}
.midUl_div2 img{ margin-top:33px;}

.rightDivBox_notice{font-size: 17px;padding-top:35px;font-weight:  bold;color:  #333;}
.rightDivBox_notice2{margin-top:26px;}
.rightDivBox_notice3,.rightDivBox_notice2{font-size: 13px;/* margin-top:  26px; */color:  #333;font-weight: 550;}
.rightDivBox_date{color:#696969;font-size:13px;margin-top: 4px;}
.rightDivBox_line{width:200px;height:1px;background:#a9a095;display:  block;margin:  20px 0;}



.inClass4_p1{color:#6c6c6c;font-size:15px;padding-top:84px;margin-bottom: 10px;}
.inClass4_p2{color:#e21e4c;font-size:49px;font-weight:1000;margin-bottom:  65px;}
.inClass4_p2 span{color:#fff;background:#e21e4c;font-size:13px;width:64px;height:23px;border-radius:13px;display:inline-block;text-align:center;line-height:23px;font-weight: normal;}
.inClass4_p3{color:#989898;font-size: 13.8px;line-height:23px;}
.inClass4_p4{color:#989898;font-size: 13.8px;margin-top:33px;}

.inClass4Div_div{margin-top:44px;}
.inClass4Div_div ul{height:55px;background:#fff;margin-bottom:  53px;}
.inClass4Div_div ul li{float:left;line-height:55px;height:17px;width: 10.9%;font-size: 16px;text-align:center;line-height:17px;margin-top:20px;color:  #333;font-weight: 500;border-left: 2px solid #000;}
.inClass4Div_div ul li:first-child{border-left:none;}
.usArticle{height: 452px;}
.usEventSlider {height:452px;width:  1200px;position:  relative;}
.eventPrev{position:absolute;transform:translateY(-50%);top:50%;z-index:  1000;}
.eventPrev2 {position:absolute;transform:translateY(-50%);top:50%;z-index:  1000;left: 10px;}
.eventNext{position:absolute;right:0;transform:translateY(-50%);top:50%;z-index:  100;}
.eventNext2{position:absolute;right: 10px;transform:translateY(-50%);top:50%;z-index:  100;}
.usEventSlider .slick-list{height:452px;}
.main_banner div{width:592px;height:76px;background:  #fff;display:  inline-block;font-size:  13px;color:  #555555;}
.main_banner div img{margin-left:43px;padding: 15px;float:left;display:  inline-block;/* margin-top: 2px; */}
.main_banner div span{height:  76px;margin-top: 19px;margin-left:  15px;width: 305px;font-size: 13px;line-height: 19px;float:  left;font-family: 'Noto Sans KR', sans-serif;}
.main_banner div:first-child{margin-right: 10px;}
.main_banner{margin-top:54px;}
#colorP{color:#e21e4c;margin-top: 7px;}
.main_banner div p{color:#555555;margin-top:  22px;}

.inClass4_Btn li{background:#fff;width:110px;height:110px;float:left;border-radius:110px;text-align:center;margin-left: 40px;}
.inClass4_Btn li p:first-child{margin-top:41px;}
.inClass4_Btn li p{margin-top:3px;font-weight: 600;}
.inClass4_Btn{position:absolute;right: 31px;top: 76px;}

.uooseoActive{background: #e21e4c !important;color:  #fff;}
.uooseoActive2{background: #e21e4c !important;color:  #fff;}
.moreNoticeList{width: 1000px;height: 444px;padding:  0px 60px;background:#fff;position: fixed;z-index: 100090;transform: translateX(-50%) !important;left: 50%;/* transform: translateY(-50%); */top: 20%;}
.cover{position:fixed;width:100%;height:100%;background:#4c4c4c;opacity: 0.8;filter: alpha(opacity=80);top:0;left:0;z-index: 10005;}
.moreNoticeList h2{margin-top:80px;font-size: 34px;}
.moreNoticeList h2 span{font-size:19px;margin-left:13px;}

.usNoticeTable{width: 1000px;margin-top:  34px;border-top:1px solid #dadada;}
.usNoticeTable tr:nth-child(odd){background:#f6f6f6;}
.usNoticeTable tr{height: 36px;border-bottom:1px solid #dadada;border-left:1px solid #dadada;border-right:1px solid #dadada;}
.usNoticeTable th{text-align:center; font-weight:bold;}
.usNoticeTable tr th {border-left:1px solid #dadada;font-size: 14px;}
.usNoticeTable tr td {border-left:1px solid #dadada;}
.unNoticeTdSubject{text-align:left !important;text-indent:33px; }
.usNoticeTable td{text-align:center;font-size: 13px;color:  #777777;}
.moreNoticeCancel{position:absolute;top:24px;right:27px;font-size: 27px;z-index:  1000;}
.unquireCancel{position:absolute;top:24px;right:27px;font-size: 27px;z-index:  1000;}
.moreNoticeView{width: 1011px;height: 641px;background:#fff;position: fixed;z-index: 100090;transform: translateX(-50%) !important;left: 50%;top: 13%;}
.nowProjectList{width:1161px;height:805px;background:#fff;position: fixed;z-index: 100090;transform: translateX(-50%) !important;left: 50%;top: 4%;}
.unquire{width: 1201px;height: 861px;background:#fff;position:fixed;z-index: 1000900;transform: translateX(-50%) !important;left: 50%;top: 2%;padding-bottom: 20px;}
.unquire h2{margin-top: 59px;text-indent:61px;margin-bottom:  34px;}
.nowProjectList h2{margin-top:79px;text-indent:61px;margin-bottom:  34px;}
.moreNoticeView h2{margin-top:79px;text-indent:61px;margin-bottom:  34px;}
.unquire h2 span{font-size:20px;margin-left:12px;}
.nowProjectList h2 span{font-size:20px;margin-left:12px;}
.moreNoticeView h2 span{font-size:20px;margin-left:12px;}
.moreNoticeViewTr{width:1160px;height: 24px;background:#f6f6f6;border-bottom:1px solid #dadada;font-size: 13px;}
.moreNoticeViewSubject{text-align:left;text-indent:38px;width: 70%;}
.moreNoticeContent{height: 195px;}


.nowProjectTable{width:1038px;height:583px; margin:0 auto;border-top:1px solid #dadada;}
.nowProjectTable tr th{height: 40px;background:#f6f6f6;font-weight:  bold;text-align:  left;text-indent:  20px;font-size: 14px;}
.nowProjectTable tr{border-bottom:1px solid #dadada; border-left:1px solid #dadada; border-right:1px solid #dadada;}

.usNoticeViewTable{width: 890px;height:361px;margin:  0 auto;border:1px solid #dadada;}
.moreNoticeContent td{width:100%;vertical-align: top;padding: 29px 38px;color:  #777777;font-size: 13px;}

.moreListBtn{margin:0 auto;width: 110px;height: 30px;color:#fff;background: #000;text-align: center;line-height: 30px;margin-top:  49px;font-size: 14px;}
.eventSliderList div{display:inline-block;height: 15px;float:left;}
.eventSliderList div img{margin-left:67px;}
.eventRightDiv ul li div{background:#000;border-radius:100px;width:29px;height:29px;color:#fff;text-align:center;line-height: 29px;margin-top:  10px;margin-right:  17px;}
.eventRightDiv ul li{height:50px;width:  466px;}
.eventRightDiv ul li p{width:437px;padding-top: 7px;line-height: 21px;font-size: 13px;font-weight: 600;color:  #626262;}
.eventRightDiv ul li span {color:#e21f4b;}
.eventRightDiv{margin-top:34px;margin-left:70px;}
.eventRightchildDiv{width:481px;font-size:13px;height:115px;margin-top:34px;}
.eventRightchildDiv h4{font-size:14px;}
.eventRightchildDiv div p{text-decoration:underline;float:left;font-weight:  600;}
.eventRightchildDiv div{display:block;margin-bottom:11px;}
.eventRightchildDiv div span{float:left;margin-top:3px;margin-right:4px;}
.eventRightchildDiv h5{ font-size:13px;display:block; float:left;line-height:17px;color:#716f70;}
.eventRightchildDiv h5 span{float:left;margin-top:3px;margin-right:4px;}
.rightH5{margin-top:5px;}
.rightH5 span{margin-top:0px !important;margin-right: 4px !important;margin-left: 6px;margin-bottom:3px;}
.eventRightDiv img{margin-left:0px !important;margin-bottom:30px;}

.mainBanner{display:block;margin:0 auto;}
.nowProjectCancel {position:absolute;right:26px;top:24px;font-size:25px;}

.nowProjectSlider .slick-list{width:1038px;margin:0 auto;}

.unquire table{background:#f6f6f6;width: 1090px;height:617px;margin:0 auto;border-right: 1px solid #dadada;border-top: 1px solid #dadada;border-left: 1px solid #dadada;}
.unquire table tr td span{vertical-align:  middle;color: #dadada;}
.unquire table tr {height:50px;border-bottom:1px solid #dadada;}
.unquire table tr td:first-child span{color:#ee0002;}
.unquire table .contentTr{height:266px;}
.unquire table tr td{font-weight:  500;font-size: 12px;}
.unquire table tr td:first-child{width: 200px;font-weight:  500;font-size: 12px;text-indent:25px;}
.unquire table input{border: 1px solid #dadada;}

input[type="checkbox"] {}
.inputName{width: 213px;height: 25px;}
.golbangE{display:inline-block;vertical-align:  middle;margin:  0 10px;font-size: 14px;}

.phone1,.tel1{width:57px;height:28px; border: 1px solid #dadada;color:#444444;}
.phone2,.phone3,.tel2,.tel3{width:55px;height:24px;}
.emailSelect{width:104px;height: 28px;border: 1px solid #dadada;vertical-align:  middle;margin-left: 4px;}
.exPage{width:80px;height:24px;margin-right:11px;}
.nowSite{width:544px;height:24px;text-indent:8px;color:#8a8a8a;}
.exSite0,.exSite1{width:421px;height:24px;text-indent:8px; color:#8a8a8a;}
.exSite0{margin-right:8px;}
.txtrContent{width: 937px;height:245px;border:1px solid #dadada;padding:17px 20px;}
.tdContent{padding:11px 0px;}
.checkTd input{width: 18px;height: 15px;margin-bottom: 17px;}
.checkTd label{width:52px;margin-right:29px;line-height:  50px;}
.unquireSend{width: 110px;height: 30px;background:#000;color:#fff;margin:0 auto;text-align:center;line-height: 30px;font-size: 14px;margin-top:32px;}

.useNumDiv{width: 53px !important;height: 53px !important;border-radius:56px;border: 3px solid #d8d6d7;color:#d8d6d7;text-align:center;line-height: 51px;font-size:25px;font-weight:600;margin-right:  28px;margin-top:  4px;}
.useLeftDiv ul li div {width:404px;height:64px; display:inline-block;}
.useNumDiv.active{background:#e21e4c;color:#fff;border: 3px solid #e21e4c;}
.useLeftDiv h3.active{color:#222222;}
.useLeftDiv p.active{color:#222222;}
.useLeftDiv ul li{margin-top:45px;}
.useLeftDiv ul li:first-child{margin-top: 17px;}
.useLeftDiv{width: 602px;display:  inline-block;height:  452px;}
.useLeftDiv h3{font-size:17px;margin-bottom: 9px;font-weight: 500;color:#bebcbd;}
.useLeftDiv p {font-size: 13px;line-height: 20px;font-weight:600;color:#bebcbd;}
.useImgDiv{display:inline-block;height: 452px;}
.useImgDiv img{margin-top: 33px;}
.usUseArticle {margin:0 auto;}
.useAllDiv{width:968px;margin:0 auto;}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #popup01 label,#popup02 label {line-height:27px}
    a, body, tr, td, table, select, input {line-height:21px}
    }

.pop01{width:  1920px;text-align:  center; margin:  0 auto;}
#popup01,#popup02 {position: fixed;top: 206px;background: #333;text-align:center;color:#333;width: 340px;z-index: 11999;}
#popup02 {left:266px;}
.pop_slide img{width:auto !important;}
.checkbox_check {background: url(/popup/check.jpg) no-repeat;background-position: center;}
.pop_slide{width: 340px !important;/* display: unset !important; */overflow:  hidden;}
.popup_close{line-height: 29px;color:#fff;font-size: 13px;margin-left: 80px;}
#popup01 label,#popup02 label {margin-right:10px;line-height: 29px;font-size: 13px;color:  #fff;}
#popup01 input[type=checkbox],#popup02 input[type=checkbox] {appearance:none;/* -webkit-appearance: none; */width: 11px;height: 11px;border: 1px solid #747474;margin-top: 5px;}
.checkbox {display:inline-block;height: 17px;float: left;line-height: 28px;margin-left: 6px;}
.checkbox_check {background: url(/popup/check.jpg) no-repeat;background-position: center;}
.labelbox {display:inline-block;height: 24px;float:  left;margin-left: 2px;}
.popup_div {display: block;/* border-left:solid 10px #333; *//* border-right:solid 10px #333; *//* border-top:solid 10px #333; */}
.popup_div a {margin-top: 3px;display:inline-block;box-sizing:border-box;float:right;padding-right:10px;}

* {box-sizing:unset;-webkit-box-sizing:unset;}
.proImg{border-radius:50px;width:40px;height:40px;padding: 18px !important;}
.text-wrapper.hidden-lg{display:none !important;}

/* 2020-10-23 add rules for contents */
   .main_inClass5 {padding: 0 0 3rem 0;text-align: center;}
   .main_inClass5 .inClass5_div {margin: 0 auto;max-width: 1200px;}
   .main_inClass5 .inClass5_div h3 {font-weight: 600;padding: 1rem;/*! font-size: 2rem; */}
   .main_inClass5 .inClass5_div > p {color: #979797;margin-bottom: 2.375rem;}
   .main_inClass5 .inClass5_div > p strong {color: #272727;font-weight: bold}
   .main_inClass5 .inClass5_div .item-wrapper img {max-width: 200px;}
   .main_inClass5 .inClass5_div .row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;}
   .main_inClass5 .inClass5_div .row > * {box-sizing: border-box;-webkit-box-sizing: border-box;}
   .main_inClass5 .inClass5_div .row:nth-child(n+1):nth-child(n-2) {margin-bottom: 2rem;}
   .main_inClass5 .inClass5_div .row .col {position: relative;width: 100%;padding-right: 15px;padding-left: 15px;}
   .main_inClass5 .inClass5_div .row .col-md-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
   .main_inClass5 .inClass5_div .row .col .text-wrapper {display: inline-block;padding-top: 1rem;text-align: left;}
   .main_inClass5 .inClass5_div .row .col .text-wrapper h5 {font-size: 1.125rem;font-weight: 600;margin-bottom: 1rem;text-align: center;letter-spacing: -1px;padding-top: 6px;}
   .main_inClass5 .inClass5_div .row .col .text-wrapper p {color: #272727;font-size: 0.9rem;line-height: 1.25rem;text-align: center;word-break: keep-all;}
   .main_inClass5 .inClass5_div .row .col .text-wrapper .p-hashtag {margin-top: .375rem;color: #D8A36A;text-align: center;}


@media only screen and (max-width: 1199px){
	.text-wrapper.hidden-lg{display:block !important;}
	.inClass4_p2 span{margin-top:20px;}
	.main_inClass5 .inClass5_div .row .col .text-wrapper .p-hashtag {margin-top: .375rem;margin-bottom: 2rem;color: #D8A36A;}
	.main_inClass5 .inClass5_div .row {margin-right: 0;margin-left: 0;}
	.main_inClass5 .inClass5_div .item-wrapper img {max-width: 170px; width:100%;}
	.main_inClass5 .inClass5_div .row .col-xs-6 {-ms-flex: 1 0 0;flex: 1 0 0;max-width: 50%;}
	img.hotissueClick.pointer {margin-left: 0;width: 100%;margin: 0;}
	.main_inClass3{margin-bottom:40px;}
	.main_inClass5 .inClass5_div > p {width:250px;text-align:center;margin:0 auto; line-height:1.4; margin-bottom:30px;}
	.inClass2_Div p{width:300px;font-size: 14px;text-align:center;margin:0 auto;line-height:1.3;margin-bottom:30px;}
	.inClass2_ul1 li img,.inClass2_ul2 li img,.inClass2_ul3 li img{height: 100%;margin:0 auto;}
	.leftDivBox .leftDiv_Div img{margin:  0 auto;}
	.inClass2_Div ul {padding:0px;}
	.inClass2_Div {width: 100%; height: 100% !important;}
    .midDivBox{width: 100%!important;max-width: 100%; height: 565px;float:  left;display:  inline-block;}
	.inClass2_ul1 {display: flex;margin-left: 0;justify-content: center;}
	.bxDiv div h2{font-size:16px;font-weight:bold;margin-bottom: 11px;color:  #333;}
	.bxDiv div:first-child{width: 55%;margin: 19px 17px 25px 20px;}
	.bxDiv div:first-child p{line-height:1.5;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:54px;}
	 .main_inClass5 .inClass5_div h3 {font-weight: 600;padding: 1rem;/*! font-size: 2rem; */margin-top: 799px;}

	}


	@media only screen and (min-width: 414px) and (max-width: 639px) {
	.text-wrapper.hidden-lg{display:block !important;}
	.inClass4_p2 span{margin-top:20px;}
	.main_inClass5 .inClass5_div .row .col .text-wrapper .p-hashtag {margin-top: .375rem;margin-bottom: 2rem;color: #D8A36A;}
	.main_inClass5 .inClass5_div .row {margin-right: 0;margin-left: 0;}
	.main_inClass5 .inClass5_div .item-wrapper img {max-width: 170px; width:100%;}
	.main_inClass5 .inClass5_div .row .col-xs-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	.bxDiv {width: 765px !important;}
	img.hotissueClick.pointer {margin-left: 0;}
	.main_inClass3{margin-bottom:50px;}
	.main_inClass5 .inClass5_div > p {width:250px;text-align:center;margin:0 auto; line-height:1.4; margin-bottom:30px;}
	.inClass2_Div p{width:300px;font-size: 14px;text-align:center;margin:0 auto;line-height:1.3;margin-bottom:30px;}
	.inClass2_ul1 li img,.inClass2_ul2 li img,.inClass2_ul3 li img{height: 100%;margin:0 auto;}
	.inClass2_Div ul {padding:0px;margin-left: 0;}
	.leftDivBox .leftDiv_Div img{margin:  0 auto;}
	.bxDiv div:first-child{width:25%;}
	.bxDiv div:first-child p{ine-height:1.5;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:54px;}
	.bxDiv div h2{font-size:16px;font-weight:bold;margin-bottom: 15px;color:  #333;letter-spacing: -1px;}
	 .main_inClass5 .inClass5_div h3 {font-weight: 600;padding: 1rem;/*! font-size: 2rem; */margin-top: 736px;}
	 .shortcut {bottom: 12px;}

	}




	@media only screen and (min-width: 384px) and (max-width: 413px) {
	.text-wrapper.hidden-lg{display:block !important;}
	.inClass4_p2 span{margin-top:20px;}
	.main_inClass5 .inClass5_div .row .col .text-wrapper .p-hashtag {margin-top: .375rem;margin-bottom: 2rem;color: #D8A36A;}
	.main_inClass5 .inClass5_div .row {margin-right: 0;margin-left: 0;}
	.main_inClass5 .inClass5_div .item-wrapper img {max-width: 170px; width:100%;}
	.main_inClass5 .inClass5_div .row .col-xs-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	img.hotissueClick.pointer {margin-left: 0;}
	.main_inClass3{margin-bottom:50px;}
	.main_inClass5 .inClass5_div > p {width:250px;text-align:center;margin:0 auto; line-height:1.4; margin-bottom:30px;}
	.inClass2_Div p{width:300px;font-size: 14px;text-align:center;margin:0 auto;line-height:1.3;margin-bottom:30px;}
	.inClass2_ul1 li img,.inClass2_ul2 li img,.inClass2_ul3 li img{height: 100%;margin:0 auto;}
	.leftDivBox .leftDiv_Div img{margin:  0 auto;}
	.bxDiv div:first-child{width:37%;}
	.inClass2_Div ul {padding:0px;margin-left: 0;}
	.bxDiv div:first-child p{line-height:1.5;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:54px;}
	.bxDiv div h2{font-size:16px;font-weight:bold;margin-bottom: 15px;color:  #333;}
	 .main_inClass5 .inClass5_div h3 {font-weight: 600;padding: 1rem;/*! font-size: 2rem; */margin-top: 736px;}
	.shortcut {bottom: 11px;}
	}



	@media only screen and (min-width: 375px) and (max-width: 383px) {
	.leftDivBox li p{font-size:0.9rem;line-height:22px;}
	.text-wrapper.hidden-lg{display:block !important;}
	.main_inClass5 {padding: 0 0 1rem 0;text-align: center;}
	.inClass4_p2 span{margin-top:20px;}
	.main_inClass5 .inClass5_div .row .col .text-wrapper .p-hashtag {margin-top: .375rem;margin-bottom: 2rem;color: #D8A36A;}
	.main_inClass5 .inClass5_div .row > * {box-sizing: border-box;-webkit-box-sizing: border-box;}
	.main_inClass5 .inClass5_div .row {margin-right: 0;margin-left: 0;margin-bottom: 0 !important;}
	.main_inClass5 .inClass5_div .item-wrapper img {max-width: 170px; width:100%;}
	.main_inClass5 .inClass5_div .row .col-xs-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	img.hotissueClick.pointer {margin-left: 0;}
	.main_inClass3{margin-bottom:50px;}
	.main_inClass5 .inClass5_div > p {width:272px;text-align:center;margin:0 auto;line-height:1.4;margin-bottom:30px;word-break: keep-all;}
	.inClass2_Div p{width:300px;font-size: 0.9rem !important;letter-spacing: -1px !important;text-align:center;margin:0 auto;line-height: 1.5;margin-bottom:30px;}
	.inClass2_ul1 li img,.inClass2_ul2 li img,.inClass2_ul3 li img{height: 100%;margin:0 auto;}
	.leftDivBox .leftDiv_Div img{margin:  0 auto;}
	.inClass2_Div ul {padding:0px;margin-left: 0;}
	.bxDiv div h2{font-size:16px;font-weight:bold;margin-bottom: 11px;color:  #333;letter-spacing: -1px;}
	.bxDiv div:first-child{width:31%;}
	.bxDiv div:first-child p{line-height:1.5;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:54px;}
	.main_inClass5 .inClass5_div h3 {font-weight: 600;padding: 1rem;/*! font-size: 2rem; */margin-top: 736px;}
	.shortcut {bottom: 9px;}
	}


	@media only screen and (min-width: 360px) and (max-width: 374px) {
	.text-wrapper.hidden-lg{display:block !important;}
	.inClass4_p2 span{margin-top:20px;}
	.main_inClass5 .inClass5_div .row .col .text-wrapper .p-hashtag {margin-top: .375rem;margin-bottom: 2rem;color: #D8A36A;}
	.main_inClass5 .inClass5_div .row {margin-right: 0;margin-left: 0;}
	.main_inClass5 .inClass5_div .item-wrapper img {max-width: 170px; width:100%;}
	.main_inClass5 .inClass5_div .row .col-xs-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	img.hotissueClick.pointer {margin-left: 0;}
	.main_inClass3{margin-bottom:50px;}
	.main_inClass5 .inClass5_div > p {width:250px;text-align:center;margin:0 auto; line-height:1.4; margin-bottom:30px;}
	.inClass2_Div p{width:300px;font-size: 14px;text-align:center;margin:0 auto;line-height:1.3;margin-bottom:30px;}
	.inClass2_ul1 li img,.inClass2_ul2 li img,.inClass2_ul3 li img{height: 100%;margin:0 auto;}
	.leftDivBox .leftDiv_Div img{margin:  0 auto;}
	.inClass2_Div ul {padding:0px;margin-left: 0;}
	.bxDiv div img{margin: 19px 12px 17px 0px;width: 174px;height: 95px;}

	.bxDiv div h2{font-size: 17px !important;font-weight:bold;margin-bottom: 15px;color:  #333;letter-spacing: -1px;}
	.bxDiv div:first-child{width:25%;}
	.bxDiv div:first-child p{font-size: 13px !important;letter-spacing: -1px !important;line-height:1.5;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:54px;}
	 .main_inClass5 .inClass5_div h3 {font-weight: 600;padding: 1rem;/*! font-size: 2rem; */margin-top: 736px;}
	.shortcut {bottom: 9px;}
	}


	@media only screen and (max-width: 320px){
	.text-wrapper.hidden-lg{display:block !important;}
	.inClass4_p2 span{margin-top:20px;}
	.main_inClass5 .inClass5_div .row .col .text-wrapper .p-hashtag {margin-top: .375rem;margin-bottom: 2rem;color: #D8A36A;}
	.main_inClass5 .inClass5_div .row {margin-right: 0;margin-left: 0;}
	.main_inClass5 .inClass5_div .item-wrapper img {max-width: 170px; width:100%;}
	.main_inClass5 .inClass5_div .row .col-xs-6 {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
	img.hotissueClick.pointer {margin-left: 0;}
	.main_inClass3{margin-bottom:40px;}
	.main_inClass5 .inClass5_div > p {width:250px;text-align:center;margin:0 auto; line-height:1.4; margin-bottom:30px;}
	.inClass2_Div p{width:300px;font-size: 14px;text-align:center;margin:0 auto;line-height:1.3;margin-bottom:30px;}
	.inClass2_ul1 li img,.inClass2_ul2 li img,.inClass2_ul3 li img{height: 100%;margin:0 auto;}
	.leftDivBox .leftDiv_Div img{margin:  0 auto;}
	.inClass2_Div ul {padding:0px;margin-left: 0;}

	.bxDiv div h2{font-size:16px;font-weight:bold;margin-bottom: 11px;color:  #333;}
	.bxDiv div:first-child{width: 19%;margin: 19px 17px 25px 20px;}
	.bxDiv div:first-child p{line-height:1.5;display:-webkit-box;word-wrap:break-word;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;height:54px;}
	.main_inClass5 .inClass5_div h3 {font-weight: 600;padding: 1rem;/*! font-size: 2rem; */margin-top: 736px;}
	.shortcut {bottom: 6px;}
	}



@media only screen and (min-width: 320px) and (max-width: 1199px) {
	img.hotissueClick.pointer {
		min-height: 700px;
		aspect-ratio: 16/9;
	}
}
	@media only screen and (min-width: 640px) and (max-width: 1199px) {
		.leftDivSlide {
			height: auto;
			padding: 100px 0;
		}
		.main_inClass3 .leftDivBox .slick-slide {
			width: 100% !important;
		}
		.main_inClass3 .leftDivBox .slick-track {
			width:100% !important;
		}
		.main_inClass3 .leftDivBox .leftDiv_All {
			display: inline-block;
		}
	}