/* Description: dwb_style_에스엘물류(PC 홈페이지) Author: mail@dwb.kr Version: 1.0 P-Day:2018.11.28 Last_Edit:- Update: */ html{ overflow-y:scroll;} body {margin: 0px;padding: 0px; } img{margin:0px; padding:0px;} #dwb_Center_header .inner, #dwb_Center_body .inner, #dwb_Center_footer .inner, #dwb_Center_footer_02 .inner{width:1280px;} .span1{width:128px;}.span2{width:256px;}.span3{width:384px;}.span4{width:512px;}.span5{width:640px;} .span6{width:768px;}.span7{width:896px;}.span8{width:1024px;}.span9{width:1152px;}.span10{width:1280px;} .number{font-weight:bold; font-family: "Helvetica", Helvetica, Arial, sans-serif;} .s_number{font-weight:500; font-family: "Helvetica", Helvetica, Arial, sans-serif;} .one_number{padding-left:9px;} .one_number_s{padding-left:11px;} .one_number_m{padding-left:14px;} .w55{width:55px;} .w10{width:10px;} .w5{width:5px;} .mt10{ margin-top:30px;} .mb10{ margin-bottom:10px;} .PCNoneDisplay,.hidden-desktop,.visible-mobile,.NoneDisplay{display:none;} .form-horizontal{ padding-top:100px; padding-bottom:100px; padding-left:150px;} .mt40,.dwb_text_contents .mt40{ margin-top:40px;} .number{font-weight:bold; font-family: "Helvetica", Helvetica, Arial, sans-serif;} .number_s{font-family: "Helvetica", Helvetica, Arial, sans-serif; letter-spacing:2px; font-weight:bold;} .number_s_02{font-family: "Helvetica", Helvetica, Arial, sans-serif; letter-spacing:3px; font-weight:400;} .w13{width:13%;} .full_img{width:100%;} .full_img img{width:100%;} .txt_sl01{color: #1f55a7;} .txt_sl02{color: #002169;} .bg_sl01{background-color:#1f55a7;} .bg_sl02{background-color: #002169;} .btn-sl.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75); } .btn-sl { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #1f55a7; *background-color: #0a3352; background-image: -moz-linear-gradient(top, #1f55a7, #0a3352); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1f55a7), to(#0a3352)); background-image: -webkit-linear-gradient(top, #1f55a7, #0a3352); background-image: -o-linear-gradient(top, #1f55a7, #0a3352); background-image: linear-gradient(to bottom, #1f55a7, #0a3352); background-repeat: repeat-x; border-color: #0a3352 #0a3352 #0a3352; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1f55a7', endColorstr='#1f55a7cc', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .btn-sl:hover, .btn-sl:focus, .btn-sl:active, .btn-sl.active, .btn-sl.disabled, .btn-sl[disabled] { color: #ffffff; background-color: #0a3352; *background-color: #0a3352; } /******헤더 시작 **************************************/ dwb_cover img{position:absolute;} #dwb_Center_header .inner .span7{width:970px;} #dwb_Center_header .inner .span3{ width: 240px; height: 70px; overflow: hidden; line-height: 70px; float: left; } #logo_img{ height: 100%; overflow: hidden; float: left; } #logo_img img{ height: 100%; } #dwb_Center_header.TopFix{position: fixed; z-index:998; background-color: rgba(255,255,255,0.6); border-bottom:1px solid #ddd; height: 90px; padding-top: 20px; border-bottom: 2px solid #0a3352;} #dwb_Center_header .inner #top_Link{ position: absolute; width:460px; height:35px; line-height:35px; text-align:right; color:#009944; font-size:15px; top:38px;left:50%; margin:0 0 0 170px; z-index:9998;} #dwb_Center_header .inner #top_Menu02{ position: absolute; width: 960px; height:35px; line-height:35px; text-align:right; font-size:15px; top:5px;left:50%; margin:0 0 0 -330px; z-index:9998;} #dwb_Center_header .inner #top_Link a{font-weight:600;color:#888;} #dwb_Center_header .inner #top_Link a.point{font-weight:600;color:#d43c36;} #dwb_Center_header .inner #top_Link a:hover{font-weight:600;color:#0098e2;text-decoration:none;} #dwb_Center_header .inner #top_Link ul{ width:80px; z-index: 9999;} #dwb_Center_header .inner #top_Link ul :hover{text-decoration: none; color: #fff;} #dwb_Center_header .inner #top_Link .dropdown-menu{z-index:9999; } #dwb_Center_header .inner #top_Menu{width:467px; margin-left: 10px; margin-top:27px;margin-bottom:0px;padding-bottom:0px;height:70px;} #dwb_Center_header .inner #top_Menu a{font-size:16px;font-weight:600;color:#212121;} #dwb_Center_header .inner #top_Menu a:hover{font-size:16px;font-weight:700;color:#0a3352;text-decoration:none;} #dwb_Center_header .inner #top_MenuLink1{width:110px; height:60px; text-align:right; overflow:hidden; white-space:nowrap;} #dwb_Center_header .inner #top_MenuLink2{width:110px; height:60px; text-align:right; overflow:hidden; white-space:nowrap;} #dwb_Center_header .inner #top_MenuLink3{width:100px; height:60px; text-align:center; overflow:hidden; white-space:nowrap;} #dwb_Center_header .inner #top_MenuLink0{width:5px; height:60px; text-align:right; overflow:hidden; white-space:nowrap;} #dwb_Center_header .inner #top_MenuLink4{width:80px; height:60px; text-align:right; overflow:hidden; white-space:nowrap;} #dwb_Center_header .inner .top_MenuLink{width:18px; height:60px; text-align:right; overflow:hidden; white-space:nowrap;} #dwb_Center_header .inner #top_MenuLink1 h5,#dwb_Center_header .inner #top_MenuLink2 h5,#dwb_Center_header .inner #top_MenuLink3 h5,#dwb_Center_header .inner #top_MenuLink4 h5{border-top:#f9c615 3px solid; margin-top: 5px; margin-left: 150px; -webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #dwb_Center_header .inner #top_MenuLink0:hover h5,#dwb_Center_header .inner #top_MenuLink1:hover h5,#dwb_Center_header .inner #top_MenuLink2:hover h5,#dwb_Center_header .inner #top_MenuLink3:hover h5,#dwb_Center_header .inner #top_MenuLink4:hover h5{min-height:1px; border-top:#f9c615 3px solid; margin-left: 16px; margin-top: 5px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} #dwb_Center_header .inner #top_MenuLink0:hover h5,#dwb_Center_header .inner #top_MenuLink1:hover h5,#dwb_Center_header .inner #top_MenuLink2:hover h5,#dwb_Center_header .inner #top_MenuLink3:hover h5,#dwb_Center_header .inner #top_MenuLink4:hover h5{ margin-left:15px;} #dwb_Freight_Price_Main{width: 830px; height: 260px; background-color:rgba(256,256,256,0.9); z-index: 995; padding: 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3); box-shadow: 0 6px 6px rgba(0, 0, 0, 0.3); margin-top: 10px; margin-bottom: 10px; } #dwb_Main_Slide{ width: 430px; height: 430px;} #dwb_Main_Slide #Call_Number{width: 430px; height: 430px; position: absolute; overflow: hidden;} #dwb_Main_CallNumber{width: 200px; height: 220px; overflow: hidden;position: absolute; top:210px; left: 50%; margin: 0 0 0 440px; z-index: 995;} .subnav{ display:none; position: absolute; left: 50%; top: 102px; width: 100%; border-bottom: 2px solid #0a3352; margin: 0 0 0 -50%; z-index: 9986; background-color:rgba(255,255,255,.40); font-size: 12px; line-height: 15px; color: #111; } .subnav.nav{height: 344px;} .subnav .span10{background-color: #fff; height: 334px; margin-top: 10px; overflow: hidden; border-left: 1px solid #ddd; width: 1280px;} .subnav .span1{ width:364px; height:334px;border-right: 1px solid #ddd; overflow: hidden; text-align: center;} .subnav .span1 p{ margin-top: 20px;} .subnav .span1 .label-inverse{ background-color:#0a3352;} .subnav .span1 i{ color: #b20000;} .subnav .span2{width: 227.7px; border-right: 1px solid #ddd; height: 334px; text-align: center; font-size:14px; line-height: 27px;} .subnav .span2 h3{background-color:#0a3352; color: #fff; margin-top: 0px;;height:52px;line-height: 52px; font-size: 16px; } .subnav .span2 h3 a{text-decoration: none; color: #fff; font-size: 16px; font-weight: bold;} .subnav .span2 h3 a:hover{ color: #f5d127; text-decoration: none;} /*.subnav .span2.bg{ background: url(../img/company/bg.png); background-repeat: no-repeat;}*/ .subnav a{color: #212121; font-size: 14px;; line-height:42px;} .subnav a:hover{color: #e83820; text-decoration: none;} .subnav #dwb_Acc a i{color: #fff;} .subnav #dwb_Acc a:hover{text-decoration: none; color: #fff;} .subnav #dwb_Acc .carousel-control{left:295px;} .subnav #dwb_Acc .carousel-control.right {margin-left:31px;} .subnav #dwb_Acc .carousel-control { font-family: "Helvetica", Helvetica, Arial, sans-serif;border-radius:0;border:0px solid white;top:25px; width:30px; height:30px; font-size:24px;line-height:30px;position: absolute; z-index:999; font-weight:900;} #dwb_Carousel_A h1{font-size:45px; line-height: 65px;} /* ************************************* 헤더 끝******* /******바디 시작 **************************************/ #dwb_Center_body{margin-top: 110px;} #dwb_Center_body .inner.NoPadding{padding-top:0px; } #dwb_Center_body.dwb_Main{ padding-top: 130px; background:url(../img/sub/sub_bg_01.jpg);height: 690px; margin-top: 0px;} #dwb_Center_body.sub_1{background:url(../img/sub/sub_bg_00.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.sub_2_0{background:url(../img/sub/sub_bg_2_0.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.sub_2_1{background:url(../img/sub/sub_bg_2_1.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.sub_2_2{background:url(../img/sub/sub_bg_2_2.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.sub_2_3{background:url(../img/sub/sub_bg_2.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.sub_2_4{background:url(../img/sub/sub_bg_2_4.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.sub_2_5{background:url(../img/sub/sub_bg_2_5.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.sub_2_6{background:url(../img/sub/sub_bg_2_6.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.sub_3{background:url(../img/sub/sub_bg_3.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.sub_4{background:url(../img/sub/sub_bg_4.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.sub_5{background:url(../img/sub/sub_bg_5.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.sub_5_2{background:url(../img/sub/sub_bg_5_2.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.sub_5_3{background:url(../img/sub/sub_bg_5_3.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.kyj_1{background:url(../img/sub/sub_bg_2.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.kyj_2{background:url(../img/sub/sub_bg_2_1.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.kyj_3{background:url(../img/sub/sub_bg_2_2.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.kyj_4{background:url(../img/sub/sub_bg_2_3.jpg); background-repeat:no-repeat; background-position:center top;} #dwb_Center_body.kyj_5{background:url(../img/sub/sub_bg_2_4.jpg); background-repeat:no-repeat; background-position:center top;} .SmallTitle{ color:#ddb04b; font-family: "Helvetica", Helvetica, Arial, sans-serif; letter-spacing:1px; font-weight:500; font-size:18px; padding-left:10px;} #dwb_Center_body.dwb_Sub .inner2{ background-color: #0a3352; min-height:0px; height: 40px; padding: 0px; margin-top: 296px; } #dwb_Center_body.dwb_Sub .inner.dwb_Contents{padding-top: 10px; padding-bottom: 10px;} #dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder{list-style: none; line-height: 40px; color: #fff;display:inline;float:left;} #dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder.wide{width: 180px; } #dwb_Center_body.dwb_Sub .dwb_nav ul{margin: 0px;} #dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder a{font-size:14px;font-weight:bold;color:#fff;text-decoration: none;cursor: pointer;padding-left:15px; padding-right:15px;} #dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder .pull-right{line-height:40px; margin-right:15px;} #dwb_Center_body.dwb_Sub .dwb_nav i.home{font-size: 20px; line-height:38px; overflow: hidden;} #dwb_Center_body.dwb_Sub .dwb_nav i.sub{padding-left: 5px;} #dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder a:hover{color:#fff;} #dwb_Center_body.dwb_Sub .dwb_nav .LeftBorder{border-left:1px solid #081f31;} #dwb_Center_body.dwb_Sub .dwb_nav .RightBorder{border-right:1px solid #081f31;} #dwb_Center_body.dwb_Sub .dwb_nav .dropdown ul{margin-top: 0px;} #dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder ul li{text-align: left;} #dwb_Center_body.dwb_Sub .dwb_nav .dropdown-menu>li{width: 100%; } #dwb_Center_body.dwb_Sub .dwb_nav .dropdown-menu > li > a:hover, #dwb_Center_body.dwb_Sub .dwb_nav .dropdown-menu > li > a:focus, #dwb_Center_body.dwb_Sub .dwb_nav .dropdown-submenu:hover > a, #dwb_Center_body.dwb_Sub .dwb_nav .dropdown-submenu:focus > a { color: #ffffff; text-decoration: none; background-color: #fff; background-image: linear-gradient(to bottom, #fff, #fff); background-repeat: repeat-x; filter:none; } #dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder li a:hover{color:#fff;} #dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder .dropdown li a{color:#333;} #dwb_Center_body.dwb_Sub .dwb_nav ul li.RightBorder .dropdown li a:hover{color:#b20000;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents h3{ margin-top: -10px; font-size: 35px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents .small_h3 h3{ margin-top: 10px;} .ceo_area hr{padding-bottom: 0px; margin-bottom: 0px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents h4{min-height:1px; border-top:#f9c615 2px solid; width:60px; margin-top:50px;} #dwb_Main_left.span4{width:810px; margin-right:10px; height: 650px; margin-bottom: 0px; margin-bottom: 10px; overflow: hidden;} #dwb_Carousel{ width:810px; height:430px; margin:0; padding:0; overflow:hidden; margin-bottom: 10px; border-radius:5px; } #dwb_Carousel .carousel-inner{margin:0px;} #dwb_Carousel .carousel-inner img{width: 100%;} .Main_txt{position: absolute; z-index: 990; padding-top: 10px; padding-right:20px;overflow:hidden; text-align: right; right: 0px;} .Main_txt h1{font-size:22px;text-shadow: 1px 1px 1px #ffffff;text-align: right; line-height: 22px; padding-bottom: 10px;} .Main_txt h3{font-size:18px;text-shadow: 1px 1px 1px #ffffff;text-align: right; line-height: 18px; } .shadow_text{text-shadow: 1px 1px 1px #ffffff; } #dwb_Carousel_B.carousel .item {-webkit-transition: opacity 3s;-moz-transition: opacity 3s;-ms-transition: opacity 3s;-o-transition: opacity 3s;transition: opacity 3s;} #dwb_Carousel_B.carousel .active.left, .carousel .active.right {left:0;opacity:0;z-index:2;} #dwb_Carousel_B.carousel .next, .carousel .prev {left:0;opacity:1;z-index:1;} #dwb_Main_left.span4 .span2.Link_Area{ width:810px; margin-top: 20px; margin-bottom: 0px; overflow: hidden;} #dwb_Main_left.span4 .span2.Link_Area .span1{ width: 270px; height: 250px; } #dwb_Main_left.span4 .span2.Link_Area .span1.Link_Action.Part01{ background: url(../img/main/Link_Action_01.png); background-repeat: no-repeat; background-position: center 20px; } #dwb_Main_left.span4 .span2.Link_Area .span1.Link_Action.Part02{ background: url(../img/main/Link_Action_02.png); background-repeat: no-repeat; background-position: center 20px; } #dwb_Main_left.span4 .span2.Link_Area .span1.Link_Action.Part03{ background: url(../img/main/Link_Action_03.png); background-repeat: no-repeat; background-position: center 20px; } #dwb_Main_left.span4 .span2.Link_Area .span1.Link_Action.Part04{ background: url(../img/main/Link_Action_04.png); background-repeat: no-repeat; background-position: center 20px; } #dwb_Main_left.span4 .span2.Link_Area .span1.Link_Action h2{ padding-left:13px; padding-top: 0px; margin-top: 0px; font-size:16px; margin-bottom: 120px; color: #fff; background-color:#0e2d57; width: 110px; line-height: 30px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; border-radius:5px;} #dwb_Main_left.span4 .span2.Link_Area .span1.Link_Action.Part02 h2{background-color:#008bd3;} #dwb_Main_left.span4 .span2.Link_Area .span1.Link_Action.Part03 h2{background-color:#1b613d;} #dwb_Main_left.span4 .span2.Link_Area .span1.Link_Action.Part04 h2{background-color:#ca492e; } #dwb_Main_left.span4 .span2.Link_Area .span1.Link_Action h2 small{ margin-top: -100px;-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear; opacity: 0;} #dwb_Main_left.span4 .span2.Link_Area .span1.Link_Action:hover h2 small{ opacity: 1; display: inline; color: #ffd900; line-height: 30px; font-size: 13px; font-weight:bold; padding-right: 10px; margin-top:0px;} #dwb_Main_left.span4 .span2.Link_Area .span1.dwb_Effect_style_02:hover .dwb_Effect_mask{background-color: rgba(0,0,0,0.75);width:100%; top: 0px; color: #fff; } #dwb_Main_left.span4 .span2.Link_Area .span1.dwb_Effect_style_02:hover h2{ width: 90%;} #dwb_Main_left.span4 .span2.Link_Area .span1.Link_Action p{ text-align: center;line-height:12px;font-size:14px;} #dwb_Main_left.span4 .span2.Link_Area .span1.Link_Action .First_Line{ color: #333; font-weight: bold; } #dwb_Main_left.span4 .span2.Link_Area .span1.Link_Action .Second_Line{ color:#0068b7;} #dwb_Center_body.Main_Area .inner .dwb_Effect_mask:hover{top:0px; left:0px; color:#fff;} #dwb_Center_body.Main_Area .inner .dwb_Effect_mask:hover h2{font-size:12px; line-height:10px; margin:0px; padding:10px; padding-top:15px; padding-left:15px; width:100px; overflow:hidden;} #dwb_Center_body.Main_Area .inner .dwb_Effect_mask:hover p{ display:block; font-size:17px; line-height:25px; margin:0px; padding:0px; padding-top:15px; margin-left:15px;} .Main_CustomerCenter{position: absolute; z-index: 992; margin-top: 30px; padding-top: 15px; padding-left: 30px; width:430px; overflow:hidden; background-color: rgba(0,0,0,0.7); } .Main_CustomerCenter h1{font-size:50px;text-shadow: 1px 1px 1px #ffffff; } .Main_CustomerCenter span{padding: 10px; padding-top: 5px; padding-bottom: 5px;} .shadow_text{text-shadow: 1px 1px 1px #ffffff; } #dwb_Carousel_item_01 .Main_CustomerCenter h1,#dwb_Carousel_item_02 .Main_CustomerCenter h1,#dwb_Carousel_item_03 .Main_CustomerCenter h1,#dwb_Carousel_item_04 .Main_CustomerCenter h1{font-size:50px;text-shadow: 1px 1px 1px #000; color: #fff;} #dwb_Carousel_item_01 .Main_CustomerCenter span,#dwb_Carousel_item_02 .Main_CustomerCenter span,#dwb_Carousel_item_03 .Main_CustomerCenter span,#dwb_Carousel_item_04 .Main_CustomerCenter span{padding: 10px; padding-top: 5px; padding-bottom: 5px;color: #fff;} #dwb_Carousel_item_01 .shadow_text,#dwb_Carousel_item_02 .shadow_text,#dwb_Carousel_item_03 .shadow_text,#dwb_Carousel_item_04 .shadow_text{text-shadow: 1px 1px 1px #000; } .carousel.vertical .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top; } .carousel.vertical .active {top: 0;} .carousel.vertical .next {top: 100%;} .carousel.vertical .prev {top: -100%;} .carousel.vertical .next.left, .carousel.vertical .prev.right {top: 0;} .carousel.vertical .active.left {top: -100%;} .carousel.vertical .active.right {top: 100%;} .carousel.vertical .item {left: 0;} .Cover_Img{position: absolute;} .Cover_Img img{width: 100%;} .Focus_Img{-webkit-animation:dwb_background_Size 18s linear;animation:dwb_background_Size 18s linear;} @-webkit-keyframes dwb_background_Size {0% { width: 100%; height: 100%; } 100%{width: 130%; height: 130%; }} @keyframes dwb_background_Size {0% { width: 100%; height: 100%; } 100%{width: 130%; height: 130%;}} #dwb_Center_body.Main_Area .inner .dwb_Effect_mask:hover{top:0px; left:0px; color:#fff;} #dwb_Center_body.Main_Area .inner .dwb_Effect_mask:hover h2{font-size:12px; line-height:10px; margin:0px; padding:10px; padding-top:15px; padding-left:15px; width:100px; overflow:hidden;} #dwb_Center_body.Main_Area .inner .dwb_Effect_mask:hover p{ display:block; font-size:15px; line-height:20px; margin:0px; padding:0px; padding-top:5px; margin-left:15px; } #dwb_Center_body.Main_Area .inner .dwb_Effect_mask.style_01 h2{ background-color:#0e2d57;} #dwb_Center_body.Main_Area .inner .dwb_Effect_mask.style_02 h2{ background-color:#aa7101;}#dwb_Center_body.Main_Area .inner .dwb_Effect_mask.style_02 p{color:#111;} #dwb_Center_body.Main_Area .inner .dwb_Effect_mask.style_03 h2{ background-color:#1b613d;} #dwb_Center_body.Main_Area .inner .dwb_Effect_mask.style_04 h2{ background-color:#842828;} #dwb_Center_body.Main_Area .inner .dwb_Effect_mask.style_05 h2{ background-color:#411e83;} #dwb_Center_body.Main_Area .inner .dwb_Effect_mask.style_06 h2{ background-color:#6a6a6a;} #dwb_Center_body.Main_Area .inner .caption_btn{position: absolute; z-index:999; bottom:-80px;} #dwb_Center_body.Main_Area .inner .dwb_Effect_mask:hover .caption_btn{margin-left:15px; bottom:10px;} #dwb_Center_body.Main_Area .inner .caption_btn a{margin-bottom:3px; margin-top: 4px;} #dwb_Center_body.Main_Area .inner .caption_btn .btn{ font-size:11px; padding:5px; padding-left:12px; padding-right:12px;} #dwb_Center_body.Main_Area .inner .caption_btn{-webkit-animation-delay:3s; -ms-animation-delay:3s; animation-delay:3s;overflow:hidden; z-index:11; } #dwb_Center_body.Main_Area .inner .caption_btn .btn.disabled, #dwb_Center_body.Main_Area .inner .caption_btn .btn[disabled] { cursor: default; background-image: none; opacity: 0.9; filter: alpha(opacity=65); filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #dwb_Center_body .inner .dwb_estimate_list{padding-top:50px;} #dwb_Center_body .inner .dwb_estimate_list .span5{width:532px; margin:4px;} #dwb_Center_body .inner .dwb_estimate_list .span5.list{width:732px; margin:4px;} #dwb_Center_body .inner .dwb_estimate_list .span5.list .title_img{padding-left:50px;} #dwb_Center_body .inner .dwb_estimate_list .span5 h3{ padding-bottom:0px; font-weight:800; line-height:30px; color:#ddb04b;} #dwb_Center_body .inner .dwb_estimate_list .span5 h1{ color:#313131; padding-bottom:20px; line-height:60px; font-weight:800; padding-top:0px; margin-top:0px;} #dwb_Center_body .inner .dwb_estimate_list .span5 p{ color:#999; line-height:34px; font-size:16px; font-weight:700; padding-bottom:110px;} #dwb_Center_body .inner .dwb_estimate_list .span2.dwb_estimate_list_btn{ margin-left:10px; margin-bottom:50px; width:135px; padding-right:10px; height:50px;line-height:50px; text-decoration:none; text-align:right; font-weight:bold; letter-spacing:10px; border:3px solid #ddb04b; font-size:20px;} #dwb_Center_body .inner .dwb_estimate_list a .dwb_estimate_list_btn{color:#ddb04b; text-decoration:none;} #dwb_Center_body .inner .dwb_estimate_list :hover{text-decoration:none;} #dwb_Center_body .inner .dwb_estimate_list .dwb_estimate_list_btn:hover{ text-decoration:none; background-color:#ddb04b; color:#fff;-webkit-transition: background-color 1s;-moz-transition: background-color 1s;-ms-transition: background-color 1s;-o-transition: background-color 1s;transition: background-color 1s;} #dwb_Center_body .inner .dwb_estimate_list .dwb_estimate_list_btn_02.span2{ margin-left:30px; margin-bottom:50px; width:135px; padding-right:10px; height:50px;line-height:50px; text-decoration:none; text-align:right; font-weight:bold; letter-spacing:10px; border:3px solid #515151; font-size:20px;} #dwb_Center_body .inner .dwb_estimate_list a .dwb_estimate_list_btn_02{color:#515151; text-decoration:none;} #dwb_Center_body .inner .dwb_estimate_list .dwb_estimate_list_btn_02:hover{ text-decoration:none; background-color:#515151; color:#f1f1f1;-webkit-transition: background-color 1s;-moz-transition: background-color 1s;-ms-transition: background-color 1s;-o-transition: background-color 1s;transition: background-color 1s;} #dwb_Center_body .inner .dwb_estimate_list #kboard-customer-latest .span1{width:17%; height:55px; line-height:40px; text-align:right; padding-right:3%; color:#368EF7;font-weight:bold;} #dwb_Center_body .inner .dwb_estimate_list #kboard-customer-latest .span2{width:30%; height:55px;} #dwb_Center_body .inner .dwb_estimate_list #kboard-customer-latest .span3{width:80%; height:55px;} #dwb_Center_body .inner .dwb_estimate_list #kboard-customer-latest .span4{width:80%; height:50px; line-height:50px; padding-left:20%;} #dwb_Center_body .inner .dwb_estimate_list #kboard-customer-latest .span5{width:100%;} #dwb_Center_body .inner .dwb_estimate_list #kboard-customer-latest .span6{width:47%; padding-right:3%; height:55px;} .dwb_customer_editor #kboard-customer-document .w30p{text-align:left; padding-left:10px; } .dwb_customer_editor #kboard-customer-document .w20p{ width:110px; text-align:right; padding-right:10px;} .dwb_customer_editor #kboard-customer-document .span3{width:30%;} .dwb_customer_editor #kboard-customer-document .span7{width:66%; margin-left:4%; } .dwb_customer_editor #kboard-customer-document .span7 .table{ margin-bottom:0px;} .dwb_customer_editor #kboard-customer-editor_dwb .span9.Freight_Input_BG{width: 300px;} .dwb_customer_editor #kboard-customer-editor_dwb .span9.Freight_Input{width: 700px;} .dwb_customer_editor #kboard-customer-editor_dwb .span6{width:8%; height:55px;} .dwb_customer_editor #kboard-customer-editor_dwb .span7{width:48%; margin-right:2%; height:55px; line-height:40px;} .dwb_customer_editor #kboard-customer-editor_dwb .span8{width:30%; height:55px; line-height:40px;} .dwb_customer_editor #kboard-customer-editor_dwb .span1{width:17%; height:55px; line-height:40px; text-align:right; padding-right:10px; color:#368EF7;font-weight:bold;} .dwb_customer_editor #kboard-customer-editor_dwb .span1.NoPoint{color:#333;} .dwb_customer_editor #kboard-customer-editor_dwb .span1.NoPoint_red{color:#e60012;} .dwb_customer_editor #kboard-customer-editor_dwb .span1.NoPoint_blue{color:#009944;} .dwb_customer_editor #kboard-customer-editor_dwb .span2{width:30%; height:55px;} .dwb_customer_editor #kboard-customer-editor_dwb .span3{width:80%; height:55px;} .dwb_customer_editor #kboard-customer-editor_dwb .span2 span{line-height: 40px;} .dwb_customer_editor #kboard-customer-editor_dwb .span4{width:30%; height:50px; line-height:50px; padding-left:20%;} .dwb_customer_editor #kboard-customer-editor_dwb .span5{width:94%;} .dwb_customer_editor #kboard-customer-editor_dwb .span6 .btn-primary{height:40px; line-height:40px; padding:0px;} .dwb_customer_editor #kboard-customer-editor_dwb input[type=file] { font-size: 12px;height:40px;line-height:40px;} .dwb_customer_editor #kboard-customer-editor_dwb input[type=text], .dwb_customer_editor #kboard-customer-editor_dwb input[type=password]{height:40px; font-size:15px; padding-left:15px; line-height:40px;} .dwb_customer_editor #kboard-customer-editor_dwb select{height:45px; font-size:15px; padding-left:15px; line-height:45px;} .dwb_customer_editor #kboard-customer-editor_dwb .span5.top_space{} .dwb_customer_editor #kboard-customer-editor_dwb .span5.bottom_space{ height:30px;} .Charge_Table_Title #kboard-search-form input[type=text]{height:40px; font-size:15px; padding-left:15px; line-height:40px;} .Charge_Table_Title #kboard-search-form .btn{height:50px; font-size:15px; padding-left:15px; line-height:40px;} #dwb_Center_body .inner #dwb_Linkbox{padding-top:10px;} #dwb_Center_body .inner #dwb_Linkbox .span3{ width:320px; overflow:hidden;} #dwb_Center_body .inner #dwb_Linkbox .span3 .span2{width:200px; margin-left:5px;} #dwb_Center_body .inner #dwb_Linkbox .span3 .span2 h4{ padding-left:10px; text-align:left; font-size:17px;} #dwb_Center_body .inner #dwb_Linkbox .span3 .span2 p{padding-left:10px; text-align:left; color:#777;} #dwb_Center_body .inner #dwb_Linkbox .span3 .span1{width:84px; height:69px; border:3px solid #cda25a; margin-bottom:20px; text-align:center; background-color:#cda25a; padding-top:15px;border-radius: 45px;} #dwb_Center_body .inner #dwb_Linkbox .span3 .span1:hover{border:3px solid #555555; text-decoration:none; background-color:#555555;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #dwb_Center_body .inner #dwb_Linkbox .span3 .span1 i{font-size: 45px;color:#fff; line-height:55px;} #dwb_Center_body .inner #dwb_Linkbox .span3 .span1:hover i {color:#fff;} #dwb_Center_body .inner #dwb_Linkbox .span3 .span1 a,#dwb_Linkbox .span1 a:hover,#dwb_Linkbox .span1 :hover{text-decoration:none;} #dwb_Center_body .inner #dwb_Linkbox li{text-align:left;} .dwb_GrayBg{width:100%; background-color:#f5f5f5; padding-top:0px; padding-bottom:15px; border-top:1px solid #ddd;} #dwb_Center_body .inner #dwb_Linkbox .span3 .span1.dwb_IconPoint{ border:3px solid #ea5532;background-color:#ea5532;} #dwb_Center_body .inner #dwb_Linkbox .span3 .span1.dwb_IconPoint:hover{border:3px solid #555555; text-decoration:none; background-color:#555555;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #dwb_Center_body .inner #dwb_center_Left.span1{width:250px; padding-right:30px;} #dwb_Center_body .inner #dwb_center_Right.span9{width:1000px;} #dwb_center_Right{padding-top:55px;} .sub .span9{width:800px;} .span9 h2{padding-left:10px; font-size:26px;} .span9 h2 p{ font-size:14px; line-height:30px; color:#999;} /*메뉴박스 시작*/ #dwb_menubox{margin-bottom:0px; } #dwb_menubox .accordion-group{padding-left:0px;padding-top:0px; border:none;} #dwb_menubox .accordion-heading{height:100px;} #dwb_menubox .accordion-heading blockquote{height:100px; margin:0; padding:0;border-left:none;} #dwb_menubox .accordion-heading i{font-size:60px;color:#b5bbc4;padding-top:30px;padding-left:10px;padding-right:15px;} #dwb_menubox .accordion-heading [class^="icon-"].pull-left, #dwb_menubox .accordion-heading [class*=" icon-"].pull-left {margin-right: .0;} #dwb_menubox .accordion-heading p{font-family:'Helvetica';color:#e60115;font-size:15px;font-weight:bold;margin:0; padding:0;text-align:left; line-height:35px;padding-top:25px;} #dwb_menubox .accordion-heading{color:#313131;font-size:26px;font-weight:800;margin:0; padding:0;text-align:left; padding-top:15px; letter-spacing:3px;} #dwb_menubox .accordion-heading.title_small{ letter-spacing:1px; font-size:25px;} #dwb_menubox .accordion-inner{ margin:0; padding:0;border:none;border-top:#ddd solid 3px; padding-top:2px;} #dwb_menubox .accordion-inner a{padding-left:20px;height:35px;line-height:35px;font-size:16px;font-weight:bold;padding-top:5px;text-align:left;border-bottom:#f1f1f1 solid 1px;} #dwb_menubox .accordion-inner li{width: 100%;} .dwb_grey .active a, .dwb_grey .active a:hover, .dwb_grey .active a:visited, .dwb_grey .active a:link {background-color:#60baea;color:#fff;} .dwb_grey a{ color:#434343;font-weight:bold;} .dwb_grey a:hover{color:#60baea;font-weight:bold;} .nav > li > a:hover, .nav > li > a:focus {} .span1 .accordion{margin-bottom:10px;} /*메뉴박스 끝*/ .dwb_txt_blue{color:#0086d1;} .dwb_txt_darkblue{color:#60baea;} .dwb_txt_scarlet{color:#e94709;} .addressLine{ line-height:20px;} .comments-area{background-color:#fbfbfb; padding:10px;} .comments-area ul li{list-style:none;} .comments-list-username{font-weight:bold; color:#111; font-size:14px; line-height:25px;} .comments-list-username .comments-list-date{ color:#666; font-size:12px;} .comments-list-content{line-height:30px;} .comments-list-controller{ margin-left:10px; font-size:12px;} #comments-write input{margin:0px;} .H3point h3{padding-left:15px; border-left:#d14424 5px solid;} #dwb_TabMenu{ margin-top:0px; margin-bottom:10px;} .dwb_SubMenu_01 .active a, .dwb_SubMenu_01 .active a:hover, .dwb_SubMenu_01 .active a:visited, .dwb_SubMenu_01 .active a:link {background-color:#1999c0;} .dwb_SubMenu_01 a{color:#1999c0;background-color:#f1f1f1;} .dwb_SubMenu_01 a:hover {font-style:italic;font-weight:bold;} .dwb_SubMenu_02 a{color:#fff;background-color:#e47c6f;} .dwb_SubMenu_02 a:hover {font-style:italic;font-weight:bold;color:#cc2610;} .dwb_red .active a, .dwb_red .active a:hover, .dwb_red .active a:visited, .dwb_red .active a:link{background-color:#d14424;} .dwb_red a, .dwb_red a:hover{color:#d14424;} .dwb_green .active a, .dwb_green .active a:hover, .dwb_green .active a:visited, .dwb_green .active a:link{background-color:#60baea;} .dwb_green a, .dwb_green a:hover{color:#60baea;} .p_top_20{padding-top:20px;} .Footer_Link{text-align:center; padding-top:20px; padding-bottom:20px;} .Footer_Link .btn-inverse{padding:10px;} .license-pane .span2{width:312px;padding-top:0px; margin-bottom:10px; padding-bottom:0px; padding-right:0px;} .license-pane .span4{width:295px; padding-right:5px;} .license-pane table{table-layout:fixed;} .license-pane table td{height:33px; vertical-align:middle;} .license-pane .w150{width:145px;text-overflow:ellipsis; overflow:hidden; white-space:nowrap;} .license-pane .span4 .fixed_td{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } .license-pane .company_list{} .license-pane .span6{width:490px;} .license-pane .company_img{ padding-top:3px;} #dwb_Center_body .span6 .span1{ margin:0; padding:0;width:150px; padding-left:10px; padding-bottom:10px;} #dwb_Center_body .license-pane .span6 .span1 img{width:150px;border:2px solid #ddd;} .license_List td{text-align:center; color:#0c53a8; font-size:14px; padding-top:5px; padding-bottom:5px;} .license_List img{width:291px; border: 2px solid #999;} .license_List_wrap{ height:540px;padding-left:20px} .license_List_wrap .btn{cursor:pointer;} .Video_List td{text-align:center; color:#e50077; font-size:14px; padding-top:5px; padding-bottom:5px;} .Video_List img{width:170px; height:104px; border: 2px solid #999;} .Video_List_wrap{ height:200px;padding-left:20px; text-align:center;} .Video_List_wrap .btn{cursor:pointer;} #dwb_Center_body .history-pane .span3{ width:200px;} #dwb_Center_body .history-pane .span7{ width:570px; border-left:3px solid #8ccffc; padding-left:27px; min-height:600px; padding-top:17px;} #dwb_Center_body .history-pane h1,#dwb_Center_body .history-pane h2{ font-weight:bold; font-family: "Helvetica", Helvetica, Arial, sans-serif; padding:0px; margin:0px; color:#c9c9c9; padding-top:40px; padding-bottom:10px;} #dwb_Center_body .history-pane .point{color:#313131;} #dwb_Center_body .history-pane p{ line-height:30px; font-size:20px; color:#515151; font-weight:700;} #dwb_Center_body .history-pane .Month{font-weight:bold; font-family: "Helvetica", Helvetica, Arial, sans-serif; padding-right:10px; color:#3091a2;} .dwb_contents_txt03{margin-top:20px; font-size:18px; color:#666; line-height:40px; padding:5px;} .ceo_meseage{ font-size:16px; line-height:40px; color:#313131; margin-left:200px; padding-bottom:20px; margin-top:5px; border-top:3px solid #313131; width:238px;} .ceo_meseage .name{font-family:Nanum Pen Script; color:#000; font-size:50px; line-height:40px; padding-left:10px; font-weight: lighter; letter-spacing:3px;} .ceo_meseage .lsp{letter-spacing:3px; font-weight:bold; margin-left:10px; } .ceo_meseage.en{width:260px;} .ceo_meseage.en .name{font-size:35px;letter-spacing:0px;} .ceo_bg{ width: 60%!important;} .ceo_img{margin-top:-110px;} .dwb_txt_point_01{color:#0c53a8;font-weight:bold;} .dwb_txt_point_02{color:#ea5504;font-weight:bold;} .dwb_txt_point_03{color:#d14424;font-weight:bold;} .dwb_txt_point_05{color:#000;font-weight:bold;} .version{font-size:16px;} .version_link a{color:#e77a01; font-size:14px;} .version_link :hover{text-decoration:none; font-style:italic; font-weight:bold;} .AgreementContainer{font-size:15px; color:#666; line-height:35px; padding-top:15px; margin-bottom:20px;} .AgreementContainer .title{color:#0086d1;} .dwbTable_firstline{border-top:solid 2px #999;} .dwbTable_lastline{border-bottom:solid 2px #999;} #dwb_Center_body .inner .sitemap .span1{width:310px; margin-left:5px; margin-right:5px;} .dwb_text_contents hr{ border:solid thin #f1f1f1;} .sitemap_Content{ margin-left:10px; margin-bottom:20px; height:470px; overflow:hidden;} .sitemap_Content #dwb_menubox .accordion-heading .title p{color:#0a3352;} .sitemap_Content #dwb_menubox .accordion-heading .title{color:#313131;;} .sitemap_Content #dwb_menubox .accordion-inner{border-top:#0a3352 solid 3px; } #a1,#a2,#a3,#a4,#a5,#a6,#a7,#a8{ height:40px;} .dwb_contents_txt02{font-size:18px; color:#444; line-height:34px; width: 100%; float: left;} #CompanyMap_01,#CompanyMap_01_2,#CompanyMap_01_3,#CompanyMap_01_4,#CompanyMap_01_5{border:2px solid #ddd; width:1276px; height:500px; margin-bottom:20px;} #CompanyMap_01.span7,#CompanyMap_01_2.span7,#CompanyMap_01_3.span7,#CompanyMap_01_4.span7,#CompanyMap_01_5.span7{ width:1000px; margin-bottom:10px;} #CompanyMap_02{border:3px solid #ddd; width:1274px; height:600px;margin-bottom:20px;} .editor_bg{ position:absolute; z-index:990; top:395px; width:540px;left:50%; margin-left:100px; height:680px; background:url(../img/sub/sub_editor_bg.png); background-repeat:no-repeat; background-position:top right;} .dwb_text_contents h4.title{padding-left:10px; border-left:#d14424 5px solid;} #dwb_Center_body .inner .dwb_text_contents .span10, #dwb_Center_body .inner .dwb_text_contents .tab-content, #dwb_Center_body .inner .dwb_text_contents .tab-content .tab-pane, #dwb_Center_body .inner .dwb_text_contents .tab-content .tab-pane .span10{width:100%;} .dwb_contents_title{font-size:15px; line-height:40px; padding-top:10px; padding-bottom:10px; min-height:90px;} .dwb_contents_title #dwb_Linkbox{font-size:16px; line-height:20px; padding-top:0px; padding-bottom:0px; min-height:0px;} .dwb_contents_title.notice{ padding-top:0px; min-height:120px;} .dwb_contents_title.notice .f_banner .thumbnail { height:100px;} #dwb_Center_body .inner .dwb_contents_title .span6{width:480px;} #dwb_Center_body .inner .dwb_contents_title .span4{width:360px;} #dwb_Center_body .inner .dwb_contents_title .span3{width:320px;} .link_line{text-align:center; padding-top:20px; padding-bottom:20px;} .link_line .btn-inverse,.link_line .btn-info,.link_line .btn-success{padding:10px;} .contents_body{text-align:left} #dwb_Center_body .inner .contents_body .span5{width:420px;} #dwb_Center_body .inner .contents_body .span2{width:210px;} #dwb_Center_body .inner .contents_body .dwb_sub_menu{padding-top:10px;} #dwb_Center_body .inner #dwb_center_Right .span10{width:1000px;} .utm_bg_01{ background:url(../img/sub/utm_bg_01.jpg); background-repeat:no-repeat;} #dwb_Center_body .inner .contents_body h4{line-height:30px;} #dwb_Center_body .inner .contents_body h3 i{color:#e40580;} .f_txt{font-size:16px; line-height:30px; font-weight:bold; padding-top:10px;} .f_txt .f_title{color:#08c; padding-left:0px; margin-top:10px;} .f_txt .f_contents{font-size:14px; line-height:30px; padding-left:10px; color:#313131;} #dwb_Center_body .inner .contents_body hr{border:solid thin #f1f1f1; padding:0px; margin:0px;} #dwb_Center_body .inner .contents_body .mb40{ margin-bottom:40px;} #dwb_Center_body .inner .contents_body .f_txt hr{ border:none; border-bottom:solid 3px #e40580; padding:0px; margin:0px; padding-top:10px;} #dwb_link1,#dwb_link2,#dwb_link3,#dwb_link4{height:35px;} .dwb_sub_menu ul{ margin:0px; padding:0px;} .dwb_sub_menu.span7{width:1000px; margin-bottom:30px;} #table_Contents h4 i{padding-left:5px; color:#e74c3c; font-size:30px; margin-top:10px;} #table_Contents h4 .table_Contents_title{color:#313131;} #table_Contents h1 i{padding-left:5px; color:#e74c3c; font-size:70px; margin-top:10px;} #table_Contents h1 .table_Contents_title{color:#313131;} #table_Contents h1{padding-top:40px; padding-bottom:10px;} #table_Contents{margin-bottom:20px;} #table_Contents td{ height:50px; line-height:50px;} #table_Contents .table-bordered{ margin-bottom:40px;} .title_bg{background-color:#f1f1f1;} .title_bg_c5{background-color:#c5c5c5; height:30px; font-size:18px; font-weight:bold;} .title_bg_Active{background-color:#fdb800; font-weight:bold;} .title_bold{ font-weight:bold;} .title_bg_skyblue{background-color:#d9edf7;} .title_bg_red{background-color:#fcf8e3;} .textcenter td{text-align:center; vertical-align:middle;} .table .textright{text-align:right;padding-right:5px;} .table .textleft{text-align:left; padding-left:5px;} .table .textcenter{text-align:center; vertical-align:middle;} .table .title_line td{text-align:center;} .table td a{ text-decoration:none; color:#333;} .nostyle input{box-shadow:none; border:none; background-color:#FFF;} .textcenter{text-align:center;} .dwbTable_firstline{border-top:solid 2px #999;} .dwbTable_lastline{border-bottom:solid 2px #999;} #dwb_text_contents .text-center{text-align:center;} .txt01{FONT-SIZE:17px; line-height:40px; COLOR:#0c53a8; font-weight:bold; text-align:left; } .txt03{FONT-SIZE:18px; line-height:40px;COLOR:#111; font-weight:bold; text-align:left; padding-top:10px; } .txt04{FONT-SIZE:16px; line-height:40px;font-weight:bold; color:#212121; } .Link_Space{height:40px;} .Link_Space.span7{width:1000px;} .MenuTxtSizeUp .dwb_sub_menu ul li{ font-size:17px; margin-right:4px;} .CheckList{font-size:16px; line-height:30px;} .CheckList td{height:40px;} .CheckList input{height:36px; width:36px;} #dwb_Center_body .inner .f_txt h3 i{color:#e40580;} #dwb_Center_body .inner .f_txt h3{padding-top:20px;} .table .pl10{padding-left:10px;} .table .pl20{padding-left:20px;} .table .pr20{padding-right:20px;} .span9 #table_Contents.board{margin-top:20px; min-height:300px;} .span9 #table_Contents.board .span2.dwb_ImgGallery{ position:relative; width:240px; overflow:hidden; margin:4px; border:1px #ddd solid;border-radius:3px;} .span9 #table_Contents.board .span2.dwb_ImgGallery img{padding:5px;} .span9 #table_Contents.board .span2.dwb_ImgGallery p{ text-align:center; width:240px; overflow:hidden; height:20px; font-size:12px; line-height:20px;} .span9 #table_Contents.board .span2.dwb_ImgGallery p a, .span9 #table_Contents.board .span2.dwb_ImgGallery p :hover{text-decoration:none; color:#333;} .span9 #table_Contents.board .span2.dwb_ImgGallery .title{ font-weight:bold; color:#5255bf;font-size:15px; height:30px; line-height:30px; } .span9 #table_Contents.board .span2.dwb_ImgGallery .title a, .span9 #table_Contents.board .span2.dwb_ImgGallery .title :hover{color:#5255bf;} .span9 #table_Contents.board .span2.dwb_ImgGallery .NewIcon{position:absolute; top:10px; left:10px;} #dwb_Center_body .inner .span3.dwb_ImgGallery{ position:relative; width:200px; height:185px; margin:4px; margin-top:10px; border:1px solid #ddd; border-radius:3px; overflow:hidden;} #dwb_Center_body .inner .span3.dwb_ImgGallery img{padding:5px;} #dwb_Center_body .inner .span3.dwb_ImgGallery .NewIcon{position:absolute; top:10px; left:10px;} #dwb_Center_body .inner .span3.dwb_ImgGallery p{ text-align:center; width:200px; overflow:hidden; height:20px; font-size:12px; line-height:20px;} #dwb_Center_body .inner .span3.dwb_ImgGallery p a, #dwb_Center_body .inner .span3.dwb_ImgGallery p :hover{text-decoration:none; color:#333;} #dwb_Center_body .inner .span3.dwb_ImgGallery .title{ font-weight:bold; color:#5255bf;font-size:15px; height:30px; line-height:30px; } #dwb_Center_body .inner .span3.dwb_ImgGallery .title a, #dwb_Center_body .inner .span3.dwb_ImgGallery .title :hover{color:#5255bf;} #dwb_Center_body #dwb_text_contents.ci-pane{margin-bottom:0px;} #dwb_Center_body .ci-pane h3{padding-left:15px; border-left:#d14424 5px solid;} #dwb_Center_body .ci-pane .span3{ width:300px; padding-top:20px;} #dwb_Center_body .ci-pane .span7{ width:670px; padding-left:30px; padding-top:10px; font-size:15px; line-height:30px; padding-bottom:20px;} #dwb_Center_body .ci-pane .span4{ width:340px;} #dwb_Center_body .ci-pane .span6{ width:660px;;} #dwb_Center_body .ci-pane .span10{ width:1000px;} #dwb_Center_body .ci-pane .download{text-align:right; padding-top:15px;} #dwb_Center_body .ci-pane .img{padding-top:20px;} #dwb_Center_body .ci-pane .table td{height:30px;} #dwb_Center_body .ci-pane .table{margin:0px; padding:0px; margin-top:10px;} .Charge_Table.height50 td{height: 50px;} .Charge_Table td{text-align:center;} .Charge_Table .table{margin-bottom:0px; padding-bottom:0px; margin-top:15px; padding-top:0px;} .Charge_Table .header{color:#212121;} .Charge_Table .header_title{height:50px; font-size:20px; vertical-align:middle; font-weight:700; color:#414141;} .Charge_Table .w10{width:8%;} .Charge_Table .w13{width:13%;} .Charge_Table .w15{width:15%;} .Charge_Table .w16{width:16%;} .Charge_Table .w20{width:20%;} .Charge_Table .w25{width:25%;} .Charge_Table .Charge_Table_Title{color:#0c53a8; padding-top:0px; padding-bottom:0px;} .Charge_Table .Charge_Table_Title .pull-right{ font-size:12px; font-weight:bold; color:#ea5504; padding-right:10px; padding-top:0px; padding-bottom:5px; margin-top:0px;} .Charge_Table .Charge_Table_Memo{ margin:0px; padding:0px; padding-left:5px; color:#212121; padding-bottom:20px; line-height:25px;} .BankInfo_sub{padding-top:10px;} .Callcenter_sub{padding-top:10px;} .freight_title{font-size:15px; line-height:40px; padding-top:10px; padding-bottom:10px; min-height:90px;} .freight_title #dwb_Linkbox{font-size:16px; line-height:20px; padding-top:0px; padding-bottom:0px; min-height:0px;} .freight_title.notice{ padding-top:0px; min-height:120px;} .freight_title.notice .f_banner .thumbnail { height:100px;} #dwb_Center_body .inner .freight_title .span6{width:640px;} #dwb_Center_body .inner .freight_title .span4{width:360px;} #dwb_Center_body .inner .freight_title .span3{width:320px;} .link_line{text-align:center; padding-top:20px; padding-bottom:20px;} .link_line .btn-inverse,.link_line .btn-info{padding:10px;} .f_banner .thumbnail {box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.25);background: #fff; } .f_banner .thumbnail .number{color:#f55617; font-size: 30px;} .f_banner .thumbnail h4{font-size: 20px;} .f_banner .thumbnail a{box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.25);background: #fff;text-decoration:none;color:#555; } .f_banner .thumbnail a:hover{box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.25);background: #fff;text-decoration:none;} .f_banner .thumbnail:hover {box-shadow: 0 0 5px #08c;} .f_banner i {font-size: 90px;color:#555;padding-top:10px;padding-left:15px;padding-right:15px; } .f_banner .thumbnail:hover i {color:#08c;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} .f_banner [class^="icon-"].pull-left, .banner [class*=" icon-"].pull-left {margin-right: .0;} .f_banner h4{ padding-bottom:0px; margin-bottom:0px; color:#212121; padding-top:5px; font-size:16px;} .f_banner h4 .number{font-size:20px;} .f_banner p{ padding:0px; margin:0px;line-height:30px; padding-bottom:13px; font-size:12px; padding-top: 20px;} .freight_body{text-align:left} #dwb_Center_body .inner .freight_body h3 i{color:#e40580;} .f_txt{font-size:16px; line-height:30px; font-weight:bold; padding-top:10px;} .f_txt .f_title{color:#08c; padding-left:0px; margin-top:10px;} .f_txt .f_contents{font-size:14px; line-height:30px; padding-left:10px; color:#313131;} #dwb_Center_body .inner .freight_body .span7.main{height:600px; background:url(../img/sub/sub_freight_main_right_bg.jpg); background-repeat:no-repeat;} #dwb_Center_body .inner .freight_body .span7.freight01{ background:url(../img/sub/sub_freight_main_right_bg_01.jpg); background-repeat:no-repeat;} #dwb_Center_body .inner .freight_body .span7.freight02{ background:url(../img/sub/sub_freight_main_right_bg_02.jpg); background-repeat:no-repeat;} #dwb_Center_body .inner .freight_body .span7.freight03{ background:url(../img/sub/sub_freight_main_right_bg_03.jpg); background-repeat:no-repeat;} #dwb_Center_body .inner .freight_body .span7.freight04{ background:url(../img/sub/sub_freight_main_right_bg_04.jpg); background-repeat:no-repeat;} #dwb_Center_body .inner .freight_body .span7.freight05{ background:url(../img/sub/sub_freight_main_right_bg_05.jpg); background-repeat:no-repeat;} #dwb_Center_body .inner .freight_body .span7.freight06{ background:url(../img/sub/sub_freight_main_right_bg_06.jpg); background-repeat:no-repeat;} #dwb_Center_body .inner .freight_body .span7.freight07{ background:url(../img/sub/sub_freight_main_right_bg_07.jpg); background-repeat:no-repeat;} #dwb_Center_body .inner .freight_body .span7.freight08{ background:url(../img/sub/sub_freight_main_right_bg_08.jpg); background-repeat:no-repeat;} #dwb_Center_body .inner .freight_body .span10{width:1000px;} #dwb_Center_body .inner .freight_body h4{line-height:30px;} .f_txt{font-size:16px; line-height:30px; font-weight:bold; padding-top:10px;} .f_txt .f_title{color:#08c; padding-left:0px; margin-top:10px;} .f_txt .f_contents{font-size:14px; line-height:30px; padding-left:10px; color:#313131;} #dwb_Center_body .inner .freight_body hr{border:solid thin #f1f1f1; padding:0px; margin:0px;} #dwb_link1,#dwb_link2,#dwb_link3,#dwb_link4{height:35px;} .Table_firstline{border-top:solid 2px #999;} .Table_lastline{border-bottom:solid 2px #999;} .table_txtCenter td{text-align:center;} .Nolink a{color:#333;} .Nolink :hover{text-decoration:none; font-weight:bold;font-style:italic;} .title_bg{background-color:#f1f1f1;} .title_bold{ font-weight:bold;} .title_bg_skyblue{background-color:#d9edf7;} .title_bg_red{background-color:#fcf8e3;} .title_bg_Active{background-color:#6bbc6e; font-weight:bold; color:#fff;} .table_txtCenter table{margin-bottom:0;} /******바디 끝 **************************************/ /******푸터 시작 **************************************/ /*#dwb_Center_footer{min-width:1280px;background-color:#0a3352;line-height: 40px;border-top: 2px solid #dca829;color:#fff; margin-top:0px;} #dwb_Center_footer .inner{margin-top:0px; padding-bottom:10px;} #dwb_Center_footer .inner a,#dwb_Center_footer .inner a :hover{text-decoration:none;} #dwb_Center_footer .inner a{ color:#fff;} #dwb_Center_footer .inner a.btn.disabled{color:#fff;} #dwb_Center_footer .inner a.btn:hover{color:#fff;} #dwb_Center_footer .inner a:hover{ color:#b20000;} #dwb_Center_footer .footer-nav{margin-top:0px;} #dwb_Center_footer .footer-nav li {position: relative;line-height:38px; height:38px;} #dwb_Center_footer .footer-nav li i{padding-left:15px;} #dwb_Center_footer .footer-nav li:after {content: '';border: 0;border-top: 1px solid #34393f;border-bottom: 1px solid #62676d;position: absolute;bottom: 0px;left: 0px;width: 100%;} #dwb_Center_footer p{padding-top:10px;margin-bottom:0;color:#ddd;font-size:14px;line-height:32px; text-align:left;} #dwb_Center_footer .inner p .bigtxt{color:#208e43; font-size:27px;line-height:20px; font-weight:900; margin-left:5px;} #dwb_Center_footer .inner p .btxt{font-size:18px;color:#000;line-height:20px;font-weight:bold;} #dwb_Center_footer .inner .first_line{padding-top:16px; } #dwb_Center_footer_02 .inner .middle_line{padding-top:20px; padding-bottom:20px; height: 35px; overflow: hidden;} #dwb_Center_footer .inner .last_line{padding-top:12px; text-align:left;} .ml380{margin-left:20px;} #dwb_Center_footer .inner .footer_space_01{margin-right:37px;} #dwb_Login,#credit_02,#credit,#eMail_policy{width:360px;margin-left:-180px;text-align:left; color:#313131;} #TopScroll{opacity:0; display:scroll;position:fixed; bottom:50px;left:50%; margin:0 0 0 660px; z-index:999;} #dwb_Center_footer .inner .span1 hr{border-top: 1px solid #444;border-bottom: 1px solid #62676d; margin-bottom:5px; padding-bottom:0px;} #dwb_Center_footer .inner .span1{width:314px; margin-top:26px; overflow:hidden;} #dwb_Center_footer .inner .span2{width:256px;} #dwb_Center_footer .inner .span8{width:944px;margin-left:50px;} #dwb_Center_footer .inner .span6{width:640px;margin-left:30px; margin-right: 0px;} #dwb_Center_footer .inner .span4{width:314px; padding-top: 20px; margin-left: 20px;} #dwb_Center_footer .inner .span4 .span1{ width:110px; margin-top: 0px;} #dwb_Center_footer_02{min-width:1280px; background-color:#fff;line-height: 40px;border-top: 1px solid #f1f1f1; margin-top:0px; padding-bottom: 10px;} #dwb_Center_footer_02 .inner{margin-top:0px; } #dwb_Center_footer_02 .inner .span3{font-weight: bold; width:430px; font-size: 18px; line-height: 35px;} #dwb_Center_footer_02 .inner .span3 span{font-size: 32px; color:#c93d3d; font-weight: 900;} #dwb_Center_footer_02 .inner .span3.small span{font-size: 26px; color:#c93d3d; font-weight: 900;} #dwb_Center_footer_02 .inner .span3 i{color:#134976; margin-left: 12px;} #dwb_Center_footer_02 .inner .span9{width:830px;font-size:35px; font-family:Nanum Pen Script; font-weight: 500; text-align: center;} .dwb_txt_point_04{color:#7ecef4;font-weight: 500;font-family:Nanum Pen Script;} .dwb_txt_point_06{color:#009944} .dwb_txt_point_04{color:#7ecef4;} .dwb_txt_PenScript{font-family:Nanum Pen Script;font-weight: 500;} .dwb_txt_fontup{font-size:23px;} .footer_logo_img{ margin-top: 0px;} .font_up{font-size: 20px; line-height: 36px;}*/ /******푸터 끝 **************************************/ /*20160808 업데이트_메뉴구조*/ /*사이트메뉴 시작*/ #dwb_menubox .accordion-inner .sub_accordion.accordion-body.collapse{padding-right:0px; margin-right:0px;} #dwb_menubox .sub_accordion .accordion-inner{margin:0; padding:0;border:none; background-color:#f1f1f1;} #dwb_menubox .sub_accordion .accordion-inner a{padding-left:35px; margin-right:0px; padding-right:0px;height:30px;line-height:30px;font-size:16px;font-weight:bold;text-align:left;border-bottom:#ddd dotted 1px; color:#9fadba;} #dwb_menubox .sub_accordion .accordion-inner :hover{color:#9fadba;} #dwb_menubox .sub_accordion .nav-list{padding-right: 0px; padding-left: 15px; margin-bottom: 0;} #dwb_menubox .dwb_grey .sub_accordion .accordion-inner a{ color:#434343;font-weight:bold;} #dwb_menubox .dwb_grey .sub_accordion .accordion-inner a:hover{color:#ea5504;font-weight:bold;} #dwb_menubox .dwb_grey .sub_accordion .accordion-inner .active a, #dwb_menubox .dwb_grey .sub_accordion .accordion-inner .active a:hover, #dwb_menubox .dwb_grey .sub_accordion .accordion-inner .active a:visited, #dwb_menubox .dwb_grey .sub_accordion .accordion-inner .active a:link {background-color:#cda25a;color:#fff;} #dwb_menubox .dwb_grey .sub_accordion{margin-bottom:5px; border-bottom:3px solid #cda25a;}/*b94a48*/ #dwb_Center_body .inner .contents_body .ProductList .span2{width:200px; margin-left:4px; margin-right:4px; border:1px solid #ddd; margin-bottom:10px;} #dwb_Center_body .inner .contents_body .ProductList .span2 img{width:100%;} #dwb_Center_body .inner .contents_body .ProductList .span3{width:270px; margin-left:5px; padding:0px; margin-right:5px; margin-bottom:10px;} #dwb_Center_body .inner .contents_body .ProductList p{ line-height:30px; height:30px; font-size:14px; text-align:center; color:#555; margin-bottom:0px; padding-bottom:0px;} /*20160808 업데이트_메뉴구조 끝*/ /*워드프레스/K보드 기본정의 시작*/ .kboard-poweredby, .kboard-default-poweredby a, .kboard-customer-poweredby, .kboard-customer-poweredby a, .kboard-avatar-poweredby, .kboard-avatar-poweredby a, .kboard-thumbnail-poweredby, .kboard-thumbnail-poweredby a {display:none;} #kboard-default-latest{background-color:#FFF;line-height:16px;} #kboard-default-lates a{text-decoration:none;} #kboard-default-latest a{ text-decoration:none; color: #777;;} #kboard-default-latest a:hover{text-decoration:none; color:#009ae3;} #kboard-default-latest table td {line-height: 16px; color:#777;} #wp-admin-bar { position: absolute !important; top:0px;} #wp-admin-bar-edit{display:none;} /*워드프레스/K보드 기본정의 끝*/ #ui-datepicker-div{display:none;} #divpop{ width: 450px; height:660px; top: 251px; left: 50%; margin: 0 0 0 -640px; position: absolute; z-index: 9997; visibility:hidden;} #BannerSlide{ padding-top:15px; padding-bottom:0px;} #dwb_Center_body .inner .dwb_MainLinkCaption{ padding-left:13px; padding-right:10px;padding-top:30px; text-align:center; padding-bottom:30px;} #dwb_Center_body .inner .dwb_MainLinkCaption .span3{width:158px; margin:2px; margin-top:3px;} #dwb_Center_body .inner .dwb_MainLinkCaption .span3 .thumbnail{padding-bottom:0px;padding-top:0px; margin:0px; text-align:center; height:130px; overflow:hidden;} #dwb_Center_body .inner .dwb_MainLinkCaption .span3 .thumbnail.txt{height:50px; line-height:50px;} #dwb_Center_body .inner .dwb_MainLinkCaption .span3 a .thumbnail.txt {color:#111;} #dwb_Center_body .inner .dwb_MainLinkCaption .span3 :hover{ text-decoration:none;} #dwb_Center_body .inner .dwb_MainLinkCaption .thumbnail .caption{background-position:right top; background-repeat:no-repeat;padding:0px;margin-top:0px;margin-bottom:0px;} #dwb_Center_body .inner .dwb_MainLinkCaption .thumbnail .caption hr{padding-bottom:0px;padding-top:0px;margin-top:0px;margin-bottom:0px;} #dwb_Center_body .inner .dwb_MainLinkCaption .thumbnail .caption .captionImg{ margin-left:0px;margin-right:0px; width:150px; height:95px; text-align:center; overflow:hidden; margin-top:5px; padding-left:0px;} #dwb_Center_body .inner .dwb_MainLinkCaption .thumbnail .caption .captionImg img{ width:100%;} #dwb_Center_body .inner .dwb_MainLinkCaption .thumbnail .caption p{font-size:14px; text-align:center; padding-left:5px; padding-right:5px; line-height:25px; margin:0px;} #dwb_Center_body .inner .dwb_MainLinkCaption .span3 :hover .thumbnail .caption p{color:#0081cc;} #dwb_Center_body .inner .dwb_MainLinkCaption .thumbnail .caption .txt{height:200px; overflow:hidden;} #dwb_Center_body .inner .dwb_MainLinkCaption .span3 :hover .thumbnail{box-shadow: 0 0 4px #08c;background: #fff;text-decoration:none;} #dwb_Center_body .inner #dwb_Main_Thumnail{} #dwb_Center_body .inner #dwb_Main_Thumnail .span2{width:630px; overflow:hidden; height:300px; padding-bottom:20px;} .dwb_MainContents_Thumbnail {margin:0px;float:left;overflow:hidden;position:relative;cursor:default;height:300px;} .dwb_MainContents_Thumbnail .dwb_Thumbnail_mask, .dwb_MainContents_Thumbnail .dwb_Thumbnail_hover_01, .dwb_MainContents_Thumbnail .dwb_Thumbnail_hover_02, .dwb_MainContents_Thumbnail .dwb_Thumbnail_HeaderLine{position:absolute;overflow:hidden;top:0;left:0; text-align:center;} .dwb_MainContents_Thumbnail img {display:block;position:relative;} .dwb_MainContents_Thumbnail h2 { padding:0px; margin:0px;text-transform:uppercase;color:#fff;text-align:center;position:relative;font-size:16px; line-height:50px;} .dwb_MainContents_Thumbnail .dwb_Thumbnail_HeaderLine{height:4px; width:630px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;opacity:1;} .dwb_MainContents_Thumbnail:hover .dwb_Thumbnail_HeaderLine{width:260px;top:70px;left:15px;} .dwb_Thumbnail_Style_01 .dwb_Thumbnail_HeaderLine{background-color:#f0bd05;} .dwb_Thumbnail_Style_01 h2 span,.dwb_Thumbnail_Style_01 .btn-inverse{color:#f0bd05; font-weight:bold;} .dwb_Thumbnail_Style_02 .dwb_Thumbnail_HeaderLine{background-color:#00b3be;} .dwb_Thumbnail_Style_02 h2 span,.dwb_Thumbnail_Style_02 .btn-inverse{color:#00b3be;font-weight:bold;} .dwb_Thumbnail_Style_03 .dwb_Thumbnail_HeaderLine{background-color:#f08300;} .dwb_Thumbnail_Style_03 h2 span,.dwb_Thumbnail_Style_03 .btn-inverse{color:#f08300;font-weight:bold;} .dwb_Thumbnail_Style_04 .dwb_Thumbnail_HeaderLine{background-color:#60bf66;} .dwb_Thumbnail_Style_04 h2 span,.dwb_Thumbnail_Style_04 .btn-inverse{color:#60bf66;font-weight:bold;} .dwb_Thumbnail_Style_05 .dwb_Thumbnail_HeaderLine{background-color:#e8380d;} .dwb_Thumbnail_Style_05 h2 span,.dwb_Thumbnail_Style_05 .btn-inverse{color:#e8380d;font-weight:bold;} .dwb_Thumbnail_Style_01:hover .dwb_Thumbnail_HeaderLine{ width: 320px;} .dwb_Thumbnail_Style_03:hover .dwb_Thumbnail_HeaderLine{ width: 290px;} .dwb_Thumbnail_Style_05:hover .dwb_Thumbnail_HeaderLine{ width: 410px;} .dwb_MainContents_Thumbnail .dwb_Thumbnail_mask {width:240px;height:50px;background-color: rgba(0,0,0,0.5);-webkit-transform: translateY(350px);-moz-transform: translateY(350px);-o-transform: translateY(350px);-ms-transform: translateY(350px);transform: translateY(350px);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .dwb_MainContents_Thumbnail:hover .dwb_Thumbnail_mask {-webkit-transform: translateY(450px);-moz-transform: translateY(450px);-o-transform: translateY(450px);-ms-transform: translateY(450px);transform: translateY(450px);} .dwb_MainContents_Thumbnail .dwb_Thumbnail_hover_01{ width:120px; left:-120px;-webkit-transform: translateY(245px);-moz-transform: translateY(245px);-o-transform: translateY(245px);-ms-transform: translateY(245px);transform: translateY(245px);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .dwb_MainContents_Thumbnail .dwb_Thumbnail_hover_02{width:120px; left:640px;-webkit-transform: translateY(245px);-moz-transform: translateY(245px);-o-transform: translateY(245px);-ms-transform: translateY(245px);transform: translateY(245px);-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);opacity: 1;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;} .dwb_MainContents_Thumbnail:hover .dwb_Thumbnail_hover_01{left:40px;} .dwb_MainContents_Thumbnail:hover .dwb_Thumbnail_hover_02{left:130px;} .dwb_MainContents_Thumbnail .btn-inverse:hover{ background-color:#009999; opacity: 1; filter: alpha(opacity=100);-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; color:#fff;} .dwb_MainContents_Thumbnail .dwb_Thumbnail_hover_02 .btn-inverse:hover{background-color:#ea5504;} .dwb_MainContents_Thumbnail .btn.disabled, .dwb_MainContents_Thumbnail .btn[disabled] { cursor: pointer; opacity: 0.90; filter: alpha(opacity=90); } .dwb_Thumbnail_Style_01 img, .dwb_Thumbnail_Style_02 img, .dwb_Thumbnail_Style_03 img, .dwb_Thumbnail_Style_04 img, .dwb_Thumbnail_Style_05 img{-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;-ms-transition: all 0.5s linear;transition: all 0.5s linear; width:630px;} .dwb_Thumbnail_Style_01:hover img, .dwb_Thumbnail_Style_02:hover img, .dwb_Thumbnail_Style_03:hover img, .dwb_Thumbnail_Style_04:hover img, .dwb_Thumbnail_Style_05:hover img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} #dwb_Linkbox .span1{width:113px; height:86px; border:3px solid #f1f1f1; margin-bottom:10px; text-align:center; background-color:#f1f1f1; padding-top:15px; border-radius:5px;} #dwb_Linkbox .span1:hover{border:3px solid #011224; text-decoration:none;} #dwb_Linkbox .span1 i{font-size: 44px;color:#5a5a5b;} #dwb_Linkbox .span1:hover i {color:#011224;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;} #dwb_Linkbox .span1 p{font-size: 14px;color:#5a5a5b;font-weight:bold; padding-top:5px;} #dwb_Linkbox .span1 a,#dwb_Linkbox .span1 a:hover,#dwb_Linkbox .span1 :hover{text-decoration:none;} .rm10{margin-right:5px;}.lrm10{margin-right:5px; margin-left:5px;}.lm10{ margin-left:5px;} #dwb_Center_body .inner .span10.call_bg { background: url(../img/main/cargo_bg.gif); background-repeat: no-repeat; background-position: left; margin-bottom: 20px;} #dwb_headerslide .carousel-inner,#dwb_headerslide .item,#dwb_headerslide .carousel,#dwb_headerslide .slide{margin:0px; padding:0px;} #dwb_headerslide .carousel .item {-webkit-transition: opacity 3s;-moz-transition: opacity 3s;-ms-transition: opacity 3s;-o-transition: opacity 3s;transition: opacity 3s;} #dwb_headerslide .carousel .active.left, .carousel .active.right {left:0;opacity:0;z-index:2;} #dwb_headerslide .carousel .next, .carousel .prev {left:0;opacity:1;z-index:1;} #dwb_headerslide #dwb_Carousel_item_01 .dwb_ImgSlide_Contents, #dwb_headerslide #dwb_Carousel_item_02 .dwb_ImgSlide_Contents, #dwb_headerslide #dwb_Carousel_item_03 .dwb_ImgSlide_Contents, #dwb_headerslide #dwb_Carousel_item_04 .dwb_ImgSlide_Contents, #dwb_headerslide #dwb_Carousel_item_05 .dwb_ImgSlide_Contents{padding-top:10px; width:250px; height:110px; margin-left:1030px; -webkit-animation:rotateSecond 15s ease-in infinite 0s;-ms-animation:rotateSecond 15s ease-in infinite 0s;animation:rotateSecond 15s ease-in infinite 0s;} @keyframes rotateSecond {0% { opacity: 0; -webkit-transform: translateX(0px); transform: translateX(109px);}8% { opacity: 1; -webkit-transform: translateX(0px); transform:translateX(0px);}17% { opacity: 1; }25% {opacity: 1; }50% {opacity: 1;-webkit-transform: translateX(-646px); transform: translateX(-646px); }100% { opacity: 1;-webkit-transform: translateX(-846px); transform: translateX(-846px); }} #RightWing{width: 210px; position: fixed; top:200px; left: 50%; margin: 0 0 0 650px; z-index: 995;} #RightWing_Main{width: 210px; position: absolute; top:438px; left: 50%; margin: 0 0 0 650px; z-index: 995} #LeftWing_Main{width: 210px; position: absolute; top:530px; left: 50%; margin: 0 0 0 430px; z-index: 995} #LeftWing_Main.AreaDown{ display: none;} #LeftWing_Main .span3,#RightWing_Main .span3,#RightWing .span3{width:200px; margin:5px; margin-top:10px;} #LeftWing_Main .span3 .thumbnail,#RightWing_Main .span3 .thumbnail,#RightWing .span3 .thumbnail{padding-bottom:0px;padding-top:0px; margin:0px; text-align:center; height:220px; overflow:hidden; background-color: #fff;} #LeftWing_Main .thumbnail .caption,#RightWing_Main .thumbnail .caption,#RightWing .thumbnail .caption{background-position:right top; background-repeat:no-repeat;padding:0px;margin-top:0px;margin-bottom:0px;} #LeftWing_Main .thumbnail .caption hr,#RightWing_Main .thumbnail .caption hr,#RightWing .thumbnail .caption hr{padding-bottom:0px;padding-top:0px;margin-top:0px;margin-bottom:0px;} #LeftWing_Main .thumbnail .caption .captionImg,#RightWing_Main .thumbnail .caption .captionImg,#RightWing .thumbnail .caption .captionImg{ margin-left:0px;margin-right:0px; width:190px; height:100px; text-align:center; overflow:hidden; margin-top:5px; padding-left:0px;} #LeftWing_Main .thumbnail .caption .caption_btn,#RightWing_Main .thumbnail .caption .caption_btn,#RightWing .thumbnail .caption .caption_btn{text-align:center; padding:10px;} #LeftWing_Main .thumbnail .caption p,#RightWing_Main .thumbnail .caption p,#RightWing .thumbnail .caption p{font-size:12px; text-align:center; padding-left:5px; padding-right:5px; line-height:20px; margin:0px;} #LeftWing_Main .thumbnail .caption p .btn,#RightWing_Main .thumbnail .caption p .btn,#RightWing .thumbnail .caption p .btn{margin-top:2px; padding-left:8px; padding-right:8px;} #LeftWing_Main .thumbnail .caption .txt,#RightWing_Main .thumbnail .caption .txt,#RightWing .thumbnail .caption .txt{height:160px; overflow:hidden;} #LeftWing_Main .thumbnail .caption .title,#RightWing_Main .thumbnail .caption .title,#RightWing .thumbnail .caption .title{ font-size:20px; color:#000; line-height:40px; text-align:center; } #LeftWing_Main .span3.dwb_ImgGallery .NewIcon,#RightWing_Main .span3.dwb_ImgGallery .NewIcon,#RightWing .span3.dwb_ImgGallery .NewIcon{position:absolute; top:10px; left:10px;} #LeftWing_Main .thumbnail .caption .captionImg img,#RightWing_Main .thumbnail .caption .captionImg img,#RightWing .thumbnail .caption .captionImg img{ width:100%; height:100%; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;} #LeftWing_Main .thumbnail .caption:hover .captionImg img,#RightWing_Main .thumbnail .caption:hover .captionImg img,#RightWing .thumbnail .caption:hover .captionImg img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} #LeftWing_Main .thumbnail .caption #captionImg_slide .carousel-control,#RightWing_Main .thumbnail .caption #captionImg_slide .carousel-control#RightWing .thumbnail .caption #captionImg_slide .carousel-control { font-family: "Helvetica", Helvetica, Arial, sans-serif; border-radius:0; border:0px solid white; top:60px; /*50*/ } #LeftWing_Main .thumbnail .caption #captionImg_slide .carousel-control.left,#RightWing_Main .thumbnail .caption #captionImg_slide .carousel-control.left,#RightWing .thumbnail .caption #captionImg_slide .carousel-control.left {left:0;} #LeftWing_Main .thumbnail .caption #captionImg_slide .carousel-control.right,#RightWing_Main .thumbnail .caption #captionImg_slide .carousel-control.right,#RightWing .thumbnail .caption #captionImg_slide .carousel-control.right {right:0;} #LeftWing_Main .thumbnail .caption #captionImg_slide.carousel.vertical .item,#RightWing_Main .thumbnail .caption #captionImg_slide.carousel.vertical .item,#RightWing .thumbnail .caption #captionImg_slide.carousel.vertical .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top;} #cargo_footer,#kakao_footer{display: none;} .dwb_state .on{ display: block;} .on .out, .on .end,.end .on, .end .out, .out .on, .out .end{display: none;} .dwb_state .end,.dwb_state .out,.dwb_state.end .on,.dwb_state.out .on{display: none;} .dwb_state.on .on,.dwb_state.end .end,.dwb_state.out .out{ display: block;} #dwb_Cargo_Search{ padding-top: 40px;} #dwb_Cargo_Search .span5{width: 636px; margin-left:4px;} #dwb_Cargo_Search .span5 table{background-color: #fff;} #dwb_Cargo_Search .span5 .span4{height: 120px;} #dwb_Cargo_Search .span5 .span4{ width: 636px;} #dwb_Cargo_Search .span5 .span4 img{width: 100%;} #dwb_Cargo_Search table{margin-bottom: 5px;} @media screen and (max-width: 1680px) { #RightWing,#RightWing_Main,#LeftWing_Main{display: none;} } .span7.dwb_ceo{ width: 650px; padding-left: 20px; font-size: 14px; line-height: 22px;} .span3.dwb_ceo{width: 330px; background-color: #f1f1f1; height: 420px;} .dwb_Big_point_01{font-size:30px; color:#24377e; line-height: 40px; margin-top: 30px; margin-bottom:40px;} .dwb_Big_point_02{font-size:45px; color:#000; line-height: 65px; margin-bottom: 20px;} #dwb_Center_body .inner #dwb_Main_Slide .carousel .item {-webkit-transition: opacity 1s;-moz-transition: opacity 1s;-ms-transition: opacity 1s;-o-transition: opacity 1s;transition: opacity 1s;} #dwb_Center_body .inner #dwb_Main_Slide .carousel .active.left, .carousel .active.right {left:0;opacity:0;z-index:2;} #dwb_Center_body .inner #dwb_Main_Slide .carousel .next, .carousel .prev {left:0;opacity:1;z-index:1;} #table_Contents.Truck_Area .span5{width: 630px; padding-right:10px; text-align: center; font-size:12px;} #table_Contents.Truck_Area .span5 table td{text-align: center; vertical-align: middle;} #table_Contents.Truck_Area .span5 table{margin-bottom: 10px;} #table_Contents.Truck_Area .span7{width: 840px;} #table_Contents.Truck_Area .span3{width: 440px;} .table_top { width: 100%;; margin:0; padding:0;border-left:none;} .table_top h2 i{font-size:60px;color:#b5bbc4;padding-left:10px;padding-right:15px;} .table_top [class^="icon-"].pull-left, .table_top [class*=" icon-"].pull-left {margin-right: .0;} .table_top h2{font-family:'Helvetica';color:#e60115;font-size:36px;font-weight:bold;margin:0; padding:0;text-align:left; line-height: 45px;} .table_top h2 p{color:#313131;font-size:14px;font-weight:800;margin:0; padding:0;text-align:left; line-height: 16px;} .table_top h2 p.smaallTxt{font-size:13px;} .table_top h2 .small_txt{ font-size:12px; color:#666; padding-right:10px;} .Charge_Table.marginBottom50 .table{margin-bottom:50px;} .Charge_Table.marginLEFT10{ margin-left: 2%; width: 98%;} .Charge_Table.marginRIGHT10{ margin-right:2%;width: 98%;} .Charge_Table.marginBottom15 .table{margin-bottom: 20px;} .table_top h5{line-height:20px; padding-top: 20px;} .table_top h5 ul{ padding-top: 5px; margin-top: 5px;} .dwbTableImg img{width:230px;} .dwb_accordion_area #dwb_Accordion .accordion-inner{padding:0px; border:none; padding-bottom:30px; padding-top:10px; padding-left:25px; padding-right:25px; line-height:30px; font-size:16px;} .dwb_accordion_area #dwb_Accordion .accordion-heading{border:none;margin:0px;} .dwb_accordion_area #dwb_Accordion .accordion-heading .color_A{background-color:#F6f6f6;} .dwb_accordion_area #dwb_Accordion .accordion-heading .color_B{background-color:#F6f6f6;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_accordion_area #dwb_Accordion .accordion-heading h3{padding:0px;margin:0px; line-height:40px; font-size:18px; font-weight:bold; color: #004098;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_accordion_area #dwb_Accordion .accordion-heading h3 span{color: #000; font-size:14px;font-family:'Helvetica'; padding-left:15px; font-weight:400;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_accordion_area #dwb_Accordion .accordion-heading h3 i{font-size: 30px; color:#666; padding-top: 5px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_accordion_area #dwb_Accordion .accordion-heading:hover h3 i{ color:#b20000;} .dwb_accordion_area #dwb_Accordion.accordion a{text-decoration:none;color:#555;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_accordion_area #dwb_Accordion h4{ width:250px; margin-top:3px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_accordion_area #dwb_Accordion .title{font-size: 18px; font-weight: bold;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_accordion_area #dwb_Accordion .title i{ font-size:24px; color:#b20000;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents .dwb_Network_Area h4{ border: none; background-color:#d14424; width: 300px; text-align:center; color: #fff; display: table-cell;height: 100%;vertical-align: middle;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents .dwb_box{ display: table;width: 100%;margin-bottom: 30px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents .dwb_Network_Area ul{display: table-cell; background-color: #f5f5f5;text-align: left; padding: 30px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents .dwb_Network_Area ul li{list-style: none; padding-left: 10px;display: inline-block;vertical-align: top;width: 23%; line-height:30px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents .dwb_Network_Title ul{width: 100%;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents .dwb_Network_Title ul li{list-style: none; padding:0px; margin: 0px; text-align: center; display: inline-block;vertical-align: top; width:14%; line-height:50px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents .dwb_Network_Title ul.nav-pills > li > a{-webkit-border-radius:0px;-moz-border-radius: 0px;border-radius: 0px;height: 50px; line-height: 50px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents .dwb_Network_Title ul.nav-pills li{background-color:#f4f4f4;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents .dwb_Network_Title ul.nav-pills li.active{background-color:#d14424; width: 16%;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents .dwb_Network_img{height:800px;} .dwb_map{opacity:0; position: absolute; width:160px;height:160px;z-index: 9996;} #dwb_map_01_info{top:1000px;left:50%; margin:0 0 0 -280px;} #dwb_map_02_info{top:900px;left:50%; margin:0 0 0 100px;} #dwb_map_03_info{top:1200px;left:50%; margin:0 0 0 280px;} #dwb_map_04_info{top:1200px;left:50%; margin:0 0 0 -180px;} #dwb_map_05_info{top:800px;left:50%; margin:0 0 0 -480px;} #dwb_map_06_info{top:1000px;left:50%; margin:0 0 0 -430px;} #dwb_map_07_info{top:1100px;left:50%; margin:0 0 0 -580px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .span5 h2{ padding-left:30px; color: #000; font-weight: bold;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .span5 h1{padding-left: 30px; padding-top: 10px; padding-bottom: 20px; font-size: 70px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .end{ margin-bottom: 20px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .start{ padding-top:0px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .title{ color:#005bac; font-family:'Helvetica'; font-weight: bold;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .span5 p{padding-left: 30px} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area p.end{ margin-bottom: 100px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area hr{ /*border:solid thin #f1f1f1;*/} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area h5{ font-size: 25px; /*border-left:5px solid #009966;*/ line-height: 40px; padding-left: 10px; margin-left: 10px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .mb20{margin-bottom: 20px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area .p20{padding: 20px; line-height:30px; font-size:16px;} .dwb_thum_list{ padding-left:10px; padding-right:10px;padding-top:0px; padding-bottom: 20PX;} .dwb_thum_list h2{padding-left:10px; font-weight:800;} .dwb_thum_list .SmallTitle{ color:#33b4ff;} .dwb_thum_list .span3{width:200px; margin:5px; margin-top:10px;} .dwb_thum_list .span3 .thumbnail{padding-bottom:0px;padding-top:0px; margin:0px; text-align:center; height:210px; overflow:hidden;} .dwb_thum_list.en .span3 .thumbnail{ height:240px;} .dwb_thum_list .thumbnail .caption{background-position:right top; background-repeat:no-repeat;padding:0px;margin-top:0px;margin-bottom:0px;} .dwb_thum_list .thumbnail .caption hr{padding-bottom:0px;padding-top:0px;margin-top:0px;margin-bottom:0px;} .dwb_thum_list .thumbnail .caption .captionImg{ margin-left:0px;margin-right:0px; width:190px; height:100px; text-align:center; overflow:hidden; margin-top:5px; padding-left:0px;} .dwb_thum_list .thumbnail .caption .caption_btn{text-align:center; padding:10px;} .dwb_thum_list .thumbnail .caption p{font-size:12px; text-align:center; padding-left:5px; padding-right:5px; line-height:25px; margin:0px;} .dwb_thum_list .thumbnail .caption p .btn{margin-top:7px; padding-left:8px; padding-right:8px;} .dwb_thum_list .thumbnail .caption .txt{height:130px; overflow:hidden;} .dwb_thum_list .thumbnail .caption .title{ font-size:20px; color:#000; line-height:40px; text-align:center; } .dwb_thum_list .span3.dwb_ImgGallery .NewIcon{position:absolute; top:10px; left:10px;} .dwb_thum_list .thumbnail .caption .captionImg img{ width:100%; height:100%; -webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;-ms-transition: all 0.2s linear;transition: all 0.2s linear;} .dwb_thum_list .thumbnail .caption:hover .captionImg img{-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);transform: scale(1.1,1.1);} .dwb_thum_list .thumbnail .caption #captionImg_slide .carousel-control { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; border-radius:0; border:0px solid white; top:60px; /*50*/ } .dwb_thum_list .thumbnail .caption #captionImg_slide .carousel-control.left {left:0;} .dwb_thum_list .thumbnail .caption #captionImg_slide .carousel-control.right {right:0;} .dwb_thum_list .thumbnail .caption #captionImg_slide.carousel.vertical .item { -webkit-transition: 0.6s ease-in-out top; -moz-transition: 0.6s ease-in-out top; -ms-transition: 0.6s ease-in-out top; -o-transition: 0.6s ease-in-out top; transition: 0.6s ease-in-out top;} .dwb_thum_list .span1{ width: 55px; text-align: center;} .dwb_thum_list .span1 i{font-size: 40px; line-height: 210px;} .dwb_customer_editor #kboard-customer-document .w30p{text-align:left; padding-left:10px; } .dwb_customer_editor #kboard-customer-document .w20p{ width:110px; text-align:right; padding-right:10px;} .dwb_customer_editor #kboard-customer-document .span3{width:30%;} .dwb_customer_editor #kboard-customer-document .span7{width:66%; margin-left:4%; } .dwb_customer_editor #kboard-customer-document .span7 .table{ margin-bottom:0px;} .dwb_customer_editor #kboard-customer-editor_dwb .span6{width:8%; height:55px;} .dwb_customer_editor #kboard-customer-editor_dwb .span7{width:48%; margin-right:2%; height:55px; line-height:40px;} .dwb_customer_editor #kboard-customer-editor_dwb .span9{width:15%; height:55px; line-height:40px;} .dwb_customer_editor #kboard-customer-editor_dwb .span1{width:17%; height:55px; line-height:40px; text-align:right; padding-right:10px; color:#368EF7;font-weight:bold;} .dwb_customer_editor #kboard-customer-editor_dwb .span1.NoPoint{color:#333;} .dwb_customer_editor #kboard-customer-editor_dwb .span1.NoPoint_red{color:#e60012;} .dwb_customer_editor #kboard-customer-editor_dwb .span1.NoPoint_blue{color:#009944;} .dwb_customer_editor #kboard-customer-editor_dwb .span2{width:30%; height:55px;} .dwb_customer_editor #kboard-customer-editor_dwb .span3{width:80%; height:55px;} .dwb_customer_editor #kboard-customer-editor_dwb .span2 span{line-height: 40px;} .dwb_customer_editor #kboard-customer-editor_dwb .span4{width:30%; height:50px; line-height:50px; padding-left:20%;} .dwb_customer_editor #kboard-customer-editor_dwb .span5{width:100%;} .dwb_customer_editor #kboard-customer-editor_dwb .span6 .btn-primary{height:40px; line-height:40px; padding:0px;} #dwb_Center_body.dwb_Sub .inner.dwb_Contents.dwb_Freight_area hr{ /*border:solid thin #f1f1f1;*/} .dwb_customer_editor #kboard-customer-editor_dwb .span10.Cargo_Charge_reArea{width: 450px;;} .dwb_customer_editor #kboard-customer-editor_dwb .span10.Cargo_Charge_reArea .span1{ width: 130px; margin: 0px;} .dwb_customer_editor #kboard-customer-editor_dwb .span10.Cargo_Charge_reArea .span7{ width: 300px; margin-right: 0px;} .dwb_customer_editor #kboard-customer-editor_dwb .span10.Cargo_Charge_reArea .span8{width: 170px; margin: 0px;} .dwb_customer_editor #kboard-customer-editor_dwb .span10.Cargo_Charge_reArea .span8 .btn{height: 36px;} .dwb_customer_editor #kboard-customer-editor_dwb .span10.Cargo_Charge_reArea .span2{width: 130px;} .dwb_customer_editor #kboard-customer-editor_dwb input[type=file] { font-size: 12px;height:40px;line-height:40px;} .dwb_customer_editor #kboard-customer-editor_dwb input[type=text], .dwb_customer_editor #kboard-customer-editor_dwb input[type=password]{height:40px; font-size:15px; padding-left:15px; line-height:40px;} .dwb_customer_editor #kboard-customer-editor_dwb select{height:45px; font-size:15px; padding-left:15px; line-height:45px;} .dwb_customer_editor #kboard-customer-editor_dwb .span5.top_space{} .dwb_customer_editor #kboard-customer-editor_dwb .span5.bottom_space{ height:30px;} #smart_Bg{background-image: url(../img/main/smart_bg.gif); background-repeat: no-repeat; margin-bottom: 10px;} #dwb_Adress_Search2{width:300px;position:absolute; top:285px; left:200; z-index:9999;} #dwb_Freight_Price #dwb_Adress_Search{width:305px;position:absolute; top:230px; left:200; z-index:9999;} #dwb_Adress_Search table,#dwb_Adress_Search2 table{background-color: #fff;} #Search_table.table tr td .btn-inverse:focus{ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } #Search_table2.table tr td .btn-inverse:focus{ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); *background-color: #bd362f; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; border-color: #bd362f #bd362f #802420; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #ffffff; background-color: #bd362f; *background-color: #a9302a; } #kakao_Link{left:50%; margin:0 0 0 540px; z-index:998; width:110px; height: 58px; position: absolute; top:870px; } #dwb_Freight_Price_Noview{width: 430px; height: 660px; position: absolute; top:130px; left: 50%; margin: 0 0 0 188px; z-index: 995; padding: 10px; background: url(../img/main/Freight_bg.png); background-repeat: no-repeat; } #dwb_Freight_Price_Noview .First_TxtLine{ margin-top: 10px;} #dwb_Freight_Price_Noview h4{padding-left:10px;} #dwb_Freight_Price_Noview h1{ margin-top: 0px; font-size:32px;} #dwb_Freight_Price_Noview h1 i{margin-left:10px;} #dwb_Freight_Price_Noview h1 .black{ font-weight: 700; color:#000;} #dwb_Freight_Price_Noview_Sorry{width: 430px; height: 660px; position: absolute; top:130px; left: 50%; margin: 0 0 0 188px; z-index: 995; padding: 10px; background: url(../img/main/Freight_bg.png); background-repeat: no-repeat; } #dwb_Freight_Price_Noview_Sorry .First_TxtLine{ margin-top: 10px;} #dwb_Freight_Price_Noview_Sorry h4{padding-left:10px;} #dwb_Freight_Price_Noview_Sorry h1{ margin-top: 0px; font-size:32px;} #dwb_Freight_Price_Noview_Sorry h1 i{margin-left:10px;} #dwb_Freight_Price_Noview_Sorry h1 .black{ font-weight: 700; color:#000;} .f_banner.span3{ width: 430px; left:50%; margin:0 0 0 210px; z-index:997; position: absolute; top:470px; } .bg_01{ background-color:#cb343a; color: #fff;font-weight: bold;} .bg_02{background-color:#007c36; color: #fff;font-weight: bold;} .bg_03{background-color:#00478b; color: #fff;font-weight: bold;} .bg_04{background-color:#d8f0db; color: #000;font-weight: bold;} .bg_05{background-color:#d1e2f8; color: #000;font-weight: bold;} .bg_06{background-color:#fde1f6; color: #000;font-weight: bold;} .table .bg_000{background-color:#fff; color: #000; text-align: left; padding-left: 20px; } .bg_08{background-color:#fcf8d6; color: #000;font-weight: bold;} .table .bg_00{background-color:#fff; color: #000; font-weight: bold;text-align: left;padding-left: 20px;} .map_wrap2 {position:relative;overflow:hidden;width:100%;height:500px;} .map_wrap {position:relative;overflow:hidden;width:100%;height:600px;} .radius_border{border:1px solid #919191;border-radius:5px;} .custom_typecontrol {position:absolute;top:10px;right:10px;overflow:hidden;width:130px;height:30px;margin:0;padding:0;z-index:1;font-size:12px;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;} .custom_typecontrol span {display:block;width:65px;height:30px;float:left;text-align:center;line-height:30px;cursor:pointer;} .custom_typecontrol .btnt {background:#fff;background:linear-gradient(#fff, #e6e6e6);} .custom_typecontrol .btnt:hover {background:#f5f5f5;background:linear-gradient(#f5f5f5,#e3e3e3);} .custom_typecontrol .btnt:active {background:#e6e6e6;background:linear-gradient(#e6e6e6, #fff);} .custom_typecontrol .selected_btn {color:#fff;background:#425470;background:linear-gradient(#425470, #5b6d8a);} .custom_typecontrol .selected_btn:hover {color:#fff;} .custom_zoomcontrol {position:absolute;top:50px;right:10px;width:36px;height:80px;overflow:hidden;z-index:1;background-color:#f5f5f5;} .custom_zoomcontrol span {display:block;width:36px;height:40px;text-align:center;cursor:pointer;} .custom_zoomcontrol span img {width:15px;height:15px;padding:12px 0;border:none;} .custom_zoomcontrol span:first-child{border-bottom:1px solid #bfbfbf;} #F_contents .span3{width:100px;} #F_contents .span7{width:540px;} .F_mt50{margin-top:40px; } #dwb_Main_right.span2{width:450px; border: 1px solid #f1f1f1; background-color: rgba(255,255,255,0.9); border-radius:5px; height: 664px; overflow: hidden;} /**/ /******바디 시작 **************************************/ #dwb_Center_body a{text-decoration: none; color: #000; } #dwb_Center_body li{list-style: none; float: left;} /**/ .dwb_LinkBg{ width:100%; overflow: hidden; background-color: #fff; margin-top: 10px; margin-bottom: 80px; } .dwb_LinkBg .inner{ } .dwb_LinkBg .h2{ text-align: center; color:#0e687b; margin: 0; padding: 0; margin: 50px 0; } .dwb_LinkBg .inner .span3{ width: 320px; } .dwb_LinkBg .inner .span3 .span1{ width: 140px; height: 140px; margin-left: 90px; position: relative; } .dwb_LinkBg .inner .span3 .span1 img{ display: block; } .dwb_LinkBg .inner .span3 .span1 .hover{ position: absolute; top:0; left: 0; display: none; } .dwb_LinkBg .inner .span3 .span1:hover .hover{display:block;} /**/ /**/ .kakao_bg_inner2{ background: url("../img/main/main_content2_bg.jpg") no-repeat center/cover; height: 280px; } .kakao_bg_inner2 .inner{ margin-top: 60px; } .kakao_bg_inner2 .inner .span9{ margin: 35px 50px; } .kakao_bg_inner2 .inner .span9 .kakao_title{ font-size: 25px; font-weight: 800; } .kakao_bg_inner2 .inner .span9 .kakao_sub_txt1{ font-size: 18px; margin:20px 0 10px 0; } .kakao_bg_inner2 .inner .span9 .kakao_sub_txt2{ font-size: 15px; } .kakao_bg_inner2 .inner .span9 .channel_click_box{ width: 123px; height: 40px; border: 2px solid #000; line-height: 40px; text-align: center; float: right; margin-top: -50px; } .kakao_bg_inner2 .inner .span9 .channel_click_box:hover{ text-decoration:none; background-color:#174d79; color:#fff; -webkit-transition: background-color 1s;-moz-transition: background-color 1s;-ms-transition: background-color 1s;-o-transition: background-color 1s;transition: background-color 1s; cursor: pointer; } /**/ /**/ /**/ /******푸터 시작 **************************************/ #dwb_Center_footer a{text-decoration: none; color: #000; } #dwb_Center_footer li{list-style: none; float: left;} /******푸터 시작 **************************************/ #dwb_Center_footer{ border-top: 1px solid #ddd; } #dwb_Center_footer .inner{ padding: 50px 0; } #dwb_Center_footer .inner .footer-logo.span1{ width: 156px; } #dwb_Center_footer .inner .footer-logo.span1 img{ width: 156px; } #dwb_Center_footer .inner .footer-text-wrap{ width: 700px; margin-left: 50px; } #dwb_Center_footer .inner .footer-text-wrap .main-text-color{ font-weight: bold; font-size: 16px; } #dwb_Center_footer .inner .footer-text-wrap .main-text-color span{ font-weight: bold; } #dwb_Center_footer .inner .footer-text-wrap p{ font-size: 14px; } #dwb_Center_footer .inner .footer-text-wrap p .Wrap-Line{ padding: 0 10px; } #dwb_Center_footer .inner .right-info-box{ width: 155px; float: right; } #dwb_Center_footer .right-info-box .dwb-btn-1{ width: 155px; margin-bottom: 5px; background-color: #113366; color: #fff; } #dwb_Center_footer .copy{ background-color: #113366; color: #fff; text-align: center; line-height: 50px; } /******푸터 끝 **************************************/ /******푸터 끝 **************************************/ /**/ logi_inner3 .margin_top,.logi_inner1 .margin_top{ margin-top: 20px; font-weight: bold; font-size: 12px; } /**/ .title_wrap{ margin-top: 60px; } .title_text{ margin: 0; padding-left: 360px; color: #0e687b; letter-spacing: -2px; } .title_text span{ display: block; font-weight:400; font-size: 25px; } .title_letter{ line-height: 70px; font-size: 15px; padding-left: 360px; } .title_letter .block{ margin-top: -50px!important; } .title_h2{ margin-top: 60px; text-align: center; } .title_p{text-align: center; font-size: 15px!important;} /**/ /*테이블 표 공통사힝ㄴ*//*테이블 표 공통사힝ㄴ*/ .green_bg.title{ width: 120px!important; background-color: #0e687b; color:#fff; padding-top: 0; margin: 0; width: 120px!important; text-align: center; } .text_td{ padding: 15px 0!important; margin: 0; text-indent: 20px; background-color: #fafafa; } .table td{vertical-align: middle;} /*테이블 표 공통사힝ㄴ*//*테이블 표 공통사힝ㄴ*/ .dwb_effect_btn{ width: 134px; height: 40px; line-height:40px;text-decoration:none; text-align:center; font-size:13.5px; font-weight:900; background-color:#fff; border:2px solid #0e687b; color:#0e687b; margin-right:20px; font-weight: bold; } .dwb_effect_btn:hover{ text-decoration:none; background-color:#0e687b; color:#f1f1f1; -webkit-transition: background-color 1s;-moz-transition: background-color 1s;-ms-transition: background-color 1s;-o-transition: background-color 1s;transition: background-color 1s; cursor: pointer; } .com_img img{float: right; } .download_a{color:#fff!important;} .dwb_left_text{ } .dwb_left_text .blue_t{ color: #0084cc!important; font-size: 20px!important; } .dwb_left_text>p{ font-weight: bold; font-size: 16px; } .dwb_left_text>p img{margin-right: 10px!important;} .dwb_left_text>p span{font-weight: bold;} .dwb_left_text>p .point{color: #f07e40;} .company_group_letter{ font-size: 18px; line-height: 25px; color: #174d79; } .company_group_letter span{display: block!important;} .company{position: relative;} .top_txt{ font-size:18px; color: #174d79; } .h3{color: #174d79;} .top_title{ font-size: 32px; font-weight: 500; line-height: 35px; color: #174d79; } .ci_inner .line{ border:1px solid #174d79; margin: 50px 0; } /*★★★★★★★★★★★★★★★★회사소개 ci 서브페이지 작업★★★★★★★★★★★★★★★★*/ .ci_inner{ margin-top: 100px; margin-bottom: 150px; } .ci_inner h5{ font-size: 21px; } .ci_inner .ci_img_letter{ margin-top: 100px; } .ci_inner .ci_img_letter .right_img2 img{float: right;} .ci_inner .ci_img_letter2 .gray_bg{ background-color: #f2f2f2; height: 300px; } .ci_inner .ci_img_letter2 .span5{ text-align: center; } .ci_inner .ci_img_letter2 .left_img img{margin-top: 90px;} .ci_inner .ci_img_letter2 .right_img img{margin-top: 100px;} /*★★★★★★★★★★★★★★★★회사소개 ci 서브페이지 작업★★★★★★★★★★★★★★★★*/ .main-body{ width: 100%; background: url("../img/main/main-bg.png") no-repeat center/cover; } .block{display: block;} .dwb-btn-1{ width: 100px; height: 40px; line-height: 40px; border: 2px solid #113366; color: #113366; text-align: center; font-size: 14px; } .dwb-btn-1.right-btn{ float: right; color:#fff; background-color:#113366; } #dwb_main_banner .title{ font-size:50px;color:#d3571a;; font-weight: bold; } #dwb_main_banner .title span{ display: block; font-size: 15px; margin-top: 50px; margin-bottom: 20px; } #dwb_main_banner .sub_txt{ font-size:16px; line-height:45px; color:#fff; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.75); padding: 0 10px; } #dwb_main_banner .sub_txt2{ font-size:18px; line-height:40px; color:#fff; margin-top: 40px; } #dwb_main_banner .dwb_Text_Area{position:absolute; z-index:980; right:50%;margin-right:-640px;width:1280px;min-width:1280px; padding-top:0px; top:180px; text-align: center;} #dwb_main_banner .dwb_Text_Area.left{ text-align:left;top:70px;margin-right:-640px;width:1280px;min-width:1280px;} /*슬라이드 이미지를 페이드로 처리하는 법*/ #dwb_main_banner .carousel-inner{margin:0;} #dwb_main_banner.carousel.slide{margin-bottom:0px;} #dwb_main_banner.carousel .item {-webkit-transition: opacity 3s;-moz-transition: opacity 3s;-ms-transition: opacity 3s;-o-transition: opacity 3s;transition: opacity 3s;} #dwb_main_banner.carousel .active.left, .carousel .active.right {left:0;opacity:0;z-index:2;} #dwb_main_banner.carousel .next, .carousel .prev {left:0;opacity:1;z-index:1;} /*슬라이드 이미지를 페이드로 처리하는 법*/ #dwb_main_banner{ width: 100%; margin: 0px; } #dwb_main_banner .carousel-inner>div{ width: 100%; height: 420px; } .banner_img01{ background:url(../img/main/main_slide_banner01.jpg) no-repeat center/cover; } .banner_img02{ background:url(../img/main/main_slide_banner02.jpg) no-repeat center/cover; } .banner-btn-box{ width: 213px; height: 120px; position: absolute; z-index: 9; top: 285px; left: 763px; } .banner-btn-box .main-btn{ margin-bottom: 20px; } .banner-btn-box .main-btn1{ float: right; } .skew-box{ margin-left: 420px; margin-top: -110px; z-index: 9!important; } .skew-btn{ width: 180px; height: 50px; border: 2px solid #7ecef4; transform: skew(-25deg); background: #1c2a44; color: #7ecef4; text-align: center; line-height: 50px; margin-bottom: 20px; } .skew-btn p{ transform: skew(25deg); } .skew-btn1{ margin-left: 30px; } .main-cont1{ padding-top: 50px; } .main-cont1 .title-font{ text-align: center; color: #e83428; font-size: 35px; font-weight: 500; margin-bottom: 20px; } .main-cont1 .sub-title{ text-align: center; font-size: 18px; line-height: 30px; } .main-cont1 .span3{ width: 320px; margin-top: 50px; } .main-cont1 .span3>p{ padding-left: 20px; margin-top: 15px; font-size: 15px; } .main-cont1 .span3 .logis-click{ float: right; margin-top: 30px; margin-right: 15px; } .main-cont2{ padding-top:100px; } .main-cont2 .kakao-title-bg{ background: url("../img/main/kakao-title-bg.png")no-repeat center/cover; width: 579px; height: 57px; line-height: 50px; text-indent: 90px; font-size: 23px; font-weight: 500; } .main-cont2 .kakao-wrap .kakao-text{ font-size: 16px; line-height: 25px; } .main-cont2 .kakao-wrap .first-kakao-text{ margin-top: 30px; } .main-cont2 .kakao-wrap .kakao-text-m{ font-size: 14px; font-weight: bold; line-height: 25px; margin-top: 30px; } .kakao-btn{ float: right; margin-top: -60px; margin-right: 70px; } .main-cont2 .notice-wrap .title{ font-size: 25px; font-weight: 500; line-height: 50px; } .main-cont2 .notice-wrap .title span{ float: right; font-size: 14px; } .notice-wrap .left-notice-area .main-table-area{ margin-top: 20px; } .notice-wrap .main-table-area{ margin-top: 30px; } .notice-wrap .main-table-area td{ line-height:45px; font-size: 14px; border-top: 1px solid #000; } .main-cont2 .skew-btn{ width: 160px; height: 40px; line-height: 40px; border: 3px solid #7ecef4; float: right; background-color: transparent!important; color: #1c2a44; font-weight: 500; margin-right: 76px; margin-top: -65px; } .main-cont3{ background: url("../img/main/cont3-bg.jpg")no-repeat center/cover; height: 400px; margin-top: 100px; } .main-cont3 .span5{ width: 620px; height: 130px; background-color: #ffffff; background-color: rgba( 255, 255, 255, 0.8 ); } .main-cont3 .span5 img{ float: left; } .main-cont3 .span5 p{ text-indent: 30px; } .main-cont3 .span5 .title{ font-size: 30px; margin: 30px 0 20px 0; } .main-cont3 .span5 .sub-title{ font-size: 16px; } .selection-box01,.selection-box02{ margin-top: 70px; margin-bottom: 20px; } .selection-box02,.selection-box04{ float: right } .x-web-bg{ background: url("../img/imgs/cm-img.png") no-repeat center/cover; height: 350px; } .company-img-bg{ width: 40%; margin-top: 100px; } .company-img-bg img{width: 100%;} /**/ .add_span5{ margin-bottom: 30px; } .add_span5 img{ float: left; } .add_span5 h3{ font-size: 20px!important; margin-top: 30px!important; } .add_span5 h3,.add_span5 p{ display: inline-block; margin-left: 20px; padding: 0!important; } .add_table td:last-child{ text-align: left; padding-left: 30px; line-height: 30px; } .dwbVehicleType{ width: 426.6666px!important; height: 350px; text-align: center; } .dwbVehicleType img{ margin-top: 30px; } .dwbVehicleType p:nth-of-type(1){ font-size: 20px; line-height: 70px; color: #113366; font-weight: bold; } .dwbVehicleType p:nth-of-type(2){ font-size: 14px; font-weight: 500; }