/* .contents {width:100%;} */
.contents {width:100%;margin:0 auto;}

/* 상단 이미지, 타이틀 */
.sub_top {width:100%;min-width:1200px;height:240px;background:url('../img/bg/sub1_pic.jpg') center center no-repeat;background-size:cover;}
.sub_pic_box {width:1200px;height:auto;margin:0 auto;position:relative;padding-top:66px;}
.sub_txt_box {margin-top:100px;text-align:center;padding:20px;width:50%; background:rgba(0, 0, 0, 0.6); margin:0 auto ;color:#fff;}
.sub_txt_box {margin-top:100px;text-align:center;padding:20px;width:50%; background:rgba(255,255,255, 0.8); margin:0 auto ;color:#fff;}
.sub_txt_box h2 {font-size:36px;color:#333;font-weight:600;}
.sub_txt_box p {font-size:17px;color:#333;font-weight:900;}

/* aside */
.aside {width:100%;border-bottom:1px solid #ccc;}
.aside_box {width:1200px;margin:0 auto;}
.aside_box ul {width:100%;display:table;border-collapse:collapse;}
.aside_box ul li {display:table-cell;width:12.5%;height:70px;vertical-align:middle;text-align:center; border:1px solid #ccc;border-top:none;border-bottom:none;border-collapse:collapse;color:#666;}
.aside_box ul li a {display:inline-block;width:100%;height:100%;line-height:70px;font-size:18px;}
.aside_box ul li a.jang_h {color:#0072fe;}
/* .aside_box ul li.active  { box-shadow: inset 0px -5px 0px 0px #ee4973; } */
.aside_box ul li.active  {border-bottom:3px solid #e92020; }
.aside_box ul li:hover a {background-color:#e92020;color:#fff;}
.aside_box ul li:hover a.jang_h {background-color:#0072fe;color:#fff;}


/* 서브콘테츠 */
.sub_con {width:1200px;margin:0 auto;min-height:500px;position:relative;}
.sub_tit {padding:25px 0;text-align:center;}
.sub_tit ul li {font-size:32px;font-weight:600;}
.sub_tit ul li img {vertical-align:middle;}
.con_box {position:relative;overflow:hidden;padding:10px 0;}

/* 회장인사말 */
.con_box .intro_img {float:right;padding-top:3px;margin-top:3px;}
.con_box .intro_img img {width:413px;marign-left:20px;}
.con_box .intro_txt {padding-top:3px;margin-top:3px;}
.con_box .intro_txt p{font-size: 18px; line-height: 24px;}
.con_box .intro_txt p:first-child {font-size: 25px; color: #e92020; padding-bottom: 15px; font-weight:600;}
.con_box .intro_txt p.name {text-align:right;}
.con_box .intro_txt p.name span {font-size:24px;padding:0 5px;}

/* 모교역사 */
.history_img {float:left;}
.history_txt {float:right;width:750px;}
.history_txt p {font-size:16px;margin-bottom:16px;line-height:22px;}
.history_txt p span {font-size:18px;font-weight:600;color:#e92020;}

/* 역대회장안내 */
.chairman {width:1200px;margin:0 auto;text-align:center;}
.chairman ul {overflow:hidden;}
.chairman ul li {float:left;width:200px;padding:20px;}
.chairman ul li  p {font-size:14px;}
.chairman ul li  p.c_name {font-size:16px;font-weight:bold;}
.chairman ul li  p img {width:150px;}

/* 동창회 연혁 */
.year_section dl dt {float:left;}

/* 모교사진 */
.pic_wrap {overflow:hidden;}
.pic_wrap h2 {padding:5px 10px;font-size:18px;color:#fff;background:url('../img/bg/intro_bg1.png') repeat-y;}
.pic_wrap ul.pic_ul {overflow:hidden;}
.pic_wrap ul.pic_ul li {float:left;width:45%;margin:20px;}
.pic_wrap  h3 {padding-left:20px;font-size:16px;background:url('../img/bg/jang_bg2.jpg') no-repeat 0 5px;}
.pic_box {overflow:hidden;}
.pic_box .mogyo {float:left;width:45%;margin:20px;}


/* 로그인 */
.login {padding:30px 0;background-color:#f0f0f0;}
.login_box {width:600px;margin:0 auto 10px;padding:40px 40px;border-top:5px solid #e92020;background-color:#fff;}
.login_box fieldset > * {width:100%;margin-bottom:20px;}
.login_box .inp_txt2 {width:520px;padding:16px 10px;font-size:14px;color:#666;border:1px solid #c9c9c9;border-radius:2px;background-color:#f0f0f0;}
.login_box .btn_100 a {display:inline-block;width:100%;padding:20px 0;color:#fff;text-align:center;font-size:16px;font-weight:bold;border-radius:5px;background-color:#e92020;}
.member_ul li {padding:20px 0;border-top:1px solid #c9c9c9;}
.member_ul li.join {padding-top:0;border-top:0;}
.member_ul li a {display:table;width:100%;table-layout:fixed;}
.member_ul li a > span {display:table-cell;vertical-align:middle;}
.member_ul li .icon_mem {width:70px;}
.member_ul li .icon_join {display:block;width:47px;height:47px;background:url('../img/bg/icon_mem.jpg') no-repeat;}
.member_ul li .con_join {display:table;vertical-align:middle;}
.member_ul li .con_join > * {display:block;}
.member_ul li .con_join .tit_l {font-size:16px;font-weight:bold;margin-bottom:10px;color:#e92020;}
.member_ul li .icon_arr {width:20px;}
.member_ul li .icon_find {display:block;width:47px;height:47px;background:url('../img/bg/icon_find.jpg') no-repeat;}
.member_ul li .icon_arw {display:block;width:12px;height:22px;background:url('../img/bg/icon_arr.jpg') no-repeat;}
.join_table table td .inp_txt_s {width:120px;padding:12px 10px; color:#333;border:1px solid #c9c9c9;border-radius:2px;background-color:#f0f0f0;}

/* 회원가입 */
.join_wrap, .modi_wrap {padding:30px;background-color:#f0f0f0;}
.join_box, .modi_box  {padding:30px;background-color:#fff;}
.join_box h3, .modi_box h3 {margin-bottom:20px;font-size:18px;font-weight:bold;}
.join_table {position:relative;border-top:5px solid #e92020;}
.join_table table {width:100%;}
.join_table table th {font-size:15px;font-weight:bold;padding:10px 0 10px 45px;border-bottom:1px solid #c9c9c9;text-align:left;}
.join_table table td {font-size:13px;padding:10px 0 10px 45px;border-bottom:1px solid #c9c9c9;text-align:left;}
.join_table table td input:focus {background-color:#fff;}
.join_table table td .inp_txt {width:400px;padding:12px 10px; color:#333;border:1px solid #c9c9c9;border-radius:2px;background-color:#f0f0f0;}
.join_table table td .btn_j {display:inline-block;min-width:120px;padding:10px; text-align:center;border-radius:4px;background-color:#5d4444;}
.join_table table td .btn_j span {padding:0 20px;color:#fff;}
.join_table table td .pc_mgt10{
	margin-top:5px;
}
.join_table table td .join_br{
	display:none;
}
/* 이용약관 */
.legal_wrap {margin-top:20px;}
.legal_box {overflow-y:auto;box-sizing:border-box;width:100%;height:200px;padding:24px;border:1px solid #c9c9c9;border-radius:3px;background:#f0f0f0}
.legal_chk {margin:10px 0;}
.legal_chk input {vertical-align:text-middle;}
.legal_chk label {font-size:16px;font-weigh:600;color:#333;}

/* 마이페이지 */
.mypage_wrap {padding:30px;background-color:#f0f0f0;}
.mypage_box {padding:30px;background-color:#fff;}
.mypage_box h3 {margin-bottom:20px;font-size:18px;font-weight:bold;}
.mypage_info {position:relative;border-top:5px solid #c4040d;overflow:hidden;}
.mypage_info:before {line-height:0;display:table;content:''}
.mypage_info dl{display:table;float:left;width:50%;table-layout:fixed;border-bottom:1px solid #c9c9c9;}
.mypage_info dl.w100{width:100%}
.mypage_info dl>*{display:table-cell;box-sizing:border-box;height:63px;vertical-align:middle}
.mypage_info dl.w100 dt {width:15%;}
.mypage_info dt{font-size:15px;font-weight:700;width:30%;padding-left:30px;color:#555;background:#f0f0f0}
.mypage_info dd{line-height:20px;padding:10px 20px; font-size:15px; line-height:22px}

/* 동창회연혁 */
.year_box h3 {font-size:24px;font-weight:600;padding:10px 0 0 10px;color:#4eb0de;}
.year_box .year_tab ul {margin: 0;padding: 0;float: left;list-style: none;border-bottom: 1px solid #eee;border-left: 1px solid #eee;width: 100%;font-family:"dotum";font-size:12px;}
.year_box .year_tab ul li {float: left;text-align:center;cursor: pointer;width:16%;height:40px;line-height: 40px;border: 1px solid #ddd;border-left: none;font-weight: bold;background: #fafafa;overflow: hidden;position: relative;margin:3px;box-sizing:border-box;}
.year_box .year_tab ul li.active {background: #FFFFFF;border-bottom: 1px solid #FFFFFF;color:#8b0000;box-shadow:0 0 10px 0 rgba(0,0,0,0.3);trnasition: all .3s ease;}
.year_box .year_tab ul li:hover {color:#ff0000;box-shadow:0 0 13px 0 rgba(0,0,0,0.3);trnasition: all .3s ease;}
.year_box .year_tab ul li a {display:block;font-size:16px;}
.year_box .year_tab ul li.active a {display:block;color:#8b0000;}
.year_info dl {border-bottom:2px solid #c9c9c9;}
.year_info dl>*{box-sizing:border-box;vertical-align:middle;}
.year_info dt{float:left;font-size:15px;padding:10px 20px;font-weight:700;width:15%;padding-left:30px;color:#555;border-right:#c9c9c9;}
.year_info dd{display:inline-block;padding:10px 20px; font-size:15px;}

/* 동창회회칙 */
.re_table table {width:100%;border-top:5px solid #c4040d;margin-bottom:20px;}
.re_table table th {font-size:15px;font-weight:bold;padding:10px 0 10px 45px;border-bottom:1px solid #c9c9c9;text-align:center;background-color:#f0f0f0}
.re_table table td {font-size:13px;padding:10px 0 10px 45px;border-bottom:1px solid #c9c9c9;text-align:center;}
.by_wrap {font-size:16px;margin-bottom:20px;}
.by_wrap h3 {margin-top:20px;font-size:24px;font-weight:bold;}
/* .by_wrap h3 {margin-top:20px;font-size:24px;font-weight:bold;border-bottom:1px dashed #c9c9c9;} */
.by_wrap > ul {padding:5px 0 0 20px;}
.by_wrap > ul li  {margin:5px 0;}
.by_wrap > ul li > ul {padding-left:30px;}
.by_wrap > ul li h4 {font-weight:bold;padding-left:15px;}
.by_wrap > ul li p {padding-left:13px;}

/* 임원진안내 */
.imwon h3 {padding-left:30px;font-size:24px;font-weight:bold;color:#007fd8;background:url('../img/bg/jang_bg1.jpg') no-repeat 0 5px;}
.imwon_table  {width:100%;border-top:5px solid #c4040d;margin:20px 0;}
.imwon_table table {width:100%;}
.imwon_table table th{font-size:16px;font-weight:bold;padding:10px 0 10px 25px;border-bottom:1px solid #c9c9c9;text-align:left;background-color:#f0f0f0}
.imwon_table table td {font-size:14px;padding:10px 0 10px 25px;border-bottom:1px solid #c9c9c9;text-align:left;}
.imwon_table_select   {width:100%;border-top:5px solid #c4040d;margin:20px 0;}
.imwon_table_select table {width:100%;}
.imwon_table_select table th{font-size:16px;font-weight:bold;padding:8px;border-bottom:1px solid #c9c9c9;text-align:center;background-color:#f0f0f0}
.imwon_table_select table td {font-size:14px;padding:8px;border-bottom:1px solid #c9c9c9;text-align:center;}
.record-mb{
	display:none;
}
/* 오시는길 */
.map_wrap {position:relative;margin-bottom:40px;overflow:hidden;}
.ride {width:33%;float:left;}
.ride h3 {font-size:20px;font-weight:600;border-bottom:1px solid #c9c9c9;}
.ride p {padding:5px;font-size:16px;margin-bottom:10px;}
.map_box {width:65%;height:400px;float:right;}

/* 지부현황 */
.jibu_tab_wrap ul {width:100%;margin: 0 auto;padding: 0;}
.jibu_tab_wrap ul li {float: left;margin:5px;text-align:center;cursor: pointer;width:19%;font-size:16px;height:40px;line-height: 40px;border: 1px solid #ddd;font-weight:400;background: #fafafa;overflow: hidden;position: relative;margin:3px;box-sizing:border-box;}
.jibu_tab_wrap ul li.active {background: #FFFFFF;border-bottom: 1px solid #FFFFFF;color:#8b0000;box-shadow:0 0 10px 0 rgba(0,0,0,0.3);trnasition: all .3s ease;font-weight:600;}
.jibu_tab_wrap ul li:hover {color:#ff0000;box-shadow:0 0 13px 0 rgba(0,0,0,0.3);trnasition: all .3s ease;font-weight:600;}
.jibu_tab_wrap ul li a {display:block;font-size:16px;}
.jibu_tab_wrap ul li.active a {display:block;color:#8b0000;}
.tab_container {clear: both;float: left;width: 100%;margin-top:20px;}
.tab_con {width:100%;border-top:5px solid #c4040d;margin:20px 0;}
.tab_con table {width:100%;}
.tab_con table th{font-size:15px;font-weight:bold;padding:14px;border-bottom:1px solid #c9c9c9;text-align:center;background-color:#f0f0f0}
.tab_con table td {font-size:14px;padding:14px;border-bottom:1px solid #c9c9c9;text-align:left;}
.tab_con table table th, .tab_con table table td {text-align:center;}

/* 지부동기회 링크 */
.jibu_link {width:100%;border-top:5px solid #c4040d;margin:20px 0;}
.jibu_link table {width:100%;}
.jibu_link table th{font-size:16px;font-weight:bold;padding:14px;border-bottom:1px solid #c9c9c9;text-align:center;background-color:#f0f0f0}
.jibu_link table td {font-size:15px;padding:14px;border-bottom:1px solid #c9c9c9;text-align:left;}
.jibu_link table td:first-child {text-align:center;font-weight:600;}
.jibu_link table td a:hover {color:#c4040d;text-decoration:underline;}

/* 장학 사업현황 */
.jang_saup h3 {padding-left:30px;font-size:24px;font-weight:bold;color:#007fd8;background:url('../img/bg/jang_bg1.jpg') no-repeat 0 5px;}
.jang_saup p {margin:5px 0 10px 30px;padding-left:15px;font-size:16px;background:url('../img/bg/jang_bg2.jpg') no-repeat 0 5px;}

/*납부안내*/
.jang_mo table{
	border-top:1px solid #c9c9c9;
}
/* 1인계좌안내 */
h3.ilin_tit {padding-left:30px;font-size:24px;font-weight:bold;color:#007fd8;background:url('../img/bg/jang_bg1.jpg') no-repeat 0 5px;}
.mo_table {margin-bottom:20px;}
.mo_table table {width:100%;margin-bottom:20px;}
.mo_table table th {font-size:15px;font-weight:bold;padding:10px 0 10px 45px;border-bottom:1px solid #c9c9c9;text-align:left;background-color:#f0f0f0;}
.mo_table table td {font-size:13px;padding:10px 0 10px 45px;border-bottom:1px solid #c9c9c9;text-align:left;}
.mo_table table th.bt, .mo_table table td.bt {border-top:1px solid #c9c9c9;}
.mo_table p {margin:5px 0 0 10px;font-size:14px;}
.mo_txt p.mo_txt_top {margin:10px 0;padding:20px;font-size:16px;border-top:2px solid #c9c9c9;border-bottom:2px solid #c9c9c9;}
.mo_anne p {padding:5px;font-size:16px;overflow:hidden;}
.mo_anne h4 {font-size:16px;font-weight:bold;}
.mo_anne ul {margin:5px;margin-left:10px;}
.mo_anne ul li {margin-bottom:5px;font-size:16px;}
.mo_txt_bottom {text-align:right;margin-right:10px;font-size:20px;}
.mo-p{padding-left:15px;font-size:16px;}

/* 사이트 맵 */
.sitemap {width:1200px;margin:0 auto;position:relative;overflow:hidden;}
.sitemap .sitemap_box {float:left;border-top:5px solid #c4040d;width:280px;margin:10px;padding:10px;box-sizing:border-box;}
.sitemap .sitemap_box h3 {padding-left:30px;font-size:24px;font-weight:bold;color:#007fd8;background:url('../img/bg/jang_bg1.jpg') no-repeat 0 5px;}
.sitemap .sitemap_box ul li a {display:block;padding-left:30px;font-size:18px;}
.sitemap .sitemap_box ul li a:hover {color:#c4040d;font-weight:600;}

/* header 신규가입회원 카운트 숫자  */
#new-mem{font-size:13px;}
#newreg { color:#9BDB9D;font-weight:800;cursor:pointer;font-size:14px; }

/* 장학기금안내 */
.mo_txt h3 {padding-left:30px;font-size:24px;font-weight:bold;color:#007fd8;background:url('../img/bg/jang_bg1.jpg') no-repeat 0 5px;}
.mo_txt p {padding:20px 10px;}
.mo_txt p strong {padding-left:15px;font-size:18px;font-weight:bold;color:#007fd8;background:url('../img/bg/jang_bg2.jpg') no-repeat 0 7px;}
.mo_txt p h4 {font-size:20px;font-weight:bold;}
.mo_txt .table_box {overflow:hidden;}
.mo_txt .table_box table {float:left;width:40%;margin:0 5%;}
.mo_txt .table_box table th {padding:5px 10px;font-size:16px;text-align:center;font-weight:bold;background-color:#eee;border:1px solid #ddd;border-bottom:0;}
.mo_txt .table_box table td {padding:5px 10px;font-size:16px;border:1px solid #ddd;border-top:0;}
.mo_txt ul.p10 {padding:10px 20px;}
.mo_txt p.sama {text-align:center;}
.mo_txt p span {font-size:16px;text-aling:center;}
.mo_txt p span.jang_tit {font-size:20px;font-weight:bold;}