@import 'korcham_20170710.css';
@import 'etc.css';
@import 'jquery.bxslider.css';
@import 'uploadfile.css';

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('font/NanumGothic.eot'); 
  src: local('☺'), url('font/NanumGothic.woff') format('woff'), url('font/NanumGothic.ttf') format('truetype'); 
}

@font-face{
  font-family: 'HelveticaNeueLTStd-Roman';
  font-style: normal;
  font-weight: normal;
  src: url('http://www.korchamvietnam.com/css/HelveticaNeueLTStd-Roman.eot'); 
  src: local('☺'), url('font/NanumGothic.woff') format('woff'), url('font/NanumGothic.ttf') format('truetype'); 
}

@font-face {
  font-family: 'Gotham';
  src: url('http://www.korchamvietnam.com/css/font/Gotham-Bold.eot'); /* IE9 Compat Modes */
  src: url('http://www.korchamvietnam.com/css/font/Gotham-Bold.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
     url('http://www.korchamvietnam.com/css/font/Gotham-Bold.woff') format('woff'), /* Modern Browsers */
     url('http://www.korchamvietnam.com/css/font/Gotham-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
     url('http://www.korchamvietnam.com/css/font/Gotham-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
   font-weight: 700;
   font-style: normal;
 }

@font-face {
  font-family: 'Gotham';
  src: url('http://www.korchamvietnam.com/css/font/Gotham-Medium.eot');
  src: url('http://www.korchamvietnam.com/css/font/Gotham-Medium.eot#iefix') format('embedded-opentype'),
     url('http://www.korchamvietnam.com/css/font/Gotham-Medium.woff') format('woff'),
     url('http://www.korchamvietnam.com/css/font/Gotham-Medium.ttf')  format('truetype'),
     url('http://www.korchamvietnam.com/css/font/Gotham-Medium.svg#svgFontName') format('svg');
   font-weight: 400;
   font-style: normal;
 }

@font-face {
  font-family: 'Gotham';
  src: url('http://www.korchamvietnam.com/css/font/Gotham-Thin.eot');
  src: url('http://www.korchamvietnam.com/css/font/Gotham-Thin.eot#iefix') format('embedded-opentype'),
     url('http://www.korchamvietnam.com/css/font/Gotham-Thin.woff') format('woff'),
     url('http://www.korchamvietnam.com/css/font/Gotham-Thin.ttf')  format('truetype'),
     url('http://www.korchamvietnam.com/css/font/Gotham-Thin.svg#svgFontName') format('svg');
   font-weight: 300;
   font-style: normal;
 }

/* reset */
html,body{margin:0;padding:0;width:100%;font-size:14px;line-height:22px;letter-spacing:-1px;}
body{font-family:'NanumGothic', 'Gotham', 'Helvetica Neue', sans-serif;background:#fff;color:#333;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,tbody,tfoot,thead,th,td{margin:0;padding:0;}
input,textarea,select,td,th{box-sizing:border-box;font-family:'NanumGothic', 'Gotham', 'Helvetica Neue', sans-serif;color:#333;vertical-align:middle;}
/* input {-webkit-appearance: none;} */ /* safari */
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
table{width:100%;table-layout:fixed;border-spacing:0;border-collapse:collapse;}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section,div {display:block;box-sizing:border-box;}
nav,ol,ul,li{list-style:none;box-sizing:border-box;}
hr, legend, caption {position:absolute;left:-5000px;top:0;line-height:0.1%;font-size:0.1%;width:0.1%;height:0.1%;}
.hidden {position:absolute;top:-1000em;left:0;display:block;font-size:0;line-height:0;text-indent:-9999em;}
caption{display:none;}
img,fieldset{border:0 none;}
label,button, a, button {cursor:pointer;}
em,address{font-style:normal;}
a:link,a:visited{cursor:pointer;/* color:#333; */text-decoration:none;}
a:hover,a:active,a:focus,input:focus,textarea:focus,select:focus,{text-decoration:none;border:none;outline:none;}
select {
   -webkit-appearance:menu-item; 
   -moz-appearance:menu-item;
   height:2.4em;     
}

#skipNav a {display:block;overflow:hidden;height:0;line-height:24px;text-align:center;background:#000;color:#fff;}
#skipNav a:focus{height:auto;}

.clearfix {position:relative;}
.clearfix:after {content:"";display:block;clear:both;}

/* Button */
button{overflow:visible;margin:0;padding:0;border:0;background:none;white-space:nowrap;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
button span{position:relative;}
button:focus {outline:none;}

#wrap {position:relative;}
.wrap {margin:0 auto;width:1100px;}
#header {padding-top:26px;}
h1 {float:left;}
.sgnb {float:right;padding-top:6px;font-size:14px;line-height:37px;font-weight:bold;}
.sgnb a, .sgnb a:link, .sgnb a:visited {margin-left:33px;color:#979797;}
.sgnb a:hover {color:#0ba5ff;}

#nav {position:relative;padding-top:9px;min-width:1100px;text-align:right;border-bottom:1px solid #9f9f9f;}
#nav a, #nav li {font-size:18px;text-align:center;text-transform:uppercase;}
.nav-depth01 {display:table;margin:0 auto;width:1100px;z-index:1;}
.nav-depth01 li {position:relative;display:table-cell;width:20%;box-sizing:border-box;}
.nav-depth01 li:after {display:block;content:"";position:absolute;top:15px;left:-3px;width:2px;height:15px;background:#e7e7e7;}
.nav-depth01 li.first:after {display:none;}
.nav-depth01 li.active a {color:#30b8ff;}
.nav-depth01 a {line-height:42px;font-weight:bold;color:#5d5d5d;}
.nav-depth02 {
	display:none;position:absolute;left:0;top:51px;margin-top:-1px;padding-top:1px;width:100%;background:#fff;border-bottom:1px solid #9f9f9f;z-index:1;
	box-shadow:0 27px 27px 4px rgba(0, 0, 0, .6);-webkit-box-shadow:0 27px 27px 4px rgba(0, 0, 0, .6);-moz-box-shadow:0 27px 27px 4px rgba(0, 0, 0, .6);
}
.nav-depth02 .wrap {display:table;}
.nav-depth02 ul {display:table-cell;margin-top:-5px;padding:17px 0 23px;width:20%;vertical-align:top;}
.nav-depth02 ul.active, .nav-depth02 ul:hover:not(:first-child) {background:#f3f3f3;}
.nav-depth02 a {font-size:18px;line-height:37px;color:#5b5b5b;}
.nav-depth02 a:hover {color:#30b8ff;}
.nav-depth02 span {display:inline-block;margin-left:14px;width:6px;height:11px;background:url('../images/bg_depth03.png') 0 0 no-repeat;}

/* #nav + .bx-wrapper .bx-viewport {background:#050503;} */
#nav + .bx-wrapper .bxslider li {width:100%;text-align:center;}
#nav + .bx-wrapper .bxslider img {margin:0 auto;/* max-width:1799px;min-width:1100px; */width:100%;height:449px;}

.time-difference {padding:12px 0 13px 0;}
.time-difference > div {float:left;position:relative;display:inline-block;padding:0 13px 0 26px;font-size:0;line-height:0;}
.time-difference span {line-height:19px;}
.time-difference .country {float:left;padding:0 10px;font-size:12px;color:#000;vertical-align:middle;}
.time-difference .colon {overflow:hidden;float:left;margin:4px 2px 0 3px;padding-right:4px;width:2px;height:9px;background:url('../images/bg_colon.gif') 0 0 no-repeat;vertical-align:middle;}
.time-difference .kr {margin-right:14px;background:url('../images/bg_kr.jpg') 0 0 no-repeat;}
.time-difference .vn {background:url('../images/bg_vn.jpg') 0 0 no-repeat;}
.time-difference .kr:after {position:absolute;right:0;top:3px;display:block;width:2px;height:15px;background:#e7e7e7;}
.timer-hour, .timer-minute {float:left;vertical-align:middle;}
.timer-hour span, .timer-minute span {float:left;padding-right:4px;font-size:17px;color:#5d5d5d;}

.contents-top {padding-bottom:5px;/* border-bottom:1px solid #e5e5e5; */}
.sub-container .contents-top {padding-top:17px;padding-bottom:20px;}
.select-category {margin-right:12px;padding:15px 0 15px 14px;width:240px;height:48px;box-sizing:border-box;}
.select-category:focus, .search-wrap input:focus {outline:none;}
.select-category, .search-wrap, .view-memebercompany {float:left;height:50px;box-sizing:border-box;border-radius:5px;}
.view-memebercompany {float:right;}
.select-category, .search-wrap {background:#f3f3f3;border:1px solid #eee;}
.search-wrap {overflow:hidden;display:inline-block;}
.search-wrap input {padding-left:20px;width:545px;box-sizing:border-box;/*line-height:48px;*/background:transparent;border:none;vertical-align:middle;}
.search-wrap button {width:60px;font-size:16px;line-height:48px;color:#fff;background:#30b8ff;}
.view-memebercompany {
	display:block;padding:0 27px 0 61px;
	font-size:16px;line-height:48px;color:#fff;
	background:#30b8ff url('../images/bg_membercompany.png') 20px 11px no-repeat;
	border:1px solid #2d9ed9;
}
.sub-container .view-memebercompany {padding:0 25px;background-image:none;}

.container {margin-bottom:100px;padding-top:14px;}
.container .lnb {float:left;width:240px;}
.container .content {float:right;width:845px;}

.lnb-wrap {overflow:hidden;margin-bottom:18px;border:1px solid #2eaef1;border-radius:5px;}
.lnb-title {
	position:relative;padding:33px 0 54px 15px;color:#fff;
	background: #98dcff url("../images/bg_lnbtitle.png") 18px 21px no-repeat;
	background: url("../images/bg_lnbtitle.png") 18px 21px no-repeat, -webkit-linear-gradient(left, #79d1ff , #32b9ff); 
	background: url("../images/bg_lnbtitle.png") 18px 21px no-repeat, -o-linear-gradient(right, #79d1ff, #32b9ff);
	background: url("../images/bg_lnbtitle.png") 18px 21px no-repeat, -moz-linear-gradient(right, #79d1ff, #32b9ff);
	background: url("../images/bg_lnbtitle.png") 18px 21px no-repeat, linear-gradient(to right, #79d1ff , #32b9ff);
}
.lnb-title div {position:absolute;left:0;top:0;display:block;width:100%;height:100%;z-index:1;}
.lnb-title.intro div {background:url("../images/bg_intro.png") 111px 60px no-repeat;}
.lnb-title.event div {background:url("../images/bg_event.png") 125px 80px no-repeat;}
.lnb-title.service div {background:url("http://www.korchamvietnam.com/images/.png") right bottom no-repeat;}
.lnb-title.info div {background:url("http://www.korchamvietnam.com/images/.png") right bottom no-repeat;}
.lnb-title span:first-child {display:block;font-size:36px;line-height:53px;/*text-shadow:none;*/}
.lnb-title span {position:relative;font-size:14px;line-height:16px;font-weight:bold;letter-spacing:1px;text-shadow: 1px 0px 4px rgba(0, 0, 0, .4);z-index:2;}
.lnb-con {background:#30b8ff;}
.lnb-con a {display:block;font-size:16px;line-height:42px;color:#5b5b5b;} 
.lnb-con li ul {display:none;}
.lnb-con > li {border-top:2px solid #7dd2ff;}
.lnb-con > li > a {
	position:relative;padding:0 0 0 26px;color:#fff;font-weight:bold;box-sizing:border-box;
	background: #30b8ff;
}
.lnb-con > li.on > a {color:#5d5d5d;background:#fff;}

ul.lnb-con > li > a > span {position:absolute;right:25px;top:20px;overflow:hidden;display:block;width:10px;height:6px;background: url('../images/bg_lnbon.png') 0 -14px no-repeat;}
/* .lnb-con > li > a.active > span {background-position:0 -13px;} */
.lnb-con > li.on > a > span {background-position:0 -7px;}

/* .lnb-con > li:first-child > a{border-top:2px solid #7dd2ff;} */
/* .lnb-con li.on > a.active {color:#5b5b5b;background:#fff url('../images/bg_lnbon.png') 205px center no-repeat;border-color:transparent;} */
.lnb-con li.on > a:first-child {}
.lnb-con li.on ul {display:block;}
.lnb-con li.on ul li {padding-left:20px;background:#9adcff;}
.lnb-con li.on ul li a {padding-left:33px;border-top:2px solid#ade3ff;}
.lnb-con li.on ul li.active a {font-weight:bold;}
.lnb-con li.on ul li:first-child a {border-color:transparent;}
.lnb-con li.on ul li a:hover {font-weight:bold;}
.locate-wrap {padding-bottom:6px;border-bottom:1px solid #e5e5e5;}
.locate {float:left;}
.locate a {display:inline-block;font-size:14px;line-height:19px;color:#626262;}
.locate span {padding:0 15px;color:#979797;}
.locate-wrap .time-difference {float:right;padding:0;}
/*.sub-container h3 span {margin-right:22px;font-size:26px;color:#28aef4;}*/
.sub-container h3 span {margin:19px 0 21px;font-size:18px;color:#28aef4;}
.sub-container h3 {margin:27px 0 13px;font-size:18px;line-height:31px;color:#5d5d5d;font-weight:bold;}
/*.sub-top {margin:0 auto 24px;min-width:1100px;width:100%;max-width:1689px;height:136px;background:url('../images/img_subtop.jpg') center 0 no-repeat;}*/
.sub-container {position:relative;padding-left:20px;}
.subtop-box {padding:9px 0;}
.subtop-box > button {
	float:left;padding:0 25px 0 39px;font-size:16px;line-height:32px;color:#fff;font-weight:bold;
	background:#f79b38 url("../images/bg_write.png") 15px center no-repeat;border-radius:5px;}
.subtop-box .lsitsearch-wrap {float:right;}
.lsitsearch-wrap select, .lsitsearch-wrap input, .lsitsearch-wrap button {height:30px;border:1px solid#e7e7e7;box-sizing:border-box;border-radius:5px;vertical-align:middle;}
.lsitsearch-wrap select:focus, .lsitsearch-wrap input:focus, .lsitsearch-wrap button:focus {outline:none;}
.subtop-box .lsitsearch-wrap select {padding:3px 0;font-size:14px;line-height:24px;}
.subtop-box .lsitsearch-wrap input {margin:0 3px;padding:5px;width:233px;line-height:20px;}
.subtop-box .lsitsearch-wrap button {padding:0 13px;font-size:16px;line-height:28px;color:#fff;font-weight:bold;background:#30b8ff;}

#footer {padding:54px 0 100px;min-width:1100px;text-align:center;}
#footer.sub {background:#e6e6e6;}
#footer div {padding-top:5px;font-size:16px;color:#979797;}

.go-top {display:none;position:fixed;left:50%;top:50%;margin-top:-34px;margin-left:600px;}
.go-top.on {display:block;}

/* tab */
.tab-con > div {display:none;}
.tab-con > div:first-child {display:block;}  

/* popup */
/*.popupstyle01 {position:fixed;left:20%;top:135px;padding:0 15px;width:477px;background:#fff;box-shadow:0px 3px 14px 0px rgba(0,0,0,0.6);border-top:8px solid #30b8ff;border-radius:5px;z-index:100;}*/
.popupstyle01 {position:fixed;left:20%;top:135px;padding:0 15px;width:500px;background:#fff;box-shadow:0px 3px 14px 0px rgba(0,0,0,0.6);border-top:8px solid #30b8ff;border-radius:5px;z-index:100;}
.popupstyle01 .popup-title {font-size:25px;line-height:54px;color:#5d5d5d;border-bottom:1px solid #e8e8e8;}
.popupstyle01 .popup-title span {display:inline-block;margin-left:10px;padding:0 8px;color:#f79b38;font-size:14px;line-height:21px;font-weight:bold;border:2px solid #f79b38;border-radius:13px;vertical-align:middle;}
.popupstyle01 .popup-contents {overflow-y:auto;margin:0 -15px;padding:10px 15px;height:350px;}
.popupstyle01 .popup-con {padding:10px 0 20px;}
.popupstyle01 .p-title {margin-bottom:10px;padding-left:35px;font-size:22px;line-height:27px;font-weight:bold;color:#5d5d5d;background:url('../images/bg_ptitle.png') 7px 0 no-repeat;}
.popupstyle01 .p-con {padding:0 33px;}
.popupstyle01 .p-con dl {display:table;width:100%;}
.popupstyle01 .p-con dt, .popupstyle01 .p-con dd {display:table-cell;padding:5px 0;}
.popupstyle01 .p-con dt {width:20%;color:#979797;font-weight:bold;}
.popupstyle01 .p-con dd {width:80%;line-height:22px;color:#5d5d5d;}
.popupstyle01 .popup-bottom {margin:0 -15px;padding:0 15px;line-height:43px;background:#e8e8e8;border-radius:0 0 5px 5px;}
.popupstyle01 .popup-bottom label {display:block;}
.popupstyle01 .popup-bottom label:first-child {float:left;}
.popupstyle01 .popup-bottom label {float:right;}
.popupstyle01 .popup-bottom label input {-webkit-appearance:checkbox;}
.popupstyle01 .popup-bottom label span {padding:0 3px;}
.popupstyle01 .popup-bottom label img {vertical-align:middle;}



@media only screen and (max-width:1100px){
	#wrap {width:1100px;}
	#nav + .bx-wrapper .bxslider li {width:100%;}
	#nav + .bx-wrapper .bxslider li img {min-width:1100px;}
}