@charset "utf-8";

/* reset */
*,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;overflow-x:hidden;}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block;margin:0;padding:0;}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0;width:100%;}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none;-moz-border-radius:0;border-radius:0}
input:checked[type='checkbox'] {background-color:#666;-webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {border:0;outline:none;-webkit-appearance:none;-webkit-border-radius:0;}
button,input[type='button'] {cursor:pointer;}
button:active {outline:none;text-indent:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}

body {background:#fff;-webkit-overflow-scrolling:touch;}
body,th,td,input,select,textarea,button {font-size:15px;line-height:1.5;font-family:'notokr','Malgun Gothic', '맑은 고딕', sans-serif;color:#3f454b}
a {color:#3f454b;text-decoration:none}
a:active, a:hover {text-decoration:none}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}
input[type=checkbox] {margin:0 2px}
select {padding:0 20px 0 6px;border-radius:0px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url(../img/icon_select_arrow.png) no-repeat 95% 50%;}
select::-ms-expand {display: none;}/* 화살표 없애기 for IE10, 11*/
.ui-datepicker-trigger {margin:0 2px;vertical-align:middle;}

/* global */
.f_l {float:left}
.f_r {float:right}
.tr {text-align:right;}
.tl {text-align:left;}
.tc {text-align:center;}
.bold {font-weight:bold;}
.clear:after {content:'';display:block;clear:both;}

/* ========== [common] ========== */
/*header*/
.header {position:relative;width:100%;min-width:1200px;height:80px;background:#fff;border-bottom:1px solid #e7e3de;}
.header_wrap {width:95%;height:80px;margin:0 auto;text-align:center;}
.header_wrap:after {content:'';display:block;clear:both;}

/*pc*/
.header_side_wrap {position:relative;}
.header_side_wrap h1 {position:absolute;left:0;padding-top:15px;}
.header_side_wrap .header_util {position:absolute;right:0;}
/*pc 메뉴*/
nav {display:inline-block;}
nav .gnb {height:80px;}
nav .gnb .gnb_item {float:left;}
nav .gnb .gnb_item > a {display:inline-block;padding:0 30px;line-height:80px;color:#3f454b;font-size:19px;font-weight:bold}
nav .gnb .gnb_item > a:hover {color:#3063be;}
/*pc 메뉴 펼쳤을 때*/
nav .gnb .gnb_over {display:none;position:absolute;z-index:200;top:80px;left:0;right:0;width:100%;height:50px;padding:14px 20px;background:#fff;border-bottom:1px solid #e7e3de;border-top:0;text-align:center;}
nav .gnb .gnb_over ul {display:inline-block;}
nav .gnb .gnb_over li {position:relative;float:left;width:220px;border-left:1px solid #e5e4e2;}
nav .gnb .gnb_over li:first-child {border-left:0;}
nav .gnb .gnb_over li a {position:relative;display:block;font-size:15px;font-weight:bold;} 
nav .gnb .gnb_over li a:hover {color:#3063be;}
nav .gnb .gnb_over li a:hover:after {content:'';position:absolute;left:0;bottom:-14px;width:100%;height:2px;background:#3063be;}
nav .gnb .gnb_over li a span.icon_link {display:inline-block;width:19px;height:15px;background:url(../img/comm/gnb_icon_link.png) no-repeat 6px 0;vertical-align:middle;}
nav .gnb .on .gnb_over {display:block}
nav .gnb .on .gnb_over:before {content:'';background:url(../img/comm/gnb_on.png) no-repeat;}

/*mobile*/
/*모바일 메뉴 on/off 버튼*/
.header_side_wrap .all_menu {display:none;position:absolute;right:20px;top:20px;width:20px;height:20px;font-size:0;line-height:0}
.header_side_wrap .all_menu .ico_cate,
.header_side_wrap .all_menu .ico_cate:before,
.header_side_wrap .all_menu .ico_cate:after {display:block;position:absolute;left:0;width:100%;height:2px;background:#288bcc;content:"";-webkit-transition:.25s ease-in;transition:.25s ease-in}
.header_side_wrap .all_menu .ico_cate {top:8px}
.header_side_wrap .all_menu .ico_cate:before {top:-8px}
.header_side_wrap .all_menu .ico_cate:after {top:8px}
.header_side_wrap .all_menu.close .ico_cate {background-color:transparent;}
.header_side_wrap .all_menu.close .ico_cate:before {transform:rotate(135deg);top:0}
.header_side_wrap .all_menu.close .ico_cate:after {transform:rotate(45deg);top:0}
/*mobile 메뉴*/
nav .m_gnb {display:none;position:fixed;z-index:100;top:60px;right:-100%;bottom:0;overflow-x:hidden;overflow-y:auto;width:100%;background:#fff;-webkit-transition:.25s ease-in;transition:.25s ease-in}
nav .m_gnb.on {right:0}
nav .m_gnb .m_gnb_item {position:relative;width:100%;}
nav .m_gnb .m_gnb_item:before {content:'';position:absolute;z-index:2;left:15px;top:23px;width:3px;height:3px;background-color:#dcddde;border-radius:50%}
nav .m_gnb .m_gnb_item > a {position:relative;display:block;padding-left:28px;border-bottom:1px solid #e7e7e7;line-height:50px;color:#363636;font-size:15px;font-weight:bold;}
nav .m_gnb .m_gnb_item > a:before {content:'';display:inline-block;position:absolute;right:20px;top:50%;margin-top:-4px;width:10px;height:6px;background:url(../img/comm/m_gnb_arrow.png) no-repeat 100% 50%;-webkit-transition:.25s ease-in;transition:.25s ease-in}
nav .m_gnb .m_gnb_item > a.icon_none:before {background:#fff;}
nav .m_gnb .m_gnb_item.show > a {color:#3562cd;}
nav .m_gnb .m_gnb_item.show > a:before {transform:rotate(180deg)}
nav .m_gnb .m_gnb_over {}
nav .m_gnb .m_gnb_over li:before {}
nav .m_gnb .m_gnb_over li a {display:block;padding-left:28px;border-bottom:1px solid #e2e6e9;line-height:50px;color:#4e4e4e;font-size:15px;font-weight:bold;background:#f5f5f5;}
nav .m_gnb .m_gnb_over li a span.icon_link {display:inline-block;width:14px;height:14px;top:9px;margin:-2px 6px 0;background:url(../img/comm/gnb_icon_link.png) no-repeat;vertical-align:middle;}
nav .m_gnb .m_gnb_over > ul > li > a {position:relative;}
nav .m_gnb .m_gnb_over > ul > li.icon_plus > a:before {content:'';display:inline-block;position:absolute;right:20px;top:50%;margin-top:-4px;width:11px;height:11px;background:url(../img/comm/m_gnb_plus.png) no-repeat 100% 50%;}

/*사이트맵*/
.site_wrap {display:none;position:fixed;z-index:100;left:0;top:-100%;overflow-x:hidden;overflow-y:auto;width:100%;background:#fff;-webkit-transition:.25s ease-in;transition:.25s ease-in}
.site_wrap.on {display:block;top:0;bottom:0;}
/*사이트맵 버튼*/
.sitemap_open .sitemap_icon {position:absolute;right:0;top:31px;width:20px;height:20px;font-size:0;line-height:0;z-index:1000;}
.sitemap_open .sitemap_txt {position:absolute;right:0;top:28px;font-size:16px;font-weight:bold;color:#000;width:62px;}
.sitemap_open .ico_cate,
.sitemap_open .ico_cate:before,
.sitemap_open .ico_cate:after {display:block;position:absolute;left:0;width:100%;height:2px;background:#000;content:"";-webkit-transition:.25s ease-in;transition:.25s ease-in}
.sitemap_open .ico_cate {top:8px}
.sitemap_open .ico_cate:before {top:-8px}
.sitemap_open .ico_cate:after {top:8px}
.sitemap_open.close .ico_cate {background-color:transparent;}
.sitemap_open.close .ico_cate:before {transform:rotate(135deg);top:0;background:#288bcc;}
.sitemap_open.close .ico_cate:after {transform:rotate(45deg);top:0;background:#288bcc;}

/*사이트맵*/
.site_container {width:100%;}
.site_container .site_header {height:80px;;border-bottom:1px solid #e7e3de;}
.site_container .site_header .inner {width:95%;margin:0 auto}
.site_container .site_header .inner h1 {float:left;padding-top:15px}
.site_gnb {width:1200px;;margin:0 auto;}
.site_gnb h2 {position:relative;padding:65px 0 10px;font-size:32px;text-align:center;}
.site_gnb h2:after {content:'';position:absolute;top:135px;left:50%;transform:translate(-50%,0);width:40px;height:2px;background:#3f454b;}
.site_item {margin-top:75px;}
.site_item > a {display:block;position:relative;padding-bottom:13px;margin-bottom:16px;border-bottom:1px solid #e5e4e2;font-weight:bold;font-size:22px;text-align:left;}
.site_item .gnb_2depth > ul {padding-left:60px;}
.site_item .gnb_2depth > ul:after {display:block;content:'';clear:both;}
.site_item .gnb_2depth > ul > li {float:left;}
.site_item .gnb_2depth > ul > li > a {display:block;width:210px;font-size:15px;font-weight:bold;text-align:left;}

/*footer*/
.footer{width:100%;height:80px;}
.footer_wrap {position:relative;width:95%;margin:0 auto;}
.footer_wrap .fot_address {padding-left:300px;padding-top:20px}
.footer_wrap .fot_address .info {margin-bottom:3px;font-size:15px;color:#3f454b}
.footer_wrap .fot_address .info li {display:inline-block;padding:0 14px 0 15px;background:url(../img/footer_bar.png) no-repeat 0 50%;vertical-align:middle;}
.footer_wrap .fot_address .info li:first-child {padding-left:0;background:none;}
.footer_wrap .fot_address .info li a.link_nts {display:inline-block;width:52px;height:20px;background:url(../img/link_nts.jpg) no-repeat 100%;vertical-align:middle;}
.footer_wrap .fot_address .info li a.link_seoedu {display:inline-block;width:90px;height:20px;background:url(../img/link_seoedu.png) no-repeat 100%;vertical-align:middle;}
.footer_wrap .fot_address .info li a.link_anti {display:inline-block;width:87px;height:23px;background:url(../img/link_anti.jpg) no-repeat 100%;vertical-align:middle; background-size: 86px;}
.footer_wrap .fot_address .info li .go_admin {font-weight:bold;color:#3063be;}
.footer_wrap .fot_address .copy {font-size:11px;color:#3f454b}
.footer_wrap .fot_address .copy .kheunsure {display:inline-block;color:#000;font-weight:bold;}
.footer_wrap .fot_address .copy .kheunsure span {display:inline-block;padding-left:18px;background:url(../img/footer_kheunsure.png) no-repeat 1px 0;color:#000;font-weight:bold;}
.footer_wrap .fot_logo {position:absolute;top:0;left:0;padding-top:20px}

/* ========== [main] ========== */
.main {width:100%;margin:0 auto;}
.main .section ul:after {content:'';display:block;clear:both}
.main .section {width:95%;margin:0 auto;height:800px;}
.main .section .section_wrap {width:1200px;margin:0 auto;}
.main .section .section_wrap h2 {position:relative;padding:85px 0 95px;font-size:40px;text-align:center;}
.main .section .section_wrap h2:after {content:'';position:absolute;top:173px;left:50%;transform:translate(-50%,0);width:40px;height:2px;background:#000;}
.main .section.sponsor .section_wrap h2 {padding:90px 0 130px;color:#fff;}
.main .section.sponsor .section_wrap h2:after {top:178px;background:#fff;}

/*메인이미지*/
.visual .visual_item1 > div {width:100%;min-width:1200px;;height:800px;background:url(../img/main_view1.jpg) no-repeat 52%/cover;}
.visual .visual_item1 h2 {padding:12% 0 0 8%;}
.visual .visual_item1 h2.mob_view1_txt {display:none;}
.visual .visual_item2 > div {width:100%;min-width:1200px;;height:800px;background:url(../img/main_view2.jpg) no-repeat 50% 20%/100%;}
.visual .visual_item3 > div {width:100%;min-width:1200px;;height:800px;background:url(../img/main_view3.jpg) no-repeat 50% 43%/100%;}

/*주요메뉴*/
.menu {background:url(../img/main_menu_bg.png) no-repeat 5%;}
.menu .menu_cont > div {float:left;width:360px;height:430px;margin-right:60px;border:1px solid #e1e1e1;box-shadow:3px 10px 9px rgba(182, 182, 182, 0.75);transition:all ease 0.5s;cursor:pointer}
.menu .menu_cont > div:hover {transform:scale(1.05);}
.menu .menu_cont.procedure > div {margin-right:0;}
.menu .menu_cont .thumb {height:260px;}
.menu .menu_cont .title {padding:25px 27px 0;}
.menu .menu_cont .title h3 {margin-bottom:7px;font-size:24px;}
.menu .menu_cont .title p {margin-bottom:25px;font-size:16px;}
.menu .menu_cont .title span {display:block;width:30px;height:30px;background-image:url(../img/btn_more.png);background-repeat:no-repeat;}
.menu_cont.news .recent {padding:35px 27px 0;background:#eeeeed;}
.menu_cont.news .recent p {margin-bottom:18px;font-size:16px;font-weight:bold;color:#2e4caa;}
.menu_cont.news .recent span {display:block;overflow:hidden;}
.menu_cont.news .recent .news_tit {margin-bottom:13px;font-size:20px;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;}
.menu_cont.news .recent .news_cont {margin-bottom:30px;height:53px;font-size:16px;}
.menu_cont.news .recent .news_date {font-size:16px;color:#888;}
.menu_cont.greeting .thumb {background:url(../img/main_greeting.jpg) no-repeat}
.menu_cont.procedure .thumb {background:url(../img/main_procedure.jpg) no-repeat}

/*후원안내*/
.sponsor {background:url(../img/main_sponsor.jpg) no-repeat 50% 100%;}
.sponsor li {float:left;width:400px;}
.sponsor li a {display:inline-block;text-align:center;}
.sponsor li a span {display:block;margin-top:12px;font-size:30px;font-weight:bold;color:#fff;}
.sponsor li.spon_item1 {text-align:left;}
.sponsor li.spon_item2 {text-align:center;}
.sponsor li.spon_item3 {text-align:right;}

/* ========== [sub] ========== */
/*layout*/
.sub_wrap {border-bottom:1px solid #e7e3de;}
.sub_wrap .sub_visual {width:100%;min-width:1200px;height:200px;background:url(../img/ka_view.jpg) no-repeat center;}
.sub_wrap .sub_visual h2 {padding-top:68px;font-size:36px;text-align:center;}
.sub_wrap .sub_container {width:1200px;min-width:1200px;min-height:560px;margin:0 auto;padding:50px 0}
.sub_wrap .sub_container:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.sub_wrap .content {width:100%;}

/*location_area*/
.location_area {width:100%;height:50px;background:#fff;border-bottom:1px solid #c0c0c0;}
.location_area > div {width:1200px;margin:0 auto;}
.location_area .dep1 > li {position:relative;float:left;border-right:1px solid #d5d5d5;}
.location_area .dep1 > li a {display:block;}
.location_area .dep1 > li a:hover {color:#3063be;}
.location_area .loc_item > a {width:280px;padding-left:40px;font-size:15px;font-weight:bold;color:#000;text-align:left;line-height:50px;background:url(../img/location_arrow.png) no-repeat 87% 50%;}
.location_area .loc_home > a {width:65px;height:50px;border-left:1px solid #d5d5d5;background:url(../img/location_home.png) no-repeat 50%;}
.location_area .loc_item span {font-size:18px;}
.location_area .dep2 {position:absolute;z-index:100;width:282px;padding:10px 25px;margin-left:-1px;border:1px solid #d5d5d5;border-top:0;background:#fff;}
.location_area .dep2 li a {padding:10px 0;font-size:15px;}
.location_area .dep2 li a:hover {color:#3063be;}

/*갤러리형 게시판*/
.gallery_wrap {width:100%;}
.gallery_list:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.gallery_item {position:relative;float:left;width:22%;margin:0 0 3% 4%;box-shadow:2px 2px 2px #D3D3D3;}
.gallery_item:first-child {margin-left:0;}
.gallery_item .thumb_img {overflow:hidden;height:170px;border:1px solid #e1e1e1;border-bottom:0;}
.gallery_item .thumb_img img,
.gallery_item .thumb_img iframe {width:100%;margin-top:2px;vertical-align:middle;}
.gallery_item .thumb_none {text-align:center;}
.gallery_item .thumb_none img {width:75%;margin-top:85px;transform: translate(0, -50%);}
.gallery_item .caption {padding:13px 15px 6px;border:1px solid #e1e1e1;background:#f9f9f9;}
.gallery_item .caption .item_tit {height:20px;font-size:14px;font-weight:bold;white-space:nowrap;word-break:break-all;overflow:hidden;text-overflow:ellipsis;}
.gallery_item .caption .item_tit span {vertical-align:middle}
.gallery_item .caption .item_tit img {width:17px;height:14px;vertical-align:middle;}
.gallery_item .caption .item_date {padding:8px 0 12px;border-bottom:1px solid #e1e1e1;font-size:12px;color:#858585;}
.gallery_item .caption .item_info {padding-top:6px;font-size:12px;}
.gallery_item .caption .item_info:after {display:block;visibility:hidden;height:0;font-size:0;clear:both;content:''}
.gallery_item .caption .item_info  p:before {display:inline-block;content:'';margin-right:5px;background:url(../img/gallery_icon_info.png) no-repeat;vertical-align:middle;}
.gallery_item .caption .item_info .thumb_cnt {float:left;}
.gallery_item .caption .item_info .thumb_cnt:before {width:12px;height:12px;background-position:0 0;}
.gallery_item .caption .item_info .views {float:right;}
.gallery_item .caption .item_info .views:before {width:18px;height:10px;background-position:-13px 0;}

/*table*/
.tbl_wrap {}
.tbl_type1 {border-top:2px solid #3f454b;}
.tbl_type1 th {height:46px;border-bottom:1px solid #cccccc;border-left:1px solid #ccc;background:#f4f4f4;}
.tbl_type1 tbody th {background:#fbfbfb;}
.tbl_type1 td {height:46px;border-bottom:1px solid #cccccc;border-left:1px solid #ccc;}
.tbl_type1 tr th:first-child,
.tbl_type1 tr td:first-child {border-left:0;}
.tbl_type1 td.tl {padding-left:15px;}
.tbl_type1 td.tr {padding-right:15px;}
.tbl_type1 td.tc {padding:0;text-align:center;}
.tbl_type1 td img {vertical-align:middle;}
.tbl_type1 .slash {background:url(../image/comm/line_slash.png) #f3f3f3;background-size:100% 100%;}
.tbl_type1.board {height:510px;}
.tbl_type1.board td {cursor:pointer;}

/*table paging*/
.tpage {margin-top:20px;}
.tpage img {vertical-align:middle;cursor:pointer;}

/*search box*/
.sch_box {position:relative;margin-bottom:50px;padding:14px 20px 14px;border:1px solid #e1e1e1;background:#f5f5f5;}
.sch_box:before {content:"";position:absolute;bottom:-4px;left:-1px;display:block;width:100%;height:3px;background:#f1f1f1;}
.sch_box .form_area {width:100%;text-align:center;}
.sch_box .form_area input[type=text],
.sch_box .form_area select {height:40px;border:1px solid #dddddd;font-size:16px;}
.sch_box .form_area input[type=text] {width:420px;padding-left:4px;}
.sch_box .form_area select {min-width:150px;}
.sch_box .form_area .btn_sch {width:75px;height:40px;background:#325aaf;color:#fff;font-size:14px;}
.sch_box .form_area .btn_add {width:75px;height:40px;background:#5a5a5a;color:#fff;font-size:14px;}
.sch_box .form_area .btn_del {width:75px;height:40px;background:#b94141;color:#fff;font-size:14px;}
.sch_box .num_area {position:absolute;right:20px;top:24px;font-size:14px;}

/*버튼*/
.btn_area {margin-top:20px;}
.btn_down {padding:10px 36px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#3063be;color:#fff;font-size:14px;vertical-align:middle;}
.btn_purple {background:#9370db;color:#fff;}
.btn_margin {margin-left:8px}

/*설립취지*/
.ka_purpose {margin-top:20px;padding-bottom:25px;text-align:left;}
.ka_purpose .purpose_photo {float:left;}
.ka_purpose .purpose_txt {float:left;width:885px;padding-left:60px;}
.ka_purpose .purpose_txt h3 {margin-bottom:30px;font-size:30px;color:#202020;}
.ka_purpose .purpose_txt p {margin-bottom:30px;line-height:30px;font-size:16px;word-break:keep-all;}

/*이사장 인사말*/
.ka_greeting .greeting_txt {padding:50px 35px;}
.ka_greeting .greeting_txt h3 {margin-bottom:30px;font-size:30px;color:#202020;}
.ka_greeting .greeting_txt p {margin-bottom:30px;line-height:30px;font-size:16px;}

/*오시는길*/
.ka_map .map_img {float:left;width:710px;height:430px;background:gray url(../img/ka04_map.jpg) no-repeat 50% 50%;}
.ka_map .map_txt {float:left;width:490px;height:430px;padding:90px 25px;background:#f2f2f2;}
.ka_map .map_txt li {font-size:16px;}
.ka_map .map_txt .map_tit {margin-bottom:17px;font-size:25px;font-weight:bold;}
.ka_map .map_txt .map_address {margin-bottom:15px;padding-left:20px;background:url(../img/ka04_mapmarker.png) no-repeat 0 3px;font-weight:bold;}
.ka_map .map_txt .map_btn {margin-top:20px;}
.ka_map .map_txt .map_btn a {display:inline-block;padding:9px 19px 10px 54px;border-radius:3px;background:#238cfa url(../img/ka04_nav.png) no-repeat 19px 50%;font-size:18px;color:#fff}

/*류호산 장학생에게*/
.kb_letter {margin:20px 0;padding:15px 25px;border:1px solid #e2e2e2;}
.kb_letter table td {height:45px;padding:0 14px;border-bottom:1px dashed #eaeaea;font-size:15px;text-align:center;}
.kb_letter table td.tr {text-align:right;}
.kb_letter table tr:last-child td {border-bottom:0}

/*장학회 정관*/
.kb_article .article_list {margin-bottom:23px}
.kb_article .article_list dt,
.kb_article .article_list dd {line-height:1.8;}
.kb_article .article_list dt {font-weight:bold;}
.kb_article .detail_box {padding-left:30px;}
.kb_article .detail_list:after {content:'';display:block;clear:both}
.kb_article .detail_list .num {float:left;width:;margin:0 7px 0 0;text-align:right;}

/*결산서류*/
.file_box:after {content:'';display:block;clear:both}
.file_list {float:left;width:32%;margin-left:2%;margin-bottom:30px;padding:35px 25px;border:1px solid #d4d4d4;}
.file_list:hover {box-shadow:3px 3px 8px #d4d4d4}
.file_list:nth-child(1),
.file_list:nth-child(4) {margin-left:0;}
.file_list .file_title {float:left;}
.file_list .file_title p {position:relative;padding-bottom:60px;font-size:20px;font-weight:bold;line-height:1.8;}
.file_list .file_title p:after {content:'';display:block;position:absolute;bottom:31px;left:0;width:20px;height:2px;background:#ccc;}
.file_list .file_title .btn_file {padding:10px 36px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#3063be;color:#fff;font-size:14px;vertical-align:middle;}
.file_list .file_img {float:right;width:150px;}
.file_list .file_img img {width:150px;height:210px;border:1px solid #eaeaea;}

/*장학금 신청안내*/
.info_section {margin-bottom:50px;}
.info_section h3 {margin-bottom:20px;font-size:24px;}
.info_section .step_box ul {margin-left:-28px;}
.info_section .step_box ul:after {content:'';display:block;clear:both}
.info_section .step_item {position:relative;float:left;width:25%;padding-left:28px;text-align:center;}
.info_section .step_item .circle {display:block;padding:5px 0;border-radius:50px;background:#f4f4f4;font-size:16px;line-height:1.7;}
.info_section .step_item:before,
.info_section .step_item:after {content:'';display:block;position:absolute;top:50%;left:50%;}
.info_section .step_item:before {left:7px;width:10px;height:2px;margin-top:-1px;background:#ccc;}
.info_section .step_item:after {left:15px;margin-left:0;margin-top:-6px;border-bottom:6px solid transparent;border-left:6px solid #ccc;border-top:6px solid transparent;}
.info_section .step_item:first-child:before,
.info_section .step_item:first-child:after { display:none;}
.info_section .step_item .block {display:block;padding-left:3px;color:#999;font-size:15px;}
.info_section .detail_list {line-height:1.8;}
.info_section .detail_list:after {content:'';display:block;clear:both}
.info_section .detail_list .num {float:left;margin:0 7px 0 0;text-align:right;}
.info_section .detail_list .dot {float:left;margin:11px 7px 0 0;border:2px solid #3f454b;border-radius:2px;text-align:right;}
.info_section .detail_list .btn_down {margin-top:10px;}

/*후원참여안내*/
.support_info .info_section .step_box ul {margin-bottom:25px;}
.support_info .info_section .step_box .step_item {width:33.3%;}
.support_info .info_section .step_box .step_item .circle {padding:13px 0;}
.support_info .btn_down {margin:10px 0;}

/* ========== [관리자] ========== */
.login_wrap {width:100%;}
.login_wrap .loginbox {width:400px;margin:0 auto;padding:110px 0 130px;}

/*로그인 전*/
.login_form {text-align:center;}
.login_form h2 {font-size:50px;line-height:50px;}
.login_form .in_info {padding:30px 0 60px;margin-bottom:40px;border-bottom:1px solid #e1e1e1;font-size:16px;color:#888;}
.login_form .in_inp {margin-bottom:30px;}
.login_form .in_inp input {width:90%;height:50px;margin-bottom:8px;padding-left:12px;font-size:14px;border:1px solid #e1e1e1;}
.login_form .btn_login {width:90%;height:50px;border-radius:3px;background:#3e61b2;font-size:15px;font-weight:bold;color:#fff;text-align:center;cursor:pointer;}

/*로그인 후*/
.logout_form {padding:70px 30px 70px;border:1px solid #e1e1e1;text-align:center;}
.logout_form h2 {font-size:24px;font-weight:bold;}
.logout_form h2 span {color:#3e61b2;}
.logout_form .btn_logout {width:50%;height:50px;margin-top:50px;border-radius:3px;font-size:15px;font-weight:bold;color:#fff;text-align:center;background:#404040;}


/* ========== [popup] ========== */
/*layout*/
.pop_wrap {width:100%;}
.pop_wrap .content {float:none;width:100%;}
.pop_container {padding:20px 15px 0;}

/*title*/
.area_tit {position:relative;height:50px;background:#2b2f3e;}
.area_tit h2 {padding-left:20px;font-size:20px;color:#fff;line-height:50px;}
.area_tit .btn_close {position:absolute;top:50%;right:15px;margin-top:-17px;width:70px;height:34px;font-size:13px;font-weight:bold;letter-spacing:1px;}
.area_tit .btn_print {position:absolute;top:50%;right:90px;margin-top:-17px;width:70px;height:34px;font-size:13px;font-weight:bold;background:#0c9fa6;color:#fff;letter-spacing:1px;}

/*view파일 table*/
.tbl_view {border:1px solid #ccc;border-top:2px solid #555;}
.tbl_view th {height:40px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background:#f5f5f5;font-size:13px}
.tbl_view td {height:40px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;font-size:13px}
.tbl_view th.tbl_title {height:50px;border-bottom:1px solid #aaa;font-size:15px}
.tbl_view tr th:first-child,
.tbl_view tr td:first-child {border-left:0;}
.tbl_view td.tl {padding-left:15px;}
.tbl_view .fileview {padding-left:15px;}
.tbl_view .fileview .file_name {background:url;}
.tbl_view .cont_box {overflow-y:auto;height:525px;padding:25px;font-size:14px;}

/*insert파일 table*/
.tbl_insert {border:1px solid #ccc;border-top:2px solid #555;border-bottom:0;}
.tbl_insert th {height:40px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;background:#f3f3f3;}
.tbl_insert td {height:40px;border-bottom:1px solid #ccc;border-left:1px solid #ccc;}
.tbl_insert tr th:first-child,
.tbl_insert tr td:first-child {border-left:0;}
.tbl_insert .attach_file {height:36px;color:#888;}
.tbl_insert td.tl {padding-left:15px;}
.tbl_insert input[type=text] {height:28px;padding-left:4px;border:1px solid;border-color:#cbcbcb #e4e4e4 #e4e4e4 #cbcbcb;background:#f8f8f8;}
.tbl_insert select {height:28px;border:1px solid #ddd;}
.tbl_insert .inp_calendar {position:relative;}
.tbl_insert .inp_calendar img {position:absolute;right:5px;top:1px;}
.tbl_insert textarea {padding:5px 4px;border:1px solid;border:0;background:#f8f8f8;}

/*페이지 하단 버튼*/
.btn_wrap {position:relative;text-align:center;margin:15px 0;height:35px;}
.btn_wrap input {width:120px;height:34px;margin:0 2px;font-size:13px;font-weight:bold;}
.btn_wrap .btn_close {position:absolute;right:15px;margin-right:0;border:1px solid #dbdbdb;}
.btn_wrap .go_main {position:absolute;top:7px;left:15px}

/*버튼 공통*/
.btn_save {background:#3f61b2;color:#fff;}
.btn_edit {background:#5a5a5a;color:#fff;}
.btn_del {background:#b94141;color:#fff;}
.btn_close {background:#ececec;color:#474747;}
.btn_view {background:green;color:#fff;}
.btn_inner_select {width:70px;height:28px;background:#ababab;color:#fff;}
.btn_inner_down {width:70px;height:28px;background:#2b2f3e;color:#fff;}
.btn_inner_del {width:70px;height:28px;background:#b94141;color:#fff;}

/*파일업로드*/
/*마스크*/
#mask {position:absolute;z-index:9000;background-color:#000;display:none;left:0;top:0;} 
/*파일업로드 안내창*/
div#Dprogressbar {width:320px;height:120px;position:fixed;top:50%;margin-top:-60px;left:50%;margin-left:-160px;background:#fff;text-align:center;border:2px solid #0065b3;z-index:10000;}
div#pg_progress {width:100%;height:25px;color:#0065b3;font-weight:bold;font-size:27px;margin-top:15px;text-align:center;}
span#pg_total {display:inline-block;font-size:14px;color:#aaa;font-weight:bold;margin-top:26px;}
span#pg_status {display:inline-block;font-size:14px;font-weight:bold;color:#00caff;margin-top:5px;}

/*메인 팝업*/
.main_pop {width:100%;}
.main_pop .cate_area {position:relative;height:40px;background:#fff;border-bottom:1px solid #dcdfe2;}
.main_pop .cate_area h2 {padding-left:20px;font-size:19px;color:#222;line-height:40px;}
.main_pop .cate_area .btn_close {position:absolute;top:50%;right:10px;margin-top:-8px;width:17px;height:17px;background:url(../image/main/main_pop_close.png) no-repeat;font-size:0;}
.main_pop .container {padding:10px;border-top:1px solid #dcdfe2;border-bottom:1px solid #dcdfe2;background:#e9ecef;}
/*메인 팝업 table*/
.tbl_popup {padding:0 15px;background:#fff;border:1px solid #dcdfe2;}
.tbl_popup th {height:50px;border-bottom:2px solid #0061c5;font-size:17px;color:#0061c5;}
.tbl_popup td {padding-top:4px;font-size:13px;text-align:right;}
.tbl_popup .fileview {padding-bottom:5px;}
.tbl_popup .fileview .file_name a {display:inline-block;padding-left:18px;background:url(../image/main/main_pop_file.png) no-repeat 0 50%;}
.tbl_popup .cont_box {overflow-y:auto;height:485px;padding:15px;font-size:14px;}
/*메인 팝업 close*/
.close_area {position:relative;padding:12px 10px 0;text-align:left;}
.close_area input[type=checkbox] {width:18px;height:18px;margin:0 2px;border:1px solid #dbdbdb;}
.close_area label {vertical-align:middle;}
.close_area .btn_close {position:absolute;right:10px;width:80px;height:34px;margin-top:-4px;border:1px solid #dbdbdb;background:#ececec;color:#474747;font-size:13px;font-weight:bold;}



@media (max-width:1024px) {

	.pc_only {display:none;}

	/* ========== [common] ========== */	
	/*header*/
	.header {position:fixed;top:0;z-index:100;min-width:100%;height:60px;}
	.header_wrap {height:60px;}
	
	/*pc*/
	.header_side_wrap h1 {padding-top:12px;}
	.header_side_wrap h1 img {height:34px;}
	
	/*mobile*/
	.header_side_wrap .all_menu {display:block}
	nav .m_gnb {display:block;}
	
	/*footer*/
	.footer{height:auto;text-align:center;}
	.footer_wrap .fot_address {padding:30px 0 10px;}
	.footer_wrap .fot_address .info {margin-bottom:5px;line-height:1.8;}
	.footer_wrap .fot_address .copy {font-size:12px;line-height:1.8}
	.footer_wrap .fot_logo {position:relative;padding:25px 0 30px;}

	/* ========== [main] ========== */
	.main {margin:60px auto 0;}
	.main .section {height:450px;}
	.main .section .section_wrap {width:100%;}
	.main .section .section_wrap h2 {padding:40px 0 50px;font-size:1.6em;}
	.main .section .section_wrap h2:after {top:97px;width:35px;}
	.main .section.sponsor .section_wrap h2 {padding:40px 0 90px;font-size:1.7em;}
	.main .section.sponsor .section_wrap h2:after {top:97px;}

	/*메인이미지*/
	.visual .visual_item1 > div {min-width:100%;height:450px;background:url(../img/m_main_view1.jpg) no-repeat 50% 50% / cover}
	.visual .visual_item1 h2 img {width:50%}
	.visual .visual_item2 > div {min-width:100%;height:450px;background:url(../img/m_main_view2.jpg) no-repeat 50% 50% / cover}
	.visual .visual_item3 > div {min-width:100%;height:450px;background:url(../img/m_main_view3.jpg) no-repeat 50% 50% / cover}

	/*주요메뉴*/
	.menu {background:url(../img/main_menu_bg.png) no-repeat 0 30% / contain;}
	.menu .menu_cont > div {width:32%;height:270px;margin-right:2%;box-shadow:none;}
	.menu .menu_cont > div:hover {transform:scale(1);}
	.menu .menu_cont.procedure > div {margin:0 auto;}
	.menu .menu_cont .thumb {height:165px;}
	.menu .menu_cont .title {padding:11px 14px 0;position:relative;}
	.menu .menu_cont .title h3 {margin-bottom:5px;font-size:17px;}
	.menu .menu_cont .title p {margin-bottom:9px;font-size:13px;}
	.menu .menu_cont .title span {width:24px;height:24px;background-size:24px;}
	.menu_cont.news .recent {padding:23px 14px 0;}
	.menu_cont.news .recent p {margin-bottom:12px;}
	.menu_cont.news .recent .news_tit {margin-bottom:34px;font-size:18px;}
	.menu_cont.news .recent .news_cont {display:none;margin-bottom:12px;height:25px;}
	.menu_cont.news .recent .news_date {font-size:14px;}

	/*후원안내*/
	.sponsor {background:url(../img/main_sponsor.jpg) no-repeat 50% / cover;}
	.sponsor li {width:32%;margin-right:2%;}
	.sponsor li:first-child {margin-right:0;}
	.sponsor li a img {width:130px;}
	.sponsor li a span {font-size:20px;}
	.sponsor li.spon_item1 {text-align:center;}
	.sponsor li.spon_item2 {text-align:center;}
	.sponsor li.spon_item3 {text-align:center;}
	
	/* ========== [sub] ========== */
	/*layout*/
	.sub_wrap .sub_visual {min-width:100%;margin-top:60px;}
	.sub_wrap .sub_container {width:95%;min-width:95%;}

	/*location_area*/
	.location_area > div {width:100%;}
	.location_area .loc_item {width:40%;}
	.location_area .loc_item > a {width:100%;padding-left:20%;}
	.location_area .loc_home > a {width:55px;}
	
	/*설립취지*/
	.ka_purpose .purpose_photo {float:none;margin-bottom:50px;text-align:center;}
	.ka_purpose .purpose_txt {float:none;width:100%;padding:0px;}
	
	/*이사장 인사말*/
	.ka_greeting .greeting_photo {width:100%;margin-bottom:50px}
	.ka_greeting .greeting_photo img {width:100%;}
	.ka_greeting .greeting_txt {padding:0;}
	
	/*오시는길*/
	.ka_map .map_img {width:50%;background:url(../img/ka04_map.jpg) no-repeat 100% 50%;}
	.ka_map .map_txt {width:50%;}
	
	/*결산서류*/
	.file_list {padding:8% 6%;}
	.file_list .file_title {float:none;width:150px;margin:0 auto}
	.file_list .file_img {float:none;margin:30px auto 0;}
	.file_list .file_img img {width:100%;height:210px;}

}

@media (max-width:768px) {
	
	/* ========== [main] ========== */
	/*메인이미지*/
	.visual .visual_item1 h2 {display:none;}
	.visual .visual_item1 h2.mob_view1_txt {display:block;padding:16% 0 0 8%;}
	.visual .visual_item1 h2 img {width:42%}
	
	/*주요메뉴*/
	.menu {background:url(../img/m_main_menu_bg_768.png) no-repeat 0 10% / contain;}
	.menu .menu_cont > div {float:none;width:360px;margin:0 auto}
	/*주요메뉴 슬라이더 화살표*/
	.controls {position:absolute;top:50%;}	
	
	/* ========== [sub] ========== */
	/*갤러리형 게시판*/
	.gallery_item {width:48%;margin:0 0 2% 2%;}
	.gallery_item:first-child {margin-left:1%;}
	.gallery_item:nth-child(3) {margin-left:1%;}
	
	/*search box*/
	.sch_box .form_area {text-align:left;}
	.sch_box .form_area select {width:100%;height:45px;margin:1% 0;}
	.sch_box .form_area .mob_only {width:100%;}
	.sch_box .form_area .mob_only input[type=text] {width:67%;height:45px;margin:1% 2% 1% 0;}
	.sch_box .form_area .btn_sch {width:30%;height:45px;}
	.sch_box .form_area .btn_add {width:100%;height:45px;margin:1% 0;}
	.sch_box .form_area .btn_del {width:100%;height:45px;margin:1% 0;}
	.sch_box .num_area {position:relative;right:0;top:0;margin:2% 0 1%;font-size:15px;text-align:right;}	

	/*오시는길*/
	.ka_map .map_img {width:100%;background:url(../img/ka04_map.jpg) no-repeat 50% 50%;}
	.ka_map .map_txt {width:100%;}
	
	/*장학생 신청안내*/
	.info_section .step_box ul {margin-left:0;}
	.info_section .step_box ul:after {content:'';display:block;clear:both}
	.info_section .step_item {position:relative;float:none;width:100%;padding-left:0px;margin-bottom:23px;}
	.info_section .step_item:before,
	.info_section .step_item:after {content:'';display:block;position:absolute;top:-19px;left:50%;}
	.info_section .step_item:before {width:2px;height:10px;margin-top:0px;margin-left:5px;background:#ccc;}
	.info_section .step_item:after {margin-left:0;margin-top:10px;border-right:6px solid transparent;border-left:6px solid transparent;border-top:6px solid #ccc;}	
	
	/*후원참여안내*/
	.support_info .info_section .step_box .step_item {width:100%;}

	
	/*결산서류*/
	.file_list {padding:8% 6%;}
	.file_list {width:48%;margin-left:2%;}
	.file_list:nth-child(even) {margin-left:2%;}
	.file_list:nth-child(odd) {margin-left:0;}
	.nts .file_list {padding:8% 6% 5%;}


@media (max-width:480px) {
	
	.menu {background:url(../img/m_main_menu_bg_480.png) no-repeat 0 50% / contain}
	.menu .menu_cont > div {width:70%;}
	.visual .visual_item1 h2.mob_view1_txt {padding:30% 0 0 7%;}
	.visual .visual_item1 h2.mob_view1_txt img {width:55%;}
	
	/*sch_box*/
	.sch_box .form_area .mob_only {position:relative;}
	.sch_box .form_area .mob_only input[type=text] {width:100%;margin:1% 0;}
	.sch_box .form_area .btn_sch {position:absolute;top:3px;right:15px;width:23px;height:28px;text-indent:-9999px;font-size:0;background:url(../img/btn_search.png) no-repeat;}
	
	/*갤러리형 게시판*/
	.gallery_item {width:100%;margin:0 0 4% 0;}
	.gallery_item:first-child {margin-left:0;}
	
	/*회장인사말*/
	.kb_letter table td {border-bottom:0;line-height:2;}
	
	/*결산서류*/
	.file_list {width:100%;margin-left:0;}
	.file_list:nth-child(even) {margin-left:0;}
	.file_list .file_title {float:left;margin:0;}
	.file_list .file_img {float:right;margin:0px;width:50%;}
	.file_list .file_img img {width:100%;}

}

