@charset "utf-8";

/*
	 CSS STYLE
*/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: normal;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: bold;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
/* Common Style */
body{margin:0; padding:0; font-family:"돋움",Dotum,"굴림",Gulim,NanumGothic,NanumGothicBold; font-size:75%; line-height:1.4; color:#89908A;}
html{ overflow-y:scroll; }
h1, h2, h3, h4, h5, h6, form, input, ul, ol, li, dl, dt, dd, p {margin:0; padding:0; font-size:1em;}

a { text-decoration:none; color:#727272; }
a:hover { color:#3d83d4 !important; }
a:focus { color:#3d83d4 !important; }

img {border:0 none; }
p img,
dl img,
li img { vertical-align:top; }
hr { display:none; }
ul, ul li, ol li { list-style:none; }
ul.ClearBoth li {float:none !important;}
ul.FloatRight {float:right;}
ul.FloatLeft li {float:left;}
ul.BackgroundNone li {background:none !important;}
form, input { margin:0;padding:0; }
fieldset { border:medium none; margin:0; padding:0; }
legend { display:none; margin:0; padding:0; }

.AlignLeft {text-align:left !important;}
.AlignCenter {text-align:center !important;}
.AlignRight {text-align:right !important;}
.ValignTop {vertical-align:top !important;}
.ValignMiddle{vertical-align:middle !important;}
.ValignBottom {vertical-align:bottom !important;}
.DisplayBlock {display:block;}
.DisplayNone {display:none;}
.FloatLeft {float:left;}
.FloatRight {float:right;}
.ClearBoth {clear:both;}
.BackgroundNone {background:none !important;}
.BorderNone {border:none !important;}
.BorderRightNone { border-right:none !important; }
.BorderBottomNone { border-bottom:none !important; }
.PaddingNone {padding:0 !important;}
.MarginNone {margin:0 !important;}
.FontWeightNormal {font-weight:normal !important;}
.FontWeightBold {font-weight:bold !important;}
.nowrap { white-space:nowrap; }
.hidden {visibility:hidden;position:relative;width:1px;height:0;font-size:0;line-height:0;}
.bdrRNone { border-right:0 none !important; }

/* SKIP NAVIGATION */
#skipNav { position:absolute; width:auto; z-index:2; }
#skipNav p,
#skipNav a { position:absolute; display:block; left:0; top:0; width:1px; height:1px; margin:0 0 0 -10000px; padding:0; overflow:hidden; }
#skipNav a:hover,
#skipNav a:focus,
#skipNav a:active { margin:0; width:120px; height:auto; background:#fff; text-align:center; }

/* HIDDEN TEXT */
.comment{position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden;}

/* Global SPACE */
.MAL0 {margin-left:0px !important;}
.MAL5 {margin-left:5px !important;}
.MAL6 {margin-left:6px !important;}
.MAL10 {margin-left:10px !important;}
.MAL11 {margin-left:11px !important;}
.MAL12 {margin-left:12px !important;}
.MAL13 {margin-left:13px !important;}
.MAL14 {margin-left:14px !important;}
.MAL15 {margin-left:15px !important;}
.MAL20 {margin-left:20px !important;}
.MAL25 {margin-left:25px !important;}
.MAL30 {margin-left:30px !important;}
.MAL31 {margin-left:31px !important;}
.MAL32 {margin-left:32px !important;}
.MAL33 {margin-left:33px !important;}
.MAL34 {margin-left:34px !important;}
.MAL35 {margin-left:35px !important;}
.MAL40 {margin-left:40px !important;}
.MAL45 {margin-left:45px !important;}
.MAL50 {margin-left:50px !important;}
.MAL60 {margin-left:60px !important;}
.MAL70 {margin-left:70px !important;}

.MAR0 {margin-right:0px !important;}
.MAR5 {margin-right:5px !important;}
.MAR10 {margin-right:10px !important;}
.MAR15 {margin-right:15px !important;}
.MAR17 {margin-right:17px !important;}
.MAR20 {margin-right:20px !important;}
.MAR25 {margin-right:25px !important;}
.MAR30 {margin-right:30px !important;}
.MAR35 {margin-right:35px !important;}
.MAR40 {margin-right:40px !important;}

.MAB0 {margin-bottom:0px !important;}
.MAB5 {margin-bottom:5px !important;}
.MAB10 {margin-bottom:10px !important;}
.MAB15 {margin-bottom:15px !important;}
.MAB20 {margin-bottom:20px !important;}
.MAB25 {margin-bottom:25px !important;}
.MAB30 {margin-bottom:30px !important;}
.MAB35 {margin-bottom:35px !important;}
.MAB40 {margin-bottom:40px !important;}

.MAT0 {margin-top:0 !important;}
.MAT1 {margin-top:1px !important;}
.MAT2 {margin-top:2px !important;}
.MAT5 {margin-top:5px !important;}
.MAT6 {margin-top:6px !important;}
.MAT7 {margin-top:7px !important;}
.MAT8 {margin-top:8px !important;}
.MAT9 {margin-top:9px !important;}
.MAT10 {margin-top:10px !important;}
.MAT11 {margin-top:11px !important;}
.MAT12 {margin-top:12px !important;}
.MAT13 {margin-top:13px !important;}
.MAT14 {margin-top:14px !important;}
.MAT15 {margin-top:15px !important;}
.MAT16 {margin-top:16px !important;}
.MAT20 {margin-top:20px !important;}
.MAT21 {margin-top:21px !important;}
.MAT22 {margin-top:22px !important;}
.MAT23 {margin-top:23px !important;}
.MAT24 {margin-top:24px !important;}
.MAT25 {margin-top:25px !important;}
.MAT26 {margin-top:26px !important;}
.MAT27 {margin-top:27px !important;}
.MAT28 {margin-top:28px !important;}
.MAT29 {margin-top:29px !important;}
.MAT30 {margin-top:30px !important;}
.MAT31 {margin-top:31px !important;}
.MAT32 {margin-top:32px !important;}
.MAT33 {margin-top:33px !important;}
.MAT34 {margin-top:34px !important;}
.MAT35 {margin-top:35px !important;}
.MAT36 {margin-top:36px !important;}
.MAT37 {margin-top:37px !important;}
.MAT38 {margin-top:38px !important;}
.MAT39 {margin-top:39px !important;}
.MAT40 {margin-top:40px !important;}
.MAT41 {margin-top:41px !important;}
.MAT42 {margin-top:42px !important;}
.MAT43 {margin-top:43px !important;}
.MAT44 {margin-top:44px !important;}
.MAT45 {margin-top:45px !important;}
.MAT46 {margin-top:46px !important;}
.MAT47 {margin-top:47px !important;}
.MAT48 {margin-top:48px !important;}
.MAT49 {margin-top:49px !important;}
.MAT50 {margin-top:50px !important;}
.MAT55 {margin-top:55px !important;}
.MAT56 {margin-top:56px !important;}
.MAT57 {margin-top:57px !important;}
.MAT58 {margin-top:58px !important;}
.MAT59 {margin-top:59px !important;}
.MAT60 {margin-top:60px !important;}
.MAT80 {margin-top:80px !important;}
.MAT100 {margin-top:100px !important;}
.MAT120 {margin-top:120px !important;}

.MAT-5 {margin-top:-5px !important;}
.MAT-10 {margin-top:-10px !important;}
.MAT-15 {margin-top:-15px !important;}
.MAT-20 {margin-top:-20px !important;}
.MAT-25 {margin-top:-25px !important;}
.MAT-30 {margin-top:-30px !important;}
.MAT-35 {margin-top:-35px !important;}
.MAT-40 {margin-top:-40px !important;}

.PAL5 {padding-left:5px !important;}
.PAL10 {padding-left:10px !important;}
.PAL15 {padding-left:15px !important;}
.PAL20 {padding-left:20px !important;}
.PAL25 {padding-left:25px !important;}
.PAL30 {padding-left:30px !important;}
.PAL35 {padding-left:35px !important;}
.PAL40 {padding-left:40px !important;}
.PAL45 {padding-left:45px !important;}
.PAL50 {padding-left:50px !important;}
.PAL70 {padding-left:70px !important;}

.PAR5 {padding-right:5px !important;}
.PAR10 {padding-right:10px !important;}
.PAR15 {padding-right:15px !important;}
.PAR20 {padding-right:20px !important;}
.PAR25 {padding-right:25px !important;}
.PAR30 {padding-right:30px !important;}
.PAR35 {padding-right:35px !important;}
.PAR40 {padding-right:40px !important;}

.PAT0 {padding-top:0px !important;}
.PAT5 {padding-top:5px !important;}
.PAT10 {padding-top:10px !important;}
.PAT15 {padding-top:15px !important;}
.PAT20 {padding-top:20px !important;}
.PAT25 {padding-top:25px !important;}
.PAT30 {padding-top:30px !important;}
.PAT35 {padding-top:35px !important;}
.PAT40 {padding-top:40px !important;}

.PAB5 {padding-bottom:5px !important;}
.PAB10 {padding-bottom:10px !important;}
.PAB15 {padding-bottom:15px !important;}
.PAB20 {padding-bottom:20px !important;}
.PAB25 {padding-bottom:25px !important;}
.PAB30 {padding-bottom:30px !important;}
.PAB35 {padding-bottom:35px !important;}
.PAB40 {padding-bottom:40px !important;}

.PADDING5{padding:5px !important;}
.PADDING10{padding:10px !important;}
.PADDING20{padding:20px !important;}
.PADDING30{padding:30px !important;}
.PADDING40{padding:40px !important;}
.PADDING50{padding:50px !important;}

body {  }
	div.bgImg { position:absolute; width:100%; height:100%; z-index:1;  }
#wrap { position:relative; /* width:996px; */ margin:0 auto; z-index:2; /* width:100%; margin:0; padding:0; background:url(../jw_images/bg_body.gif) 50% top no-repeat; */  }

/** Layout CSS **/

/* header */
#mainheader { position:relative; margin:0 auto; width:996px; height:117px; /* background:url(../jw_images/bg_header.jpg) left top no-repeat; */ }
#mainheader h1 { float:left; padding:7px 0 0 0; }
#mainheader h1 a { display:block; }
#mainheader .gnb { position:absolute; top:29px; right:12px; }
#mainheader .gnb ul { }
#mainheader .gnb ul li { float:left; }
#mainheader .gnb ul li a { display:block; padding:5px 15px; }
#mainheader .gnb ul div { position:absolute; left:0; top:0; width:100%; }
#mainheader .gnb ul div li { float:left; }
/* #mainheader, #mainvisual, #subvisual, #container, #banner, #footer {position: relative; width: 1000px; min-height: 80px; z-index: 2; margin:0 auto} */

/* #mainheader ul#utility {position:absolute; right: 0; top:2px; z-index:2; height:13px;}
#mainheader ul#utility  li {display:inline; margin-right:8px; padding:5px 11px 0 0; background:url('/layouts/alumni/image/utility_line.gif') right 7px no-repeat;}
#mainheader ul#utility  li.util04{background:none; padding-right:0; margin-right:0}
#mainheader ul#utility  li a{display:inline-block; width:34px; height:13px; background:url('/layouts/alumni/image/utility_list.png') no-repeat; line-height:1; }
#mainheader ul#utility  li a span {margin-top:9px; display:block; text-indent:-5000px; font-size:0;}
#mainheader ul#utility  li.util01 a{width: 44px}	/ 회원가입 /
#mainheader ul#utility  li.util02 a{width: 33px; background-position:-47px top}		/ 로그인 /
#mainheader ul#utility  li.util03 a{width: 55px; background-position:-132px top}		/ 마이페이지 /
#mainheader ul#utility  li.util04 a{width: 45px; background-position:-85px top}	/ 사이트맵 /
#mainheader ul#utility  li.util05 a{width: 44px; background-position:-239px top}	/ 정보수정 /
#mainheader ul#utility  li.util06 a{width: 45px; background-position:-191px top}	/ 로그아웃 / */

/** GNB Navigation **/
#gnb{ position:absolute; left:360px; top:45px; z-index:99; display:block;}
#gnb li{ position:absolute; top:0; z-index:99;}
#gnb li#mNavi01{ left:0;} 
#gnb li#mNavi02{ left:134px;} 
#gnb li#mNavi03{ left:278px;} 
#gnb li#mNavi04{ left:383px;} 
#gnb li#mNavi05{ left:478px;} 
#gnb li a{ display:block; height:15px; background:url('/layouts/alumni/image/gnbList.png') no-repeat; text-indent:-5000px; font-size:0; line-height:1;}
#gnb li#mNavi01 a{ width:87px; background-position: 0 0; }
#gnb li#mNavi02 a{ width:98px; background-position: -111px 0}
#gnb li#mNavi03 a{ width:50px; background-position: -229px 0}
#gnb li#mNavi04 a{ width:38px; background-position: -302px 0}
#gnb li#mNavi05 a{ width:50px; background-position: -362px 0}
#gnb li #mNavilink1, #gnb li #mNavilink2, #gnb li #mNavilink3, #gnb li #mNavilink4, #gnb li #mNavilink5 { display:none; }
#gnb li#mNavi01 a:hover, #gnb li#mNavi01 a:active, #gnb li#mNavi01 a:focus, #gnb li#mNavi01 a.hover{ background-position: 0 -25px}
#gnb li#mNavi02 a:hover, #gnb li#mNavi02 a:active, #gnb li#mNavi02 a:focus, #gnb li#mNavi02 a.hover{ background-position: -111px -25px}
#gnb li#mNavi03 a:hover, #gnb li#mNavi03 a:active, #gnb li#mNavi03 a:focus, #gnb li#mNavi03 a.hover{ background-position: -229px -25px}
#gnb li#mNavi04 a:hover, #gnb li#mNavi04 a:active, #gnb li#mNavi04 a:focus, #gnb li#mNavi04 a.hover{ background-position: -302px -25px}
#gnb li#mNavi05 a:hover, #gnb li#mNavi05 a:active, #gnb li#mNavi05 a:focus, #gnb li#mNavi05 a.hover{ background-position: -362px -25px}
#gnb li ul{ position:absolute; top:25px; height: 50px; visibility:hidden; z-index:98; }
#gnb li ul li{ position:static; float:left; height:22px; background:url('/layouts/alumni/image/snb_bg2.png') repeat-x;}
#gnb li ul li.snbBGNone{background: none;}
#gnb li#mNavi01 ul{ width:400px; left:-30px;}
#gnb li#mNavi02 ul{ width:400px; left:-30px;}
#gnb li#mNavi03 ul{ width:400px;  left:-40px;}
#gnb li#mNavi04 ul{ width:400px;  left:-50px;}
#gnb li#mNavi05 ul{ width:400px; left:-65px;}
#gnb li ul li a{ height:12px; background:url('/layouts/alumni/image/gnbSubList.png') repeat-x; background-position:0 0}
#gnb li ul li a:hover, #gnb li ul li a:active, #gnb li ul li a:focus, #gnb li ul li a.hover{ background-position:0 0}

#gnb li#mNavi01 ul li.sNavi05, #gnb li#mNavi02 ul li.sNavi01, #gnb li#mNavi03 ul li.sNavi02, #gnb li#mNavi04 ul li.sNavi02, #gnb li#mNavi05 ul li.sNavi03 { padding:0; margin:0;} 

#gnb li#mNavi01 ul li.sNavi01 a{ width:37px; padding: 0 12px 0 12px; background-position:0 0}
#gnb li#mNavi01 ul li.sNavi02 a{ width:37px; padding: 0 12px 0 12px; background-position:0 -14px}
#gnb li#mNavi01 ul li.sNavi03 a{ width:37px; padding: 0 12px 0 12px; background-position:0 -40px}
#gnb li#mNavi01 ul li.sNavi04 a{ width:46px; padding: 0 12px 0 12px; background-position:0 -53px}
#gnb li#mNavi01 ul li.sNavi05 a{ width:37px; padding: 0 12px 0 12px; background-position:0 -27px}
#gnb li#mNavi01 ul li.sNavi01 a:hover, #gnb li#mNavi01 ul li.sNavi01 a:active, #gnb li#mNavi01 ul li.sNavi01 a:focus, #gnb li#mNavi01 ul li.sNavi01 a.hover{ background-position: 0 -66px}
#gnb li#mNavi01 ul li.sNavi02 a:hover, #gnb li#mNavi01 ul li.sNavi02 a:active, #gnb li#mNavi01 ul li.sNavi02 a:focus, #gnb li#mNavi01 ul li.sNavi02 a.hover{ background-position: 0 -80px}
#gnb li#mNavi01 ul li.sNavi03 a:hover, #gnb li#mNavi01 ul li.sNavi03 a:active, #gnb li#mNavi01 ul li.sNavi03 a:focus, #gnb li#mNavi01 ul li.sNavi03 a.hover{ background-position: 0 -106px}
#gnb li#mNavi01 ul li.sNavi04 a:hover, #gnb li#mNavi01 ul li.sNavi04 a:active, #gnb li#mNavi01 ul li.sNavi04 a:focus, #gnb li#mNavi01 ul li.sNavi04 a.hover{ background-position: 0 -119px}
#gnb li#mNavi01 ul li.sNavi05 a:hover, #gnb li#mNavi01 ul li.sNavi05 a:active, #gnb li#mNavi01 ul li.sNavi05 a:focus, #gnb li#mNavi01 ul li.sNavi05 a.hover{ background-position: 0 -93px}

#gnb li#mNavi02 ul li.sNavi01 a{ width:55px; padding: 0 6px 0 6px; background-position:0 -156px}
#gnb li#mNavi02 ul li.sNavi01 a:hover, #gnb li#mNavi02 ul li.sNavi01 a:active, #gnb li#mNavi02 ul li.sNavi01 a:focus, #gnb li#mNavi02 ul li.sNavi01 a.hover{ background-position:-113px -156px}

#gnb li#mNavi03 ul li.sNavi01 a{ width:38px; padding: 0 12px 0 12px; background-position:-140px 0;}
#gnb li#mNavi03 ul li.sNavi02 a{ width:38px; padding: 0 12px 0 12px; background-position:-140px -14px;}
#gnb li#mNavi03 ul li.sNavi01 a:hover, #gnb li#mNavi03 ul li.sNavi01 a:active, #gnb li#mNavi03 ul li.sNavi01 a:focus, #gnb li#mNavi03 ul li.sNavi01 a.hover{ background-position:-140px -26px}
#gnb li#mNavi03 ul li.sNavi02 a:hover, #gnb li#mNavi03 ul li.sNavi02 a:active, #gnb li#mNavi03 ul li.sNavi02 a:focus, #gnb li#mNavi03 ul li.sNavi02 a.hover{ background-position:-140px -40px}

#gnb li#mNavi04 ul li.sNavi01 a{ width:44px; padding: 0 12px 0 12px; background-position:-204px 0px}
#gnb li#mNavi04 ul li.sNavi02 a{ width:44px; padding: 0 12px 0 12px; background-position:-204px -14px}
#gnb li#mNavi04 ul li.sNavi01 a:hover, #gnb li#mNavi04 ul li.sNavi01 a:active, #gnb li#mNavi04 ul li.sNavi01 a:focus, #gnb li#mNavi04 ul li.sNavi01 a.hover{ background-position:-204px -27px}
#gnb li#mNavi04 ul li.sNavi02 a:hover, #gnb li#mNavi04 ul li.sNavi02 a:active, #gnb li#mNavi04 ul li.sNavi02 a:focus, #gnb li#mNavi04 ul li.sNavi02 a.hover{ background-position:-204px -40px}


#gnb li#mNavi05 ul li.sNavi01 a{ width:37px; padding: 0 12px 0 12px; background-position:-260px 0px}
#gnb li#mNavi05 ul li.sNavi02 a{ width:37px; padding: 0 12px 0 12px; background-position:-260px -14px}
#gnb li#mNavi05 ul li.sNavi03 a{ width:45px; padding: 0 12px 0 12px; background-position:-260px -27px}
#gnb li#mNavi05 ul li.sNavi01 a:hover, #gnb li#mNavi05 ul li.sNavi01 a:active, #gnb li#mNavi05 ul li.sNavi01 a:focus, #gnb li#mNavi05 ul li.sNavi01 a.hover{ background-position:-260px -40px}
#gnb li#mNavi05 ul li.sNavi02 a:hover, #gnb li#mNavi05 ul li.sNavi02 a:active, #gnb li#mNavi05 ul li.sNavi02 a:focus, #gnb li#mNavi05 ul li.sNavi02 a.hover{ background-position:-260px -53px}
#gnb li#mNavi05 ul li.sNavi03 a:hover, #gnb li#mNavi05 ul li.sNavi03 a:active, #gnb li#mNavi05 ul li.sNavi03 a:focus, #gnb li#mNavi05 ul li.sNavi03 a.hover{ background-position:-260px -66px}



#banner {height:44px; background:url('/layouts/alumni/image/bg_banner.gif') no-repeat;}
#banner p.banner01 {padding-top: 8px; margin-left: 150px}


#footer { width:995px; margin:0 auto; padding:0 0 70px 0px;}
#footer h2 { float:left; padding:22px 0 0 25px; }
#footer address { float:left; padding:33px 0 0 47px;  }

/* Global Margin */
.MAL0 {margin-left:0 !important;}
.MAL5 {margin-left:5px !important;}
.MAL10 {margin-left:10px !important;}
.MAL20 {margin-left:20px !important;}
.MAL50 {margin-left:50px !important;}

.MAT50 {margin-top:50px !important;}