@charset 'utf-8';
/*
@import url("https://googledrive.com/host/0BxmAw3HA4YGCfmN1U19nTHpWVFd2NHA2dXJ4c0FvOEdVcF9mc3ZfcWNyZjRDZ2plMy12SzQ/notokr-medium.css"); 
@import url("https://googledrive.com/host/0BxmAw3HA4YGCfkljOGVJb3RMR200clRfUTVVdXlaRElPRTV3VGlNZVZ3ay1EYjdiZjJockk/NotoSans-DemiLight.css"); 
@import url("https://googledrive.com/host/0BxmAw3HA4YGCfk5lRk1WVjhQWVRHRldCVEw0TU1qMHhvNEdfM1E0cjZ1Z2ZHRDFfcWRVSDA/notokr-light.css"); 
@import url("https://googledrive.com/host/0BxmAw3HA4YGCflRiaUxHOFVCcXVfWmpqeERVZ3AzcDAtM2FRV25XclJDRnVrTVVqamZJcEE/notokr-thin.css");

/*@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");*/
/*
@import url("https://googledrive.com/host/0BxmAw3HA4YGCfkljOGVJb3RMR200clRfUTVVdXlaRElPRTV3VGlNZVZ3ay1EYjdiZjJockk/NotoSans-DemiLight.css"); 
@import url("https://googledrive.com/host/0BxmAw3HA4YGCflRiaUxHOFVCcXVfWmpqeERVZ3AzcDAtM2FRV25XclJDRnVrTVVqamZJcEE/notokr-light.css");
@import url("https://googledrive.com/host/0BxmAw3HA4YGCfk5lRk1WVjhQWVRHRldCVEw0TU1qMHhvNEdfM1E0cjZ1Z2ZHRDFfcWRVSDA/notokr-light.css");
@import url("https://googledrive.com/host/0BxmAw3HA4YGCfmN1U19nTHpWVFd2NHA2dXJ4c0FvOEdVcF9mc3ZfcWNyZjRDZ2plMy12SzQ/notokr-medium.css"); 
@import url("https://googledrive.com/host/0BxmAw3HA4YGCfkljOGVJb3RMR200clRfUTVVdXlaRElPRTV3VGlNZVZ3ay1EYjdiZjJockk/NotoSans-DemiLight.css"); 
@import url("https://googledrive.com/host/0BxmAw3HA4YGCfmN1U19nTHpWVFd2NHA2dXJ4c0FvOEdVcF9mc3ZfcWNyZjRDZ2plMy12SzQ/notokr-medium.css");
@import url("https://googledrive.com/host/0BxmAw3HA4YGCflRiaUxHOFVCcXVfWmpqeERVZ3AzcDAtM2FRV25XclJDRnVrTVVqamZJcEE/notokr-thin.css");


@font-face {
font-family: 'notokr-light-cjk';
font-style: normal;
src: url(http://theheerim.cafe24.com/assets/site/css/font/NotoSansCJKtc-Light.eot);
src: url(http://theheerim.cafe24.com/assets/site/css/font/NotoSansCJKtc-Light.eot?#iefix) format('embedded-opentype'),
	url(http://theheerim.cafe24.com/assets/site/css/font/NotoSansCJKtc-Light.woff) format('woff'),
	url(http://theheerim.cafe24.com/assets/site/css/font/NotoSansCJKtc-Light.otf) format('truetype');
}

font-family: 'NotoSans-DemiLight-cjk';
font-style: normal;
src: url(http://theheerim.cafe24.com/assets/site/css/font/NotoSansCJKtc-Regular.eot);
src: url(http://theheerim.cafe24.com/assets/site/css/font/NotoSansCJKtc-Regular.eot?#iefix) format('embedded-opentype'),
	url(http://theheerim.cafe24.com/assets/site/css/font/NotoSansCJKtc-Regular.woff) format('woff'),
	url(http://theheerim.cafe24.com/assets/site/css/font/NotoSansCJKtc-Regular.otf) format('truetype');
}

font-family: 'notokr-medium-cjk';
font-style: normal;
src: url(http://theheerim.cafe24.com/assets/site/css/font/NotoSansCJKtc-Medium.eot);
src: url(http://theheerim.cafe24.com/assets/site/css/font/NotoSansCJKtc-Medium.eot?#iefix) format('embedded-opentype'),
	url(http://theheerim.cafe24.com/assets/site/css/font/NotoSansCJKtc-Medium.woff) format('woff'),
	url(http://theheerim.cafe24.com/assets/site/css/font/NotoSansCJKtc-Medium.otf) format('truetype');
}
*/
/* 폰트 사용 
 * font-family: 'NotoSans-DemiLight';
 * font-family: 'notokr-light', 'NotoSansCJKtc-Light';
 * font-family: 'notokr-light', 'NotoSansCJKtc-Light','notokr-Thin';
 * font-family: 'notokr-medium';
 * */

/*
@font-face {
    font-family: 'notokr-Thin';
    font-style: normal;
    font-weight: 100;
    src: local('notokr-light','notokr-Thin'), local('notokr-light','notokr-Thin'), local('notokr-light','notokr-Thin');
    src: url(NotoSans-Thin.eot);
    src: url(NotoSans-Thin.eot?#iefix) format('embedded-opentype'),
    url(NotoSans-Thin.woff) format('woff'),
	url(NotoSans-Thin.woff2) format('woff2'),
    url(NotoSans-Thin.otf) format('truetype');
}

@font-face {
    font-family: 'notokr-light', 'NotoSansCJKtc-Light';
    font-style: normal;
    font-weight: 300;
    src: local('notokr-light'), local('notokr-light'), local('notokr-light');
    src: url(NotoSans-Light.eot);
    src: url(NotoSans-Light.eot?#iefix) format('embedded-opentype'),
    url(NotoSans-Light.woff) format('woff'),
	url(NotoSans-Light.woff2) format('woff2'),
    url(NotoSans-Light.otf) format('truetype');
}
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@font-face {
    font-family: 'NotoSansCJKtc-Light';
    font-style: normal;
    font-weight: 300;
    src: local('NotoSansCJKtc-Light'), local('NotoSansCJKtc-Light'), local('NotoSansCJKtc-Light');
    src: url(NotoSansCJKtc-Light.eot);
    src: url(NotoSansCJKtc-Light.eot?#iefix) format('embedded-opentype'),
	url(NotoSansCJKtc-Light.woff) format('woff'),
	url(NotoSansCJKtc-Light.otf) format('truetype');
}

@font-face {
    font-family: 'notokr-light';
    font-style: normal;
    font-weight: 300;
    src: local('notokr-light'), local('notokr-light'), local('notokr-light');
    src: url(NotoSans-Light.eot);
    src: url(NotoSans-Light.eot?#iefix) format('embedded-opentype'),
    url(NotoSans-Light.woff) format('woff'),
	url(NotoSans-Light.woff2) format('woff2'),
    url(NotoSans-Light.otf) format('truetype');
}

@font-face {
    font-family: 'NotoSans-DemiLight';
    font-style: normal;
    font-weight: 300;
	
    src: local('NotoSans-DemiLight'), local('NotoSans-DemiLight'), local('NotoSans-DemiLight');
    src: url(NotoSans-Light.eot);
    src: url(NotoSans-Light.eot?#iefix) format('embedded-opentype'),
    url(NotoSans-DemiLight.woff) format('woff'),
	url(NotoSans-DemiLight.woff2) format('woff2'),
    url(NotoSans-DemiLight.otf) format('truetype');
	/*
	src: url(font/NotoSansCJKtc-Regular.eot);
    src: url(font/NotoSansCJKtc-Regular.eot?#iefix) format('embedded-opentype'),
	url(font/NotoSansCJKtc-Regular.woff) format('woff'),
	url(font/NotoSansCJKtc-Regular.otf) format('truetype'); */
}

@font-face {
    font-family: 'notokr-regular';
    font-style: normal;
    font-weight: 400;
    src: local('notokr-regular'), local('notokr-regular'), local('notokr-regular');
    src: url(NotoSans-Regular.eot);
    src: url(NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
    url(NotoSans-Regular.woff) format('woff'),
	url(NotoSans-Regular.woff2) format('woff2'),
    url(NotoSans-Regular.otf) format('truetype');
}

@font-face {
    font-family: 'notokr-medium';
    font-style: normal;
    font-weight: 500;
    src: local('notokr-medium'), local('notokr-medium'), local('notokr-medium');
    src: url(NotoSans-Medium.eot);
    src: url(NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
    url(NotoSans-Medium.woff) format('woff'),
	url(NotoSans-Medium.woff2) format('woff2'),
    url(NotoSans-Medium.otf) format('truetype');
}


/* 상단 영역 */
/* html,body,#wrap { width:100%; height:100%;} */

#headerWrap.main.last { position:fixed; height:71px; border-bottom:1px solid #e9e9e9; background:#fff;}
#headerWrap { position:relative; top:0px; left:0px; z-index:10; width:100%; min-width:1024px; height:71px; /*border-bottom:1px solid #e9e9e9;*/ background:#fff;}
#header { width:1233px; margin:0 auto; font-size:14px; font-family: 'NotoSans-DemiLight';}
#header h1 { float:left; padding-top:23px;}
#header h1 a { display:block; overflow:hidden; width:95px; height:27px; font-size:0px; background:url('../images/common/logo.png') no-repeat;}
#header nav { float:left; margin-top:25px;}
#header nav > ul { margin-left:250px;}
#header nav > ul > li { float:left; margin-left:39px;}
#header nav > ul > li > a { display:block; border-bottom:1px solid #fff; font-size:15px;font-family: 'Open Sans', sans-serif;color:#000;  font-weight: 400;text-transform: uppercase;}
#header nav > ul > li.on > a{ color:#000; border-bottom:1px solid #222;padding-bottom: 3px;}
#header nav > ul > li:hover > a { color:#74ad31; border-bottom:1px solid #74ad31;}
/* #header nav > ul > li:nth-child(7){display:none;} */
#header nav .on .subMenu { display: none !important;}
#header nav .subMenu { display:none; position:absolute;padding-top: 4px;}
#header nav .subMenu li { float:left; margin-right:15px;}
#header nav .subMenu li a { display:block; border-bottom:1px solid #fff;    font-family: 'NotoSans-DemiLight';font-weight: 300;}
#header nav .subMenu li.on a,
#header nav .subMenu li:hover a { color:#aed582; border-bottom:0px solid #aed582;}
#header nav .mylink { margin-left:100px; color:#5c5c5c;display: none;}
#header .language { float:right; position:relative; margin-top:10px;}
#header .language > a { display:inline-block; padding-right:8px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;font-size: 10px;font-weight: 700; color:#AAA;    letter-spacing: 0.1px;
/* background:url('../images/ico/ico-arrow-bottom.gif') no-repeat right center; */}
#header .language > a.on{color:#222;}
/*#header .language > a.on { background:url('../images/ico/ico-arrow-up.gif') no-repeat right center;} */
#header .language > a:hover{color:#74ad31;}
#header .language .sub { display:none; position:absolute; top:28px; /*left:-5px;*/right:8px; width:48px; padding:5px; border:1px solid #DDD; text-align:right; background:#fff; text-align:center}
#header .subNo .language .sub{display: none !important;}
#header.white h1 a { background:url('../images/common/logo-w.png') no-repeat;}
#header.white nav a,
#header.white nav .subMenu li a { border-bottom:0px; color:#fff; /*font-weight:bold;*/}
#header.white nav li:hover a,
#header.white nav li.on a,
#header.white nav .subMenu li.on a,
#header.white nav .subMenu li:hover a { color:#fff; border:0px;}
#header.white .language > a { color:#AAA; /* background:url('../images/ico/ico-arrow-bottom-w.png') no-repeat right center;*/}
#header.white .language > a.on {color:#EEE; /*background:url('../images/ico/ico-arrow-up-w.png') no-repeat right center;*/}
#header.white .language .sub { border:1px solid #fff; background:none;}
#header.white .language .sub a { color:#fff;}

#headerWrap.main { position:fixed; height:121px; border:0px; background:none;}
.main #header { position:relative;}
.main #header nav { float:none; position:absolute; top:390px; left:50%; margin-left:-272px;min-width: 750px;}
.main #header nav ul { margin:0px;} 

.main #header nav > ul > li > a { display:block; border-bottom:0px solid #fff;}



/* 하단 영역 */
#footerWrap { padding:20px 20px 100px; color:#b1b1b1; background:#1e2225;}
#footerWrap.main { margin-top:0px;}
#footer { position:relative; width:100%; max-width:1233px; margin:0 auto; font-family: 'NotoSans-DemiLight'}
#footer p { color:#b1b1b1; font-size:15px;}
#footer address { margin-top:5px; font-style:normal; font-size:13px; color:#6d6f6f;}
#footer address a{color:#6d6f6f; vertical-align:baseline;}
#footer address a:hover { color:#b1b1b1;}
#footer .copy { position:absolute; top:0px; right:0px; font-size:13px; color:#b1b1b1;}
#footer .instar{position:absolute; top:80px; width:100%;left:0px; }
#footer .instar > a{background:url('../images/common/instar.png') no-repeat; display:inline-block;
width: 30px;height: 30px; background-size: 100%; opacity: 0.7;}
#footer .instar > a:hover{opacity: 1;}
#footer .instar > span{display:block;padding-bottom: 8px;}


.sns_instar{background:url('../images/common/ico_instar.png') center 3px no-repeat; display:inline-block;
width: 26px; height: 26px; background-size: 96%; margin-left:5px;  padding-right: 0px !important;
float: right; margin-top: 9px;}
.sns_instar:hover{background:url('../images/common/ico_instar2.png') center 3px no-repeat;width: 26px; height: 26px; background-size: 96%;}
.langV{ border-right: 1px #AAA solid;padding-right: 9px !important;}

/* 메인 영역 */
#mainCont { overflow:hidden; min-width:1024px;}
#mainCont .copyTitle { height:480px; font-family: 'notokr-light', 'NotoSansCJKtc-Light'; text-align:center;} 
#mainCont .copyTitle h2 { padding-top:220px; font-weight:normal; font-size:40px; color:#64737b; }
#mainCont .copyTitle h2 span{background:url('../images/bg/main_copyTitle.png') no-repeat;     overflow: hidden;
    display: inline-block;    width: 561px;    height: 71px;    text-indent: -9999px;}
#mainCont .copyTitle p { color:#a5a5a5; font-size:15px;}
#mainCont .visual { overflow:hidden; position:relative; width:100%;}
#mainCont .visual:before { content:''; display:block; position:absolute; top:0px; left:0px; width:100%; height:121px; background:url('../images/bg/bg-gradient.png') repeat-x;}
#mainCont .visual:after { content:''; display:block; position:absolute; bottom:0px; left:0px; width:100%; height:296px; background:url('../images/bg/bg-gradient-bottom.png') repeat-x;}
#mainCont .visual img { min-width:100%;}
#mainCont .visual .text { position:absolute; bottom:40px; left:0px; right:0px; z-index:2; text-align:center; color:#fff;}
#mainCont .visual .text h3 { line-height:1.1; font-size:41px; font-family: 'notokr-light', 'NotoSansCJKtc-Light'; font-weight:normal;}
#mainCont .visual .text p { font-size:21px; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}

.main-box { width:1233px; height:1000px; margin:72px auto 0px;}
.main-box ul { padding-top:90px; margin-left:-20px; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.main-box ul li { overflow:hidden; float:left; width:397px; /*height:366px;*/ margin-left:20px; margin-bottom:33px;}
.main-box ul li > img { width:397px; height:265px;}
.main-box h3 { height:38px; margin:5px 0 10px; line-height:1.1; font-size:16px; color:#000; font-weight:normal; text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.main-box h3 span { display:block; font-size:13px; color:#7f7f7f;}
.main-box .img { width:100%;}
.main-box .text { overflow:hidden; height:40px; margin-bottom:10px; word-break:break-all; font-size:13px; color:#7f7f7f;
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
    text-stroke: 0.6px;  font-smoothing: antialiased;}
.main-box .more { display:block; text-align:center;}

.ico-quick { position:fixed; top:50%; right:60px; width:27px; margin-top:-102px;}
.ico-quick a { overflow:hidden; display:block; width:18px; height:18px; margin:0 auto 21px; text-indent:-999px; background:url('../images/ico/ico-quick.png') no-repeat;}
.ico-quick a.on { width:27px; height:27px; background:url('../images/ico/ico-quick-on.png') no-repeat;}

/* 본문 영역 */

#container { width:1233px; margin:0px auto 0px;}
#container .location-box { width:100%; height:34px; padding:22px 0 0px; font-family: 'NotoSans-DemiLight'}
#container .location-box .location { float:left; position:relative; z-index:10; padding:5px 10px; margin-right:20px; font-size:16px;}
#container .location-box .location > a { display:block; padding-right:25px; background:url('../images/ico/ico-arrow-bottom2.gif') no-repeat right center;}
#container .location-box .location.on > a,
#container .location-box .location > a:hover { color:#74ad31;}
#container .location-box .location .depth-box { display:none; overflow-y:auto; position:absolute; top:34px; left:-1px; right:-1px; border:1px solid #e9e9e9; background:#fff;
min-width: 150px; min-height: 130px;}
#container .location-box .location .depth-box.market{ display:none; overflow-y:auto; position:absolute; top:34px; left:-1px; right:-1px; border:1px solid #e9e9e9; background:#fff;
min-width: 230px; min-height: 550px;}
#container .location-box .location .depth-box.market.cmCo{min-height: 60px;}
#container .location-box .location .depth-box li {}
#container .location-box .location .depth-box li a { display:block; padding:5px 5px 5px 10px;}
#container .location-box .location-line { float:left; position:relative; z-index:10; padding:0px; margin-right:20px; font-size:16px; letter-spacing: -0.5px;}
#container .location-box .location-line ul { overflow:hidden;}
#container .location-box .location-line ul li { float:left; margin-right:24px;  font-size:16px;}
#container .location-box .location-line ul li a { color:#888;}
#container .location-box .location-line ul li.on a { color:#222;}
#container .location-box .location-line ul li a:hover{color:#74ad31;}
#container .location-box .search-box { float:right; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.financialInfo .location-box .search-box {display:none;}
#container .location-box .search-box > div > a { margin-right:20px; color:#595c5d;}
#container .location-box .search-box > div > a:hover,
#container .location-box .search-box > div > a.on { color:#74ad31;}
#container .location-box .search-box .align,
#container .location-box .search-box .view,
#container .location-box .search-box .search { float:left; margin-left:20px;}
#container .location-box .search-box .view a { display:block; float:left; width:20px; height:18px; text-indent:-9999px; background:url('../images/ico/view-list01.gif') no-repeat;}
#container .location-box .search-box .view a + a { background:url('../images/ico/view-list02.gif') no-repeat;}
#container .location-box .search-box .view a:hover, 
#container .location-box .search-box .view a.on { display:block; float:left; width:20px; height:18px; text-indent:-9999px; background:url('../images/ico/view-list01_on.gif') no-repeat;}
#container .location-box .search-box .view a + a:hover, 
#container .location-box .search-box .view a + a.on { background:url('../images/ico/view-list02_on.gif') no-repeat;}

#container .location-box .btn-newsletter { float:left; color:#74ad31;}
#container .location-box .btn-newsletter i { display:inline-block; width:15px; height:11px; margin-right:5px; background:url('../images/ico/ico-newsletter.gif') no-repeat;}

#container .location-box .search-box .search { width:188px; height:30px; margin-top:-5px; background:url('../images/bg/bg-search-box.gif') no-repeat;}
#container .location-box .search-box .search input { float:left; width:69%; margin:0px 0 0 15px; padding:0px; border:0px; background:none; height: 30px;}
#container .location-box .search-box .search button { float:right; margin-top:5px; border:0px; background:none;}

#container .location-box .search-box .link-group { margin-left:30px; margin-top:-1px;}

#container .location-box.fixed { position:fixed; top:0px; left:0px; z-index:15; width:100% !important; padding-bottom:15px; border-bottom:1px solid #e9e9e9; background:#fff;}
#container .location-box.fixed > div { width:1233px; margin:0 auto;}
#container .location-box.fixed + .contents { margin-top:50px;}

/* 스크린 전체 */
#container.screen-full{ width:100%;}
#container.screen-full.fixed { width:100% !important;}
#container.screen-full .location-box { width:1233px; margin:0 auto;}
#container.screen-full .contents { margin:0 20px;min-height: 500px;}

.fullbody .contents { padding:43px 0 80px;}
.contents { overflow:hidden; padding:66px 0 70px; font-family: 'notokr-light', 'NotoSansCJKtc-Light', 'Microsoft Yahei','宋體', 'simsun';  min-height: 450px;}
.contents.projectCo { padding:12px 0 80px;}
.contents .title { font-size:24px; font-family: 'notokr-light', 'NotoSansCJKtc-Light'; font-weight:normal;}

.images-list-box {}
.images-list-box .top-info { overflow:hidden; margin-bottom:10px; font-family: 'NotoSans-DemiLight'; color:#7b7b7b;display:none;} /* 임시 */
.images-list-box .top-info > p { float:left;}
.images-list-box .top-info > .right { float:right;}
.images-list-box .top-info > .right > * { float:left; margin-left:15px; }
.images-list-box .top-info .txtRed { vertical-align:top; color:#e5004f;}

.images-list-box ul { overflow:hidden; margin-left:-2%;}
.images-list-box ul li { overflow:hidden; float:left; position:relative; width:18%; margin-left:2%; margin-bottom:35px;transition: all 0.5s ease-in-out 0s; color:#7b7b7b;}
.images-list-box ul li .img { position:relative; float:left; margin-right:11px;}
.images-list-box ul li .img span { position:absolute; top:0px; left:0px; z-index:3; width:21px; height:21px; background:url('../images/bg/bg-select.gif') no-repeat;}
.images-list-box ul li h3 { overflow:hidden; max-height:44px; font-size:17px; line-height:1.3;}
.images-list-box ul li .samll { margin-top:0px;}
.images-list-box ul li p { margin-top:8px;}
.images-list-box ul li .over { display:none; position:absolute; top:0px; bottom:0px; left:0px; right:00px; text-align:center; background:url('../images/bg/bg-opacity.png');}
.images-list-box ul li .over div { position:absolute; top:50%; left:0px; right:0px; margin-top:-52.5px;}
.images-list-box ul li .over a { display:inline-block; margin:0px 15px 0px;}

.images-list-box ul.type2 {margin-left:-20px;}
.images-list-box ul.type2 li { overflow:hidden; float:left; position:relative; width:292px; margin-left:20px; margin-bottom:35px; font-weight: normal; transition:none;color: #777777;}
.images-list-box ul.type2 li .img { float:none;}
/* Select */
.images-list-box ul.type2 li .img span { position:absolute; top:0px; right:0px; z-index:3; width:21px; height:21px; background:url('../images/bg/bg-select.gif') no-repeat; display: none;}
.images-list-box ul.type2 li h3 { margin-top:1px; font-weight:normal;font-size:17px; line-height:150%; color:#323232;white-space: nowrap;text-overflow: ellipsis; width: 96%; 
font-family: 'NotoSans-DemiLight','Microsoft Yahei';}
.images-list-box ul li .samll { margin-top:0px;}
.images-list-box ul li p { margin-top:8px;}

.images-list-box .btn-more { display:block; text-align:center;}

.image-sortable-box {}
.image-sortable-box > p {font-family: 'NotoSans-DemiLight'; color:#7b7b7b;}
.image-sortable-box ul { overflow:hidden; margin-top:10px; margin-left:-21px;}
.image-sortable-box ul li { float:left; width:185px; height:262px; margin-left:21px; margin-bottom:21px; border:1px solid #c9c9c9; background:#fff;}
.image-sortable-box ul li.imgText { position:relative; border:1px solid #8bc24d;}
.image-sortable-box ul li.imgText .img { overflow:hidden; max-height:230px;}
.image-sortable-box ul li.imgText .img img { width:100%;}
.image-sortable-box ul li.imgText h3 { padding:0px 3px; line-height:1.3; color:#343434; }
.image-sortable-box ul li.imgText .text {overflow:hidden; padding:0px 3px; color:#7b7b7b; font-size:9px; text-overflow:ellipsis; white-space:nowrap;}
.image-sortable-box ul li.imgText .delete { display:none; position:absolute; top:0px; left:0px; right:0px; bottom:0px; background:url('../images/bg/bg-opacity.png');}
.image-sortable-box ul li.imgText .delete a { display:block; position:absolute; bottom:0px; left:0px; width:100%; height:40px; font-weight:bold; font-size:18px; text-align:center; line-height:40px; color:#fff; background:red;}

.image-sortable-box .btn-portfolio { display:block; text-align:center;}

.image-sortable-box .ui-state-highlight { opacity:0.5; background:#eaf4df;}


.title-left { float:left; width:16%; margin-right:2%; margin-bottom:80px; text-align:right; color:#74ad31; font-size:36px; line-height:1; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.cont-right { float:left; margin-bottom:80px; font-family: 'NotoSans-DemiLight';}
.cont-right h4 { margin-bottom:10px; line-height:1.1; font-size:30px; font-weight:normal;}

.table-wrap { font-size:18px; color:#323232;}
.table-wrap .table-caption { margin-top:-20px; text-align:right; font-size:12px; color:#343434;font-family: 'notokr-light', 'NotoSansCJKtc-Light';}

.table-list {font-family: 'NotoSans-DemiLight','NotoSansCJKtc-Light';}
.table-list .gray { background:#eaeaea;}
.table-list tr:hover td { color:#fff; background:#74ad31;}
.table-list tr:hover td a { color:#fff;}
.table-list th { padding:6px 0px 7px 0px; border-top:1px solid #555; border-bottom:2px solid #555; text-align:center; font-weight:normal;}
.table-list td { padding:9px 1px; border-bottom:1px solid #999999; text-align:center; font-size:15px;letter-spacing: 0;word-break:break-all;}
.table-list td.tl { text-align:left;padding-left: 10px;}
.table-list td a {overflow:hidden; display:block; width:95%; text-overflow:ellipsis;white-space:nowrap;letter-spacing: 0;}

.table-cont { margin-bottom:30px; font-family: 'NotoSans-DemiLight', 'NotoSansCJKtc-Light';}
.table-cont .gray { background:#EEE;}
.table-cont .gray.tl {letter-spacing: 0;}
.table-cont th { padding:6px 0px; border-top:1px solid #606060; border-bottom:2px solid #606060; text-align:center; font-size:16px; font-weight: normal;}
.table-cont td { padding:9px 5px; border-top:1px solid #cccccc; text-align:center; font-size:14px;}
.table-cont td img { max-width:100%;}
.table-cont .bline img {display: block;padding-bottom: 7px;}
.table-cont .tl { padding:10px 20px; text-align:left;}
.table-cont .tl.dow{border-bottom: 1px solid #cccccc;}
.table-cont .tl.dow a{display: inline-block; width: inherit; font-weight: bold; padding-bottom: 2px; padding-left: 20px; text-decoration: underline;}
.table-cont td a {overflow:hidden; display:block; width:100%; text-overflow:ellipsis;white-space:nowrap;}
.table-cont tfoot td { border:1px solid #606060; border-width:1px 0px; color:#74ad31;}
.news .table-cont td a{display:inline;}
.news .table-cont td p > span > a{vertical-align: top;}

.table-cont .bline.newsletter .heerimG td{padding:0px !important;border:0px solid #FFF !important; }
.table-cont .bline.newsletter .heerimG2 td{padding:0px !important;border:0px solid #FFF !important; }
.table-cont .bline.newsletter .heerimG3 td{padding:0px !important;border:0px solid #FFF !important; }
.heerimG{width: 840px;}
.heerimG2{width: 839px;}
.heerimG3{width: 820px;}

.financial .table-cont td {text-align:right;padding-right:30px}
.financial .table-cont th{padding: 6px 0px 6px 10px;}
.file { font-size:13px; color:#74ad31;}
.file i { display:inline-block; width:11px; height:12px; margin-right:5px; background:url('../images/ico/ico-file.gif') no-repeat;}
.file:hover { text-decoration:underline;}
.bline{border-bottom: 1px solid #CCC;text-align: left !important;padding: 25px 20px 35px!important;line-height: 170%;}
.bline.newsletter img{margin: auto;}
.images-list-box .btn-more {  margin-top:20px; }
.btn-more {  margin-top:30px; text-align:center;font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.btn-list {  margin-top:30px; text-align:center;font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.btn-list a { display:inline-block; padding:5px 20px;font-size:15px; background: #EEE;/* border: 1px #74ad31 Solid;*/font-family: 'notokr-regular';}
.table-wrap .btn-more a { display:inline-block; padding:5px 10px;color:#fff; /* font-size:14px;  background:#74ad31; */background: url('/assets/site/images/btn/btn-more2.png') no-repeat center center;
    width: 73px; height: 38px; text-indent: -9999px;}
.btn-more .btn-download { position:absolute; bottom:0px; right:0px;}

.visual-full { overflow:hidden; position:relative; left:0px; text-align:center;}
.visual-full img { max-width:100%;}
.visual-full .text-box { position:fixed; bottom:0px; left:0px; right:0px;}
.visual-full .text-box.fixed { position:absolute;}
.visual-full .bg { position:absolute; bottom:0px; left:0px; width:100%; height:296px; background:url('../images/bg/bg-gradient-bottom.png') repeat-x;}
.visual-full .text { position:absolute; bottom:90px; left:0px; width:100%; color:#fff; text-align:center;}
.visual-full .text strong { display:inline-block; font-size:40px; line-height:1.1;/* font-family: 'notokr-light', 'NotoSansCJKtc-Light';*/ font-weight:normal;}
.visual-full .text strong span { display:block; font-size:21px; line-height:1.1;padding-top: 5px;}
.visual-full .text a { overflow:hidden; display:inline-block; width:30px; height:57px; margin:0 30px; text-indent:-999px;}
.visual-full .text .left { background:url('../images/btn/btn-visual-left.png') no-repeat;}
.visual-full .text .right { background:url('../images/btn/btn-visual-right.png') no-repeat;}

.main-poopup { display:none; position:fixed; z-index:15; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.main-poopup .cont-box {position:absolute; top:100px; left:100px; border:1px solid #ccc; font-size:14px; background:#fff;}
.main-poopup .cont-box .btn-close { overflow:hidden; display:block; position:absolute; top:10px; right:10px; width:26px; height:26px; text-indent:-999px; background:url('../images/btn/btn-close.gif') no-repeat;}
.main-poopup .cont-box .btn-oneday { display:block; padding:8px; background:#ababab;font-size: 12px;}

.pop-view { display:none; position:fixed; top:0px; left:0px; right:0px; bottom:0px; z-index:300; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.pop-view .bg { position:absolute;  top:0px; left:0px; right:0px; bottom:0px; opacity:0.5; background:#fff;}
.pop-view .cont-box {position:absolute; top:50%; left:50%; width:740px; height:490px; padding:40px 30px; margin-left:-400px; margin-top:-305px; border:1px solid #ccc; font-size:14px; background:#fff;overflow: hidden;}
.pop-view .cont-box h4 { font-size:24px; line-height:1.3;}
.pop-view .cont-box .info { overflow:hidden; padding-bottom:5px; margin:10px 0; border-bottom:2px solid #ccc;}
.pop-view .cont-box .info.green { border-color:#74ad31;}
.pop-view .cont-box .info p { float:left; margin-top:5px; }
.pop-view .cont-box .info ul { float:right;}
.pop-view .cont-box .info li { float:left;}
.pop-view .cont-box .text { overflow-y:auto; height:390px;letter-spacing: -0.2px;line-height: 170%;    padding-right: 20px;}
.pop-view .cont-box .text img{ display: block; margin-bottom: 10px;}
.pop-view .cont-box .text .img { float:left; margin-right:20px; width: 96%; }
.pop-view .cont-box .btn-more { display:inline-block; margin-top:10px; text-decoration:underline;}
.pop-view .cont-box .btn-close { overflow:hidden; display:block; position:absolute; top:5px; right:5px; width:26px; height:26px; text-indent:-999px; background:url('../images/btn/btn-close.gif') no-repeat;}

.newsletter { }
.newsletter .cont-box { background:#eeeeee;}
.newsletter .cont-box h4 { font-weight:normal; font-size:36px; font-family: 'notokr-light', 'NotoSansCJKtc-Light'; letter-spacing: -0.5px;}
.newsletter .cont-box h4:after { content:''; display:block; height:1px; margin-left:268px; margin-top:-8px; background:#74ad31;}
.newsletter .cont-box h5 { font-weight:normal; font-size:14px; color:#33;font-family: 'NotoSans-DemiLight';}
.newsletter .cont-box .small-title { margin:10px 0 10px; font-size:12px; color:#7d7d7d; line-height:1.1; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.newsletter .cont-box .text-box { overflow:hidden; overflow-y:scroll; height:300px; padding:10px; border:1px solid #cccccc; font-size:12px; color:#535353; font-family: 'notokr-light', 'NotoSansCJKtc-Light'; background:#fff;}
.newsletter .cont-box .check-box { margin:5px 0px; font-size:18px; color:#323232;}
.newsletter .cont-box .input-box {margin-top:15px;}
.newsletter .cont-box .input-box input { width:40%; border:1px solid #74ad31; font-size:18px; vertical-align: middle;}
.newsletter .cont-box .input-box button { height:26px; padding:0 20px; border:0px; color:#fff; vertical-align: middle; background:#74ad31;}
.newsletter .cont-box .btn-close { background:url('../images/btn/btn-close2.gif') no-repeat;}

.support {}
.support .cont-box { height:auto; background:#eeeeee;}
.support .cont-box h4 { font-weight:normal; font-size:36px; font-family: 'notokr-light', 'NotoSansCJKtc-Light'; letter-spacing: -0.5px;}
.support .cont-box h4:after { content:''; display:block; height:1px; margin-left:195px; margin-top:-8px; background:#74ad31;}
.support .cont-box h5 { font-weight:normal; font-size:14px; color:#33;font-family: 'NotoSans-DemiLight';}
.support .cont-box .img { margin-top:20px;}
.support .cont-box .img img { width:100%;}
.support .cont-box .small-title { margin:10px 0 10px; font-size:12px; color:#7d7d7d; line-height:1.1; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.support .cont-box .text-box { overflow:hidden; overflow-y:scroll; height:300px; padding:10px; border:1px solid #cccccc; font-size:12px; color:#535353; font-family: 'notokr-light', 'NotoSansCJKtc-Light'; background:#fff;}
.support .cont-box .input-box { width:500px; margin:30px auto;}
.support .cont-box .input-box ul {}
.support .cont-box .input-box ul li { margin-bottom:10px; font-size:14px; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.support .cont-box .input-box ul li label { float:left; width:18%; margin-right:2%; padding-top:5px; text-align:right; color:#323232;}
.support .cont-box .input-box ul li select,
.support .cont-box .input-box ul li input { width:74%; padding:5px 4px; border:1px solid #cccccc; font-size:14px;height: 30px;text-align: center; line-height: 160%;}
.support .cont-box .input-box ul li .input01 { width:19%;}
.support .cont-box .input-box ul li .input02 { width:52%;}
.support .cont-box .input-box input#file2{background-color: #74ad31; color: #FFF;}

.support .cont-box .check-box { margin:5px 0px; margin-left:20%; font-size:18px; color:#323232;}
.support .cont-box .text { height:auto; margin-left:20%; font-size:12px; color:#7d7d7d;}
.support .cont-box .link-view { display:block; margin:-30px 0 20px; text-align:right; color:#323232; font-size:12px;}

.support .cont-box .btn-group a,
.support .cont-box .btn-group button { display:inline-block; padding:5px 10px; font-size:14px; color:#fff; background:#74ad31;}
/* 20150909 삭제
.support .cont-box .btn-group { margin-left:20%;}
.support .cont-box .btn-group a,
.support .cont-box .btn-group button { display:inline-block; width:120px; padding:7px 0px; border:0px; font-size:14px; color:#535353; vertical-align:middle;font-family: 'notokr-light', 'NotoSansCJKtc-Light'; background:#c9c9c9;}
*/


.support .cont-box .btn-close { background:url('../images/btn/btn-close2.gif') no-repeat;}

.pdr {
    padding-right: 5px;
}
sup {
    position: absolute; margin-top: -2px; font-size:10px}
/* 폰트 사용 
 * font-family: 'NotoSans-DemiLight';
 * font-family: 'notokr-light', 'NotoSansCJKtc-Light';
 * font-family: 'notokr-light', 'NotoSansCJKtc-Light';
 * font-family: 'notokr-medium';
 * */
.m2{/*background: url('/assets/site/images/img/m2.gif') no-repeat; */ width: 19px;   height: 18px; display: inline-block;margin-left: 2px;     
position: relative; top: -2px;}
.m2 > sup{ margin-top: 0px;}
.mb2{display: inline-block; width: 73%;}
.letter0{letter-spacing: 0px !important;    overflow: hidden;}
.minH200{ min-height: 195px !important;}
.minH250{ min-height: 255px !important;}
.link-group {float:left;}
.link-group li { float:left; margin-left:5px;}
.link-group li a { overflow:hidden; display:block; width:28px; height:28px; margin:0px;}
.link-group li a:hover img { margin-top:-28px;}

.project-view {}
.project-view .img-text { overflow:hidden; margin:20px 0px; font-size:14px; font-family: 'notokr-light', 'NotoSansCJKtc-Light','Microsoft Yahei';}
.project-view .img-text .img { float:left; width:49%;}
.project-view .img-text .img img { width:100%;}
.project-view .img-text .text-box { float:right; width:49%;}
.project-view .img-text .text-box ul { overflow:hidden; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #e5e5e5;}
.project-view .img-text .text-box ul li { float:left; width:50%; margin-bottom:5px;}
.project-view .img-text .text-box ul li:nth-child(even) { width:49%;}
.project-view .img-text .text-box ul li strong { margin-right:2px; vertical-align:top; color:#a5a5a5; font-weight:normal;letter-spacing: 0;    width: 73px;  display: inline-block;}
.project-view .img-text .text-box .text { line-height:160%; /* letter-spacing: -0.1px;*//* text-align:justify; */}
.project-view .img-text .text-box .text.awards{display: none;}
.project-view .img-full { margin:20px 0;}
.project-view .img-full img { width:100%;}
.project-view .img-two { overflow:hidden; margin:20px 0px;}
.project-view .img-two img { float:left; width:49%;}
.project-view .img-two img + img { float:right;}

.btn-group { margin-top:40px; text-align:center;}
.btn-group a + a { margin-left:20px;}

.btn-prev { overflow:hidden; display:inline-block; width:96px; height:19px; text-indent:-999px; background:url('../images/btn/btn-prev.gif') no-repeat;}
.btn-next { overflow:hidden; display:inline-block; width:96px; height:19px; text-indent:-999px; background:url('../images/btn/btn-next.gif') no-repeat;}
.btn-prev:hover,
.btn-next:hover { background-position:0px -19px;}
.btn-back{overflow: hidden;    display: inline-block;  width: 25px;  height: 21px; text-indent: -999px;  background: url('../images/btn/btn_back.gif') no-repeat;margin-top: 5px;}

#container.screen-full .contents.oversea { margin:3px 0px 0px; background:url('../images/bg/bg-oversea.gif');}

.worldmap { position:relative; width:1233px; min-height:412px; padding-top:210px; margin: 0 auto; background:url('../images/img/img-worldmap.png') no-repeat right 210px;}
.worldmap h3 { position:absolute; top:22px; left:195px; font-size:55px; line-height:1.1; font-weight:normal; font-family: 'NotoSans-DemiLight'; letter-spacing: -2px; transition: all 0.5s ease-in-out 0s;}
.worldmap h3 span { display:inline-block; line-height:1.2; background:#fff;}
.worldmap .overseaEN {font-size: 45px;line-height: 1;letter-spacing: 0px;}
.worldmap h3 strong { vertical-align:top; line-height:1.1; font-family: 'notokr-medium'; font-weight:normal;}
.worldmap .aside-menu { transition: all 0.5s ease-in-out 0s;}
.worldmap .aside-menu li { margin-bottom:10px;}
.worldmap .aside-menu li > a { display:inline-block; width:187px; height:26px; font-size:16px; color:#343434; font-family: 'notokr-regular';}
.worldmap .aside-menu li > a:hover { color:#74ad31;}
.worldmap .aside-menu li .text { display:none; position:absolute; top:22px; left:195px; transition: all 0.5s ease-in-out 0s;}
.worldmap .aside-menu li .text h4 { margin-bottom:10px; font-size:55px; color:#343434; line-height:1; font-family: 'notokr-medium'; font-weight:normal;}
.worldmap .aside-menu li .text h4 span { display: inline-block; font-family:'notokr-light','Noto Sans'; font-weight:normal; line-height:1; vertical-align:baseline;}
.worldmap .aside-menu li .text p { margin-left:5px; font-size:18px; color:#343434; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.worldmap .aside-menu li .text p span { vertical-align:baseline; color:#555;}
.worldmap .aside-menu li .text p a { vertical-align:baseline;}
.worldmap .aside-menu li .text p a:hover { text-decoration:underline; color:#323232;}
.worldmap .aside-menu li .text p a.btn-popup:hover { text-decoration:none;}
.worldmap .target { position:absolute; height:46px; padding-bottom:5px; background:url('../images/ico/ico-circle.png') no-repeat 0 bottom;}
.worldmap .target a { overflow:hidden; display:inline-block; width:25px; height:36px; margin-top:10px; text-indent:-999px; background:url('../images/ico/ico-map-target.png') no-repeat;}
.worldmap .hq .target a { background-position:-25px 0;}
.worldmap .on .target{z-index:999;}

.worldmap .map1 .target { top:298px; right:642px;}
.worldmap .map2 .target { top:348px; right:666px;}
.worldmap .map3 .target { top:335px; right:700px;}
.worldmap .map4 .target { top:355px; right:797px;}
.worldmap .map5 .target { top:308px; right:820px;}
.worldmap .map6 .target { top:323px; right:834px;}
.worldmap .map7 .target { top:293px; right:166px;}
.worldmap .map8 .target { top:304px; right:599px;}
.worldmap .map9 .target { top:272px; right:788px;}
.worldmap .map10 .target { top:322px; right:800px;}
.worldmap .map11 .target { top:377px; right:656px;}
.worldmap .map12 .target { top:372px; right:670px;}
.worldmap .map13 .target { top:340px; right:810px;}
.worldmap .map14 .target { top:306px; right:790px;}

.worldmap .aside-menu li.on > a { height:24px; border-bottom:2px solid #74ad31; color:#74ad31;}
.worldmap .aside-menu li.on .text { display:block;}
.worldmap .off .target a,
.worldmap .off.hq .target a { background-position:-50px 0;}

#container.screen-full .contents.map-box { position:relative; padding:0px; margin:0px; margin-top:15px;}

.map-box h3 { position:absolute; top:100px; left:50%; margin-left:-400px; font-size:55px; line-height:0.1; color:#343434; font-family: 'notokr-medium'; font-weight: normal;}
.map-box h3 span { display:inline-block; height:64px; line-height:1.1; background:#fff; background:rgba(255,255,255,0.8);}
.map-box .map { height:702px;}
.map-box .text { width:1233px; margin:30px auto 0;}
.map-box .text h4 { margin-left:210px; font-weight:normal; color:#343434; font-size:16px; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.map-box .text ul { margin:10px 0 80px 210px; font-size:16px; color:#343434; font-family: 'NotoSans-DemiLight';}
.map-box .text ul li { margin-bottom:10px;}
.map-box .text ul li strong { display:block; float:left; width:78px; padding-right:20px; margin-bottom:10px; color:#74ad31; text-align:right;}

.bg-line {/* background:url('../images/bg/bg-line.gif') no-repeat -5% 110%; */}
.careers { text-align:center; /* background:url('../images/bg/bg-line.gif') no-repeat right 0px; */}
.careers h3 { font-size:53px; color:#323232; letter-spacing:-1px; font-family: 'notokr-medium'; font-weight: 500; line-height: 100%;}
.careers h3 span { font-size:53px; color:#323232; letter-spacing:-1px; vertical-align: top;font-family: 'notokr-light', 'NotoSansCJKtc-Light'; font-weight:100;line-height: 100%;}
.careers p { font-size:18px; color:#323232;  padding-top: 21px;    letter-spacing: -0.5px;}
.careers .img { overflow:hidden; width:1024px; height:480px; margin:30px auto; border:1px solid #555; line-height:480px;}
.careers .img img { }

.careers .table-wrap { position:relative; margin-top:40px;}
.careers .btn-group a { display:inline-block; width:120px; padding:5px 0px; font-size:14px; font-weight:bold; color:#fff; background:#74ad31;}

.about-box .financial h4 { margin-bottom:17px; font-size:16px;}
.about-box .financial.line::before { top:31px;}
.movie-box .about-box{clear: both;}
.financialInfo .about-box {/*margin-top: 38px;*/}
.financial-infomation { text-align:center;border:1px solid #999; padding:32px 1px;margin-top: 4px;width: 100%;}
.financial-infomation img + img { margin-left:15px;}
.about-box.release .left ul li{float: inherit; width: inherit;  margin-top: 0;margin-left: inherit;}
.about-box.release .left ul{    margin-top: 5px; border-top: 0px;}
.contents .about-box.release .layout-right{margin-top:5px;}

.contents .layout-left { float:left; width:20%; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.contents .layout-left.archive {width:23%;}
.contents h2.layout-left { overflow:hidden; position:relative; height:35px;}
.contents h2.layout-left strong { font-size:23px; color:#343434; border-bottom: 3px solid #343434;     padding-bottom: 2px; font-weight: normal; font-family: 'notokr-medium'; display: inline-block; height: 30px;}
.contents h2.layout-left span { float:right; display:block; position:relative; z-index:3; margin-top:14px; border:0px; color:#666; font-weight:normal; font-size:14px; background:#fff;}
.contents h2.layout-left:before { content:''; display:block; position:absolute; bottom:0px; left:40%; width:70%; height:1px; background:#b1b1b1; } 
.contents .layout-right { float:right; width:75%; margin-top:35px; text-align:center; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}

.contents .movie-box { overflow:hidden; margin-bottom:100px;}
.contents .layout-right.movie-box {width: 85%;text-align: left;}
.contents .layout-right.movie-box .zz{padding-left:30px;}
.contents .movie-box .video{vertical-align: bottom;}
.contents .movie-box .video iframe { width:640px; height:360px;}
.contents .movie-box .video p { margin-top:10px; font-size:18px; color:#323232;display: inline-block;
width: 31%; vertical-align: bottom; padding-left: 20px;}
.contents .movie-box ul { overflow:hidden; margin-top:35px; border-top:1px solid #74ad31;}
.contents .movie-box ul li { float:left; width:45%; margin-top:30px; margin-left: 30px;}
.contents .movie-box ul li h3 { overflow:hidden; height:42px; font-size:14px; color:#323232;display: inline-block; padding-left: 10px; vertical-align: top; width: 52%;}
.contents .movie-box ul li .img { width:137px; height:77px; margin:0 auto; border:1px solid #ccc; background:#999;display: inline-block;}
.contents .movie-box ul li .img > img{width:100%;}
.contents .movie-box ul li.on .img { border:1px solid #74ad31;}
.contents .layout-right.movie-box ul{border-top:1px solid #74ad31;background-image: url("/assets/site/images/img/bgLine.png");}
.contents .layout-right.movie-box ul li{/*border-top: 1px solid #74ad31;*/ padding: 20px 0px 19px 31px; margin: 0px; }

.contents .e-brochures-box { overflow:hidden; margin-bottom:100px;}
.contents .e-brochures-box ul { overflow:hidden; width:710px; margin:0 auto;border-top: 0px;}
.contents .e-brochures-box ul li { float:left; margin:0 20px 20px;width: 23%;}
.contents .e-brochures-box ul li .img { width:122px; height:156px; margin:0 auto; border:1px solid #dcdcdc;}
.contents .e-brochures-box ul li .img img{ width:122px; height:156px;}
.contents .e-brochures-box ul li h3 { margin:5px 0px; font-size:13px; color:#7d7d7d;height: 30px;line-height: 1.1;}
.contents .e-brochures-box ul li a { display:inline-block;/* padding:5px 10px; color:#fff; background:#74ad31;margin-bottom: 20px;*/}
.contents .downloadFile{height: 100px;margin-top: 20px;}
.contents .downloadFile a{letter-spacing:0.5px;  border:1px #595757 solid; border-radius:3px; padding:2px 10px; margin:2px 10px; color:#000; font-family: arial;min-width: 120px; display: inline-block;}
.contents .downloadFile a:hover{color:#FFF;     background: #7fbf33;border:1px #7fbf33 solid; }
.contents .corporate-identity-box { overflow:hidden; }
.contents .corporate-identity-box ul {}
.contents .corporate-identity-box li { position:relative; width:601px; margin:0 auto 40px;}
.contents .corporate-identity-box li .img { margin-right:100px;}
.contents .corporate-identity-box li div { position:absolute; bottom:0px; right:0px; width:100px;}
.contents .corporate-identity-box li div a { display:block;}


.csr-box { overflow:hidden;}
.csr-box > h2 { float:left; margin-right:5%; border-bottom:3px solid #343434; font-size:23px; color:#343434; font-weight:normal; font-family: 'notokr-medium';    padding-bottom: 2px;}
.csr-box > h3 { float:left; border-bottom:3px solid #343434; margin-left:63px; margin-bottom:100px; font-size:22px;  color:#323232; font-weight: 500;font-family: 'notokr-medium';  padding-bottom: 2px;}
.csr-box .slide-box { overflow:hidden; /*clear:both; */position:relative;}
.csr-box .slide-box .slide { overflow:hidden; width:909px; height:352px; margin:0 auto;}
.csr-box .slide-box .slide ul {}
.csr-box .slide-box .slide li { float:left; width:294px; margin:5px; height:352px;}
.csr-box .slide-box .slide li .img { overflow:hidden; width:292px; height:219px; border:1px solid #dcdcdc;}
.csr-box .slide-box .slide li .img img { width:292px; height:219px;}
.csr-box .slide-box .slide li h3 { overflow:hidden; /*height:60px;*/ font-family: 'notokr-light', 'NotoSansCJKtc-Light'; font-size:14px; color:#323232;text-overflow:ellipsis; white-space:nowrap;}
.csr-box .slide-box .slide li h3:before { content:''; display:block; width:40px; height:5px; margin:10px 0px; background:#343434;}
.csr-box .slide-box .slide li h3 span { display:block; font-size:12px; color:#555; font-weight:normal; }
.csr-box .slide-box > a[class*=btn] { overflow:hidden; display:block; position:absolute; top:50%; width:29px; height:57px; margin-top:-40px; text-indent:-999px; }
.csr-box .slide-box .btn-left { left:0px; background:url('../images/btn/btn-slide-left.gif') no-repeat;}
.csr-box .slide-box .btn-right { right:0px; background:url('../images/btn/btn-slide-right.gif') no-repeat;}
.csr-box .slide-box .pagging { margin-top:20px; text-align:center;}
.csr-box .slide-box .pagging a { overflow:hidden; display:inline-block; width:18px; height:8px; margin:0 5px; border:1px solid #555; text-indent:-999px; background:#fff;}
.csr-box .slide-box .pagging a.on { width:38px; border:1px solid #000000; background:#000000;}
.layout-right > h2.archive{text-align: left; font-size: 14px; height: 30px;color: #666666; font-weight: normal; font-family: 'NotoSans-DemiLight';display: block;}
.contents .about-box.ci .layout-right{width: 83%;}

.awards-box { overflow:hidden;}
.awards-box > h2 { float:left; margin-right:5%; border-bottom:3px solid #343434; font-size:23px; color:#343434; font-weight:normal; font-family: 'notokr-medium';    margin-top: -2px; padding-bottom: 2px;}
.awards-box > h3 { float:left; border-bottom:3px solid #343434; margin-left:62px; margin-top: 3px;margin-bottom:100px; font-size:22px;  color:#323232;font-weight: 500;font-family: 'notokr-medium';    padding-bottom: 2px;}
.awards-box .slide-box { overflow:hidden; clear:both; position:relative;  margin-left: 70px;top: -60px;}
.awards-box .slide-box .slide { overflow:hidden; width:910px; height:440px; margin:0 auto;}
.awards-box .slide-box .slide ul {}
.awards-box .slide-box .slide li { overflow:hidden; float:left; width:100%;}
.awards-box .slide-box .slide li > div { float:left; width:23%; height:121px; margin:0 1% 40px; text-align:center; 
font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.awards-box .slide-box .slide li h3 {margin-bottom: -1px;overflow:hidden; font-size:14px; color:#323232; text-overflow:ellipsis; white-space:nowrap;   padding-top: 4px;}
.awards-box .slide-box .slide li .day {padding-top:4px;font-size:14px; color:#626262;/*display: none;*/}
.awards-box .slide-box .slide li .title {font-weight:bold; overflow:hidden; font-size:14px; color:#323232; text-overflow:ellipsis; white-space:nowrap;line-height: 1.4;}
.awards-box .slide-box .slide li a { display:block; position:relative;margin-top:20px;font-size:14px; /*  padding-top:10px;  border-top:1px solid #676767; color:#626262;*/}
/*.awards-box .slide-box .slide li a:before { content:''; display:block; position:absolute; top:-2.5px; left:50%; width:40px; height:5px; margin-left:-20px; background:#343434;}*/
.awards-box .slide-box > a[class*=btn] { overflow:hidden; display:block; position:absolute; top:50%; width:29px; height:57px; margin-top:-40px; text-indent:-999px; }
.awards-box .slide-box .btn-left { left:0px; background:url('../images/btn/btn-slide-left.gif') no-repeat;}
.awards-box .slide-box .btn-right { right:0px; background:url('../images/btn/btn-slide-right.gif') no-repeat;}
.awards-box .slide-box .pagging { margin-top:25px; text-align:center;}
.awards-box .slide-box .pagging a { overflow:hidden; display:inline-block; width:18px; height:8px; margin:0 5px; border:1px solid #555; text-indent:-999px; background:#fff;}
.awards-box .slide-box .pagging a.on { width:38px; border:1px solid #000000; background:#000000;}
.awards-box .slide-box .slide li .img > a > img{background:url('../images/bg/bg-heerim.jpg') center;background-size: 99%;}

.h-title { overflow:hidden;}
.h-title .left { float:left; width:208px; color:#343434; font-weight: 500; font-family: 'notokr-medium';}
.h-title .left span { display:inline-block; border-bottom:3px solid #343434;padding-bottom: 2px;font-size: 23px;letter-spacing: -0.5px;}
.h-title .left .analy{width: 122px; display: inline-block; line-height:110%;padding-bottom: 3px;}
.h-title .left.mt16{margin-top:-16px;}
.h-title .right { float:left;}
.h-title .right h3 { font-size:22px; color:#343434; font-weight:normal;font-family: 'notokr-medium';}
.h-title .right h3 span { border-bottom:3px solid #343434;padding-bottom: 2px;font-size: 22px;font-weight: 500;display: inline-block;}
.h-title .right p { margin-top:7px; font-size:14px; color:#323232;line-height: 130%;letter-spacing: -0.5px; min-height: 50px;}
.h-title .right .news{}
.h-title .right .archive{ }
.h-title .right .release{ min-height: 45px;}

.about-box { overflow:hidden; margin-top:40px; clear: both;}
.about-box.release{ /*margin-top:126px;*/}
.about-box.movie-box{/* margin-top:35px;*/}
.about-box.overview { /*margin-top:96px;*/}
.wid80{width:80%;}
.about-box > .left { float:left; min-width:132px;margin-top: -4px;}
.about-box > .left ul {}
.about-box > .left ul li { margin-bottom:0px;font-family: 'NotoSans-DemiLight';}
.about-box > .left ul li a { display:inline-block; height:23px; border-bottom:1px solid #fff; line-height:23px; color:#323232;font-size:13px}
.about-box > .left ul li.on a { border-bottom:1px solid #74ad31; color:#74ad31;}
.about-box > .right { float:left;width: 1095px;}
.about-box .line { position:relative; padding-left:7%; margin-bottom:40px;}
.about-box .line:before { content:''; display:block; position:absolute; top:1px; left:-20px; width:7%; height:1px; background:#cccccc;}
/*.about-box .line:after { content:''; display:block; position:absolute; bottom: 61px; left:-20px; width:7%; height:1px; background:#cccccc;}*/
.about-box.overview .line:before{left:-4px;top:21px;}
.about-box .ceo.line:before{top:5px;}
.about-box .financial.line:before{margin-top: 8px;}
.about-box .ceo { font-size:16px;}
.about-box .ceo:before { /*top:0px;*/}
/* .about-box .ceo:after { content:''; display:block; position:absolute; bottom:0px; left:-20px; width:7%; height:1px; background:#cccccc;} */
.about-box .ceo .img { float:left; margin-right:20px;margin-top: 5px;}
.about-box .ceo .img.right { clear:both; float:none; width:auto; margin-top:20px; padding-bottom:40px; text-align:right;}
.about-box .ceo div{line-height: 170%;letter-spacing: -0.5px;margin-top: 1px;padding-right: 13px; text-align:justify;}

.about-box .news { font-size:16px;}
.about-box .news:before { /*top:0px;*/}
.about-box .news:after { content:''; display:block; position:absolute; bottom: 78px; left:-20px; width:7%; height:1px; background:#cccccc;}
.about-box .news .img { /*float:left;*/ margin-right:20px;margin-top: 2px;}
.about-box .news .img.right { clear:both; float:none; width:auto; margin-top:20px; text-align:right;}
.about-box .news div{line-height: 170%;letter-spacing: -0.5px;margin-top: 1px;}

.about-box h4 { font-size:12px; color:#666666; font-weight: normal;font-family: 'NotoSans-DemiLight';}
.about-box .vision .text { font-size:58px; color:#222222; font-family: 'notokr-medium'; letter-spacing: -1.5px;margin-top: -1px;padding-bottom: 10px; font-weight: 500;}

.about-box .core-value {margin-bottom: 63px;}
.about-box .core-value ul {margin-top: 12px;}
.about-box .core-value ul li { margin-top:6px; font-size:18px; color:#323232;}
.about-box .core-value ul li strong { display:inline-block; width:167px; font-weight: normal; color:#74ad31;font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.about-box .core-value ul li div { display:inline-block;}

.about-box .fact-sheet { overflow:hidden;}
.about-box .fact-sheet ul.half { float:left; width:50%;margin-top: 13px;}
.about-box .fact-sheet ul.half + .half { float:left;width:49%}

.about-box .fact-sheet ul.three { float:left; width:32%;margin-top: 13px;}
.about-box .fact-sheet ul.three + .three { float:left;width:32%}

.about-box .fact-sheet ul.three li strong { float:left; display:inline-block; width:29%; font-weight: normal; color:#74ad31;letter-spacing: -0.5px;}
.about-box .fact-sheet ul.three li div { float:left; width:69%;}
.about-box .fact-sheet ul.three .bgLineG{background:url('../images/content/bg_lineG.png') no-repeat bottom; width:60px; height:10px;}

.about-box .fact-sheet .big3{width:22% !important;}
.about-box .fact-sheet ul li { overflow:hidden; margin-top:3px; font-size:14px; color:#323232;}
.about-box .fact-sheet ul li strong { float:left; display:inline-block; width:20%; font-weight: normal; color:#74ad31;letter-spacing: -0.5px;}
.about-box .fact-sheet ul li div { float:left; width:78%;}
.about-box .fact-sheet ul li.bg div { background:url('../images/bg/bg-world.jpg') no-repeat center center;	}
.about-box .fact-sheet ul li.bg a {display: inline-block;float: right;  text-align: right; font-size:12px; padding-top: 7px;}
.about-box .fact-sheet ul li div p{margin-bottom: 4px;letter-spacing: -0.5px;}
.about-box .fact-sheet .color01 span { display:inline-block; width:90px; height:12px; margin-right:5px; margin-top:-2px; vertical-align:middle; background:#cd6969;}
.about-box .fact-sheet .color02 span { display:inline-block; width:15px; height:12px; margin-right:5px; margin-top:-2px; vertical-align:middle; background:#77b034;}
.about-box .fact-sheet .color03 span { display:inline-block; width:5px; height:12px; margin-right:5px; margin-top:-2px; vertical-align:middle; background:#39c39c;}
.about-box .fact-sheet .color04 span { display:inline-block; width:2px; height:12px; margin-right:5px; margin-top:-2px; vertical-align:middle; background:#64b3c8;}
.about-box .fact-sheet .color05 span { display:inline-block; width:8px; height:12px; margin-right:5px; margin-top:-2px; vertical-align:middle; background:#ff9752;}
.about-box .fact-sheet .color06 span { display:inline-block; width:5px; height:12px; margin-right:5px; margin-top:-2px; vertical-align:middle; background:#ff526f;}
.about-box .fact-sheet .color07 span { display:inline-block; width:78px; height:12px; margin-right:5px; margin-top:-2px; vertical-align:middle; background:#5a52ff;}


.about-box .history ul.half { float:left; width:49%; margin-top:12px;}
.about-box .history ul.half + .half { float:right;}
.about-box .history ul li { overflow:hidden; margin-top:5px; color:#323232;}
.about-box .history ul li strong { float:left; display:inline-block; width:17%; margin-top:-4px; font-size:24px; font-weight: normal; color:#74ad31; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.about-box .history ul li div { float:left; width:78%; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #d3d3d3; font-size:14px;line-height: 167%;letter-spacing: -0.5px;}

.about-box .services {margin-top: 18px;}
.about-box .services ul { padding-left:80px;}
.about-box .services ul li { overflow:hidden; padding:15px 0px 25px; border-top:1px solid #d3d3d3; color:#323232;min-height: 85px;}
.about-box .services ul li strong { float:left; display:block; width:210px; height:80px; padding-left:16px; font-size:24px; font-weight: normal; color:#222222;    letter-spacing: -0.5px;}
.about-box .services ul li strong span { display:block; font-size:10px; color:#74ad31;letter-spacing: 0px;     margin-top: -1px;}
.about-box .services ul li div {font-size: 15px;    padding-top: 1px;    line-height: 135%;    letter-spacing: -0.5px;    padding-right: 50px;    overflow: hidden;}
.about-box .services .lh100{line-height: 100%;padding-top: 2px; letter-spacing: 0px;width: 325px;}
.about-box .services-markets {margin-top: 18px; margin-left:75px; border-top:1px solid #74ad31;}
.about-box .services-markets ul { margin-left:-2%;}
.about-box .services-markets ul li { overflow:hidden; float:left; width:38%; margin-left:2%; padding:11px 0px 1px 10%; /*border-bottom:1px solid #d3d3d3;*/ color:#323232;}
.about-box .services-markets ul li strong { display:inline-block; margin-bottom:10px; font-size:24px; font-weight: normal; color:#222222;letter-spacing: -0.5px;}
.about-box .services-markets ul li strong span { display:inline-block; font-size:10px; color:#74ad31;letter-spacing: 0px;}
.about-box .services-markets ul li div { min-height:123px; font-size: 14px;    border-bottom: 1px solid #d3d3d3;    letter-spacing: -1.3px;    padding: 5px;}
.about-box .services-markets ul .bg1 { background:url('../images/content/bg-service01.gif') no-repeat 21px center;}
.about-box .services-markets ul .bg2 { background:url('../images/content/bg-service02.gif') no-repeat 20px center;}
.about-box .services-markets ul .bg3 { background:url('../images/content/bg-service03.gif') no-repeat 20px center;}
.about-box .services-markets ul .bg4 { background:url('../images/content/bg-service04.gif') no-repeat 20px center;}
.about-box .services-markets ul .bg5 { background:url('../images/content/bg-service05.gif') no-repeat 20px center;}
.about-box .services-markets ul .bg6 { background:url('../images/content/bg-service06.gif') no-repeat 20px center;}
.about-box .services-markets ul .bg7 { background:url('../images/content/bg-service07.gif') no-repeat 20px center;}
.about-box .services-markets ul .bg8 { background:url('../images/content/bg-service08.gif') no-repeat 20px center;}
.about-box .services-markets ul .bg9 { background:url('../images/content/bg-service09.gif') no-repeat 20px center;}
.about-box .services-markets ul .bg10 { background:url('../images/content/bg-service10.gif') no-repeat 20px center;}
.about-box .services-markets ul .bg11 { background:url('../images/content/bg-service11.gif') no-repeat 20px center;}
.about-box .services-markets ul .bg12 { background:url('../images/content/bg-service12.gif') no-repeat 20px center;}
.about-box .services-markets ul .bg13 { background:url('../images/content/bg-service13.gif') no-repeat 20px center;}
.about-box .services-markets ul .bg14 { background:url('../images/content/bg-service14.gif') no-repeat 20px center;}

.about-box.leadership{/*margin-top: 98px;*/}
.about-box .leadership {margin-top: 18px;}
.leadership.line{padding-left: 67px;}
.about-box .leadership:before{ top:0px;left:22px; width: 30px; }
.about-box .leadership:after{ bottom:0px;left:22px; width: 30px; }
.about-box .leadership > ul { margin-left:-26px;}
.about-box .leadership > ul > li { float:left; width:143px; height:250px; margin-left:7px; margin-bottom:19px; text-align:center;}
.about-box .leadership > ul > li > a > p { position:relative; padding-top:10px; color:#323232; font-size:12px;line-height: 110%;letter-spacing: -1px;}
.about-box .leadership > ul > li > a > p b{display: inline-block; padding-bottom: 5px; margin-top: -3px;letter-spacing: 0px;}
.about-box .leadership.Kr2 > ul > li > a > p{font-size:14px;}
.about-box .leadership > ul > li > a > p:before { content:''; display:block; width:20px; height:5px; margin:0 auto 5px; background:#74ad31;}
.about-box .leadership .pop-view { text-align:left;}
.about-box .leadership .pop-view .cont-box { min-height:200px; height:auto; left: 49.7%; width: 932px;}
.about-box .leadership .pop-view .cont-box .img { float:left;}
.about-box .leadership .pop-view .cont-box h3 { margin-left:140px; padding-left:18px; border-left:3px solid #74ad31; font-size:36px; color:#323232; line-height:1; font-family: 'NotoSans-DemiLight';}
.about-box .leadership .pop-view .cont-box h3 span { font-size:12px; font-family: 'notokr-light', 'NotoSansCJKtc-Light';padding: 3px;}
.about-box .leadership .pop-view .cont-box .position { margin-left:160px; margin-top:7px; font-family: 'NotoSans-DemiLight';}
.about-box .leadership .pop-view .cont-box ul { float:left; width:50%;}
.about-box .leadership .pop-view .cont-box ul li { overflow:hidden;margin-bottom:10px; font-size:13px;font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.about-box .leadership .pop-view .cont-box ul li strong { display:block; color:#74ad31;}
.about-box .leadership .pop-view .cont-box .resume-box {  margin-left:160px;margin-top:27px;}
.about-box .leadership.eng > ul > li > a > p{letter-spacing: 0px;}
.about-box .leadership em{display: inline-block;}
.exceptM{letter-spacing: -1px;display: inline-block; margin-top: -6px; margin-bottom: -3px;}
.about-box .3depth{content: "-";}
.about-box > .left ul li a>em{vertical-align: top;margin-left:7px;margin-right: 7px;}
.leadership.ru {letter-spacing: -0.5px;}
.about-box .leadership.ru > ul > li > a > p {letter-spacing: 0;}
.careers.ru h3{letter-spacing: -2.5px;}
.careers.ru, .careers.ru p {letter-spacing: -1px;}

.ceoinfo{min-height: 370px;}
.ceoinfo.page-CEO { display:none;}
.ceoinfo .cont-box { /* margin-top: 32px; */ margin-left: 11px;}
.ceoinfo .cont-box .img { float:left;}
.ceoinfo .cont-box h3 {  padding-left:10px; border-left:3px solid #74ad31; font-size:36px; font-family: 'NotoSans-DemiLight';    line-height: 100%;}
.ceoinfo .cont-box h3 span { font-size:12px; font-family: 'notokr-light', 'NotoSansCJKtc-Light'; padding: 3px;}
.ceoinfo .cont-box .position { margin-left:14px; margin-top:5px; font-family: 'NotoSans-DemiLight';}
.ceoinfo .cont-box ul { margin: 29px 0px 0px 15px;}
.ceoinfo .cont-box ul li { overflow:hidden; font-size:13px;}
.ceoinfo .cont-box ul li + li { margin-top:10px;}
.ceoinfo .cont-box ul li strong { float:left; width:70px;  color:#74ad31;}
.ceoinfo .cont-box ul li div { float:left;letter-spacing: -0.5px;}
.contf{float:left;padding-left: 48px;}
.contf.ceoV{}
.listNail{overflow: hidden; height: 145px;position: relative; float: left;  margin-right: 11px;}
.listNail img { height:100%;}
.blackPC{display:block;}
.vt{vertical-align: top;}
.fontGreen{color:#74ad31; border-bottom:1px #74ad31 solid;}
/* 폰트 사용 
 * font-family: 'NotoSans-DemiLight';
 * font-family: 'notokr-light', 'NotoSansCJKtc-Light';
 * font-family: 'notokr-medium';
 * */



.people-box { position:relative; margin-top:-30px; background:url('../images/content/img-people01.jpg') no-repeat center center; background-size:cover;}
.people-box > div { overflow:hidden; width:1233px; margin:0 auto 0px;}
.people-box > div h2 { overflow:hidden; margin-top:50px; border:1px solid #fff; border-width:1px 0px; color:#fff; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.people-box > div h2 strong { float:left; font-size:80px; margin-left:6%; font-weight:normal; line-height:1.1;}
.people-box > div h2 span { display:inline-block; margin-top:17px; margin-left:35px; font-weight:normal; font-size:52px; line-height:1;}
.people-box > div .small-text { margin-top:300px; margin-left:6%; font-size:14px; color:#fff; font-family: 'NotoSans-DemiLight';}
.people-box > div .text { margin:15px 0 20px 6%; font-size:20px; font-family: 'notokr-light', 'NotoSansCJKtc-Light'; color:#fff;}
.people-box > div .img { margin-left:6%; padding-bottom:30px;}
.people-box > div .img img { max-width:100%;}

.people-view { overflow:hidden; margin-left:6%;}
.people-view.line { position:relative; margin-top:100px; padding-left:7%; margin-bottom:40px;}
.people-view.line:before { content:''; display:block; position:absolute; top:27px; left:0%; width:80px; height:1px; background:#cccccc;}
.people-view.topline{margin-top:130px;}
.people-view h3 { font-size:14px; color:#555; font-family: 'NotoSans-DemiLight';}
.people-view .text { margin-top:20px; font-size:18px; color:#555;letter-spacing: -0.5px;}
.people-view .img { margin-top:50px;}
.people-view .img img { width:100%; margin-bottom:15px;}
.people-view .list-text { margin:20px 0 60px;}
.people-view .list-text li { margin-bottom:10px; font-size:17px; color:#555;}
.people-view .list-text li strong { margin-right:20px; font-weight:normal; color:#74ad31; vertical-align:top;}
.people-view .list-text li div { display:inline-block;}

.hidden { overflow:hidden; position:absolute; top:-999px; left:-999px; width:0px; height:0px; font-size:0px;}

.life-box { position:relative;    margin-top: 5px;}
.life-box h2 { overflow:hidden; border:1px solid #FFF; border-width:1px 0px; color:#FFF; font-family: 'notokr-light', 'NotoSansCJKtc-Light'; padding:2px; margin-top: 56px;}
.life-box h2 strong { float:left; font-size:80px; margin-left:95px; font-weight:normal; line-height:1.1; font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
.life-box h2 span { display:inline-block; margin-top:16px; margin-left:40px; line-height:1.3; font-weight:normal; font-size:20px; font-family: 'notokr-light', 'NotoSansCJKtc-Light';letter-spacing: -0.5px;}

.life-box { position:relative; margin-top:-30px; background:url('../images/content/img-life.jpg') no-repeat center center; background-size:cover;}
.life-box > div { overflow:hidden; width:1233px; margin:0 auto 0px;}

.life-box > div .small-text { margin-top:300px; margin-left:6%; font-size:14px; color:#fff; font-family: 'NotoSans-DemiLight';}
.life-box > div .text { margin:15px 0 20px 6%; font-size:20px; font-family: 'notokr-light', 'NotoSansCJKtc-Light'; color:#fff;}
.life-box > div .img { margin-left:6%; padding-bottom:30px;}
.life-box > div .img img { max-width:100%;}
.life-box .inlinebox{position: relative; margin-top: 294px; padding-left: 105px; margin-bottom: 40px;}
.life-box .inlinebox:before { content:''; display:block; position:absolute; top:20px; left:0%; width:6%; height:1px; background:#FFF;}

.life-box h3 { font-size:14px; color:#FFF; font-weight:normal;}
.life-box .list-text { margin:20px 0 60px;}
.life-box .list-text li { overflow:hidden; margin-bottom:50px; font-size:17px; color:#FFF;}
.life-box .list-text li strong { float:left;width:120px; font-weight:normal; color:#FFF;}
.life-box .list-text li div { float:left;    letter-spacing: -0.5px;}
.life-box .list-text li div strong { font-weight:500; color:#FFF; width:99%;}

.life-view.line { position:relative; margin-top:90px; padding-left:105px; margin-bottom:40px;}
.life-view.line:before { content:''; display:block; position:absolute; top:29px; left:0%; width:6%; height:1px; background:#cccccc;}
.life-view h3 { font-size:14px; color:#555; font-weight:normal;}
.life-view .img { margin-top:50px;}
.life-view .img img { width:100%; margin-bottom:15px;}
.life-view .list-text { margin:20px 0 60px;}
.life-view .list-text li { overflow:hidden; margin-bottom:50px; font-size:17px; color:#555;}
.life-view .list-text li strong { float:left;width:130px; font-weight:normal; color:#74ad31;}
.life-view .list-text li div { float:left;    letter-spacing: -0.5px;}
.life-view .list-text li div strong { font-weight:500; color:#555; width:99%;}


/* 모바일만 */
.swiper-container { display:none;}
.btn-mobile-gnb { display:none;}
.mobile-language { display:none;}
.mobileTit{display:none}
.mobileImg{display:none}
.mobimgNo{display:none;}
.gap{display:block;}
.mTitle{display:none}
.mOnly{display:none}
.mImg{display:none}

/* Explo */
.mapFrameEx{display:none;}

/* vt 베트남어 */
.vt{font-family: 'Noto Sans', sans-serif !important;letter-spacing: -1px;}
.vt.ru{letter-spacing: -1.5px;}
.about-box .vision.vt.ru .text{font-size: 47px;font-family: 'Noto Sans';    font-weight: bold;}

.about-box > .left ul.vt li, .h-title.vt .left, .about-box .vt h4{font-family: 'Noto Sans'; }

.worldmap .aside-menu.vt li .text h4{font-family: 'Noto Sans'; font-weight:700;}
.worldmap .aside-menu.vt li .text h4>span{font-family: 'Noto Sans';font-weight:400;}
.worldmap .aside-menu.vt li > a{font-family: 'Noto Sans';}

.careers.vt h3 span{color:#444;font-weight:400;}
.careers.vt h3{font-family: 'Noto Sans';font-weight:700;}

/* RU 러시아 */
.ru, .ru h4{letter-spacing: -1px;}
.worldmap .ru, .worldmap .ru h3{letter-spacing: -1px;}
.worldmap .ru h4{letter-spacing: -2px;}
.worldmap .ru a{letter-spacing: -0.5px;}
.about-box .vision.ru .text{letter-spacing: -2.5px;font-size: 54px;}
.h-title .left.ru span{letter-spacing: -1.5px;font-size: 22px;}
.about-box .line.ru:before, .about-box.overview .line:before{left: 8px;    width: 5%;}
.about-box .fact-sheet.ru ul.three li strong{width: 30% !important;letter-spacing: -1.5px;}
.about-box .fact-sheet.ru ul li strong{width: 21%;letter-spacing: -1px;}
.about-box > .left ul.ru li a{ height:inherit; width: 132px;}
.awards-box > h3.ru{letter-spacing: -1.5px;    font-size: 20px;}
h3.ru.letter15{letter-spacing: -1.5px;    font-size: 20px;}
.ru .letter0{letter-spacing: -1px !important;}
.ceoinfo .cont-box.ru ul li strong{width:95px;}

.btn-popup.ru, .cont-box.ru{letter-spacing: -0.5px;}

.font18{font-size:18px !important;}
.font20{font-size:20px !important;}
.mt33{margin-top: 33px;}
/* CH */
.ch, .ch h2, .ch h3, .ch h4, .ch span, .ch p, .ch strong, .ch a{letter-spacing: 0px !important;font-family: Helvetica, Arial, 'Microsoft Yahei','宋體', 'simsun'!important;}
.ch h2, .ch h3, .ch h4{font-weight:700 !important;}
.about-box .vision.ch .text{letter-spacing: 0px;font-size: 70px;font-family: '宋體', 'simsun','Microsoft Yahei'!important;font-weight: 700;}
.h-title .left.ch span{letter-spacing: 0px;font-weight:700 !important;font-family: '宋體', 'simsun','YaHei';}
h3.ch, h3.ch span, h2.ch{font-weight:700;}
.h-title .right h3.ch span{font-weight:700;}
.left .ch a{font-size:14px;}
.subMenu .ch > a{font-weight:700 !important;font-family: 'Microsoft Yahei','宋體', 'simsun',Helvetica, Arial ; color:#555;}
.financial h4.ch{font-weight:700;}
.h-title .left.ch .analy{width:100px;}

@media all and (min-width:1900px){
	.visual-full img{width: 100%;}
}

@media all and (max-width:3100px){
	#container.screen-full { width: 2829px;}
}

@media all and (max-width:2790px){
	#container.screen-full { width: 2517px;}
}

@media all and (max-width:2480px){
	#container.screen-full { width: 2205px;}

}

@media all and (max-width:2170px){
	#container.screen-full { width: 1893px;}
	.images-list-box ul li { width:23%;}
}

@media all and (max-width:1860px){
	#container.screen-full { width: 1581px;}
	
}

@media all and (max-width:1550px){
	#container.screen-full { width: 1270px;}
	.images-list-box ul li { width:31.333%;}
}

@media all and (max-width:1240px){
	#container.screen-full { width: 1233px;}
}

@media all and (max-width:1233px){
	#wrap { min-width:1024px;}
	#header,
	#container,
	#footer { width:1024px;}
	#footerWrap { padding:20px 0px;}
	#container .location-box.fixed > div,
	.worldmap,
	.map-box .text,
	.people-box > div { width:1024px;}
	
	#header nav > ul { margin-left:100px;}
	
	.main-box { width:1024px;}
	.main-box ul li { width:328px;}
	
	.images-list-box ul li { width:48%;}
	
	.images-list-box ul.type2 { margin-left:-2%;}
	.images-list-box ul.type2 li { width:31.33%; margin-left:2%;}
	.images-list-box ul.type2 li div[data-id] img { width:100%;}
	
	.financial-infomation img + img { margin-left:0px;}
	
	#container.screen-full .contents { margin:0px;}
	#container.screen-full .location-box { width:1024px;}

	.worldmap h3,
	.worldmap .aside-menu li .text { left: 210px;}	
	.worldmap .aside-menu { margin-top:-180px;}
	.worldmap .aside-menu li { margin-bottom:5px;}
	
	.about-box .leadership ul { margin-left:-21px;}
	.about-box .leadership ul li { margin-left:18px;}
	.about-box > .right { float:left; width:87%;}
	.about-box .leadership .pop-view .cont-box { overflow:hidden; overflow-y:scroll; left:15%; right:10px; top:10%; width:auto; height:70%; margin:0px !important; padding:10px;}
     .about-box .core-value ul li div{    display: block;}
	 .mb2{width:inherit}
	 .pcimgNo{display:none;}
	 .mobimgNo{display:block;}
	 .financial-infomation img:nth-child(1){margin-bottom: 40px;}
	 .sns_instar{margin: 14px 12px 0px 0px;}
	 #container .location-box .location-line{    margin-right: 0px;    width: 88%;    display: inline-block;}
}

@media all and (max-width:800px){
	#wrap { overflow:hidden; width:100%; min-width:100%;}
	#header, #container, #footer { width:100%;}
	#footer { width:auto; margin:0px 10px;}
	#footerWrap,
	#footerWrap.main {margin-top:50px;}
	#mainCont { min-width:100%;}
	#headerWrap { position:static; min-width:100%; height:auto;}
	#headerWrap #header { position:inherit; border:1px solid #ddd;}
	#header h1 { float:none; padding:10px;}
	.language { display:none;}
	.btn-mobile-gnb { overflow:hidden; display:inline-block; position:absolute; top:0px; right:0px; width:57px; height:49px; text-indent:-999px; background:url('../images/layout/btn-gnb.gif') no-repeat center center; background-size:24px 16px;}
	.btn-mobile-gnb.on {background:url("../images/layout/btn-gnb-close.gif") center center no-repeat; background-size:20px 20px;}
    .mobileImg{display:block; }
	.mobileImg img{ width:100%;}
	.gap{display:none;}
	.mOnly{display:block}
	.pcOnly{display:none;}
	.mTitle{display:block; font-size:13px; font-family: 'NotoSans-DemiLight'; color:#999;position: relative;   top: 25px;    padding-left: 11px;    padding-bottom: 7px;}
	.mImg{width: 46% !important;  display: inline-block !important;  text-align: center; padding-top: 1%;float: left !important;margin-right: 2%;}
	.mImg > img{width: 100%;}
	.project-view .img-text > .img > img { display: none !important;}

	.project-view .img-text .text-box .text{ine-height: 150%;}
	
	#header.white h1 a {background:url('../images/common/logo.png') no-repeat;}
	
	#header #gnb { display:none; overflow-y:scroll; position:absolute; top:49px !important; left:0px; right:0px; z-index:200; width:100%; max-height:70%; min-width:inherit; margin:0px; padding-bottom:20px; border-bottom:1px solid #ddd; background:#fff;}
	#header #gnb ul { overflow:hidden; margin:-1px 0px -1px;}
	#header #gnb ul li { overflow:hidden; float:none; position:relative; margin-left:0px !important;}
	#header #gnb ul li a { color:#74ad31; font-size:15px; }
	#header #gnb > ul > li { min-height:39px; border-top:1px solid #ddd;padding-left: 10px; }
	#header #gnb > ul > li > a { font-weight:bold; position:absolute; top:7px; left:18px; }
	#header #gnb > ul > li .subMenu { display:block !important; position:static; margin:-1px 0 0 90px !important; padding:0px; opacity:1 !important;}
	#header #gnb > ul > li .subMenu ul li { border-bottom:1px solid #ddd; padding:8.5px 0; float:left; width:50%; margin:0px;}
	#header #gnb .subMenu li a { color:#444;}
	#header nav .subMenu li.on a, #header nav .subMenu li:hover a {text-decoration:none; border-bottom: 1px solid #fff;}
	#header #gnb > ul > li .subMenu ul li:nth-child(odd){ clear:both;}
	#header #gnb > ul > li .subMenu ul li .small { display:block; font-size:10px;}
	#header #gnb ul.clear li,
	#header #gnb ul li.clear { float:none; width:100%;}
	#header #gnb .newsEn{border-bottom: 0px solid #ddd !important;}
	#header #gnb .menu2line a{line-height:1.1}

	.main-poopup { width:100%;}
	.main-poopup .cont-box { left:10px; top:10%; right:10px; margin:0px !important;}
	.main-poopup .cont-box img { max-width:100%;}

	.mobile-language { overflow:hidden; display:block;}
	.mobile-language a { float:left; width:33%; margin:10px 0px; text-align:center;}
	
	#headerWrap.main { position:inherit; height:auto; z-index:200;}
	.main #header {}
	
	#mainCont .visual { display:none;}
	#mainCont .copyTitle { height:auto; margin:20px 0px;}
	#mainCont .copyTitle h2 { padding-top:0px; font-size:23px;}
	.ico-quick { display:none;}

	#mainCont .copyTitle h2 { margin: 50px 20px 0px;}
	#mainCont .copyTitle h2 span { width:100%; max-width:561px; background-size:100%;}
	
	.swiper-container { overflow:hidden; display:block; position:relative; width:100%;}
	.swiper-container .swiper-wrapper { overflow:hidden; position:relative; width:100%;}
	.swiper-container .swiper-slide { float:left; position:relative; text-align:center;}
	.swiper-container .swiper-slide img { width:100%}
	.swiper-container .swiper-slide .text { position:absolute; bottom:30px; left:0px; right:0px; color:#fff; text-align:center;}
	.swiper-container .swiper-slide .text h2 { font-size:16px;}
	.swiper-container .swiper-slide .text p { font-family: 'notokr-light', 'NotoSansCJKtc-Light';}
	
	.swiper-container .swiper-pagination { position:absolute; bottom:10px; left:0px; right:0px; text-align:center;}
	.swiper-container .swiper-pagination a { display:inline-block; width:10px; height:10px; margin:0px 5px; border:1px solid #c8cacc; border-radius:50%; background:#2c2f2f;}
	.swiper-container .swiper-pagination .swiper-active-switch { border-color:#fff; background:#fff;}
	
	.main-box { width:100%; height:auto; margin-top:20px;}
	.main-box ul { overflow:hidden; margin:0px; padding-top:0px;}
	.main-box ul li { width:48%; margin:0 1% 20px;}
	.main-box ul li .img img { width:100%;}
	.main-box .img { overflow:hidden; position:relative; width:100%; padding:33% 0;}
	.main-box .img img { position:absolute; top:0px; left:0px; width:100%;}
	.contents .layout-right.movie-box ul{background-image: inherit;border-top: 2px solid #74ad31;}
	.contents .layout-right.movie-box ul li{padding:0px;}

	.images-list-box ul li { width:98%;} 
	.images-list-box ul.type2 li h3 { overflow:hidden; font-size:16px; text-overflow: ellipsis;white-space: nowrap;}

	#container .location-box .location-line ul { margin-left:10px;}
	#container .location-box .btn-back{margin-left:10px;}
	
	#container .location-box.fixed > div, .worldmap, .map-box .text, .people-box > div { width:100%;}
	
	#footer .copy { position:relative;}

	.mobile-none { display:none !important;}
	.media_body .mobile-none.tl{ display:block !important;}
	.mobileTit { display:block; font-size:15px; background: #EEE;padding: 5px 10px 8px;margin-bottom: 10px;}
	.project-view .img-text{margin: 2px 0px;}
	.project-view .img-text .text-box ul{padding-bottom: 15px;}
	.project-view .img-full{margin: 10px 0;}
	.project-view .img-two{margin: 0px;}
	.visual-full .bg{background:none;}
	.project-view .img-full, .project-view .img-two{padding-left:9px; padding-right:9px;}

	.contents { padding:22px 13px 0 10px;}

	.about-box { margin-top:0px !important;}
	.about-box .line { padding-left:0px; font-size:14px;padding-right:2px;}
	.about-box .core-value{ margin-bottom: 35px;}
	.about-box > .right { width:100%;}
	.about-box .fact-sheet ul.three,
	.about-box .fact-sheet ul.three + .three{ width:100%;}
	.about-box .fact-sheet ul.three li strong { float:none; width:100%;}
	.about-box .fact-sheet ul.three li div { float:none; width:auto;}
	.about-box .fact-sheet ul.three li strong{font-weight:bold;}
	.about-box .news thead{display: none;}
	.about-box .news tbody{border-top: 2px solid #000;}

	#container.screen-full { width:100%;}
	#container .location-box { /* height:34px; */ height:auto; min-height:34px; padding-top:10px;}
	#container .location-box .search-box { display:none;}
	#container .location-box.fixed { position:static; border:0px; padding-bottom:0px;}
	#container .location-box .location-line { float:none;}
	#container .location-box.fixed + .contents { margin-top:0px;}

	.h-title .left {/*display:none;*/float: inherit; width: inherit;margin-bottom: 15px;    margin-top: inherit;}
	.awards-box > h2 {display: inline-block;float: inherit; width: inherit;margin-bottom: 15px;}
	.awards-box .slide-box{margin-left: inherit;top:0;}
	.h-title .right { float:none; width:100%; margin-bottom:10px;}

	.about-box > .left { overflow:hidden; float:none; width:100%; margin-top:5px;}
	.about-box > .left ul { overflow:hidden; margin-bottom:20px; border-top:1px solid #e3e3e3; border-left:1px solid #e3e3e3;}
	.about-box > .left li { float:left !important; width:50%!important;  text-align:center;}
	.about-box > .left li.all { width:100%;}
	.about-box > .left ul li a { display:block; height:37px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; line-height:35px; margin-left:0px !important;}
	.about-box > .left ul.ru li a{width: 100%;}
	.about-box > .left ul.ru .inline2 > a{line-height: 130%;}
	.about-box > .left ul li.on a { color:#fff; background:#74ad31;}

	.about-box.release .left ul{border-top: 1px solid #e3e3e3;
   /* border-right: 1px solid #e3e3e3; */}
	.contents .layout-right{margin-top: 5px;}


	.contents .e-brochures-box ul li .img{width:90px}

	.images-list-box ul.type2 { margin-left:0px;}
	.images-list-box ul.type2 li { margin-left:1%;}

	.visual-full { width:100% !important;}
	.visual-full .text strong { font-size:20px;}
	.visual-full .text { bottom:10px;}
	.visual-full .text a { display:none;}

	.project-view .img-text .text-box { float:none; width:95%; margin:1px auto 0;}
	.project-view .img-text .text-box ul li { float:left; min-width:98%;margin-bottom: 0px;width: inherit;}
	.project-view .img-two img { float:none; width:100%; margin-bottom:10px;}
	.project-view .img-text .text-box ul li strong{ width: 80px;display: inherit;float: left;}

	.pop-view .cont-box { overflow:hidden; left:10px; right:10px; top:10%; width:auto; height:70%; margin:0px !important; padding:10px;}
	.pop-view .cont-box h4 { padding-right:30px;}
	.pop-view .cont-box .text { height:70%;}
	.pop-view .cont-box .text img { max-width:100%;}

	.financial-infomation { width:98%;}
	.financial-infomation img { max-width:100%;}
	.financial-infomation img:nth-child(1){margin-bottom: 40px;}
	.financial .table-cont td{padding-right: 15px;}
	.table-wrap .table-caption{padding: 3px;}
	.h-title .left .analy{ width: inherit;}
	.table-list .analyst_body td.tl{ overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}

	.h-title { height:auto !important; margin-left: 2px;}
    .pd42{padding-left:42px;}
	.pd78{padding-left:78px;}
	.fact-sheet.en .pd42, .fact-sheet.en .pd78{padding-left:0px;}

	.about-box h4{border-bottom: 1px #CCC solid;padding-bottom:3px;}

	.about-box .line::before { display:none;}
	.about-box .vision .text { margin-top:10px; font-size:22px; text-align:center;letter-spacing: -1px;padding-bottom: 0px;padding-right: 8px;}
	.about-box .fact-sheet ul.half,
	.about-box .history ul.half{ float:none; width:100%;}
	.about-box .fact-sheet ul li{margin:0px}
	.about-box .fact-sheet ul.half + .half { width:100%;}
	.about-box .fact-sheet ul li strong,
	.about-box .history ul li strong{ float:left; width:100%; font-weight:bold; font-size:14px;width: 60px;margin-top: 2px;}
	.about-box .fact-sheet.en ul li strong{ width:100%; margin-top: 2px;}
	.about-box .fact-sheet ul li strong { margin-top:0px;}
	.about-box .fact-sheet ul li div,
	.about-box .history ul li div{ float:none; /* width:90%;*/ margin-left:60px; margin-bottom:3px;}
	.about-box .fact-sheet.en ul li div{margin-left:1%;width:98%;margin-bottom:10px;}
	.about-box .fact-sheet ul li.bg div { background:none;}
	.about-box .fact-sheet ul li.bg a { display:none;}
	.about-box .history ul li div{border-bottom: 1px solid #DDD;}

	.about-box .services ul { padding-left:0px;}
	.about-box .services ul li strong { float:none; width:100%; height:auto; padding:0px; font-size:18px;}
	.about-box .services ul li div { margin-left:0%; padding-right:4px; font-size:14px;  line-height: 150%; padding-top:5px}

	.about-box .services-markets { margin-left:0px;}
	.about-box .services-markets ul { margin-left:0px;}
	.about-box .services-markets ul li { float:none; width:98%; margin-left:0px;}
	.about-box .services-markets ul li strong { margin-bottom:0px; font-size:18px;}
	.about-box .services-markets ul .bg1,
	.about-box .services-markets ul .bg2,
	.about-box .services-markets ul .bg3,
	.about-box .services-markets ul .bg4,
	.about-box .services-markets ul .bg5,
	.about-box .services-markets ul .bg6,
	.about-box .services-markets ul .bg7,
	.about-box .services-markets ul .bg8,
	.about-box .services-markets ul .bg9,
	.about-box .services-markets ul .bg10,
	.about-box .services-markets ul .bg11,
	.about-box .services-markets ul .bg12,
	.about-box .services-markets ul .bg13,
	.about-box .services-markets ul .bg14 { padding-left:0px; background:none;}
	.about-box .services-markets ul li div { min-height:inherit !important;padding: 5px 0px 20px 0px;}
	.about-box .services ul li { min-height:inherit !important;    border-bottom: 1px solid #d3d3d3;    border-top: 0px;}
	.about-box .services-markets ul li strong span { display:block;}
	.about-box .services-markets ul li{padding: 15px 0px 5px;}
	.about-box .services{border-top: 1px solid #74ad31;}

	.about-box .leadership ul { margin-left:0px;}
	.about-box .leadership ul li { overflow:hidden; width:50%; margin-left:0px;}

	.about-box .leadership .pop-view .cont-box { overflow:hidden; overflow-y:scroll; left:10px; right:10px; top:10%; width:auto; height:70%; margin:0px !important; padding:10px;}
	.about-box .leadership .pop-view .cont-box .img { margin-bottom:20px;}
	.about-box .leadership .pop-view .cont-box h3 { margin-left:110px;}
	.about-box .leadership .pop-view .cont-box .position { margin-left:135px;}
	.about-box .leadership .pop-view .cont-box .resume-box { clear:both; margin-left:0px;}
	.about-box .leadership .pop-view .cont-box ul { float:none; width:100%;}
	.about-box .leadership .pop-view .cont-box ul li { float:none; width:100%;}
	.about-box .leadership .pop-view .cont-box ul li strong,
	.ceoinfo .cont-box ul li strong{ float:none; width:auto; font-size:15px;}
	.ceoinfo .cont-box ul li div{ float:none; }
	.about-box .leadership .pop-view .cont-box ul li div { float:none; width:auto; margin-left:10px;}
	.about-box .core-value ul li strong { display:block; font-weight:bold; font-size:14px;}
	.about-box .core-value ul li div { margin-left:1%;}
	.about-box .fact-sheet ul li div p{}
	.h-title .right p{display:none;}

    .ceoinfo .cont-box{margin-top: 15px;}
	.contf { padding-left:20px;width: 70%;}
    .contf.mobile{float: inherit; padding-left: 10px;    display: inline-block;}
	.contf.mobile h3{font-size: 18px;}
	.contf.pc h3{font-size: 18px;}
	.ceoinfo .cont-box .img img{width:100px;}
	.ceoinfo .cont-box ul{margin-top: 20px;}
	.about-box .contf ul li{width:100%}

	.awards-box .slide-box .slide { width:100%; height:auto;}

	.awards-box > h3 { float:none; margin-left:0px; margin-bottom:20px; font-size:15px;border-bottom: 1px solid #343434;}
	.awards-box .slide-box .slide li > div { width:48%; margin:1%;overflow: hidden;    min-height: 215px;}

	#container.screen-full .contents.oversea { background:none;}
	
	.worldmap { min-height:inherit; padding-top:0px; background:none;}
	.worldmap h3,
	.worldmap .overseaEN{ display:block !important; position:static; font-size:25px;}
	.worldmap h3 span { line-height:1.1;}
	.worldmap .target { display:none;}
	.worldmap .aside-menu { margin-top:20px;}
	.worldmap .aside-menu li.on .text { position:static; padding:10px; background:#eee;}
	.worldmap .aside-menu li .text h4 { font-size:30px;}
	.worldmap .aside-menu li .text h4 span { line-height:1.1;}
	.worldmap .aside-menu li .text p { font-size:13px;}

	.careers { margin:10px 0px 20px; background:none;}
	.careers h3 { font-size:25px;}
	.careers h3 br { display:none;}
	.careers h3 span { font-size:25px;}
	.careers p { font-size:15px;}
	.careers p br { display:none;}

	.careers .img { width:100%; height:auto; padding:0px; border:0px; line-height:1;}
	.careers .img img { max-width:99%; border:1px solid #555;}
	.careers .btn-group { margin-bottom:20px; margin-top:-10px;}

	.people-box,
	.life-box,
	.life-box > div{ width:100% !important; background:none;}
	.life-box h2{border: 1px solid #333;border-left: 0px;border-right: 0px;}
	.life-view.line:before{height: 0px;}
	.people-box > div h2 strong,
	.life-box h2 strong { float:none; margin-left:10px; font-size:30px; color:#333;}
	.life-view .img{margin-top: 10px}
	.life-box h2 span { display:block; margin-left:10px; font-size:14px;color: #333;margin: 5px 10px 10px;}
	.life-box h2 span br { display:none;}
	.life-box h3{color: #333;}
	.life-box .list-text li div{font-size:14px;color: #333;float: inherit;}
	.life-box .inlinebox { margin-top:20px; padding-left:10px;}
	.life-box .list-text li div strong{color: #333;}
	.life-box .list-text li strong { float:none; width:100%;color: #74ad31; font-weight:bold; font-size: 14px;}
	.life-box .list-text li { margin-bottom:15px;;color: #333;}
	.life-view { margin:0 10px;}
	.life-view.line { padding-left:0px; margin-top:20px;margin-bottom: 15px;}
	.life-view .list-text li strong { float:none; width:100%; font-weight:bold; font-size: 14px;}
	.life-view .list-text li div { float:none; width:100%;font-size:14px;}
	.life-view .list-text li{margin-bottom: 20px;}

    .people-box > div h2{border: 1px solid #333;    border-left: 0px; border-right: 0px;}
	.people-box > div h2 span { margin:5px 10px 10px; font-size:14px;color:#333;}
	.people-box > div .small-text { margin-top:30px;font-size:15px;font-weight: 600;margin-left: 2%; color:#555}
	.people-box > div .text { margin:10px; font-size:14px;color:#333;}	
	.people-view { margin:0px 10px;}
	.people-view.topline { margin-top:20px;}
	.people-view.line { padding-left:0px; margin-top:20px;}
	.people-view img { max-width:100%;}
	.people-view .text { font-size:14px;}
	.people-view .list-text li { font-size:14px;margin-bottom: 15px;}
	.people-view.mobileImg .list-text li {margin-bottom: 5px;}
	
	.people-view .list-text li strong{display:block;font-weight: bold;}
	.people-view.line:before{ height: 0;}
	.people-view h3{font-size:15px;}
	.people-box > div .img{margin-left:1%; width: 99%;display: none;}
	.people-view.mobileImg .list-text{margin: 10px 0 20px;}
	.people-view.mobileImg .list-text li strong{display: inline-block; width: 50px;}


    .support .cont-box .input-box ul li label{display: block;text-align:left;float: inherit;}
	.careerList .m-width{width:inherit !important}

	.visual-full .text strong span { font-size:13px;}

	.about-box .fact-sheet .color01 span,
	.about-box .fact-sheet .color02 span,
	.about-box .fact-sheet .color03 span,
	.about-box .fact-sheet .color04 span,
	.about-box .fact-sheet .color05 span{ display:none;}

	.about-box .core-value ul li { font-size:14px;}

	.h-title .right h3,
	.h-title .right h3 span { border:0px; font-size:15px;line-height: 1.1;}
	.h-title .left.mt16{/*margin-top:inherit;*/margin-top: 3px;}

	.about-box .ceo .img { float:none; margin:0px; margin-bottom:10px; text-align:center;}
	.about-box .ceo .img img { width:40%;}

	.about-box .ceo .img.right img { width:40%;}

	#popMap .cont-box { height:auto;}
	#popMap .cont-box > img { width:100%;}
	.news .table-list th:nth-child(1), .news .table-list td:nth-child(1), .news .table-list col:nth-child(1){display:none;}
	.news .table-list col:nth-child(2){width: inherit;}
	.table-list.newsletter th:nth-child(3), .table-list.newsletter td:nth-child(3), .table-list.newsletter col:nth-child(3){display:none;}


	.csr-box > h2 { /*display:none;*/display:inline-block; border-bottom: 3px solid #343434; padding-bottom: 2px; font-size: 23px; letter-spacing: -0.5px; float: inherit;}
	.csr-box > h3 { float:none; margin:10px 0px 10px 0; border:0px; font-size:18px;}
	.csr-box .slide-box > a[class*="btn"],
	.csr-box .slide-box .pagging{ display:none;}
	.csr-box .slide-box .slide { width:100%; height:auto;}
	.csr-box .slide-box .slide ul { width:100% !important;}
	.csr-box .slide-box .slide li { width:48%; height:auto; margin:0 1% 20px;}
	.csr-box .slide-box .slide li .img { width:100%; height:auto; border:0px;}
	.csr-box .slide-box .slide li .img img { width:100%; height:auto;}

	.contents h2.layout-left { width:100%; margin-bottom:10px;}
	.contents h2.layout-left span { float:none; font-size:16px; color:#343434; font-weight:bold;}
	.contents h2.layout-left strong { /*display:none;*/display: inline-block;border-bottom: 3px solid #343434; padding-bottom: 2px; font-size: 23px; letter-spacing: -0.5px;}
	.contents .layout-left.archive{    width: 100%;}
	.contents .layout-right { overflow:hidden; float:none; width:100%;}
	.contents .movie-box,
	.contents .e-brochures-box { margin-bottom:20px;}
	.contents .movie-box .video iframe { width:100%;}
	.contents .movie-box ul li { width:50%;    margin-left: 0px;}
	.contents .movie-box ul li .img { max-width:100%;}

	.contents .e-brochures-box ul { overflow:none; width:100%;}
	.contents .e-brochures-box ul li { margin-bottom:20px;}

	.contents .corporate-identity-box li { width:100%;}
	.contents .corporate-identity-box li .img { margin-right:0px;}
	.contents .corporate-identity-box li .img img { max-width:100%;}
	.contents .corporate-identity-box li div { position:static; width:auto; margin-top:10px; text-align:left;}
	.contents .corporate-identity-box li div a { display:inline-block; position:relative;}
	.contents .corporate-identity-box li div a + a { margin-left:5px; padding-left:10px;}
	.contents .corporate-identity-box li div a + a:before { content:''; display:block; position:absolute; top:50%; left:0px; width:1px; height:6px; margin-top:-3px; background:#333;}
	.about-box .ceo div{line-height: 150%;}
	.pop-view .cont-box h4{font-size:16px;}
	.fullbody .contents{padding: 23px 0 10px;}
	.blackPC{display:inline;}
	#header nav > ul > li.on > a{border-bottom: 1px solid #74ad31;}

	.table-wrap { width:100%;}
	.contents.projectCo{ padding: 12px 0 30px;width: 100%;}
	#container .location-box .location a.market_name{width: 99%;}

	.contents .movie-box ul{ margin-top: 10px;}
	.contents .movie-box ul li{margin-top: 0px !important; float: left !important; width: 50% !important; text-align: center !important; margin-bottom: 0px;}
	.contents .movie-box .video p{font-size:16px;width: inherit;}
	.contents .movie-box ul li h3{width:inherit;display: block;    padding: 8px;line-height: 1.2;}
	.contents .layout-right.movie-box{width:inherit;}
	.contents .layout-right.movie-box .zz{padding:0px}
	.layout-right.movie-box ul{padding-top: 10px;}
	.layout-right.e-brochures-box ul li{width: 48% !important;margin: 0;}
	.wid80{width: inherit;}
	.mb2{width:inherit}
	.mDisabled{display:none;}
	.about-box > .left ul li a>em{display:none;}
	.about-box > .left ul li:last-child a{/*border-right: 1px solid #e3e3e3;*/}
	.heerimG{width:100% !important;;}
	.heerimG2{width:100% !important;;}
	.heerimG3{width:100% !important;}
	.about-box .vision.ch .text{font-size: 35px;}
	.about-box .fact-sheet.ru ul li strong{width:100%;}
	.about-box .fact-sheet.ru ul.three li strong{width: 100% !important;}
	.about-box > .left li:nth-child(even){width: 49.5%!important;}
	.about-box .vision.ru .text{font-size: 25px;}
	.contents .about-box.ci .layout-right .img > img{width:100%}
}

@media screen and (max-width:500px){
	.images-list-box ul.type2 li { width:48%;}
	.main-poopup .cont-box{display:none;}
	.news .table-list th:nth-child(1), .news .table-list td:nth-child(1), .news .table-list col:nth-child(1){display:none;}
	.financial td:nth-child(1n+5){display:none;}
	.financial th:nth-child(1n+5){display:none;}
	.financial col:nth-child(1n+5){display:none;}
	.financial col{width: 25%;}
	.financial .table-cont .gray{padding-left:3px; padding-right:0px}
	
	.btn-more .btn-download { position:static;}
	.people-view .list-text li strong{display: block;}
	.people-box > div h2 strong, .life-box h2 strong{display: block;}
	#mainCont .copyTitle h2 span{height: 60px;}
	.contf { padding-left:10px;width: 60%;}
	.mb2{display: inherit; padding-left: 80px; width:inherit}
	.about-box .fact-sheet ul.three .bgLineG{background-position-x: 5px;}
	.h45{min-height:45px;}
	.contents .downloadFile a{ padding: 2px;}
	.contents .about-box.ci .layout-right{ width: 90%;}
	.contents .about-box.ci .layout-right .img > img{width:100%}
}
@media screen\0{
   .mapFrameEx{display:block;}
   .mapFrame{display:none;}
}