/*************************************************************************************************/
/* common 설정 */
/**************************************************************************************************/
#header { clear:both; width:100%; background-color:#2c2a2d; border-bottom:2px solid #fdb813; /*border:1px solid purple;*/ }
#container { clear:both; width:100%; /*border:1px solid purple;*/ }
#footer { clear:both; width:100%; /*border:1px solid purple;*/ }
.warp { width:1100px; display:table; margin:0 auto; /*border:1px solid red;*/ }



/*************************************************************************************************/
/* header 설정 */
/**************************************************************************************************/
#header #navigation { position:relative; }

#header .logo { float:left; display:table; width:200px; padding:24px 0 0 30px; }

#header .nav_main { float:left; display:table; width:700px; z-index:9; }
#header .nav_main li { position:relative; float:left; width:25%; }
#header .nav_main li > a:hover,
#header .nav_main li > a.selected { color:#fdb813; font-weight:bold; }
#header .nav_main li > .menu { display:block; height:80px; line-height:80px; font-size:1.3em; color:#fff; text-align:center; }
#header .nav_main li > p { position:absolute; z-index:10; width:100%; padding:10px 0px; background:url("/images/nav_sub_bg.png") 0 0 repeat; border-radius:0 0 10px 10px; display:none; }
#header .nav_main li > p > a { display:block; padding:6px 0px; color:#fff; text-align:center; }
#header .nav_main li > p > a:hover, 
#header .nav_main li > p > a.selected { color:#fdb813; font-weight:bold; }

#header #lng_menu { position:absolute; top:32px; right:0px; width:180px; height:15px; z-index:99; }
#header #lng_menu > a { display:inline-block; height:15px; line-height:15px; padding:0px 10px;; color:#ffffff; border:1px solid #b7b7b7;color:#b7b7b7; cursor:pointer; font-size:0.8em;margin-right:5px; }
#header #lng_menu > ul { width:100px; background:#ffffff; border:1px solid #3e3e3e; }
#header #lng_menu > ul > li { }
#header #lng_menu > ul > li > a { display:block; height:30px; line-height:30px; padding:0px 10px; font-size:11px; cursor:pointer; }
#header #lng_menu img { height:30px; }


/*************************************************************************************************/
/* 메인화면 설정 */
/*************************************************************************************************/
#mainsection { }
#mainsection .visual { position:relative; display:table; width:100%; margin:0 auto; z-index:0; }
#mainsection .visual_img { margin:0 auto; width:100%;  }
#mainsection .visual_img a { display:block; width:100%; min-width:1100px; min-height:471px; }
#mainsection .pager { position:relative; display:table; height:31px; margin:0px auto; margin-top:-30px; z-index:10; }
#mainsection .pager a { display:block; float:left; width:11px; height:11px; background:url("/images/pager.png") -11px 0px no-repeat; margin:0px 4px; color:transparent; }
#mainsection .pager a.activeSlide { background-position:0 0; }

#mainsection .slider_area { position:relative; background-color:#f3f1f4; }
#mainsection .slider { position:relative; width:1100px; height:150px; margin:0 auto; background-color:#fff; overflow:hidden; }
#mainsection .slider .gup_img { position:absolute; }
#mainsection .slider .gup_img > a { display:block; float:left; width:275px; height:110px; margin:20px 0px; border-right:1px solid #dddddd; box-sizing:border-box; }
#mainsection .slider .gup_img > a  > img { display:block; margin:0 auto; }
#mainsection .slider .gup_img > a  > span { display:block; text-align:center; font-weight:bold; }
#mainsection .slider_area .btn_left { position:absolute; display:block; top:55px; left:50%; margin-left:-550px; width:39px; height:39px; }
#mainsection .slider_area .btn_right { position:absolute; display:block; top:55px; left:50%; margin-left:511px; width:39px; height:39px; }

#mainsection .contents { width:100%; background-color:#e8e6e9; }
#mainsection .contents div {}
#mainsection .contents li { float:left; width:25%; height:206px; }
#mainsection .contents li.col1 { }
#mainsection .contents li.col1 .tit { display:block; margin:25px 0px 10px; }
#mainsection .contents li.col1 .list { display:table; width:100%; padding:3px 0px; }
#mainsection .contents li.col1 .list .subject { display:block; float:left; font-size:.9em; }
#mainsection .contents li.col1 .list .date { display:block; float:right; font-size:.9em; }
#mainsection .contents li.col2 { }
#mainsection .contents li.col3 { }
#mainsection .contents li.col4 { }	/* 백그라운드 이미지 설정은 /main/index.asp 페이지에서 jQuery 로 처리 함 */
#mainsection .contents li.col4 a { display:block; float:left; width:33.33%; height:206px; }



/*************************************************************************************************/
/* 서브화면 설정 */
/*************************************************************************************************/
#subvisual { background-color:#2c2a2d; }
#subvisual img { display:block; margin:0 auto; }

#subsection { border-left:1px solid #b5b5b5; }
#subsection iframe { width:100%; min-height:300px; border:0px; }

#subsection .LArea { float:left; display:table; width:208px; }
#subsection .LArea .tit { padding:60px 0px 60px 30px; background-color:#fdb813; color:#fff; }
#subsection .LArea .submenu { }
#subsection .LArea .submenu a { display:block; padding:10px 0px 10px 30px; font-weight:bold; border-bottom:1px solid #b5b5b5; color:#666666; background:url("/images/dot_off.png") 90% 50% no-repeat; }
#subsection .LArea .submenu a.selected { color:#fff; background:#717171 url("/images/dot_on.png") 90% 50% no-repeat; }
#subsection .LArea .subbanner { display:table; margin:50px auto; }
#subsection .LArea .subbanner a { display:block; margin:10px 0px; }

#subsection .RArea { float:left; display:table; width:890px; padding-left:50px; border-left:1px solid #b5b5b5; }
#subsection .RArea .info { display:table; width:100%; margin:58px 0px 0px; border-bottom:1px solid #b5b5b5; }
#subsection .RArea .info .tit { float:left; width:50%; padding:0px 0px 10px; font-family:"NanumGothicBold"; color:#2c2a2d; }
#subsection .RArea .info .path { float:right; width:50%; padding:10px 0px 10px; font-size:.9em; text-align:right; color:#a1a1a1; }
#subsection .RArea .contents { display:table; width:100%; margin:40px 0 100px; /*border:1px solid red;*/ }
#subsection .RArea .contents1 { display:table; width:100%; margin:0px 0 100px; /*border:1px solid red;*/ } /* 제품소개 컨텐츠 영역 */

#subsection .btn_back {display:table;margin:0 auto;}

#quick { position:fixed; top:50%; left:50%; margin-left:600px; }
#quick a { display:block; margin:3px 0px; }


.contents1 .tab { width:100%; height:120px; background-color:#efefef; background-color:#efefef; border-bottom:1px solid #b5b5b5; }
.contents1 .tab a { display:block; float:left; height:100px; padding:10px; font-weight:bold; }
.contents1 .tab a.selected { background-color:#fff; border-left:1px solid #b5b5b5; border-right:1px solid #b5b5b5; border-bottom:1px solid #fff; color:#fdb813; }
.contents1 .tab a img { height:80px; }
.contents1 .tab a span { display:block; height:20px; text-align:center; }

.contents1 .tab_div { display:table; width:100%; margin-top:30px; }
.contents1 .tab_div .page { position:relative; }
.contents1 .tab_div .page .tit { padding:10px 0 8px; margin:20px 0px; font-size:1.3em; font-weight:bold; border-bottom:1px solid #b5b5b5; color:#717171; }

/* 상품설명 */
.contents1 .prod_content { display:table; width:100%; }
.contents1 .prod_content > li { display:table; float:left; width:50%; }
.contents1 .prod_content > li.col1 { position:relative; }
.contents1 .prod_content > li.col1 a { position:absolute; display:block; width:16px; height:16px; margin:4px; background-color:#353535; text-align:center; line-height:16px; border-radius:8px; color:#fff; font-size:.8em !important; border:1px solid #fff; }
.contents1 .prod_content > li.col1 a.selected { background-color:#fdb813; color:#000; border:1px solid #000; }
.contents1 .prod_content > li.col1 img { display:block; margin:50px auto; }
.contents1 .prod_content > li.col2 {}
.contents1 .prod_content > li.col2 .prod_con { display:table; width:100%; padding:0px 0px; border:2px solid #fff; }
.contents1 .prod_content > li.col2 .prod_con.selected { border:2px solid #fdb813; border-radius:10px; }
.contents1 .prod_content > li.col2 .prod_con li { }
.contents1 .prod_content > li.col2 .prod_con p { font-size:1.3em; color:#fdb813; font-weight:bold; padding:5px 0px; }
.contents1 .prod_content > li.col2 .prod_img { float:left; width:20%; padding:5px; }
.contents1 .prod_content > li.col2 .prod_txt { float:right; width:78%; padding-right:5px; color:#9c9c9c; letter-spacing:-1px; line-height:130%; }

.contents1 .prod_banner { display:table; margin:40px auto; }
.contents1 .prod_banner > a { display:table; float:left; }

.contents1 .prod_detail_button { display:table; margin:0 auto; }
.contents1 .prod_detail_button > a { display:table; float:left; width:160px; height:100px; margin:5px; border:1px solid #b5b5b5; overflow:hidden; cursor:pointer; }
.contents1 .prod_detail_button > a img { display:block; max-width:160px; margin:10px auto; }

/* 패턴찾기 */
.contents1 .tab_div .page .search { display:table; margin-bottom:20px; }
.contents1 .tab_div .page .search li { float:left; }
.contents1 .tab_div .page .search li span { font-weight:bold; font-size:1.15em; padding:0px 10px; color:#717171; }
.contents1 .tab_div .page .search select { min-width:200px; border:1px solid #b5b5b5; border-radius:3px; padding:0 0 0 10px; color:#717171; }
.contents1 .tab_div .page .search input[type=submit] { padding:4px 10px; margin:2px 0px; background-color:#fdb813; color:#fff; border:0px; border-radius:3px; }
.contents1 .tab_div .page .search_result { clear:both; display:table; }
.contents1 .tab_div .page .search_result li { float:left; margin:0px 7px 20px 7px; }
.contents1 .tab_div .page .search_result li img { max-height:90px; max-height:90px; }
.contents1 .tab_div .page .search_result li a { display:table; background-color:#9a9a9a; padding:4px 10px; margin:8px auto; color:#fff; border-radius:4px; font-size:.9em; }
.contents1 .tab_div .page .search_result li a:hover { background-color:#fdb813; }
.contents1 .tab_div .page .search_result li .etc_img,
.contents1 .tab_div .page .search_result li .name,
.contents1 .tab_div .page .search_result li .txt { display:none; }

.contents1 .tab_div .page .prod_all { display:block; }
.contents1 .tab_div .page .prod_all li {float:left; margin:0px 7px 20px 7px; }
.contents1 .tab_div .page .prod_all li:nth-of-type(6n+1) {clear:both;}
/*.contents1 .tab_div .page .prod_all li img { max-height:90px; max-height:90px; }*/
.contents1 .tab_div .page .prod_all li img { max-height:260px; max-height:260px; }
.contents1 .tab_div .page .prod_all li a { display:block;  background-color:#9a9a9a; padding:4px 10px; margin:10px auto; color:#fff; border-radius:4px; font-size:.9em; text-align:center; }
.contents1 .tab_div .page .prod_all li a:hover { background-color:#fdb813; }
.contents1 .tab_div .page .prod_all li .etc_img,
.contents1 .tab_div .page .prod_all li .name,
.contents1 .tab_div .page .prod_all li .txtIns,
.contents1 .tab_div .page .prod_all li .txt { display:none; }
.contents1 .tab_div .page .prod_all li .Listtxt { text-align:center;padding-top:10px; }


/* 건설기계용 고무트랙 */
#page_a1 .num1 { bottom:150px; left:210px; }
#page_a1 .num2 { bottom:120px; left:105px; }
#page_a1 .num3 { top:100px; left:210px; }
#page_a1 .num4 { top:180px; right:95px; }
#page_a1 .num5 { top:130px; left:95px; }

/* 농기계용 고무트랙 */
#page_a2 .num1 { bottom:70px; left:195px; }
#page_a2 .num2 { top:80px; right:130px; }
#page_a2 .num3 { top:180px; left:60px; }

#page_a2 .prod_content > li.col1 img { margin:10px auto; }
#page_a2 .prod_content > li.col2 .prod_con { margin-bottom:20px; }

/* 건설기계용 고무패드*/
#page_a3 .num1 { top:130px; left:150px; }
#page_a3 .num2 { top:50px; left:500px; }
#page_a3 .num3 { top:130px; left:190px; }
#page_a3 .num4 { top:50px; left:520px; }

#page_a3 .prod_content > li { display:table; width:100%; }
#page_a3 .prod_content > li.col2 .prod_con { display:table; width:50%; float:left; }

#page_a3 #page2 ul { display:table; width:100%; }
#page_a3 #page2 ul li { display:table; }
#page_a3 #page2 ul li:first-child { float:left; width:50%; }
#page_a3 #page2 ul li:first-child img { display:block; margin:0 auto; }
#page_a3 #page2 ul li:last-child { float:right; width:50%; border:3px solid #dcdcdc; padding:20px; margin:30px 0px; }
#page_a3 #page2 ul li:last-child span { display:block; margin:5px 0px; color:#9c9c9c;  }
#page_a3 #page2 ul li:last-child span:first-child { font-size:1.3em; color:#fdb813; font-weight:bold; }

#page_a3 #page3 ul { display:table; width:100%; }
#page_a3 #page3 ul li { display:table; width:100%; border-bottom:1px solid #b1b1b1; }
#page_a3 #page3 ul li span { display:block; float:left; width:16.56%; border-right:1px solid #b1b1b1; text-align:center; padding:8px 0px; }
#page_a3 #page3 ul li.head span{ background-color:#474747; color:#fff; }
#page_a3 #page3 ul li:nth-child(even) span { background-color:#dddddd; }
#page_a3 #page3 ul li span:last-child { border:0; }


/* 운반장비용 고무트랙 */
#page_a4 .num1 {bottom:140px; left:185px;  }
#page_a4 .num2 { top:110px; right:80px; }
#page_a4 .num3 {top:170px; left:75px; } 

#page_a4 .prod_content > li.col1 img { margin:20px auto; }
#page_a4 .prod_content > li.col2 .prod_con { margin-bottom:10px; }


/* 제설장비용 고무트랙 */
#page_a5 .num1 { top:130px; left:175px; }
#page_a5 .num2 { top:70px; right:80px; }
#page_a5 .num3 { top:200px; left:95px; }

#page_a5 .prod_content > li.col1 img { margin:10px auto; }
#page_a5 .prod_content > li.col2 .prod_con { margin-bottom:20px; }





/* Detail View 팝업창 */
#prod_detail_div { position:absolute; left:0px; top:0px; background:url("/images/detail_div_bg.png") 0 0 repeat; z-index:99; display:none; }
#prod_detail_div .detail_popup_box { position:relative; display:table; width:700px; height:500px; background-color:#fff; padding:30px; border-radius:10px; z-index:100; }
#prod_detail_div .box_close { position:absolute; right:30px; width:16px; height:16px; line-height:16px; text-align:center; border:1px solid #6f6f6f; }
#prod_detail_div .btn_left { position:absolute; top:230px; left:30px; padding:10px 20px; text-align:center; font-size:3em; color:##b5b5b5; z-index:99; }
#prod_detail_div .btn_right { position:absolute; top:230px; right:30px; padding:10px 20px; text-align:center; font-size:3em; color:##b5b5b5; z-index:99; }
#prod_detail_div .pager { display:none; }
#prod_detail_div .pager a { }
#prod_detail_div .pager a.activeSlide { }
#prod_detail_div .tit { padding:0px 0px 10px; margin:0px 0px 20px; color:#717171; font-size:1.4em; font-weight:bold; border-bottom:1px solid #b5b5b5; }
#prod_detail_div .detail_big_img { width:100%; height:390px; border:1px solid #b5b5b5; overflow:hidden;}
#prod_detail_div .detail_big_img img { display:table; height:350px; margin:20px auto; }

/* 패턴찾기, 모든패턴보기 자세히보기 팝업창 */
#prod_search_detail { position:absolute; left:0px; top:0px; background:url("/images/detail_div_bg.png") 0 0 repeat; z-index:99; display:none; }
#prod_search_detail .detail_popup_box { position:relative; display:table; width:700px; height:500px; background-color:#fff; padding:30px; border-radius:10px; z-index:100;}
#prod_search_detail .box_close { position:absolute; right:30px; width:16px; height:16px; line-height:16px; text-align:center; border:1px solid #6f6f6f; }
#prod_search_detail .tit { padding:0px 0px 10px; margin:0px 0px 20px; color:#717171; font-size:1.4em; font-weight:bold; border-bottom:1px solid #b5b5b5; }
#prod_search_detail .detail_big_img { float:left; width:400px; height:390px; border:1px solid #b5b5b5; overflow:hidden; }
#prod_search_detail .detail_big_img img { display:table; max-width:400px; max-height:350px; margin:20px auto; }
#prod_search_detail .detail_txt { float:right; width:200px; }
#prod_search_detail .detail_txt .txt_tit { font-size:1.2em; border-bottom:1px solid #c7c7c7; color:#333333; padding:5px 0px; margin:5px 0px; }


#page_a_etc1 img,
#page_a_etc2 img { display:block; margin:40px auto; }






/*************************************************************************************************/
/* 하단 설정 */
/*************************************************************************************************/
#footer { padding:10px 0px; border-top:1px solid #b5b5b5; }
#footer .footer_menu { position:relative; }
#footer .footer_menu .plus { position:absolute; top:15px; right:0px; }
#footer .footer_menu li { float:left; width:25%; overflow:hidden; }
#footer .footer_menu li p { font-weight:bold; color:#666666; margin:10px 0px 20px; font-size:1.1em; }
#footer .footer_menu li a { display:block; font-size:.9em; color:#939393; padding:3px 0px; }
#footer .footer_logo { float:left; padding:15px 0px; }
#footer .footer_info { float:right; padding:10px 0px; }
#footer .footer_info span { color:#898989; font-size:.9em; }
#footer .footer_info .bar { margin:0px 5px; }