#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:46px; right:46px; z-index:6;}

#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/otn/obkMain_family_img1_obk.jpg") no-repeat center 0;}
#familysite .family_menu_cont .menu_cont:nth-child(2) .menu{background:url("/pc/common/images/otn/obkMain_family_img1.jpg") no-repeat center 0;}
#familysite .family_menu_cont .menu_cont:nth-child(3) .menu{background:url("/pc/common/images/otn/obkMain_family_img2.jpg") no-repeat center 0;}
#familysite .family_menu_cont .menu_cont:nth-child(4) .menu{background:url("/pc/common/images/otn/obkMain_family_img3.jpg") no-repeat center 0;}
#familysite .family_menu_cont .menu_cont:nth-child(5) .menu{background:url("/pc/common/images/otn/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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/obkMain_family_bg2.gif") no-repeat center center; background-size:cover;}
*/
/*visual*/
.main_sidebtn_cont{position:fixed; top:46%; right:0; z-index:2;}
.main_sidebtn_cont a{display:block; text-align:right; font-weight:500; font-size:15px; 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; 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:nth-child(3){z-index: 1;}
.main_section:first-child{top:0; display:block;}
.main_section.footer{height:170px; z-index:2;}
.main_visual{position:absolute; top:0; left:0; width:100%; height:100%;}
.main_visual .visual_tit .tit{font-size:60px; color:#ffffff; font-family:'NotoSans-Bold';}
.main_visual .visual_tit .txt{font-size:30px; color:#ffffff; font-family:'NotoSans-Light'; margin-top:20px;}
.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/otn/ico_mainv_arrowUp.png") no-repeat right center;}
.main_visual .tab_cont .btn_cont .btn.on .btn_tit{background:url("/pc/common/images/otn/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:144px; right:76px; z-index:2;}
.main_visual .tab_cont .tab_content.s1{background:url("/pc/common/images/otn/mainv_tab1_bg1.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .tab_content.s2{background:url("/pc/common/images/otn/mainv_tab2_bg1.jpg") no-repeat center center; background-size:cover;}
.main_visual .tab_cont .tab_content.s3{background:url("/pc/common/images/otn/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/otn/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/otn/obkMain_s1_r1_img1.png") no-repeat 0 center;}
.main_visual .tab_cont .roll_cont.rc1 .roll.r2{background:url("/pc/common/images/otn/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/otn/obkMain_s1_r2_img1.png") no-repeat 0 center;}
.main_visual .tab_cont .roll_cont.rc1 .roll.r3{background:url("/pc/common/images/otn/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/otn/obkMain_s1_r3_img1.png") no-repeat 0 center;}
.main_visual .tab_cont .roll_cont.rc1 .roll.r4{background:url("/pc/common/images/otn/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/otn/obkMain_s1_r4_img1.png") no-repeat 0 center;}

.main_visual .tab_cont .roll_cont.rc2 .roll.r1{background:url("/pc/common/images/otn/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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/obkMain_s3_r1_img1.png") no-repeat 0 60%;}
.main_visual .tab_cont .roll_cont.rc3 .roll.r2{background:url("/pc/common/images/otn/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/otn/obkMain_s3_r2_img1.png") no-repeat 0 60%;}
.main_visual .tab_cont .roll_cont.rc3 .roll.r3{background:url("/pc/common/images/otn/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/otn/obkMain_s3_r3_img1.png") no-repeat 0 60%;}
.main_visual .tab_cont .roll_cont.rc3 .roll.r4{background:url("/pc/common/images/otn/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/otn/obkMain_s3_r4_img1.png") no-repeat 0 60%;}
.main_visual .visual_tit{position:absolute; top:53%; left:0; width:100%; text-align:center; opacity:0;}
.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; 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/otn/otnMain_visual_img.jpg?ver=20260623") 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;}


/*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/otn/obkMain_visual_img.jpg) no-repeat;
	background-size: cover;
}

/*Business*/
.w33p{width:33%;}
.w34p{width:34%;}
.bz_intro{position:absolute; top:0; left:0; width:100%; height:100%; background:url("/pc/common/images/otn/main_section1_bg.gif") no-repeat center center; background-size:cover; z-index:2;}
.bz_intro .txt{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.biz_cont{height:100%; width:100%; overflow:hidden; padding-top:70px; box-sizing:border-box;display: flex;
            flex-wrap: wrap;}
.biz_cont .float_box{width: calc(100% / 3) !important;overflow:hidden; height:100%; position: relative;}
.biz_cont .float_box .img_cont{display:block; width:100%; height:100%; position:relative; float:left; opacity:1; z-index: 1;}
.biz_cont .float_box .img_cont .txt1{position:absolute; top:80px; left:80px; line-height:1; font-size:32px; color:#fff; font-family:'NotoSans-Bold';}
.biz_cont .float_box .img_cont .txt2{display:none; position:absolute; top:150px; left:80px; line-height:1; font-size:18px; color:#fff; font-family:'NotoSans-Light'; line-height:24px;padding-right:80px;}
.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;position:absolute; top:0; left:0; width:100%; height:100%; background:url("/pc/common/images/otn/otn_otnMain_dimd.png") repeat 0 0;}
.biz_cont .float_box .img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.biz_cont .float_box .img.c1{background:url("/pc/common/images/otn/obkMain_biz_img1.jpg") no-repeat center center; background-size:cover;}
.biz_cont .float_box .img.c2{background:url("/pc/common/images/otn/obkMain_biz_img2.jpg") no-repeat center center; background-size:cover;}
.biz_cont .float_box .img.c3{background:url("/pc/common/images/otn/obkMain_biz_img3.jpg") 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/che/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/che/obkMain_issue_bg.gif") repeat center center; background-size:cover;}
.issue_cont .issue{padding-top:183px; overflow:hidden;}
.issue_cont .issue .newsDiv{width:calc((100% - 20px) / 2); float:left;position:relative;}
.issue_cont .issue .newsDiv .btn_newsAll{position:absolute; top:0; left:0; font-size:14px; color:#000;}
.issue_cont .issue .careerBox{width:calc((100% - 20px) / 2); height:361px; float:right; background:#fff; padding:60px 45px; box-sizing:border-box;display: flex;}
.issue_cont .issue .careerBox .tit{width:130px; font-size:26px; font-family:'NotoSans-Light'; color:#000; background:url("/pc/common/images/che/obkMain_issue_more.png") no-repeat 0 100%;padding-bottom:45px; float:left;}
.issue_cont .issue .careerBox .careerList{width:330px;float:right;}
.issue_cont .issue .careerBox .careerList li.pt44{padding-top:44px;}
.issue_cont .issue .careerBox .careerList li.pb44{padding-bottom:44px;}
.issue_cont .issue .careerBox .careerList li:first-child{border-bottom:1px solid #e8e8e8;}
.issue_cont .issue .careerBox .careerList li .careerTxt{font-size:18px; font-family:'NotoSans-Light'; color:#444; line-height:1.3;}
.issue_cont .issue .careerBox .careerList li .careerTxt .blueT{font-family:'Montserrat'; font-weight:700; color:#006eb7;}
.issue_cont .issue .careerBox .careerList li .date{font-size:13px; font-family:'NotoSans-Bold'; color:#444; margin-top:15px;}

.issue_cont .issue .cureerNoDiv{float:right; width:550px; height:361px; background:url("/pc/common/images/otn/cureerNo_550x360.jpg") no-repeat center center;  background-size:cover;}

.issue_cont .issue .list_cont{overflow:hidden;}
.issue_cont .issue .list_cont .list{display:block; position:relative; float:left; margin-left:10px; width:calc((100% - 20px) / 2); 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:calc((100% - 20px) / 2); 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.imgType .txt_cont .txt{overflow:hidden; height:192px; font-family:'NotoSans-Light'; font-size:14px; line-height:1.4;}
.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:240px; font-size:14px; font-family:'NotoSans-Light'; line-height:1.4;word-break:break-all;}
.issue_cont .issue .list_cont .list .more{position:absolute; bottom:30px; left:30px; z-index:5; padding-right:28px; line-height:1.5; font-size:14px; background:url("/pc/common/images/che/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/che/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; padding-top:60px;}
.issue_cont .bott_cont .bottL .tit{font-size:24px; font-family:'NotoSans-Light'; color:#000; line-height:1.5;display:inline-block;}
.issue_cont .bott_cont .bottL .bottList {width:355px; float:right;}
.issue_cont .bott_cont .bottL .bottList .icon{display:inline-block; position:relative; margin-left:20px; width:90px; vertical-align:top;}
.issue_cont .bott_cont .bottL .bottList .icon:first-child{margin-left:0;}
.issue_cont .bott_cont .bottL .bottList .icon .on{position:absolute; top:0; left:0; opacity:0}
.issue_cont .bott_cont .bottL .bottList .icon:hover .on{opacity:1;}
.issue_cont .bott_cont .bottL .bottList .icon:focus .on{opacity:1;}
.issue_cont .bott_cont .bottL .bottList .icon .name_txt{display:inline-block; padding-top:10px; width:100%; text-align:center; font-size:15px; color:rgba(0, 0, 0, 0.8); font-family:'NotoSans-Bold'; line-height:1.3;}

.issue_cont .bott_cont .bottR{float:right; width:550px;}
.issue_cont .bott_cont .bottR .bottR_box{display:block; float:left; width:273px; height:195px; padding:45px; box-sizing:border-box; background:url("/pc/common/images/che/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{background:url("/pc/common/images/che/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;}
/*carrer
.carrer_intro{position:absolute; top:0; left:0; width:100%; height:100%; background:#ebebeb; z-index:3;}
.carrer_intro .txt{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.carrer_cont{width:100%; height:100%; background:url("/pc/common/images/otn/obkMain_carrer_bg.gif") no-repeat center center; background-size:cover;}
.carrer_cont .carrer{position:relative; padding-top:120px;}
.carrer_cont .carrer .carrerL{float:left; width:550px; height:520px; background:url("/pc/common/images/otn/@carrer_roll_bg.png") no-repeat center center; background-size:cover;}
.carrer_cont .carrer .carrerL .roll_cont{position:relative; width:100%; height:100%; overflow:hidden;}
.carrer_cont .carrer .carrerL .roll_cont .roll{position:absolute; top:0; left:0; z-index:1; width:100%; height:100%;}
.carrer_cont .carrer .carrerL .roll_cont .roll .tit{padding:60px 0 40px 50px; font-size:26px; font-weight:300; color:#fff;}
.carrer_cont .carrer .carrerL .roll_cont .roll .subj{padding:0 0 0 50px; font-size:40px; font-weight:700; color:#fff; line-height:1.2;}
.carrer_cont .carrer .carrerL .roll_cont .roll .name{position:relative; margin-top:15px; padding:10px 0 0 50px; font-weight:300; color:#fff;}
.carrer_cont .carrer .carrerL .roll_cont .roll .name span{font-weight:700;}
.carrer_cont .carrer .carrerL .roll_cont .roll .name:before{display:inline-block; position:absolute; top:0; content:""; width:40px; height:1px; background:#fff;}
.carrer_cont .carrer .carrerL .roll_cont .roll .detailBtn{display:inline-block; box-sizing:border-box; margin:30px 0 0 50px; padding:10px 0; width:110px; height:35px; border-radius:35px; text-align:center; font-size:15px; color:#222; background:rgba(255, 255, 255, 0.8);}
.carrer_cont .carrer .carrerL .roll_cont .rollBtn_cont{position:absolute; bottom:40px; left:50px; z-index:2;}
.carrer_cont .carrer .carrerL .roll_cont .rollBtn_cont .btn{display:inline-block; float:left; margin:5px 10px 0 0; width:10px; height:10px; border-radius:10px; background:rgba(255, 255, 255, 0.9);}
.carrer_cont .carrer .carrerL .roll_cont .rollBtn_cont .btn.on{margin-top:0; width:20px; height:20px; border-radius:20px; background:rgba(255, 255, 255, 1);}
.carrer_cont .carrer .carrerL .gnb_bg2{opacity:1; z-index:0;}
.carrer_cont .carrer .carrerR{float:left; margin-left:10px; width:550px; height:520px;}
.carrer_cont .carrer .carrerR .recruit_cont{position:relative; box-sizing:border-box; padding:60px 30px 0 43px; width:550px; height:315px; background:rgba(255, 255, 255, 0.8);}
.carrer_cont .carrer .carrerR .recruit_cont .tit{position:absolute; top:58px; left:40px; padding-bottom:40px; font-size:26px; color:#000; font-weight:300; background:url("/pc/common/images/otn/obkMain_issue_more.png") no-repeat 0 bottom;}
.carrer_cont .carrer .carrerR .recruit_cont .list_cont{margin:0 0 0 144px;}
.carrer_cont .carrer .carrerR .recruit_cont .list_cont .list{margin-top:24px; padding-top:22px; border-top:1px solid #e8e8e8;}
.carrer_cont .carrer .carrerR .recruit_cont .list_cont .list:first-child{margin-top:0; padding-top:0; border-top:0;}
.carrer_cont .carrer .carrerR .recruit_cont .list_cont .list .subj{display:inline-block; font-weight:300; font-size:18px; color:#444; line-height:1.3;}
.carrer_cont .carrer .carrerR .recruit_cont .list_cont .list .subj .font_mont{padding-right:5px; font-weight:700; font-size:18px; color:#006eb7;}
.carrer_cont .carrer .carrerR .recruit_cont .list_cont .list .period_txt{padding-top:12px; font-weight:700; font-size:13px; color:#444;}
.carrer_cont .carrer .carrerR_bot{padding:10px 0 0 0; width:550px;}
.carrer_cont .carrer .carrerR_bot .bot_frame{display:block; float:left; margin-left:4px; box-sizing:border-box; padding:45px; width:273px; height:195px; background:url("/pc/common/images/otn/obkMain_carrerFrame_large.png") no-repeat 0 0;}
.carrer_cont .carrer .carrerR_bot .bot_frame:hover{background:url("/pc/common/images/otn/obkMain_carrerFrame_largeOn.png") no-repeat 0 0;}
.carrer_cont .carrer .carrerR_bot .bot_frame:first-child{margin-left:0;}
.carrer_cont .carrer .carrerR_bot .bot_frame .tit{font-size:26px; color:#000; font-weight:300;}
.carrer_cont .carrer .carrerR_bot .bot_frame .txt{padding:12px 0 30px; font-size:15px; font-weight:300; color:#000; line-height:1.3; background:url("/pc/common/images/otn/obkMain_issue_more.png") no-repeat 0 bottom;}
*/

@media all and (max-width:1400px){
	.main .inner{width:1060px !important;}
	.main_visual .visual_tit .tit{font-size:36px; line-height: 40px;}
	.main_visual .visual_tit .txt{font-size:20px; line-height: 25px;}
	.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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/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/otn/obkMain_s3_r4_img1_1280.png") no-repeat center center;}
	
	.biz_cont .float_box .img_cont .txt1{top:70px; left:50px; font-size: 24px;}
	.biz_cont .float_box .img_cont .txt2{top: 120px; left:50px; font-size: 15px;display: inline-block !important;}
	/* .issue_cont .issue .list_cont{position:relative; width:100%;}
	.issue_cont .issue .list_cont .list{margin-left:10px;height:300px;}
	.issue_cont .issue .list_cont .list.txtType .txt_cont{padding:30px;}
	.issue_cont .issue .list_cont .list.txtType .txt_cont .txt{height:123px;}
	.issue_cont .issue .list_cont .list.imgType .txt_cont{padding:25px;}
	.issue_cont .issue .list_cont .list .more{bottom:25px; left:25px;}
	.issue_cont .issue .list_paging{display:block;}
	.issue_cont .issue .bott_cont .bottL{width:300px; }
	.issue_cont .issue .careerBox{width:495px; height:300px;}
	.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 .issue .cureerNoDiv{width:495px; height:300px; background:url("/pc/common/images/otn/cureerNo_small_550x360.jpg") no-repeat center center;  background-size:cover;} */

	.issue_cont .bott_cont .bottL{padding-top:25px;}
	.issue_cont .bott_cont .bottR{width:495px;padding-top:10px;}
	.issue_cont .bott_cont .bottR .bottR_box{padding:35px; width:245px; 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;}	

	/*.issue_cont .issue .list_cont{position:relative; width:3000px; height:270px;}
	.issue_cont .issue .list_cont .list{margin-left:21px; width:480px; height:270px;}
	.issue_cont .issue .list_cont .list.imgType .more{left:300px;}
	.issue_cont .issue .list_cont .list.imgType .img_cont{float:left;}
	.issue_cont .issue .list_cont .list.imgType .txt_cont{float:left; width:210px; height:270px;}
	.issue_cont .issue .list_cont .list.txtType .txt_cont{padding:30px;}
	.issue_cont .issue .list_cont .list.txtType .txt_cont .txt{height:123px;}
	.issue_cont .issue .list_paging{display:block;}
	.issue_cont .issue .bott_cont .bottL{width:300px; }*/

	.carrer_cont .carrer{padding-top:80px;}
	.carrer_cont .carrer .carrerL{float:left; width:468px; height:442px;}
	.carrer_cont .carrer .carrerR{float:left; margin-left:20px; width:493px; height:442px;}
	.carrer_cont .carrer .carrerR .recruit_cont{padding:50px 30px 0 28px; width:493px; height:275px;}
	.carrer_cont .carrer .carrerR_bot{width:493px;}
	.carrer_cont .carrer .carrerR_bot .bot_frame{margin-left:3px; padding:30px; width:245px; height:147px; background:url("/pc/common/images/otn/obkMain_carrerFrame_small.png") no-repeat 0 0;}
	.carrer_cont .carrer .carrerR_bot .bot_frame:hover{background:url("/pc/common/images/otn/obkMain_carrerFrame_smallOn.png") no-repeat 0 0;}
	.carrer_cont .carrer .carrerR_bot .bot_frame .txt{background: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/otn/obkMain_family_img1_obk_1280.jpg") no-repeat center 0;}
	#familysite .family_menu_cont .menu_cont:nth-child(2) .menu{background:url("/pc/common/images/otn/obkMain_family_img1_1280.jpg") no-repeat center 0;}
	#familysite .family_menu_cont .menu_cont:nth-child(3) .menu{background:url("/pc/common/images/otn/obkMain_family_img2_1280.jpg") no-repeat center 0;}
	#familysite .family_menu_cont .menu_cont:nth-child(4) .menu{background:url("/pc/common/images/otn/obkMain_family_img3_1280.jpg") no-repeat center 0;}
	#familysite .family_menu_cont .menu_cont:nth-child(5) .menu{background:url("/pc/common/images/otn/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/otn/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;}
}

/* 2020-07-13 �߰�*/
/* �˾� */
.lyPop_jeju{display:block; position:fixed; width:400px; top:50%; left:50%; transform:translate(-50%, -50%); z-index:999;}
.lyPop_jeju .cont{text-align:center; padding:38px 40px 50px; margin:auto; background:url("/pc/common/images/otn/pop_jeju_bg.jpg") no-repeat 0 0/100% 100%;}
.lyPop_jeju .cont .tit{font-size:18px; font-weight:bold; color:#444; line-height:34px;}
.lyPop_jeju .cont .txt{font-size:26px; font-weight:bold; color:#444; line-height:34px;}
.lyPop_jeju .cont .btn{display:inline-block; padding:20px 0 0}
.lyPop_jeju .cont .btn a{padding:15px 45px; color:#fff; background:#006eb7; text-align:center; font-size:18px; }
.lyPop_jeju .close_cont{display:block; padding:8px 10px; background-color:#444; text-align:right;}
.lyPop_jeju .close_cont .close{display:inline-block; padding-right:20px; color:#fff; font-size:14px; text-align:right; background:url("/pc/common/images/otn/pop_jeju_close.png") no-repeat right 2.5px/10px 10px;}
/* // 2020-07-13 �߰�*/

/* 2022-08-02 �߰� s */
.lyPop_location{display:block; position:fixed; width: 500px; top:50%; left:50%; transform:translate(-50%, -50%); z-index:999;}
.lyPop_location .cont{padding:40px; margin:auto; text-align:center;  background: #fff;}
.lyPop_location .cont .img_area img{width: 100%;}
.lyPop_location .close_cont{display:block; padding:8px 10px; background-color:#444; text-align:right;}
.lyPop_location .close_cont .close{display:inline-block; padding-right:20px; color:#fff; font-size:14px; text-align:right; background:url("/pc/common/images/otn/pop_jeju_close.png") no-repeat right 2.5px/10px 10px;}
/* // 2022-08-02 �߰� e */

/* =====================================================
   RESPONSIVE
===================================================== */

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

    .issue_cont .inner{
        width:100%;
        padding:0 20px;
        box-sizing:border-box;
    }

    .issue_cont .issue{
        display:flex;
        justify-content:space-between;
        gap:20px;
    }

    .issue_cont .issue .newsDiv,
    .issue_cont .issue .careerBox,
    .issue_cont .issue .cureerNoDiv{
        width:calc((100% - 20px) / 2);
        float:none;
    }

    .issue_cont .issue .list_cont{
        display:flex;
        gap:10px;
    }

    .issue_cont .issue .list_cont .list{
        width:calc((100% - 10px) / 2);
        margin-left:0;
        float:none;
    }
.issue_cont .bott_cont .bottR .bottR_box .tit {
    font-size: 20px;
}
    .issue_cont .bott_cont{
        display:flex;
        justify-content:space-between;
        gap:20px;
    }

    .issue_cont .bott_cont .bottL,
    .issue_cont .bott_cont .bottR{
        width:calc((100% - 20px) / 2);
        float:none;
		padding-top: 10px;
    }

    .issue_cont .bott_cont .bottR{
        display:flex;
		align-items: stretch;
        gap:10px;
    }
.bottR .txt {display: none;}
    .issue_cont .bott_cont .bottR .bottR_box{
        width:calc((100% - 10px) / 2);
        float:none;
    }
	.issue_cont { height: 138%;}
}


/* =====================================================
   TABLET
===================================================== */

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

    .issue_cont .issue{
        flex-direction:column;
    }

    .issue_cont .issue .newsDiv,
    .issue_cont .issue .careerBox,
    .issue_cont .issue .cureerNoDiv{
        width:100%;
    }

    .issue_cont .issue .careerBox{
        margin-top:20px;
    }

    .issue_cont .bott_cont{
        flex-direction:column;
    }

    .issue_cont .bott_cont .bottL,
    .issue_cont .bott_cont .bottR{
        width:100%;
    }

    .issue_cont .bott_cont .bottL{
        padding-top:30px;
    }
}


/* =====================================================
   MOBILE
===================================================== */

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

    .issue_cont .issue{
        padding-top:140px;
		gap: 0;
    }

    .issue_cont .issue .list_cont{
        flex-direction:column;
    }

    .issue_cont .issue .list_cont .list{
        width:100%;
        height:auto;
        min-height:230px;
    }
 	.issue_cont .issue .list_cont .list:last-child { display: none !important;}
    .issue_cont .issue .list_cont .list.imgType .txt_cont{
        padding:20px;
    }

    .issue_cont .issue .list_cont .list.imgType .txt_cont .txt{
        height:auto;
        max-height:80px;
    }

    .issue_cont .issue .careerBox{
        padding:30px 20px;
        display:block;
        height:auto;
    }
.issue_cont .issue .list_cont .list.imgType .txt_cont .tit {
    font-size: 18px;
}
    .issue_cont .issue .careerBox .tit{
        width:100%;
        padding-bottom:20px;
		background: url(/pc/common/images/che/obkMain_issue_more.png) no-repeat right top;
    }
	.issue_cont .issue .careerBox .careerList li:first-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	.issue_cont .issue .careerBox .careerList li:last-child {
		/* display: none; */
	}
    .issue_cont .issue .careerBox .careerList{
        width:100%;
        float:none;
    }
.issue_cont .bott_cont .bottL .bottList .icon .on {
	display: none;
}
    .issue_cont .bott_cont .bottL{
        display:block;
    }

    .issue_cont .bott_cont .bottL .tit{
        display:block;
        margin-bottom:30px;
    }

    .issue_cont .bott_cont .bottL .bottList{
        width:100%;
        float:none;
        text-align:center;
    }

    .issue_cont .bott_cont .bottL .bottList .icon{
        width:30%;
        margin-left:0;
    }

    .issue_cont .bott_cont .bottR{
        /* flex-direction:column; */
    }

    .issue_cont .bott_cont .bottR .bottR_box{
        /* width:100%; */
        height:auto;
        min-height:inherit;
        margin-bottom:10px;
    }
}