@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(font/NanumGothic-Regular.eot);
  src: url(font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-Regular.woff2) format('woff2'),
       url(font/NanumGothic-Regular.woff) format('woff'),
       url(font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(font/NanumGothic-Bold.eot);
  src: url(font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-Bold.woff2) format('woff2'),
       url(font/NanumGothic-Bold.woff) format('woff'),
       url(font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(font/NanumGothic-ExtraBold.eot);
  src: url(font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(font/NanumGothic-ExtraBold.woff) format('woff'),
       url(font/NanumGothic-ExtraBold.ttf) format('truetype');
}
@media only screen and (max-width: 767px){
	#hd_wrapper{ z-index:999; margin: 0; padding: 0;position: fixed;height: 100px; width: 100%; background-color: #fff; border-bottom: 1px solid #b9b9b9;}
	#logo{margin-top: 30px; margin-left: 15px; width:290px; height:45px;}
	.nav_collspan{ overflow:scroll;  padding:20px 5px; border-left:1px solid #ebebeb;  width: 200px; position: fixed; right: -200px; z-index: 990; min-height: 667px; background-color: #fff; -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
	.nav_collspan_btn {z-index: 999; width: 30px;height: 20px; position: absolute;right: 30px;top: 43px;-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;}
	.nav_collspan_btn span {display: block; position: absolute; height: 4px; width: 100%; background: #99cc33; border-radius: 9px; opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
	.nav_collspan_btn span:nth-child(1) { top: 0px;}
	.nav_collspan_btn span:nth-child(2),.nav_collspan_btn  span:nth-child(3) { top: 8px;}
	.nav_collspan_btn span:nth-child(4) { top: 16px; }
	.nav_collspan_btn.open span:nth-child(1) { top: 8px; width: 0%; left: 50%; }
	.nav_collspan_btn.open span:nth-child(2) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
	.nav_collspan_btn.open span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
	.nav_collspan_btn.open span:nth-child(4) { top: 8px; width: 0%; left: 50%;}

	/* 로그인, 슬로건  */
	#tnb li b{font-size: .3em;}
	.hd_slogan_wrap{width: 100%;padding: 20px 5px; margin-bottom: 10px; }
	.hd_slogan_wrap span{font-size: .9em;display: block;}
	.hd_slogan_wrap span:nth-child(2){margin: 10px 0;}
	#tnb a {font-size: .9em;}
	.tnb_admin{border: none;}
	#tnb .tnb_admin a {font-size: 1em; margin-top: 10px;}

	/* 서브메뉴 */
	.hd_nav_warp{min-height: 200px;}
	.main_nav_ul{height: 20%;}
	.main_nav_li {width:100%; height: 100%; display: block;z-index: 99;}
	.main_nav_li>span {display : block; font-size: 1.4em;line-height: 2.5em; z-index: 9; border-bottom: 1px solid #ebebeb;}
	.main_sub_nav_ul {position: relative;top : 0;left : 0;background-color: #303030;z-index: 999; overflow:scroll;}

	/* 메인중앙 */
	#wrapper{padding-top: 100px;}
	#mainVisual,.bx-viewport.bx-viewport,#mainVisual .visual .bg,#mainVisual .visual li{min-height:220px !important;height: 220px !important;}
	.main_content{position: relative;width: 100%; min-height:100%;transform: translateX(0); left: 0;}
	.m_c_wrap{height: 100%;width : 100%; height:500px; position: relative; top: 0; transform: translateY(0); }
	.m_c_w_left{width: 100%; height:100%; float: none;}
	.tbl_1{width: 100%; height: 240px;}
	.gy_1 {	position: relative;	width : 100%; height: 100% !important; display : inline-block;}
	.gy_1 .sbox img {width: 100% !important; max-height: 240px !important; height: 240px;}
	.gy_1 .gy_cotent {bottom : 80px !important;}
	.t_b_wrap{width: 100%; height: 130px;}
	.tbl_board1,.tbl_board2,.tbl_board3,.tbl_board4,.tbl_board5 ,.tbl_board6{width : 50%;height:130px; float: left; display: inline-block;}
	.tbl_board1 span,.tbl_board2 span,.tbl_board3 span{	font-size: 1.3em;}
	.m_c_wrap i{font-size : 2.5em;}
	.m_c_w_right{float: left; display: inline-block; overflow: visible; width: 100%;height: 367px;top :-3px;}
	.m_c_w_i_tbl{height: 130px; min-width: 150px;}
	.tbl_board4{float: right;  top :-130px; position: relative; width: 50%;}
	.m_c_w_i_tbl span{font-size: 1.3em;}
	.m_c_w_r_middle{position:relative; top: 130px;}
	.m_c_w_r_down{position:relative; top:-130px;}
	.tbl_board5{position: relative; top: 110px;}
	.tbl_board6{position: relative; float: right; top: 240px;}
	.tbl_board7{width: 100%; height: 240px;position: relative;top: -130px;}
	.gy_2 {	height: 100% !important;}
	.gy_2 .sbox{height: 100% !important;}
	.gy_2 .sbox img {width: 100%;height: 100%;}



	/* 서브페이지 */
	.sub_nav{display: none;}
	#section{width: 100%;}
	.sub_header{margin: 0;}
	.sub_header_ul{width: 100%; margin: 0 auto; background-color: #f1f1f1; border-bottom: 1px solid #b9b9b9; padding: 0 15px;}
	.sub_header_ul li span {color: #818181;font-size: .8em;}
	.sub_header_tit{ margin: 15px 0 10px 65px; font-size: 1.5em;}
	.sub_top_wrap{width: 100%;}
	.sub_img_wrap{width: 100%; height: 100%;float: none; }

	/* 인사말 */
  .sub_left_wrap{width: 100%;float: none; }
  .sub_right_wrap{width:100%; float: none;}
  .sub_right_wrap dt{font-size: 1.8em; font-weight: bold; line-height: 1.8em; text-align: center; margin: 15px 0;}
  .sub_right_wrap dl{font-size: 1.3em; line-height: 1.5em; font-weight: 500; text-align: center;}
  .sub_right_wrap dl:nth-child(even){margin: 10px 0;}
  .sub_right_wrap dl:nth-child(8){font-size: 1.6em; font-weight: 900;}
  .sub_right_wrap dl span{display: none;}
  .sub_right_wrap dl:nth-child(3) span, .sub_right_wrap dl:nth-child(8) span{display: block;}

	/* 약사 */
	.history_summary{margin-bottom: 10px;}
	.history_summary_tit{height: 30px;line-height: 40px;font-size: 1.4em; margin-bottom: 10px;}
	.history_summary_tit::after{width: 20px;height: 2px;}
	.history_summary_contents{margin-left :0;margin-bottom : 15px;}
	.history_summary_contents span{font-size: 1em;line-height: 1.5em;display: inline;}

	/* 연보 */
	.history_year{overflow: visible;}
	.history_year_wrap{width: 100%;}
	.history_year_wrap::after{left: 10px;transform : translateX(0);}
	.history_year_boxl{float : left;padding: 0 20px;width: 100%;}
	.history_year_boxr{float : left;padding: 0 20px;width: 100%;}
	.h_y_boxl_tit{font-size: 2.1em;margin-bottom: 10px;margin-left: 5px;text-align: left;}
	.h_y_boxr_tit{font-size: 2.1em;margin-bottom: 10px;margin-left: 5px;}
	.history_year_boxl .h_y_box_icon,.history_year_boxr .h_y_box_icon{top:18px;left: 4px;width: 15px;height: 15px;}
	.history_year_boxl p{margin-bottom: 10px;}
	.h_y_boxl_tit::after,.h_y_boxr_tit::after{left: 28px;}
	.h_y_box_month{font-size: 1.4em;line-height: 1.2em;}
	.h_y_box_contents{font-size: .9em;}
	.history_year_boxl .h_y_box_month,.history_year_boxl .h_y_box_contents{text-align: left; margin-right: 0; margin-left: 8px;}
	.history_year_boxr .h_y_box_month,.history_year_boxr .h_y_box_contents{margin-left: 8px;}
	.h_y_box_margint{margin-top:  25px;}

	/* 임원단 */
	.alumni_wrap ul{height: 130px;}
	.alumni_wrap ul li img{width:100%; height: 90px;}
	.alumni_wrap ul li span{font-size: .8em;}
	.alumni_area p,
	.president_area p{font-size: 1.4em;height: 30px;line-height :30px;margin-bottom: 15px;}
	.alumni_area p::before,.president_area p::before{width: 20px;height: 2px;}

	/* 동문회칙 */
	.rule_sub_tit{height: 30px;line-height: 30px;font-size: 1.4em;}
	.rule_sub_tit::after{width: 20px;height: 2px;}
	.rule_sub_wrap{margin-bottom: 25px;}
	.rule_sub_wrap p{font-size: 1em;margin: 10px 0; line-height: 1.3em;}
	.rule_sub_contents{margin-left : 5px;}
	.rule_sub_contents span{display: block;font-size: 1em;margin-bottom: 15px;  line-height: 1.3em;}

	/* 연락처/오시는길 */
	#map{height: 250px;max-height: 350px;}
	.addr_info ul li span{font-size: .9em;}
	.addr_info ul li span:first-child{width:80px;}
	.addr_info ul li span:last-child{text-indent: 0; padding-left: 15px;}
	.addr_support{padding: 10px;}
	.addr_support p{font-size: 1.4em;height: 30px;line-height : 30px; margin-bottom: 0;}
	.addr_support p::before{width: 30px;height: 2px;}
	.addr_support_area{width: 50%;float: left;}
	.addr_support_area ul li:first-child{height: 30px;font-size: 1.3em;}
	.addr_support_area ul li:nth-child(even){height: 30px;font-size: 1em;width: 90%;margin-left: 5%;}
	.addr_support_area ul li.traffic_exp{font-size : .8em;margin-left: 10px;font-weight: bold;}
	.addr_support_area ul li.traffic_exp:nth-child(3){height: 50px;}
	.addr_support_area ul li.traffic_exp:nth-child(5),.addr_support_area ul li.traffic_exp:nth-child(7){height: 110px;}



	/* 공지사항 */
	.sub_header_tit_border::after{display: none;}


	/* 연회비 */
	.annual_fee_top{padding: 20px;margin-bottom: 15px;}
	.annual_fee_top span{display: inline;font-size: 1.1em;line-height: 1.6em;}
	.annual_fee_price{min-height: 70px;margin-bottom: 10px;}
	.annual_fee_price span{font-size: 1.1em;}
	.annual_fee_price span:nth-child(1){font-size : 1em;margin-bottom: 10px;letter-spacing: .2em;}
	.annual_fee_price i{font-size:1.6em;}
	.a_f_p_1{margin: 0 10% 0 0;}
	.a_f_p_2{margin:0;]
}

	/* 임원분담금 */
	#fee_tit{font-size : 1em;margin-left: 0; margin-bottom: 10px;}
	.a_f_p_officer_1,.a_f_p_officer_2,.a_f_p_officer_3{padding: 0; height: 110px;}
	.a_f_p_officer_1 p:nth-child(1),.a_f_p_officer_2 p:nth-child(1),.a_f_p_officer_3 p:nth-child(1){left: 0;}
	.a_f_p_officer_2 p:nth-child(3),.a_f_p_officer_3 p:nth-child(3){right: 0;}
	.a_f_p_officer_1 p span,.a_f_p_officer_2 p span,.a_f_p_officer_3 p span{font-size: .8em;}
	.a_f_p_officer_1 p span:nth-child(1),.a_f_p_officer_2 p span:nth-child(1),.a_f_p_officer_3 p span:nth-child(1){font-size: 1em;margin: 10px auto 5px auto;	width:90%;}


	/* 계좌번호 */
	#bank_account{font-size : 1em;letter-spacing: .2em;margin-bottom: 10px;margin-left: 0;}
	.annual_fee_bank{height: 190px;}
	.annual_fee_bank ul{height: 140px;}
	.annual_fee_bank ul:nth-child(2){margin:0 10% 0 0;}
	.annual_fee_bank ul:nth-child(3){margin:0;}
	.annual_fee_bank ul li:nth-child(1){height: 40px;line-height: 40px;}
	.annual_fee_bank ul li:nth-child(1) img{width: 86px;height : 16px;}
	.annual_fee_bank ul li span{height: 20px;line-height: 20px;}
	.annual_fee_bank ul li:nth-child(2) span,.annual_fee_bank ul li:nth-child(3) span{font-size: .9em;}
	.annual_fee_explain{padding: 0;}
	.annual_fee_explain p{font-size: 1.4em;height: 30px;line-height: 35px; margin-bottom: 10px;}
	.annual_fee_explain p::before {content: ""; width: 20px; height: 2px;}
	.annual_fee_explain ul li:last-child{margin-top: 10px;}
	.annual_fee_explain ul li span{font-size: .9em;}
	.a_f_e_on_red,.a_f_e_on_red span{font-size: 1em !important;}
	.a_f_e_on_nav span,.a_f_e_on_nav a{font-size: .9em !important;}


	/* 하단 */
	#ft{max-width: 100%;height : 270px;background: #303030;position: relative;padding: 20px 0;}
	#ft_wr,.ft_wrap{width: 100%;height : 100%;position: relative;}
	.ft_main_tit{font-size: 1.3em;color: #fff;text-align: center;margin-bottom: 10px;}
	.ft_sub_tit{font-size: .9em;color: #fff;text-align: center;margin-bottom: 10px;}
	.ft_ul{max-width : 250px; min-height :50px;margin: 0 auto 10px auto;list-style: none;padding: 0;text-align:center;}
	.ft_ul>li{float: inherit;font-size: .5em;color: #fff;padding: 1px 0;color: #979797; }
	.ft_ul>li:nth-child(1),.ft_ul>li:nth-child(2),.ft_ul>li:nth-child(3){padding:0; margin: 0; border: none;}
	.ft_select{	position: relative;	height: 30px;margin-bottom: 20px;}
	.ft_select select{margin: 0;width: 180px;height: 30px;font-size: .6em;font-weight: bold;color: #000;border-color : #fff;background-color: #fff;cursor: pointer;position: absolute;	left : 50%;transform : translateX(-50%);}
	.ft_select select option{color: #072A60;font-size: 11px;font-weight: bold;}
	.ft_addrwrap{color: #979797;text-align: center;width: 80%;margin: 0 auto;}
	.ft_addrwrap span{font-size: .6em;}

	/* 상단 이동버튼 */
	#top_btn {right: 20px;width: 35px;height: 35px;line-height: 30px;font-size: 1.2em; z-index: 9999; background-color: rgba(255,255,255,.5); }
}