/* <link rel="stylesheet" type="text/css" href="/common/css/iustyle.css?200831"> */
.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 {color:#999;}

.box-4231 > div {padding:8px 0 !important;}

.header_lang img {max-width:100%; width:auto;}
#popup_red .over:hover {background: url(../img/main/yg1_over16.png) repeat center; 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-4231 {width:21% !important;}*/
.box-4231 > div.cell-4232 {width:33.9%;}
.box-4231 > div {width:32%;}
.cell-4233_1 {background:#333 !important; float:right !important;}
.cell-4233 {width:40%; float:left !important; margin-left:1%;}
#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;}
.edit {text-align:right;}
.ir_listcom > div > ul {text-align:center;}
/* ===== ������ ������� ===== */

.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: 'Nanum Barun Gothic', sans-serif;}
.boxKey h2{font-family: 'Nanum Barun Gothic', sans-serif; font-size: 26px; line-height: 32px; font-weight: bold; }
.boxKey h4{ font-family:'Titillium Web', sans-serif; font-size: 14px; padding-top: 18px; padding-left: 8px; font-weight: 600; color: #aaa3af; background:url('/common/img/ico/ico_dot.png') no-repeat 0px 25px; }
.boxKey p{font-weight:400; font-family: 'Nanum Barun Gothic', sans-serif; font-size: 14px; line-height: 1.5; padding: 0 0 0 8px; color: #666; }

/* 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%}
.catalog_box .btn {font-family:'Nanum Barun Gothic', sans-serif; margin-left:85px;}
/* 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:185px}
.lnb_toggle.bgnone {top:240px;}
.lnb_toggle {position: fixed; top: 60px; left: 0px; z-index:9; width:100%; font-family:'Nanum Barun Gothic', 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 .toggle {display:none;}
.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 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 {max-width: 100%;}
.milling .box-115 {box-sizing:border-box; padding-left:0 !important; margin-left:-2%;}
.pro_lnb p {font-family:'Nanum Barun Gothic', sans-serif;}
.iu-popup .kor_font > div {font-family:'Nanum Barun Gothic', sans-serif; padding-bottom:0; line-height:1.7;}
.down_none{width: 182px !important;}
.product .iu-popup {height:500px; padding-bottom:40px;}
.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:8px; 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;}
.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%; margin-top:3px;}
.mobi_txt > span {display:block; box-sizing:border-box;}
.mobi_txt strong {font-family:'Nanum Barun Gothic', sans-serif;}
.mobi_txt strong , .mobi_txt  em , .mobi_txt span > span {display:block; color:#333; font-weight:500;}
.mobi_txt strong {font-size:20px; line-height:1; color:#000;}
.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; ;}
.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:'Nanum Barun Gothic', sans-serif; font-size:15px; font-weight:500; 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%;}
.threading .toggle_block .product_to1 li {height:110px; padding:24px 6px 24px;}
.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; */}
.products .title , .products .kor_font p , .sitemap a {font-family:'Nanum Barun Gothic', sans-serif;}
 .products .text-111 {padding-top:30px; line-height:0.8;}
.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;}
.threading .toggle_block .product_to1 li span.txt_box {margin-top:10px;}
.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 .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:15px; 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-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.text-52 strong {font-weight:700; font-size:16px; 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}

.careers_btn {position:relative; text-align:center;}
.careers_btn > span:first-child {margin-left:0;}
.careers_btn > span {display:inline-block; border-radius: 36px;  width: 180px; border:1px solid #EC262A; background:#EC262A; height: 40px; margin-left:10px;}
.careers_btn > span.pdf {background:#11223D; border:1px solid #11223D; }
.careers_btn > span a {color: #FFFFFF;float: none;font-size: 14px;line-height: 40px;position: relative;text-align: center; display:block;}
.careers_btn > em {display:block; margin-top:20px; font-style:normal; color:#c5c5c5; font-size:12px;}
.careers_btn > em a:hover {color:#EC262A;}
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 0; 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; color:#666;}
.our_txt {background:none !important; margin-top:36px;}
.our_txt> div {color:#333 !important;}

/*ir ��*/
.ir1 .tab_new {margin-bottom:20px;}
.ir1 #tab_new1 li {width:33.333%;}

.iframebox {width: 700px !important; margin: 0 auto; padding-top:60px;}
.ir1 .tab_new li {display:inline-block; width:50%; box-sizing:border-box; height:33px;}
.ir1 .tab_new li.on a {color:#EC262A; background:url('/resource/project/tab_ir.png') no-repeat center bottom;}
.ir1 .tab_new li.on span {padding-bottom:12px;}
.ir1 .tab_new li a {display:block; text-align:center; font-size:18px; color:#969696; background:url('/resource/project/tab.png') no-repeat center bottom;}
.ir1 .tab_new li span {display:block; padding-bottom:4px;}

.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 {max-width:100% !important; width:auto !important; float:right; position:relative; top:14px;}
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!important;}
.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: 14px; height: 35px; line-height: 35px; text-align: center;width: 124px;}

/*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('/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:-150px;}
.ceo_new #tabs .title strong {font-size:38px; font-weight:400; color:#fff; display:block;}
.ceo_new #tabs .title p span {display:block; padding-top:10px; font-size:25px; 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 > div {height:auto;}
.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;}

/*����Ʈ*/
.report .box {box-sizing:border-box;}
.report .formwrap.formwrap1 {border-top:0; padding-top:0;}
.report .formwrap {margin-top:20px; border-top:1px solid #D7D7D7; padding-top:20px;}
.report .formwrap h3 {color:#000; font-size:20px; font-weight:500;}
.report .formwrap .head_txt > span {font-size:16px; color:#666; margin-top:10px; display:block;}
.report .formwrap .form {}
.report .formwrap .form:after {display:block; content:""; clear:both;}
.report .formwrap .form {margin-left:-1%;}
.report .formwrap .form > span {float:left; width:49%; margin-left:1%; margin-top:20px;}
.report .formwrap .form > span > p , .report .formwrap .form > span > em {color:#333; font-size:16px; font-weight:500; font-style:normal;}
.report .formwrap .form > span > input {background:#fff; border:1px solid #D7D7D7; box-sizing:border-box; width:100%; height:40px; text-indent:10px; border-radius:5px; font-size:14px; color:#666; font-weight:500; margin-top:10px;}
.report .formwrap .form select {margin-top:10px; width:100%; height:40px; border:1px solid #D7D7D7; border-radius:5px; color:#666; font-family:'Nanum Barun Gothic', sans-serif;}
.report .formwrap .form2 .w100 {width:100%; float:none; margin-left:1%; margin-top:0; padding-top:20px; display:block; clear:both;}
.report .formwrap .w100 em {font-style:normal; display:block;}
.report .formwrap .w100 > span {margin-left:15px; display:inline-block;}
.report .formwrap .w100 > span input {margin-left:5px;}
.report .formwrap .w100 > span label {color:#666; font-size:14px; margin-left:5px;}
.report .formwrap #break:after {display:block; content:""; clear:both;}
.report .formwrap #break > input {width:44%; float:left;}
.report .formwrap #break > em {width:6%; float:left; text-align:center; margin-top:10px; line-height:40px;}
.report .formwrap textarea {line-height:1.5; color:#666; font-size:14px; resize:none;width:100%; box-sizing:border-box; padding:20px; margin-top:10px; border:1px solid #D7D7D7; min-height:140px; font-family:'Nanum Barun Gothic', sans-serif;}
.report .formwrap #file {position:relative}
.report .formwrap #file input {width:100%; text-indent:0px; padding-left:10px;}
.report .formwrap #file #fileInputForm {margin-left:0;position:relative; float:right; width:9%;height:40px; margin-top:10px; cursor:pointer; box-sizing:border-box; border:1px solid #999; color:#999; text-align:center; line-height:40px; border-radius:5px}
.report .formwrap #file #fileInputForm:hover {color:#fff; background:#999;}
.report .formwrap #file #upfile {left:0; top:0; margin-left:0; position:absolute; width:100% !important;height:40px; filter:alpha(opacity=0);opacity:0;-moz-opacity:0;cursor:pointer;}
.report .formwrap .agree {text-align:center;}
.report .formwrap .agree input#agree1 {margin-left:0;}
.report .formwrap .agree input {width:auto !important; margin-left:20px; margin-right:10px; margin-top:0 !important;}
.report .formwrap .agree em {color:#666 !important; font-size:16px !important; display:inline-block;}
.report .autoinput {position:relative; margin-top:40px;}
.report .autoinput .autotxt {top:-1px;position:relative;display:inline-block; background:#666; color:#fff; line-height:40px; height:40px; text-align:center; width:120px;}
.report .autoinput > input {top:-2px;border:1px solid #d7d7d7; height:40px; text-indent:10px; width:120px; margin-top:0; box-sizing:border-box; font-size:16px; color:#666;}
.report .autoinput .bg {border:1px solid #d7d7d7; box-sizing:border-box; background:#fff; width:140px; height:40px; line-height:40px; display:inline-block; text-align:center;}
.report .autoinput .bg > img {max-width:100%; vertical-align:middle;}
.report .button {position:absolute; right:0; bottom:0;}
.report .button a {display:inline-block; color:#fff; font-weight:500; font-size:16px; box-sizing:border-box; width:80px; text-align:center; height:40px; line-height:40px;}
.report .button a.btn1 {background:#EC262A;}
.report .button a.btn2 {background:#333;}


.ethics .section {height:auto; }
.ethics .box {box-sizing:border-box; padding:60px 40px;}
.ethics .contentbox strong:first-child {margin-top:0; color:#000; }
.ethics .contentbox strong {display:block; margin:30px 0 -20px 0; font-size:18px;}
.ethics .contentbox span {display:block; font-size:14px; color:#666; margin-top:10px; font-weight:bold;}
.ethics .contentbox em {display:block; font-style:normal; color:#333; font-size:16px; margin:60px 0 10px 0; line-height:1.5; font-weight:bold; text-align:center;}
.ethics .contentbox p {margin-top:10px; font-size:14px; color:#666; line-height:1.8;}

/* 161005 �ڷ�� css */
.technique {padding-top: 30px;}
.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:24px;color:#222;margin-bottom:20px;font-weight: 600;}
.technique h2{font-size:20px;color:#222;margin-bottom:13px;padding-left:15px;}
.technique h2::before {content: ''; width: 8px;height: 8px;border-radius: 50%;background-color: #ed1c24;display: inline-block;vertical-align: 2px;margin-right: 8px;}
.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-right:20px;line-height:22px;margin-top: 8px;}
.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 .content{padding-left:12px;overflow:hidden;}
.content div.tablewrap {margin-bottom: 40px;}
.content div.tablewrap:last-child {margin-bottom: 0;}
.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;}
div.content + h2 {margin-top: 40px;}
div.gp + h2 {margin-top: 40px;}
@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{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.nopre .table_head table td,.technique .gp .content .tablewrap.nopre .table_head table th,.technique .gp .content .tablewrap.nopre .table_content table td,.technique .gp .content .tablewrap.nopre .table_content table th {white-space:normal !important;}
.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%;}
}