/*common main visual*/ #DB_tab16 ul, #DB_tab16 li{list-style:none;margin:0;padding:0} #DB_tab16 img{border:none; } /*#DB_tab16 {width:99.99%;position:relative; max-width:1800px; overflow:hidden; margin:0 auto;}*/ #DB_tab16 {width:100%;position:relative; overflow:hidden; margin:0 auto;} #DB_tab16 .d_bg img{width:100%; height:auto; } header .d_container{position:relative;z-index:999;} /*pc*/ @media all and (min-width: 1201px){ header .d_container{background-color:#0c2a40; height:100%; overflow:hidden; width:100%;} /*메뉴전체높이는 js에*/ .top_nav{display:block !important; width: 40%; float: left; left: 5%;} .top_nav li{height:auto; width: 25%;} .list_wrap {overflow: hidden; width: 30%; color: #fff; padding-left: 5%; padding-top: 15px;} .list_wrap .call_wrap {float: left; width: 70%; padding-top: 25px;} .list_wrap .call_wrap p:first-child {line-height: 33px; font-size: 23px; font-weight: 600; padding-left: 40px; background: url(../../img/netbuilder/add/call.png)no-repeat left center;} .list_wrap .call_wrap p:last-child {font-size: 18px !important; font-weight: 500;} .list_wrap .qr_wrap {float: left; width: 30%;} .list_wrap .qr_wrap p {background: url(../../img/netbuilder/add/kakaotalk.png)no-repeat right center; width: 100%; height: 105px;} .top_nav li a{color:#fff; font-weight:400;} .top_nav li a:hover{color:#7dcada; font-weight:bold;} .top_nav li.fixed > a{color:#a40000;border-bottom:3px solid #cccccc; z-index:1000} .top_nav li dl{display:block !important; } .top_nav li dl dd{line-height:30px} .top_nav li dl dd a{font-size:15px; font-family:NanumGothic, 'Nanum Gothic', '나눔고딕', NG, 돋움, 굴림, sans-serif;} .top_nav li dl dd a:hover{border:none; } .top_nav li dl dd.fixed a{color:#a40000;} /* 메인비주얼 */ #DB_tab16 .DB_img{position:relative; width:100%; margin:0 auto; /*height:734px;*/ height: 156px; transition: all 0.5s;} /* 이미지 높이값 */ #DB_tab16 .DB_img li{position:absolute; width:100%; height:100%; text-align:center;} /* 이미지 센터 */ #DB_tab16 .DB_img li img{/*width:100%;*/width: 12.5%;/* max-width:1920px; */} /* 최대 이미지 크기 */ /*#DB_tab16 .DB_img li.img1 {background:url('../../img/netbuilder/main/visual1.jpg') no-repeat 50% 0;} #DB_tab16 .DB_img li.img2 {background:url('../../img/netbuilder/main/visual2.jpg') no-repeat 50% 0;} #DB_tab16 .DB_img li.img3 {background:url('../../img/netbuilder/main/visual3.jpg') no-repeat 50% 0;}*/ #DB_tab16 .DB_img li.img1 {background:url('../../img/netbuilder/add/slide01.png') no-repeat top center;} #DB_tab16 .DB_img li.img2 {background:url('../../img/netbuilder/add/slide02.png') no-repeat top center;} #DB_tab16 .DB_img li.img3 {background:url('../../img/netbuilder/add/slide03.png') no-repeat top center;} #DB_tab16 .DB_img li.img4 {background:url('../../img/netbuilder/add/slide04.png') no-repeat top center;} #DB_tab16 .DB_img li.img5 {background:url('../../img/netbuilder/add/slide05.png') no-repeat top center;} #DB_tab16 .DB_img li.img6 {background:url('../../img/netbuilder/add/slide06.png') no-repeat top center;} #DB_tab16 .DB_img li.img7 {background:url('../../img/netbuilder/add/slide07.png') no-repeat top center;} #DB_tab16 .DB_img li.img8 {background:url('../../img/netbuilder/add/slide08.png') no-repeat top center;} #DB_tab16 .DB_img li.img9 {background:url('../../img/netbuilder/add/slide09.png') no-repeat top center;} #DB_tab16 .DB_img li.img10 {background:url('../../img/netbuilder/add/slide10.png') no-repeat top center;} #DB_tab16 .DB_img li.img11 {background:url('../../img/netbuilder/add/slide11.png') no-repeat top center;} #DB_tab16 .DB_menu{position:absolute;bottom:50px;width:100%;text-align:center} #DB_tab16 .DB_menu li{display:inline;cursor:pointer;margin:0px} #DB_tab16 .DB_dirBtn{position:absolute;width:100%;top:50%;margin-top:-25px} #DB_tab16 .DB_dirBtn .DB_prev{position:absolute;left:10px;cursor:pointer} #DB_tab16 .DB_dirBtn .DB_next{position:absolute;right:10px;cursor:pointer} } /*mobile*/ @media all and (max-width:1200px) { header{/*background-color:rgba(255, 255, 255, 1.0);*/ background-color: #0c2a40; /*border-bottom:1px solid #dddddd;*/ width:100%;} nav{display:block;position:relative;z-index:999; } .top_nav{display:none;margin-top:24px; border-bottom:1px solid #ccc;} .top_nav li{border-top:1px solid #ccc;text-indent:20px;line-height:40px;} /* 대분류 라인 컬러 */ .top_nav li a{color:#333} /* 대분류 폰트 컬러 */ .top_nav li > a{display:block;font-size:0.9em;font-weight:600;background:url('../../img/netbuilder/main/m_nav_arrow.gif') no-repeat right 0 #fff;} /* 펼침메뉴 배경 */ .top_nav li.on > a{color:#333;background-position:right -48px; background-color:#fff;text-decoration:none;} /* 메뉴 선택시 배경색 */ .top_nav li dl{background:#efefef; display:none} .top_nav li dl dd{border-top:1px solid #cccccc;line-height:40px; } .top_nav li dl dd a{display:block;font-size:0.9em; font-weight:600;color:#333;} .top_nav li dl dd a:hover{background:#dddddd;color:#333} .top_nav li dl dd.fixed a{background:#dddddd;color:#333} /* 메인비주얼 */ #DB_tab16 .DB_img{position:relative; height:350px; transition: all 0.5s;} /* 이미지 높이값 */ #DB_tab16 .DB_img li{position:absolute; width:100%; height:100%; text-align:center;} /* 이미지 센터 */ #DB_tab16 .DB_img li img{width:100%;} #DB_tab16 .DB_img li.img1 {background:url('../../img/netbuilder/main/visual1.jpg') no-repeat 50% 0; background-size:cover;} #DB_tab16 .DB_img li.img2 {background:url('../../img/netbuilder/main/visual2.jpg') no-repeat 50% 0; background-size:cover;} #DB_tab16 .DB_img li.img3 {background:url('../../img/netbuilder/main/visual3.jpg') no-repeat 50% 0; background-size:cover;} #DB_tab16 .DB_menu{position:absolute;bottom:10px;width:100%;text-align:center;} #DB_tab16 .DB_menu li{display:inline;cursor:pointer;margin:0px;} #DB_tab16 .DB_dirBtn{position:absolute;width:100%;top:50%;margin-top:-25px;} #DB_tab16 .DB_dirBtn .DB_prev{position:absolute;left:10px;cursor:pointer; display:none;} /*#DB_tab16 .DB_dirBtn .DB_prev img {width:50%; margin-top:12px;}*/ #DB_tab16 .DB_dirBtn .DB_next{position:absolute;right:10px;cursor:pointer; text-align:right; display:none;} /*#DB_tab16 .DB_dirBtn .DB_next img {width:50%; margin-top:12px; }*/ }