@import url('font.css');

*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input,
abbr, article, aside, command, details, figcaption, figure, footer, header, hgroup, mark, meter, nav,
output, progress, section, summary, time, table, th, td {margin: 0;padding: 0;font-size: 15px;font-family: 'Nanum Gothic', sans-serif;line-height:1.5em;color:#3c3c3d;-webkit-text-size-adjust:none;}
body {background:#fff;}
table {border-collapse: collapse;border-spacing: 0;}
img {border:0;vertical-align:middle;}
a {color: #333;text-decoration: none;}
a:link, a:visited, a:active {text-decoration: none;}
a:hover {text-decoration: none;}
nav, ul {list-style: none outside none;}
hr{display:none}
form {margin:0;padding:0;border:none;}
fieldset {margin:0;padding:0;border:none;}
caption {position:absolute;top:0;left:-1000em;width:0;height:0;line-height:0; display:none;}
legend {position:absolute;top:0;left:-1000em;width:0;height:0;line-height:0; display:none;}


input {vertical-align:middle; border:none; font-size:12px;background-color:#fff; border:1px solid #ccc}
select { vertical-align:middle; font-size:12px;}
textarea {border-color: #b6b6b6 #ddd #ddd #b6b6b6; border-style: solid; border-width: 1px; background-color:#fff; font-size:12px;}

/*
input.radio { width:13px; height:13px; vertical-align:middle}
select { vertical-align:middle; font-size:12px;}
textarea {border-color: #b6b6b6 #ddd #ddd #b6b6b6; border-style: solid; border-width: 1px; background-color:#fff; font-size:12px;}
input[type=text], input[type=password] {border:1px solid #b6b6b6; background-color:#fff; padding:2px; height:20px;}
input.none {border:none !important; border-color:#fff; padding:2px;}
input.bg {background:#f2f8ff;}
*/
.blind{width: 0; height: 0; opacity: 0; line-height: 0; font-size: 0;display:none}
.col_red{color: #ef1119}

/*main============================================================================*/

/*background and layout---------------------------------------------------------------------------*/
.wrap{position: relative;}

.header_contents{position: relative;width: 100%; max-width: 1200px; margin: 0 auto;height: 100px}
.main_menu_bg{position: absolute;top:0;overflow: hidden;margin-top: 100px;width: 100%; border-top: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; height: 55px;z-index: 100;}
.main_menu{}

.top_container{position: relative;width: 100%; max-width: 1200px; margin: 50px auto 0 auto;}
.top_container::after{display: block; content: ""; clear: both;}
.mid_container{position: relative;width: 100%; max-width: 1200px; margin: 0 auto;z-index:10}
.mid_container::after{display: block; content: ""; clear: both;}

.bottom_container{position: relative;width: 100%; max-width: 1200px;margin: 0 auto;z-index:10}
.bottom_container::after{display: block;content: "";clear: both;}
/*header-------------------------------------------------------------------------------------------*/
header{position: relative;height:155px}
.main_logo{display: block;width:265px; height: 64px;background: url('../img/main_logo.png');position: absolute;left: 0;top: 0;margin-top: 20px}
.header_top{position: absolute;top:0;right: 0;z-index: 500}
.login_sec{overflow: hidden;display: inline-block;border: 1px solid #e6e6e6;border-radius: 5px;width: 174px;margin: 40px 30px 0 0}
.login_sec li{float: left;padding: 8px 12px;position: relative; font-size:12px;}
.login_sec li::before{position: absolute;display: block; content: "";top:0;left: 0;width: 1px ; height: 10px;margin-top: 12px;background-color: #e6e6e6}
.login_sec li:first-child::before{display: none}
.login_sec li a {line-height:20px;}
.login_ico{display: inline-block; width: 11px;height: 13px;margin-right: 4px;background: url('../img/sp_ico.png') no-repeat 0 0; vertical-align:middle;}
.sign_ico{display: inline-block;width: 17px; height: 14px; margin-right: 4px; background: url('../img/sp_ico.png') no-repeat 0 -15px; vertical-align:middle;}
.menu_close_btn{display: none}
/*탑배너*/
.top_banner{position: relative;width: 324px;float: right;margin-top: 20px}
.top_banner_list{width: 278px;margin: 0 auto;}
.top_banner_list ul{width: 278px;margin: 0 auto;height: 63px}
.top_banner_list ul li{display: inline-block;}
.top_banner_btn{}
.top_banner_left{position: absolute;display: block;top:20px; left: 0;width: 11px;height: 17px;background: url('../img/sp_ico.png')no-repeat 0 -31px}
.top_banner_right{position: absolute;display: block;top:20px; right: 0;width: 11px;height: 17px;background: url('../img/sp_ico.png')no-repeat 0 -50px}

.top_banner_list .slick-prev {position: absolute;display: block;top:20px; left: -20px;padding:17px 11px 0 0; width: 0;height: 0;background: url('../img/sp_ico.png')no-repeat 0 -31px; overflow:hidden; border:0;}
.top_banner_list .slick-next {position: absolute;display: block;top:20px; right: -20px;padding:17px 11px 0 0; width: 0;height: 0;background: url('../img/sp_ico.png')no-repeat 0 -50px; overflow:hidden; border:0;}

.top_banner_list2{width: 278px;margin: 0 auto;}
.top_banner_list2 ul{width: 278px;margin: 0 auto;height: 63px}
.top_banner_list2 ul li{display: inline-block;}

.top_banner_list2 ul li a {display:block; border:1px solid #ddd; border-radius:5px; background:#fff; height:63px; overflow:hidden; text-align:center;}
.top_banner_list2 ul li a span { text-overflow: ellipsis;;white-space: nowrap;overflow: hidden;}
.top_banner_list2 ul li a .br_tit {display:block; font-weight:600; padding:5px; background:#ddf2ff}
.top_banner_list2 ul li a .br_name {display:inline-block; color:#4f679b; font-weight:600; padding:5px 0 5px;} 
.top_banner_list2 ul li a .br_tel {display:inline-block;padding:5px 0 5px;}
.top_banner_list2 ul li a .br_tel:before {content:" / "; display:inline-block; padding-right:3px;}

.top_banner_list2 .slick-prev {position: absolute;display: block;top:20px; left: -20px;padding:17px 11px 0 0; width: 0;height: 0;background: url('../img/sp_ico.png')no-repeat 0 -31px; overflow:hidden; border:0;}
.top_banner_list2 .slick-next {position: absolute;display: block;top:20px; right: -20px;padding:17px 11px 0 0; width: 0;height: 0;background: url('../img/sp_ico.png')no-repeat 0 -50px; overflow:hidden; border:0;}

.top_banner_list3{ margin: 0 auto;}
.top_banner_list3 ul{ margin: 0 -10px; overflow:hidden;}
.top_banner_list3 ul li{display: inline-block; float:left; width:33.3333%; padding:10px;}

.top_banner_list3 ul li a {display:block; border:1px solid #ddd; border-radius:5px; background:#fff; height:63px; overflow:hidden; text-align:center;}
.top_banner_list3 ul li a span { text-overflow: ellipsis;;white-space: nowrap;overflow: hidden;}
.top_banner_list3 ul li a .br_tit {display:block; font-weight:600; padding:5px; background:#ddf2ff}
.top_banner_list3 ul li a .br_name {display:inline-block; color:#4f679b; font-weight:600; padding:5px 0 5px;} 
.top_banner_list3 ul li a .br_tel {display:inline-block;padding:5px 0 5px;}
.top_banner_list3 ul li a .br_tel:before {content:" / "; display:inline-block; padding-right:3px;}


/*메뉴바*/
.main_menu{height: 328px;position: relative;width: 100%; max-width: 1200px; margin: 0 auto;}
.main_menu ul{text-align: center;width: 100%;height:100%;max-width:1200px; margin:0;}
.main_menu ul li{position: relative;float: left; ;width:25%;box-sizing: border-box;}
.main_menu > ul > li:first-child{border-left: 1px solid #e6e6e6;}
.main_menu > ul > li{border-right:1px solid #e6e6e6;}
/*.main_menu ul li:last-child{border-right: 1px solid #e6e6e6}*/
.main_menu ul li a{display: block;font-size: 18px;font-weight: 600;line-height: 54px}
.main_menu ul li a:hover{color: #446290}
.all_view{display: none;position: absolute; right: 0;top: 0;height: 54px;text-align: center;width: 54px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6;background: url('../img/all_btn.png')}
.main_menu ul li:first-child ul{border-left: 1px solid #57729b;box-sizing: border-box;}
.main_menu ul li ul{position: absolute; display:block; height: 300px;;background-color: #446290;padding-top: 10px;width: 100%;overflow: hidden !important;text-align: center;top:54px;border-right: 1px solid #57729b;box-sizing: border-box; z-index:10;}
.main_menu ul li ul li{float: none;width: 100%;height: 32px;box-sizing: border-box;border: none;}
.main_menu ul li ul li a{display: block;line-height: 32px ;font-size: 15px; font-weight: normal;color: #eee}
.main_menu ul li ul li a:hover{background-color: #57729b; color: #fff}
.main_menu ul li ul li ul{display: none;}
/*.main_menu > ul > li:last-child{width: 0;height: 0;opacity: 0;line-height: 0;font-size: 0;}*/
.main_menu > ul > li{display:none}
.main_menu > ul > li:nth-child(-n+4){display:block}

.drop_menu_bg{display:block;position: absolute;display:block;top:0;margin-top:54px; height: 100%;width: 100%;background-color: #446290;z-index:9}

.mobile_sub{display: none;}
/*메인비쥬얼*/
.main_visual{position: relative;height: 460px;overflow: hidden;}
.visual_list img{display: block;width: 1920px;position: absolute;top:0;left: 50%;margin-left: -960px;min-height: 460px}
.visual_text_area{width: 100%; max-width: 1200px; margin: 0 auto;position: relative;}
.visual_text_box{position: absolute;top:0;right: 0;margin-top: 72px;text-align: right;margin-right:26px;padding-right: 36px;width: 270px; height: 320px; background-color: rgba(0, 24, 69, 0.7);}
.kangwon{font-size: 12px; color: #89edff; border-bottom: 2px solid #89edff;padding-bottom: 2px;display: inline-block;margin-top: 50px}
.highschool{font-size: 34px; color: #fff; margin-top: 30px;font-family:'Nanum Myeongjo'}
.highschool_text{margin-top: 30px; font-size: 14px; color: #fff}
.main_visual_btn{width: 100%; max-width: 1200px; margin: 0 auto;position: relative;height: 460px}
.main_left_btn{display: block;position: absolute;top:42%;left: -60px;width: 50px; height: 60px; background: url('../img/main_left_btn.png')}
.main_right_btn{display: block;position: absolute;top:42%;right: -60px;width: 50px; height: 60px; background: url('../img/main_right_btn.png')}

.visual_list .slick-prev {position: absolute;display: block;top:50%; left: 60px;padding:60px 50px 0 0; margin-top:-30px; width: 0;height: 0;background: url('../img/main_left_btn.png')no-repeat 0 0; overflow:hidden; border:0; z-index:10;}
.visual_list .slick-next {position: absolute;display: block;top:50%; right: 60px;padding:60px 50px 0 0; margin-top:-30px; width: 0;height: 0;background: url('../img/main_right_btn.png')no-repeat 0 0; overflow:hidden; border:0;z-index:10;}

@media screen and (max-width:1200px){
	.visual_text_box{margin-right:20%;}
}
@media screen and (max-width:600px){
	.visual_text_box{width:244px; height:223px; right:50%; margin-right:-122px;padding-right:0;text-align:center;margin-top:122px}
	.kangwon{display:block; text-align:center;width:124px; margin: 50px auto 0 auto}
	.highschool_text{display:none}
	.highschool{line-height:1.2;margin-top:10px; }
	.visual_list .slick-next, .visual_list .slick-prev{display:none!important}
}


.slick-dots{display: inline-block;width: 102px;position:absolute;bottom:16px;left:50%;margin-left:-51px }
.slick-dots li{display: inline-block;;margin-left: 6px}
.slick-dots li:first-child{margin-left: 0}
.slick-dots li button{display: block;background-color: #fff; width: 30px;height: 4px;border-color:#fff;font-size:0}

/*
.list_btn{position: absolute;bottom: 0;left: 50%; margin-left: -96px}
.list_btn ul{display: inline-block;width: 192;}
.list_btn ul li{display: inline-block;;margin-left: 6px}
.list_btn ul li:first-child{margin-left: 0}
.list_btn ul li a{display: block;background-color: #fff; width: 30px;height: 4px}
.next_img_btn{display: inline-block;width: 11px; height: 13px;margin-left: 4px;background: url('../img/sp_ico.png') no-repeat -53px 0;padding-top: 4px}
*/
/*top_container*/

.left_section{width: 66%;float: left;max-width: 800px}
.left_section::after{display: block; content: ""; clear: both;}
.left_section section{width: 50%; float: left; max-width: 400px}
.money_state, .school_intro{/*height: 350px*/}




/*장학금현황*/
.money_section{padding-left: 50px; box-sizing: border-box;}
.money_state{position: relative; box-sizing: border-box;padding-bottom:20px}
.content_title{font-size: 22px; font-weight: 600; }
.plus_btn{position: absolute;top:0;right: 0;display: block;color: #444}
.plus_ico{display: inline-block;width: 13px; height: 13px;margin-left: 10px;margin-bottom: -2px;;background: url('../img/sp_ico.png') no-repeat -13px 0}
.payment{margin-top: 20px;}
.payment > p{color: #4e6a96;font-weight: 600}
.payment span{float: right;color: #666;font-weight: normal!important;}
.payment_box{height: 40px; background-color: #4e6a96}
.payment_box p{text-align: right;padding-right: 10px; color: #fff; font-size: 16px; font-weight: 600;line-height: 40px}
.donator_section{margin-top: 20px}
.donator_section table{width: 100%;text-align: center;padding: 5px}
.donator_section thead{background-color: #bfd0e0}
.donator_section thead tr{height: 26px}
.donator_section tbody{background-color: #f0f3f6}
.donator_section tbody tr{height: 22px}
.donator_section > p{color: #4e6a96;font-weight: 600}
.donator_section span{float: right;color: #666;font-weight: normal!important;}

/*장학회 소개*/
.school_intro{margin-left: 50px; box-sizing: border-box;padding-bottom: 20px}
.school_intro .content_title{margin-top: 20px}
.school_intro img{display: block; width: 100%; min-height: 180px; max-width: 348px}
.school_text{margin-top: 18px;font-size: 14px}
.school_intro a{font-size: 14px; color: #446290;display: block;margin-top: 18px;font-weight: 600}
.school_intro a span{display: inline-block; width: 23px; height: 7px; background: url('../img/sp_ico.png') no-repeat -28px 0;line-height: 7px;margin-left: 20px}


/*공지사항,동문회 소개*/
.right_section{width: 34%;float: left;max-width: 400px}
.right_section .contents_area{height: 350px;border-right: 1px solid #ededed;padding-right:50px; box-sizing: border-box;}

.notice_section{position: relative;border-bottom: 1px solid #ededed; box-sizing: border-box;padding-bottom: 50px}
.notice_section ul{margin-top: 15px}
.notice_section ul li{margin-top: 10px}
.notice_section ul li:first-child{margin-top: 0}
.notice_section ul li a{font-size: 14px;color: #666;width: 80%;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_section{position: relative;margin-top: 30px}
.news_section ul{margin-top: 15px}
.news_section ul li{margin-top: 10px}
.news_section ul li:first-child{margin-top: 0}
.news_section ul li a{font-size: 14px;color: #666}

/*바로가기*/
.mid_container_bg{position: relative;width: 100%; padding: 30px 0; background-color: #f0f4fc;margin-top:20px}


.nowgo{float: left;width: 34%;max-width: 194px;}
.nowgo_text{color: #666}
.nowgo_list{float: right;}
.nowgo_list ul{overflow: hidden;text-align: center;}
.nowgo_list ul li{display:inline-block;width:90px;height:70px;margin: 0 15px}
.nowgo_list ul li a{display: block}
.nowgo_list ul li p{font-size: 14px;margin-top: 10px}


/*갤러리*/
.bottom_container{position: relative;margin-top: 30px}
.bottom_container_bg{position: relative;width: 100%;padding:20px 0;background: url('../img/bottom_bg.png');}

.gallery_section{float: left;width: 69%;position: relative;}
.gallery_text{font-size: 14px; color: #666;margin-left:5px; font-weight:400}
.gellery_box{margin-top: 10px}
.gellery_box ul{overflow: hidden;width: 100%}
.gellery_box li{margin-left: 1%;float: left;width: 24%;display: block;max-width: 199px}
.gellery_box li:first-child{margin-left: 0}
.gellery_box li img{display: block; width: 100%; max-width: 198px; max-height:130px;}
.gellery_box li a{display: block;background-color: #fff;text-align: center;}
.gellery_box li dl{padding: 20px 0}
.gellery_box li dl dt{font-size: 16px; font-weight: 600}
.gellery_box li dl dd{font-size: 14px; color: #666}
.gallery_section .plus_btn{margin-top: 10px;margin-right: 10px}

/*하단배너*/
.bottom_banner{position: relative;height: 106px; width: 100%; margin: 0 auto;
    background: url(../img/bottom_bg.png);
    border-top: 1px solid #ddd;
	
	}
.bottom_banner_list{position: relative; width: 100%; max-width: 1024px;margin: 0 auto;padding-top: 24px}
.bottom_banner_list ul li{display: inline-block; text-align:center;}
.bottom_banner_list ul li img{width:230px; height:60px;}
.bottom_banner_btn{position: ;}
.bottom_left_btn{position: absolute; top:30px;left: 0}
.bottom_right_btn{position: absolute; top:30px; right: 0}

.bottom_banner_list .slick-prev {position: absolute;display: block;top:7px; left: -60px;padding:45px 30px 0 0; width: 0;height: 0;background: url('../img/bottom_banner_left.png')no-repeat 0 0; overflow:hidden; border:0;}
.bottom_banner_list .slick-next {position: absolute;display: block;top:7px; right: -60px;padding:45px 30px 0 0; width: 0;height: 0;background: url('../img/bottom_banner_right.png')no-repeat 0 0; overflow:hidden; border:0;}



.bottom_banner2{position: relative;height: 145px; width: 100%; margin: 0 auto;
    background: url(../img/bottom_bg.png);
    border-top: 1px solid #ddd;
	
	}
.bottom_banner_list2{position: relative; width: 100%; max-width: 1024px;margin: 0 auto;padding-top: 15px}
.bottom_banner_list2 ul li{display: inline-block; text-align:center; padding:0 10px;}
.bottom_banner_list2 ul li a {display:block; border:1px solid #ddd; border-radius:5px; background:#fff; height:110px; overflow:hidden;}
.bottom_banner_list2 ul li a span {display:block; text-overflow: ellipsis;;white-space: nowrap;overflow: hidden;}
.bottom_banner_list2 ul li a .br_tit {font-size:1.4em; font-weight:600; padding:10px; background:#ddf2ff}
.bottom_banner_list2 ul li a .br_name {color:#4f679b; font-weight:600; padding-top:10px;}
.bottom_banner_list2 ul li a .br_tel {padding-bottom:10px;}

.bottom_banner_list2 .slick-prev {position: absolute;display: block;top:30px; left: -60px;padding:45px 30px 0 0; width: 0;height: 0;background: url('../img/bottom_banner_left.png')no-repeat 0 0; overflow:hidden; border:0;}
.bottom_banner_list2 .slick-next {position: absolute;display: block;top:30px; right: -60px;padding:45px 30px 0 0; width: 0;height: 0;background: url('../img/bottom_banner_right.png')no-repeat 0 0; overflow:hidden; border:0;}


/*캘린더*/
.calendar_section{float: right;width: 28%;;position: relative;}
.calendar_section .plus_btn{margin-top: 10px}

.ico {display:inline-block; width:0; height:0; vertical-align:middle; background:url('../img/ico.png') no-repeat; overflow:hidden}
.table_calendar {width:100%; border-top:1px solid #0074cd; margin:10px 0;}
.table_calendar thead tr th {padding:15px; font-weight:600; color:#333; border-bottom:1px solid #999; background:#f3f8fb; text-align:center}
.table_calendar thead tr th:first-child {border-left:none;}
.table_calendar tbody tr th {padding:10px 15px; font-weight:600; color:#333; border-bottom:1px solid #e6e6e6; text-align:center}
.table_calendar tbody tr td {padding:10px 15px; font-weight:400; color:#999; border-left:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; height:120px; vertical-align:top;}
.table_calendar tbody tr td:first-child {border-left:0;}
.table_calendar tbody tr td a {color:#000;}
.table_calendar tbody tr td a:hover {text-decoration:underline;}
.table_calendar tbody tr td.title {text-align:left}
.booking {text-indent:-10px; padding-left:10px; font-weight:400; margin-bottom:3px;}
.booking .circle {display:inline-block; width:10px; height:10px; border-radius:5px; background:#ddd; vertical-align:middle; margin-right:3px;}
.booking .circle.bio_room_1 {background-color:#e00009;}
.booking .circle.bio_room_2 {background-color:#e8c77a;}
.booking .circle.bio_room_3 {background-color:#e2b49a;}
.booking .circle.bio_room_4 {background-color:#99abb9;}
.booking .circle.bio_room_5 {background-color:#0074cd;}
.booking .circle.bio_room_6 {background-color:#183346;}
.booking .circle.bio_room_7 {background-color:#a40074;}
.booking .circle.bio_room_8 {background-color:#215f03;}
.booking .time {display:inline-block; padding:2px 4px; margin-left:3px; background:#c9deee; border-radius:2px; line-height:1; text-indent:0;}
.table_calendar tbody tr td .booking {font-size:12px;}
.calendar_month {position:relative; padding:0 0 20px 0; max-width:300px; margin:0 auto;}
.calendar_month p {font-size:30px; font-weight:600; text-align:center; font-family:'Nanum Square'; line-height:35px;}
.calendar_month .ico {position:absolute; top:0; background-color:#c4c4c4; padding:35px 35px 0 0;}
.calendar_month .ico:hover {background-color:#7b7b7b;}
.calendar_month .ico_prev {left:0; background-position:-126px -139px;}
.calendar_month .ico_next {right:0; background-position:-81px -139px;;}


/*---------------------------------------------------------------------*/
.calendar {padding-bottom:10px;}
.calendar .calBox {position:relative; background-color: #fff}
#calenda{width: 100%; max-width: 334px;margin-top:10px}
#calenda .cal_prev,
#calenda .cal_next {position:absolute; color:#85d0d3; font-weight:600; font-size:16px; top:6px; left:50%;}
#calenda .cal_prev {margin-left:-60px;}
#calenda .cal_next {margin-left:50px;}
#calenda .month {display:block; text-align:center; color:#85d0d3; font-weight:800; font-size:18px; padding:3px 0;}
/*.main_table_calendar {width:100%; margin-bottom:10px;max-width: 334px}
.main_table_calendar thead{width: 100%;max-width: 334px}
.main_table_calendar thead th {background:#85d0d3; color:#fff; font-weight:600; text-align:center; padding:5px 0;}
.main_table_calendar tbody tr:first-child td {padding-top:10px;}
.main_table_calendar tbody td {padding:1px 0px; text-align:right; font-size:12px;text-align: center;}
.main_table_calendar tbody td a {display:inline-block; padding:2px 5px;}
.main_table_calendar tbody td.show span {border-radius:30px; background:#ddd; width:24px;}*/
#calenda {width:100%; margin-bottom:10px;max-width: 334px}
#calenda table{width:100%}
#calenda thead{width: 100%;max-width: 334px}
#calenda thead th {background:#85d0d3; color:#fff; font-weight:600; text-align:center; padding:5px 0;}
#calenda tbody tr:first-child td {padding-top:10px;}
#calenda tbody td {padding:1px 0px; text-align:right; font-size:12px;text-align: center;}
#calenda tbody td span {display:inline-block; padding:2px 5px;}
#calenda tbody td.show span {border-radius:30px; background:#ddd; width:24px;}
@media screen and (max-width:768px) {
	.gallery_text{display:none}
}

.bottom_bg{position: absolute;z-index: 1;bottom: 106px;left: 0;width: 100%; height: 350px; background: url('../img/bottom_bg.png')}

footer{height: 160px; background-color: #08112a}
.footer_contaniner{position: relative;width: 100%; max-width: 1200px; margin: 0 auto; padding-top: 30px}
.footer_contaniner ul{overflow: hidden;}
.footer_contaniner ul li{float: left; padding: 0 10px;position: relative;}
.footer_contaniner ul li::before{display: block; content: ""; width: 1px; height: 10px; position: absolute;margin-top: 5px;margin-left: -10px; top: 0;background-color: #fff}
.footer_contaniner ul li:first-child{padding-left: 0}
.footer_contaniner ul li:first-child:before{display: none}
.footer_contaniner ul li a{color: #fff; }
.footer_contaniner p{color: #999;margin-top: 20px}
.footer_contaniner p a{color:#999}
.relation_site{position: absolute;display: block;padding: 8px 10px; border: 1px solid #fff;width: 200px;top:0;right: 0;margin-top: 50px;color: #fff}
.relation_site span{display: inline-block;width: 12px; height: 11px; background: url('../img/sp_ico.png')no-repeat -19px -16px;float: right;margin-top: 3px}
@media screen and (max-width:1200px) {
	.footer_contaniner{width: 96%}
}
@media screen and (max-width:600px) {
	.relation_site{display: none}
	.footer_contaniner{text-align: center;padding-top:34px}
	.footer_contaniner p{font-size:12px}
	.footer_contaniner ul li{display: inline-block;float: none;}
	.footer_contaniner ul li a{font-size:14px}
}


/*sub*/

/* snb_location */
.container{background-color: #f3f3f3;position:relative}
.container.main{background-color: #fff}
.container .sub_visual {height:170px; overflow:hidden; }
.container .sub_7{ background:url('../img/sub_visual1.png')no-repeat center top;}
.container .sub_6{ background:url('../img/sub_visual2.png')no-repeat center top;}
.container .sub_5{ background:url('../img/sub_visual3.png')no-repeat center top;}
.container .sub_4{ background:url('../img/sub_visual4.png')no-repeat center top;}
.container .sub_3{ background:url('../img/sub_visual5.png')no-repeat center top;}
.container .sub_visual img {height:100%;}
.container_wrap {position:relative; max-width:1200px; margin:0 auto;background-color: #fff;z-index:1;padding-bottom:50px}
.container_wrap:after {content:""; display:block; clear:both;}
.container_wrap .lnb_wrap {position:absolute; height:100%; width:214px; float:left; border-left:1px solid #ddd; border-right:1px solid #ddd; background:url('../img/lnb_bg2.png') repeat;}
.container_wrap .lnb_wrap .lnb_top{width: 212px; height: 176px;background: url('../img/lnb_top_bg.png')}
.container_wrap .lnb_wrap .lnb_top h2 {display:block;background:; color:#fff; text-align:center; font-size:30px; font-weight:600; font-family:'Nanum Square';}
.container_wrap .lnb_wrap .lnb_top p{font-size: 12px; color: #fff;padding-top: 62px; text-align: center;}
.container_wrap .lnb_wrap .lnb > li > a {font-size: 15px;position:relative; display:block; padding:16px 30px; background:#fff; border-bottom:1px solid #ddd; color:#666;font-weight: 600}
.container_wrap .lnb_wrap .lnb > li > a:hover {background:#fafafa;}
.container_wrap .lnb_wrap .lnb > li > a .ico_lnb_arrow {display:inline-block;color: #666; position:absolute; right:30px;}
.container_wrap .lnb_wrap .lnb > li > a.on {background:#43464d; color:#fff;border-bottom: none}
.container_wrap .lnb_wrap .lnb > li > a.on  .ico_lnb_arrow {color:#fff}
.container_wrap .lnb_wrap .lnb > li:hover .lnb_sub{height: auto;display: block}
.container_wrap .lnb_wrap .lnb > li > a.on + .lnb_sub{display: block; height: auto;}
.lnb_sub{display: none;height: 0;padding: 10px 30px; border-bottom: 1px solid #ddd;background-color: #fafafa}
.lnb_sub li a{display: block; font-size: 14px; color: #666; padding: 4px 10px;font-weight: 600}
.lnb_sub li a:hover{color: #4f6b96;text-decoration: underline;}
.container_wrap .contents_wrap {position:relative; margin-left:214px; min-height:800px; padding:30px 50px;}
.container_wrap .contents_wrap .con_title {position:relative; border-bottom:2px solid #446290; padding-bottom:25px; margin-bottom:50px; }
.container_wrap .contents_wrap .con_title h3 {display:block; font-size:30px; font-weight:600; font-family:'Nanum Square';}
.container_wrap .contents_wrap .con_title .navigation {position:absolute; right:0; top:10px; color:#999;}
.container_wrap .contents_wrap .con_title .navigation a {display:inline-block; color:#666; padding:0 3px;}
.container_wrap .contents_wrap .con_title .navigation strong {display:inline-block; color:#333; padding-left:3px;}

.sub_navigation {display: none;padding-bottom:40px; width:100%; max-width:1200px; margin:0 auto; text-align:center;}
.sub_navigation > span {display:inline-block; width:20%; border:1px solid #bdbdbd; margin:0 -3px;}
.sub_navigation > span a {display:block; padding: 14px 0;text-align:center; font-size:16px; font-weight:600; background:#fff;}
.sub_navigation > span a:hover {background:#f0f3f6;}
.sub_navigation > span.active a {background:#446290; color:#fff;}
@media screen and (max-width:1200px) {
	/*.container_wrap .lnb_wrap .lnb_top {background:none; border:none; color:#fff;height: 126px; margin: 0 auto;}
	.container_wrap .lnb_wrap .lnb {text-align:center;}
  .container_wrap .lnb_wrap .lnb > li{position: relative;}
  .lnb_sub{position: absolute;bottom: -28px;left: 0;padding: 0;text-align: left;width: 300px;border-bottom: none}
  .lnb_sub li{display: inline-block; background-color: #648ac5;margin-left: -5px; }
  .lnb_sub li:first-child{margin-left: 0}
	.container_wrap .lnb_wrap .lnb > li,
	.container_wrap .lnb_wrap .lnb > li > a {display:inline-block; border:none;}
	.container_wrap .lnb_wrap .lnb > li > a {padding:10px 20px; background:#446290; color:#fff;}
	.container_wrap .lnb_wrap .lnb > li > a:hover {background:#6481e5; color:#fff;}
	.container_wrap .lnb_wrap .lnb > li > a.on {background:#fff; color:#446290; font-weight:600;}
	.container_wrap .lnb_wrap .lnb > li > a.on .ico_lnb_arrow {display:none;}*/

	.container_wrap .contents_wrap {padding:30px;}
}
@media screen and (max-width:1024px) {
    .container_wrap .lnb_wrap {display: none;}
    .container_wrap .contents_wrap{margin-left: 0}
	.container .sub_visual {height:70px;}
	.container_wrap .lnb_wrap .lnb_top {display:none;}
	.container_wrap .lnb_wrap {top:-35px; height:auto; left:0;}
	.container_wrap .contents_wrap {padding:30px 30px;}
	.container_wrap .lnb_wrap .lnb li a {padding:10px;}
	.sub_navigation{display: block}

}
@media screen and (max-width:678px) {
	.container_wrap .contents_wrap {padding:20px}
	.container_wrap .contents_wrap .con_title h3 {font-size:26px;}
	.container_wrap .contents_wrap .con_title .navigation {position:relative;}
	.sub_navigation > span{width: 30%}

}

/*
.sub_visual {position:relative; height:198px; overflow:hidden;}
.sub_visual img {position:absolute; width:1920px; left:50%; top:0; margin-left:-960px}
.snb_location {position:relative; top:0; left:0; z-index:5; width:100%; margin:auto; height:42px; text-align:right; background-color:#fafafa; border-top:1px solid #e9e9e9;;  border-bottom:1px solid #e9e9e9; }
.snb_location_article {position:relative; max-width:1200px; width: 100%; margin:0 auto;}
.snb_location a {display:block; height:40px; color:#666; font-size:13px; line-height:40px;}
.snb_location_l {position:absolute; top:0; left:0; text-align:left; font-size:0; cursor:pointer;}
.snb_location_l > div {display:inline-block; width:185px; border-right:1px solid #e9e9e9;}
.snb_location_l  .home {position: relative;  display: inline-block; padding:40px 40px 0 0; width:0; height:0; overflow:hidden; border-right: 1px solid #e9e9e9; border-left: 1px solid #e9e9e9; background:url('../img/btn_nav_home.gif') no-repeat center center; vertical-align:top;}
.snb_location_01,
.snb_location_03 {border-left:1px solid #696a6d;}
.snb_location_01 > a, .snb_02 > a {position:relative; padding-left:20px; }
.snb_01 > a {position: relative; padding-left: 20px; }
.dep1_snb > a:after {content:""; display:block; position:absolute; top:43%; right:15px; background:url(../img/btn_more.png) 50% 0 no-repeat; width: 7px; height: 4px;}
.snb_location .dep1_snb {position:relative;}
.snb_location .dep1_snb .dep2_snb {display:none; position:absolute; top:40px; left:0; width:185px; background-color:#fff; border-left:1px solid #e9e9e9; border-right:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9;}
.snb_location .snb_02.dep1_snb .dep2_snb {width:186px;}
.snb_location .dep2_snb li > a {padding-left:20px; border-top:1px solid #e9e9e9;}
.snb_location .dep1_snb.on > a {color:#446290; font-weight:600;}
.snb_location .dep2_snb li > a:hover {background:#fafafa; color:#446290;}

.sub_navigation {padding-top:40px; width:100%; max-width:1200px; margin:0 auto; text-align:center;}
.sub_navigation > span {display:inline-block; width:20%; line-height:45px; border:1px solid #bdbdbd; margin:0 -3px;}
.sub_navigation > span a {display:block; text-align:center; font-size:16px; font-weight:600; background:#fff;}
.sub_navigation > span a:hover {background:#f0f3f6;}
.sub_navigation > span.active a {background:#446290; color:#fff;}

h3 {font-weight:600; font-size:32px; text-align:center; padding:40px 0;}
.sub_contents {position:relative; padding:30px 0; min-height:400px;width: 100%;max-width: 1200px;margin: 0 auto;}
*/
/*subpage*/
.subpage_img{display:block;width:1200px; margin:0 auto;}


/* 검색 */
.info_box {position:relative; background:#456190 url('../img/info_ico.png') no-repeat 45px 45px; padding:40px; padding-left:130px;}
.info_box .info_txt {border-left:1px solid #93a3bf; padding-left:30px; color:#fff; font-size:16px;}

.info_box .info_txt a {display:inline-block; background:#fff; border-radius:2px; padding:3px 10px; font-size:0.9em; margin:10px 0 0}
.ico_download {display:inline-block; padding:20px 20px 0 0; width:0; height:0; overflow:hidden; background:url('../img/ico.png') no-repeat -205px 0; margin-right:5px;}



.search_box {position:relative; background:#9fb7df; padding:40px 80px; margin-bottom:40px;}
.search_box .sch_cell {display:inline-block; font-size:16px; padding-right:50px;}
.search_box .sch_cell input[type="text"] {height:45px; width:150px; line-height:45px; font-size:16px; padding:0 10px; margin-left:5px; color:#456190; font-weight:600;}
.search_box .sch_cell select {height:45px; width:150px; line-height:45px; font-size:16px; padding:0 10px; margin-left:5px; color:#456190; font-weight:600;}
.search_box button {position:absolute; right:80px; width:100px; height:45px; line-height:45px; color:#fff; background:#456190; border-radius:10px; border:0; font-size:16px; font-weight:600}
.scholarship_total {padding:0 0 40px 0; margin-bottom:40px; border-bottom:1px solid #fff; text-align:center;}
.scholarship_total span {display:inline-block; font-size:20px; line-height:1.4em; color:#456190; padding:0 20px; font-weight:600;}
.scholarship_total span strong {color:#c62b11; font-size:40px;}
.scholarship_total2 {text-align:center;}
.scholarship_total2 span {display:inline-block; font-size:16px; line-height:1.4em; color:#456190; padding:0 20px; font-weight:600;}
.scholarship_total2 span strong {color:#c62b11; font-size:22px;}

/* 검색 결과테이블 */
.table_bbs {width:100%; border-top:2px solid #456190;}
.table_bbs thead tr th {padding:20px 10px; font-family:nbgBold, sans-serif; color:#666; border-bottom:1px solid #cdcbce; background:#f0f4ff; text-align:center}
.table_bbs thead tr th .ico_sort {margin-left:5px; /*border:1px solid #dadada; border-radius:2px;*/}
.table_bbs thead tr th:first-child {border-left:none;}
.table_bbs tbody tr th {padding:15px; font-family:nbgBold, sans-serif; color:#666; border-bottom:1px solid #e6e6e6; text-align:center}
.table_bbs tbody tr td {padding:15px; font-weight:400; color:#666; border-bottom:1px solid #e6e6e6; text-align:center}
.table_bbs tbody tr td.subject {text-align:left}
.table_bbs tbody tr td a {color:#333;}
.table_bbs tbody tr:hover {background:#f5f5f5;}



@media screen and (max-width:1200px) {
  .top_container{width: 94%; max-width: 1000px}
  .left_section{width: 72%}
  
  .right_section{width: 28%}
  
  
  .mid_container{width: 94%; max-width: 1000px}
  .bottom_container{width: 94%;max-width: 1000px}

  /*.table_calendar thead th{font-size:12px}
  .table_calendar tbody td a{font-size:12px;padding:2px 2px}*/

}
@media screen and (max-width: 500px) and (min-width: 100px){
  #calenda tbody td span{padding:2px 0}
  #calenda thead th{font-size:12px}
}

@media screen and (max-width:1024px) {
header{height:100px}
.drop_menu_bg{display:none}
  .all_view{display: block;position: absolute;z-index: 700;top:0;right: 0;margin-top:20px;margin-right: 20px}
  .menu_close_btn{display: block;width: 71px;height: 71px; background: url('../img/mobile_close_btn.png');position: absolute;top:0;left: 0;; margin-top: 100px;margin-left: -71px}
  .main_menu_bg{display: none;overflow: hidden;height: 2000px;border: none!important;position: absolute;background-color: rgba(0, 0, 0, 0.5); z-index: 50}
  .header_contents{z-index: 100;overflow: hidden;}
  .header_top{right: -520px}
  .main_logo{left: 50%; margin-left: -132px}
  .top_banner{position:absolute;right:66px; bottom:-600px}
  .login_sec{width: 449px!important; height: 71px;top:0;right: 0;margin: 100px 0 0 0;background-color: #4e6a96;text-align: center;border-radius: 0;border: none}
  .login_sec li{float: none;display: inline-block;margin-top: 16px; padding: 8px 60px}
  .login_sec li::before{height: 16px}
  .login_sec li a{font-size: 20px;color: #fff}
  .login_ico{width: 17px; height: 20px; background: url('../img/mobile_login_ico.png')}
  .sign_ico{width: 27px;height: 22px; background: url('../img/mobile_signup_ico.png')}
  .main_menu{position: absolute;top:0;right: -449px;z-index: 600;height: auto;width: 449px;margin-top: 70px}
  .main_menu ul{text-align:left;background-color: #fff;height: 1200px}
  .main_menu ul li{float: none;width: auto;}
  .main_menu ul li:first-child ul{border-left:none}
  .main_menu ul li a{color: #000;line-height: normal;font-size: 24px;padding: 14px 16px;text-align: left;}
  .main_menu ul li ul{display:none;position: static;min-height:inherit;overflow: hidden!important;padding: 20px 0 20px 40px;border: none;background-color: #f6f7fa;height: auto;}
  .main_menu ul li:first-child ul{display:block}
  .main_menu ul li ul li{height: auto; border-top: 1px solid #dddee1}
  .main_menu ul li ul li:first-child{border: none}
  .main_menu ul li ul li a{padding: 8px 0;font-size: 16px;line-height: normal;color: #000}
  .main_menu ul li ul li a:hover{background-color:#f6f7fa;color: #000}
  .main_menu ul li ul li ul{display: block!important;;padding-left: 20px;border-left: none!important;padding-bottom: 0}
  .main_menu ul li ul li ul li{display: block;border: none}
  .main_menu ul li ul li ul li a{font-size: 12px;padding-left: 0}

  .top_container{max-width: 768px}
  .left_section{width: 100%;float: none}
  .right_section{float: none; width: 100%;margin-top: 20px;max-width: none;}
  .right_section .contents_area{margin-left: 0;height: auto;border: none;padding-right:0}
  .right_section .contents_area::after{display: block;content: ""; clear: both;}
  .right_section .contents_area section{margin-left: 0;float: left;width: 48%}
  .notice_section{margin-right: 2%;border: none}
  .news_section{margin-top: 0;margin-left: 2%!important}
  .school_intro{margin-left:0}

  .mid_container{max-width: 768px}
  .nowgo{max-width: 174px;margin-bottom:20px}
  .nowgo .nowgo_text{display:none}
  /*.nowgo_list ul li{padding: 0 4px}
  .nowgo_list ul li:last-child{padding-right: 0}*/

  .bottom_container{max-width: 768px}
}

@media screen and (max-width:720px) { 
  .bottom_bg{height:620px}
  .gallery_section{width: 100%; float: none}
  .calendar_section{width: 100%; float: none}
  .bottom_container{height: auto;}
  .calendar_section{margin-top: 20px}
  #calenda{margin: 10px auto 0 auto;}
  .sub_visual {height:120px;}
  .sub_navigation > span {width:33.3333%;}

	.info_box {background:#456190; padding:20px;}
	.info_box .info_txt {border-left:none; padding-left:0; font-size:14px;}
	.search_box {padding:30px; text-align:center;}
	.search_box .sch_cell {padding:0 10px 10px; line-height:1.3;}
	.search_box .sch_cell input[type="text"] {height:35px; width:120px; line-height:35px; font-size:14px; margin-bottom:5px;}
	.search_box .sch_cell select {height:35px; width:120px; line-height:35px; margin-bottom:5px;}
	.search_box button {position:relative; right:auto; height:35px; line-height:35px; }
	.scholarship_total {padding:0 0 30px 0; margin-bottom:30px;}
	.scholarship_total span {font-size:16px;}
	.scholarship_total span strong {font-size:24px;}

}

@media screen and (max-width:560px) {

  .main_logo{left: 10px; margin-left: 0;width: 200px;margin-top:25px; height: auto; background-size: 239px 58px}
  .menu_close_btn{margin-left:0; width:40px;height:40px;background-size:40px 40px;}
  .login_sec{width: 320px!important;padding-left:30px;height:40px}
  .login_sec li{padding: 8px 20px;margin-top:0;}
  .login_sec li a{font-size: 16px;line-height:26px;}
  .login_ico, .sign_ico{display: none}
  .top_banner{right:-4px}
  
  .main_menu{width: 320px;margin-top:40px}
  .main_menu ul li a{font-size: 20px}
  .school_text{font-size: 12px}
  .school_intro a{margin-top: 4px}
  .snb_location_l {width:100%}
  .snb_location_l > div {display:inline-block; width:40%; border-right:1px solid #e9e9e9;}
  .nowgo_list ul li{margin:0}
}

@media screen and (max-width:480px) {
.bottom_bg{display:none}
  .left_section section{width: 100%; max-width: none;}
  .money_section{border: none;padding-right: 0;margin-top:50px}
  .school_intro{margin-left: 0; border: none; margin-top: 20px;border-bottom: 1px solid #ededed}
  .school_intro img{max-width: none;}
  .school_text{font-size: 16px}
  .school_intro a{margin-top: 18px}
  .money_state, .school_intro{height: auto;}
  .money_section{padding-left:0}
  .left_section section{}
  .right_section .contents_area section{float: none; width: 100%;margin-left: 0!important;border-bottom: 1px solid #ededed}
  .notice_section{padding-bottom: 20px;}
  .mid_container{}
  .news_section{margin-top: 20px;padding-bottom: 20px;}
  .nowgo{float: none}
  .nowgo_text{display: none}
  .nowgo_list{float: none;text-align: center;}
  .nowgo_list ul{width: 100%;margin-top: 10px}
  
  .gellery_box li{float: none;width: 48%;display: inline-block!important;max-width:none;margin-left: 0}
  .gellery_box li img{max-width: none}
  .mobile480{display: none!important}

  #calenda{max-width: 300px}
}


/*subpage_contents============================================================================*/
.contents_m6{margin-top:60px}
.contents_m5{margin-top: 50px}
.contents_m4{margin-top: 40px}
/*인사말*/
.title_section div{text-align: center;font-size: 29px;position: relative;width: 626px;margin: 0 auto;font-family:'Nanum Myeongjo',sans-serif;font-weight: 600}
.font_deco_left{position: absolute;top:0;left: 0;margin:-10px 0 0 -10px;z-index: -1;display: inline-block;width: 54px; height: 46px; background: url('../img/text_deco1.png')}
.font_deco_right{position: absolute;top:0;right: 0;margin: -10px -10px 0 0 ;z-index: -1;display: inline-block;width: 54px; height: 46px; background: url('../img/text_deco2.png')}
.greeting_area1{margin-top: 80px}
.greeting_area1::after{display: block; content: "";clear: both;}
.greeting_area1 .img_box{width: 44%;float: left}
.greeting_area1 .description_box{width: 56%;float: right;}
.greeting_area1 img{display: block;width: 100%; max-width: 494px}
.description_box > p,.description_box2 > p{margin-top: 24px;font-size: 15px;font-weight: 600}
.description_box p:first-child{margin-top: 0}
.description_box::after{display: block; content: "";clear: both;}
.description_box2{margin-top: 30px}
.description_box2 > ul{background-color: #f0f4fc;padding: 25px 20px}
.description_box2 > ul > li{margin-top: 24px}
.description_box2 > ul > li:first-child{margin-top: 0}
.description_box2 > ul > li p{font-weight: 800;font-size: 14px}
.description_box2 > ul > li p span{color: #476594}
.description_box2 > ul > li li{margin-left: 36px;font-size: 14px;font-weight: 600}

@media screen and (max-width:500px) {
	.description_box2 > p:last-child{text-align:right}
}
/*소개*//*산하단체장*/
.table_left2{border-left: none!important}
.contents_title{font-size: 22px;position: relative;padding-left: 26px}
.contents_title > span{display: inline-block;;width: 21px; height: 21px;top:0;left: 0;margin-top: 6px;border: 7px solid #446290; border-radius: 100px;position: absolute;}
.org_chart{display: block; width: 100%; max-width:886px;margin: 40px auto 0 auto;}
.country_box{margin-top: 20px;text-align: center;}
.country_box ul{background-color: #f0f4fc; border: 1px solid #ccc;padding: 30px}
.country_box ul li{display: inline-block;margin: 5px;border: 1px solid #ccc; width: 150px; height: 36px}
.country_box ul li a{display: block;text-align: center;font-size: 14px;line-height: 34px}
.country_box ul li .active{color: #446290; font-weight: 600;border: 1px solid #446290; background-color: #fff;}
.country_box ul li:hover{border-color:#446290; background-color: #fff;}
.country_box ul li:hover a{color: #446290;font-weight: 600;}
.contents_table_section > p{color: #446290;font-weight: 600;margin-bottom: 10px;font-size: 14px}

.contents_table_section{width: 100%; margin-top: 20px}
.contents_table_section::after{display: block; content: ""; clear: both;}
.contents_table_section table{width: 100%;text-align: center;}
.contents_table_section table thead{background-color: #f0f4fc;border-top: 2px solid #446290}
.contents_table_section table thead td{font-weight: 600;word-break: break-all;}
.contents_table_section table thead td p{word-break: break-all}
.contents_table_section table a{font-size:12px}

.contents_table_section table thead td:first-child{border-left: none}
.contents_table_section table td{height: 40px; border: 1px solid #cccccc;font-size: 14px;word-break: break-all;}
.contents_table_section table td:last-child{border-right: none}
.contents_table_section table td span{margin-left: 10px}
.table_left{background-color:#f0f4fc; border-left:none!important}
.org_table1{width: 49%; float: left; margin-right: 1%}
.org_table2{width: 49%; float: right;margin-left: 1%}
@media screen and (max-width:768px) {
	.country_box ul li{width: 110px}
}
@media screen and (max-width:350px) {
	.country_box ul li{width: 90px}
}

/*조직도, 임원현황*/
.info_txt2 {padding-top:30px; color:#2f60ac}
.organization_con {position:relative; background:#e9eefb; padding:20px 20px 20px 180px; margin:15px 0;}
.organization_con .org_title {position:absolute; left:20px; top:25px; font-size:18px; color:#; font-weight:600; background:url('http://www.gangwongo.co.kr/comn/img/bullet_1.png') no-repeat left 8px; padding-left:15px; margin-bottom:5px;}
.organization_con .org_list {margin:0 -5px; overflow:hidden;}
.organization_con .org_list li {float:left; width:25%; padding:5px;}
.organization_con .org_list li span {display:block; background:#fff; padding:5px; text-align:center; border:1px solid #ddd;}
@media screen and (max-width:920px) {
	.organization_con {padding:20px;}
	.organization_con .org_title {position:relative; left:auto; top:auto;}
	.organization_con .org_list li {width:33.3333%}
}
@media screen and (max-width:580px) {
	.organization_con .org_list li {width:50%}
}
@media screen and (max-width:420px) {
	.organization_con .org_list li {width:100%; padding:2px 5px;}
}

/*역대동문회장*/
.chairman_history{display: block;width: 100%;max-width: 886px;margin: 0 auto;}


/*동문회칙*/
.rule_section{width: 100%; height: 700px;padding-bottom:100px; overflow-y:auto; overflow-x:hidden; border:5px solid #efefef; border-right:none; padding:30px;}
.rule_contents{margin-top: 80px;}
.rule_contents::after{display: block; clear: both;content: ""}
.rule_contents:first-child{margin-top: 0}
.rule_contents_list{padding-right: 20px}
.rule_contents_list > li > ul{margin-left: 16px}
.rule_contents_list > li > ul > li{padding-left: 16px}
.rule_contents_list li,.rule_contents_list p,.rule_contents_list h2{font-size: 14px;}
.rule_contents_list > li li{margin-top: 3px}
.rule_contents_list > li{margin-top: 30px}
.rule_contents_list > li h2{margin-bottom: 10px}
.num1{position: relative;}
.num1::before{display: block;position: absolute;content: "①";top:0;left: 0}
.num2{position: relative;}
.num2::before{display: block;position: absolute;content: "②";top:0;left: 0}
.num3{position: relative;}
.num3::before{display: block;position: absolute;content: "③";top:0;left: 0}
.num4{position: relative;}
.num4::before{display: block;position: absolute;content: "④";top:0;left: 0}
.num5{position: relative;}
.num5::before{display: block;position: absolute;content: "⑤";top:0;left: 0}
.num6{position: relative;}
.num6::before{display: block;position: absolute;content: "⑥";top:0;left: 0}
.rule_title{font-size: 22px; font-weight: 600; color: #446290;line-height: 1}
.rule_title span{margin-left: 60px}
.rule_title strong{font-size: 14px;color: #3c3c3d; margin-left: 20px}
.rule_box{margin: 10px 0 10px 16px;background-color: #fcfcfc; border: 1px solid #cccccc}
.rule_box ul{padding: 14px}
.inline_list li{display: inline-block;padding-right: 16px;padding-left: 0!important}
.revision_list p{margin-top: 3px}
@media screen and (max-width:768px) {
	.rule_title strong{margin-left: 0}
}
@media screen and (max-width:450px) {
	
	.rule_contents_list{margin-left: 0;}
	
}
@media screen and (max-width:600px) {
	
	.rule_section{height:auto; border:none; padding:0}
	
}


/*이사장인사말*/
.sub0104 div{width: 636px}

/*교장인사말*/
.sub010402 div{width: 420px}
.sub010402 p{text-align: center;font-size: 25px;color: #676767;line-height: 32px; font-family:'Nanum Myeongjo',sans-serif;font-weight: 600}

/*학교소개*/
.school_summery{width: 100%}
.school_summery::after{display: block; content: "";clear: both;}
.school_summery > div{position: relative;width: 50%;float: left;max-width: 600px;; max-height: 309px}
.school_summery_text{position: absolute;top:20%;left: 50%;margin-left: -202px;width: 404px; }
.school_summery_text p{text-align: center;font-size: 20px;color: #fff;}
.school_summery_text p:last-child{font-weight: 600; margin-top: 30px}
.school_summery img{display: block; width: 100%}
.school_summery_bottom{margin-top: 20px}
.school_summery_bottom::after{display: block; content: "";clear: both;}
.school_summery_bottom div{width: 31.33%;float: left;border-top: 4px solid #000;border-bottom: 4px solid #000; padding-top: 10px;min-height: 230px}
.school_summery_bottom2{margin: 0 3%; }

.school_summery_bottom div p{font-size: 20px;font-weight: 600;float: none;width: 140px}
.school_summery_bottom div ul{padding-left: 2%;margin-top:6px}
.school_summery_bottom div ul li{margin-top: 3px;font-size: 14px}
.school_summery_bottom div ul li:first-child{margin-top: 0}
.school_song{display: block; width: 100%; max-width: 634px; margin: 40px auto 0 auto;}
.history_list{overflow: hidden; width: 100%; max-width: 866px; margin: 30px auto 0 auto;}
.history_list li{float: left;width: 20%;height: 44px}
.history_list li a{display: block; text-align: center; background-color: #fafafa;font-size: 14px;height: 100%;padding: 12px 0;border-right: 1px solid #bdbdbd; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #446290}
.history_list li:first-child a{border-left: 1px solid #bdbdbd}
.history_list .active{background-color: #fff;font-weight: 600;color:#446290; border: 1px solid #446290!important; border-bottom: none!important}

.history_section{position: relative;margin-top: 60px}
.history_contents{position: relative;width: 100%; max-width: 570px; margin: 0 auto;}
.history_contents::after{position: absolute;top:0;left: 0;margin-left: 20%;display: block;content: "";width: 5px; height: 100%; background-color: #ebebeb; border-radius: 25px}
.history_contents li{margin-top: 40px;position: relative;}
.history_contents li::after{display: block; content: "";clear: both;}
.history_contents li:first-child{margin-top: 0}
.history_contents li h2{font-size: 22px; color: #666666; font-weight: 600;width: 20%;float: left}
.history_contents p{position: relative;margin-left: 20%;top:6px;left: 0;padding-left: 10%}
.history_contents p::before{display: block;content: "";width: 30px; height: 30px; background: url('../img/history_circle.png');position: absolute;top: 0;left: 0;margin-left: -14px;margin-top: -4px;z-index: 1}

/*찾아오시는길*/
#map{width: 100%; max-width: 1200px; height: 450px; margin: 0 auto;}
/*사이트맵*/
.sitemap_section > ul{overflow: hidden;}
.sitemap_section > ul > li{float: left;display: inline-block;width: 30%;height: 580px;margin-right: 5%}
.sitemap_section > ul > li:last-child{margin-right: 0;}
.sitemap_section > ul > li > p{border-bottom: 2px solid #446290;padding: 4px 0; font-size: 18px;font-weight: 600}
.sitemap_section > ul > li > ul > li{border-top: 1px solid #ccc}
.sitemap_section > ul > li > ul > li:last-child{border-bottom: 1px solid #ccc}
.sitemap_section > ul > li > ul > li > a{font-size: 14px; color: #666;display: block; margin: 10px 0;font-weight: 600}
.sitemap_section > ul > li > ul > li > ul{padding: 15px 15px;background-color: #f0f4fc;border-top: 1px solid #ccc}
.sitemap_section > ul > li > ul > li > ul > li{margin-top: 6px}
.sitemap_section > ul > li > ul > li > ul > li:first-child{margin-top: 0}
.sitemap_section > ul > li > ul > li > ul > li a{color: #666;font-size: 13px}


/*정신건강증신센터 달력 CSS*/
#calenda2{position:relative;}
#calenda2 .cal_prev,
#calenda2 .cal_next {position:absolute; padding:25px 25px 0 0; width:0; height:0; display:inline-block; background:url('../img/bullet.png') no-repeat -130px 0; top:10px; left:50%; overflow:hidden;}
#calenda2 .cal_prev {margin-left:-110px; background-position:-130px 0;}
#calenda2 .cal_next {margin-left:90px; background-position:-180px 0;}
#calenda2 .month {display:block; text-align:center; color:#666; font-weight:600; font-size:25px; padding:3px 0; margin-bottom:20px;}
#calenda2 table {width:100%; margin-bottom:10px; border-top:2px solid #6d6d6d;}
#calenda2 table thead th {background:#f7f6f5; color:#333; font-weight:600; text-align:center; padding:10px 0; border:1px solid #e3e3e3; border-bottom:1px solid #aeaeae;}
#calenda2 table tbody td {padding:0; text-align:left; font-size:12px; border:1px solid #e3e3e3; height:120px; vertical-align:top;}
#calenda2 table tbody td span {display:inline-block; padding:1px 19px 11px 3px; width:15px; text-align:center; background:url('../img/dayBg.png') no-repeat 6px 0; line-height:1; font-weight:600;}
#calenda2 table tbody td.show span {background-position:-150px 0; color:#fff; padding-top:4px;}
#calenda2 table tbody td.today {background:#fff9f3;}
#calenda2 table tbody td.none {background:#d7d7d7;}
#calenda2 table .sat, #calenda2 table .sat span {color:#0066cc;}
#calenda2 table .sun, #calenda2 table .sun span {color:#cc3333;}
#calenda2 table tbody td ul {padding:0 5px 5px;}
#calenda2 table tbody td ul li {background:url('../img/bullet.png') no-repeat -380px -135px; padding:0 0 3px 6px;}
#calenda2 table tbody td ul li a {display:block; font-size:11px; line-height:1.3; color:#666; vertical-align:top; padding:0;}
#calenda2 table tbody td ul li a:hover {font-weight:600; color:#333;}

/*정신건강증진센터 버튼 CSS*/
.btnBlack {display:inline-block;line-height:35px; color:#fff; background:#383838; text-align:center; padding:0 25px; font-weight:600; vertical-align:middle; font-size:14px; cursor:pointer;}
.btnPink {display:inline-block;line-height:35px; color:#fff; background:#446290;text-align:center; padding:0 25px; font-weight:600; vertical-align:middle; font-size:14px; cursor:pointer;}
.btnOrange {display:inline-block;line-height:35px; color:#fff; background:#ffa000;text-align:center; padding:0 25px; font-weight:600; vertical-align:middle; font-size:14px; cursor:pointer;}
.btnGray {display:inline-block;line-height:35px; color:#fff; background:#999; text-align:center; padding:0 25px; font-weight:600; vertical-align:middle; font-size:14px; cursor:pointer;}
.btnMid {display:inline-block;line-height:20px; color:#fff; background:#a4a4a4;text-align:center; padding:0 20px; font-size:11px; cursor:pointer;}
.btnSma {display:inline-block;line-height:20px; color:#fff; background:#a4a4a4;text-align:center; padding:0 10px; border-radius:10px; font-size:11px; cursor:pointer;}
.btnCal {display:inline-block; padding:20px 20px 0 0; width:0; height:0; background:url('../img/icon_cal.png') no-repeat center center; overflow:hidden; vertical-align:middle;}

/*정신건강증진센터 sub CSS */
.sub {min-height:900px; background:#fff; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; max-width:1000px;}
.sub .contentsArea {position:relative; padding:50px;}
.contentsArea .navigation {position:absolute; right:50px; top:50px; padding:0; text-align:right; color:#999; font-size:12px;}
.contentsArea .navigation a {display:inline-block; padding:0 10px; color:#999;}
.contentsArea .navigation span {display:inline-block; padding:0 0 0 10px; color:#333;}
.contentsArea .navigation .home {background:url('../img/bullet.png') no-repeat -285px 3px; padding-left:18px;}
.contentsArea h2 {font-size:22px; font-weight:600; margin-bottom:40px; clear:both; display:inline-block; border-bottom:2px solid #666;}
.contentsArea .content {position:relative;}


/*정신건강증진센터 board CSS*/
/* board */
.bbsHead {padding:10px 0 20px; margin-bottom:10px;}
.bbsHead .client {float:right;}

.btnArea {margin:20px 0; text-align:center;}
.btnArea.right {text-align:right;}
.btnArea.left {text-align:left;}

.tblBbs {width:100%; border-bottom:1px solid #d7d7d7;}
.tblBbs thead tr th {text-align:center; padding:10px; font-weight:600; color:#333; border-bottom:1px solid #7f7f7f; background:#f7f7f7;}
.tblBbs tbody tr th {text-align:center; padding:10px; font-weight:600; color:#333; border-bottom:1px solid #cdcdcd; }
.tblBbs tbody tr td {text-align:center; padding:10px; font-weight:400; color:#666; border-bottom:1px solid #cdcdcd;  }
.tblBbs .left {text-align:left;}
.tblBbs .right {text-align:right;}
.tblBbs .view_file {padding-top:10px;}
.tblBbs .view_file a:hover {text-decoration:underline;}
.tblBbs em {font-style:normal; font-size:12px; color:#f86c17;}

.viewHead {border-top:2px solid #000; border-bottom:1px solid #d7d7d7; padding:10px 0;}
.view_subject {font-size:16px; font-weight:600; margin-bottom:10px;}
.view_subject .date {display:inline-block; background:#ffa000; color:#fff; margin-right:5px; padding:0 10px;}
.view_com {display:inline-block; padding-right:10px; border-right:1px solid #ddd; margin-right:10px; line-height:1; }
.view_com a {color:#1778be;}
.view_hit {float:right;}

.viewBody {border-bottom:1px solid #999; padding:20px 0;}
.viewBody .view_file {border-top:1px solid #d7d7d7; padding-top:10px;}
.viewBody .view_file a:hover {text-decoration:underline;}
.viewBody .view_con {padding:20px 0; min-height:100px;}

.paging {margin:20px 0; text-align:center;}
.paging a, .paging span {display:inline-block; padding:3px 10px; border:1px solid #d7d7d7; background:#f6f6f6; margin-left:-5px; vertical-align:middle;}
.paging a:hover {background-color:#d7d7d7;}
.paging span {background:#999; color:#fff; font-weight:600; border:1px solid #999;}
.paging .arrow {padding:25px 28px 0 0; width:0; height:0; overflow:hidden; background:#f6f6f6 url('../img/bull_arrow.png') no-repeat 0 0;}
.paging .arrow.prev {background-position:0 -1px;}
.paging .arrow.next {background-position:-50px -1px;}
.paging .arrow.first {background-position:-201px -1px;}
.paging .arrow.last {background-position:-250px -1px;}

.srhBox {background:#f8f8f8; border:1px solid #dedede; padding:20px;text-align:center; margin:20px 0;}
.srhBox select {height:30px; width:70px;}
.srhBox input[type=text] {height:24px; width:40%; margin-left:-6px;}
.srhBox .btnBlack {background:#383838 url('../img/bullet.png') no-repeat 10px -144px; line-height:30px; padding:0 20px 0 35px; margin-left:-4px;}

.passBox {position:relative; width:400px; margin:0 auto; border:2px solid #012967; background:#fff; }
.passBox p {background:#f6f6f6; padding:20px 30px;}
.passBox dl {padding:20px; margin-left:40px;}
.passBox dl dt {float:left; width:70px; height:30px;}
.passBox dl dd {height:30px;}
.passBox .btn {position:absolute; right:70px; bottom:25px; line-height:55px; width:55px; padding:0; cursor:pointer;}
.passBox .btn.login {color:#fff; background:#383838; text-align:center;}

.commentArea {border:1px solid #ddd; margin:20px 0;}
.commentArea ul {margin:10px;}
.commentArea ul li {position:relative; border-top:1px dashed #ddd; padding:10px 0;}
.commentArea ul li:first-child {border-top:0;}
.commentArea ul li span {display:inline-block; line-height:1; vertical-align:top;}
.commentArea ul li span.name {position:absolute; left:0; top:13px; width:80px; border-right:1px solid #999; text-align:center; margin-right:10px; font-weight:600;}
.commentArea ul li span.con {padding:0 110px 0 100px; line-height:1.5;}
.commentArea ul li span.date {color:#999; line-height:1.5; padding-left:10px;}
.commentArea ul li span.cBtn {position:absolute; right:0; top:13px; width:100px;}
.commentArea ul li span.cBtn a {display:inline-block; background:#999; color:#fff; padding:3px 10px; border-radius:3px;}
.commentArea .commentRegi {background:#f1f1f1; padding:10px;}
.commentArea .commentRegi span {display:inline-block; vertical-align:middle;height:50px;}
.commentArea .commentRegi span.name {width:10%; text-align:center; font-weight:600;}
.commentArea .commentRegi span.name input {width:90%; text-align:center; height:50px; padding:0; margin:0;}
.commentArea .commentRegi span.con {width:80%;}
.commentArea .commentRegi span.con textarea {height:45px; width:100%;}
.commentArea .commentRegi span.cBtn {float:right;}
.commentArea .commentRegi span.cBtn a, .commentArea .commentRegi span.cBtn input {display:inline-block; background:#999; color:#fff; padding:0 20px; line-height:50px;}

.agreeBox {padding:10px 0; text-align:left;}


.bbsIcon {display:inline-block; padding:16px 16px 0 0; width:0; height:0; overflow:hidden; background:url('../img/fileIcon.png') no-repeat center 0; vertical-align:middle;}
.bbsIcon.zip {background-position:center -31px;}
.bbsIcon.xls {background-position:center -60px;}
.bbsIcon.ppt {background-position:center -90px;}
.bbsIcon.pdf {background-position:center -120px;}
.bbsIcon.img {background-position:center -180px;}
.bbsIcon.hwp {background-position:center -210px;}
.bbsIcon.doc {background-position:center -240px;}
.bbsIcon.rock {background-position:center -150px;}
.bbsIcon.new {background-position:center -270px;}

.re {display:inline-block; padding:16px 16px 0 0; width:0; height:0; overflow:hidden; background:url('../img/icon_re.png') no-repeat right 0; vertical-align:middle; margin-right:5px;}
.re.step1 {padding:16px 16px 0 0;}
.re.step2 {padding:16px 32px 0 0;}
.re.step3 {padding:16px 48px 0 0;}
.re.step4 {padding:16px 64px 0 0;}
.re.step5 {padding:16px 80px 0 0;}

.prevNext {border-top:1px solid #ffae0d;}
.prevNext ul li {position:relative; border-bottom:1px dashed #d7d7d7; padding:8px 0 8px 95px;}
.prevNext ul li span {position:absolute; left:0; top:10px; width:80px; display:inline-block; line-height:1; border-right:1px solid #d7d7d7; vertical-align:middle; text-align:center; font-weight:600; color:#f86c17;}
.prevNext ul li a:hover {text-decoration:unnderline;}
.prevNext ul li:last-child {border-bottom:1px solid #ffae0d;}

.info_txt {padding:5px 0;}

/*로그인*/
.login_wrap {margin:0 auto; width:100%; background:#f1f1f1; padding:50px 150px;}
.login_wrap select,
.login_wrap input[type=text],
.login_wrap input[type=password] {border:1px solid #cacaca; background:#fff; padding:0 10px; font-size:16px; height:38px; font-weight:600;}
.mem_tab {overflow:hidden; border:1px solid #cacaca; margin-bottom:30px}
.mem_tab li {float:left; width:50%}
.mem_tab li a {display:block; padding:10px; text-align:center; color:#446290; font-weight:600; background:#fff; border-left:1px solid #cacaca}
.mem_tab li:first-child a {border-left:0}
.mem_tab li a.active {color:#fff; background:#446290}
.inputArea {position:relative; padding:0 110px 20px 0; }
.inputArea .input {width:100%; margin-bottom:10px}
.inputArea .btn_login {position:absolute; right:0; top:0; display:inline-block; width:86px; height:86px; line-height:86px; background:#446290; color:#fff; font-weight:600; font-size:1.2em; text-align:center; vertical-align:middle}
.inputArea .btn_login:hover {background:#4966cb}
.inputArea .btn_small {margin-bottom:10px}
.login_wrap .btnArea {; text-align:center;}
.login_wrap .btnArea .mem_btn {margin:0 2px}
.mem_btn {display:inline-block; padding:10px 30px; text-align:center; background:#446290; color:#fff !important; border-radius:3px;}
.mem_btn:hover {background:#4966cb}
.inputArea.type_2 {padding:0 0 20px 0;}
.inputArea.type_2 p {position:relative; display:block; text-align:center;}
.inputArea.type_2 p span {display:inline-block; padding-right:20px; }
.find_result {padding:30px 0; font-size:18px;}
.find_result strong {color:#446290}
.certifyArea {text-align:center;}
.certifyArea .btn {width:45%;}
@media screen and (max-width:700px) {
	.login_wrap{padding: 50px 100px}
	.login_wrap input[type=text],
	.login_wrap input[type=password]{font-size: 12px}
}
@media screen and (max-width:500px) {
	.inputArea{padding:0 94px 20px 0}
	.login_wrap{padding: 50px 20px}
}

.agree_section h4{font-size: 20px; color: #446290}
.agree_section span{font-weight: 400; color: #666;font-size: 14px;margin-left: 10px}
.agree_box{height: 250px; overflow: scroll;width: 100%;padding: 20px;border: 1px solid #dadada}
.agreeCheck{text-align: right;margin-top: 10px}
.join_form h5{font-size: 16px; margin-top: 20px}
.all_agree{text-align: center;}
.all_agree a{display: inline-block; padding: 10px 20px; color: #fff;font-weight: 600; background-color: #446290;border-radius: 5px;margin-top: 10px}

/*회원가입*/
.signup_section h4{font-size: 26px; color:#446290;line-height: 1}
.signup_section h4 span{font-size: 14px;margin-left: 10px;color: #666; font-weight: 400}
.important_text{text-align: right;}
.signup_section table{width: 100%; margin-bottom: 20px}
.signup_table tr{border-top: 1px solid #ccc;}
.signup_table tr:last-child{border-bottom: 1px solid #ccc}
.signup_table tr td{padding: 10px 20px;width: 75%}
.signup_table tr td span{margin-left: 10px}
.signup_table tr td input{border: 1px solid #b6b6b6;height: 26px;padding: 4px}
.signup_table tr td input[type=text]{max-width: 100px}
.signup_table tr th{font-size: 16px;color: #476594;background-color: #f5f5f5;width: 25%;text-align: left;border-right: 1px solid #ccc;padding: 10px 20px}
.deco_box{display: inline-block;margin-left: 10px; padding: 2px 10px; color: #fff; background-color: #446290}
.signup_table select{height: 26px}
.input_email2{margin-left: 5px}
.signup_box{text-align: center;margin-top: 20px}
.signup_box input{background-color: #446290;padding: 6px 15px; color: #fff;font-size: 14px;border-radius: 5px}
.input_addr{width: 100%; max-width: 300px!important}
@media screen and (max-width:600px) {
	/*회원가입*/
	.signup_table tr th{padding: 2px 10px;font-size: 12px}
	.signup_table tr td{padding: 7px 10px}
	.input_email2{margin-left: 0}
}
/*아이디 비밀번호 찾기*/
.find_section > div{ width: 100%; max-width: 500px; margin: 30px auto 0 auto;;}
.find_section > div h3{font-size: 20px; color: #446290}
.find_section > div > div{background-color: #f1f6fa; padding: 40px 0 40px 30px;position: relative;}
.find_section td{padding: 5px 0}
.find_section td input[type=text]{border: 1px solid #ccc; background-color: #fff}
.find_section th{text-align: left; padding-right: 20px;font-size: 14px;color: #446290}
.find_section table{margin-left: 10%}
.find_section .phone_box input{width: 50px}
.find_check{display: block; position: absolute;font-size: 14px;right: 30px; bottom: 10px; background-color: #446290; color: #fff;padding: 8px 15px;border-radius: 5px;}

.find_id > div{text-align: center;padding: 50px 0 100px 0;background-color: #f1f1f1; width: 100%;max-width: 600px;margin: 0 auto;position: relative;}
.find_id > div > div p{font-size: 20px; color: #446290;padding: 0 20px}
.find_id > div > div span{border-bottom: 2px solid #ee784b;font-weight: 600}
.find_id > div > div div{font-size: 20px;}
.idpw_check{position: absolute;bottom: 30px; left: 50%; margin-left:-92px; width: 184px; }
.idpw_check a{margin: 5px;display: inline-block; padding: 10px 0; width: 80px;text-align: center;background-color: #446290; color: #fff}
.pw_text{font-size: 16px!important;font-weight: 600}
.pw_box{text-align: center;}
.find_id input[type=password]{width: 100%;max-width: 200px;height: 30px;padding: 5px;margin-top: 5px}
@media screen and (max-width:450px) {
	.find_section table{margin-left: 0}
	.find_section > div > div{padding: 40px 0 60px 20px}
	.find_check{right: 50%; margin-right: -26px}
}

/*동문업체소개*/

.updown_order .down_order{margin-right:10px;}
.updown_order .up_order{margin-left:10px}
.updown_order a{font-size:13px;}
.company_intro ul{overflow: hidden;}
.company_intro ul li{display: inline-block;float:left;width: 49%;margin-right: 1%;border: 1px solid #ccc; margin-top: 2%;padding: 10px;height:162px}
.company_intro ul li:nth-child(2n){margin-right: 0; margin-left: 1%}
.company_intro ul li::after{display: block; content: "";clear: both;}
.conpany_main_img{width: 140px;float: left;height:140px;border:1px solid #ccc;position:relative;overflow:hidden}
.conpany_main_img img{display: block; }
.company_box{margin-left: 150px;position: relative;height:100%}

.graduation_num{display:block; width:40px; text-align:center; border: 1px solid #cccccc;color: #446290;font-weight: 600}

.company_box table{width: 100%;}
.company_box table th{width: 24%;color: #446290;font-size:14px; text-align:left;padding:3px 0;vertical-align:top;}
.company_box table td{width: 76%; max-width: 172px;padding-right:10px;overflow: hidden;white-space: nowrap;word-break: normal;text-overflow: ellipsis;}
.detail_view{position: absolute;display: block;bottom:0;right: 0;padding: 2px 6px;color: #fff;background-color: #446290}
.contents_btn{display: block; float: right;margin-top: 30px; background-color: #446290;color: #fff; border-radius: 5px;padding:10px 20px;font-weight:600;margin-left:10px;font-size:14px}

.top_search_box{text-align:right}
.top_search_box:after{display:block; content:"";clear:both}
.top_search_box select{height: 28px;border: 1px solid #ccc}
.top_search_box input[type=text]{border: 1px solid #ccc;height: 28px;width: 130px}
.com_search{width: 46px; background-color: #446290;color:#fff;height: 28px}
.com_all{color: #446290; float:left}
/*상세보기*/
/*.company_detail{padding-top: 20px}
.company_detail table{width: 100%;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc}
.company_detail table img{display: block;width: 160px;height:160px; margin: 0 auto;}
.company_detail table td{word-break: break-all;height: 28px;padding-left: 20px;border-bottom: 1px solid #ccc;position: relative;}
.company_detail table td .td_deco{float: right;}
.company_detail table td p{display: inline-block;}
.company_detail table tr{border-right: 2px solid #446290;border-left: 2px solid #446290}
.company_detail table tr:first-child{background-color: #446290}
.company_detail table tr:last-child td{border-bottom: none;}
.company_detail table tr:first-child td{color: #fff}
.company_detail table tr:first-child td:first-child{padding: 25px;border-bottom: none;background-color: #fafafa}
.company_description {margin-top: 20px}
.company_description h4{padding-bottom: 10px; border-bottom: 1px solid #ccc;font-size: 18px; color: #446290}
.company_description .com_des_text{width: 100%;padding: 10px;border: 1px solid #ccc; min-height: 200px;overflow: scroll;text-align: top}
*/
.list_view_btn{display: inline-block;float: right;margin-top: 30px;padding: 8px 15px;font-size: 14px;border-radius: 5px;background-color: #446290; color: #fff}
.company_detail{position: relative;padding: 20px 0; border: 1px solid #ccc; border-left: none; border-right: none;}
.homepage_go{position: absolute;font-size: 13px;top:0;right: 0;margin-top: 24px;display: inline-block; padding: 8px 30px 8px 10px;background-color: #446290; color: #fff}
.homepage_go span{position: absolute;top:0;right: 0;margin: 10px 10px 0 0;display: inline-block;width: 15px; height: 15px; background: url('../img/homepagego_ico.png')no-repeat center;}
.company_infor::after{display: block; content: "";clear: both;}
.company_left{width: 30%; float: left; height: 142px;border: 1px solid #ccc; border-left:none; border-right: none}
.company_left img{display:block; width:100%; height:100%}
.company_left div{background-color: #f3f3f3;height: 100%}
.company_right{width: 70%; margin-left: 30%; padding-left: 20px}
.company_right table{width: 100%;height: 142px;border-top: 1px dashed #ccc;border-bottom: 1px dashed #ccc}
.company_right th{font-size: 13px;position: relative;width: 20%;background-color: #f7f7f7;padding-left: 20px; text-align: left;}
.company_right th strong{color: #a8a8a8; font-size: 22px;position: absolute;top:0;left: 0; margin-top: 10px;margin-left: 10px}
.company_right td{font-size: 13px;padding: 8px 0 8px 10px;text-align: left;color: #666}
.company_description{margin-top: 20px; min-height: 250px;border: 1px solid #ccc}


/*업체등록하기*/
.company_left2{width: 30%; float: left; height: 224px;border: 1px solid #ccc; border-left:none; border-right: none}
.company_left2 img{display:block; width:100%; height:100%}
.company_left2 div{background-color: #f3f3f3;height: 100%}
.company_detail table input{border: 1px solid #ccc}
.attach_box{border: 1px solid #ccc; margin-top: 10px;padding: 4px 10px}
.attach_box label{margin-right: 20px}
.company_editor{margin-top:20px}

/*개인정보처리방침*/
.privacy_list{padding: 0 20px}
.privacy_list > li > ul{margin-left: 16px}
.privacy_list > li > ul > li{padding-left: 16px}
.privacy_list li,.privacy_list p,.privacy_list h2{font-size: 14px;}
.privacy_list > li li{margin-top: 3px}
.privacy_list > li{margin-top: 30px}
.privacy_list > li h2{margin-bottom: 10px}

@media screen and (max-width:520px) {
	.company_detail table img{width: 90px;height:90px}
	.company_detail table tr:first-child td:first-child{padding: 6px}
	.company_detail table td{padding-left: 5px;}
	.td_deco{display: none}
}

/*배너등록하기*/
.banner_list{overflow: hidden;}
.banner_list li{position: relative;border: 1px solid #d7d7d7;display: inline-block;float: left;text-align: center;width: 50%;background-color: #f8f8f8;padding: 17px 0}
.banner_list li .step_num{display: inline-block;font-size: 16px; width: 30px; height: 30px; line-height: 30px; border-radius: 15px; background-color: #dddddd; color:#f2f2f2 }
.banner_list li .step_text{display: inline-block;font-size: 16px; padding-left: 10px; font-weight: 600; line-height: 30px;color: #888}
.banner_list li .step_arrow{position: absolute;width: 29px; height: 64px;top:0;right: -29px;background: url('../img/ico_arrow2.png');z-index: 1}
.banner_list .on{background-color: #446290}
.banner_list .on .step_num{background-color: #fff;color: #446290}
.banner_list .on .step_text{color: #fff}
.banner_list .on .step_arrow{background: url('../img/ico_arrow.png')}

.banner_des{margin-top: 30px}
.banner_des img{display: block; width: 100%}
.ico_dot{display: inline-block;width: 30px; height: 30px; font-size: 16px; line-height: 30px;text-align: center;;background-color: #446290; color: #fff; font-weight: 600; border-radius: 15px}
.banner_text{font-size: 14px;margin-left: 10px}
.banner_top_text{padding: 20px;border: 1px solid #ccc;margin-top: 30px}
.banner_table_box{border: 1px solid #ccc; padding: 30px 20px}
.banner_table{width: 100%}
.banner_table td{padding: 5px 10px; border-top: 1px dotted #ccc;font-size: 14px; font-weight: 600}
.banner_table tr:first-child td{border-top: none}
.td_deco2{float: right;}
.banner_table td input{height: 30px;max-width: 170px; width: 100%}
.banner_table td input[type=text]{ background-color: #fff;}
.banner_table td select{border: none;background-color: #fff; height: 30px;max-width: 170px; width: 100%;border:1px solid #ccc}
.banner_table td .phone1{max-width: 50px}
.banner_table td .etc_text{max-width: none; background-color: #fff; height: 74px;width:100%}
.banner_table .banner_size{color: #5979aa;font-size: 12px; font-weight: 400}
.po_top{vertical-align: top}
.banner_agree{height: 100px;margin-top: 30px;border: 1px solid #ccc; overflow: scroll;}
.banner_agree_btn{text-align: right;margin-top: 10px}
.banner_submit{text-align: center;}
.banner_agree_ok{padding: 5px 15px;border-radius: 5px;margin-top: 10px;background-color: #446290;color: #fff;}

.banner_submit a{background-color: #446290; color: #fff; padding: 10px 20px;margin-top: 30px;font-size: 14px;border-radius: 5px;display: inline-block;}
.banner_table .bank_img{display: inline-block;width: 105px;margin-right: 12px;height: 17px;background: url('../img/ibk.png')}
.banner_table .account_name1{margin: 0 10px;background-color: #446290;padding: 2px 4px ;font-size: 12px;color: #fff;border-radius: 15px;}

/*배너신청하기*/
.banner_state table{width: 100%}
.banner_state table thead td{background-color: #f1f6fa;font-weight: 600;color: #446290;border-top: 1px solid #ccc;padding: 5px 0}
.banner_state table td{font-size: 14px;padding: 5px 0;text-align: center;border-right: 1px solid #ccc}
.banner_state table td:last-child{border-right: none}
.banner_state table tr{border-bottom: 1px solid #ccc}


/*비지니스*/
.business_box{padding: 20px ;border:1px solid #446290;font-size: 14px;color: #446290;font-weight: 600}
.amount_money::after{display: block;content: "";clear: both;}
.business_section table{float: right;margin-top: 20px}
.business_section table td{font-size: 14px; font-weight: 600;color: #e88f1c}
.business_section table td:last-child{color:#446290}
.banner_section{text-align: center;}
.banner_section ul{overflow: hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 0 20px;}
.banner_section ul li{margin-top: 10px;;width: 48%;text-align: right;margin-right: 2%;float: left}
.banner_section ul li:nth-child(2n){margin-left: 2%;margin-right: 0;text-align: left;}
.banner_section ul li img{border: 1px solid #ccc;width:278px; height:63px;display:inline-block;}
.num_btn{margin-top: 30px;text-align: center;}
.num_btn a,.num_btn span,.num_btn b{display: inline-block;font-weight: 600;color: #888;margin:0 2px;width: 30px; height: 30px;text-align: center;line-height: 26px;font-size: 14px;border: 1px solid #ccc}
.num_btn a,.num_btn b{background-color: #fff;}
.num_btn span{color: #fff;background-color: #446290}

.banner_nav {display: block;;padding: 40px 0;width:100%; max-width:1200px; margin:0 auto; text-align:center;}
.banner_nav > span {display:inline-block; width:20%; border:1px solid #bdbdbd; margin:0 -3px;}
.banner_nav > span a {display:block; padding: 14px 0;text-align:center; font-size:16px; font-weight:600; background:#fff;}
.banner_nav > span a:hover {background:#f0f3f6;}
.banner_nav > span.active a {background:#446290; color:#fff;}

.ready_img {text-align:center; padding:90px 0 0;}

.community_box {background:#e9eefb; padding:20px; margin-bottom:30px;}
.community_box ul {overflow:hidden;}
.community_box ul li {float:left; width:33.3333%; padding:5px;}
.community_box ul li p {position:relative; display:block; border:1px solid #ddd; background:#fff; padding:15px 15px;}
.community_box ul li:hover p {border:1px solid #456190;}
.community_box ul li p .sns_link {float:right;}
.community_box ul li p .ico_sns {display:inline-block; padding:26px 26px 0 0; width:0; height:0; overflow:hidden; background:url('../img/ico_sns.png') no-repeat; margin-left:5px;}
.community_box ul li p .ico_sns.blog {background-position:0 0;}
.community_box ul li p .ico_sns.cafe {background-position:-40px 0;}
.community_box ul li p .ico_sns.band {background-position:-80px 0;}