#main_section_wrap{overflow:hidden; /*min-height:768px;*/}
#familysite{position:fixed; top:-20px; width:100%; height:100%; z-index:15; background:#000; opacity:0;}
#familysite .family_logo{position:absolute; top:64px; left:80px; z-index:6;}
#familysite .family_close{position:absolute; top:26px; right:26px; z-index:6;padding:20px;}

#familysite .family_menu_cont{position:relative; z-index:5; margin:0 auto; width:1600px; height:100%;}
#familysite .family_menu_cont .menu_cont{position:relative; float:left; box-sizing:border-box; padding:0 22px; width:320px; height:100%; border-left:1px solid rgba(255, 255, 255, 0.1);}
#familysite .family_menu_cont .menu_cont:first-child{border-left:0 !important;}
#familysite .family_menu_cont .menu_cont:nth-child(1) .menu{background:url("/pc/common/images/nan/obkMain_family_img1.jpg") no-repeat center 0;}
#familysite .family_menu_cont .menu_cont:nth-child(2) .menu{background:url("/pc/common/images/nan/obkMain_family_img2.jpg") no-repeat center 0;}
#familysite .family_menu_cont .menu_cont:nth-child(3) .menu{background:url("/pc/common/images/nan/obkMain_family_img3.jpg") no-repeat center 0;}
#familysite .family_menu_cont .menu_cont:nth-child(4) .menu{background:url("/pc/common/images/nan/obkMain_family_img4.jpg") no-repeat center 0;}
#familysite .family_menu_cont .menu_cont:nth-child(5) .menu{background:url("/pc/common/images/nan/obkMain_family_img5.jpg") no-repeat center 0;}
#familysite .family_menu_cont .menu_cont .menu{display:block; position:absolute; top:50%; transform:translate(0, -50%); width:276px; text-align:center;}
#familysite .family_menu_cont .menu_cont .menu:after{content:""; display:block; position:absolute; top:0; left:0; width:276px; height:146px; opacity:0; background:url("/pc/common/images/nan/obkMain_family_imgOver.png") no-repeat 0 0; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
#familysite .family_menu_cont .menu_cont .menu:hover:after{opacity:1;}
#familysite .family_menu_cont .menu_cont .menu .tit{padding:185px 0 15px; font-size:30px; font-family:'NotoSans-Bold'; color:#fff;}
#familysite .family_menu_cont .menu_cont .menu .txt{font-size:15px; font-family:'NotoSans-Light'; color:rgba(255, 255, 255, 0.7); line-height:1.3;}
#familysite .family_bg{position:absolute; top:0; width:100%; height:100%; background:url("/pc/common/images/nan/obkMain_family_bg.jpg") no-repeat center center; background-size:cover;}

/* 2017-11-30 채용추�?? */
#familysite.type2 .family_menu_cont .menu_cont{position:relative; float:left; box-sizing:border-box; padding:0; width:33%; height:100%; border-left:1px solid rgba(255, 255, 255, 0.1);}
#familysite.type2 .family_menu_cont .menu_cont:nth-child{width:34%;}
#familysite.type2 .family_menu_cont .menu_cont:nth-child(1) .menu:nth-child(1){background:url("/pc/common/images/rec/obkMain_family_img6.jpg") no-repeat center 0;}
#familysite.type2 .family_menu_cont .menu_cont:nth-child(1) .menu:nth-child(2){background:url("/pc/common/images/rec/obkMain_family_img1.jpg") no-repeat center 0;}
#familysite.type2 .family_menu_cont .menu_cont:nth-child(2) .menu:nth-child(1){background:url("/pc/common/images/rec/obkMain_family_img2.jpg") no-repeat center 0;}
#familysite.type2 .family_menu_cont .menu_cont:nth-child(2) .menu:nth-child(2){background:url("/pc/common/images/rec/obkMain_family_img3.jpg") no-repeat center 0;}
#familysite.type2 .family_menu_cont .menu_cont:nth-child(3) .menu:nth-child(1){background:url("/pc/common/images/rec/obkMain_family_img4.jpg") no-repeat center 0;}
#familysite.type2 .family_menu_cont .menu_cont:nth-child(3) .menu:nth-child(2){background:url("/pc/common/images/rec/obkMain_family_img5.jpg") no-repeat center 0;}
#familysite.type2 .family_menu_cont .menu_cont .menu{display:block; position:absolute; top:50%; transform:translate(-50%, -100%); left:50%; width:276px; text-align:center;}
#familysite.type2 .family_menu_cont .menu_cont .menu:nth-child(2){top:50%; transform:translate(-50%, 50%);}
#familysite.type2 .family_menu_cont .menu_cont .menu:after{content:""; display:block; position:absolute; top:0; left:0; width:276px; height:146px; opacity:0; background:url("/pc/common/images/rec/obkMain_family_imgOver.png") no-repeat 0 0; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
#familysite.type2 .family_menu_cont .menu_cont .menu:hover:after{opacity:1;}
#familysite.type2 .family_menu_cont .menu_cont .menu .tit{padding:185px 0 15px; font-size:30px; font-family:'NotoSans-Bold'; color:#fff;}
#familysite.type2 .family_menu_cont .menu_cont .menu .txt{font-size:15px; font-family:'NotoSans-Light'; color:rgba(255, 255, 255, 0.7); line-height:1.3;}
#familysite.type2 .family_bg{position:absolute; top:0; width:100%; height:100%; background:url("/pc/common/images/nan/obkMain_family_bg.jpg") no-repeat center center; background-size:cover;}

/*
#familysite .family_menu_cont .menu{display:block; margin:20px 0; text-align:center;}
#familysite .family_menu_cont .menu .tit{font-size:40px; font-weight:300; color:#fff; cursor:pointer;}
#familysite .family_menu_cont .menu .txt{display:none; padding:25px 0 30px; font-size:18px; color:rgba(255, 255, 255, 0.7); font-weight:300;}
#familysite .family_menu_cont .menu .site_btn{display:none;}
#familysite .family_menu_cont .menu.on{padding:50px 0; border-top:1px solid rgba(255, 255, 255, 0.2); border-bottom:1px solid rgba(255, 255, 255, 0.2);}
#familysite .family_menu_cont .menu.on .tit{font-size:60px; font-weight:900;}
#familysite .family_menu_cont .menu.on .txt{display:block;}
#familysite .family_menu_cont .menu.on .site_btn{display:block;}
#familysite .family_bg_cont{position:relative; height:100%;}

#familysite .family_bg_cont .family_bg:nth-child(1){background:url("/pc/common/images/nan/obkMain_family_bg1.gif") no-repeat center center; background-size:cover;}
#familysite .family_bg_cont .family_bg:nth-child(2){background:url("/pc/common/images/nan/obkMain_family_bg2.gif") no-repeat center center; background-size:cover;}
#familysite .family_bg_cont .family_bg:nth-child(3){background:url("/pc/common/images/nan/obkMain_family_bg3.gif") no-repeat center center; background-size:cover;}
#familysite .family_bg_cont .family_bg:nth-child(4){background:url("/pc/common/images/nan/obkMain_family_bg4.gif") no-repeat center center; background-size:cover;}
#familysite .family_bg_cont .family_bg:nth-child(5){background:url("/pc/common/images/nan/obkMain_family_bg2.gif") no-repeat center center; background-size:cover;}
*/
/*visual*/
.main_sidebtn_cont{position:fixed; top:40%; right:0; z-index:2;}
.main_sidebtn_cont a{display:block; text-align:right; font-size:15px; font-weight:500; color:rgba(255, 255, 255, 0.3);}
.main_sidebtn_cont a.on{color:rgba(255, 255, 255, 1); font-weight:700;}  
.main_sidebtn_cont a span{/*display:inline-block;*/ display:none;margin:11px 0; padding:0 20px 5px 0;}
.main_sidebtn_cont a.on span{border-bottom:1px solid rgba(255, 255, 255, 1);}  
.main_sidebtn_cont.scrolled a{color:rgba(0, 0, 0, 0.3);}
.main_sidebtn_cont.scrolled a.on{color:rgba(0, 0, 0, 1);}
.main_sidebtn_cont.scrolled a.on span{border-bottom:1px solid rgba(0, 0, 0, 1);}  
.main_section{position:absolute; top:100%; left:0; width:100%; height:100%;}
.main_section:first-child{top:0; display:block;}
.main_section.footer{height:170px;}
.main_visual{position:absolute; top:0; left:0; width:100%; height:100%;}
.main_visual .visual_tit .tit{font-size:42px; color:#ffffff; font-family:'NotoSans-Bold';}
.main_visual .visual_tit .tit .underLine{border-bottom:3px solid #fff}/*2018-03-20 �߰�*/
.main_visual .visual_tit .txt{font-size:20px; color:#ffffff; font-family:'NotoSans-Light'; line-height:1.5; margin-top:20px;}
.main_visual .visual_tit .txt .underLine{border-bottom:1px solid #fff}/*2018-03-20 �߰�*/
.main_visual .tab_cont{display:none; position:absolute; top:0; width:100%; z-index:0;}
.main_visual .tab_cont .btn_cont{position:relative; z-index:1; width:100%; height:80px; overflow:hidden;}
.main_visual .tab_cont .btn_cont .btn{display:block; float:left; box-sizing:border-box; padding:32px 0; width:33.3333%; height:100%; text-align:center; background:rgba(0, 0, 0, 0.75);}
.main_visual .tab_cont .btn_cont .btn.on{background:rgba(0,0,0,0);}
.main_visual .tab_cont .btn_cont .btn .btn_tit{display:inline-block; padding-right:25px; color:#fff; font-size:18px; font-family:'NotoSans-Light'; background:url("/pc/common/images/nan/ico_mainv_arrowUp.png") no-repeat right center;}
.main_visual .tab_cont .btn_cont .btn.on .btn_tit{background:url("/pc/common/images/nan/ico_mainv_arrowDown.png") no-repeat right center;}
.main_visual .tab_cont .tab_content{position:absolute; top:0; width:100%; height:100%;}
.main_visual .tab_cont .tab_content .close{position:absolute; top:124px; right:56px; z-index:2; padding:20px;}
.main_visual .tab_cont .tab_content.s1{background:url("/pc/common/images/nan/mainv_tab1_bg1.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .tab_content.s2{background:url("/pc/common/images/nan/mainv_tab2_bg1.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .tab_content.s3{background:url("/pc/common/images/nan/mainv_tab3_bg1.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .intro_txt{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); text-align:center;}
.main_visual .tab_cont .intro_txt .txt1{font-size:70px; font-family:'NotoSans-Thin'; color:#fff;}
.main_visual .tab_cont .intro_txt .txt2{padding-top:10px; font-size:70px; font-family:'NotoSans-Bold'; color:#fff;}
.main_visual .tab_cont .tab_content.s2 .intro_txt .txt2{padding-top:20px;}
.main_visual .tab_cont .roll_cont{position:absolute; top:0; width:100%; height:100%;}
.main_visual .tab_cont .roll_cont .indicator{position:absolute; top:150px; left:50%; transform:translate(-50%, 0); overflow:hidden; z-index:2;}
.main_visual .tab_cont .roll_cont .indicator a{display:block; float:left; margin:5px 10px 0; width:10px; height:10px; border-radius:10px; background:rgba(255, 255, 255, 0.9); transition:all 0.3s ease;}
.main_visual .tab_cont .roll_cont .indicator a.on{margin:0 10px; width:20px; height:20px;}
.main_visual .tab_cont .roll_cont .leftBtn{position:absolute; top:50%; transform:translate(0, -50%); left:40px; z-index:1}
.main_visual .tab_cont .roll_cont .rightBtn{position:absolute; top:50%; transform:translate(0, -50%); right:40px; z-index:1}
.main_visual .tab_cont .roll_cont .roll{position:absolute; top:0; width:100%; height:100%;}
.main_visual .tab_cont .roll_cont.rc1 .roll.r1{background:url("/pc/common/images/nan/mainv_tab1_bg2.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .roll_cont.rc1 .roll.r1 .txtBox{position:absolute; top:0; left:50%; margin-left:100px; width:640px; height:100%; background:url("/pc/common/images/nan/obkMain_s1_r1_img1.png") no-repeat 0 center;}
.main_visual .tab_cont .roll_cont.rc1 .roll.r2{background:url("/pc/common/images/nan/mainv_tab1_bg3.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .roll_cont.rc1 .roll.r2 .txtBox{position:absolute; top:0; left:0; margin-left:180px; width:640px; height:100%; background:url("/pc/common/images/nan/obkMain_s1_r2_img1.png") no-repeat 0 center;}
.main_visual .tab_cont .roll_cont.rc1 .roll.r3{background:url("/pc/common/images/nan/mainv_tab1_bg4.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .roll_cont.rc1 .roll.r3 .txtBox{position:absolute; top:0; left:50%; margin-left:100px; width:640px; height:100%; background:url("/pc/common/images/nan/obkMain_s1_r3_img1.png") no-repeat 0 center;}
.main_visual .tab_cont .roll_cont.rc1 .roll.r4{background:url("/pc/common/images/nan/mainv_tab1_bg5.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .roll_cont.rc1 .roll.r4 .txtBox{position:absolute; top:0; left:0; margin-left:180px; width:640px; height:100%; background:url("/pc/common/images/nan/obkMain_s1_r4_img1.png") no-repeat 0 center;}

.main_visual .tab_cont .roll_cont.rc2 .roll.r1{background:url("/pc/common/images/nan/mainv_tab2_bg2.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .roll_cont.rc2 .roll.r2{background:url("/pc/common/images/nan/mainv_tab2_bg3.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .roll_cont.rc2 .roll.r3{background:url("/pc/common/images/nan/mainv_tab2_bg4.jpg") no-repeat center center; background-size:cover;} 
.main_visual .tab_cont .roll_cont.rc2 .roll.r4{background:url("/pc/common/images/nan/mainv_tab2_bg5.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .roll_cont.rc2 .flow_list{position:absolute; top:210px; width:100%; height:664px;}
.main_visual .tab_cont .roll_cont.rc2 .flow_list .txtBox{position:absolute; top:0; left:0;width:100%; height:100%; z-index:1;}
.main_visual .tab_cont .roll_cont.rc2 .flow_list .txtBox:nth-child(1){background:url("/pc/common/images/nan/obkMain_s2_r1_img1.png") no-repeat center center;}
.main_visual .tab_cont .roll_cont.rc2 .flow_list .txtBox:nth-child(2){left:100%; background:url("/pc/common/images/nan/obkMain_s2_r2_img1.png") no-repeat center center;}
.main_visual .tab_cont .roll_cont.rc2 .flow_list .txtBox:nth-child(3){left:100%; background:url("/pc/common/images/nan/obkMain_s2_r3_img1.png") no-repeat center center;}
.main_visual .tab_cont .roll_cont.rc2 .flow_list .txtBox:nth-child(4){left:100%; background:url("/pc/common/images/nan/obkMain_s2_r4_img1.png") no-repeat center center;}
.main_visual .tab_cont .roll_cont.rc2 .flow_list .line{position:absolute; top:283px; left:100%; width:100%; height:1px; background:rgba(255, 255, 255, 0.5);}

.main_visual .tab_cont .roll_cont.rc3 .roll.r1{background:url("/pc/common/images/nan/mainv_tab3_bg2.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .roll_cont.rc3 .roll.r1 .txtBox{position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:1400px; height:100%; background:url("/pc/common/images/nan/obkMain_s3_r1_img1.png") no-repeat 0 60%;}
.main_visual .tab_cont .roll_cont.rc3 .roll.r2{background:url("/pc/common/images/nan/mainv_tab3_bg3.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .roll_cont.rc3 .roll.r2 .txtBox{position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:1400px; height:100%; background:url("/pc/common/images/nan/obkMain_s3_r2_img1.png") no-repeat 0 60%;}
.main_visual .tab_cont .roll_cont.rc3 .roll.r3{background:url("/pc/common/images/nan/mainv_tab3_bg4.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .roll_cont.rc3 .roll.r3 .txtBox{position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:1400px; height:100%; background:url("/pc/common/images/nan/obkMain_s3_r3_img1.png") no-repeat 0 60%;}
.main_visual .tab_cont .roll_cont.rc3 .roll.r4{background:url("/pc/common/images/nan/mainv_tab3_bg5.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .roll_cont.rc3 .roll.r4 .txtBox{position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:1400px; height:100%; background:url("/pc/common/images/nan/obkMain_s3_r4_img1.png") no-repeat 0 60%;}
.main_visual .visual_tit{position:absolute; top:53%; left:0; width:100%; opacity:0;border-left:10px solid rgba(255,255,255,0.8);padding-left:40px;}
.main_visual .ico_mouse{display:none; position:absolute; bottom:150px; left:50%; transform:translate(-50%, 0); color:#fff; font-size:12px; font-family:'NotoSans-Light';}
.main_visual .ico_mouse .img{position:absolute; top:25px; left:3px;}
.main_visual .viewMovie_full{display:inline-block; margin-top:50px;/*position:absolute; top:56%; left:50%; transform:translate(-50%, 0);*/ width:160px; height:50px; border-radius:25px; text-align:center; font-size:16px; font-family:'NotoSans-Medium'; line-height:50px; color:#222; background:rgba(255,255,255,0.8);}
.main_visual .visualRoll_btn{display:none; position:absolute; bottom:130px; left:80px; z-index:1;}
.main_visual .visualRoll_btn .roll_btn{display:inline-block; box-sizing:border-box; margin-right:6px; padding:13px 0; width:40px; height:40px; font-size:14px; color:#fff; font-weight:300; text-align:center; border:1px solid #fff; border-radius:40px;}
.main_visual .visualRoll_btn .roll_btn.on{font-weight:700; color:#000; background:#fff;}
.main_visual .visualRoll{position:absolute; top:0; left:0; width:100%; height:100%; background:url("/pc/common/images/nan/nanMain_visual_img.jpg") no-repeat center center; background-size:cover;}
.main_visual .visualRoll.video{background:none;}

.skewIcon{position:fixed; top:50%; left:50%; margin-top:-88.5px; opacity:0; z-index:4;}

/* 20230712 ?? */
#main_section_wrap {height:100vh !important;}
#main_section_wrap  .visual {
	width:100%;
	height: 100vh;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
	position:relative;
}
/*#main_section_wrap .main_visual .bx-wrapper .bx-viewport { 
	height:960px !important; 
}*/
#main_section_wrap .visual .main_visual {
	width:1920px;
	height: 100vh;
	position:absolute;
	left:50%;
	margin-left:-960px;
	z-index: 1;
}
/* 20230712 ??? */
/*
.main_slider li.visual01 { background-image:url(../images/main/main_visual01.jpg); }
.main_slider li.visual02 { background-image:url(../images/main/main_visual02.jpg); }
.main_slider li.visual03 { background-image:url(../images/main/main_visual03.jpg); }
*/

#main_section_wrap .visual .visual_wrap {
    width: 550px;
	position:absolute;
	top:0;
	left: 50%;
	margin-left: -550px;
	text-align: left;
	z-index:999;
}
.visualTxt{     
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    /* margin-left: -550px; */
    z-index: 1;}
.visualTxt .visual_tit .tit{font-size:42px; color:#ffffff; font-family:'NotoSans-Bold'; text-shadow: 10px 5px 10px 0px rgba(0,0,0,0.5); }
.visualTxt .visual_tit .tit .underLine{border-bottom:3px solid #fff}/*2018-03-20 �߰�*/
.visualTxt .visual_tit .txt{font-size:20px; color:#ffffff; font-family:'NotoSans-Light'; line-height:1.5; margin-top:20px;text-shadow: 10px 5px 10px 0px rgba(0,0,0,0.5); }
.visualTxt .visual_tit .txt .underLine{border-bottom:1px solid #fff}/*2018-03-20 �߰�*/
.visualTxt .ico_mouse{position:absolute; top:400px; left:50%; transform:translate(-50%, 0); color:#fff; font-size:12px; font-family:'NotoSans-Light';}
.visualTxt .ico_mouse .img{position:absolute; top:25px; left:3px;}
.scroll { position: absolute; bottom:0; left: 50%; margin-left: -20px; width: 40px; z-index: 2; }
.btn_scroll {}
.ic_scroll {  font-size: 14px; color: #fff; margin-bottom: 10px; }
.scrolldown {}
.business_wrap { width: 100%; height: 860px; background: #f0f0f0;padding: 180px 0; box-sizing: border-box;}
.business_wrap .business { width: 1146px; margin: 0px auto; }
.business_wrap .business .tit { font-size: 36px; color: #343e46; font-family:'NotoSans-Light'; text-align: center; line-height: 1.3em; margin-bottom: 75px;  }
.business_wrap .business .tit span { font-family:'NotoSans-Bold'; color: #006eb7; }
.business_wrap .business ul { width: 1146px; overflow: hidden;display: flex;justify-content: space-between;}
.business_wrap .business ul li { width: 260px; height: 450px; float: left; cursor: pointer; color: #343e46;   }
.business_wrap .business ul li:hover { color: #006eb7;  }
.business_wrap .business ul li .box { width: 260px; height: 330px; background: #fff; box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.1);  }
.business_wrap .business ul li .box .img {width: 260px;}
.business_wrap .business ul li .box .img img{width:260px;}
.business_wrap .business ul li .box .con { width: 260px; text-align: center; font-size: 16px; font-family:'NotoSans-Light'; letter-spacing: -1.0px; line-height:1.5; padding: 20px 0; box-sizing: border-box; }
.business_wrap .business ul li .box .con span { font-size: 22px; display: block;  font-family:'NotoSans-Bold';letter-spacing: normal;}

.main_banner_wrap { width:100%; height: 350px; background: url(../images/nan/main_banner_bg.jpg) no-repeat center;padding: 85px 0; box-sizing: border-box;}
.main_banner_wrap .main_banner { width: 1100px; margin: 0px auto; overflow: hidden;}
.main_banner_wrap .main_banner .main_banner_l { float: left;width: 782px; }
.main_banner_wrap .main_banner .main_banner_l .tit { font-size: 36px; color: #fff; font-family:'NotoSans-Light'; text-align: left; line-height: 1.3em; margin-bottom: 55px;  }
.main_banner_wrap .main_banner .main_banner_l .tit span { font-family:'NotoSans-Bold'; }
.main_banner_wrap .main_banner .main_banner_l .btn{ width: 258px; height: 52px; line-height: 52px; text-align: center; font-size: 20px; color:#343e46; background: #fff; }
.main_banner_wrap .main_banner .main_banner_l .btn:hover{ color:#006eb7;  }
.main_banner_wrap .main_banner .main_banner_r { float: right;width: 318px; padding: 0 30px;box-sizing: border-box;}
.main_banner_wrap .main_banner .main_banner_r .tit { font-size: 18px; color: #fff; text-align: center;margin-top: 40px; margin-bottom: 20px;  }
.main_banner_wrap .main_banner .company_wrap { width: 318px;overflow: hidden; }
.main_banner_wrap .main_banner .company_wrap .company {text-align: center; border: 1px #e8e8e8 solid; cursor: pointer; width: 258px; height: 120px; background: #fff;padding-top: 40px; box-sizing: border-box; float: left;}

/***20240423 수정 시작***/
.main_board_wrap { width:100%; height: 940px; background: url(../images/nan/main_board_bg.jpg) no-repeat center ; padding: 100px 0 50px 0; /*padding: 120px 0 0px;*/ box-sizing: border-box;}
/***20240423 수정 끝***/
.main_board_wrap .main_board { width: 1100px; margin: 0px auto; overflow: hidden;}
.main_board_wrap .main_board .tit { font-size: 36px; color: #343e46; font-family:'NotoSans-Bold'; text-align: center; line-height: 1.3em; margin-bottom: 50px;  }
.main_board_wrap .main_board .board_tit { font-size: 22px; color: #343e46; margin-bottom: 18px;}
.main_board_wrap .main_board .board_tit span.plus { float: right;}
/***20240423 수정 시작***/
.main_board_wrap .main_board .main_board_l { float: left;width: 100%; margin-right:44px; margin-bottom: 1rem;}
/***20240423 수정 끝***/
.main_board_wrap .main_board .main_board_l .notice { margin-bottom: 36px;}
.main_board_wrap .main_board .main_board_l .press {}
.main_board_wrap .main_board .main_board_l ul { overflow: hidden; }
.main_board_wrap .main_board .main_board_l ul li { width: calc((100% - 4rem) / 3); height: 200px; background: #fff; border: 1px #ddd solid; padding: 35px; box-sizing: border-box; margin-left: 28px; font-family:'NotoSans-Light'; float: left; cursor: pointer;}
.main_board_wrap .main_board .main_board_l ul li:first-child { margin-left: 0px;}
.main_board_wrap .main_board .main_board_l ul li:hover {border: 1px #006eb7 solid;}
.main_board_wrap .main_board .main_board_l ul li .con_tit {font-size: 18px; color: #333; margin-bottom: 20px; max-height: 50px; line-height: 1.3em; overflow: hidden; text-overflow: ellipsis;}
.main_board_wrap .main_board .main_board_l ul li .con_txt {font-size: 16px; color: #666; max-height: 45px; line-height: 1.3em; overflow: hidden; text-overflow: ellipsis;  }
.main_board_wrap .main_board .main_board_r { float: left;width: 348px; }
.main_board_wrap .main_board .main_board_r .nanum_news_img { width: 348px; height: 476px; border: 1px #ddd solid; background: #fff; margin: 0 auto; text-align: center;  box-sizing: border-box;}
.main_board_wrap .main_board .main_board_r .nanum_news_img:hover { border: 1px #006eb7 solid; }
.main_board_wrap .main_board .main_board_r .nanum_news_img img { height: 474px;}


.main_board_wrap .main_banner { width: 100%; margin: 120px auto 0; overflow: hidden; background: #fff; *border: 1px #ddd solid;* padding: 20px; box-sizing: border-box;}


.main_board_wrap .main_banner .banner { width: 1100px; margin: 0px auto;  display: flex; justify-content: space-around;}


.visualTxt .visual_tit{    position: absolute;
    left: 50%;
    top: 45%;
    /* height: 400px; */
    transform: translate(-50%,-50%);
	box-sizing: border-box;padding: 0 20px;
    width: 100%;}

/*video*/
.visual_video{
	position: fixed; left:50%; transform:translate(-50%, 0); bottom: 0;
	min-width: 100%; min-height: 100%;
	width: auto; height: auto; z-index: -100;
	background: url(/pc/common/images/nan/obkMain_visual_img.jpg) no-repeat;
	background-size: cover;
}



/*Business*/
.w30p{width:30%;}
.w40p{width:40%;}
.w60p{width:60%;}
.w70p{width:70%;}
.bz_intro{position:absolute; top:0; left:0; width:100%; height:100%; background:url("/pc/common/images/nan/main_section1_bg.gif") no-repeat center center; background-size:cover; z-index:1;}
.bz_intro .txt{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.biz_cont{height:100%; overflow:hidden; padding-top:70px; box-sizing:border-box}
.biz_cont .float_box{float:left; overflow:hidden; height:100%;}
.biz_cont .float_box .img_cont{display:block; position:relative; float:left; opacity:1;}
.biz_cont .float_box .img_cont .txt1{position:absolute; top:80px; left:80px; line-height:1; font-size:24px; color:#fff; font-family:'NotoSans-Bold';}
.biz_cont .float_box .img_cont .txt2{display:none; position:absolute; top:125px; left:80px;padding-right:80px; line-height:1; font-size:15px; color:#fff; font-family:'NotoSans-Light'; line-height:22px;}
.biz_cont .float_box .img_cont .txt1.left60{left:60px;}
.biz_cont .float_box .img_cont .txt2.left60{left:60px;}
.biz_cont .float_box .img_cont .color000{color:rgba(0, 0, 0, 0.8);}
.biz_cont .float_box .img_cont .color333{color:#333;}
.biz_cont .float_box .img_cont .over{display:none;}
.biz_cont .float_box .img_cont.c1{height:50%; background:url("/pc/common/images/nan/obkMain_biz_img1.jpg") no-repeat center center; background-size:cover;}
.biz_cont .float_box .img_cont.c1 .over{position:absolute; top:0; left:0; width:100%; height:100%; background:url("/pc/common/images/nan/obkMain_biz_movie1.gif") no-repeat center center; background-size:cover;}
.biz_cont .float_box .img_cont.c2{height:50%; background:url("/pc/common/images/nan/obkMain_biz_img2.jpg") no-repeat center center; background-size:cover;}
.biz_cont .float_box .img_cont.c2 .over{position:absolute; top:0; left:0; width:100%; height:100%; background:url("/pc/common/images/nan/obkMain_biz_movie2.gif") no-repeat center center; background-size:cover;}
.biz_cont .float_box .img_cont.c3{height:50%; background:url("/pc/common/images/nan/obkMain_biz_img3.jpg") no-repeat center center; background-size:cover;}
.biz_cont .float_box .img_cont.c3 .over{position:absolute; top:0; left:0; width:100%; height:100%; background:url("/pc/common/images/nan/obkMain_biz_movie3.gif") no-repeat center center; background-size:cover;}
.biz_cont .float_box .img_cont.c4{height:50%; background:url("/pc/common/images/nan/obkMain_biz_img4.jpg") no-repeat center center; background-size:cover;}
.biz_cont .float_box .img_cont.c4 .over{position:absolute; top:0; left:0; width:100%; height:100%; background:url("/pc/common/images/nan/obkMain_biz_movie4.gif") no-repeat center center; background-size:cover;}
.biz_cont .float_box .img_cont.c5{width:100%; height:100%; background:url("/pc/common/images/nan/obkMain_biz_img5.jpg") no-repeat center center; background-size:cover;}
.biz_cont .float_box .img_cont.c5 .over{position:absolute; top:0; left:0; width:100%; height:100%; background:url("/pc/common/images/nan/obkMain_biz_movie5.gif") no-repeat center center; background-size:cover;}

/*issue*/  
.issue_intro{position:absolute; top:0; left:0; width:100%; height:100%; background:url("/pc/common/images/nan/main_section2_bg.gif") no-repeat center center; background-size:cover; z-index:6;}
.issue_intro .txt{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.issue_cont{width:100%; height:100%; background:url("/pc/common/images/nan/obkMain_issue_bg.gif") no-repeat center center; background-size:cover;}
.issue_cont .issue{padding-top:183px; overflow:hidden;}
.issue_cont .issue .newsDiv{width:550px; float:left;position:relative;}
.issue_cont .issue .newsDiv.type2{float:right;}
.issue_cont .issue .newsDiv .btn_newsAll{position:absolute; top:0; right:0; font-size:14px; color:#000;}


.issue_cont .issue .list_cont{overflow:hidden;}
.issue_cont .issue .list_cont .list{display:block; position:relative; float:left; margin-left:10px; width:270px; height:360px; background:#fff;}
.issue_cont .issue .list_cont .list:first-child{margin-left:0;}
.issue_cont .issue .list_cont .list.imgType .img_cont{width:270px; height:180px; overflow:hidden;}
.issue_cont .issue .list_cont .list.imgType .txt_cont{position:relative; z-index:5; box-sizing:border-box; padding:30px;}
.issue_cont .issue .list_cont .list.imgType .txt_cont .tit{overflow:hidden; height:70px; font-size:18px; color:#444; font-family:'NotoSans-Light'; line-height:1.3;word-break:break-all;}
.issue_cont .issue .list_cont .list.txtType .txt_cont{position:relative; z-index:5; padding:45px 30px;}
.issue_cont .issue .list_cont .list.txtType .txt_cont .tit{height:auto; font-size:18px; color:#444; font-family:'NotoSans-Light'; line-height:1.3; word-break:break-all;}
.issue_cont .issue .list_cont .list.txtType .txt_cont .txt{overflow:hidden; box-sizing:border-box; padding-top:26px; height:180px; font-size:14px; font-family:'NotoSans-Light'; line-height:1.4;word-break:break-all;}
.issue_cont .issue .list_cont .list .more{position:absolute; width: 200px; bottom:30px; right:30px; z-index:5; padding-right:0px; line-height:1.5; font-size:14px; background:url("/pc/common/images/nan/obkMain_issue_more.png") no-repeat right center;}
.issue_cont .issue .list_cont .list .grd_bg{opacity:0; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);}
.issue_cont .issue .list_cont .list:hover .txt_cont .tit{color:#fff; word-break:break-all;}
.issue_cont .issue .list_cont .list:hover .txt_cont .txt{color:#fff; word-break:break-all;}
.issue_cont .issue .list_cont .list:hover .more{color:#fff; background:url("/pc/common/images/nan/obkMain_issue_more2.png") no-repeat right center;}
.issue_cont .issue .list_cont .list:hover .grd_bg{opacity:0.8; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);}


.issue_cont .bott_cont{padding-top:10px;}
.issue_cont .bott_cont .bottL{float:left; width:550px;height:192px;}
.issue_cont .bott_cont .bottL .bottL_box{display:block;height:100%; box-sizing:border-box; padding:45px;background: rgb(0, 110, 183);/*background:url("/pc/common/images/nan/bottL_grd.jpg") no-repeat 0 0; background-size:cover;*/}
.issue_cont .bott_cont .bottL .bottL_box .tit{font-size:26px; font-family:'NotoSans-Light'; color:#fff;}
.issue_cont .bott_cont .bottL .bottL_box .txt{font-size:15px; font-family:'NotoSans-Light'; color:#fff; line-height:1.5; margin:10px 0;}
.issue_cont .bott_cont .bottL .bottL_box .moreImg { width: 100%; text-align: right; }

.issue_cont .bott_cont .bottR{float:right; width:550px;}
.issue_cont .bott_cont .bottR .bottR_box{display:block; float:left;width:270px; height:192px; padding:35px; box-sizing:border-box; border: 5px rgba(255,255,255,1.0) solid; /*background:url("/pc/common/images/nan/bottR_box_bg.png") no-repeat 0 0;background-size:100% 100%;*/} 
.issue_cont .bott_cont .bottR .bottR_box:last-child{float:right;}
.issue_cont .bott_cont .bottR .bottR_box:hover{ border: 5px rgba(0,119,193,0.8) solid; /*background:url("/pc/common/images/nan/bottR_box_bg_on.png") no-repeat 0 0; background-size:100% 100%;*/} 
.issue_cont .bott_cont .bottR .bottR_box .tit{font-size:26px; font-family:'NotoSans-Light'; color:#000;}
.issue_cont .bott_cont .bottR .bottR_box .txt{font-size:15px; font-family:'NotoSans-Light'; color:#000; line-height:1.5; margin:10px 0;}
.issue_cont .bott_cont .bottR .bottR_box .moreImg { width: 100%; text-align: right;  }

@media all and (max-width:1400px){
	.main .inner{width:1060px !important;}
	.main_visual .visual_tit .tit{font-size:40px;}
	.main_visual .visual_tit .txt{font-size:18px;}
	.main_visual .tab_cont .roll_cont.rc1 .roll.r1 .txtBox{position:absolute; top:0; left:50%; margin-left:80px; width:640px; height:100%; background:url("/pc/common/images/nan/obkMain_s1_r1_img1_1280.png") no-repeat 0 center;}
	.main_visual .tab_cont .roll_cont.rc1 .roll.r2 .txtBox{position:absolute; top:0; left:0; margin-left:110px; width:640px; height:100%; background:url("/pc/common/images/nan/obkMain_s1_r2_img1_1280.png") no-repeat 0 center;}
	.main_visual .tab_cont .roll_cont.rc1 .roll.r3 .txtBox{position:absolute; top:0; left:50%; margin-left:80px; width:640px; height:100%; background:url("/pc/common/images/nan/obkMain_s1_r3_img1_1280.png") no-repeat 0 center;}
	.main_visual .tab_cont .roll_cont.rc1 .roll.r4 .txtBox{position:absolute; top:0; left:0; margin-left:110px; width:640px; height:100%; background:url("/pc/common/images/nan/obkMain_s1_r4_img1_1280.png") no-repeat 0 center;}
	.main_visual .tab_cont .roll_cont.rc2 .flow_list{position:absolute; top:100px; width:100%; height:664px;}
	.main_visual .tab_cont .roll_cont.rc2 .flow_list .txtBox{position:absolute; top:0; left:0;width:100%; height:100%; z-index:1;}
	.main_visual .tab_cont .roll_cont.rc2 .flow_list .txtBox:nth-child(1){background:url("/pc/common/images/nan/obkMain_s2_r1_img1_1280.png") no-repeat center center;}
	.main_visual .tab_cont .roll_cont.rc2 .flow_list .txtBox:nth-child(2){left:100%; background:url("/pc/common/images/nan/obkMain_s2_r2_img1_1280.png") no-repeat center center;}
	.main_visual .tab_cont .roll_cont.rc2 .flow_list .txtBox:nth-child(3){left:100%; background:url("/pc/common/images/nan/obkMain_s2_r3_img1_1280.png") no-repeat center center;}
	.main_visual .tab_cont .roll_cont.rc2 .flow_list .txtBox:nth-child(4){left:100%; background:url("/pc/common/images/nan/obkMain_s2_r4_img1_1280.png") no-repeat center center;}
	.main_visual .tab_cont .roll_cont.rc2 .flow_list .line{position:absolute; top:289px; left:100%; width:100%; height:1px; background:rgba(255, 255, 255, 0.5);}
	.main_visual .tab_cont .roll_cont.rc3 .roll.r1 .txtBox{position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:1400px; height:100%; background:url("/pc/common/images/nan/obkMain_s3_r1_img1_1280.png") no-repeat center center;}
	.main_visual .tab_cont .roll_cont.rc3 .roll.r2 .txtBox{position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:1400px; height:100%; background:url("/pc/common/images/nan/obkMain_s3_r2_img1_1280.png") no-repeat center center;}
	.main_visual .tab_cont .roll_cont.rc3 .roll.r3 .txtBox{position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:1400px; height:100%; background:url("/pc/common/images/nan/obkMain_s3_r3_img1_1280.png") no-repeat center center;}
	.main_visual .tab_cont .roll_cont.rc3 .roll.r4 .txtBox{position:absolute; top:0; left:50%; transform:translate(-50%, 0); width:1400px; height:100%; background:url("/pc/common/images/nan/obkMain_s3_r4_img1_1280.png") no-repeat center center;}
	.issue_cont .issue .newsDiv{width:525px;}
	.issue_cont .issue .list_cont{position:relative; width:100%;}
	.issue_cont .issue .list_cont .list{margin-left:10px;height:300px; width:257px;}
	.issue_cont .issue .list_cont .list.imgType .img_cont{width:257px;}
	.issue_cont .issue .list_cont .list.txtType .txt_cont{padding:25px;}
	.issue_cont .issue .list_cont .list.txtType .txt_cont .txt{height:180px}
	.issue_cont .issue .list_cont .list.imgType .txt_cont{padding:25px;}
	.issue_cont .issue .list_cont .list.imgType .txt_cont .tit{height:45px;}
	.issue_cont .issue .list_cont .list .more{left:25px; bottom:25px;}
	.issue_cont .issue .list_paging{display:block;}
	.issue_cont .issue .bott_cont .bottL{width:300px; }
	.issue_cont .issue .careerBox{width:495px; height: 351px;}
	.issue_cont .issue .careerBox .careerList{width:275px;}
	.issue_cont .issue .careerBox .careerList li.pb44{padding-bottom:39px;}
	.issue_cont .issue .careerBox .careerList li.pt44{padding-top:39px;}

	.issue_cont .bott_cont .bottL{padding-top:10px; width:526px; height:147px; /*background: #000*/}
	.issue_cont .bott_cont .bottL .moreImg{ width: 100%; text-align: right;}
	.issue_cont .bott_cont .bottL .bottL_box{width:526px;padding:35px; box-sizing:border-box;}
	.issue_cont .bott_cont .bottL .bottL_box .moreImg{display:none;}
	.issue_cont .bott_cont .bottR{width:525px;padding-top:10px;}
	.issue_cont .bott_cont .bottR .bottR_box{padding:30px; width:257px; height:147px; /*background:url("/pc/common/images/che/obkMain_carrerFrame_small.png") no-repeat 0 0; background-size:100% 100%;*/}
	.issue_cont .bott_cont .bottR .bottR_box:hover{/*background:url("/pc/common/images/che/obkMain_carrerFrame_smallOn.png") no-repeat 0 0; background-size:100% 100%;*/}
	.issue_cont .bott_cont .bottR .bottR_box .moreImg{display:none;}
	
	
	#familysite .family_menu_cont{width:1100px;}
	#familysite .family_menu_cont .menu_cont{padding:0 15px; width:220px;}
	#familysite .family_menu_cont .menu_cont:nth-child(1) .menu{background:url("/pc/common/images/nan/obkMain_family_img1_1280.jpg") no-repeat center 0;}
	#familysite .family_menu_cont .menu_cont:nth-child(2) .menu{background:url("/pc/common/images/nan/obkMain_family_img2_1280.jpg") no-repeat center 0;}
	#familysite .family_menu_cont .menu_cont:nth-child(3) .menu{background:url("/pc/common/images/nan/obkMain_family_img3_1280.jpg") no-repeat center 0;}
	#familysite .family_menu_cont .menu_cont:nth-child(4) .menu{background:url("/pc/common/images/nan/obkMain_family_img4_1280.jpg") no-repeat center 0;}
	#familysite .family_menu_cont .menu_cont:nth-child(5) .menu{background:url("/pc/common/images/nan/obkMain_family_img5_1280.jpg") no-repeat center 0;}
	#familysite .family_menu_cont .menu_cont .menu{width:190px;}
	#familysite .family_menu_cont .menu_cont .menu:after{content:""; display:block; position:absolute; top:0; left:0; width:190px; height:146px; opacity:0; background:url("/pc/common/images/nan/obkMain_family_imgOver_1280.png") no-repeat 0 0; transition:all 0.2s ease; -webkit-transition:all 0.2s ease;}
	#familysite .family_menu_cont .menu_cont .menu:hover:after{opacity:1;}
	#familysite .family_menu_cont .menu_cont .menu .tit{padding:140px 0 15px; font-size:22px; font-family:'NotoSans-Bold'; color:#fff;}
	#familysite .family_menu_cont .menu_cont .menu .txt{font-size:13px; font-family:'NotoSans-Light'; color:rgba(255, 255, 255, 0.7); line-height:1.3;}
}

/***20240423 수정 시작****/
.nanumDiv {
    overflow: hidden;
    margin-top: 50px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem;
	position: relative;
    margin: 0 auto;
}

.nanumDiv .nanumList {
	width: calc((100% - 4rem) / 3);
    font-family: 'NotoSans-Light';
    color: #333;
    box-sizing: border-box;
    background-color: #fff;
    padding: 20px;
	border: 1px #ddd solid;
}

.nanumDiv .nanumList img {
    width: 100%;
	height: 182px;
}

.nanumDiv .nanumList .txt2 {
    font-family: 'NotoSans-Bold';
    font-size: 18px;
    margin: 20px 0 15px;
	white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.nanumDiv .nanumList .txt3 {
    line-height: 1.5;
    font-size: 16px;
	margin-bottom: 1rem;
}
.nanumDiv .nanumList .txt4 {
    line-height: 1.5;
    font-size: 16px;
}

.nanumList:hover {
    border: 1px #006eb7 solid;
}


.board_banner{
	width: 100%;
    overflow: hidden;
    background: #fff;
    padding: 20px;
    box-sizing: border-box;
    display: flex;
    gap: 10%;
    justify-content: center;
}


/***********20240510 수정 시작************/
/*popup setting */

.main_popup1 img {
    width: 100% !important;
    height: auto !important;
}  


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

    .main_popup1 {
		width: 450px !important;
		height: auto !important;
        margin: 0 auto !important;
        left: 0 !important;
		top: 5rem !important;
    }

	.main_popup1 img {
        width: 100% !important;
        max-width: fit-content;
    }
}

@media screen and (max-width:640px){
    .main_popup1 {
		width: 350px !important;
		height: auto !important;
        margin: 0 auto !important;
        left: 0 !important;
		top: 5rem !important;
    }

	.main_popup1 img {
        width: 100% !important;
        max-width: fit-content;
    }
}

/***********20240617 수정 시작************/
/************** 레이어 팝업 **************/
/****************************************/

.main_popup2{
	z-index: 9999; top: 7rem; left: 1rem; position: absolute; margin: 0; padding: 0; height: auto; width: auto;
}
.close_btn{
	float: right; padding: 0 8px; color: #fff; cursor: pointer;
}
.close_day{
	float: left; padding: 0 8px;
}
.close_wrap {
	background: #222; height: 36px; line-height: 36px;
}
@media screen and (max-width:700px){
	.main_popup2 {position:absolute; background-color: rgba(0,0,0,0.3); cursor:pointer;  text-align: center;}
	.main_popup2 { width:100%; height: 100%; top:10px; left: 50%; margin-left: -50%;  z-index: 11111;}
	.main_popup2 p {margin: 50px auto 0; text-align: center;}
	.main_popup2 img {width:96%;}
	.main_popup2 .close_wrap {background-color: rgba(0,0,0,0.0); height: 30px; color: #fff; line-height: 30px;text-align: center;}

	.close_btn{
		width: 100%; text-align: center; color: #fff; cursor: pointer;
	}
	.close_day{
		width: 100%; text-align: center; color: #fff; padding: 0;
	}
}

/**********20240617 수정 끝**************/