@charset "utf-8";
.wrap{margin:0 auto; }
/* 최상단 영역 ***********************************************************************************************************************************************************************************************************/
.headerwrap{position:fixed; width:100%; height:100px; z-index:9999;background:url(../images/black_80.png);}  
.header {position:relative; width:1000px; margin:0 auto; }
/* GNB메뉴 여기서부터 ***********************************************************************************************************************************************************************************************************/
.Loginbox{ float:right; position:relative; top:50px;  width:400px; }
.Loginbox input{ border:1px #e5e5e5 solid; background-color:#fff;  height:28px; width:90px;float:left; margin-left:5px; font-size:14px}
.LoginBtn	{ background-color:#ef4023; text-align:center; height:30px; line-height:30px; width:70px; color:#FFF; float:left; font-size:14px;margin-left:5px}
.IDPW_search{ background-color:#ef4023; text-align:center; height:30px; line-height:30px; width:70px; color:#FFF; float:left; font-size:14px;margin-left:3px}
.LanguageSite {position:absolute; height:30px; width:55px; text-align:center; right:0px; top:0px; font-size:14px;}
#Language .Language_select{position:absolute; top:0px; right:0px; width:55px;min-height:30px;  border-bottom:none; background-color:#4c4d4f; z-index:10; text-align:left}
#Language .Language_select ul{width:100%; position:top; bottom:-90px;left:0px;background-color:#fff; border-bottom:none;display:none;}
#Language .Language_select li{display:block;height:30px;line-height:30px; text-align:center}
#Language .Language_select li a{width:100%;height:100%;display:block;}
#Language .Language_select li a:hover{width: 100%;color:#fff;background-color:#898989}
#Language .Language_select p{ width:100%; height:30px; line-height:30px; background-color:#ef4023; text-align:center }
#Language .Language_select p a{display:block;width:100%; height:100%; color:#fff}
.IconBtn{ color:#fff; height:30px; line-height:30px; width:110px; float:left; font-size:14px; font-weight:300; background-color:#ef4023; margin-left:5px; text-align:center}
.logo{float:left;position:relative; top:50px; width:230px; }
.gnbWrap{float:left; position:relative; font-size:18px; top:55px; height:60px; line-height:20px; }
.gnbWrap li{ display:inline-block; width:120px;  font-weight:400px;}
.gnbWrap li a{ display:inline;color:#fff; padding:30px 0}
.gnbWrap li a:hover {color:#ef4023}
.gnbWrap li a:active {color:#ef4023}

/* ----- GNB메뉴 여기까지 덮어쓰기 해주세요

/* SNB메뉴 ***********************************************************************************************************************************************************************************************************/
.subWrap{display:none;position:absolute; top:100px;left:0; width:70%; padding:0 ;border-top:0;  background-color:#FFF; z-index:9999;font-size:16px; background-color:#fff}
.subMenu{width:1000px;margin:0 auto;}
.subMenu:after{content:'';clear:both;display:block}
.subMenu li{float:left;margin:0;}
.subMenu li a{display:block; padding:0 5%; color:#1b1b1b; line-height:20px; margin-bottom:20px}
.subMenu li a:hover,
.subMenu li.on a{color:#ee3212;}
.subMenu li a:last-child{padding:0 0;margin-bottom:0px}
.subMTit{height:40px; line-height:40px; font-size:16px; width:100%; background:url(../images/dot_sero01.gif) repeat-y right; background-color:#ef4023; color:#fff; text-align:center;margin-bottom:15px ; }
.subMenu li.sub01{width:216px; background:url(../images/dot_sero01.gif) repeat-y left; min-height:190px; text-align:center; border-bottom:solid 1px #cdcdcd; }
.subMenu li.sub02{width:217px; background:url(../images/dot_sero01.gif) repeat-y left; min-height:190px; text-align:center; border-bottom:solid 1px #cdcdcd;}
.subMenu li.sub03{width:217px; background:url(../images/dot_sero01.gif) repeat-y left; min-height:190px; text-align:center; border-bottom:solid 1px #cdcdcd;}
.subMenu li.subimg{width:350px; min-height:190px; background-color:#4b4948}

/* main ***********************************************************************************************************************************************************************************************************/
.MainVisual .num {zoom:1; position:relative; margin:0 auto; width:1000px; top:-630px; height:20px;  z-index:9;}
.MainVisual .num  ul{margin-left:0px}
.MainVisual .num li { width:30px; height:10px; border-radius:10px;  font-size:0px;background:#b5b5b5; margin-right:4px;  cursor:pointer; float:left; }
.MainVisual .num li.on { background: #ee3212; width:10px; height:10px; border-radius:30px; } 
.BannerBox_wrap{position:absolute; width:100%; top:700px; z-index:3 }
.BannerBox{width:1035px; margin:0 auto; z-index:9999999;}

.BannerBox li{position:relative;display:inline-block; float:left; width:345px; height:150px; margin:0; padding:10px 30px 0px 30px;text-align:left;  }
.boxTit{color:#fff; text-align:left;height:40px; line-height:40px; font-size:18px;  margin-bottom:5px; }
.boxTxt{color:#fff; height:70px; font-size:15px; line-height:20px; text-align:center; }
.boxImg{position:absolute; top:15px; left:280px}
.box_box{border:1px solid #7d7d7d; width:240px; height:30px; line-height:30px;  text-align:center;font-size:15px; color:#fff  }
.BannerBox li a{ color:#fff; }
.BannerBox li a:hover {color:#ef4023}
.BannerBox li a:active {color:#ef4023}

section{max-width:100%;min-width:1000px;overflow:hidden;margin:0 auto;}
section.top_section{height:800px;background:#fff;position:relative;}
section.top_section .dot_bg{top:0px;left:0px;position:absolute;width:100%;height:850px;background:url('../images/dot_bg_main.png');z-index:1;}
section.top_section .canvas{width:100%;height:800px;text-align: center; background-image: url(../images/main01.jpg); background-position:bottom center}
section.top_section .canvas img{ width:100%}
section.top_section .text_box{ position:absolute; left:50%; margin-left:-500px; min-width:500px; top:250px; z-index:2; text-align:left;   }
section.top_section .text_box .big_text{font-size:40px; line-height:53px; font-weight:500; color:#fff; margin-bottom:15px; letter-spacing: -0.03em;}
section.top_section .text_box .small_text{font-size:20px;line-height:30px;letter-spacing: -0.03em; font-weight:400; margin-bottom: 15px; color:#fff}
section.top_section .prd_box{position:absolute;top:270px;left:0px;width:100%;height:30px; z-index: 2;}
section.top_section .prd_box .wrapper{ margin:0 auto; height:30px;width:1000px; 	}
section.top_section .prd_box .item{float:left; position: relative;}
section.top_section .prd_box .item *{transition: all .3s ease-out;}
section.top_section .prd_box .item .prd_line{ background-color:#eeeeee;width:30px; height:7px; border-radius:15px;margin-right:4px; position: relative;}
section.top_section .prd_box .item .prd_line .selector{ background:#ef4023; width:0%; height:7px; border-radius:15px;}
section.top_section .prd_box .item.active .prd_line .selector{width:100%;}








/* 서브 이미지영역  ***********************************************************************************************************************************************************************************************************/
.SubImg01{position:relative; height:290px; background:url(../images/01_info.jpg) center; text-align:center}
.SubImg02{position:relative; height:290px; background:url(../images/01_history.jpg) bottom; text-align:center}
.SubImg03{position:relative; height:290px; background:url(../images/01_ethics.jpg) center; text-align:center}
.SubImg04{position:relative; height:290px; background:url(../images/01_location.jpg) center; text-align:center}

.SubImg05{position:relative; height:290px; background:url(../images/02_business.jpg) top; text-align:center}
.SubImg06{position:relative; height:290px; background:url(../images/02_mro.jpg) center; text-align:center}
.SubImg07{position:relative; height:290px; background:url(../images/02_system.jpg) center; text-align:center}

.SubImg08{position:relative; height:290px; background:url(../images/03_faq.jpg) top; text-align:center}
.SubImg09{position:relative; height:290px; background:url(../images/03_manager.jpg) center; text-align:center}
.SubImg10{position:relative; height:290px; background:url(../images/03_down.jpg) center; text-align:center}

.SubImg11{position:relative; height:290px; background:url(../images/04_career.jpg) center; text-align:center}
.SubImg12{position:relative; height:290px; background:url(../images/04_notice.jpg) center; text-align:center}

.SubImgTxt01{font-size:30px; font-weight:500; color:#ffffff; padding-top:150px}
.SubImgTxt02{font-size:14px; font-weight:300; color:#ffffff; line-height:18px; letter-spacing:1px}
.SubTabM{position:relative; height:70px; width:100%; text-align:center;border-bottom:1px solid #cdcdcd;}
.SubTabList{position:relative; width:1000px; margin:0 auto; }
.SubTabList li{ display:inline-block; height:70px; line-height:70px; width:33%; font-size:18px; color:#000;  font-weight:500; }
.SubTabList li a{ color:#1b1b1b; }
.SubTabList li a:hover {color:#ef4023}
.SubTabList li a:active {color:#ef4023}
.SubContent{position:relative; width:1000px; margin:0 auto; }
.SubTit{position:relative;  height:70px;  line-height:75px; margin-top:60px;margin-bottom:30px; text-align:center; font-size:30px; font-weight:500; letter-spacing:-1px; color:#000; background:url(../images/br03.gif) center top no-repeat; }

/* 회사소개 ***********************************************************************************************************************************************************************************************************/
.sub01_01summary{position:relative; font-size:18px; text-align:center; line-height:28px; letter-spacing:-1px;}
.subcontent{position:relative; width:1080px; margin:0 auto; margin-bottom:80px; margin-top:90px; color:#000  }
.subcontentTit{background:url(../images/br03.gif) center top no-repeat; font-size:25px; line-height:22px; text-align:center; font-weight:bold; height:70px; padding-top:25px; color:#000  }
.subcontentTxt01{font-size:15px; }
.subcontentTxt02{font-size:18px; line-height:18px}
.subcontentTxt03{font-size:18px; line-height:30px}

/* 회사연혁 ***********************************************************************************************************************************************************************************************************/
.historybox{position:relative; width:1000px;  font-size:16px; color:#1b1b1b; margin-bottom:50px; }
.historytxt{  margin:0 auto; font-size:16px;line-height:25px; text-align:center;  margin-bottom:30px;}
.historytab { border:1px solid #ddd; border-left:none; overflow:hidden; }
.historytab li { float:left; border-top:solid 2px #4b4948; border-left:1px solid #ddd; text-align:center; box-sizing:border-box; font-size:22px; font-weight:bold }
.historytab li { display:inline-block; padding:25px; cursor:pointer; }
.historytab li.on { background-color:#ee3212; color:#fff; border-top:1px solid #ee3212; border-top:solid 2px #4b4948;}
.historytab_con { clear:both; margin-top:2px;  }
.historytab_con div { display:none;  text-align:left;  }
.historytable{min-height:250px; border:1px solid #ddd;  }
.historytable th{border-bottom:1px solid #ddd; background-color:#eee; text-align:center; font-size:28px}
.historytable td{border-bottom:1px solid #ddd;  padding:20px 30px; line-height:30px; }

/* 오시는길 ***********************************************************************************************************************************************************************************************************/
.location{ float:left; width:100%; font-size:22px; font-weight:500; color:#fff;   background-color:#ef4023; height:60px; line-height:60px; text-align:center}
.addresstxt{ font-size:16px; margin-top:20px; text-align:center; margin-bottom:80px }
/* MRO 사업소개 ***********************************************************************************************************************************************************************************************************/
.businesBox01{position:relative; width:1000px; text-align:center; margin:0 auto;  }
.businesBox02{position:relative; color:#000000; font-size:16px; margin-top:50px; text-align:center}
.businesBox03{position:relative; color:#1b1b1b; font-size:16px; margin-top:20px; text-align:center}
.businesBox04{position:relative; color:#1b1b1b; font-size:16px; margin-top:20px; text-align:center}
.valuetxt{position:relative;  width:1000px; height:880px; color:#1b1b1b; }
.winsellertit{position:relative; margin:0 auto;width:400px;padding:15px 0;color:#1b1b1b; border:1px solid #4b4948; background:#fff; font-size:20px; text-align:center; font-weight:500; margin-bottom:10px; z-index:1}
.winwin		 {position:relative; margin:0 auto;width:400px;padding:15px 0; color:#fff; background:url(../images/dot02.png);background-color:#ee3212;font-size:18px; line-height:20px;text-align:center; font-weight:500; margin-bottom:10px; z-index:1}
.winbuyertit {position:relative; margin:0 auto;width:400px;padding:15px 0;  color:#1b1b1b; border:1px solid #4b4948; background:#fff; font-size:20px;text-align:center; font-weight:500; margin-bottom:40px; z-index:1}
.winseller01{position:absolute; left:0px; top:-5px; width:220px}
.winseller02{position:absolute; left:240px; top:-5px; width:240px}
.winseller03{position:absolute; left:530px; top:-5px; width:220px}
.winseller04{position:absolute; left:770px; top:-5px; width:220px}
.winbuyer01{position:absolute; left:30px;  top:-5px; width:270px}
.winbuyer02{position:absolute; left:365px; top:-5px; width:270px;z-index:1}
.winbuyer03{position:absolute; left:700px; top:-5px; width:250px}
.winsellerDot{position:relative;  background:url(../images/dot_garo01_black.gif) repeat-x top; width:1000px; height:250px;}
.winbuyerDot {position:relative;  background:url(../images/dot_garo01_black.gif) repeat-x top; width:1000px; height:200px; }
.redone{margin:0 auto;height:10px;width:10px;border-radius:50%;background:url(../images/dot02.png);background-color:#ee3212; }
.wintit{color:#ee3212; text-align:center; font-size:20px; margin-top:10px; padding:10px 0;line-height:20px; background-color:#FFF;z-index:1}
.wintxt{padding:8px 0 0 0; letter-spacing:-1px; line-height:20px; font-size:15px; height:120px;background-color:#FFF;z-index:1}
.winDot{position:absolute; top:0px; left:500px; background:url(../images/dot_sero01_black.gif) repeat-y; width:1px; height:600px; z-index:0}
.winimg01{position:absolute;top:240px; left:10px;  width:200px; height:200px;border-radius:50%;  background:url(../images/win01.jpg) no-repeat;}
.winimg02{position:absolute;top:240px; left:790px; width:200px; height:200px;border-radius:50%;  background:url(../images/win02.jpg) no-repeat;}

/* MRO 특성 ***********************************************************************************************************************************************************************************************************/
.mroBox01{position:relative; width:1000px; height:340px; margin:0 auto;  background-color:#eee; margin-bottom:80px}
.mroBoxtit{position:relative; padding-top:170px; font-size:25px;  font-weight:500; left:40px}
.mroBoxtxt{position:relative; width:900px; font-size:16px; left:40px}
.mroimg{position:absolute; top:40px; left:250px}
.mrotxt02{ position:relative;text-align:center; font-size:16px}
.mroBox02table{position:relative; margin:0 auto; margin-top:20px; width:1000px;}
.mroBox02table .mrored{color:#fff; background:url(../images/dot02.png); background-color:#ef4023;  height:60px;  vertical-align:middle; line-height:20px; font-size:16px;font-weight:500; text-align:center;border-bottom:1px solid #cdcdcd;}
.mroBox02table .mrogray{color:#fff; background:url(../images/dot02.png); background-color:#4b4948; height:60px; vertical-align:middle; line-height:20px; font-size:16px;font-weight:500; text-align:center}
.mroBox02table td{ text-align:center;letter-spacing:-1px;font-size:16px; border-right:1px solid #cdcdcd;border-bottom:1px solid #cdcdcd; height:90px; line-height:20px;}
.mrotxt03{position:relative; margin-top:80px; font-size:16px; color:#1b1b1b; text-align:center}

.graph{position:relative;width:900px; margin:0 auto; margin-top:50px; min-height:330px; }
.graphtit01{position:absolute;top:0px;left:0px; width:250px; font-size:18px;text-align:center; color:#1b1b1b}
.graphtit02{position:absolute;top:25px;right:0px; width:535px;font-size:18px;text-align:center;  color:#1b1b1b}
.graph01{position:absolute;top:50px;left:0px;  width:250px; height:250px; line-height:320px; letter-spacing:-1px; font-size:16px; color:#fff; text-align:center; border-radius:50%; background:url(../images/dot02.png); background-color:#4b4948;  }
.graph02{position:absolute;top:50px;left:130px; width:160px; height:120px; line-height:140px; letter-spacing:-1px; font-size:15px; color:#fff; text-align:left; background:url(../images/triangle05.png) no-repeat;  }
.graph03{position:absolute;top:70px; right:200px; height:83px; width:305px; line-height:70px; font-size:16px; color:#fff;padding-left:30px; background:url(../images/triangle06.png) right no-repeat; background-color:#4b4a48;  }
.graph04{position:absolute;top:70px; right:0px;   height:83px; width:200px; line-height:70px; font-size:16px; color:#fff; background-color:#e7340c; }
.graph05{position:absolute;top:185px; left:370px; font-size:16px; color:#1b1b1b ;}
.graphdot{position:absolute;top:105px; left:240px; height:1px; width:145px; background:url(../images/dot_garo01_black.gif)}

.mroBox04table{ margin:0 auto; margin-bottom:80px;width:1000px; font-size:15px;line-height:18px;  border-top:3px solid #4b4948;}
.mroBox04table th{padding:10px 0;  font-weight:500; color:#fff;  text-align:center; vertical-align:middle; border-bottom:1px solid #fff; background:url(../images/dot02.png); background-color:#ef4023; }
.mroBox04table td{padding:10px 0 10px 15px; letter-spacing:-0.5px; text-align:left;  vertical-align:middle; border-bottom:1px solid #cdcdcd;  }

/* FAQ ***********************************************************************************************************************************************************************************************************/
.tabWrap  {margin:0 auto; width:1000px; }
#tabmenu {margin-left:10px; position:relative; height:50px; line-height:50px; font-size:20px; list-style: none; cursor:pointer; color:#000;}
#tabmenu ul,#tabmenu ul li{margin:0;padding:0}
#tabmenu ul li{list-style:none;width:495px;text-align:center; float:left; border:1px solid #cdcdcd; background:url(../images/dot02.png); background-color:#e5e5e5; border-top: 3px solid #4b4948;}
#tabmenu a{color:#000; font-weight:500; text-decoration: none;  cursor:pointer }
#tabmenu a:hover{color:#000}
#tabmenu .on,#tabmenu .on a{background-color:#fff; border-bottom:0}
#tabmenu .on a{color:#ef4023; background-color:#fff;width:380px;}
#tabcontent0{clear:both; margin-top:50px; margin-bottom:80px}
#tabcontent1{clear:both; margin-top:50px; margin-bottom:80px}
#tabcontent2{clear:both; margin-top:50px; margin-bottom:80px}
.Asking{ margin-left:30px; font-size:16px; color:#ef4023; height:22px; line-height:22px; font-weight:500   }
.Answer{ margin-left:30px;font-size:16px; color:#1b1b1b; margin-bottom:30px}
/* 업무처리 프로세스 ***********************************************************************************************************************************************************************************************************/
.PSbox{position:relative;  width:1000px; }
.PSbox01{position:relative;  background:url(../images/dot_sero01_black.gif) repeat-y center; width:330px; height:630px;}
.PSboxtit01{position:relative;  width:330px; height:45px; line-height:45px; color:#fff; border:1px solid #4b4948; background:url(../images/dot03.png); background-color:#4b4948; font-size:20px;text-align:center; font-weight:500; z-index:1}

.PSbox02{position:absolute; right:0px; top:0; background:url(../images/dot_sero01_black.gif) repeat-y center;width:330px; height:630px;}
.PSboxtit02{position:relative;  width:330px; height:45px; line-height:45px; color:#fff; border:1px solid #4b4948;  background:url(../images/dot03.png); background-color:#4b4948; font-size:20px;text-align:center; font-weight:500; z-index:1}

.order01{position:absolute;  top:65px;  width:330px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}
.order02{position:absolute;  top:195px; width:330px; height:40px;line-height:40px; color:#ee3212; border:1px solid #ee3212; background:#fff; font-size:18px;text-align:center; font-weight:500; z-index:1}
.order03{position:absolute;  top:195px; width:250px; left:380px; border:1px solid #4b4948; background:#eee; padding:10px 0; text-align:center}
.order04{position:absolute;  top:275px; width:330px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}
.order05{position:absolute;  top:410px; width:330px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}
.order06{position:absolute;  top:542px; width:330px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}

.order11{position:absolute; top:85px;  width:330px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}
.order10{position:absolute; top:195px; width:330px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}
.order09{position:absolute; top:300px; width:330px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}
.order08{position:absolute; top:435px; width:330px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}
.order07{position:absolute; top:537px; width:330px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}

.PSline01{position:absolute; left:330px; top:218px; width:40px; height:1px; background:url(../images/dot_garo_BW.png) ; z-index:1}
.PSline02{position:absolute; left:470px; top:100px; width:1px; height:95px; background:url(../images/dot_sero_BW.png) ; z-index:1}
.PSline03{position:absolute; left:330px; top:100px; width:140px; height:1px; background:url(../images/dot_garo_BW.png) ; z-index:1}
.PSline07{position:absolute; left:330px; top:90px; height:20px;width:20px;border-radius:50%; background-color:#4b4948; font-size:9px; line-height:20px; color:#fff; text-align:center;z-index:2 }
.PSline04{position:absolute; left:330px; top:599px; width:400px; height:1px; background:url(../images/dot_garo_BW.png) ; z-index:0}
.PSline05{position:absolute; left:330px; top:560px; width:400px; height:1px; background:url(../images/dot_garo_BW.png) ; z-index:0}
.PSline06{position:absolute; left:470px; top:445px; width:1px; height:115px; background:url(../images/dot_sero_BW.png) ; z-index:1}
.PSline08{position:absolute; left:330px; top:445px; width:150px; height:1px; background:url(../images/dot_garo_BW.png) ; z-index:1}
.PSline09{position:absolute; left:330px; top:435px; height:20px;width:20px;border-radius:50%; background-color:#4b4948; font-size:9px; line-height:20px; color:#fff; text-align:center;z-index:2 }
.PSline10{position:absolute; left:330px; top:550px; height:20px;width:20px;border-radius:50%; background-color:#4b4948; font-size:9px; line-height:20px; color:#fff; text-align:center;z-index:2 }
.PSline11{position:absolute; left:355px; top:213px;height:30px;width:30px;margin-top:-8px;  border-radius:50%; background-color:#4b4948; font-size:12px; line-height:30px; color:#fff; text-align:center; z-index:2 }
.PSline12{position:absolute; left:455px; top:440px;height:30px;width:30px;margin-top:-8px;  border-radius:50%; background-color:#4b4948; font-size:12px; line-height:30px; color:#fff; text-align:center; z-index:1 }
.PSline13{position:absolute; left:455px; top:550px;height:30px;width:30px; margin-top:-8px; border-radius:50%; background-color:#4b4948; font-size:12px; line-height:30px; color:#fff; text-align:center; z-index:1 }
.PSline14{position:absolute; left:650px; top:590px; height:20px;width:20px;border-radius:50%; background-color:#ee3212; font-size:9px; line-height:20px; color:#fff; text-align:center;z-index:2 }

.redDot{margin:0 auto; height:20px; width:20px; border-radius:50%; background-color:#ee3212; font-size:10px;  line-height:20px; color:#fff; text-align:center; margin-top:5px}
.redDotYes{margin:0 auto;height:30px;width:30px;border-radius:50%; background-color:#ee3212; font-size:12px; line-height:30px; color:#fff; text-align:center }
.redDotNo {margin:0 auto;height:30px;width:30px;border-radius:50%; background-color:#4b4948; font-size:12px; line-height:30px; color:#fff; text-align:center }
.PStit{color:#ee3212; text-align:center; font-size:18px;}
.PStxt{letter-spacing:-1px; line-height:18px; font-size:14px;}



.PSbox03{position:relative;  background:url(../images/dot_sero01_black.gif) repeat-y center; width:430px; height:350px;}
.PSboxtit03	{position:relative;  width:430px; height:45px; line-height:45px; color:#fff; border:1px solid #4b4948; background:url(../images/dot03.png); background-color:#4b4948; font-size:20px;text-align:center; font-weight:500; z-index:1}

.PSbox04{position:absolute; right:0px; top:0; background:url(../images/dot_sero01_black.gif) repeat-y center;width:430px; height:370px;}
.PSboxtit04	{position:relative;  width:430px; height:45px; line-height:45px; color:#fff; border:1px solid #4b4948;  background:url(../images/dot03.png); background-color:#4b4948; font-size:20px;text-align:center; font-weight:500; z-index:1}

.order12	{position:absolute;  top:65px;  width:430px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}
.order13	{position:absolute;  top:180px; width:430px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}
.order14	{position:absolute;  top:275px; width:430px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}
.order15	{position:absolute;  top:295px; width:430px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}
.order16	{position:absolute;  top:80px;  width:430px;  border:1px solid #4b4948; background:#fff; padding:10px 0; text-align:center}

.PSline15{position:absolute; left:351px; top:330px; width:360px; height:1px; background:url(../images/dot_garo_BW.png) ; z-index:0}
.PSline16{position:absolute; left:560px; top:320px; height:20px;width:20px;border-radius:50%; background-color:#ee3212; font-size:9px; line-height:20px; color:#fff; text-align:center;z-index:2}


/* 아이디/패스워드찾기- 추가부분 ***********************************************************************************************************************************************************************************************************/
.ID_PW{position:relative; font-size:18px; text-align:center; line-height:28px; letter-spacing:-0.2px;}
.IDPWtit{border:1px solid #cdcdcd; border-bottom:0px;border-top:2px solid #4b4948;  height:60px; line-height:60px; text-align:center; background-color:#eee; letter-spacing:0px; font-size:18px;}
.IDPW{border:1px solid #cdcdcd; padding:40px 75px 50px 0px; letter-spacing:0px; font-size:15px; }
.IDPW li{height:40px;float:right;  }
.IDPW .IDPWinput{border:1px solid #cdcdcd; background-color:#fff; width:270px; height:30px; padding-left:4px; margin-left:15px  }
.IDPW .IDPWTxt{ width:280px; text-align:center; font-weight:normal; margin-top:20px; line-height:20px; letter-spacing:-0.5px;6}
.IDPWBtn a{float:right; clear:both; width:276px; padding:8px 0px;   background-color:#ee3212;  font-size:18px;  color:#fff; text-align:center; }
.IDPWBtn a:hover{color:#fff; background-color:#4b4948}



/* 회원가입 ***********************************************************************************************************************************************************************************************************/
.member{position:relative; height:50px;line-height:50px; margin-bottom:20px; text-align:center; font-size:35px; font-weight:500; letter-spacing:-1px; color:#1b1b1b;padding-top:150px;}
.member01{position:relative; font-size:18px; text-align:center;  margin-bottom:50px}
.member02{position:relative; font-size:16px; text-align:center; }
.member03{position:relative; font-size:16px; text-align:center; height:60px; line-height:60px; color:#000 }
.member04{position:relative; font-size:16px; text-align:center; height:60px; line-height:60px }
.JoinStep_MB{position:relative; height:180px; margin-top:100px; font-size:16px; color:#1b1b1b}
.JoinStep_USR{position:relative; height:180px;  font-size:16px; color:#1b1b1b}

.JoinSteimg{ margin:0 auto; width:100px; height:100px; border:1px solid #ef4023; border-radius:50%; text-align:center; margin-bottom:5px; background-color:#fff;z-index:2}
.JoinStep{ position:absolute;  left:0px;width:125px; height:90px; line-height:25px; padding-top:35px; text-align:center;border:1px solid #000;font-size:18px; font-weight:500;}
.JoinStep01{position:absolute; left:130px;width:150px; text-align:center;z-index:2  }
.JoinStep02{position:absolute; left:270px;width:150px; text-align:center;z-index:2}
.JoinStep03{position:absolute; left:420px;width:150px; text-align:center;z-index:2}
.JoinStep04{position:absolute; left:570px;width:150px; text-align:center;z-index:2}
.JoinStep05{position:absolute; left:710px;width:150px; text-align:center;z-index:2}
.JoinStep06{position:absolute; left:850px;width:150px; text-align:center;z-index:2}
.JoinStep07{position:absolute; left:126px; top:50px; width:821px; height:1px; background:url(../images/dot_garo_BW.png) ; z-index:1}
.JoinStep08{position:absolute; left:126px; top:50px; width:570px; height:1px; background:url(../images/dot_garo_BW.png) ; z-index:1}
.JoinSteptable{ margin:0 auto; margin-top:30px;  margin-bottom:50px;width:1000px; border-top:3px solid #4b4948;}
.JoinSteptable th{color:#1b1b1b; background:url(../images/dot02.png); background-color:#e5e5e5; font-size:16px;font-weight:500; text-align:center;border-bottom:1px solid #fff;}
.JoinSteptable td{ text-align:left;letter-spacing:-0.5px;font-size:16px;border-bottom:1px solid #cdcdcd; height:35px; padding:10px 20px}

.JoinBig{position:relative; font-size:40px; font-weight:500;letter-spacing:-1px; color:#fff; text-align:center; height:80px; margin-bottom:20px;color:#1b1b1b; background:url(../images/tit_br.jpg) bottom center no-repeat}

.JointableTit{ font-size:22px; font-weight:500;color:#000; height:35px; line-height:35px}
.Jointable{ margin:0 auto;margin-bottom:20px; border-top:3px solid #4b4948; width:100%}
.Jointable th{color:#1b1b1b; background:url(../images/dot02.png); background-color:#e5e5e5; font-size:15px;font-weight:500; text-align:center;border-bottom:1px solid #cdcdcd;}
.Jointable td{ text-align:left;letter-spacing:-0.5px;font-size:15px;border-bottom:1px solid #cdcdcd; height:35px; padding:3px 5px}
.Jointable input{ border:1px solid #cdcdcd; height:30px}
.Jointable select{height:30px}
.BtnID		{width:100px; height:30px; line-height:30px; background:url(../images/dot02.png); background-color:#ee3212; color:#fff; border:0; cursor:pointer; font-size:14px; vertical-align:middle}
.BtnPlus	{width:30px; height:30px; line-height:30px; background:url(../images/dot02.png); background-color:#ee3212; color:#fff; border:0; cursor:pointer; font-size:14px; vertical-align:middle}
.BtnOK		{width:220px; height:50px; line-height:50px; background:url(../images/dot02.png); background-color:#ee3212; color:#fff; border:0; cursor:pointer; font-size:18px; font-weight:500;vertical-align:middle}
.Btncancel	{width:220px; height:50px; line-height:50px; background:url(../images/dot02.png); background-color:#4b4948; color:#fff; border:0; cursor:pointer; font-size:18px; font-weight:500;vertical-align:middle}
.BtnArea{ margin:0 auto; padding-top:40px; margin-bottom:60px; text-align:center}
.MemberBtn		{width:220px; height:50px; line-height:50px; background:url(../images/dot02.png); background-color:#ee3212; color:#fff; border:0; cursor:pointer; font-size:18px; font-weight:500;vertical-align:middle}


.pop_wrap{position:relative;width:100%; margin:0 auto;background-color:#fff}
.pop_Jointable{ margin:0 auto; margin-bottom:30px; width:90%; }
.pop_Jointable th{color:#1b1b1b; background:url(../images/dot02.png); background-color:#e5e5e5; font-size:16px;font-weight:500; text-align:center;border-bottom:1px solid #cdcdcd;}
.pop_Jointable td{ font-size:14px;border-bottom:1px solid #cdcdcd; height:35px; }
.pop_Jointable input{ border:1px solid #cdcdcd; height:30px}
.pop_JointableBtn		{width:70px; height:30px; line-height:30px; background:url(../images/dot02.png); background-color:#ee3212; color:#fff; border:0; cursor:pointer; font-size:14px; vertical-align:middle}


.ef4023{color:#ef4023}

/* footer ***********************************************************************************************************************************************************************************************************/
.footer{ position:relative; clear:both; margin:0 auto; width:100%; height:50px; padding-top:20px; color:#fff; border-top:1px solid #e5e5e5; background-color:#4b4948   }
.addres{font-size:14px;width:1000px;margin:0 auto; text-align:center }
.copy{ font-size:12px; color:#a0a0a0;width:1000px;margin:0 auto; text-align:center }


/*협력사 회원가입 화면*/
.joinBtn a{padding:10px 60px; background:url(../images/dot03.png); background-color:#ee3212;  font-size:18px; font-weight:bold; color:#fff; text-align:center; }
.joinBtn a:hover{color:#fff; background-color:#4b4948}

.TableMemberJoin{ border-top:solid 2px #4b4948; width:100%; font-size:15px; width:100%; letter-spacing:0px }
.TableMemberJoin th{border-bottom:solid 1px #cdcdcd;font-size:15px; font-weight:bold; color:#4b4948; letter-spacing:0.5px; background-color:#eeeeee; line-height:20px; padding:7px 5px; }
.TableMemberJoin td{border-bottom:solid 1px #cdcdcd;font-size:15px; line-height:25px; padding:5px 5px; text-align:left }
.TableMemberJoin td.S_txt{ font-size:11px; }
.TableMemberJoin td img{padding-top:1px}
.TableMemberJoin td p{ display:inline-block; width:180px; margin-bottom:3px}
.TableMemberJoin td input{border:1px solid #cdcdcd;height:25px;} 
.TableMemberJoin td input.noborder{border:0px}
.TableMemberJoin td select{ font-size:12px; color:#1b1b1b; height:26px;} 
.TableMemberJoin ul li{ line-height:27px}
.TJoinbtn{padding:6px 9px; background:url(../images/dot03.png); background-color:#4b4948;  font-size:10px; font-weight:bold; color:#fff; text-align:center; margin-left:2px }
.imp{ position:relative; margin-top:-15px; font-size:15px; width:100%; text-align:left; color:#ee3212; height:20px; line-height:20px}
.sub04_join{position:relative; font-size:18px; text-align:center; line-height:28px; letter-spacing:-1px;}
.FontRed{color:#ee3212}