@charset "utf-8";
/*
 ���ϸ�:		wehappy.css
 ��ɼ���:		main, submain css
 �ۼ���:		�������� (phrss@hanmail.net)
 �ۼ���:		2013.11.06
 ����������:	2013.11.06
*/

body {background:#fff;color:#555;font-size:12px; font-family:����, Dotum, Sans-serif;overflow-y:hidden;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding:0; margin:0;}
ol, ul, li {list-style:none; list-style-position:outside;}
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%;}
form, fieldset {border:0;}
img { border:0; vertical-align:middle;}
address, caption, em { font-weight:normal; font-style:normal;}
a {text-decoration:none; color:#555;}
a:hover {text-decoration:underline;}
input, select, textarea {font-size:12px; vertical-align:middle;}

.blind {display:hidden;overflow:hidden;visibility:hidden;width:0;height:0;margin:0;padding:0;border:0;background:none;font-size:0;line-height:0;}

#gnbArea {position:fixed;width:100%;height:98px;background:url('../img/bg_gnb.png') repeat left top;}
#gnbArea .gnb {position:relative;width:1098px;height:98px;margin:0 auto;}
#gnbArea .gnb .lnb {position:absolute;top:11px;right: 50px;}
#gnbArea .gnb .lnb a {display: block;width:92px;height:22px;line-height: 22px;color:#fff;text-align: center;font-family:'MalgunGothic';font-weight: bold;letter-spacing: -0.24px;border-radius: 3px;background-color: #8b8d91;}
#gnbArea .gnb .lnb a:hover {text-decoration: none;}
#gnbArea .gnb .logo_wehappy {margin:33px 0 0 60px;float:left;width:123px;height:37px;}
#gnbArea .gnb .logo_wehappy a {display: block;width: 100%;height: 100%;}
#gnbArea .gnb .logo_wehappy img {display: block;width: 100%;}
/* #gnbArea .gnb .logo_wehappy {float:left;width:109px;height:64px;margin:15px 239px 0 79px;} */
#gnbArea .gnb .menuList {float:right;padding: 47px 50px 0 0;}
#gnbArea .gnb .menuList li {float:left;margin-left:21px;}
#gnbArea .gnb .menuList li.first {margin-left:0;}

#main {width:100%;height:839px;background:url('../img/wehappy_bg00.jpg') repeat-x left top; top:100px; }
#main .mainImg {width:1100px;margin:0 auto;}
#intro {width:100%;height:839px;background:url('../img/wehappy_bg01.jpg') repeat-x left top;}
#intro .introImg {width:1100px;margin:0 auto;}
#program {width:100%;height:839px;background:url('../img/wehappy_bg00.jpg') repeat-x left top;background-size: 100% auto;}
#program .programImg {width:1100px;margin:0 auto;}
#eduApply {width:100%;height:839px;background:url('../img/wehappy_bg01.jpg') repeat-x left top;}
#eduApply .eduApplyImg {width:1100px;margin:0 auto;}
#speechIntro {width:100%;height:839px;background:url('../img/wehappy_bg00.jpg') repeat-x left top;background-size: 100% auto;}
#speechIntro .speechIntroImg {width:1100px;margin:0 auto;}
#client {width:100%;height:839px;background:url('../img/wehappy_bg01.jpg') repeat-x 50% top;background-size: 100% auto;}
#client .clientImg {width:1100px;margin:0 auto;}
#relData {width:100%;height:839px;background:url('../img/wehappy_bg00.jpg') repeat-x 50% top;}
#relData .relDataImg {width:1100px;margin:0 auto;}
.pullImg > h2 > img {display: block;width: 100%;}



#nav { position: fixed; z-index: 998; right: 70px; margin-top: -65px; top: 50%;}
#nav ul li { cursor: pointer; display: block; background: #767676; width: 10px; height: 10px; border-radius: 10px; margin: 6px 0 6px 2px; }
#nav ul li#home { cursor: pointer; display: block; width: 13px; height: 12px; margin-left:0; background: url('../img/navi_home.png') no-repeat 0 0 ;  }
#nav ul li.active { background: #ff6300; width: 10px; height: 10px;}
#nav ul li:hover { background: #ff6300; }