/* <link rel="stylesheet" type="text/css" href="/common/css/iustyle.css?231110"> */
.white .hover {color:#ebebeb;}
.white .hover:hover {color:#EC262A;}
header.fixed {position: fixed; background-color: #fff; border-bottom:1px solid #d9d9d9; z-index: 10000;}
header.fixed .hover > span {color:#999 !important;}
.white.header .hover > span {color:#fff ; font-size:20px !important;}
.header .hover > span {font-size:20px !important;}
.header_lang img {max-width:100%; width:auto;}
#popup_red .over:hover {background: url(../img/main/yg1_over16.png) repeat ; box-sizing:border-box;}
#popup_red .center1 {position:relative}
#popup_red .center2 {position:absolute; left:0; top:0; width:100%; height:310px; display:none;}
#popup_red .over:hover .center2 {display:block;}
#popup_red .over16_txt {position:absolute; left:0; top:0;}
#popup_red .txt {position:absolute; left:0; bottom:0;}
.threading .txt > div {height:80px;}
.box-4234 {width:60% !important;}
#more {display:block; margin-top:20px; }
#more a {text-align:center; font-size:16px; color:#EC262A; padding:6px 0; display:block; border:1px solid #EC262A;}
#more a:hover , .more_new a:hover {background:#EC262A; color:#fff; transition: opacity 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; -ms-transition: all ease 0.6s ; transition: all ease 0.6s}
.mobile {display:none;}
/* ===== 占쏙옙占쏙옙占쏙옙 占쏙옙占쏙옙占쏙옙占� ===== */
.txtH1{ font-size: 40px;!important }
.ci .box-103 {display:none;}
/* ===== 占쏙옙占쏙옙占쏙옙占쏙옙 ===== */
/* About YG-1 */
.ourcompany .block2nd div .tit1{ font-size: 27px; font-weight: bold; }
.ourcompany .block2nd div .tit2{ font-size: 18px; }
/* News&Media */
.more_new p {float:right;}
.more_new a {text-align:center; border:1px solid #EC262A; width:100px; font-size:14px; color:#EC262A; height:26px; line-height: 28px; border-radius:20px; display:block;}
.boxKey{font-family:'Titillium Web', sans-serif;}
.boxKey h2{ font-family:'Titillium Web', sans-serif; font-size: 26px; line-height: 1.2; font-weight: bold; }
.boxKey h4{ font-family:'Titillium Web', sans-serif; font-size: 14px; padding-top: 18px; padding-left: 8px; font-weight: bold; color: #aaa3af; background:url('/common/img/ico/ico_dot.png') no-repeat 0px 25px; }
.boxKey p{ font-family:'Titillium Web', sans-serif; font-size: 16px; line-height: 1.5; padding: 0 0 0 8px; color: #333; }
/* Q&A */
.qna input[type="checkbox"]{background:url('/resource/project/yg-1_qna_checkbox.png'); -webkit-appearance: none; -moz-appearance: none; appearance: none; width:30px; height:30px; border:1px solid #eee; border-radius:2px; outline:none;}
.qna input:checked {background:url('/resource/project/yg-1_qna_checkedbox.png'); outline: none}
/* catalog */
.catalog_box img {max-width:100%}
/* ci */
.ci .box-95 {margin-left:0 !important;}
.process_box {width:32% !important; margin-left:1%;}
.color_box:first-child {margin-left:0;}
.color_box {margin-left:1%; box-sizing:border-box; width:23.6% !important}
/* lnb */
.newsletter .lnb_toggle.bgnone , .ci .lnb_toggle.bgnone {top:200px}
.lnb_toggle.bgnone {top:240px;}
.lnb_toggle {position: fixed; top: 60px; left: 0px; z-index:9; width:100%; font-family:'Titillium Web', sans-serif; background-color: #fff; color: #EC262A; text-align: left; box-sizing: border-box; clear: both; font-size: 18px; font-weight: 400;}
.lnb_toggle a:hover {transition: opacity 0.6s; -webkit-transition: all ease 0.6s; -moz-transition: all ease 0.6s; -o-transition: all ease 0.6s; -ms-transition: all ease 0.6s ; transition: all ease 0.6s}
.lnb_toggle.top {top:60px !important; border-top:1px solid #d9d9d9}
.lnb_toggle ul > strong {background:#EC262A; color:#fff}
.lnb_toggle strong , .lnb_toggle .toggle li a {padding: 12px 10px 12px; display:block;}
.lnb_toggle .toggle {display:none;}
.lnb_toggle .toggle li a:hover {color:#EC262A;}
.lnb_toggle .toggle li:first-child {}
.lnb_toggle .toggle li {border-top:1px solid #d9d9d9;color:#666;}
.lnb_toggle .down > strong {color:#000; background:none;}
.lnb_toggle .down:after {display:block; content:""; clear:both;}
.lnb_toggle .down > li {float:left; width:33.333%;}
.lnb_toggle .down > li:first-child a {border-left:0}
.lnb_toggle .down > li a {text-align:center; color:#fff; background:#353535; border-left:1px solid #535353}
.lnb_toggle .down > li a:hover {background:#EC262A; color:#fff;}
.lnb_toggle .down > li a > img {margin-left:10px; vertical-align:-1px;}
/* product */
.box_style {width:23% !important; margin-right:0 !important; margin-left:2%;}
.box_style img {}
.milling .box-115 {box-sizing:border-box; padding-left:0 !important; margin-left:-2%;}
/*.product .iu-popup {height:500px; padding-bottom:40px;}*/
.product .iu-popup {height:580px;}
.product .iu-popup > div {height:500px; overflow:scroll;}
/*.product .iu-popup > div > div {width:100%;}*/
.product .iu-popup > .iux-popup-close-button {overflow:auto; background-repeat:no-repeat;}
/* footer */
.box-123 {width:31% !important;}
.cell-133 {margin-left:8px !important;}
.language {display:none; background:#fff; position:relative; left:0; top:10px; z-index:999; width:100%; box-sizing:border-box; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9}
.language li a {font-weight:400; padding:9px 0;border-bottom:1px solid #d9d9d9; color:#333; font-family: 'Titillium Web', sans-serif; display:block;}
.language a:hover {color:#ec262a;}
/* sitemap */
.sitemap {font-family: 'Titillium Web', sans-serif; background-color:#f3f3f3; background-image: url('../../common/img/main/yg-sitemapbg.png.png'); background-repeat: no-repeat; background-size: contain; position:relative; width:100%; padding-top:266px;}
.site_wrap {padding:60px 0 100px;}
.site_wrap > div {background:#fff; box-sizing:border-box; padding:60px 50px;}
.site_wrap > div:after {display:block; content:""; clear:both;}
.site > ul:first-child , .about {margin-left:0 !important;}
.site > ul {float:left; width:30.333%; margin-left:4%;}
.site > ul strong {display:block; border-bottom:2px solid #ec262a; color:#ec262a; font-size:26px; padding-bottom:10px;}
.site > ul > li > span {color:#333; font-size:18px; display:block; font-weight:600; margin:15px 0 10px;}
.site .comm {margin-top:50px;}
.site > ul > li > ul > li a {position:relative; line-height:1.8; color:#666;}
.site > ul > li > ul > li > a > span {display:inline-block; position:absolute; left:0; top:2px; font-size:12px;}
.site > ul > li > ul > li > a > em {font-size:16px; box-sizing:border-box; padding-left:12px; font-style:normal; display:block;}
.site > ul > li a {display:block;}
.site > ul > li a:hover {color:#ec262a;}
/* product_mobile */
/* .toggle {display:none;} */
#popup_red {padding:50px; box-sizing:border-box;}
.ceo_new #popup_red {padding:0; box-sizing:border-box;}
.down_list {position:absolute; left:50%; top:0;}
.down_list.ch_1 {margin-left:-16px;}
.down_list.ch_2 {margin-left:-51px;}
.down_list:after {display:block ; content:""; clear:both;}
.down_list li:first-child {background:none; padding-left:0;}
.down_list li:first-child a {margin-left:0;}
.down_list li:last-child {padding-right:0;}
.down_list li {float:left; background:url('/resource/project/products_down_bg.png') left no-repeat; padding-right:10px; padding-left:6px; border:0}
.down_list li a {margin-left:5px; font-size:14px; display:block; color:#EC262A; text-align:center; font-weight:700;}
.down_list li img {margin-left:6px;}
.down_list li:hover {text-decoration:underline; color:#EC262A;}
.down_none {width:182px !important;}
.product1 {margin-top:80px; border-bottom:1px solid #e5e5e5; padding-bottom:35px;}
.product1:after , .toggle_block:after {display:block; content:""; clear:both;}
.product1 > span {display:block; float:left; width:28%;}
.product1 > span img {max-width:100%}
.product1 .mobi_txt { float:right; width:68%;}
.mobi_txt > span {display:block; box-sizing:border-box;}
.mobi_txt strong , .mobi_txt em , .mobi_txt span > span {display:block; color:#333; font-weight:600;}
.mobi_txt strong {font-size:24px; line-height:1;}
.mobi_txt em {font-size:15px; font-style:normal; margin-top:15px;}
.mobi_txt span > span {color:#999; font-size:15px; font-weight:400; margin-top:10px;}
.mobi_txt span a {margin-top:15px; display:block; border-radius:20px; border:1px solid #ec262a; background:#ec262a; color:#fff; font-size:13px; text-align:center; width:120px; height:34px; line-height:34px;}
.mobi_txt span a:hover {background:none; border:1px solid #ec262a; color:#ec262a;}
.toggle_block {clear:both; float:left; width:100%; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #e5e5e5; display:none;}
#ui-id-2 {display:none;}
.toggle_block > div {box-sizing:border-box; padding:20px; background:#11223D;}
.toggle_block .squere li {color:#fff;margin-bottom:5px; background:url('/resource/project/yg-1_subintro_list.png') left 6px no-repeat; font-family:'Titillium Web', sans-serif; font-size:16px; font-weight:700; padding-left:20px;}
.toggle_block .product_to1:after , .toggle_block .product_to1 li:after {display:block; content:""; clear:both;}
.toggle_block .product_to1 {margin-left:-2%;}
.toggle_block .product_to1 li {background:#fff; margin-top:15px; float:left; width:30.333%; margin-left:2%; border:1px solid #E1E1E1; box-sizing:border-box; padding:24px 6px 12px; height:172px}
.products.drilling .toggle_block .product_to1 li {/* height:110px !important; */}
.toggle_block .product_to1 li span:after {display:block; content:""; clear:both;}
.toggle_block .product_to1 li span {/* float:left; width:40%; */ width:100%; float:left; text-align:center;}
.toggle_block .product_to1 li span.productUni{ display: inline-block; text-align: center; }
.toggle_block .product_to1 li span.txt_box {/* width:58%; float:right; */display:block; color:#333; font-size:14px; font-weight:600; text-align:center;}
.toggle_block .ygDrill3 li span.txt_box{ font-size:12px!important; }
.toggle_block .product_to1 li span.txt_box > em {display:inline-block; font-size:12px; color:#666; font-weight:400; margin-top:0;}
/* .toggle_block .product_to1 li span.txt_box.box0 {padding:0;}
.toggle_block .product_to1 li span.txt_box.box1 {padding:20px 0;} */
.toggle_block .product_to1 li span img {max-width:100%}
.toggle_block .eca_btn {margin:30px auto 0; display:block; width:120px; line-height:34px; height:34px; font-size:15px; color:#EC262A; text-align:center; border:1px solid #EC262A; border-radius:40px}
.product_to1 strong {display:block; color:#EC262A; font-size:20px; font-weight:700; margin-left:2%; margin-top:15px;}
.product_to1 strong.gray {color:#fff;}
.product_to1 em.sub_con {float:left; width:100%; margin:0; font-size:11px;}
.product_to1 em {display:block; color:#fff; font-size:16px; margin-left:2%;font-weight:700; margin-top:15px; font-style:normal;}
.ix .mobi_txt > span {padding:0;}
.ix .mobi_txt em , .ix .mobi_txt span a {margin-top:10px;}
.ix .product_to1 li {width:100%;}
#btn_menu {position: absolute; right: 20px; top: 18px; z-index: 9999; width: 28px; height: 28px; background:url(../img/main/mmenu_btn.png) no-repeat center; background-size: contain; text-indent: -9999px}
.c-menu {-webkit-overflow-scrolling: touch; background: #323842; z-index: 10000 !important}
.c-menu .c-menu__close {right:20px; background:url(../img/main/mclose_btn.png) no-repeat; background-size: contain; width:22px !important; height: 22px; float: right; position: relative; top: 32px; padding: 0 !important;}
.c-menu > strong {background:url('/resource/project/yg-1_logo_new.png') no-repeat 20px; background-size:92px 32px; display: block; padding: 28px 10px; background-color: #333; text-indent:-9999px;}
.c-menu > strong > a {display:block;}
.c-menu > span {display: block; background-color: #ec262a; clear:both;}
.c-menu > span a.color2 {background:#11223d !important;}
.c-menu > span:after {content: ""; display: block; clear: both; zoom: 1}
.c-menu > span a {color: #fff; float: right; width: 50%; text-align: center; padding: 12px 0; font-size: 14px; font-weight: 600}
.c-menu > span a:first-child {float: left;}
.c-menu > span img {display: block; margin: 0 auto 5px;}
.c-menu #lnb ul {padding: 0; margin: 0; list-style-type: none; text-align: left;}
.c-menu #lnb li > span {display: block; border-bottom: 1px solid #2d323b; padding: 15px; text-decoration: none; color: #ffffff; text-indent: 0; font-size: 16px; font-weight: bold; background-color: #4a4a4a; text-align: left; font-weight: 600}
.c-menu #lnb li > a {display: block; border-bottom: 1px solid #535353; padding: 12px; text-decoration: none; color: #dddddd; text-indent: 0; font-size: 15px; background-color: #333333; font-weight: 400}
.c-menu #lnb li.current > a {color: #006be6}
.c-menu #lnb ul ul li a {color: #777}
.c-menu .sns {padding: 30px 20px}
.c-menu .sns img {display: block; margin: 0 auto 8px}
.c-menu .sns:after {content: ""; display: block; clear: both; zoom: 1;}
.c-menu .sns li {color: #000; font-size: 11px; font-weight: 400; float: left; text-align: center; width: 33.33%;}
.c-menu .banner img {width: 100%}
.c-menu > span.join_wrap {background:#252a31;}
.c-menu > span.join_wrap a:first-child {border-right:1px solid#323842}
.c-menu > span.join_wrap a {border-top:1px solid#323842}
/*카占쌨로깍옙 占쏙옙품占쌩곤옙*/
.text-52 p {color:#666; font-size:14px;}
.text-52 strong {font-weight:700; font-size:18px; display:block; min-height: 55px}
.text-52 em {font-style:normal; color:#666; display:block; font-size:14px;}
.section_1 {background-color:#FFFFFF;background-size: cover;background-position:center;background-repeat:no-repeat;}
.section_1 > div {position:relative; padding:100px 0 40px; top:0}
li.career_box {float:left; height:auto;}
li.career_box img {display:block;}
li.career_box > div {background:#fff; box-sizing:border-box; padding:30px 20px; text-align:center; min-height:214px}
li.career_box > div > span {display:block; font-size:20px; line-height:1.2; font-weight:500;}
li.career_box > div em {display:block; font-style:normal;}
li.career_box > div > p {margin-top:10px;}
.our_txt {background:none !important; margin-top:36px;}
.our_txt> div {color:#333 !important; font-size:24px !important;}
.footer {background:#000; color:#fff; box-sizing:border-box; padding:50px 0;}
.footer ul {text-align:center;}
.footer ul:after {display:block; content:""; clear:both;}
.footer ul li:first-child {margin-left:0 !important; border-left:0 !important; padding-left:0 !important;}
.footer ul li {display:inline-block;}
.footer ul.sns {margin-left:-40px;}
.footer ul.sns li {margin-left:18px;}
.footer ul.site li {font-size:14px; font-family:'Titillium Web', sans-serif; margin-left:6px; margin-top:15px; line-height:0.9; border-left: 1px solid #fff; padding-left:6px;}
.footer ul li a {display:block;}
.searchbox {width:385px;margin:auto;padding-top:30px;}
.searchbox:after {content: ""; display: block; clear: both; zoom: 1}
.searchbox .search_text {outline:none;border:1px solid #dedede;height:28px; width:215px; line-height: 30px; vertical-align: middle; float: left; margin: 0 5px; border-radius: inherit; font-size: 14px; font-weight: 200; color: #333; text-indent: 10px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.searchbox span > a {display:inline-block;background:#666;color:#fff;font-size:0.875em;text-align:center; line-height: 30px; height: 30px;width:42px;}
div#select_box:after {display:block; content:""; clear:both}
div#select_box {background:#333; position: relative; width:100%; border-bottom:1px solid #535353; border-top:1px solid #535353; color:#999; float: left}
div#select_box label img {float:right; position:relative; top:14px; max-width:100% !important; width:auto !important;}
div#select_box label {width:85%; position: absolute; font-size: 18px; color: #ececec; top: 8px; left: 20px; font-weight: 600}
div#select_box label > span {display:block; font-weight:700;}
div#select_box select#select { width: 100%; height: 50px; min-height: 50px; line-height: 50px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */ vertical-align: middle}
/*占쌘뤄옙占�*/
.data .section , .data_view .section {height:auto;}
.data .page-content {background:#fff url('/kor/resource/project/yg1_onlineorder_bg_01.jpg') no-repeat;}
.data table {width:100%; margin-top:15px;}
.data .center-box {margin-top:60px;}
.data table thead th:first-child {background:#f4f4f5 none;}
.data table thead th {background:#F4F4F5 url('/kor/resource/project/yg1_careers_qna_list_bar.jpg') left center no-repeat; color:#333; font-weight:400; font-size:16px; text-align:center; border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:10px 0; margin:0;}
.data table tbody tr {border-bottom:1px solid #d9d9d9;}
.data table tbody td {text-align:center; padding:10px 0; font-size:16px; color:#666;}
.data table tbody td a:hover {color:#EC262A;}
.data .center-box-65 {background-image:none;}
.data .search {background:#f4f4f5;}
.data .pasing {width:242px; margin:30px auto 0;}
.data .pasing > ul:after {display:block; content:""; clear:both;}
.data .pasing > ul li {display:inline-block; zoom: 1}
.data .pasing > ul li a {display:block; width:35px; height:35px; border:1px solid #d8d8d8; color:#666; text-align:center; line-height:37px; font-size:13px;}
.data .pasing > ul li a:hover {background:#666; color:#fff;}
.data .pasing > ul li a.on {background:#666; color:#fff;}
.data .pasing > ul li.color {font-weight:bold;}
.data_view .page-content {background:#fff url('/kor/resource/project/yg1_onlineorder_bg_01.jpg') no-repeat;}
.data_view .center-box {margin-top:60px;}
.data_view table {width:100%;}
.data_view table thead tr {border-top: 1px solid #d9d9d9;}
.data_view table thead th { background:#f4f4f4; padding:10px 0; color:#666; font-weight:400; text-align:center;}
.data_view table thead td {background:#fff; color:#666; font-weight:400; text-align:center;}
.data_view table thead td img {vertical-align:-2px;}
.data_view table thead td.title {font-weight:600; color:#000;}
.data_view table thead td.comm {text-align:left; text-indent:20px;}
.data_view table tbody td {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; box-sizing:border-box; padding:30px 30px 80px;}
.data_view table tbody td p:first-child {margin-top:0;}
.data_view table tbody td p {color:#666; font-weight:400; line-height:1.5; margin-top:15px;}
.data_view table tbody td p strong {display:block; margin-bottom:5px;}
.data_view .btn {display:block;}
.data_view .btn a {margin:20px auto 0; display:block; background: #EC262A; border-radius: 50px; color: #FFFFFF; font-size: 16px; height: 35px; line-height: 35px; text-align: center;width: 124px; font-weight:600;}
/*ceo*/
.ceo_new #tabs {position:relative}
.ceo_new #tabs .titlebox {position:absolute; left:50%; margin-left:-590px; top:0;}
.ceo_new #tabs .titlebox ul {position:absolute; left:50%; margin-left:-24px; bottom:160px; z-index:999;}
.ceo_new #tabs .titlebox ul li:first-child {margin-left:0;}
.ceo_new #tabs .titlebox ul li {display:inline-block; margin-left:10px;}
.ceo_new #tabs .titlebox ul li.ui-tabs-active a {background:#EC262A; border:1px solid #EC262A}
.ceo_new #tabs .titlebox ul li a { outline:none; display:block; /* border-radius:50px; */ border:1px solid #fff; color:#fff; /* width:128px; */ padding:8px 10px; line-height:1.2; font-size:16px; text-align:center;}
.ceo_new #tabs #tab_1 .box1 {background:url('/resource/project/yg-1_sub_ceobg1.png') no-repeat center; height:770px;}
.ceo_new #tabs #tab_2 .box1 {background:url('/chi/resource/project/yg1_ceo_bg2.png') no-repeat center; height:770px;}
.ceo_new #tabs #tab_1 .box1 .iu-center-box {position:relative}
.ceo_new #tabs .box1 .title {position:absolute; right:65px; top:50%; margin-top:-250px;}
.ceo_new #tabs #tab_2 .box1 .title {/* right:-34px; */}
.ceo_new #tabs .title strong {font-size:32px; line-height: 32px; font-weight:400; color:#fff; display:block;}
.ceo_new #tabs .title p span {display:block; padding-top:10px; font-size:23px; color:#fff;}
.ceo_new #tabs .con {font-weight:300; font-size:18px; color:#fff;}
.ceo_new #tabs #tab_2 .con {font-size:16px;}
.ceo_new #tabs #tab_1 .con {margin-top:20px;}
/*카占쌨로깍옙*/
.catalog .catalog_box {padding:40px 20px;}
.catalog .catalog_box img {opacity:0.5}
.catalog .catalog_box:hover img {opacity:1;}
.catalog .txt_box > div {margin-top:0;}
.catalog .iu-floating-image {text-align:center;}
.vision_new .red span {color:#EC262A;}
.pressroom_new .origin_wrap {margin-top:20px;}
.pressroom_new .origin {color:#888; font-size:13px;}
.pressroom_new .origin_name {float:right; font-size:13px; color:#666;}
.pressroom_new .box-69 {width:auto;}
/* 161005 占쌘뤄옙占� css 占쌩곤옙 */
.technique .clear{clear:both;}
.technique .clear:after,.technique .clear :before{display:table-cell;}
.technique .clear:after{content:"";}
.technique h1,.technique h2,.technique h3,.technique h4,.technique h5,.technique h6,.technique p,.technique img,.technique ul,.technique li,.technique table,.technique tr,.technique th,.technique td,.technique em{margin:0;padding:0;}
.technique table{width:auto;border:0;margin:0;padding:0;}
.technique table tr th,.technique table tr td{border:0;font-weight:400;margin:0;padding:0;}
.technique div{box-sizing:border-box;}
.technique ul{list-style:none;margin:0;padding:0;}
.technique ul li{font-size:14px;color:#010101;margin:0;padding:0;}
.technique h1{font-size:20px;color:#010101;margin-bottom:20px;}
.technique h2{font-size:16px;color:#333;margin-bottom:13px;background:url(/img/techimg/deco/rac_1.png) left top 7px no-repeat;padding-left:15px;}
.technique h3{font-size:14px;color:#333;background-image:url(/img/techimg/deco/rac_2.png);background-repeat:no-repeat;background-position:left top 9px;padding-left:9px;margin-bottom:10px;}
.technique p{font-size:14px;color:#666;margin-bottom:15px;margin-right:20px;line-height:22px;}
.technique img{max-width:100%;margin-bottom:20px;}
.technique .dot-list{list-style:none;margin-bottom:10px;padding:0;}
.technique .dot-list.no_block li{display:inline-block;margin-right:30px;}
.technique .dot-list.no_block li:last-child{margin-right:0;}
.technique .dot-list li{list-style:none;margin-bottom:8px;padding-left:10px;background:url(/img/techimg/deco/dot.png) left top 10px no-repeat;line-height:20px;text-align:left;}
.technique .table{width:100%;border-collapse:collapse;}
.technique .table br{display:inline!important;}
.technique .table table,.technique .table td,.technique .table th{border:1px solid #d8d8d8;}
.technique .table tr th{font-weight:400;background-color:#f3f3f3;}
.technique .table tr td,.technique .table tr th{color:#333;padding:6px 3px;}
.technique .table.td_left tr td{text-align:left;padding-left:10px;}
.technique .gp{margin-bottom:52px;}
.technique .gp .content{padding-left:12px;margin-bottom:50px;overflow:hidden;}
.technique .gp .content .tablewrap{width:100%;position:relative;}
.technique .gp .content .tablewrap table{table-layout:fixed;}
.technique .gp .content .tablewrap table td,.technique .gp .content .tablewrap table th{white-space:pre-line;}
.technique .gp .content em{font-style:normal;display:block;text-align:right;font-size:14px;}
.technique .gp .content:after{clear:both;content:"";}
.technique .gp .content:last-child{margin-bottom:0;}
.technique .gp .content > div .imgbox{width:100%;text-align:center;}
.technique .gp .content .div2,.technique .gp .content .div2_table{box-sizing:border-box;max-width:50%;float:left;padding:0 10px;}
.technique .gp .content .row{display:table-row;}
.technique .gp .content .row .div_table{position:relative;text-align:left;display:table-cell;width:33%;border:1px solid #d8d8d8;height:170px;padding:10px 10px 30px;}
.technique .gp .content .row .div_table h3{text-align:left;}
.technique .gp .content .row .div_table img{position:absolute;bottom:0;left:25%;}
.technique .gp .withimg:after{clear:both;display:block;content:'';}
.technique .gp .withimg img{max-width:50%;float:left;}
.technique .gp .withimg .con,.technique .gp .withimg .con_r{width:50%;float:left;}
.technique .gp .withimg .con{padding-left:10px;}
.technique .gp .withimg .con_r{padding-right:10px;}
.technique .gp .withimg .con2{width:60%;float:left;padding-left:10px;}
.technique .gp .content .respon_td_1{width:100%;}
.technique .gp .content .respon_td_1 td{vertical-align:top;}
.technique .respon_td > td{width:200px;}
.technique .respon_td > td > table tr td:first-child{padding-right:20px;}
.technique .img_r > ul{float:left;margin-left:20px;}
.technique .rotary_m{background:#ccc;border-radius:10px;padding:2% 5%;}
.technique .rotary_m ul li img{display:inline-block;margin-right:10px;margin-bottom:0;position:relative;top:3px;}
.technique .rotary_m ul li a{display:inline-block;}
.technique .rotary_table tr td{white-space:normal!important;}
.technique .rotary_table tr td img{display:block;max-width:none;margin:auto;}
.technique .rotary_mainimg{text-align:center;background:#f4f5f7;padding:100px 70px 80px!important;}
.technique .rotary_mainimg img{max-width:none;}
.technique p.caption,.technique .table tr td{text-align:center;}
.technique .cred,.rotary_m ul li a:hover{color:#ec262a;}
.technique .table tr td ul li,.rotary_m ul li{margin-bottom:10px;}
/* 20190207 NEW 占쏙옙占쏙옙占쏙옙 占쌩곤옙 */
.text-52 strong span.catalog_new_icon {position: relative;bottom: 6px;color: #EC262A;font-weight: 700;font-size: 10px;}
@media all and (max-width :840px ){
.technique .gp .content .row{width:50%;display:block;float:left;}
.technique .gp .content .row:last-child:after{clear:both;content:'';display:block;}
.technique .gp .content .row .div_table{width:100%;display:block;height:180px;}
.technique .gp .content .div2{max-width:100%;float:none;width:100%;padding:0;}
.technique .gp .content .div2_table{float:none;width:100%;max-width:100%;}
.technique .gp .content .withimg img{max-width:100%;float:none;}
.technique .gp .content .withimg .con,.technique .gp .content .withimg .con_r{width:100%;float:none;}
.technique .gp .content .respon_td > table{width:100%;margin-bottom:30px;}
.technique .gp .content .respon_td_1 td{display:block;margin:auto;}
.technique .gp .content .respon_td_1 td img{display:block;margin:auto;}
}
@media all and (max-width :680px ){
.technique .respon_td > td{width:100%;display:block;margin-bottom:30px;}
.technique .respon_td > table{width:100%;display:block;}
.technique .rotary_m ul li a{display:block;}
.technique .gp .content{padding-left:0;}
.technique .gp .content .tablewrap{width:300px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
.technique .gp .content .tablewrap.smtable .table_content{height:300px;}
.technique .gp .content .tablewrap.bigtable .table_content{height:500px;}
.technique .gp .content .tablewrap:nth-child(2n){margin-top:20px;}
.technique .gp .content .tablewrap.nomgt{margin-top:0;}
.technique .gp .content .tablewrap .table{min-width:1100px;}
.technique .gp .content .tablewrap .table .th_fix{min-width:680px;position:absolute;top:0;}
.technique .gp .content .tablewrap.smtable .table_head,.technique .gp .content .tablewrap.bigtable .table_head{width:98.8%;margin-right:1.3%;}
.technique .gp .content .tablewrap.smtable .table_content,.technique .gp .content .tablewrap.bigtable .table_content{position:relative;overflow-y:auto;overflow-x:hidden;}
.technique .gp .content .tablewrap.smtable .table_content table,.technique .gp .content .tablewrap.bigtable .table_content table{position:absolute;}
.technique .gp .content .tablewrap.smtable .table_head,.technique .gp .content .tablewrap.smtable .table_content,.technique .gp .content .tablewrap.bigtable .table_head,.technique .gp .content .tablewrap.bigtable .table_content{width:1120px;}
.technique .gp .content .tablewrap.smtable .table_head table,.technique .gp .content .tablewrap.smtable .table_content table,.technique .gp .content .tablewrap.bigtable .table_head table,.technique .gp .content .tablewrap.bigtable .table_content table{width:1120px;table-layout:fixed;}
.technique .gp .content .tablewrap.smtable .table_head table td,.technique .gp .content .tablewrap.smtable .table_head table th,.technique .gp .content .tablewrap.smtable .table_content table td,.technique .gp .content .tablewrap.smtable .table_content table th,.technique .gp .content .tablewrap.bigtable .table_head table td,.technique .gp .content .tablewrap.bigtable .table_head table th,.technique .gp .content .tablewrap.bigtable .table_content table td,.technique .gp .content .tablewrap.bigtable .table_content table th{white-space:pre-line;font-size:14px;}
.technique .gp .content .tablewrap.widauto,.technique .gp .content .tablewrap.widauto table{width:auto;}
}
@media screen and (max-width :414px) {
.technique .respon_td > td,.technique .respon_td > td > table tbody tr td{margin:0 0 30px;padding:0;}
}
#wrap{margin-top:0 !important;}
.popup-wechat-dimcolor{left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.70); z-index: 99;}
#popup-wechat{position:fixed; z-index:100; max-width: 361px; height:514px; width:95%; top: 50%; left: 50%; visibility: hidden; transform: translate(-50%,-50%); padding:0;}
#popup-wechat > img{display:block; width:100%;}
#popup-wechat .iux-popup-close-button{background:none; top: 12px; right: 8px; cursor: pointer; width:30px; height:30px; position:absolute;}
#popup-wechat .popup-wechat_txt{position:absolute; left:0; right:0; bottom:10%; text-align:center; overflow:auto; height:auto;}
#popup-wechat .popup-wechat_txt p{width:100%; display:block; padding-top:8%;}
#popup-wechat .popup-wechat_txt p br{display:block !important;}
@media screen and (max-width: 321px){
#popup-wechat .popup-wechat_txt p{padding-top:5%;}
}
.popup-cat1-dimcolor{left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.70); z-index: 99;}
#popup-cat1{position:fixed; z-index:100; max-width:450px; background:#fff; text-align:center; height:205px; width:95%; top: 50%; left: 50%; visibility: hidden; transform: translate(-50%,-50%); padding:0;}
#popup-cat1 > div{width:100%; padding:25px 0;}
#popup-cat1 > div > div{margin-top:25px;}
#popup-cat1 > div > div .iu-text.txt-117 > p{color:#111;}
#popup-cat1 .iux-popup-close-button{background:none; padding:0; top: 0px; right: 0px; cursor: pointer; width:30px; height:30px; position:absolute; background: url(/resource/project/yg-1_exhi_gallery_close_new01.png) no-repeat center center;}
@media screen and (max-width:639px) {
#popup-cat1 > div > div .transition, #popup-cat1 > div > div .transition-120, #popup-cat1 > div > div .transition-114{width:77px; height:77px;}
#popup-cat1 > div > div .transition-item-111, #popup-cat1 > div > div .transition-item-122, #popup-cat1 > div > div .transition-item-116, #popup-cat1 > div > div .transition-item, #popup-cat1 > div > div .transition-item-121, #popup-cat1 > div > div .transition-item-115{width:75px; height:75px;}
#popup-cat1 > div > div .text-112, #popup-cat1 > div > div .text-123, #popup-cat1 > div > div .text-117{font-size:14px; top:35.71%; font-weight:400;}
#popup-cat1 > div > div .floating-image-115, #popup-cat1 > div > div .floating-image-125, #popup-cat1 > div > div .floating-image-119{top: 40%;}
}
.popup-cat2-dimcolor{left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; background-color: rgba(0,0,0,0.70); z-index: 99;}
#popup-cat2{position:fixed; z-index:100; max-width:357px; background:#fff; text-align:center; height:205px; width:95%; top: 50%; left: 50%; visibility: hidden; transform: translate(-50%,-50%); padding:0;}
#popup-cat2 > div{width:100%; padding:25px 0;}
#popup-cat2 > div > div{margin-top:25px;}
#popup-cat2 > div > div .iu-text.txt-117 > p{color:#111;}
#popup-cat2 .iux-popup-close-button{background:none; padding:0; top: 0px; right: 0px; cursor: pointer; width:30px; height:30px; position:absolute; background: url(/resource/project/yg-1_exhi_gallery_close_new01.png) no-repeat center center;}
@media screen and (max-width:639px) {
#popup-cat2 > div > div .transition, #popup-cat2 > div > div .transition-120, #popup-cat2 > div > div .transition-114{width:77px; height:77px;}
#popup-cat2 > div > div .transition-item-111, #popup-cat2 > div > div .transition-item-122, #popup-cat2 > div > div .transition-item-116, #popup-cat2 > div > div .transition-item, #popup-cat1 > div > div .transition-item-121, #popup-cat1 > div > div .transition-item-115{width:75px; height:75px;}
#popup-cat2 > div > div .text-112, #popup-cat2 > div > div .text-123, #popup-cat2 > div > div .text-117{font-size:14px; top:35.71%; font-weight:400;}
#popup-cat2 > div > div .floating-image-115, #popup-cat2 > div > div .floating-image-125, #popup-cat2 > div > div .floating-image-119{top: 40%;}
}
.iux-fixed-one-size{overflow-y:scroll !important;}
.iux-fixed-one-size .header{overflow-y:scroll !important;}