@charset "utf-8";
/*-----------------------------------------------------------------------------------
	HTML Elements Default Properties
-----------------------------------------------------------------------------------*/
/* MAIN COMMON ----------------------*/

body#main #wrap { min-width:1040px;}
body#main #wrap .mainCont { width:1000px;margin:0 auto; padding:90px 0 130px;}
body#main h3 { font-size:36px; font-family:'Arial'; text-align:center; word-spacing:-1px;}
body#main .subText { font-size:16px; font-weight:700; text-align:center; margin:10px 0 38px 0; color:#000; } 
body#main #container { padding:0px !important;}

/* main ΊρΑΦΎσ ----------------------*/
body#main .contvVsual { position:relative; width:auto; height:100%; min-height:650px; max-height:100%; }
body#main .contvVsual .bgPatten { position:relative; width:100%; height:650px;  min-height:650px; }

body#main .visualArea { height:100%; min-height:650px;}
body#main .visualArea .txtArea,
body#main .visualArea .btnArea { display:table-cell; padding-left:140px; vertical-align:top; }
body#main .visualArea .txtArea .txt { position:absolute; z-index:3; top:38%; margin-left:-10px;}
body#main .visualArea .btnArea { position:absolute; z-index:3; top:45%; margin-top:40px; }
body#main .visualArea .btnArea .num { display:inline-block; width:32px; height:32px; border:2px solid #fff; font-family:'Arial'; background:url('http://www.hdec.kr/KR/images/common/bg_alpha.png') repeat left top; font-size:12px; line-height:32px; text-align:center; color:#fff; vertical-align:top; }
body#main .visualArea .btnArea .prev { display:inline-block; width:32px; height:32px; border:2px solid #fff; background:url('http://www.hdec.kr/KR/images/btn/btn_rollPrev.png') no-repeat 50% 50%; vertical-align:top;}
body#main .visualArea .btnArea .next { display:inline-block; width:32px; height:32px; margin-left:-6px; border:2px solid #fff; background:url('http://www.hdec.kr/KR/images/btn/btn_rollNext.png') no-repeat 50% 50%; vertical-align:top;}
body#main .visualArea .btnArea .prev:hover { background:#fff url('http://www.hdec.kr/KR/images/btn/btn_rollPrev_over.png') no-repeat;}
body#main .visualArea .btnArea .prev:focus { background:#fff url('http://www.hdec.kr/KR/images/btn/btn_rollPrev_over.png') no-repeat;}
body#main .visualArea .btnArea .next:hover { background:#fff url('http://www.hdec.kr/KR/images/btn/btn_rollNext_over.png') no-repeat;}
body#main .visualArea .btnArea .next:focus { background:#fff url('http://www.hdec.kr/KR/images/btn/btn_rollNext_over.png') no-repeat;}

body#main .visualArea .txtArea .btnMore { display:inline-block; position:absolute; z-index:3; top:45%; margin:80px 0 0 184px; padding:0; width:132px; height:30px;font-weight:bold; background:none ;background-color:#fff;border:0; font-family:'Arial'; text-transform:uppercase; font-size:14px; color:#252525; line-height:30px; text-align:center; border:3px solid #fff;}/* 116px */
body#main .visualArea .txtArea .btnMore span { display:inline-block; background:url('http://www.hdec.kr/KR/images/common/icon_arror05.png') no-repeat left center; padding-left:15px; }
body#main .visualArea .txtArea .btnMore:hover { border:3px solid #010101; text-decoration:none;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}

body#main .visualArea .txtArea .btnMore_B { display:inline-block; position:absolute; z-index:3; top:45%; margin:80px 0 0 184px; padding:0; width:132px; height:30px;font-weight:bold; background:none ;background-color:#252525;border:0; font-family:'Arial'; text-transform:uppercase; font-size:14px; color:#fff; line-height:30px; text-align:center; border:3px solid #252525;}
body#main .visualArea .txtArea .btnMore_B span { display:inline-block; background:url('http://www.hdec.kr/KR/images/common/icon_arror05.png') no-repeat left center; padding-left:15px; }
body#main .visualArea .txtArea .btnMore_B:hover { border:3px solid #fff; text-decoration:none;
	-webkit-transition: all 0.35s ease;
	-moz-transition: all 0.35s ease;
	-ms-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
body#main .visualArea .visual img { z-index:1; display:inline-block; width:100%; height:680px;  min-height:100%; max-height:100%;}
body#main .visualArea .bgPatten { position:absolute; }
body#main .visualArea li { position:relative; min-height:100%; height:100%;  min-height:100%px;}
body#main .visualArea .txt { display:inline-block; }
body#main .visualArea .txt img { display:inline-block; }

body#main h1{position:absolute; top:10px; left:10px; z-index:5;}

/***** main css *****/
body#main .main_con *,
#conW #lnb *,
#noticeTab *,
#header div *{vertical-align:middle;}
body#main .main_con{overflow:hidden; width:1200px; padding:0px 0; display:table; margin: 0 auto;}
body#main .main_con dl{float:left; width:360px; height:100px; margin:10px 0 0 0; display:inline; background:url(/Images/notice_img.gif) no-repeat 0 bottom;}
body#main .main_con dl dt{padding:0 0 10px 0px;}
body#main .main_con dl dd{padding:0 0 2px 130px; background:url(/Images/notice_dot.gif) no-repeat 123px center;}
body#main .main_con ul{float:left; margin:10px 35px 0 35px; display:inline;}
body#main .main_con ul li{float:left;}
body#main .main_con div{float:right; width:162px;}
body#main .main_con div p{position:relative; top:0; left:0; padding:0 0 5px 0;}
body#main .main_con div p label{padding:0 10px 0 0;}
body#main .main_con div p label input{margin:-1px 5px 0 0; margin:-3px 0px 0 0\9;}
body#main .main_con .input{width:105px; height:22px; height:19px\9; font-size:11px; border:none; margin:0 0 3px 0; background:url(/Images/login_input.gif) no-repeat 0 0;}
body#main .main_con .input_id{background:url(/Images/login_input_id.gif) no-repeat 0 0;}
body#main .main_con .input_id2{background:url(/Images/login_input_id2.gif) no-repeat 0 0;}
body#main .main_con .input_pw{background:url(/Images/login_input_pw.gif) no-repeat 0 0;}
body#main .main_con .input_otp{background:url(/Images/login_input_otp.gif) no-repeat 0 0;}
body#main .main_con .input_sms{background:url(/Images/login_input_sms.gif) no-repeat 0 0;}
body#main .main_con .input_over{background:url(/Images/login_input.gif) no-repeat 0 0;}
body#main .main_con .btn_login{position:absolute; top:0; right:0;}