@charset 'utf-8';

/*----------------------------------------
	font
 ----------------------------------------*/
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 400;
  src: url('../font/NanumGothic-Regular.eot');
  src: url('../font/NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-Regular.woff') format('woff'),
       url('../font/NanumGothic-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 500;
  src: url('../font/NanumGothic-Bold.eot');
  src: url('../font/NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-Bold.woff') format('woff'),
       url('../font/NanumGothic-Bold.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: 600;
  src: url('../font/NanumGothic-ExtraBold.eot');
  src: url('../font/NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumGothic-ExtraBold.woff') format('woff'),
       url('../font/NanumGothic-ExtraBold.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumSquare';
  font-style: normal;
  font-weight: normal;
  src: url('../font/NanumSquareR.eot');
  src: url('../font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumSquareR.woff') format('woff'),
       url('../font/NanumSquareR.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumSquare';
  font-style: normal;
  font-weight: 300;
  src: url('../font/NanumSquareL.eot');
  src: url('../font/NanumSquareL.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumSquareL.woff') format('woff'),
       url('../font/NanumSquareL.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumSquareNeo';
  font-style: 300;
  font-weight: normal;
  src: url('../font/NanumSquareNeoOTF-Lt.eot');
  src: url('../font/NanumSquareNeoOTF-Rg.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumSquareNeo-aLt.woff') format('woff'),
       url('../font/NanumSquareNeo-aLt.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumSquareNeo';
  font-style: 500;
  font-weight: normal;
  src: url('../font/NanumSquareNeoOTF-Rg.eot');
  src: url('../font/NanumSquareNeoOTF-Rg.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumSquareNeo-bRg.woff') format('woff'),
       url('../font/NanumSquareNeo-bRg.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumSquareNeo';
  font-style: 600;
  font-weight: normal;
  src: url('../font/NanumSquareNeoOTF-Bd.eot');
  src: url('../font/NanumSquareNeoOTF-Bd.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumSquareNeo-cBd.woff') format('woff'),
       url('../font/NanumSquareNeo-cBd.ttf') format('truetype');
}
@font-face {
  font-family: 'NanumSquareNeo';
  font-style: normal;
  font-weight: 800;
  src: url('../font/NanumSquareNeoOTF-Hv.eot');
  src: url('../font/NanumSquareNeoOTF-Hv.eot?#iefix') format('embedded-opentype'),
       url('../font/NanumSquareNeo-eHv.woff') format('woff'),
       url('../font/NanumSquareNeo-eHv.ttf') format('truetype');
}


body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td, textarea, pre {margin:0; padding:0;}
input, select,textarea {font-family: NanumGothic,"나눔고딕", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; color:#727779; }
button { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; cursor:pointer; *overflow:visible; }
h1, h2, h3, h4, h5, h6{ font-weight:normal; }
em { font-style:normal; }
ul, ol, li { list-style:none }
fieldset, img { border:none; margin: 0; padding: 0; }
body a { color:#727779; text-decoration:none; }
body a:hover, body a:active,body a:focus { text-decoration:none; }
pre { padding-top:5px; }
table { margin:0; padding:0; border-spacing:0; border-collapse:collapse; border:0; }
caption { display:none }
body,div { font-family: NanumGothic,"나눔고딕", Malgun Gothic, "돋움", Dotum, AppleGothic, sans-serif !important; font-size:14px; color:#727779; letter-spacing:-0.5px; }

/*----------------------------------------
	Layout
 ----------------------------------------*/
#wrap {  }
hr { margin-top:80px; border:none; }
hr.tab_space { margin-top:50px; }
hr.line { border-top:1px solid #e4e7ea; }
.skipNavi a:link, .skipNavi a:visited, .skipNavi a:active, .skipNavi a:hover { position:absolute; top:0; left:-999999px; width:100%; display:block; }

/* Header */
#header { position:fixed; top:0; width:100%; background-color:#ebebeb; border-bottom:1px solid #aaa; height:60px; z-index:100; background-image:url("../../images/ko/common/top_m_line.gif"); background-repeat:repeat-x; }
#header .header_inner { position:relative; width:1200px; margin:0 auto; }
#header .header_inner a.btn_eng { position:absolute; top:17px; right:0; border:1px solid #cbcbcb; padding:4px 8px; font-size:13px; letter-spacing:0; font-family:NanumSquare;  }
/*- 영문보기 버튼 살리기
#header .header_inner a.btn_eng { position:absolute; top:17px; right:0; border:1px solid #cbcbcb; padding:4px 8px; font-size:13px; letter-spacing:0; font-family:NanumSquare; }
*/

#header .header_inner a.btn_eng:hover { border:1px solid #0078c5; color:#0078c5; }
#gnb_pc { overflow:hidden; }
#gnb_pc li { float:left; width:14%; padding:22px 0 0; text-align:left; }
#gnb_pc>li:first-child { width:19%; }
#gnb_pc li:nth-child(4) { width:16%; }
#gnb_pc li>a { color:#27292a; font-weight:500; font-size:16px; line-height:16px; }
#gnb_pc>li>ul { width:100%; padding:10px 0; display:none; overflow:hidden; margin-top:23px; height:210px;  }
#gnb_pc>li.m1>ul.on { border-top:2px solid #0078c5; margin-top:21px; }
#gnb_pc>li.m2>ul.on { border-top:2px solid #0078c5; margin-top:21px; }
#gnb_pc>li.m3>ul.on { border-top:2px solid #0078c5; margin-top:21px; }
#gnb_pc>li.m4>ul.on { border-top:2px solid #0078c5; margin-top:21px; }
#gnb_pc>li.m5>ul.on { border-top:2px solid #0078c5; margin-top:21px; }
#gnb_pc>li>ul>li { float:none; width:100%; padding:7.5px 0; }
#gnb_pc>li>ul>li:nth-child(4) { width:100%; }
#gnb_pc>li>ul>li>a { font-size:14px; color:#727779; font-weight:400; }
#gnb_pc>li>ul>li>a.s { font-size:13px; color:#727779; font-weight:400; margin-left: 10px}
#gnb_pc>li>ul>li>a:hover { color:#0078c5; }

.snb_banner { border-right:1px solid #cbcbcb; text-align:center; margin-right:30px; padding-right:30px; }
.snb_banner .place_img { display:block; width:160px; text-align:center; margin-top:20px; }
.snb_banner .place_icon { display:block; background-color:#0078c5; border-radius:75px; width:75px; height:75px; margin:0 auto; background-image:url("../../images/ko/common/icon_place.png"); background-position:18px 20px; background-repeat:no-repeat; }
.snb_banner .place_txt { display:block; color:#0078c5; font-size:18px; font-weight:500; margin:10px 0; }
.snb_banner .place_btn { display:block; background-color:#cdd0d2; background-image:url("../../images/ko/common/btn_go.png"); background-position:90% 10px; background-repeat:no-repeat; padding:8px 0 8px 20px; color:#5c6266; font-size:13px; font-weight:500; margin-bottom:4px; text-align:left; }
.snb_banner .place_btn:hover { border-top:none; background-color:#0078c5; color:#FFF; background-image:url("../../images/ko/common/btn_go_w.png"); }
#side_btn { display:none; }
#side { display:none; }

/* Container */
#container { }
#sub_visual { position:relative; width:100%; height:120px; margin:60px 0 70px; padding-top:130px; }
#sub_visual { position:relative; width:100%; height:120px; margin:60px 0 70px; padding-top:130px; }
#sub_visual .visual_box { position:absolute; left:0; top:0; width:100%; height:250px; overflow:hidden; }
#sub_visual .visual01 { width:100%; height:100%; background:url("../../images/ko/company/top_img.jpg") center top no-repeat; -webkit-backface-visibility: hidden; -webkit-animation: subVisualAnimation 1s linear; animation: subVisualAnimation 1s linear; }
#sub_visual .visual02 { width:100%; height:100%; background:url("../../images/ko/business/top_img.jpg") center top no-repeat; -webkit-backface-visibility: hidden; -webkit-animation: subVisualAnimation 1s linear; animation: subVisualAnimation 1s linear; }
#sub_visual .visual03 { width:100%; height:100%; background:url("../../images/ko/sustainability/top_img.jpg") center top no-repeat; -webkit-backface-visibility: hidden; -webkit-animation: subVisualAnimation 1s linear; animation: subVisualAnimation 1s linear; }
#sub_visual .visual04 { width:100%; height:100%; background:url("../../images/ko/pr/top_img.jpg") center top no-repeat; -webkit-backface-visibility: hidden; -webkit-animation: subVisualAnimation 1s linear; animation: subVisualAnimation 1s linear; }
#sub_visual .visual05 { width:100%; height:100%; background:url("../../images/ko/cs/top_img.jpg") center top no-repeat; -webkit-backface-visibility: hidden; -webkit-animation: subVisualAnimation 1s linear; animation: subVisualAnimation 1s linear; }
@keyframes subVisualAnimation {
	0% { opacity: 0.2; transform: scale(1.13); animation-timing-function:linear; }
	10% { opacity: 0.4; transform: scale(1.12); }
	20% { opacity: 0.6; transform: scale(1.11); }
	30% { opacity: 0.8; transform: scale(1.1); }
	100% { opacity: 1; transform: scale(1.0); }
}
@-webkit-keyframes subVisualAnimation {
	0% { opacity: 0.2; transform: scale(1.13); animation-timing-function:linear; }
	30% { opacity: 0.4; transform: scale(1.12); }
	50% { opacity: 0.6; transform: scale(1.11); }
	70% { opacity: 0.8; transform: scale(1.1); }
	100% { opacity: 1; transform: scale(1.0); }
}
#sub_visual .visual_txt_bg { display:none; }
.location { position:absolute; left:0; top:0; background:url("../../images/ko/common/location_bg.png") left top repeat-x; width:100%; height:45px; }
.location .location_inner { width:1200px; margin:0 auto; height:250px; background:url("../../images/ko/common/location_line.png") left top no-repeat; overflow:hidden;}
.location .location_inner li { float:left; background:url("../../images/ko/common/location_line.png") right top no-repeat; padding:0 20px; }
.location .location_inner li>a.home { display:inline-block; background:url("../../images/ko/common/location_home.png") left 18px no-repeat; text-indent:-99999px;  padding-top:15px 0 0 0; width:12px; height:45px; }
.select { position: relative; display:block; margin:0 auto; width:140px; color:#FFF; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;  -webkit-touch-callout: none; cursor:pointer; }
.select .placeholder { position:relative; display:block; height:30px; padding:15px 30px 0 0; background:url("../../images/ko/common/location_blt.png") right 20px no-repeat; color:#FFF; }
.select .placeholder:after { }
.select.is-open .placeholder:after { }
.select.is-open ul { display:block; }
.select.select--white .placeholder {  }
.select.select--white .placeholder:hover {  }
.select ul { display:none; position: absolute; overflow: hidden; width:179px; background-color:#000; filter:alpha(opacity:'65'); opacity:.65; top:100%; left:-20px; z-index:50; }
.select ul li { display:block; color:#FFF; cursor:pointer; width:100%; line-height:41px; }
/*.h34 { line-height:34px !important;}*/
.h34 { line-height:29.5px !important;}
.select ul li  a { color:#FFF; }
.select ul li:hover { background:#0078c5; color:#FFF; }
.select ul li.on { background:#0078c5; color:#FFF; }
#content { position:relative; padding-bottom:70px; }
.content_inner { position:relative; width:1200px; background-color:#FFF; margin:0 auto; z-index:50; }
.bg_100_gray { background-color:#f4f4f4; padding:80px 0; }
.bg_100 { background-color:#FFF; padding:80px 0; }
.bg_gray_pdnone { position:relative; background-color:#f4f4f4; padding:0; z-index:51; }


/* Footer */
#footer { position:relative; background-color:#eff3f6; padding-bottom:30px; z-index:100; }
#footer:after { content:'.'; display:block; font-size:0; height:0px; line-height:0; clear:both; }
#footer .footer_inner { position:relative; width:1200px; margin:0 auto; padding-top:30px; }
#footer .footer_menu>a { background:url("../../images/ko/common/txt_line.gif") left 2px no-repeat; padding:0 7px 0 10px; color:#27292a; font-size:14px; }
#footer .footer_menu>a:hover { color:#0078c5; }
#footer .footer_menu>a:first-child { padding-left:0; background:none; font-weight: 700 }
#footer .copyright { font-size:12px; margin-top:20px; line-height:18px; }
#footer .copyright br{display:none}
#footer .subsidiary_btn { position:absolute; right:0; top:30px; }
#footer .subsidiary_btn a { display:inline-block; border:1px solid #bdc2c6; background:url("../../images/ko/common/btn_plus.gif") 125px 13px no-repeat; padding:10px 40px 10px 20px; }
#footer .subsidiary_btn a:hover { border:1px solid #0078c5; }
#footer .subsidiary_btn_close { position:absolute; right:0; top:30px; }
#footer .subsidiary_btn_close a { display:inline-block; color:#FFF; background-color:#4968a0; background-image:url("../../images/ko/common/btn_footer_close.gif"); background-position:125px 13px; background-repeat:no-repeat; padding:10px 40px 10px 20px; }
#footer .subsidiary_all { position:absolute; left:0; bottom:110px; width:100%; background-color:#4968a0; padding-bottom:20px; z-index:100; }
#footer .subsidiary_group { width:1200px; margin:0 auto 0px; overflow:hidden; }
#footer .subsidiary_group .subsidiary_box { width:16%; float:left; }
#footer .subsidiary_group .subsidiary_box h2 {font-size: 18px }
#footer .subsidiary_group .subsidiary_box ul.subsidiary {border-top: 2px solid #9dabc5; height: 280px; margin-left: 30px}
#footer .subsidiary_group .subsidiary_box ul.subsidiary li { border-bottom:1px solid #9dabc5; padding:10px 0; line-height: 30px; font-size: 13px}
#footer .subsidiary_group .subsidiary_box ul.subsidiary .en { line-height: 15px}
#footer .subsidiary_group .subsidiary_box ul.subsidiary li a, #footer .subsidiary_group .subsidiary_box ul.subsidiary li p { color:#ced3dd; }

#footer .subsidiary_group .subsidiary_box ul.subsidiary_2 { border-top: 2px solid #9dabc5!important; margin-top:71px }
.only_pc { display: block}
.only_m { display: none}


@media all and (max-width:1220px){
	#header .header_inner { width:calc(100% - 30px); margin:0 15px; }
	#snb .snb_inner { width:100%; }
	#snb .snb_inner .snb_banner { padding:0 20px; }
	.location .location_inner { width:100%; }
	.content_inner { width:calc(100% - 60px); margin:0 30px; }
	.bg_100_gray { width:calc(100% - 60px); padding:50px 30px; }
	.bg_100 { width:calc(100% - 60px); padding:50px 30px; }
	#footer .footer_inner { width:94%; }
	#footer .subsidiary_group { width:100%; }
}

@media screen and (max-width: 1024px) {
	/* mobile menu */
	#gnb_pc { display:none; }
	#header { height:50px; }
	#header .header_inner a.btn_eng { position:absolute; top:13px; right:30px; }
	#side_btn { display:block; position:fixed; top:0; right:0; left:0; z-index:100; }
	#toggle_sidebar { position:fixed; top:15px; right:10px; cursor:pointer; background:url("../../images/ko/common/btn_menu_all.gif"); width:24px; height:19px; }
	#side { display:block; position:fixed; top:0; bottom:0; right:-150px; background:#FFF; z-index:100; }
	#side .close_sb { height:61px; font-size:16px; color:#fff; cursor:pointer; line-height:61px; padding:0 20px; background-color:#0078c5; background-image:url("../../images/ko/common/btn_close.png"); background-position:right 20px; background-repeat:no-repeat; }
	#side ul.gnb_ul li>a { display:block; padding:15px 20px; border-bottom:1px solid #e4e7ea; color:#27292a; font-weight:500; background:url("../../images/ko/common/blt_down.png") 95% 18px no-repeat; }
	#side ul.gnb_ul li>a.active { display:block; padding:15px 20px; border-bottom:1px solid #e4e7ea; color:#0078c5; font-weight:500; background:url("../../images/ko/common/blt_up.png") 95% 18px no-repeat; }
	#side ul.sub { border-bottom:1px solid #e4e7ea; background:#f5f5f5; padding:10px 0; }
	#side ul.sub li>a    { display:block; padding:10px 0 10px 27px; color:#27292a; border-bottom:none; background:url("../../images/ko/common/txt_blt.gif") 20px 16px no-repeat; }
	#side ul.sub li>a.s { display:block; padding:10px 0 10px 35px; color:#27292a; border-bottom:none; background:url("") 20px 16px no-repeat; }
	
	#side ul.gnb_ul li>a.on { color:#0078c5; }
	#sub_visual { height:100px; margin:50px 0 50px; padding-top:100px; }
	#sub_visual .visual_box { height:200px; }
	#sub_visual .visual01 { background-position:center top; background-size:auto 200px; }
	#sub_visual .visual02 { background-position:center top; background-size:auto 200px; }
	#sub_visual .visual03 { background-position:center top; background-size:auto 200px; }
	#sub_visual .visual04 { background-position:center top; background-size:auto 200px; }
	#sub_visual .visual05 { background-position:center top; background-size:auto 200px; }
	#sub_visual .visual_txt_bg { display:block; position:absolute; left:0; top:0; background:url("../../images/ko/common/top_img_bg.png") center top no-repeat; width:100%; height:200px; background-size:300% 200px; }
}

@media screen and (max-width: 768px) {
	hr { margin-top:30px; }
	hr.tab_space { margin-top:30px; }
	body,div { font-size:15px; }
	#container { min-width:320px; }
	.location .location_inner li { width:50%; padding:0; }
	.location .location_inner li>a.home { display:none; }
	.select { width:100%; font-size:14px; letter-spacing:-1px; }
	.select .placeholder { margin:0 15px;  background:url("../../images/ko/common/location_blt_m.png") right 20px no-repeat; background-size:12px 7px; }
	.select ul { width:100%; left:0; filter:alpha(opacity:'95'); opacity:.95; }
	.select ul li { width:100% !important; line-height:31px; padding:0 20px !important; }
	#content { padding-bottom:30px; }
	.content_inner { width:calc(100% - 30px); margin:0 15px; }
	.bg_100_gray { width:calc(100% - 30px); padding:40px 15px; }
	.bg_100 { width:calc(100% - 30px); padding:40px 15px; }
	#footer .footer_inner { text-align:center; }
	#footer .footer_menu { margin-top:55px; }
	#footer .footer_menu>a  { font-size:13px; letter-spacing:-1px; }
	#footer .copyright br{display:block}
	#footer .subsidiary_btn { position:absolute; left:0; top:30px; }
	#footer .subsidiary_btn a { background:url("../../images/ko/common/btn_plus.gif") 95% 13px no-repeat; padding:10px 40px 10px 20px; width:calc(100% - 60px); }
	#footer .subsidiary_btn_close { position:absolute; left:0; top:30px; }
	#footer .subsidiary_btn_close a { background-position:95% 13px; width:calc(100% - 60px); }
	#footer .subsidiary_group .subsidiary_box { width:93%;}
	#footer .subsidiary_group .subsidiary_box ul.subsidiary { height:auto; }
	#footer .subsidiary_all { bottom:187px; }
    #footer .subsidiary_group .subsidiary_box ul.subsidiary_2 { border-top: 0px solid #9dabc5!important; margin-top:0px }
    .only_pc {display: none}
	.only_m { display: block}
}
@media screen and (max-width: 320px) {
	#footer .copyright { font-size: 10px}
}
/*----------------------------------------
	Title
 ----------------------------------------*/
/* logo */
h1 { position:absolute; top:18px; left:0; }
h1>a { display:inline-block; background:url("../../images/ko/common/logo.png") left top no-repeat; width:118px; height:24px; text-indent:-99999px; }
/* footer_계열사 */
h2 { font-size:20px; color:#FFF; margin:30px 0 20px; font-weight:bold; margin-left:30px; }
/* main title */
h3 { font-size:30px; font-weight:bold; color:#27292a; }
h3>span { font-weight:400; }
/* sub_visual title */
h4 { position:relative; font-size:25px; color:#FFF; font-weight:500; text-align:center; z-index:50; }
/* sub title */
div.sub_title { background:url("../../images/ko/common/title_line.gif") left top repeat-x; min-height:80px; text-align:center; margin-bottom:70px; }
div.sub_title>span { display:block; letter-spacing:12px; color:#27292a; font-size:16px; font-weight:500; margin-top:15px; }
div.sub_title>span>strong { font-weight:500; color:#0078c5; }
h5 { display:inline-block; font-size:35px; line-height:35px; color:#27292a; font-weight:500; text-align:center; border-bottom:1px solid #0078c5; padding:0 10px 19px; }
div.sub_stitle { text-align:center; }
div.sub_stitle>span.stitle_line { display:inline-block; width:40px; height:1px; background-color:#27292a; margin:20px 0 15px; }
div.sub_stitle>span.stitle_txt { display:block; font-size:25px; line-height:34px; font-weight:500; color:#27292a; }
div.sub_stitle>span.stitle_txt2 { display:block; line-height:24px; margin-top:20px; }
div.sub_stitle>span.stitle_txt2>p { margin:10px 30px 0; }
div.sub_stitle>span.stitle_txt2>p.f15 { font-size:15px; line-height: 1.8em }
div.sub_stitle>span.stitle_txt2>p span { color:#0078c5; font-weight:500;  }
h6 { color:#0078c5; font-size:25px; line-height:25px; font-weight:bold; }
h6 em { color:rgba(59,59,59,1.00) }

@media screen and (max-width: 1024px) {
	h1 { position:absolute; top:13px; left:0; }
}
@media screen and (max-width: 768px) {
	h1>a { background-image:url("../../images/ko/common/logo_m.png"); background-size:110px 22px; }
	h3 { font-size:24px; }
	h4 { font-size:20px; padding:0 30px; line-height:26px; }
	h4>span { display:block; }
	div.sub_title { background-position:left -13px; margin-bottom:30px; }
	h5 { font-size:28px; line-height:28px; font-weight:bold; padding:0 10px 13px; }
	div.sub_title>span { letter-spacing:6px; font-size:14px; margin-top:10px; }
	div.sub_stitle>span.stitle_line { margin:10px 0 8px; }
	div.sub_stitle>span.stitle_txt { font-size:16px; line-height:22px; }
	div.sub_stitle>span.stitle_txt>em { display:block; }
	div.sub_stitle>span.stitle_txt2 { text-align:justify; margin-top:10px; }
	div.sub_stitle>span.stitle_txt2>p { margin:10px 0 0; }
	h6 { font-size:20px; line-height:26px; }
	h6>span { display:block; }
	h6 em>span { display:block; }
}



/*----------------------------------------
	Tab
 ----------------------------------------*/
/* 기본 tab */
.tab_one { display:inline-block; width:100%; }
.tab_one li { float:left; cursor:pointer; }
.tab_one li a { display:inline-block; border:1px solid #e4e7ea; background-color:#f1f3f5; width:100%; text-align:center; font-size:16px; font-weight:400; padding:20px 0; }
.tab_one li a:hover { background-color:#FFF; border-top:3px solid #0078c5; border-bottom:none; padding:19px 0 20px; color:#0078c5; font-weight:500; }
.tab_one li a.on { background-color:#FFF; border-top:3px solid #0078c5; border-bottom:none; padding:19px 0 20px; color:#0078c5; font-weight:500; }

.tab_one.tab_one2 li { width:30%; }
.tab_one.tab_one2 li:first-child { margin-left:20%; }
.tab_one.tab_one3 li { width:33.3%; }
.tab_one.tab_one4 li { width:25%; }
.tab_one.tab_one5 li { width:20%; }

/* tab>tab */
.tab_two { display:inline-block; width:100%; text-align:center; background:url("../../images/ko/common/tab_bg.gif") left top repeat-x; margin-top:50px; }
.tab_two a { display:inline-block; height:31px; text-align:center; cursor:pointer; padding:17px 20px 0 20px; line-height:15px; vertical-align:middle; }
.tab_two a:hover { color:#0078c5; font-weight:bold; border-top:1px solid #0078c5; border-bottom:1px solid #0078c5; }
.tab_two a.on { color:#0078c5; font-weight:bold; border-top:1px solid #0078c5; border-bottom:1px solid #0078c5; }


@media screen and (max-width: 1024px) {
	.tab_two a { padding:17px 10px 0 10px; }
}

@media screen and (max-width: 768px) {
	.tab_one.tab_one2 li { width:50%; }
	.tab_one.tab_one2 li:first-child { margin-left:0; }
	.tab_one li a { font-size:14px; padding:15px 0; }
	.tab_one li a:hover { padding:14px 0 15px; }
	.tab_one li a.on { padding:14px 0 15px; }
	.tab_one.tab_one4 li { width:50%; }
	.tab_one.tab_one4 li:nth-child(3),
	.tab_one.tab_one4 li:nth-child(4) { margin-top:-1px; }
	.tab_two { margin-top:30px; }
	.tab_two.tab_two7 a { padding:17px 7px 0 7px; }
	.tab_two a.tab_br { height:39px; padding-top:9px; }
	.tab_two a.tab_br>span { display:block; }
}



/*----------------------------------------
	Button
 ----------------------------------------*/
 /* 바로가기_btn */
.btn_center { display:block; text-align:center; }
.btn_go { overflow:hidden; position:relative; display:block; font-size:14px; height:48px; width:150px; line-height:48px; margin:auto; font-size:16px; font-weight:500; padding:0 20px; background:#0078c5 url("../../images/ko/business/btn_go_blt.png") 90% 18px no-repeat; border:2px solid #0078c5; color:#FFF; text-align:center; text-decoration:none; text-transform:uppercase; }
.btn_go span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; }
.btn_go:hover span { color:#0078c5; font-weight:500; }
.btn_go:hover span.btn_go_img { display:inline-block; width:100%; background:url("../../images/ko/business/btn_go_blton.png") right 18px no-repeat; }
.btn_go .hover { position:absolute; top:0; left:0; 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 .1s ease-out; -webkit-transition:all .1s ease-out; -moz-transition:all .1s ease-out; }
.btn_go:hover .hover { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); }
.btn_go_w { overflow:hidden; position:relative; display:block; font-size:14px; width:170px; height:40px; line-height:38px; margin:auto; font-weight:500; padding-right:20px; background:#FFF url("../../images/ko/business/btn_go_blton.png") 90% 14px no-repeat; border:1px solid #c9cbce; color:#0078c5; text-align:center; text-decoration:none; text-transform:uppercase; }
.btn_go_w span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; }
.btn_go_w:hover span { color:#FFF; font-weight:500; }
.btn_go_w:hover span.btn_go_img { display:inline-block; width:100%; background:url("../../images/ko/business/btn_go_blt.png") right 14px no-repeat; }
.btn_go_w .hover { position:absolute; top:0; left:0; 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 .1s ease-out; -webkit-transition:all .1s ease-out; -moz-transition:all .1s ease-out; }
.btn_go_w:hover .hover { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); }
 /* 공통_btn */
.btn_download { overflow:hidden; position:relative; display:block; font-size:14px; margin:auto; height:40px; line-height:40px; width:150px; text-align:center; padding-right:13px; background:url("../../images/ko/common/blt_download.png") 90% 14px no-repeat; border:1px solid #c9cbce; text-align:center; text-transform:uppercase; background-size:13px 13px; }
.btn_download span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; }
.btn_download:hover span { color:#FFF; }
.btn_download:hover span.btn_download_img { display:inline-block; width:100%; background:url("../../images/ko/common/blt_download_on.png") right 14px no-repeat; background-size:13px 13px; }
.btn_download .hover { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-color:#626567; 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 .1s ease-out; -moz-transition:all .1s ease-out; }
.btn_download:hover .hover { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); }

.btn_download_in { overflow:hidden; position:relative; display:inline-block; font-size:14px; margin:auto; height:40px; line-height:40px; width:265px; text-align:center; padding-right:13px; background:url("../../images/ko/common/blt_download.png") 90% 14px no-repeat; border:1px solid #c9cbce; text-align:center; text-transform:uppercase; background-size:13px 13px; color:#27292a }
.btn_download_in span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; }
.btn_download_in:hover span { color:#FFF; }
.btn_download_in:hover span.btn_download_img { display:inline-block; width:100%; background:url("../../images/ko/common/blt_download_on.png") right 14px no-repeat; background-size:13px 13px; }
.btn_download_in .hover { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-color:#626567; 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 .1s ease-out; -moz-transition:all .1s ease-out; }
.btn_download_in:hover .hover { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); }



.btn_lst { overflow:hidden; position:relative; display:inline-block; border:1px solid #5b5f62; background-color:#5b5f62; font-size:14px; padding:0 40px; height:40px; color:#FFF; font-weight:500; line-height:40px; text-align:center; text-decoration:none; text-transform:uppercase; }
.btn_lst span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; }
.btn_lst:hover span { color:#27292a; }
.btn_lst .hover { position:absolute; top:0; left:0; 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 .1s ease-out; -moz-transition:all .1s ease-out; }
.btn_lst:hover .hover { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); }
.btn_blue { overflow:hidden; position:relative; display:inline-block; border:1px solid #0078c5; background-color:#0078c5; font-size:14px; padding:0 40px; height:40px; color:#FFF; font-weight:500; line-height:40px; text-align:center; text-decoration:none; text-transform:uppercase; }
.btn_blue span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; }
.btn_blue:hover span { color:#0078c5; }
.btn_blue .hover { position:absolute; top:0; left:0; 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 .1s ease-out; -moz-transition:all .1s ease-out; }
.btn_blue:hover .hover { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); }

.btn_blue_2 { overflow:hidden; position:relative; display:inline-block; border:1px solid #0078c5; background-color:#0078c5; font-size:24px; padding:0 10px; height:35px; color:#FFF; font-weight:500; line-height:35px; text-align:center; text-decoration:none; text-transform:uppercase; }
.btn_blue_2 span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; }
.btn_blue_2:hover span { color:#0078c5; }
.btn_blue_2 .hover { position:absolute; top:0; left:0; 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 .1s ease-out; -moz-transition:all .1s ease-out; }
.btn_blue_2:hover .hover { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); }


.btn_white { overflow:hidden; position:relative; display:inline-block; border:1px solid #0078c5; background-color:#FFF; font-size:14px; padding:0 40px; height:40px; color:#0078c5; font-weight:500; line-height:40px; text-align:center; text-decoration:none; text-transform:uppercase; }
.btn_white span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; }
.btn_white:hover span { color:#FFF; }
.btn_white .hover { position:absolute; top:0; left:0; 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 .1s ease-out; -moz-transition:all .1s ease-out; }
.btn_white:hover .hover { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); }
.btn_gray { overflow:hidden; position:relative; display:inline-block; border:1px solid #c9cbce; background-color:#FFF; font-size:14px; padding:0 25px; height:40px; color:#27292a; line-height:40px; text-align:center; text-decoration:none; text-transform:uppercase; }
.btn_gray span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; }
.btn_gray:hover span { color:#FFF; }
.btn_gray .hover { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-color:#787c7f; 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 .1s ease-out; -moz-transition:all .1s ease-out; }
.btn_gray:hover .hover { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); }
.wrt_btn { overflow:hidden; vertical-align:middle; margin-left:10px; position:relative; display:inline-block; border:1px solid #5b5f62; background-color:#5b5f62; font-size:14px; padding:0 40px; height:28px; color:#FFF; font-weight:500; line-height:28px; text-align:center; text-decoration:none; text-transform:uppercase; }
.wrt_btn span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; }
.wrt_btn:hover span { color:#27292a; }
.wrt_btn .hover { position:absolute; top:0; left:0; 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 .1s ease-out; -moz-transition:all .1s ease-out; }
.wrt_btn:hover .hover { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); }
.btn_white_line { overflow:hidden; position:relative; display:inline-block; border:1px solid #FFF; font-size:14px; height:45px; color:#FFF; padding:0 20px; font-weight:500; line-height:45px; text-align:center; text-decoration:none; text-transform:uppercase; }
.btn_white_line span { position:relative; transition:color .25s ease-out; -webkit-transition:color .5s ease-out; -moz-transition:color .5s ease-out; }
.btn_white_line:hover span { color:#0078c5; }
.btn_white_line .hover { position:absolute; top:0; left:0; display:block; width:100%; height:100%; background-color:#FFF; padding:0 20px; 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 .1s ease-out; -moz-transition:all .1s ease-out; }
.btn_white_line:hover .hover { transform:scale(1,1); -webkit-transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); }
.btn_tel_m { display:none; }


@media all and (max-width:1024px){
	.btn_go .hover { display:none; }
	.btn_go:hover span { color:#FFF; font-weight:500; }
	.btn_go_w .hover { display:none; }
	.btn_go_w:hover span { color:#0078c5; font-weight:500; }
	.btn_download .hover { display:none; }
	.btn_download:hover span { color:#27292a; }
	.btn_lst .hover { display:none; }
	.btn_lst:hover span { color:#FFF; }
	.btn_blue .hover { display:none; }
	.btn_blue:hover span { color:#FFF; }
	.btn_white .hover { display:none; }
	.btn_white:hover span { color:#0078c5; }
	.btn_gray .hover { display:none; }
	.btn_gray:hover span { color:#FFF; }
	.wrt_btn .hover { display:none; }
	.wrt_btn:hover span { color:#FFF; }
	.btn_white_line .hover { display:none; }
	.btn_white_line:hover span { color:#FFF; }
}

@media screen and (max-width: 768px) {
	.btn_download { width:110px; }
	.btn_white_line { height:40px; line-height:40px; padding:0 13px; }
	.btn_white_line .hover { padding:0 10px; }
	.btn_tel_m { display:inline-block; vertical-align:middle; border:1px solid #e4e7ea; padding:5px; background:url("../../images/ko/common/icon_tel.png") 5px 5px no-repeat; background-size:14px 15px; width:15px; height:15px; margin:0 5px; text-indent:-9999px; }
}

/*----------------------------------------
	Popup
 ----------------------------------------*/
.needpopup-opened,.needpopup-opened body { overflow:hidden; }
.needpopup-opened.needpopup-scrolled,.needpopup-opened.needpopup-scrolled body { height:auto; }
.needpopup-opened.needpopup-scrolled body { position:fixed; width:100%; }
.needpopup_wrapper { position:fixed; z-index:999; top:0; left:0; visibility:hidden; overflow:auto; width:100%; height:100%; background:#000; background:rgba(0,0,0,.8); }
.needpopup-opened .needpopup_wrapper { visibility:visible; opacity:1 }
.needpopup-overflow .needpopup_wrapper { padding:10px }
.needpopup { position:relative; z-index:9999; top:50%; left:50%; display:none; opacity:0; }
.needpopup.opened { opacity:1 }
.needpopup.stacked { top:0!important; margin-top:0!important }
.needpopup-overflow .needpopup { left:0; width:auto; margin-left:0 }
.needpopup_remover { position:fixed; z-index:9999; top:30px; right:30px; font-size:80px; line-height:.5; color:#fff; text-decoration:none }
.needpopup_remover:hover { color:#0078c5; }
.needpopup_remover:before { content:'×'; }
.needpopup .needpopup_remover { top:10px; right:10px; font-size:20px; line-height:.5; color:#000 }
.needpopup .needpopup_remover:hover { color:#ccc }
.sitemap_pop { width:1100px; max-width:100%; margin-left:-590px; padding:80px 40px; background:#fff; }
.sitemap_box { overflow:hidden; }
.sitemap_box li { float:left; width:16%; margin:0 2%; }
.sitemap_box li .sitemap_title { font-size:18px; color:#27292a; font-weight:bold; border-bottom:2px solid #0078c5; padding:0 0 15px 10px; margin-bottom:15px; }
.sitemap_box li a { display:block; padding:5px 10px; }
.sitemap_box li a:hover { color:#0078c5; }

@media all and (max-width:1220px){
	.sitemap_pop { width:calc(90% - 80px); margin-left:-45%; }
}

@media screen and (max-width: 1024px) {
	.needpopup_remover { top:30px; right:15px; font-size:40px; color:#999; }
	.sitemap_pop { width:calc(90% - 20px); padding:40px 10px; margin-left:-45%; }
	.sitemap_box { margin-top:-30px; }
	.sitemap_box li { width:46%; margin:0 2%; }
	.sitemap_box li:nth-child(3),
	.sitemap_box li:nth-child(4){ height:150px; }
	.sitemap_box li .sitemap_title { font-size:16px; padding:10px 10px; margin-bottom:10px; }
	.sitemap_box li a { padding:3px 10px; }
}

@media screen and (max-width: 768px) {
	.needpopup_wrapper { background:#FFF; opacity:100; }
	.needpopup_remover { top:15px;}
	.sitemap_pop { padding:20px 10px; }
}

/*----------------------------------------
	Space
 ----------------------------------------*/
.mat0 { margin-top:0 !important; }
.mat10 { margin-top:10px !important; }
.mat20 { margin-top:20px !important; }
.mat30 { margin-top:30px !important; }
.mat40 { margin-top:40px !important; }
.mat50 { margin-top:50px !important; }
.mat80 { margin-top:80px !important; }


/*----------------------------------------
	Text
 ----------------------------------------*/
.f_square { font-family:NanumSquare !important;}
.f_blue { color:#0078c5 !important;}
.f_blod { font-weight:bold !important; }
.f_spacing0 { letter-spacing:0; }
.align_right { text-align:right !important; }
.align_left { text-align:left !important; }


/*----------------------------------------
	etc
 ----------------------------------------*/
 .borderBNone { border-bottom:none !important; }
 .borderLNone { border-left:none !important; }
 .backNone { background-image:none !important; }

 #skipNavi {
    left: 0px;
    top: 0px;
    width: 100%;
    height: 0px;
    position: absolute;
    z-index: 500;
}

/*----------------------------------------
	private 2312
 ----------------------------------------*/

.pri_table_1 { margin: 10px 0; width: 100%; border-top: 2px solid #005bac; }
.pri_table_1 th { font-weight: 700; height: 50px; line-height: 48px; border-bottom: 1px solid #e5e7e8; border-left: 1px solid #e5e7e8; text-align: center; }
.pri_table_1 th:first-child {width:35%; font-weight: 700; height: 50px; line-height: 48px; border-bottom: 1px solid #e5e7e8; border-left: 1px solid #e5e7e8; text-align: center; }
.pri_table_1 td { height: 50px; line-height: 1.5em; border-bottom: 1px solid #e5e7e8; border-left: 1px solid #e5e7e8; text-align: center;vertical-align: middle; padding: 5px }
/*.pri_table_1 th:first-child,
.pri_table_1 td:first-child { border-left: none; }*/
.pri_table_1 th:first-child { border-left: none; }
.pri_table_1 tr:first-child>td:first-child { border-left: none; }

.pri_table { margin: 10px 0; width: 100%; border-top: 2px solid #005bac; }
.pri_table th { font-weight: 700; height: 50px; line-height: 48px; border-bottom: 1px solid #e5e7e8; border-left: 1px solid #e5e7e8; text-align: center; }
.pri_table th:first-child {width:35%; font-weight: 700; height: 50px; line-height: 48px; border-bottom: 1px solid #e5e7e8; border-left: 1px solid #e5e7e8; text-align: center; }
.pri_table td { height: 50px; line-height:  1.5em; border-bottom: 1px solid #e5e7e8; border-left: 1px solid #e5e7e8; text-align: center;  padding: 5px}
/*.pri_table th:first-child,
.pri_table td:first-child { border-left: none; }*/
.pri_table th:first-child { border-left: none; }
.pri_table tr:first-child>td:first-child, .pri_table tr:nth-child(2)>td:first-child { border-left: none; }
.con_privacy .pb15 {padding-bottom: 12px}
.con_privacy .pl20 {padding-left: 20px}

@media screen and (max-width: 768px) {
	/*.pri_title_group { padding: 15px; }
	.pri_table { font-size: 16px; letter-spacing: -1px;  }
	.pri_table thead { display: table-cell; width: 33.33333%; }
	.pri_table thead tr { display: table-cell; width: 33.33333%; }
	.pri_table tbody { display: table-cell; }
	.pri_table tbody tr { display: table-cell; width: 33.33333%; }
	.pri_table th { display: block; height: auto; height: 50px; }
	.pri_table td { display: block; height: auto; height: 50px; }
	.pri_table th:nth-child(2),
	.pri_table td:nth-child(2) { line-height: 20px; height: 60px; padding-top: 10px; }
	.pri_table th:last-child,
	.pri_table td:last-child { line-height: 20px; height: 60px; padding-top: 10px; }
	.pri_table th { border-left: none; }
	.pri_table td:first-child, .pri_table tr:first-child>td:first-child { border-left: 1px solid #e5e6e8; }
    .pri_table th:first-child {width: auto}*/

    
    .pri_table_1 td {    line-height: 22px; padding: 10px 0}
}