@charset "utf-8"; 

.scrollToTop_wrap { left:55%; width:1200px; height:1px; top:calc(100% - 100px); margin-left: -600px; position: fixed; z-index:50000; }
.scrollToTop_wrap .scrollToTop { position: absolute; right:10px; z-index:50; filter:alpha(opacity:'70'); opacity : .7; border:1px solid #e4e7ea; width:35px; height:35px; text-indent:-99999px; background:#FFF url("../../images/ko/common/btn_top.png") 8px 5px no-repeat; }
.scrollToTop_wrap .scrollToTop:hover { filter:alpha(opacity:'100'); opacity : 1.0; border:1px solid #0078c5; }
.scroll_down {position:absolute; display:none; left:50%; top:-35px; width:69px; height:69px; margin-left:-32px; background:url("../../images/ko/main/scroll_down.png") no-repeat 0 0; z-index:51; }
.scroll_down.on{display:block;}
.main_dark_bg { position:fixed; left:0; top:0; bottom:0; right:0; width:100%; height:100%; z-index:40; background:url("../../images/ko/main/dark_bg.png") repeat 0 0; }

#main_content { position:absolute; top:calc(100% - 60px); left:0; width:100%;}
.main_content_inner { position:relative; width:1200px; background-color:#FFF; margin:0 auto 70px; padding:0 0 100px; z-index:50; }
.section { margin:100px 0 0 50px; display:inline-block; clear:both; width:calc(100% - 50px); }
.main_title { float:left; width:150px; cursor:pointer; }
.main_title .stitle { display:inline-block; color:#27292a; margin-top:20px; line-height:20px; }
.main_title .btn_go_main { display:inline-block; background:url("../../images/ko/main/btn_go.png") left bottom no-repeat; width:90px; height:16px; margin-top:30px; text-indent:-99999px; }
.business_group { float:left; width:970px; }
.business_group ul.business_inner { display:inline-block; border-left:1px solid #e4e7ea; }
.business_group ul.business_inner li { float:left; border-left:1px solid #e4e7ea; margin-left:-1px; width:16.5%; text-align:center; padding:10px 0; }
.business_group ul.business_inner li .business_title { display:inline-block; font-size:20px; color:#27292a; font-weight:bold; -webkit-text-stroke-width:.02em; padding-top:20px; width:100%; }
.business_group ul.business_inner li .business_txt { display:inline-block; padding:10px 15px 20px; line-height:20px; font-size: 13px  }
.business_group ul.business_inner li .btn_more { position:relative; display:block; width:60px; height:20px; line-height:18px; margin:auto; font-size:11px; letter-spacing:0; font-family:NanumSquare; color:#0078c5; border:1px solid #0078c5; background-color:#FFF; text-align:center; text-decoration:none; text-transform:uppercase;  }
.business_group ul.business_inner li .btn_more span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; }
.business_group ul.business_inner li .btn_more:hover span { color:#FFF; }
.business_group ul.business_inner li .btn_more .hover { position:absolute; top:-1px; left:-1px; display:block; width:100%; height:100%; background-color:#0078c5; border:1px solid transparent; transform:scale(0,1); -webkit-transform:scale(0,1); -moz-transform:scale(0,1); -ms-transform:scale(0,1); transform-origin:left top; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; }
.business_group ul.business_inner li .btn_more:hover .hover { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); }
.business_group ul.business_inner li:first-child { display:none; }
.business_group ul.business_inner li .business_img01 { display:inline-block; background:url("../../images/ko/main/icon_business06.png") 50% 20px no-repeat; width:100%; height:75px; }
.business_group ul.business_inner li .business_img02 { display:inline-block; background:url("../../images/ko/main/icon_business01.png") 50% 20px no-repeat; background-size:68px 55px; -webkit-background-size:68px 55px; width:100%; height:75px; }
.business_group ul.business_inner li .business_img03 { display:inline-block; background:url("../../images/ko/main/icon_business02.png") 50% 20px no-repeat; background-size:68px 55px; -webkit-background-size:68px 55px; width:100%; height:75px; }
.business_group ul.business_inner li .business_img04 { display:inline-block; background:url("../../images/ko/main/icon_business03.png") 50% 20px no-repeat; background-size:59px 55px; -webkit-background-size:59px 55px; width:100%; height:75px; }
.business_group ul.business_inner li .business_img05 { display:inline-block; background:url("../../images/ko/main/icon_business04.png") 50% 20px no-repeat; background-size:56px 55px; -webkit-background-size:56px 55px; width:100%; height:75px; }
.business_group ul.business_inner li .business_img06 { display:inline-block; background:url("../../images/ko/main/icon_business05.png") 50% 20px no-repeat; background-size:50px 55px; -webkit-background-size:50px 55px; width:100%; height:75px; }
.business_group ul.business_inner li .business_img07 { display:inline-block; background:url("../../images/ko/main/icon_business07.png") 50% 20px no-repeat; background-size:50px 55px; -webkit-background-size:50px 55px; width:100%; height:75px; }
.global_group { position:relative; background-color:#e7eaec; margin-left:0 !important; width:100%; height:380px; }
.global_group .global_inner { position:relative; padding:60px 0 0 60px; z-index:90; }
.global_group .global_tab { display:inline-block; width:30%; margin-top:20px; }
.global_group .global_tab li { float:left; width:32%; border:1px solid #a1a5a7; margin-left:-1px; padding:5px 0; cursor:pointer; }
.global_group .global_tab li:hover { border:1px solid #0078c5; }
.global_group .global_tab li.on { border:1px solid #0078c5; position:relative; }
.global_group .global_tab li.on a { color:#0078c5; font-weight:bold; -webkit-text-stroke-width:.02em; }
.global_group .global_tab li a { display:inline-block; font-size:13px; width:100%; text-align:center;  }
.global_group .global_tab li a:hover { color:#0078c5; font-weight:bold; -webkit-text-stroke-width:.02em; }
.global_group .global_txt_group { width:30%; margin-top:20px; text-align:left; }
.global_group .global_txt_group .global_stitle { position:relative; display:inline-block; width:95%; color:#0078c5; font-size:20px; font-weight:bold; -webkit-text-stroke-width:.02em; }
.global_group .global_txt_group .global_txt { display:inline-block; width:95%; margin-top:15px; line-height:20px; }
.global_group .global_txt_group .global_add { display:inline-block; width:92%; margin-top:15px; background:url("../../images/ko/main/icon_address.png") left 4px no-repeat; padding-left:18px; letter-spacing:0; line-height:20px; }
.global_group .global_txt_group .global_tel { display:inline-block; width:92%; margin-top:5px; background:url("../../images/ko/main/icon_address.png") left -46px no-repeat; padding-left:18px; letter-spacing:0; line-height:20px; }
.global_group .global_txt_group .global_btn { position:absolute; right:0; bottom:5px; color:#727779; font-size:11px; letter-spacing:0; text-decoration:underline; }
.global_group .global_map { position:absolute; right:0; top:0; background-color:#0078c5; width:65%; height:380px; background-image:url("../../images/ko/main/map.png"); background-position:left top; background-repeat:no-repeat; background-size:auto 380px; z-index:50; }
.global_group .img_vietnam { position:absolute; left:35%; top:0; background:url("../../images/ko/main/global_vietnam.png") left top no-repeat; width:730px; height:380px; background-size:auto 380px; }
.global_group .img_cambodia { position:absolute; left:35%; top:0; background:url("../../images/ko/main/global_cambodia.png") left top no-repeat; width:730px; height:380px; background-size:auto 380px; }
.global_group .img_myanmar { position:absolute; left:35%; top:0; background:url("../../images/ko/main/global_myanmar.png") left top no-repeat; width:730px; height:380px; background-size:auto 380px; }
.actionCon { position:relative; }
.actionType9_2 { position:absolute; display:inline-block; }
.actionType9_2.actionType_vietnam { left:419px; top:189px; }
.actionType9_2.actionType_cambodia { left:415px; top:185px; }
.actionType9_2.actionType_myanmar { left:382px; top:166px; }
.actionType9_2:hover .circle:nth-child(1),
.actionType9_2:hover .circle:nth-child(2){ animation-play-state:paused; -webkit-animation-play-state:paused; }
.actionType9_2 { position:relative; width:38px;  height:38px; }
.actionType9_2 .circle { position:absolute; width:43px; height:43px; border:2px solid #FFF; border-radius:50%; -webkit-border-radius:50%; }
.actionType9_2 .circle:nth-child(1) { transform:scale(.1,.1); -webkit-transform:scale(.1,.1); animation:ballScale2_1 1.6s ease-out infinite; -webkit-animation:ballScale2_1 1.6s ease-out infinite; }
.actionType9_2 .circle:nth-child(2) { transform:scale(1,1); -webkit-transform:scale(1,1); animation:ballScale2_2 1.6s ease-out infinite; -webkit-animation:ballScale2_2 1.6s ease-out infinite; }
@keyframes ballScale2_1{
	0%{ transform:scale(.1,.1); -webkit-transform:scale(.1,.1); opacity:0;}
	25%{ border-style:dotted; opacity:1; }
	50%,100%{ border-style:solid; transform:scale(1,1); -webkit-transform:scale(1,1); opacity:0;}
}
@-webkit-keyframes ballScale2_1{
	0%{ transform:scale(.1,.1); -webkit-transform:scale(.1,.1); opacity:0; }
	25%{ border-style:dotted; opacity:1; }
	50%,100%{ border-style:solid; transform:scale(1,1); -webkit-transform:scale(1,1);opacity:0;}
}
@keyframes ballScale2_2{
	0%{ opacity:0; }
	20%{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:0; }
	45%{ opacity:1; }
	70%,100%{ transform:scale(1.6,1.6); -webkit-transform:scale(1.6,1.6); opacity:0;}
}
@-webkit-keyframes ballScale2_3{
	0%{ opacity:0; }
	20%{ transform:scale(1,1); -webkit-transform:scale(1,1); opacity:0; }
	45%{ opacity:1; }
	70%,100%{ transform:scale(1.6,1.6); -webkit-transform:scale(1.6,1.6); opacity:0;}
}
.news_group { float:left; width:920px; }
.news_group ul.news_inner { display:inline-block; border-left:1px solid #e4e7ea; }
.news_group ul.news_inner li { position:relative; float:left; border-left:1px solid #e4e7ea; margin-left:-1px; width:27%; padding:10px 3%; }
.news_group ul.news_inner li .news_blt { position:absolute; top:0; left:25px; display:inline-block; font-size:11px; line-height:11px; color:#0078c5; border:1px solid #0078c5; padding:4px 8px; }
.news_group ul.news_inner li .news_title { display:block; font-size:20px; color:#27292a; font-weight:bold; height:56px; line-height:28px; margin:0 0 25px;  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.news_group ul.news_inner li .news_txt { display:block; height:40px; line-height:20px; margin-bottom:25px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; }
.welfare_group { display:inline-block; width:100%; }
.welfare_group li { float:left; width:29.8%; height:220px; }
.welfare_group li .welfare_inner { display:inline-block; width:calc(100% - 16px); border:1px solid rgba(255, 255, 255, .3); margin:7px; height:204px; text-align:center; }
.welfare_group li .welfare_inner>h3 { color:#FFF !important; margin-top:45px; }
.welfare_group li .welfare_inner .welfare_txt { display:inline-block; color:#FFF; margin:5px 0 20px; width:100%; }
.welfare_group li .welfare_inner .welfare_btn { position:relative; display:inline-block; border:1px solid #FFF; color:#FFF; width:110px; text-align:center; padding:7px 0; margin:0 3px; text-decoration:none; text-transform:uppercase; }
.welfare_group li .welfare_inner .welfare_btn span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; }
.welfare_group li .welfare_inner .welfare_btn:hover span { color:#333; }
.welfare_group li .welfare_inner .welfare_btn .hover { position:absolute; top:-1px; left:-1px; display:block; width:100%; height:100%; background-color:#FFF; border:1px solid transparent; transform:scale(0,1); -webkit-transform:scale(0,1); -moz-transform:scale(0,1); -ms-transform:scale(0,1); transform-origin:left top; -webkit-transform-origin:left top; -moz-transform-origin:left top; -ms-transform-origin:left top; transition:all .2s ease-out; -webkit-transition:all .2s ease-out; -moz-transition:all .2s ease-out; }
.welfare_group li .welfare_inner .welfare_btn:hover .hover { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); }
.welfare_group li.welfare01 { background:url("../../images/ko/main/img_welfare.png") left top no-repeat; }
.welfare_group li.welfare02 { background:url("../../images/ko/main/img_rnd.png") left top no-repeat; margin:0 35px; }
.welfare_group li.welfare03 { background:url("../../images/ko/main/img_place.png") left top no-repeat; }
.link_group { display:inline-block; width:100%; }
.link_group li { float:left; margin-left:95px; padding-bottom:10px; border-bottom:2px solid #FFF; }
.link_group li:first-child { margin-left:10px; }
.link_group li:hover { border-bottom:1px solid #0078c5; }
.link_group li>a { display:inline-block; padding-left:55px; line-height:22px; }
.link_group li>a>strong { color:#27292a; font-size:18px; font-weight:500; }
.link_group li>a.link_item01 { background:url("../../images/ko/main/icon_info01.png") 2px 2px no-repeat; background-size:38px 40px; height:42px; }
.link_group li>a.link_item02 { background:url("../../images/ko/main/icon_info02.png") left 2px no-repeat; background-size:42px 40px; height:42px; }
.link_group li>a.link_item03 { background:url("../../images/ko/main/icon_info03.png") 7px 2px no-repeat; background-size:28px 40px; height:42px; }
.link_group li>a.link_item04 { background:url("../../images/ko/main/icon_info04.png") 4px 2px no-repeat; background-size:34px 40px; height:42px; }



@media all and (max-width:1220px){

	.scrollToTop_wrap { width:100%; margin-left:-55%; z-index:101; }
	.scrollToTop_wrap .scrollToTop { z-index:101; }
	.slider .jquery-reslider .slider-dots { width:100%; }
	.main_visual_txt { width:100%; }
	.main_content_inner { width:100%; margin-bottom:0; }
	
	.section { margin:100px 0 0; width:100%; }
	.main_title { float:none; width:100%; cursor:none; text-align:center; margin:0 0 30px }
	.main_title .stitle { display:none; }
	.main_title .btn_go_main { display:none; }

	.business_group { float:none; width:calc(100% - 60px); margin:0 30px; }
	.business_group ul.business_inner { border-left:none; }	
	/*.business_group ul.business_inner li { width:20%; }*/
	.business_group ul.business_inner li.business_img02 { border-left:none; }


	.news_group { float:none; width:calc(100% - 60px); margin:0 30px; }
	.news_group ul.news_inner { border-left:none; display: block }
	.news_group ul.news_inner li { width:27%; padding:10px 3%; }
	.news_group ul.news_inner li:first-child { border-left:none; }
	.news_group ul.news_inner li .news_title { width:100%;}
	
	.welfare_group { width:calc(100% - 60px); margin:0 30px; }
	.welfare_group li { width:31.3%; }
	.welfare_group li.welfare01 { background-size:100% 100%; }
	.welfare_group li.welfare02 { background-size:100% 100%; margin:0 3%; }
	.welfare_group li.welfare03 { background-size:100% 100%; }
	
	.link_group { width:calc(100% - 60px); margin:0 30px; }
	.link_group li { float:left; width:24%; margin:0; }
	.link_group li:first-child { margin-left:0; }
	.link_group li>a { font-size:13px; line-height:20px; }
	.link_group li>a>strong { font-size:16px; }
}



@media screen and (max-width: 1024px) {

	#toggle_sidebar { position:absolute !important; }
	
	.business_group ul.business_inner li .business_txt { height:60px; }

	.global_group { height:auto; }
	.global_group .global_inner { width:95%; padding:40px 0 0 5%; text-align:center; }
	.global_group .global_tab { width:100%; }
	.global_group .global_txt_group { width:100%; height:160px; }
	.global_group .global_map { width:100%; position:relative; }
	.global_group .img_vietnam { left:0; top:306px; width:100%; }
	.global_group .img_cambodia { left:0; top:306px; width:100%;}
	.global_group .img_myanmar { left:0; top:306px; width:100%; }	
	
	.welfare_group li .welfare_inner .welfare_btn .hover { display:none; }
	.welfare_group li .welfare_inner .welfare_btn:hover span { color:#FFF; }

	.link_group { width:calc(100% - 10px); margin:0 5px; }
	.link_group li { width:calc(44% - 30px); border-bottom:1px solid #e4e7ea; margin:0 3%; padding:15px 15px; background:url("../../images/ko/main/blt_go.png") 95% 20px no-repeat;  }
	.link_group li:first-child { margin:0 3%; }
	.link_group li>a { line-height:20px; }
	.link_group li>a>strong { font-size:15px; }
}



@media screen and (max-width: 768px) {
	.main_visual_txt .visual_txt { left:30px; top:180px; width:auto; }
	.main_visual_txt .visual_txt_new { left:15px; top:180px; }
	.main_visual_txt .visual_txt_title { font-size:30px; line-height:35px; padding-right:30px; text-shadow:1px 1px 10px rgba(0, 0, 0, 0.5); -webkit-text-shadow:1px 1px 10px rgba(0, 0, 0, 0.5); -moz-text-shadow:1px 1px 10px rgba(0, 0, 0, 0.5); }
	.main_visual_txt .visual_txt_txt { line-height:24px; padding-right:30px; text-shadow:1px 1px 10px rgba(0, 0, 0, 0.7); -webkit-text-shadow:1px 1px 10px rgba(0, 0, 0, 0.7); -moz-text-shadow:1px 1px 10px rgba(0, 0, 0, 0.7); }
	.scroll_down { background-size:50px 50px; top:-25px; margin-left:-25px; }
	.scrollToTop_wrap { top:calc(100% - 60px);  }
	
	#main_content { top:calc(100% - 40px); }
	.main_content_inner { padding:0 0 50px; }
	.section { margin:30px 0 0; }

	.business_group { float:none; width:calc(100% - 30px); margin:0 15px; }
	.business_group ul.business_inner { width:100%; }
	.business_group ul.business_inner li { border-bottom:1px solid #e4e7ea; width:33%; }
	.business_group ul.business_inner li .business_title { font-size:14px; padding-top:10px; }
	.business_group ul.business_inner li .business_txt { display:none; }
	.business_group ul.business_inner li .btn_more { display:none; }
	.business_group ul.business_inner li:first-child { display:none; border-left:none; }
	.business_group ul.business_inner li:nth-child(2) { border-left:0px solid #e4e7ea; }
	.business_group ul.business_inner li:nth-child(3) { border-left:1px solid #e4e7ea; }
	.business_group ul.business_inner li:nth-child(5) { border-left:none; border-bottom:none; }
	.business_group ul.business_inner li:nth-child(6) { border-bottom:none; }
	.business_group ul.business_inner li:nth-child(7) { border-bottom:none; }
	.business_group ul.business_inner li .business_img01 { background-size:50px 38px; background-position:50% 10px; height:50px; }
	.business_group ul.business_inner li .business_img02 { background-size:52px 38px; background-position:50% 10px; height:50px; }
	.business_group ul.business_inner li .business_img03 { background-size:47px 38px; background-position:50% 10px; height:50px; }
	.business_group ul.business_inner li .business_img04 { background-size:41px 38px; background-position:50% 10px; height:50px; }
	.business_group ul.business_inner li .business_img05 { background-size:39px 38px; background-position:50% 10px; height:50px; }
	.business_group ul.business_inner li .business_img06 { background-size:35px 38px; background-position:50% 10px; height:50px; }

	.global_group .global_txt_group { height:220px; }
	.global_group .global_txt_group .global_add { background:url("../../images/ko/main/icon_address_m.png") left 4px no-repeat; background-size:14px 87px; }
	.global_group .global_txt_group .global_tel { background:url("../../images/ko/main/icon_address_m.png") left -67px no-repeat; background-size:14px 87px; }
	.global_group .global_tab li  { line-height:22px; }
	.global_group .global_tab li a { font-weight:bold; }
	.global_group .global_map { height:290px; background-size:auto 290px; background-position:-155px 0; }
	.global_group .img_vietnam { top:366px; height:290px; background-size:auto 290px; background-position:-155px 0; }
	.global_group .img_cambodia { top:366px; height:290px; background-size:auto 290px; background-position:-155px 0;}
	.global_group .img_myanmar { top:366px; height:290px; background-size:auto 290px; background-position:-155px 0; }	
	.actionType9_2.actionType_vietnam { left:165px; top:144px; }
	.actionType9_2.actionType_cambodia { left:162px; top:141px; }
	.actionType9_2.actionType_myanmar { left:136px; top:126px; }
	.actionType9_2 .circle { width:32px; height:32px; }

	
	.news_group { width:calc(100% - 30px); margin:0 15px; }
	.news_group ul.news_inner li { float:none; width:100%; padding:0 0 20px; border-bottom:1px solid #e4e7ea; border-left:none; margin-bottom:20px; line-height:14px; }
	.news_group ul.news_inner li .news_blt { position:absolute; top:31px; left:80px; font-size:14px; line-height:14px; color:#727779; border:none; padding:0 0 0 10px; background:url("../../images/ko/common/txt_line.gif") left 1px no-repeat; }
	.news_group ul.news_inner li .news_title { font-size:16px; height:24px; line-height:24px; margin:0 0 5px; -webkit-line-clamp:1; }
	.news_group ul.news_inner li .news_txt { display:none; }
	
	.welfare_group { width:calc(100% - 30px); margin:0 15px; }
	.welfare_group li { width:100%; float:none; }
	.welfare_group li.welfare02 { margin:20px 0;  }
	.link_group li { width:calc(94% - 30px); }
}