@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');
}

*{margin:0; padding:0;}
html{width:100%; height:100%}
/*20240423 수정 시작*/
body{word-break: keep-all; 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;}
/*20240423 수정 끝*/
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;}
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;}
.pb120{padding-bottom:120px !important;}

/*본문 바로가기*/
.passGnb{position:fixed; top:-50px; left:0; z-index:1; text-align:center; box-sizing:border-box; padding:15px 0; width:100%; height:50px; color:#fff; line-height:1; background:#272727;}
.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: #0077c1; /* 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;}
/* 20230712 수정 */
.main #gnb .menu_cont .oneD_cont .oneD{/* display:inline-block; *//* padding:70px 100px 30px; */font-size:16px;color:#fff;}
.main #gnb.type2 .menu_cont .oneD_cont .oneD{/* display:inline-block; *//* padding:70px 70px 30px; */font-size:18px;color:#fff;/* font-family:'NotoSans-Bold'; */}
/* 20230712 수정 끝 */


.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:240px; height:70px;}
.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:1100px;}

/*서브 2017-12-13*/
.sub #gnb .menu_cont .oneD_cont .oneD{color:#666}

/*gnb*/
#gnb{position:relative; height:120px; z-index:11;}
#gnb .util_cont{position:absolute; top:0; right:0; width:240px; height:120px;}
#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; display: flex;}
#gnb.type2 .gnb_bg.type2{position:absolute; top:120px; width:100%; height:360px; background:url("/pc/common/images/che/gnb_twoD_bg1.gif") no-repeat right bottom #f9f9f9;}
/* 20230712 수정시작 */
#gnb h1{position:absolute; top:60px; left:30px; z-index:10;}
#gnb h1.logo2{position:absolute; top:30px; left:30px; z-index:10;}
#gnb .menu_cont .oneD_cont .oneD{/* display:inline-block; *//* padding:70px 40px 30px; */font-size:16px;color:#333;font-family:'NotoSans-Bold';padding: inherit !important;}
#gnb .menu_cont .oneD_cont{/* display:inline-block; */position:relative;flex-grow: 1;display: flex;align-items: center;justify-content: center;}
/* 20230712 수정끝 */
#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 .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: #f9f9f9;}
#gnb .gnbBlackBg{position:fixed; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); z-index:11;}


/* 20230712 수정 */
#gnb.type2 .menu_cont .oneD_cont{position:relative;width: 200px;}
#gnb.type2 .menu_cont .oneD_cont .oneD{font-size:18px;color:#333;  padding: 48px 0 52px !important;}
/* 20230712 수정 끝 */
#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;    box-sizing: border-box;
    padding: 50px 0 !important;}
#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_package a:hoveroneD{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:360px;/* 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; top:-500px; left:; width:470px; height:360px; background:#fff; z-index:1000;  text-align:center}
.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;}

/*컨텐츠 영역*/
#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 #dfdfdf;}
.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_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;}/*파일 없을 때*/
 /*20240423 수정*/.tableType2{position:relative; border-top:2px solid #757575; font-size: 20px;}/*20240423 수정 끝*/
.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;font-size: 18px;} 
.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; font-family:'NotoSans-Light'; border-bottom:1px solid #e8e8e8; background:#fff; text-align:center; border-right:1px solid #e8e8e8; line-height:24px;font-size: 18px;}
.tableType2 tbody td:last-child{border-right:none}
.tableType2 tbody td.left{padding:18px; text-align: left !important;}
.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;}
.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; */background: #0077c1;}
.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;}
/*20210222 수정*/
.boardview_cont.txtType .tit_cont{margin-top:0;}
.boardview_cont .view {
    position: relative;
    padding: 70px 0 30px;
    border-bottom: 3px solid #5d5d5d;
    font-family: 'NotoSans-Light';
    line-height: 1.4;
    word-break: break-all;
    text-align: justify;
}

/*20250218 수정*/
.boardview_cont .view img{
    width: 100% !important;
    height: 100% !important;
}
/*20250218 수정 끝*/

.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 {
    border-top: 1px solid #ddd;
    padding-top: 20px;
    margin-top: 30px;
}
.addFile_cont .file_open{font-size:14px; color:#444; font-family:'NotoSans-Medium';}
.addFile_cont .file_open span{color:#006eb7;}
.addFile_cont .file_box {
    width: auto;
    margin-top: 10px;
}

/*20210222 수정 끝*/
.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; 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.2;}

.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;} 


/*푸터*/
.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:10; 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;}

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

/*버튼 타입*/
.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;}
/* 20230626 수정 */
.btn_center_wrap {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
	gap: 1rem;
}
.gradi_btn2{display:inline-block;box-sizing:border-box;padding: 20px 28px 20px;/* width:100px; */font-weight: 500;height:60px;border:1px solid #d2d2d2;text-align:center;color:#666;font-size: 19px;line-height:1;background-image:linear-gradient(#fff, #f3f3f3);}
.gradi_btn2 img{margin-left:8px; position:relative; top:-1px;}
.summaryDiv02 .conDiv1 .list .txt1 {margin-top: 10px !important;}
.summaryDiv02 .conDiv1 {display: flex;}
.summaryDiv02 .list {padding: 2rem; background-color: #efefef;}
.summaryDiv02 .list p span {font-weight: bold;margin-bottom: -10px;display: block;line-height: inherit;}
/* 20230626 수정 끝 */

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

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



/* 20230712 수정 */
/**************************************************************/
/**************************************************************/
/**********************Hamburger&offcanvas*********************/
/**************************************************************/
/**************************************************************/
#gnb .menu_area {margin-left:0.5rem;}
#gnb .menu_area ul {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    min-width: 90px;
}
#gnb .menu_area ul li {
    width: 30px;
    height: 30px;
    /* cursor: pointer; */
}
#gnb .menu_area ul li a.btn_ham_menu {
    line-height: 96px;
    /* background: rgba(0, 0, 0, 0.7); */
    width: 100%;
    height: 100%;
    background-image: url(../images/common/ic_ham_menu.png);
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}
#gnb .menu_area ul li {
    
}
#gnb .menu_area .kakao {
    position: absolute;
    top: 45px;
    right: 180px;
    z-index: 10;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#gnb .menu_area  img.qr {
    width: 60px;
    height: 60px;
    background: #fff;
    margin-left: 10px;
    padding: 5px;
}

/******20240531 수정 시작******/
#gnb .menu_area .kakao img.youtube {
    margin-right: 10px;
}
/******20240531 수정 끝******/

.overlay {
    display: none;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    overflow-x: hidden;
    transition: background-color 2s;
    cursor: pointer;
}

.offcanvas {
    height: 100%;
    width: 580px;
    position: fixed;
    z-index: 1000;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
}

.offcanvas .menu_wrapper {
    -ms-overflow-style: none;
}

.offcanvas .menu_wrapper::-webkit-scrollbar {
    display: none;
}

.offcanvas .menu_wrapper .t_menu a {
    display: none;
}

#offcanvas::-webkit-scrollbar {
    display: none;
}

#offcanvas {
    margin-right: -625px;
    transition: 0.5s;
    transition: margin-right .5s;
    -ms-overflow-style: none;

}

#offcanvas.open {
    margin-right: 0;
    background: #006eb7;
    z-index: 999999999999999999;
}

/* Style the tab */
.offcanvas .tab {
    float: left;
    width: 180px;
    height: 100%;
    color: #fff;
    padding-top: 72px;
    position: relative;
}

.offcanvas .tab .fixed_wrapper {
    position: fixed;
    height: 100%;
    width: 180px;
}

.offcanvas .h_tablinks {
    display: block;
    color: #fff;
    padding: 0 18px;
    width: 100%;
    border: none;
    outline: none;
    text-align: left;
    cursor: pointer;
    font-size: 17px;
    height: 72px;
    line-height: 72px;
}
.offcanvas .h_tablinks.point {
    background: #ff80c0;
}

.offcanvas .h_tablinks:hover {
    background-color: #006eb7;
}

.offcanvas .h_tablinks.active {
    background-color: #fff;
    color: #222;
    font-weight: 600;
}


/* Style the tab content */
.offcanvas .menu_wrapper {
    width: calc(100% - 180px);
    float: left;
    height: 100%;
    background: #fff;
}

.offcanvas .h_tabcontent {
    display: none;
    margin-top: 72px;
}

.offcanvas .h_tabcontent .sub_nav {
    background: #fff;
}

.offcanvas .h_tabcontent .sub_nav > li > a {
    height: 72px;
    line-height: 72px;
    font-size: 1.125rem;
    color: #333;
    padding: 0 30px;
    border-bottom: 1px solid #efefef;
    display: block;
}
.offcanvas .h_tabcontent .sub_nav > li > a span.material-icons {
    font-size: 1rem;
    color: #555;
    padding-left: 0.25rem;
}

.offcanvas .menu_login {
    background-color: #f9f9f9;
    height: 72px;
    line-height: 72px;
    font-size: 1.125rem;
    color: #006eb7;
    padding: 0 30px;
    position: absolute;
    top: 0;
    width: calc(100% - 180px);
    z-index: 999;
}

.offcanvas .menu_login .wrapper {
    position: relative;
    width: 340px;
    height: 100%;
}

.offcanvas .menu_login a,
.menu_login a:hover {
    color: #fff;
}

.offcanvas .right_p {
    position: absolute;
    right: 0;
    top: 0;
}

.offcanvas .btn_close {
    width: 30px;
    height: 30px;
    position: relative;
    text-indent: -9999px;
    top: 14;
    right: 0;
    background: none;
}

.offcanvas .btn_close:before,
.btn_close:after {
    content: '';
    width: 30px;
    height: 2px;
    position: absolute;
    left: 50%;
    top: 50%;
    border-radius: 4px;
    background: #222;
}

.offcanvas .btn_close:before {
    transform: translate(-50%, -50%) rotate(-45deg)
}

.offcanvas .btn_close:after {
    transform: translate(-50%, -50%) rotate(45deg)
}

.offcanvas .h_tabcontent .depth3 {
    display: none;
    border-bottom: 1px solid #ddd;
    padding: 28px 32px;
}

.offcanvas .h_tabcontent .depth3 .menu3 {
    font-size: 1rem;
    line-height: 32px;
    color: #222;
}

.offcanvas .h_tabcontent .depth3 .menu3:before {
    content: "";
    width: 4px;
    height: 4px;
    background: #006eb7;
    display: inline-block;
    margin-right: 8px;
    vertical-align: middle;
    margin-bottom: 4px;
}

.offcanvas .h_tabcontent .depth3 .menu3 a {
    color: #222;
}

.offcanvas .h_tabcontent .depth3 .menu3 a:hover {
    text-decoration: underline;
}

.offcanvas .h_tabcontent .menu2_link {
    position: relative;
}

.offcanvas .h_tabcontent .menu2_link.active {
    color: #006eb7 !important;
    font-weight: 500;
    transition: 0.5s;
}

.offcanvas .h_tabcontent .menu2_link:after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: -5px 12px auto auto;
    vertical-align: middle;
    border-right: 2px solid #ddd;
    border-top: 2px solid #ddd;
    transform: rotate(135deg);
    position: absolute;
    top: 35px;
    right: 20px;
    transition: 0.5s;
}

.offcanvas .h_tabcontent .menu2_link.active:after {
    content: '';
    display: inline-block;
    width: 9px;
    height: 9px;
    margin: -5px 12px auto auto;
    vertical-align: middle;
    border-right: 2px solid #ddd;
    border-top: 2px solid #ddd;
    transform: rotate(-45deg);
    position: absolute;
    top: 40px;
    right: 20px;
    transition: 0.5s;
}
/* 20230712 수정끝 */

.img_wrap {
    margin-top: 50px;
}
.img_wrap .box {
    margin-bottom: 30px;
}
.img_wrap .box p {
    margin-top: 10px;
}
.img_wrap img {
    width: 100%;
    max-width: fit-content;
}
.subTit4.lg {
    font-size: 50px;
    color: #222;
    padding: 80px 0 20px;
    font-family: 'NotoSans-Medium';
    line-height:1.25em;
}
.subTit4 span { font-size: 24px; }


/* 반응형 */
@media screen and (max-width:1100px) {
    .subTit4.lg {font-size: 30px; }
    .subTit4 span { font-size: 18px; }
}
@media screen and (max-width:640px) {
    .m_hidden {display: none;}
}