@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
	font-family: 'NanumGB';
	src: url('http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix');
	src: local('?'),
		 url('http://themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
}


* {margin:0;padding:0}
body {color:#666;font-size:13px;line-height:1.7;font-family:"Nanum Gothic",AppleGothic,Tahoma,Sans-serif !important}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:NanumGB,"Nanum Gothic",AppleGothic,Tahoma,Sans-serif}
hr {display:none}
ul, ol, li {list-style-type:none;font-family:"Nanum Gothic",AppleGothic,Tahoma,Sans-serif}
fieldset{margin:0;padding:0;border:0}
legend,caption {display:none}
address, em, cite {font-style:normal}
input, button, textarea, select {font-size:1em;font-family:"Nanum Gothic",AppleGothic,Sans-serif}
button, textarea, input, object, select {display:inline-block;vertical-align:middle}
code, pre {font-size:1em}
button{overflow:visible;border:none;margin:0;padding:0;cursor:pointer;_cursor:hand}
.inptxt{height:18px;padding:7px 7px 0 7px;color:#666;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;vertical-align:middle;background:#fff}
:root .inptxt{padding:5px 7px 3px 7px}
input[type=file].inptxt{height:25px;padding:0 7px 0 7px;color:#767676;line-height:25px;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;vertical-align:middle;background:#fff}
input[type=file].inptxt:focus,.inpTxt:focus, select:focus{border:1px solid #fabe02}
select:focus{outline:none}
.readonly{background:#f9f9f9}
.readonly:focus{border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
select{height:27px;padding:4px;color:#767676;font-size:12px;line-height:18px;border-top:1px solid #b2b2b2;border-left:1px solid #b2b2b2;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}
textarea{padding:5px;border:1px solid #bababa;line-height:1.167;_margin:-1px 0;resize:none}
img{border:0 none; font-size:0px; padding:0; margin:0;}
label{display:inline-block;*display:inline;_zoom:1;vertical-align:middle}
table{*empty-cells:show;border-collapse:collapse}

/*type_css*/
a {color:#666;text-decoration:none;}
a:hover {color:#133984;text-decoration:none;}
.hidden{position:absolute !important;visibility:hidden !important;top:-9999px !important;left:-9999px !important;font:0/0 Arial}
.hidden{*height:1%}

/* important css */
.w_center{width:1000px; margin:0 auto; position:relative;}
.cursorp{cursor:pointer;}
.t_left {text-align:left !important}
.t_center {text-align:center !important}
.t_right {text-align:right !important}
.f_left {float:left !important}
.f_right {float:right !important}
.pdT1{padding-top:1px !important;}
.marT10{margin-top:10px !important;}
.marT20{margin-top:20px !important;}
.marT30{margin-top:30px;*padding:30px 0 0 0}
.marT50{margin-top:50px;*padding:30px 0 0 0}
.marL5{margin-left:5px !important;}
.marL20{margin-left:20px !important;}
.marL40{margin-left:40px !important;}
.marL50{margin-left:50px !important;}
.marL100{margin-left:100px !important;}
.marL150{margin-left:150px !important;}
.marR0{margin-right:0px !important;}
.center{ width:1000px; margin:0 auto;}
.dib{ display:inline-block; vertical-align:top;}

/* font css */
.gt_t15{ font-size:15px; font-weight:700; color:#333;}
.gt_t17{ font-size:17px; font-weight:700; color:#333;}
.gt_t15_{ font-size:15px; font-weight:700; color:#777;}
.gt_t17_{ font-size:17px; font-weight:700; color:#777;}




/*layout*/
#wrap{position:relative; width:100%; min-width:1000px; height:100%; background:url(/img/s_bg.gif) repeat-x;}

#main_con{width:1000px; margin:0 auto; margin-top:25px;}
#main_img{margin-right:32px}

#sub_img{width:100%; margin:0 auto; margin-top:25px; background:url(/img/sub_page.jpg) center top; background-repeat:no-repeat; height:303px;}
#sub_con{width:1000px; margin:0 auto; padding-bottom:0px;}

#cate_menu{ position:relative;}
#cate_menu .c_menu{ border:1px solid #CCC; border-bottom:1px solid #FFF; width:298px; margin-bottom:8px;}
#cate_menu .c_menu li{display:inline-block; vertical-align:top;}
#cate_menu  .crane{width:300px;}
#cate_menu  .crane li{display:inline-block; vertical-align:top;float:left}

#quick_m{ position:absolute; right:-65px;}


#main_pro{ background-color:#f0f0f0; padding:20px 0; margin-top:20px;}
#sub_pro{ background-color:#fff; padding:20px 0; margin-top:20px;}

#main_pro .pro_title{ position:relative; padding-left:10px;}
#main_pro .pro_title span{ position:absolute; right:0px; top:-5px;}
#sub_pro .pro_title{ position:relative;}
#sub_pro .pro_title span{ position:absolute; right:5px; top:-5px;}
.crane_pro dl{display:inline-block; vertical-align:top; width:220px; margin:25px 12px; border:1px solid #ddd; box-shadow:2px 2px 2px #ccc;}
.crane_pro dl dd{background-color:#fff; padding:10px 25px 0 25px; height:140px;}
.crane_pro dl dd{line-height:25px;}
.crane_pro dl dd .pro_name{ font-size:17px; font-weight:700; color:#333; line-height:40px; border-bottom:1px solid #CCC; width:100%; margin-bottom:5px;}
.crane_pro dl dd .select{ position:relative;padding-top:10px;}
.crane_pro dl dd .select img{ vertical-align:-5px;}
.crane_pro dl dd .select span{ position:absolute; right:0;}

.crane_pro .model{ font-size:17px}
.crane_pro .year{ font-size:17px}


#main_bottom{ padding:30px 0;}
#data_box{display:inline-block; vertical-align:top; width:480px; margin-right:50px; }
#data_box .data_title{ position:relative; padding-bottom:7px; border-bottom:1px solid #CCC; width:100%; margin-bottom:5px;}
#data_box .data_title span{ position:absolute; right:0;}
#data_box .data_con dl{ position:relative; padding:2px 0;}
#data_box .data_con dl dt{display:inline-block; vertical-align:top; }
#data_box .data_con dl dd{display:inline-block; vertical-align:top; position:absolute; right:0; color:#999; }

#customer_box{display:inline-block; vertical-align:top; width:315px; background:url(/img/buy_inquire_img.gif) left no-repeat; padding-left:145px;}
#customer_box .customer_title{position:relative; padding-bottom:7px; border-bottom:1px solid #CCC; width:100%; margin-bottom:7px;}

#footer_quick{ background:#f2f2f2; border-bottom:1px solid #dedede; border-top:1px solid #dedede; text-align:center; margin-bottom:30px;}
#copyright{width:780px; margin:0 auto; position:relative; background:url(/img/footer_logo.gif) left no-repeat; padding-left:220px; padding-bottom:20px;}
#copyright span{ position:absolute; right:0; top:0px;}


#wrap_main{position:relative;width:100%;height:100%; background:url(/img/main_bg.jpg) center top no-repeat fixed;}
#wrap_sub{position:relative; width:100%; height:100%;}


#pro_search{width:1000px; margin:0 auto; position:relative;}
#pro_search ul{}
#pro_search ul li{display:inline-block; vertical-align:top; margin:0;padding:0}

#search_box{width:966px; margin:0 auto; background:#ebebeb; border:3px solid #e1e1e1; padding:14px; margin-top:10px;}

#search_box .search_btn{position:relative; margin-top:10px; }
#search_box .search_btn span{position:absolute; right:0;}
#search_box .search_btn span img{ vertical-align:-16px;}
#search_box .search_btn .model_input{ border:3px solid #5274a4; background:#FFF; height:32px; line-height:31px; text-indent:10px;}

.sub_allign{ background:url(/img/sub_allign.gif) repeat-x; position:relative; margin-top:20px;}
.sub_allign ul{ display:inline-block; vertical-align:top; height:23px; line-height:23px; border:1px solid #CCC; width:415px; background:#FFF;}
.sub_allign ul li{display:inline-block; vertical-align:top; padding-left:20px;}
.sub_allign span{ position:absolute; right:0; top:-5px;}

#search_box .search_con {position:relative;z-index:999;display:inline-block;float:left;width:193px;}
#search_box .search_con .st {padding-top:10px}
#search_box .search_con .search_submenu {position:absolute;background:#fff;border:1px solid #ccc;padding:10px;display:none}
#search_box .search_con .search_submenu li {width:171px;height:25px;}


#pro_search .c_menu{ border:1px solid #CCC; border-bottom:1px solid #FFF; width:298px; margin:15px 0 8px 0;}
#pro_search .c_menu li{display:inline-block; vertical-align:top;}

#list_num{width:1000px; margin:10px auto; text-align:center;}
#list_num ul{display:inline-block; vertical-align:top;}
#list_num ul li{display:inline-block; vertical-align:top; margin:0 2px;}
#list_num ul li a{ padding:10px; background:#e4eaec; color:#333;} 
#list_num ul li a:hover{background:#333; color:#fff;}
#list_num span a{ padding:10px; background:#e4eaec; color:#333; margin:0 2px;} 
#list_num span a:hover{background:#333; color:#fff;}

#pro_view{ margin-top:50px; position:relative;}
#pro_view .pro_title{background:url(/img/sub_allign.gif) repeat-x; margin-bottom:30px;}
#board .pro_title{background:url(/img/sub_allign.gif) repeat-x; margin:30px 0;}

#pro_view .model_name{ text-align:center; font-size:30px; color:#233677; font-weight:bold; margin-bottom:10px;}
#pro_view .view_img{ text-align:center;}
#pro_view .view_img .view_img_b{display:inline-block; vertical-align:top; }
#pro_view .view_img ul{display:inline-block; vertical-align:top;  margin-left:15px;}
#pro_view .view_img ul li{ padding-bottom:21px;}

#pro_view .view_model {color:#ff6600;}

#view_con{ height:110px; background:#efefef; border-bottom:1px solid #c4c4c4; border-top:2px solid #2c2e75; padding:25px; margin:10px 0;}
#view_con .view_con_l{display:inline-block; vertical-align:top; border-right:2px solid #ccc; width:475px; margin-right:30px;}
#view_con dl{ font-weight:bold; font-size:14px; line-height:30px;}
#view_con dl dt{display:inline-block; vertical-align:top; width:120px; color:#777777; }
#view_con dl dd{display:inline-block; vertical-align:top;color:#333; }

#sns{ text-align:right; margin-bottom:40px;}
#sns span{ padding-left:10px;}
#view_info{ padding:20px 0 60px 0;}
#view_info img {width:100%;}

#compare_btn{ margin-bottom:20px;}
#compare_btn span{ position:absolute; right:0;}
#compare_con dl{ display:inline-block; vertical-align:top; width:220px; font-size:14px; color:#333; margin:0 13px;}
#compare_con dl dd{ border-bottom:1px solid #ccc; padding:5px 0;}
compare_con .con_title dl{ margin:0px;}
#compare_con .con_title dl dt{ height:187px;}
#compare_con .con_title dl dd{ color:#2d4285; font-weight:bold; text-align:center;}

.inquire_txt{ font-size:14px; font-weight:700; color:#333; line-height:60px; width:150px;}
.inquire_btn{ padding:20px 0 0 350px;;}
.input{ height:30px; width:200px; border:3px solid #CCC; text-align:left;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.allign {cursor:pointer}

/* 유투브 레이어 */

.layer {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:9999;}
.layer .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer .pop-layer {display:block;}

.pop-layer {display:none; position: absolute; top: 50%; left: 50%; width: 420px; height:315px;  background-color:#fff; border: 5px solid #3571B5; z-index: 10;}	
.pop-layer .pop-container {}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .btn-r {width: 425px; margin:-2px 5px 0 0;text-align:right;}

a.cbtn {display:inline-block; vertical-align:top; height:25px; padding:0 14px 0; border:1px solid #304a8a; background-color:#3f5a9d; font-size:13px; color:#fff; line-height:25px;}	
a.cbtn:hover {border: 1px solid #091940; background-color:#1f326a; color:#fff;}

.message{display:inline-block; vertical-align:top; width:450px; padding-right:45px;}
.message h1{ font-size:17px; font-weight:bold; color:#333; padding-bottom:3px;}
.message p{ font-size:14px;}

.sub55 {width:1000px; float:left; border-bottom:1px solid #eaeaea; padding-top:12px;}
.sub55_left {width:300px; height:90px; float:left;}
.sub55_right {width:700px; height:90px; float:left;}
.sub55_ti { padding:12px 0 6px 0; font-size:11pt; font-weight:bold}