@charset "utf-8"; #wrap{min-width: 1395px;}
 #container .inner{width: 100%; max-width: 1395px;}
 #container { position:relative;}
 #container > div{clear: both; position: relative;}
 .main_vis {background: url("/images/baekhomoonhak/main/bg_main_vis.jpg?build_20250704001") no-repeat center top; height:590px}
 .main_vis .inner { position:relative}
 .main_vis .ment{position: absolute; top: 90px; left:0;}
 .main_vis .ment h2{width: 423px; height: 88px; background: url("/images/baekhomoonhak/main/main_sp.png?build_20250704001") no-repeat 0 0; text-indent: -99999px;}
 .main_vis .ment p { font-size:20px; color:#fff; text-shadow:3px 3px 2px #222; display:block; margin-top:20px;}
 .main_vis .poster_box {position: absolute; top: 30px; right: 0; width: 443px; height: 529px;}
 .main_vis .poster_box ul { width:443px; height:529px;}
 .main_vis .poster_box ul li { float:left; width:100%;}
 .main_vis .poster_box ul li a {position: relative; display: block; transition: ease-in-out 0.3s; overflow: hidden;width:443px; height:529px;}
 .main_vis .poster_box ul li a:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 0 solid #ffdc3f; transition: ease-in-out 0.3s;}
 .main_vis .poster_box ul li a:hover:before{border-width: 10px;}
 .main_vis .poster_control a{ display:block; width: 58px; height: 58px; line-height: 58px; background-color: #1b4692; overflow: hidden; text-align: center; transition: ease-in-out 0.3s; position:absolute; bottom:0; z-index: 1;}
 .main_vis .poster_control a.stop, .main_vis .poster_control a.play { left:0;}
 .main_vis .poster_control a.next {right:0}
 .main_vis .poster_control a.prev {right:59px;}
 .main_vis .poster_control a span.icon{display: inline-block; vertical-align: middle; background: url("/images/baekhomoonhak/main/main_sp.png?build_20250704001") no-repeat 0 -161px; text-indent: -99999px;}
 .main_vis .poster_control a:hover{background-color: #c10d1b;}
 .main_vis .poster_control a.prev span.icon{width: 17px; height: 14px; background-position: -493px -1px;}
 .main_vis .poster_control a.next span.icon{width: 17px; height: 14px; background-position: -589px -1px;}
 .main_vis .poster_control a.stop span.icon{width: 9px; height: 12px; background-position: -530px -2px;}
 .main_vis .poster_control a.play span.icon{width: 10px; height: 12px; background-position: -559px -2px;}
 .main_cont{display: inline-block; width: 100%; padding: 68px 0 60px;}
 .main_cont .float_box1 {position: relative; width:100%; height:325px;}
 .main_cont .float_box1 .news_wrap {position: relative; width:65.8%;}
 .main_cont .float_box1 a.tab_btn {float: left;width: 157px; height: 46px; display:block; background:#fff; border:1px solid #cfcfcf; box-sizing:border-box; text-align:center; font-size:16px; line-height:45px;transition: ease-in-out 0.3s; margin-right:10px;}
 .main_cont .float_box1 a.tab_btn:hover, .main_cont .float_box1 a.on {background:#1b4692; color:#fff; border:1px solid #1b4692;}
 .main_cont .float_box1 .news_wrap ul {position: absolute; top:65px; left: 0; width: 100%; height:260px; overflow:hidden;}
 .main_cont .float_box1 .news_wrap ul li{width:32%; float:left; margin-left:2%;}
 .main_cont .float_box1 .news_wrap ul li:first-child{margin-left:0;}
 .main_cont .float_box1 .news_wrap ul li a{ background-color:#fff; border: 2px solid #c5c5c5; box-sizing:border-box; display: block;  text-overflow: ellipsis;padding: 30px 25px 35px;height:260px;transition: ease-in-out 0.3s;}
 .main_cont .float_box1 .news_wrap ul li a:hover{border: 2px solid #40434c; box-shadow: 2px 2px 5px rgba(0,0,0,0.3);}
 .main_cont .float_box1 .news_wrap ul li a strong {font-size:17px; font-weight:400;}
 .main_cont .float_box1 .news_wrap ul li a p { font-size:14px; color:#555; margin-top:20px; max-height:90px; overflow:hidden;}
 .main_cont .float_box1 .news_wrap ul li a span {font-size:14px; color:#555; margin-top:20px; font-weight:400;display: block;}
 .main_cont .float_box1 .news_wrap ul li.thumb a { padding:0 !important; overflow:hidden;}
 .main_cont .float_box1 .news_wrap ul li.thumb a span { margin-top:0 !important; max-height:190px;}
 .main_cont .float_box1 .news_wrap ul li.thumb a strong { text-align:center !important; display: block;margin-top: 22px;}
 .main_cont a.more{position: absolute; top: 0; right: 0; width: 46px; height: 46px; line-height: 42px; text-align: center; background-color:#1b4692;}
 .main_cont a.more span.icon{position: relative; left: 0; display: inline-block; width: 22px; height: 22px; background: url("/images/sotong/main/main_sp.png?build_20250704001") no-repeat -336px -246px; text-indent: -99999px; vertical-align: middle; transition:transform 500ms ease-in-out;}
 .main_cont a.more:hover span.icon{transform:rotate(180deg);}
 .main_cont .float_box1 > div { float:left}
 .main_cont .float_box1 .popup_wrap { width:31.7%; position:relative; margin-left:2.5%; height:325px; background-color:#40434c; }
 .main_cont .float_box1 .popup_wrap h3 { display:block; position:absolute; bottom:0; color:#fff; height:58px;line-height: 58px; padding-left: 5%; font-size:17px}
 .main_cont .float_box1 .popup_wrap ul {}
 .main_cont .float_box1 .popup_wrap ul li a { position: relative; display: block; width:100%; height:267px; overflow:hidden;}
 .main_cont .float_box1 .popup_wrap ul li a:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 0 solid #ffdc3f; transition: ease-in-out 0.3s;}
 .main_cont .float_box1 .popup_wrap ul li a:hover:before{border-width: 5px;}
 .main_cont .pop_control { position:absolute; bottom:0; right:15px}
 .main_cont .pop_control a{ display:block; float:left; width: 43px; height: 58px; line-height: 58px; background-color: #40434c; overflow: hidden; text-align: center; transition: ease-in-out 0.3s; z-index: 1;}
 .main_cont .pop_control a span.icon{display: inline-block; vertical-align: middle; background: url("/images/baekhomoonhak/main/main_sp.png?build_20250704001") no-repeat 0 -161px; text-indent: -99999px;transition: ease-in-out 0.3s;}
 .main_cont .pop_control a.prev span.icon{width: 17px; height: 14px; background-position: -493px -1px;}
 .main_cont .pop_control a.next span.icon{width: 17px; height: 14px; background-position: -589px -1px;}
 .main_cont .pop_control a.stop span.icon{width: 9px; height: 13px; background-position: -530px -2px;}
 .main_cont .pop_control a.play span.icon{width: 10px; height: 13px; background-position: -559px -2px;}
 .main_cont .pop_control a.prev:hover span.icon{width: 17px; height: 14px; background-position: -493px -21px;}
 .main_cont .pop_control a.next:hover span.icon{width: 17px; height: 14px; background-position: -589px -21px;}
 .main_cont .pop_control a.stop:hover span.icon{width: 9px; height: 12px; background-position: -530px -22px;}
 .main_cont .pop_control a.play:hover span.icon{width: 10px; height: 12px; background-position: -559px -22px;}
 .main_cont .float_box2 {position: relative; width:100%; margin-top: 50px;}
 .main_cont .float_box2 > div { width:31.75%; float:left; margin-right:2.375%}
 .main_cont .float_box2 > div:last-child {margin-right:0}
 .main_cont .float_box2 .photo {background-color:#40434c; height:292px; position:relative;}
 .main_cont .float_box2 .photo h3 { display:block; position:absolute; bottom:0; color:#fff; height:58px;line-height: 58px; padding-left: 5%; font-size:17px}
 .main_cont .float_box2 .photo ul li a { position: relative; display: block; width:100%; height:234px; overflow:hidden;}
 .main_cont .float_box2 .photo ul li a img {transition: ease-in-out 0.6s;}
 .main_cont .float_box2 .photo ul li a:hover img{transform: scale(1.06);}
 .main_cont .float_box2 .photo ul li a img:before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border:5px solid transparent; transition: ease-in-out 0.3s;}
 .main_cont .float_box2 .photo ul li a:hover img:before{border-color:#ffdc3f;}
 .main_cont .float_box2 .work {height:292px; position: relative;background: url("/images/baekhomoonhak/main/main_sp.png?build_20250704001") no-repeat 0 -221px;}
 .main_cont .float_box2 .work h3 {display: block; width: 157px; height:69px; background: url("/images/baekhomoonhak/main/main_sp.png?build_20250704001") no-repeat -562px -109px; text-indent: -99999px; margin:50px 0 0 34px;}
 .main_cont .float_box2 .work p { font-size:16px; font-weight:400; display:block; margin:30px 0 0 34px;}
 .main_cont .float_box2 .work p span.txt {display: inline-block;width: 175px; margin-top: 45px; vertical-align: top; margin-right: 26px;}
 .main_cont .float_box2 .work p span.ico {background: url("/images/sotong/main/main_sp.png?build_20250704001") no-repeat -602px -135px; display: inline-block; width:166px; height:169px}
 .main_cont .float_box2 .work ul {width:90%; margin-left:5%;margin-top: 37px;}
 .main_cont .float_box2 .work ul li { width:25%; float:left; border:1px solid #fff; box-sizing:border-box;margin: 0 0 0 -1px;}
 .main_cont .float_box2 .work ul li a { display:block; text-align:center; color:#fff; padding:20px 0;transition: ease-in-out 0.3s; font-size:17px}
 .main_cont .float_box2 .work ul li:nth-child(odd) a {background:#40434c;}
 .main_cont .float_box2 .work ul li:nth-child(even) a {background:#1b4692;}
 .main_cont .float_box2 .work ul li a:hover{background-color: #c10d1b;}
 .main_cont .float_box2 .naju_link {height:292px;}
 .main_cont .float_box2 .naju_link ul { width:100%; border-top:2px solid #c5c5c5;border-left:2px solid #c5c5c5; box-sizing:border-box;display: inline-block;}
 .main_cont .float_box2 .naju_link ul li { width:50%; float:left;border-bottom:2px solid #c5c5c5;border-right:2px solid #c5c5c5; box-sizing:border-box;}
 .main_cont .float_box2 .naju_link ul li a { display:block; height:123px; text-align:center; font-weight:400;padding-top: 20px;transition: ease-in-out 0.3s;}
 .main_cont .float_box2 .naju_link ul li a:hover { background-color:#ffdc3e;}
 .main_cont .float_box2 .naju_link ul li a span.ico {background: url("/images/baekhomoonhak/main/main_sp.png?build_20250704001") no-repeat -402px -135px; text-indent: -99999px; display:block; width:70px; height:72px; margin:0 auto 5px}
 .main_cont .float_box2 .naju_link ul li.nl04 a span.ico { background-position: -405px -119px;}
 .main_cont .float_box2 .naju_link ul li.nl03 a span.ico { background-position: -263px -119px;}
 .main_cont .float_box2 .naju_link ul li.nl02 a span.ico { background-position: -141px -119px;}
 .main_cont .float_box2 .naju_link ul li.nl01 a span.ico { background-position: -26px -119px;}