@charset "UTF-8";

/*font*/
@import url(https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700,900);

/* 웹폰트 */
@font-face{
	font-family:"NotoSans-Thin";
	src:url('/pc/pc/common/font/NotoSans-Thin.eot');
	src:url('/pc/common/font/NotoSans-Thin.eot?#iefix') format('embedded-opentype'),
	url('/pc/common/font/NotoSans-Thin.woff') format('woff'),
	url('/pc/common/font/NotoSans-Thin.otf') format('opentype'),
	url('/pc/common/font/NotoSans-Thin.ttf') format('truetype');
	src:local('?'), url('/pc/common/font/NotoSans-Thin.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Light";
	src:url('/pc/common/font/NotoSans-Light.eot');
	src:url('/pc/common/font/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
	url('/pc/common/font/NotoSans-Light.woff') format('woff'),
	url('/pc/common/font/NotoSans-Light.otf') format('opentype'),
	url('/pc/common/font/NotoSans-Light.ttf') format('truetype');
	src:local('?'), url('/pc/common/font/NotoSans-Light.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Regular";
	src:url('/pc/common/font/NotoSans-Regular.eot');
	src:url('/pc/common/font/NotoSans-Regular.eot?#iefix') format('embedded-opentype'),
	url('/pc/common/font/NotoSans-Regular.woff') format('woff'),
	url('/pc/common/font/NotoSans-Regular.otf') format('opentype'),
	url('/pc/common/font/NotoSans-Regular.ttf') format('truetype');
	src:local('?'), url('/pc/common/font/NotoSans-Regular.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Medium";
	src:url('/pc/common/font/NotoSans-Medium.eot');
	src:url('/pc/common/font/NotoSans-Medium.eot?#iefix') format('embedded-opentype'),
	url('/pc/common/font/NotoSans-Medium.woff') format('woff'),
	url('/pc/common/font/NotoSans-Medium.otf') format('opentype'),
	url('/pc/common/font/NotoSans-Medium.ttf') format('truetype');
	src:local('?'), url('/pc/common/font/NotoSans-Medium.woff') format('woff');
}

@font-face{
	font-family:"NotoSans-Bold";
	src:url('/pc/common/font/NotoSans-Bold.eot');
	src:url('/pc/common/font/NotoSans-Bold.eot?#iefix') format('embedded-opentype'),
	url('/pc/common/font/NotoSans-Bold.woff') format('woff'),
	url('/pc/common/font/NotoSans-Bold.otf') format('opentype'),
	url('/pc/common/font/NotoSans-Bold.ttf') format('truetype');
	src:local('?'), url('/pc/common/font/NotoSans-Bold.woff') format('woff');
}
/* 2025-03-06  woff 확장자 제거 */
@font-face {
    font-family: 'HD-Hyundai';
    font-weight: 700;
    font-style: normal;
    font-display: swap;
    src:
    url('/pc/common/font/HDHyundaiOTF-Bold.otf') format('opentype'),
         url('/pc/common/font/HDHyundai-Bold.ttf') format('truetype');
}
  @font-face {
    font-family: 'HD-Hyundai';
    font-weight: 300;
    font-style: normal;
    font-display: swap;
    src: 
    url('/pc/common/font/HDHyundaiOTF-Light.otf') format('opentype'),
         url('/pc/common/font/HDHyundai-Light.ttf') format('truetype');
}
/* // 2025-03-06  woff 확장자 제거 */



*{margin:0; padding:0;}
html{width:100%; height:100%}
body{position:relative; font-family:'NotoSans-Medium', '맑은 고딕', 'Malgun Gothic', sans-serif; font-size:16px; color:#666; letter-spacing:0px; height:100%; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; line-height:1;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none}
img, fieldset{border:none; vertical-align:top}
legend, caption{position:absolute; top:-9999px; left:-9999px; z-index:-1}
textarea, button{vertical-align:middle}
input, select{vertical-align:middle; background:#fff; border:1px solid #ccc; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#999; letter-spacing:0px; border-radius:0; font-size:16px}
input{padding:3px 10px; height:32px}
option{padding:3px 10px;}
input[type="radio"],input[type="checkbox"] {border:0; padding:0; height:auto; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="password"] {height:40px; border:1px solid #ccc; color:#999; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
input[type="text"] {width:278px; background:#fff; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
#clip_target {display:none;} /* 2019-02-27 수정(접근성) 공통적용 부분 */
select{padding:5px; height:40px; border:1px solid #ccc; background:#fff;}
textarea{padding:10px; vertical-align:middle; background:#fff; border:1px solid #ccc; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif; color:#999; font-size:16px; letter-spacing:0px; -webkit-appearance: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-radius:0}
a{text-decoration:none; color:#666;}
a:hover, a:focus, a:active{text-decoration:none;}
table{border-collapse:collapse; width:100%;}
button{background:none; border:none; padding:0; margin:0; cursor:pointer; overflow:visible; white-space: nowrap;  font-size:16px; font-family:'NotoSans-Light', '맑은 고딕', 'Malgun Gothic', sans-serif;}
button:active {outline: none}
button::-moz-focus-inner {padding:0; border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {display: block;}
strong{font-weight:normal}
th{font-weight:normal}




/* 간격 */
.mt0{margin-top:0px !important}
.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt65{margin-top:65px !important}
.mt70{margin-top:70px !important}
.mt75{margin-top:75px !important}
.mt80{margin-top:80px !important}
.mt100{margin-top:100px !important}
.mt120{margin-top:120px !important}
.mt130{margin-top:130px !important}
.ml5{margin-left:5px !important}
.pt100{padding-top:100px !important}
.pl30{padding-left:30px !important}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}
.pb0{padding-bottom:0 !important;} /* 2022-12-07 추가 */
.pb120{padding-bottom:120px !important;}

/*본문 바로가기*/
.passGnb{display:block; position:/*fixed*/absolute; top:-50px; left:0; z-index:/*1*/10; text-align:center; box-sizing:border-box; padding:15px 0; width:100%; height:50px; color:#fff; line-height:1; background:#272727;}/* 2020-01-03 수정 */
.passGnb:focus{top:0;}

/*단일 클래스*/
.blind{text-indent:-9999px; font-size:0;}
.taC{text-align:center !important}
.taR{text-align:right !important}
.taL{text-align:left !important}
.floatL{float:left;}
.floatR{float:right;}
.clear:after{display:block; content:""; clear:both;}
.inner{position:relative; margin:0 auto; width:1100px; height:100%;}
.inner:after{display:block; content:""; clear:both;}
.ani{transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.aniBack
{
	transition:all 0.3s ease; -webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
	-webkit-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition: all 300ms cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */

	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); /* older webkit */
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275);
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.275); /* easeOutBack */
}
.abbr{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.font_Mont{font-family:"Montserrat", "NotoSans-Medium", "Malgun Gothic" !important;}
.font_mont{font-family:"Montserrat", "NotoSans-Medium", "Malgun Gothic" !important;}
.blackBg{position:fixed; top:0; z-index:11; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
.grd_bg
{
	position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; opacity:0.8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,131313+100 */
	background: rgb(0, 110, 183); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73cf46', endColorstr='#1c42bd',GradientType=0 ); /* IE6-9 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.grd_bg2
{
	position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; opacity:0.8;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
	background: rgb(0, 110, 183); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(115,207,70,1) 0%, rgba(28,66,189,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.grd_bg3
{
	position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; opacity:1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
	background: rgb(0, 110, 183); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #42c372 20%, #1f48cc 80%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #42c372 20%, #1f48cc 80%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #42c372 20%, #1f48cc 80%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#42c372', endColorstr='#1f48cc',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#wrapper{position:relative; width:100%; min-width:1200px;}
#wrapper.main{overflow:hidden;}

/*main*/
.main #gnb{position:absolute; top:0; z-index:11; width:100%; height:120px;}
.main #gnb.over{background:#fff;}
.main #gnb.over .oneD{color:#666 !important;}
.main #gnb .util_cont button.util_lang{color:#fff; background:url("/pc/common/images/obk/ico_gnb_lang_main.png") no-repeat center 46px;}
.main #gnb.over .util_cont button.util_lang{color:#777; background:url("/pc/common/images/obk/ico_gnb_lang.png") no-repeat center 46px;}
.main #gnb .menu_cont .oneD_cont .oneD{display:inline-block; padding:70px 40px 30px;  font-size:16px; color:#fff;}
.main #gnb.type2 .menu_cont .oneD_cont .oneD{display:inline-block; padding:70px 40px 30px;  font-size:16px; color:#fff; font-family:'NotoSans-Bold';}
.main #gnb.scrolled{height:70px; /*background:#fff;*/}
.main #gnb.scrolled.backType{background:#fff;}
.main #gnb.scrolled h1{top:20px;}
.main #gnb.scrolled h1.logo2{top:8px;}
.main #gnb.scrolled .menu_cont .oneD_cont .oneD{padding:27px 40px 25px; font-size:16px; color:#333 !important;}
.main #gnb.scrolled .menu_cont .oneD_cont .oneD.over{color:#000 !important;}
.main #gnb.scrolled .util_cont{position:absolute; top:0; right:0; width:310px; height:70px;} /* 2023-01-02 수정 */
.main #gnb.scrolled .util_cont button{float:left; box-sizing:border-box; padding-top:36px; width:120px; height:70px; font-size:13px; font-family:"Montserrat", "Noto Sans KR", "Malgun Gothic";}
.main #gnb.scrolled .util_cont button.util_lang{color:#777; background:url("/pc/common/images/obk/ico_gnb_lang.png") no-repeat center 20px;}
.main #gnb.scrolled .util_cont button.util_family{color:rgba(255, 255, 255, 0.6); background:url("/pc/common/images/obk/ico_gnb_family.gif") no-repeat center 20px #010913;}
.main #gnb.scrolled .util_cont.type2{position:absolute; top:0; right:0; width:120px; height:70px;}
.main #gnb.scrolled .gnb_bg{top:70px;}
.main #gnb.scrolled .gnb_bg.type2{top:70px;}
.main #gnb.scrolled .gnb_bg.type3{top:70px;}
.main #gnb.scrolled .menu_cont .oneD_cont .twoD_cont{top:130px;}
.main .inner{width:1110px;}

/*서브 2017-12-13*/
.sub #gnb .menu_cont .oneD_cont .oneD{color:#666}
/*gnb*/
#gnb{position:relative; height:120px; z-index:11;}
#gnb h1{position:absolute; top:64px; left:80px; z-index:10;}
/* 2023-01-02 수정 및 추가 s */
#gnb .util_cont{position:absolute; top:0; right:0; width:310px; height:120px;}
#gnb .util_cont .hd_logo, #gnb .util_cont .hd_logo.no_scroll{width:70px; height:120px; background:url("/pc_eng/common/images/obk/ico_hd_off.png") no-repeat center 64px; float:left;}
#gnb.over .util_cont .hd_logo{background:url("/pc_eng/common/images/obk/ico_hd_on.png") no-repeat center 64px;}
#gnb.scrolled .util_cont .hd_logo{height:70px; background:url("/pc_eng/common/images/obk/ico_hd_off.png") no-repeat center center;}
#gnb.scrolled.over .util_cont .hd_logo, #gnb.backType .util_cont .hd_logo{height:70px; background:url("/pc_eng/common/images/obk/ico_hd_on.png") no-repeat center center;}
#gnb.backType .util_cont .hd_logo.no_scroll{height:120px !important; background:url("/pc_eng/common/images/obk/ico_hd_off.png") no-repeat center 64px;}
/* // 2023-01-02 수정 및 추가 e */
#gnb .util_cont button{float:left; box-sizing:border-box; padding-top:40px; width:120px; height:120px; font-size:13px; font-family:"Montserrat", "Noto Sans KR", "Malgun Gothic";}
#gnb .util_cont button.util_lang{color:#777; background:url("/pc/common/images/obk/ico_gnb_lang.png") no-repeat center 46px #fff;}
#gnb .util_cont button.util_family{color:rgba(255, 255, 255, 0.6); background:url("/pc/common/images/obk/ico_gnb_family.gif") no-repeat center 45px #010913;}
#gnb .util_cont.type2{position:absolute; top:0; right:0; width:120px; height:120px;}
#gnb .menu_cont{text-align:center; z-index:1;}
#gnb .menu_cont .oneD_cont{display:inline-block; position:relative;}
#gnb .menu_cont .oneD_cont .oneD{display:inline-block; padding:70px 40px 30px; font-size:16px; color:#333; font-family:'NotoSans-Bold';}
#gnb .menu_cont .oneD_cont .oneD.over{color:#000 !important; border-bottom:4px solid #000;}
#gnb .menu_cont .oneD_cont .oneD.on{color:#000 !important; border-bottom:4px solid #000;}
/*#gnb .menu_cont .oneD_cont .oneD:hover{color:#000; border-bottom:4px solid #000;}*/
#gnb .menu_cont .oneD_cont .twoD_cont{position:absolute; top:180px; left:50%; transform:translate(-50%, 0); width:100%; text-align:center;}
#gnb .menu_cont .oneD_cont .twoD_cont.gubunGnb{left:500px; transform:translate(0, 0);}
#gnb .menu_cont .oneD_cont .twoD_cont .twoD_package{float:left; padding:0 10px;width:180px;}
#gnb.type2 .menu_cont .oneD_cont .twoD_cont .twoD_package{float:left; padding:0 10px;box-sizing:border-box;}
#gnb .menu_cont .oneD_cont .twoD_cont .twoD_package a{display:block;}
#gnb .menu_cont .oneD_cont .twoD_cont .twoD{padding-bottom:21px; font-family:'NotoSans-Bold'; color:#555;}
#gnb .menu_cont .oneD_cont .twoD_cont .thrD{padding:7px 0; font-size:15px; font-family:'NotoSans-Light'; color:#555;}
#gnb .menu_cont .oneD_cont .twoD_cont .thrD:hover{text-decoration:underline;}
#gnb .menu_cont .oneD_cont .twoD_cont .thrD.on{color:#006eb7; font-family:'NotoSans-Medium';}
#gnb .gnb_bg{position:absolute; top:120px; width:100%; height:410px; background:url("/pc/common/images/obk/gnb_twoD_bg1.gif") no-repeat right bottom #f9f9f9;}
#gnb .gnbBlackBg{position:fixed; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:11;}

/* mdsdBtn */
#gnb .menu_cont .oneD_cont .twoD_cont .twoD_package a.msdsBtn {
	display:inline-block; padding:12px 15px; margin-top:10px; border:1px solid #d2d2d2; text-align:center; font-size:13px; color:#666; font-family:'NotoSans-Medium';
	background: rgb(255, 255, 255); /* Old browsers */
	background: -ms-linear-gradient(-180deg,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); /* ie */
	background: -o-linear-gradient(-180deg,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); /* opera */
	background: -moz-linear-gradient(-180deg,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-180deg,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(-180deg,  rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#gnb .menu_cont .oneD_cont .twoD_cont .twoD_package a.msdsBtn span {padding-right:30px; background:url("/pc/common/images/obk/msdsBtn_icon.png") no-repeat right center;}


/*2017-11-16 추가 케미칼gnb*/
#gnb.type2 .gnb_bg.type2{position:absolute; top:120px; width:100%; height:410px; background:url("/pc/common/images/che/gnb_twoD_bg1.gif") no-repeat right bottom #f9f9f9;}
#gnb.type2 .menu_cont .oneD_cont{display:inline-block;position:relative;}
#gnb.type2 .menu_cont .oneD_cont .oneD{display:inline-block; padding:70px 40px 30px;  font-size:16px; color:#333; font-family:'NotoSans-Bold';}
#gnb.type2 .menu_cont .oneD_cont .oneD.over{color:#000 !important; border-bottom:0px solid #000;}
#gnb.type2 .menu_cont .oneD_cont .oneD.on{color:#000 !important; border-bottom:4px solid #000;}
#gnb.type2 .menu_cont .oneD_cont .twoD_cont{position:absolute; top:180px; left:50%; transform:translate(-50%, 0); width:100%; text-align:center;}
#gnb.type2 .menu_cont .oneD_cont .twoD_cont .twoD_package{width:100%;}
#gnb.type2 .menu_cont .oneD_cont .twoD_cont .twoD_package a{display:block; padding-bottom:30px; }
#gnb.type2 .menu_cont .oneD_cont .twoD_cont .twoD_package a:hover{text-decoration:none; color:#000; font-family:'NotoSans-Bold';}
#gnb.type2 .menu_cont .oneD_cont .twoD_cont .twoD{font-family:'NotoSans-Bold'; color:#555;}
#gnb.type2 .menu_cont .oneD_cont .twoD_cont .thrD{padding:0;}

/*2018-01-04 추가 나눔재단gnb*/
#gnb.type2 .gnb_bg.type3{position:absolute; top:120px; width:100%; height:410px; background:url("/pc/common/images/nan/gnb_twoD_bg3.gif") no-repeat right bottom #f9f9f9;}

/* 2017-11-30 추가 채용메인 */
#gnb.recType .util_cont{position:absolute; top:0; right:0; width:120px; height:120px;}
#gnb.recType .gnb_bg.type2{position:absolute; top:120px; width:100%; height:410px; background:url("/pc/common/images/rec/gnb_twoD_bg1.gif") no-repeat right bottom #f9f9f9;}

/* 언어선택팝업 */
.langSlct{display: none; position: fixed; left: 50%; transform: translate(-50%, -50%); width: 470px; height: 360px; background: #fff; z-index: 1000; text-align: center;} /* 2023-05-08 수정 */
.langSlct .txt{font-size:24px; font-family:'NotoSans-Bold'; color:#333; margin-top:54px}
.langSlct .selctDiv{margin-top:54px;}
.langSlct .selctDiv a{display:inline-block; width:82px; height:15px; padding:90px 0 0; margin:0 15px; font-size:14px; color:#333}
.langSlct .selctDiv a.kr{background:url("/pc/common/images/obk/lang_bticon1.gif") no-repeat center 0}
.langSlct .selctDiv a.en{background:url("/pc/common/images/obk/lang_bticon2.gif") no-repeat center 0}
.langSlct .selctDiv a.ja{background:url("/pc/common/images/obk/lang_bticon3.gif") no-repeat center 0}
.langSlct .selctDiv a.zh{background:url("/pc/common/images/obk/lang_bticon4.gif") no-repeat center 0}
.langSlct .xbt{position:absolute; bottom:0; left:0; display:block; width:100%; height:20px; padding:20px 0; font-size:16px; font-family:'NotoSans-Bold'; color:#333; background:#ebebeb}

/*서브 비주얼*/
#sub_visual{position:relative; width:100%; height:500px; text-align:center; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index:10;}
#sub_visual h2{position:relative; padding-top:190px; font-size:54px; font-family:'NotoSans-Regular'; color:#fff; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#sub_visual h2.vCenter{padding-top: 220px;}
#sub_visual h2:after{display:block; position:absolute; top:275px; left:50%; content:""; width:2px; height:40px; background:#fff; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#sub_visual h2.xLine:after{display:none;}
#sub_visual h2 .smallT{display:block; font-size:16px; font-family:'NotoSans-Light'; margin-top:10px;}
#sub_visual .thrD_cont{position:absolute; bottom:0; z-index:1; display:table; min-height:70px; opacity:0;}
#sub_visual .thrD_cont a{display:block; /*float:left;*/ display:table-cell; vertical-align:middle; line-height:1.2; height:100%; box-sizing:border-box; padding:28px 10px; height:70px; text-align:center; font-size:16px; color:#fff; font-family:'NotoSans-Light'; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
#sub_visual .thrD_cont a.on{color:#222; font-family:'NotoSans-Bold'; background:#fff;}
#sub_visual .thrD_cont.thr1 a{width:1100px;}
#sub_visual .thrD_cont.thr2 a{width:550px;}
#sub_visual .thrD_cont.thr3 a{width:366px;}
#sub_visual .thrD_cont.thr3 a:nth-child(1){width:367px;}
#sub_visual .thrD_cont.thr3 a:nth-child(2){width:367px;}
#sub_visual .thrD_cont.thr4 a{width:275px;}
#sub_visual .thrD_cont.thr5 a{width:220px;}
#sub_visual .thrD_cont.thr6 a{width:183px;}
#sub_visual .thrD_cont.thr6 a:nth-child(1){width:184px;}
#sub_visual .thrD_cont.thr6 a:nth-child(2){width:184px;}
#sub_visual .thrD_cont.thr7 a{width:157px;}
#sub_visual .thrD_cont.thr7 a:nth-child(1){width:158px;}
#sub_visual .thrD_cont.thr8 a{width:137px;}
#sub_visual .thrD_cont.thr8 a:nth-child(even){width:138px;}
#sub_visual .thrD_bg{position:absolute; bottom:0; width:100%; height:70px; background:rgba(34, 41, 45, 0.85); opacity:0;}
/*#sub_visual.scrolled{height:375px;}
#sub_visual.scrolled h2{padding-top:140px;}
#sub_visual.scrolled h2:after{height:0; top:225px}*/
#sub_visual.scrolled .thrD_cont{position:fixed; top:0; z-index:8;}
#sub_visual.scrolled .thrD_bg{position:fixed; top:0; z-index:7;}

/*컨텐츠 영역*/
.pdT{padding-top:0;} /* 2020-04-01 추가 */
#content{padding:20px 0 120px;}
#content h3{text-align:center; font-size:44px; color:#222; font-family:'NotoSans-Bold';}
.content_no_pb{padding:20px 0 0 !important}
.content_no_pt{padding:0 0 120px !important}
.content_no_ptb{padding:0 !important}

#sns{position:relative; margin:0 auto; width:1100px; z-index:1;}
#sns .linked_cont{position:absolute; top:20px; right:0;}
#sns .linked_cont a{display:inline-block; position:relative; width:44px; height:44px;}
#sns .linked_cont a .on{position:absolute; top:0; left:0; opacity:0;}
/*
#sns .linked_cont a:hover .on{opacity:1;}
#sns .linked_cont a:focus .on{opacity:1;}
#sns .linked_cont a:visited .on{opacity:0;}
#sns .linked_cont a:active .on{opacity:0;}
*/

/*탭 스타일*/
.tabType1{width:1100px; margin:auto; padding:130px 0 30px;}
.tabType1.tab2 a{width:550px;}
.tabType1.tab3 a{width:366px;}
.tabType1.tab3 a:nth-child(1){width:367px;}
.tabType1.tab3 a:nth-child(2){width:367px;}
.tabType1.tab4 a{width:275px;}
.tabType1 a{display:block; float:left; padding-top:3px; text-align:center; font-family:'NotoSans-Light'; height:34px; border-bottom:3px solid #eaebeb;}
.tabType1 a.on{color:#424c53; font-family:'NotoSans-Bold'; border-bottom:3px solid #424c53;}

/*폼 스타일*/
.search_cont {padding-bottom:30px;}
.form_group{display:inline-block; border:1px solid #949494;} /* 2022-12-19 웹 접근성 수정 */
.form_group .form_select{display:inline-block; position:relative; vertical-align:middle; height:50px;}
.form_group .form_select .sel_txt_cont{position:relative; display:block; height:100%; background:#fff;}
.form_group .form_select .sel_txt_cont .txt{display:inline-block; position:relative; z-index:1; box-sizing:border-box; padding:15px 51px 15px 15px; width:100%; height:100%; font-family:'NotoSans-Light'; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left;}
.form_group .form_select .sel_txt_cont .arrow{position:absolute; top:0; right:0; display:inline-block; width:50px; height:100%; border-left:1px solid #dfdfdf; background:url("/pc/common/images/obk/ico_select_downArrow.png") no-repeat center center;}
.form_group .form_select select{position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; opacity:1;}
.form_group .form_select select.no_border {border:none; color:#949494;} /* 2022-12-19 웹 접근성 수정 */
.form_group .form_txt{display:inline-block; position:relative; vertical-align:middle; height:50px;}
.form_group .form_txt .txt{display:inline-block; position:relative; z-index:1; box-sizing:border-box; padding:0 51px 0 0; width:100%; height:100%;}
.form_group .form_txt .txt input{box-sizing:border-box; padding:10px; border:0; width:100%; height:100%;}
.form_group .form_txt .search_btn{position:absolute; top:0; right:0; z-index:2; width:50px; height:100%; border-left:1px solid #dfdfdf; background:url("/pc/common/images/obk/ico_search.jpg") no-repeat center center #f0f0f0;}
.ck_box{display:inline-block; position:relative;}
.ck_box span{display:inline-block; position:relative; top:4px; box-sizing:border-box; width:20px; height:20px; border:1px solid #ddd; background:#fff;}
.ck_box.on span{background:url("/pc/common/images/obk/ck_box_xbtn.gif") no-repeat 0 0; background-size:20px 20px; border:none;}
.ck_box input[type="checkbox"]{position:absolute; top:0; left:0; width:20px; height:20px; border:0; opacity:0;}
.ck_box2{display:inline-block; position:relative;}
.ck_box2 span{display:inline-block; position:relative; top:9px; box-sizing:border-box; width:30px; height:30px; border:1px solid #ddd; background:#fff;}
.ck_box2.on span{background:url("/pc/common/images/obk/ck_box_xbtn2.gif") no-repeat 0 0; background-size:30px 30px; border:none;}
.ck_box2 input[type="checkbox"]{position:absolute; top:0; left:0; width:30px; height:30px; border:0; opacity:0;}
.ck_box3{display:inline-block; position:relative;}
.ck_box3 span{display:inline-block; position:relative; top:4px; box-sizing:border-box; width:22px; height:22px; border:1px solid #bbb; background:#fff;}
.ck_box3.on span{background:url("/pc/common/images/obk/ck_box_xbtn2.gif") no-repeat 0 0; background-size:22px 22px; border:none;}
.ck_box3 input[type="checkbox"]{position:absolute; top:0; left:0; width:22px; height:22px; border:0; opacity:0;}
.radio_box{display:inline-block; position:relative;}
.radio_box span{display:inline-block; position:relative; top:4px; box-sizing:border-box; width:20px; height:20px; border:1px solid #6d6d6d; background:#fff; border-radius:50px;}
.radio_box.on span{background:url("/pc/common/images/obk/radio_box_xbtn.gif") no-repeat 0 0; background-size:20px 20px; border:none;}
.radio_box.on label{font-family:'NotoSans-Bold'; color:#333}
.radio_box input[type="radio"]{position:absolute; top:0; left:0; width:20px; height:20px; border:0; opacity:0;}

/*테이블 타입*/
.tableType1 thead th{padding:26px 0; color:#333; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; background:#f9f9f9;}
.tableType1 thead th:first-child{border-left:1px solid #e8e8e8;}
.tableType1 thead th:last-child{border-right:1px solid #e8e8e8;}
.tableType1 tbody tr:hover td{background:#f3f8fb;}
.tableType1 tbody td{box-sizing:border-box; padding:10px 18px; font-family:'NotoSans-Light'; border-bottom:1px solid #e8e8e8; background:#fff; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
.tableType1 tbody.nonFile td{padding: 22px 18px;}
.tableType1 tbody td.pdNon{padding:10px 10px}
.tableType1 tbody td.noFile{height:60px;}/*파일 없을 때*/
.tableType2{position:relative; border-top:2px solid #757575;}
.tableType2 .layoutFix{table-layout:fixed; word-break:break-word; font-size: 15px;}
.tableType2 thead th{padding:18px 0; color:#333; border-bottom:1px solid #e8e8e8; background:#f9f9f9; border-right:1px solid #e8e8e8}
.tableType2 thead th:last-child{border-right:none}
.tableType2 tbody th{box-sizing:border-box; padding:18px 30px; border-bottom:1px solid #e8e8e8; background:#fff; border-right:1px solid #e8e8e8; color:#333; text-align:left; font-family:'NotoSans-Medium';}
.tableType2 tbody.lineHight th{line-height:1.3; padding:18px 10px;}
.tableType2 tbody td{box-sizing:border-box; padding:18px 0; font-family:'NotoSans-Light'; border-bottom:1px solid #e8e8e8; background:#fff; text-align:center; border-right:1px solid #e8e8e8; line-height:24px;}
.tableType2 tbody td:last-child{border-right:none}
.tableType2 tbody tr td.bg_gray{background:#f9f9f9;}
.tableType2 tbody tr th.bg_gray{background:#f9f9f9;}
.tableType2 tbody td .blackTxt{color:#000}
.tableType2 tbody td.lh30{line-height:30px;}
.tableType2 tbody tr.total th{background:#f9f9f9;}
.tableType2 tbody tr.total td{background:#f9f9f9; color:#333; font-family:'NotoSans-Medium';}
.tableType2 .ft14 .poL{position:absolute; bottom:-25px; left:0}
.tableType2 .ft14 .poR{position:absolute; bottom:-25px; right:0}
.tableType2 thead th.brderBotNon{border-bottom:none; padding:18px 10px 0;}
.tableType2 thead th.brderBotNon p{border-bottom:1px solid #e8e8e8; padding-bottom:18px;}
.tableType2 thead th.brderRigNon{border-right:none;}
.tableType2 tbody td.phoneWrap{}
.tableType2 tbody td.phoneWrap span{text-align:center;}
.tableType2 tbody td.phoneWrap .phoneN{width:77px;}
.tableType2 tbody td.fwB{font-family:'NotoSans-Medium';} /* 2021-09-10 추가 */
.tableType3{position:relative; border-top:2px solid #757575;}
.tableType3 thead th{padding:18px 0; color:#333; border-bottom:1px solid #e8e8e8; background:#f9f9f9; border-right:1px solid #e8e8e8}
.tableType3 thead th:last-child{border-right:none}
.tableType3 tbody th{box-sizing:border-box; padding:18px 30px; border-bottom:1px solid #e8e8e8; background:#fdfdfd; border-right:1px solid #e8e8e8; color:#333; text-align:left; font-family:'NotoSans-Medium';}
.tableType3 tbody td{box-sizing:border-box; padding:18px 0; font-family:'NotoSans-Light'; border-bottom:1px solid #e8e8e8; background:#fdfdfd; text-align:center; border-right:1px solid #e8e8e8; line-height:24px;}
.tableType3 tbody td:last-child{border-right:none}
.tableType3 tbody td.pdNon{padding:10px 0}
.tableType3 tbody td.borderR{border-right:1px solid #e8e8e8}
.tableType4{position:relative; border-top:2px solid #757575;}
.tableType4 thead th{padding:12px 0; color:#333; border-bottom:1px solid #e8e8e8; background:#f9f9f9; border-right:1px solid #e8e8e8}
.tableType4 thead th:last-child{border-right:none}
.tableType4 tbody th{box-sizing:border-box; padding:18px 30px; border-bottom:1px solid #e8e8e8; background:#fff; border-right:1px solid #e8e8e8; color:#333; text-align:left; font-family:'NotoSans-Medium';}
.tableType4 tbody td{box-sizing:border-box; padding:18px 0; font-family:'NotoSans-Light'; border-bottom:1px solid #e8e8e8; background:#fff; text-align:center; border-right:1px solid #e8e8e8; line-height:24px;}
.tableType4 tbody td:last-child{border-right:none}
.tableType4 tbody td.borderR{border-right:1px solid #e8e8e8;}
.tableType4 thead th.brderBotNon{border-bottom:none; padding:12px 10px 0;}
.tableType4 thead th.brderBotNon p{border-bottom:1px solid #e8e8e8; padding-bottom:18px;}
.tableType4 thead th.brderRigNon{border-right:none;}
.tableType4 tbody .bold{font-family:'NotoSans-Bold'; color:#333;}
.tableType4 tbody .brderRigNon{border-right:none;}


/*리스트 - 카드타입*/
.list_cardType a{display:block; position:relative; float:left; box-sizing:border-box; margin-left:20px; margin-top:20px; width:260px; height:440px; font-family:'NotoSans-Light';}
.list_cardType a:nth-child(1), .list_cardType a:nth-child(2), .list_cardType a:nth-child(3), .list_cardType a:nth-child(4){margin-top:0;}
.list_cardType a:nth-child(4n-3){margin-left:0;}
.list_cardType a.txtType{padding:45px 30px; border:1px solid #e8e8e8;}
.list_cardType a.txtType .list_tit{position:relative; z-index:5; box-sizing:border-box; max-height:70px; overflow:hidden; font-size:18px; color:#444; line-height:1.3; word-break:break-all;}
.list_cardType a.txtType .list_txt{position:relative; z-index:5; margin-top:30px; overflow:hidden; max-height:220px; font-size:14px; line-height:22px; text-align: justify;}
.list_cardType a.imgType .img_cont{overflow:hidden; width:260px; height:260px;}
.list_cardType a.imgType .txt_cont{position:relative; box-sizing:border-box; padding:30px; width:260px; height:180px; border:1px solid #e8e8e8;}
.list_cardType a.imgType .list_tit{position:relative; z-index:5; height:70px; font-size:18px; color:#444; line-height:1.3; overflow:hidden;}
.list_cardType a .date{position:absolute; bottom:33px; left:30px; z-index:5; font-size:14px;}
.list_cardType a .grd_bg{opacity:0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.list_cardType a:hover .grd_bg{opacity:0.8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}
.list_cardType a:hover .list_tit{color:#fff;}
.list_cardType a:hover .list_txt{color:#fff;}
.list_cardType a:hover .date{color:#fff;}

/*뷰페이지*/
.boardview_cont{padding:100px 0 0 0;}
.boardview_cont.imgType .img_section{position:relative; z-index:1; width:900px; height:600px; overflow:hidden; margin:0 auto;}
.boardview_cont.imgType .tit_cont{position:relative; top:0; z-index:2; box-sizing:border-box; padding:44px 50px 40px; width:820px; height:200px; background:url("/pc/common/images/obk/boardview_titBg.jpg") no-repeat 0 0;}
.boardview_cont.imgType .tit_cont .tit{overflow:hidden; font-family:'NotoSans-Bold'; font-size:30px; color:#fff; line-height:40px;}
.boardview_cont.imgType .tit_cont .tit_info{padding-top:20px;}
.boardview_cont.imgType .tit_cont .tit_info p{display:inline-block; padding-left:19px; margin-left:16px; border-left:1px solid rgba(255, 255, 255, 0.5); font-size:14px; color:#fff;}
.boardview_cont.imgType .tit_cont .tit_info p:first-child{padding-left:0; margin-left:0; border-left:0;}
.boardview_cont.imgType .tit_cont .tit_info p .font_mont{font-weight:300; margin-left:7px;}
.boardview_cont.txtType .tit_cont{position:relative; top:0; z-index:2; box-sizing:border-box; padding:52px 50px 32px; width:1100px; height:260px; background:url("/pc/common/images/obk/boardview_titBg.jpg") no-repeat 0 0;}
.boardview_cont.txtType .tit_cont .tit{overflow:hidden; font-family:'NotoSans-Bold'; font-size:36px; color:#fff; line-height:50px;}
.boardview_cont.txtType .tit_cont .tit_info{padding-top:40px;}
.boardview_cont.txtType .tit_cont .tit_info p{display:inline-block; padding-left:19px; margin-left:16px; border-left:1px solid rgba(255, 255, 255, 0.5); font-size:14px; color:#fff;}
.boardview_cont.txtType .tit_cont .tit_info p:first-child{padding-left:0; margin-left:0; border-left:0;}
.boardview_cont.txtType .tit_cont .tit_info p .font_mont{font-weight:300; margin-left:7px;}
.boardview_cont.imgType .tit_cont{margin:-110px auto 0;}
.boardview_cont.txtType .tit_cont{margin-top:0;}
.boardview_cont .view{position:relative; padding:70px 0 95px; border-bottom:3px solid #5d5d5d; font-family:'NotoSans-Light'; line-height:1.4; word-break:break-all; text-align: justify;}
.boardview_cont .viewPaging{position:relative; margin:50px 0 0 0; height:60px; text-align:center;}
.boardview_cont .viewPaging .prev{position:absolute; top:18px; left:0; width:91px; height:26px; font-size:18px; font-family:'NotoSans-Light'; text-align:right; background:url("/pc/common/images/obk/icon_viewPagePrev.png") no-repeat 0 bottom;}
.boardview_cont .viewPaging .next{position:absolute; top:18px; right:0; width:91px; height:26px; font-size:18px; font-family:'NotoSans-Light'; text-align:left; background:url("/pc/common/images/obk/icon_viewPageNext.png") no-repeat 0 bottom;}
.boardview_cont .viewPaging a.off{opacity:0.2;}
.addFile_cont{position:absolute; bottom:25px; right:0;}
.addFile_cont .file_open{font-size:14px; color:#444; font-family:'NotoSans-Medium';}
.addFile_cont .file_open span{color:#006eb7;}
.addFile_cont .file_box{position:absolute; bottom:30px; right:0; box-sizing:border-box; padding:30px; width:315px; border:1px solid #cacaca; background:#fff;}
.addFile_cont .file_box .file{display:block; padding:5px 0 5px 20px; font-size:14px; color:#444; font-family:'NotoSans-Light'; background:url("/pc/common/images/obk/ico_file.gif") no-repeat 0 10px;}
.addFile_cont .file_box .file:hover{text-decoration:underline; font-family:'NotoSans-Bold';}
.addFile_cont .file_box .file_close{position:absolute; top:0; right:0;}

/*검색결과 없음*/
.nodata_cont{padding:195px 0 90px; text-align:center; border:1px solid #e8e8e8; background:url("/pc/common/images/obk/ico_nodata.png") no-repeat center 65px;}
.nodata_cont .nodata_txt1{font-size:32px; font-family:'NotoSans-Thin'; color:#555;}
.nodata_cont .nodata_txt2{display:inline-block; margin:30px 0 0 0; padding:0 0 5px; border-bottom:1px solid #333; font-family:'NotoSans-Bold'; color:#333;}

/*페이징*/
.paging .num_cont{position:relative; width:520px; margin:140px auto 0; text-align:center; font-family:"Montserrat", "Noto Sans KR", "Malgun Gothic"; font-family:'NotoSans-Light';}
.paging .num_cont a{display:inline-block; margin:0 6px; width:21px; height:21px; color:#444; vertical-align:middle;}
.paging .num_cont a span{display:inline-block; padding-top:3px;}
.paging .num_cont a.on{font-family:'NotoSans-Bold'; color:#000;}
.paging .num_cont a.on span{border-bottom:1px solid #666;}
.paging .num_cont a.prevL{background:url("/pc/common/images/obk/ico_pagingL.png") no-repeat 0 0; margin:0 13px 0 1px;}
.paging .num_cont a.nextR{background:url("/pc/common/images/obk/ico_pagingR.png") no-repeat 0 0; margin:0 1px 0 13px;}
.paging .num_cont a.prev{display:block; position:absolute; top:-74px; left:75px; width:111px; height:25px; text-align:right; background:url("/pc/common/images/obk/icon_pagingPrev.png") no-repeat 0 2px;}
.paging .num_cont a.next{display:block; position:absolute; top:-74px; right:75px; width:111px; height:25px; text-align:left; background:url("/pc/common/images/obk/icon_pagingNext.png") no-repeat 0 2px;}
.paging .num_cont a.off{opacity:0.6;}/* 2021-01-05 수정 */

.paging .num_cont2{position:relative; width:520px; margin:70px auto 0; text-align:center; font-family:"Montserrat", "Noto Sans KR", "Malgun Gothic"; font-family:'NotoSans-Light';}
.paging .num_cont2 a{display:inline-block; margin:0 6px; width:21px; height:21px; vertical-align:middle;}
.paging .num_cont2 a span{display:inline-block; padding-top:3px;}
.paging .num_cont2 a.on{font-family:'NotoSans-Bold'; color:#000;}
.paging .num_cont2 a.on span{border-bottom:1px solid #666;}
.paging .num_cont2 a.prevL{background:url("/pc/common/images/obk/ico_pagingL.png") no-repeat 0 0; margin:0 13px 0 1px;}
.paging .num_cont2 a.nextR{background:url("/pc/common/images/obk/ico_pagingR.png") no-repeat 0 0; margin:0 1px 0 13px;}


/*레이어 팝업*/
.lyPop_wrap{position:fixed; top:0; z-index:11; width:100%; height:100%; background:rgba(0, 0, 0, 0.7);}
.lyPop_wrap:before{content:""; display:inline-block; width:1px; height:100%; min-height:100%; margin-right:-5px; vertical-align:middle; opacity:0;}
.lyPop_wrap .lyPop{position:absolute; top:0; left:50%; transform:translate(-50%, 0); box-sizing:border-box; text-align:center; background:#fff;}
.lyPop_wrap .lyPop.w472{width:472px;}
.lyPop_wrap .lyPop.w1100{width:1100px;}
.lyPop_wrap .lyPop.w980{width:980px;}
.lyPop_wrap .lyPop .wht_cont{padding:55px 0 65px;}
.lyPop_wrap .lyPop .wht_cont.type2{padding:39px 0 0 0;}
.lyPop_wrap .lyPop .wht_cont.type3{padding:55px 0 30px;}
.lyPop_wrap .lyPop .tit{font-size:24px; font-family:'NotoSans-Bold'; color:#333;}
.lyPop_wrap .lyPop .txt{font-size:15px; color:#666; font-family:'NotoSans-Light'; line-height:24px;}
.lyPop_wrap .lyPop .tit .font_mont{font-size:26px; font-weight:500;}
.lyPop_wrap .lyPop .sns_share{padding:50px 0 0; text-align:center;}
.lyPop_wrap .lyPop .sns_share .sns_btn{display:inline-block; position:relative; margin:0 8px; width:80px;}
.lyPop_wrap .lyPop .sns_share .sns_btn .on{position:absolute; top:0; left:0; opacity:0;}
.lyPop_wrap .lyPop .sns_share .sns_btn:hover .on, .lyPop_wrap .lyPop .sns_share .sns_btn:focus .on{opacity:1;}
.lyPop_wrap .lyPop .sns_share .sns_btn .name_txt{display:inline-block; padding-top:5px; width:80px; font-size:14px; color:#333; font-family:'NotoSans-Light';}
.lyPop_wrap .lyPop .map_cont{padding:39px 0 0 0;}
.lyPop_wrap .lyPop .close_btn{display:block; box-sizing:border-box; padding:22px 0; width:100%; height:60px; text-align:center; font-family:'NotoSans-Bold'; color:#333; background:#ebebeb;}
.lyPop_wrap .applicationList{padding:0 60px}
.lyPop_wrap .applicationList .tableType2 td{padding:5px 10px !important;}
.lyPop_wrap .applicationList .tableType2 td input{width:258px; height:42px}


/*이미지 롤링 레이어 팝업 2017-12-08*/
.imgRollpop{position:absolute;top:50%;left:50%; z-index:12; transform:translate(-50%, -50%); box-sizing:border-box; overflow:hidden; width:700px; height:602px; background:#fff; padding:60px 0;}
.imgRollpop .imgRoll{width:100%; padding-right:30px; box-sizing:border-box; height:480px; position:relative; overflow:hidden}
.imgRollpop .imgRoll .imgDiv{display:block; position:absolute;top:0;left:0; width:100%; height:480px}
.imgRollpop .imgRoll .imgDiv .img{text-align:center;}
.imgRollpop .navi{position:absolute;top:25px;left:50%; transform:translate(-50%, 0);}
.imgRollpop .imgBtn{position:absolute;bottom:0;left:0; width:100%;}
.imgRollpop .imgBtn:after{content:""; display:block; clear:both;}
.imgRollpop .imgBtn .btn{display:block; float:left;width:350px; text-align:center; padding:23px 0; background:#ebebeb; font-size:16px; font-family:'NotoSans-Bold'; color:#333; box-sizing:border-box;}
.imgRollpop .imgBtn .btn1{border-right:1px solid #d4d4d4;display:block; float:left; width:350px; padding:23px 0; background:#ebebeb; text-align:center; font-size:16px; font-family:'NotoSans-Bold'; color:#333; box-sizing:border-box;}


/*브라우저 업데이트 팝업 2017-12-12*/
.browserPop{position:absolute;top:50%; left:50%; z-index:13; transform:translate(-50%, -50%); box-sizing:border-box; overflow:hidden; width:700px; background:#fff; padding-top:50px;}
.browserPop .info_cont {text-align:center;padding:0 40px 50px;}
.browserPop .info_cont .tit{font-size:24px; font-family:'NotoSans-Bold'; color:#333;margin-bottom:50px;}
.browserPop .info_cont .notice{font-size:16px; font-family:'NotoSans-Thin'; color:#666; line-height:1.5; word-break:keep-all;}
.browserPop .info_cont .notice .blcTxt{color:#333; font-family:'NotoSans-Medium';}
.browserPop .info_cont .linkBox{padding:0 15px; width:520px; margin:0 auto;}
.browserPop .info_cont .linkBox:after{content:"";display:block; clear:both;}
.browserPop .info_cont .linkBox a{width:170px; height:170px; box-sizing:border-box;padding-top:35px; margin-right:5px; display:block; float:left; background:url("/pc/common/images/obk/brower_frame.jpg") no-repeat 0 0;}
.browserPop .info_cont .linkBox a:last-child{margin-right:0}
.browserPop .info_cont .linkBox a:hover{background:url("/pc/common/images/obk/brower_frame_on.jpg") no-repeat 0 0;}
.browserPop .info_cont .linkBox a .txt{font-size:15px; font-family:'NotoSans-Bold'; color:#333;margin-top:20px;}
.browserPop .browserBtn:after{content:"";display:block; clear:both;}
.browserPop .browserBtn .btn{display:block; padding:23px 0; font-size:16px; font-family:'NotoSans-Bold'; color:#333;background:#ebebeb;text-align:center;}

/* msds 팝업 2018-06-25 */
.msdsPop {position:absolute; top:50%; left:50%; z-index:13; transform:translate(-50%,-50%); box-sizing:border-box; overflow:hidden; width:840px; background:#fff;}
.msdsPop > .tit {padding:40px 60px; background:#f6f6f6; font-size:18px; font-family:'NotoSans-Bold'; color:#333; border-bottom:1px solid #e8e8e8;}
.msdsPop > .txtW {padding:80px 70px; height:430px; overflow-y:scroll}
.msdsPop > .txtW .biz_txt2{color:#666; font-size:16px; font-family:'NotoSans-Light'; line-height:24px;}
.msdsPop > .txtW .mdsdDiv{width:100%; background:#efefef; box-sizing:border-box; font-size:14px; color:#888; font-family:'NotoSans-Light'; line-height:24px; padding:20px 25px; margin-top:17px;}
.mdsd_tabDiv{width:100%; height:493px; position:relative; border-top:1px solid #ddd; box-sizing:border-box;}
.mdsd_tabDiv .tab{float:left; width:33.333%; color:#333; font-family:'NotoSans-Medium'; height:51px; box-sizing:border-box; border-left:1px solid #ddd; border-bottom:1px solid #ddd; text-align:center; line-height:50px; position:relative;}
.mdsd_tabDiv .tab:nth-of-type(3n) {border-right:1px solid #ddd;}
.mdsd_tabDiv .noTab{float:left; width:33.333%; height:51px; box-sizing:border-box; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.mdsd_tabDiv .noTab:nth-last-of-type(1) {border-right:1px solid #ddd}
.mdsd_tabDiv .tab .on_bg{width:calc(100% + 2px); height:52px; position:absolute; top:-1px; left:-1px; background:#006eb7; border:1px solid #005994; box-sizing:border-box; z-index:5; opacity:0;}
.mdsd_tabDiv .tab.on .on_bg{opacity:1; color:#fff; font-family:'NotoSans-Bold';}
.mdsd_tabDiv .tableType3{position:absolute; top:185px; left:0; width:100%;}
.msdsPop .btnArea {padding:20px 0; text-align:center; background:#ebebeb;  }
.msdsPop .btnArea .closeBtn {display:block; font-size:16px; font-family:'NotoSans-Bold'; color:#333}


/*푸터*/
.main_section#footer{height:170px;}
#footer{background:url("/pc/common/images/obk/footer_bg.jpg") repeat-x 0 0 #414141;}
#footer .footer_util{height:70px;}
#footer .footer_util .util_menu{float:left;}
#footer .footer_util .util_menu a{display:inline-block; padding:26px 10px; font-family:'NotoSans-Light'; color:#d2d2d2; }
#footer .footer_util .util_menu a.on{font-family:'NotoSans-Bold'; color:#fff;}
#footer .footer_util .util_menu a:first-child{padding-left:0;}
#footer .footer_util .family_cont{position:relative; float:right; width:274px; border-left:1px solid #4f4f4f; border-right:1px solid #4f4f4f;}
#footer .footer_util .family_cont .family_openBtn{display:block; position:relative; box-sizing:border-box; padding:30px 20px; width:100%; height:70px; text-align:left; font-size:15px; color:#fff; font-weight:300;}
#footer .footer_util .family_cont .family_openBtn .ico_plus{position:absolute; top:30px; right:20px;}
#footer .footer_util .family_cont .family_view{position:absolute; bottom:70px; left:0; z-index:6; box-sizing:border-box; padding:40px; width:275px; background:#006eb7;}
#footer .footer_util .family_cont .family_view a{display:block; padding:6px 0; font-size:15px; color:#b4d6ed; font-family:'NotoSans-Light';}
#footer .footer_util .family_cont .family_view a:hover{font-family:'NotoSans-Bold'; color:#fff;}
#footer .footer_copy{box-sizing:border-box; padding:30px 0; min-height:100px; font-family:'NotoSans-Light';}
#footer .footer_copy .floatL{margin-left:20px; padding-left:18px; font-size:14px; color:#bababa; border-left:1px solid rgba(186, 186, 186, 0.3);}
#footer .footer_copy .floatL:first-child{margin-left:0; padding-left:0; border-left:0;}
#footer .footer_copy .copyright{padding-top:11px; font-size:13px; color:#bababa;}
#footer .footer_copy .webMark{position:absolute;top:89px;right:0;}
#footer .footer_copy .webMark img{width:100px;}
/* 2019-10-15 추가 */
#footer .footer_copy .webMark2{position:absolute;top:89px;right:135px;}
#footer .footer_copy .webMark2 img{width:71px;}
/* //2019-10-15 추가 */

/* 탑버튼 */
.arrowTop_btn{display:none; position:fixed; bottom:170px; right:30px;}

/*버튼 타입*/
.gry_btn{display:inline-block; box-sizing:border-box; padding:18px 0; width:100px; height:60px; border:1px solid #363636; text-align:center; color:#fff; font-size:20px; background:#5d5d5d;}
.blu_btn{display:inline-block; box-sizing:border-box; padding:18px 29px; height:60px; border:1px solid #005994; text-align:center; color:#fff; font-size:20px; background:#006eb7;}
.gry_btn2{display:inline-block; box-sizing:border-box; padding:18px 0; width:180px; height:60px; border:1px solid #363636; text-align:center; color:#fff; font-size:20px; background:#5d5d5d;}
.gry_btn3{display:inline-block; box-sizing:border-box; padding:18px 0; width:79px; height:52px; border:1px solid #363636; text-align:center; color:#fff; font-size:16px; background:#5d5d5d; vertical-align:middle;}
.gry_btn4{display:inline-block; box-sizing:border-box; padding:18px 37px; height:60px; border:1px solid #b8b8b8; text-align:center; color:#333; font-size:20px; background:#f9f9f9;}
.gry_btn5{display:inline-block; box-sizing:border-box; padding:18px 29px; height:60px; border:1px solid #363636; text-align:center; color:#fff; font-size:20px; background:#5d5d5d;}
.blu_btn .nextArrow{background:url("/pc/common/images/nan/biz0303_img4.png") no-repeat right center; padding-right:17px;}
.gry_btn5 .prevArrow{background:url("/pc/common/images/nan/biz0304_img2.png") no-repeat left center; padding-left:17px;}
.gradi_btn{display:inline-block; box-sizing:border-box; padding:12px 20px 13px; /* width:100px; */ height:40px; border:1px solid #d2d2d2; text-align:center; color:#666; font-size:15px; line-height:1;	background-image:linear-gradient(#fff, #f3f3f3);}
.gradi_btn img{margin-left:8px; position:relative; top:-1px;}


/* 2025-02-21  CEO 인사말 공통 css  */
.ceoGreeting_cont{margin-top:100px; font-family: "HD-Hyundai"; background:url("/pc/common/images/common/ceo_bg.png") no-repeat center bottom;}
.ceoGreeting_cont .ceoGreeting_ttl{padding-top: 70px; font-size: 32px;  font-weight: 700;  line-height: 1.3333; color:#006eb6;  background:url("/pc/common/images/common/point_slash.png") no-repeat 0 0;} 
.ceoGreeting_cont .txt{padding-top:40px; line-height:30px; font-weight: 300; }
.ceoGreeting_cont .ceo_info_wrap{display: flex; align-items: start;justify-content: end;  margin-top: -20px;}
.ceoGreeting_cont .ceo_infoDiv{padding: 65px 0 120px;  } /* 이미지 없는 사인 */
.ceoGreeting_cont .ceo_info_wrap .ceo_infoDiv{position: relative;  width: 50%; height: 366px;padding: 180px 0 0;box-sizing: border-box; }
.ceoGreeting_cont .ceo_info_wrap .ceo_infoDiv .ceo_img_wrap{position: absolute; left: 130px; top: 0;}
.ceoGreeting_cont .ceo_info_wrap .sign_img{position: relative ;  display: block; margin-left: auto; mix-blend-mode: multiply;  transform: translateX(5px);}
.ceoGreeting_cont .ceo_info_txt{display: inline-block; padding-right: 10px; font-family:'NotoSans-Light'; color:#333;  line-height:1;  text-align: right;}
.ceoGreeting_cont .ceo_info_txt b{ display: block; padding:10px 0 16px;  font-weight: 700; font-size:22px; font-family:'NotoSans-Bold';}
/*  // 2025-02-21  CEO 인사말 공통 css  */


@media all and (max-width:1400px){
	#wrapper .inner.gnbInner{width:900px !important;}
}

@media all and (max-width:1280px){
	#wrapper .inner.gnbInner{width:755px !important;}
}


/* 2020-05-26 추가 */
#footer .footer_copy .floatL .mail{color:#bababa;}
/* // 2020-05-26 추가 */