/* 공통 임시 */
.tabMenu {width:100%;margin-bottom:20px;background:url(/ux/images/common/bg_tabs.gif) repeat-x 0 bottom;}
.tabMenu:after {display:block;content:'';clear:both;}
.tabMenu li {float:left;width:24.5%;border-bottom:2px solid #444444;}
.tabMenu li a {display:block;height:49px;padding:0 10px;border:1px solid #ddd;border-left:0;border-bottom:0;text-align:center;color:#222;font-size:15px;line-height:48px;background-color:#fafafa;}
.tabMenu li:first-child a {border-left:1px solid #ddd;}
.tabMenu li.on {width:26.5%;border-bottom:none;}
.tabMenu li.on a {height:auto;border:2px solid #444;border-bottom:2px solid #fff;font-weight:bold;background-color:#fff;}
.tabMenu li:first-child.on a {border-left:2px solid #444;}
.tabMenu.line2 li a {line-height:24px;}

.blind{position:absolute;top:0;left:0;width:0 !important;height:0 !important;padding:0 !important;margin:0;overflow:hidden;font-size:0 !important;line-height:0 !important}


.boxGrey{display:block;border:1px solid #ddd;}
.boxGrey:after{content:'';display:block;clear:both;}
/* 회색배경박스 */
.grayBox {display:block;padding:17px 20px;border:1px solid #ececec;background:#fafafa;}
.grayBox:after{content:'';display:block;clear:both;}
.grayBox strong.title {display:block;margin-bottom:10px;}
/* 회색배경 상하 라인만 */
.guideBox {display:block;position:relative;margin:0;padding:20px;border-top:solid #747474 1px;border-bottom:solid #ddd 1px;background-color:#fafafa;}
.guideBox:after{content:'';display:block;clear:both;}
.guideBox.taC {text-align:center;}
/* 스크롤 박스 */
.terms_area {overflow-y:scroll;height:330px;padding:30px;border-top:1px solid #747474;border-bottom:1px solid #ddd;background-color:#fafafa;}
.terms_area.scrollBody {border-top:0;}
.terms_area.scrollBody ul li ul {padding-top:7px;}
.terms_area.scrollBody ul li ul li {line-height:18px;}
/* 알려드립니다! */
.tipArea > p{ margin:0 30px;color:#0977c9;font-size:18px;line-height:57px;font-weight:bold;background:url(/ux/images/common/ico_tip.gif) no-repeat 0 center;padding:0 0 0 34px;height:58px;}
.tipArea.yellow p{ margin:0 30px;color:#ff8f1c;font-size:18px;line-height:57px;font-weight:bold;background:url(/ux/images/common/ico_tip2.gif) no-repeat 0 center;padding:0 0 0 34px;height:58px;}
.tipArea > ul{padding:13px 30px 25px;border-top:1px solid #ddd;}
.tipArea ul > li{color:#444;font-size:13px;line-height:22px;background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 13px;padding:1px 0 3px 10px;}
.tipArea ul > li strong, .tipArea dl.question dd strong{font-weight:normal;color:#0977c9;}
.tipArea ul > li > p{color:#747474;padding:4px 0 0;}
.tipArea ul > li > ol{padding:2px 0 0;}
.tipArea ul > li > ol > li{color:#444;font-size:13px;line-height:22px;padding:1px 0 3px 0;}
.tipArea ul > li > ol > li > p{padding:2px 0 0;}
.tipArea ul > li > ul{padding:2px 0 0;}
.tipArea ul > li > ul > li{background:url(/ux/images/common/bul_arrow4.gif) no-repeat 0 12px;color:#444;font-size:13px;line-height:22px;padding:1px 0 3px 9px;}
.tipArea ul > li > ul > li > p{padding:2px 0 0;}
.tipArea dl {padding:13px 30px 25px; border-top:1px solid #ddd}
.tipArea dt {font-size:13px; font-weight:600; color:#444;  background:url(/ux/images/common/bul_arrow1.gif) no-repeat 0 10px; padding:1px 0 5px 10px}
.tipArea dd {font-size:13px; color:#444; padding:1px 0 3px 10px; line-height:21px}
.tipArea dd.gray {color:#747474 !important; background:none !important;}


p.check_desc2 {display:inline-block; position:relative; margin:0; padding:0 0 5px 24px; font-size:14px; color:#444; background:url(/ux/images/common/ico_check_desc2.png) no-repeat 0 3px;}
ul.check_desc2 {display:block; position:relative;}
ul.check_desc2 li {display:block; position:relative; margin:0; padding:0 0 5px 24px; font-size:14px; color:#444; background:url(/ux/images/common/ico_check_desc2.png) no-repeat 0 3px;}

ul.dot_list {margin:12px 0 0;}
ul.dot_list li {padding-left:10px;margin-bottom:5px;font-size:13px;color:#222;background:url(/ux/images/finance/lsit_dot.gif) no-repeat 0 10px;}


.stepProcess {display:table;position:relative;width:100%;margin:0;padding:0;border-top:solid #aaa 1px;border-bottom:solid #ddd 1px;font-size:13px;}
.stepProcess li {/*float:left;*/ display:table-cell;position:relative;margin:0;padding:0;background:url(/ux/images/common/bg_dot_vline2.gif) repeat-y 0 0;}
.stepProcess li:after{content:'';display:block;clear:both;}
.stepProcess li:first-child{background:none;}
.stepProcess.col3 li {width:33.333%;}
.stepProcess.col4 li {width:25%;}
.stepProcess.col5 li {width:20%;}
.stepProcess li .arrow{background:url(/ux/images/common/ico_arrow_stepProcess.png) no-repeat 0 0;position:absolute;top:50%;right:-15px;margin-top:-15px;margin-left:-15px;width:30px;height:30px;z-index:10;}
.stepProcess li .wrap{zoom:1;padding:27px 35px;}
.stepProcess li .wrap:after{content:'';display:block;clear:both;}
.stepProcess li .wrap .header{zoom:1;display:block;position:relative;}
.stepProcess li .wrap .header:after{content:'';display:block;clear:both;}
.stepProcess li .wrap .header > strong{ display:inline-block;position:relative;float:left;text-align:left;font-size:36px;color:#0977c9;line-height:28px ;}
.stepProcess li .wrap .header span{left:47px;top:-4px;margin:0;position:absolute;color:#a5a5a5;font-size:13px;}
.stepProcess li .wrap .header em.tit{ float:left;position:relative;display:block;font-size:15px;color:#222;font-weight:bold;margin:11px 0 0 8px;}
.stepProcess li .wrap p.text{display:block;padding:12px 0 0 0;font-size:13px;color:#444;line-height:20px;}
.stepProcess li .wrap u{ color:#5a96c8;text-decoration:underline;}

.stepProcess.type2{ border-top:1px solid #747474}
.stepProcess.type2 li{ float:left; display:block; min-height:105px; padding-bottom:15px}
.stepProcess.type2.col4 li:first-child .wrap, .stepProcess.type2.col5 li:first-child .wrap{padding:19px 20px 0;}
.stepProcess.type2 li .wrap{padding:19px 30px 0;}
.stepProcess.type2 li .wrap .header > strong{display:block !important;  font-size:16px; font-weight:bold; line-height:13px}
.stepProcess.type2 li .wrap .header > strong > em{font-size:16px; color:#0977c9; font-weight:normal}
.stepProcess.type2 li .wrap .header em.tit{float:inherit !important; clear:both; margin:0; padding:10px 0 0; font-weight:normal}
.stepProcess.type2 li .wrap p.text{font-size:14px}
.stepProcess.type2 li p.btn{display:block; position:absolute; left:30px; bottom:20px; padding:0;}
.stepProcess.type2 li:first-child p.btn{left:20px}


.btnLarge.gray ,.btnMid.gray ,.btnSmall.gray {color:#fff !important;background-color:#6c6f71 !important;border:1px solid #6c6f71 !important;}
.btnLarge.gray:hover, .btnLarge.gray:hover, .btnSmall.gray:hover{border:1px solid #56595a !important;}
.btnLarge.white, .btnMid.white, .btnSmall.white{background-color:#fff;border:1px solid #bbb !important;color:#222 !important;}
.btnLarge.white:hover, .btnMid.white:hover, .btnSmall.white:hover{border:1px solid #0977c9 !important;}
.btnLarge.blue, .btnMid.blue, .btnSmall.blue{background-color:#0977c9 !important;border:1px solid #0977c9 !important;}
.btnLarge.blue:hover, .btnMid.blue:hover, .btnSmall.blue:hover{border:1px solid #064574 !important;}
.btnLarge.red, .btnMid.red, .btnSmall.red{background-color:#e81a1a !important;border:1px solid #e81a1a !important;color:#fff !important;}
.btnLarge.red:hover, .btnMid.red:hover, .btnSmall.red:hover{text-decoration:underline !important;border:1px solid #e81a1a !important;}



.headArea{zoom:1; position:relative; background:#f4f5f7; height:70px;}
.headArea:after{content:'';display:block;clear:both}
.headArea .head{width:960px; margin:0 auto; position:relative}
.headArea .head h1{float:left; padding:10px 0 0;}
.headArea .head .page_desc{display:table-cell; color:#747474; font-size:13px; width:auto; height:70px; margin:0; padding:0}
.headArea .head .page_desc > span{display:table-cell; vertical-align:middle; height:70px; padding:0 0 0 30px; line-height:18px;}
.headArea .head .page_form{ position:absolute; top:20px; right:0;}
.headArea .head .page_form label{font-size:13px;}