@charset "utf-8";
/* CSS Document */

body, div, header, footer, section, article, aside, figure, nav, p, h1, h2, h3, h4, h5, dl, dt, dd, button, ul, ol, li, fieldset, legend, table, th, td, input, textarea, select { font-family: 'Malgun Gothic'; margin: 0; padding: 0; line-height: 1.267em; letter-spacing: -1px; font-size: 12px; font-weight: bold; color: #333; -webkit-text-size-adjust: none; }
ul, ol, li { list-style: none; }
button { vertical-align: top; border: 0; background: none; cursor: pointer; outline: 0; }
img { vertical-align: top; border: 0; }
fieldset { border: 0; }
legend, caption { border: 0; position: absolute; font-size: 0; width: 0; height: 0; line-height: 0; visibility: hidden; overflow: hidden; }
table { width: 100%; border-spacing: 0; border-collapse: separate; border: 0; }
label, input { vertical-align: middle; }
input, textarea, select { outline: 0; }

/* common */
div#wrapper { position: relative; }

div#gnb_wrapper nav { width: 55%; height: 100%; background-color: #fff; top: 0; left: -55%; position: absolute; z-index: 9999; }
div#gnb_wrapper nav div#gnb_login { text-align: center; padding: 15px 0; border-bottom: 1px solid #dfdfdf; }
div#gnb_wrapper nav div#gnb_login p span { color: #437ab9; }
div#gnb_wrapper nav div#gnb_login a { display: inline-block; color: #fff; font-size: 11px; padding: 6px 15px; background-color: #437ab9; text-decoration: none; margin-top: 5px; }
div#gnb_wrapper nav ul#gnb_menu li > button { font-size: 14px; width: 100%; border-bottom: 1px solid #dfdfdf; }
div#gnb_wrapper nav ul#gnb_menu li > button.active { color: #fff; background-color: #437ab9; border-bottom: 1px solid #13355e; }
div#gnb_wrapper nav ul#gnb_menu li > button span { display: block; padding-left: 15px; height: 45px; line-height: 45px; text-align: left; }
div#gnb_wrapper nav ul#gnb_menu li ul.depth_menu { border-bottom: 1px solid #dfdfdf; background-color: #fbfbfb; display: none; }
div#gnb_wrapper nav ul#gnb_menu li ul.depth_menu li a { display: block; text-decoration: none; color: #999; height: 30px; line-height: 30px; padding-left: 25px; background:url(../images/bullet_depth_menu.png) 15px 50% no-repeat; background-size: 5px; }
div#gnb_wrapper nav ul#gnb_menu li ul.depth_menu li a.on { background: #275184 url(../images/bullet_depth_menu_on.png) 15px 50% no-repeat; background-size: 5px; color: #fff; }
div#gnb_wrapper nav button#menu_close { position: absolute; top: 19px; right: -30px; display: none; }
div#gnb_wrapper span#gnb_mask { display: block; width: 100%; height: 100%; background:url(../images/bg_gnb_mask.png) repeat; position: absolute; z-index: 9998; opacity: 0; display: none; }

header#header { position: relative; }
header#header button#menu_open { position: absolute; top: 18px; left: 15px; }
header#header div#top h1 { text-align: center; height: 42px; padding-top: 12px; background-color: #072c74; }
header#header div#page_title { position: relative; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; position: relative; }
header#header div#page_title h2 { font-size: 18px; color: #072c74; height: 45px; line-height: 45px; padding-left: 37px; }

header#header div#page_title h2.tit_search { background:url(../images/ico_title_search.png) 10px 50% no-repeat; background-size: 22px; }
header#header div#page_title h2.tit_login { background:url(../images/ico_title_login.png) 10px 50% no-repeat; background-size: 22px; }
header#header div#page_title h2.tit_loc { background:url(../images/ico_title_loc.png) 10px 50% no-repeat; background-size: 22px; }
header#header div#page_title h2.tit_csreq { background:url(../images/ico_title_csreq.png) 10px 50% no-repeat; background-size: 22px; }
header#header div#page_title h2.tit_edup { background:url(../images/ico_title_edup.png) 10px 50% no-repeat; background-size: 22px; }
header#header div#page_title h2.tit_news { background:url(../images/ico_title_news.png) 10px 50% no-repeat; background-size: 22px; }
header#header div#page_title h2.tit_prg { background:url(../images/ico_title_prg.png) 10px 50% no-repeat; background-size: 22px; }
header#header div#page_title h2.tit_wiz { background:url(../images/ico_title_wiz.png) 10px 50% no-repeat; background-size: 22px; }

header#header div#page_title div#bbs_control { position: absolute; top: 7px; right: 10px; clear: both; overflow: hidden; padding-left: 1px; }
header#header div#page_title div#bbs_control:before, header#header div#page_title div#bbs_control:after { display: block; content: ''; clear: both; }
header#header div#page_title div#bbs_control a { display: block; float: left; vertical-align: top; border: 1px solid #dfdfdf; margin-left: -1px; width: 29px; height: 29px; text-align: center; overflow: hidden; text-indent: -10000em; }
header#header div#page_title div#bbs_control a.bbs_btn_write { background: url(../images/ico_write.png) 50% 50% no-repeat; background-size: 15px; }
header#header div#page_title div#bbs_control a.bbs_btn_list { background: url(../images/ico_list.png) 50% 50% no-repeat; background-size: 15px; }
header#header div#page_title div#bbs_control a.bbs_btn_delete { background: url(../images/ico_delete.png) 50% 50% no-repeat; background-size: 13px; }
header#header div#page_title div#bbs_control a.bbs_btn_prev { background: url(../images/ico_prev_off.png) 50% 50% no-repeat; background-size: 10px; margin-left: 5px; }
header#header div#page_title div#bbs_control a.bbs_btn_prev.on { background: url(../images/ico_prev_on.png) 50% 50% no-repeat; background-size: 10px; }
header#header div#page_title div#bbs_control a.bbs_btn_next { background: url(../images/ico_next_off.png) 50% 50% no-repeat; background-size: 10px; }
header#header div#page_title div#bbs_control a.bbs_btn_next.on { background: url(../images/ico_next_on.png) 50% 50% no-repeat; background-size: 10px; }
header#header ul#tab { overflow: hidden; clear: both; border-bottom: 1px solid #dfdfdf; text-align: center; }
header#header ul#tab:before, header#header ul#tab:after { display: block; content: ''; clear: both; }
header#header ul#tab li { display: inline-block; }
header#header ul#tab li a { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; text-decoration: none; color: #666; font-size: 14px; }
header#header ul#tab li:first-child a { background: none; }
header#header ul#tab li a.on { color: #333; border-bottom: 2px solid #072c74; height: 38px; }

header#header ul#tab.tab_wizintro li { margin: 0 0;}
@media screen and (min-width: 359px){
	header#header ul#tab.tab_wizintro li { margin: 0 3px;}
}
@media screen and (min-width: 374px){
	header#header ul#tab.tab_wizintro li { margin: 0 4px;}
}
@media screen and (min-width: 413px){
	header#header ul#tab.tab_wizintro li { margin: 0 7px;}
}

header#header ul#tab.tab_edup li { margin: 0 25px;}
@media screen and (min-width: 359px){
	header#header ul#tab.tab_edup li { margin: 0 30px;}
}
@media screen and (min-width: 374px){
	header#header ul#tab.tab_edup li { margin: 0 32px;}
}
@media screen and (min-width: 413px){
	header#header ul#tab.tab_edup li { margin: 0 37px;}
}

header#header ul#tab.tab_program li { margin: 0 55px;}
@media screen and (min-width: 359px){
	header#header ul#tab.tab_program li { margin: 0 60px;}
}
@media screen and (min-width: 374px){
	header#header ul#tab.tab_program li { margin: 0 65px;}
}
@media screen and (min-width: 413px){
	header#header ul#tab.tab_program li { margin: 0 75px;}
}

header#header ul#tab.tab_join li { margin: 0 22px;}
@media screen and (min-width: 359px){
	header#header ul#tab.tab_join li { margin: 0 28px;}
}
@media screen and (min-width: 374px){
	header#header ul#tab.tab_join li { margin: 0 32px;}
}
@media screen and (min-width: 413px){
	header#header ul#tab.tab_join li { margin: 0 42px;}
}

header#header ul#tab li:first-child { margin-left: 0; }
header#header ul#tab li:last-child { margin-right: 0; }

section#contents ul#tab_depth { overflow: hidden; clear: both; margin-bottom: 10px; }
section#contents ul#tab_depth:before, section#contents ul#tab_depth:after { content: ''; display: block; clear: both; }
section#contents ul#tab_depth li { float: left; margin-left: 1px; }
section#contents ul#tab_depth li:first-child { margin-left: 0; }
section#contents ul#tab_depth li a { display: block; background-color: #e1e1d9; padding: 10px; text-decoration: none; color: #666; }
section#contents ul#tab_depth li a.on { color: #fff; background-color: #072c74; }

section#contents { padding: 10px 10px 20px 10px; min-height: 378px; background-color: #f5f5ef; }
section#contents section.group { margin-top: 15px; }
section#contents section.group:first-child { margin-top: 0; }
section#contents form fieldset:first-child section.group { margin-top: 0; }
section#contents section.group header h3 { color: #41413a; padding-left: 15px; background:url(../images/bullet_h3.png) 0 50% no-repeat; background-size: 11px; margin-bottom: 7px; }
section#contents section.group header h4 { color: #072c74; font-size: 14px; padding-left: 17px; background:url(../images/bullet_h4.png) 0 50% no-repeat; background-size: 13px; margin-bottom: 10px; }

footer#footer { height: 96px; padding-top: 10px; background-color: #04273b; }
footer#footer div#footer_menu { text-align: center; }
footer#footer div#footer_menu a { display: inline-block; border-top: 1px solid #000; border-bottom: 2px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; color: #c5d1e2; background-color: #09334b; text-decoration: none; }
footer#footer div#footer_menu a span { display: block; width: 69px; height: 25px; text-align: center; line-height: 25px; border: 1px solid #135175; }
footer#footer address { font-style: normal; letter-spacing: 0; color: #c5d1e2; font-size: 10px; text-align: center; margin-top: 5px; }
footer#footer address a { color: #c5d1e2; text-decoration: none; }

/* bbs */
ul#bbs_list li:first-child { margin-top: 0 ;}
ul#bbs_list li a { display: block; background-color: #fff; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 15px; text-decoration: none; } 
ul#bbs_list li:first-child a { border-top: 1px solid #dfdfdf; }
ul#bbs_list li a p { color: #333; font-size: 14px; }
ul#bbs_list li a span { color: #999; font-size: 11px; display: block; margin-top: 5px; font-weight: normal; }
ul#bbs_list li a p.ico_pwd { background: url(../images/ico_password.png) 0 3px no-repeat; background-size: 8px; padding-left: 13px; }
ul#bbs_list li a p.ico_reply { background: url(../images/ico_reply.png) 0 3px no-repeat; background-size: 10px; padding-left: 13px; }
ul#bbs_list li.reply a { background: #fff url(../images/ico_reply.png) 15px 19px no-repeat; background-size: 10px; }
ul#bbs_list li.reply a p { padding-left: 13px; }
ul#bbs_list li.reply a p.ico_pwd { background: url(../images/ico_password.png) 13px 3px no-repeat; background-size: 8px; padding-left: 25px; }

div#bbs_write table { background-color: #fff; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; }
div#bbs_write table tbody tr th { border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; text-align: left; padding: 13px 0 13px 15px; font-weight: normal; }
div#bbs_write table tbody tr td { border-right: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf; padding: 13px 15px 13px 0; color: #999; }
div#bbs_write table tbody tr:first-child th { border-top: 0; }
div#bbs_write table tbody tr:first-child td { border-top: 0; }
div#bbs_write table tbody tr td.td_textarea { border-left: 1px solid #dfdfdf; padding: 13px 15px; }
div#bbs_write table tbody tr td a.page_move { display: block; text-decoration: none; color: #999; background: url(../images/ico_page_move.png) 100% 50% no-repeat; background-size: 8px; }

dl#bbs_view dt { display: block; background-color: #fff; border: 1px solid #dfdfdf; padding: 15px; }
dl#bbs_view dt p { color: #333; font-size: 14px; }
dl#bbs_view dt span { color: #999; font-size: 11px; display: block; margin-top: 5px; font-weight: normal; }
dl#bbs_view dd { display: block; background-color: #fff; border: 1px solid #dfdfdf; padding: 15px; margin-top: 5px; }
dl#bbs_view dd img { max-width: 100%; margin: 0 auto; height: auto !important; }

ul#upfile_list li { padding: 0 15px; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; background-color: #fff; }
ul#upfile_list li a { display: block; padding: 10px 0; text-decoration: none; color: #4f7dc3; } 
ul#upfile_list li a.file_down { background: url(../images/ico_filedown.png) 100% 50% no-repeat; background-size: 18px; }
ul#upfile_list li a.file_up { color: #999; background: url(../images/ico_fileup.png) 100% 50% no-repeat; background-size: 18px; }
ul#upfile_list li a.file_del { color: #999; background: url(../images/ico_file_delete.png) 99% 50% no-repeat; background-size: 12px; }
ul#upfile_list li:first-child { border-top: 1px solid #dfdfdf; }

/* contents */
section#contents div.page_alt { border: 1px solid #dfdfdf; padding: 12px 15px; background-color: #fff; font-size: 11px; margin-bottom: 10px; }
section#contents div.page_alt p.alt_calendar { padding-left: 24px; min-height: 16px; background:url(../images/bullet_cal_alt.png) no-repeat; background-size: 16px; }

section#contents dl#calendar { border: 1px solid #dfdfdf; background-color: #fff; }
section#contents dl#calendar dt { height: 40px; overflow: hidden; clear: both; }
section#contents dl#calendar dt:before, section#contents dl#calendar dt:after { display: block; content: ''; clear: both; }
section#contents dl#calendar dt select { display: block; margin-left: 13px; margin-top: 10px; color: #333; float: left; font-size: 18px; letter-spacing: 0; border: 0; -webkit-appearance: none; background:url(../images/bg_cal_select.png) 100% 50% no-repeat; background-size: 8px; padding-right: 10px; }
section#contents dl#calendar dt span { float: right; letter-spacing: 0; font-weight: normal; margin-right: 15px; margin-top: 18px; }
section#contents dl#calendar dd table thead tr th { font-size: 10px; color: #767c86; font-weight: normal; padding: 14px 0; }
section#contents dl#calendar dd table tbody tr td { font-size: 14px; color: #555; text-align: center; height: 41px; border-top: 1px solid #dfdfdf; letter-spacing: 0; }
section#contents dl#calendar dd table tbody tr td button { letter-spacing: 0; display: inline-block; width: 27px; height: 27px; background: url(../images/bg_schedule.png) no-repeat; background-size: 100%; line-height: 27px; color: #555; }
section#contents dl#calendar dd table tbody tr td button.active { background: url(../images/bg_schedule_active.png) no-repeat; background-size: 100%; color: #fff; }
section#contents dl#calendar dd table tbody tr td.sun { color: #d24343; }
section#contents dl#calendar dd table tbody tr td.sat { color: #4a78cd; }
section#contents dl#calendar dd table tbody tr td.empty { color: #ccc; }
section#contents dl#calendar dd table tbody tr td.scd_detail_list { background-color: #5b7cbb; padding: 10px; display: none; }
section#contents dl#calendar dd table tbody tr td.scd_detail_list ul { display: none; }
section#contents dl#calendar dd table tbody tr td.scd_detail_list ul li { clear: both; overflow: hidden; margin-top: 13px; }
section#contents dl#calendar dd table tbody tr td.scd_detail_list ul li:first-child { margin-top: 0; }
section#contents dl#calendar dd table tbody tr td.scd_detail_list ul li:before, section#contents dl#calendar dd table tbody tr td.scd_detail_list ul li:after { display: block; content: ''; clear: both; }
section#contents dl#calendar dd table tbody tr td.scd_detail_list ul li span.scd_icon { display: block; float: left; margin-top: 2px; width: 30px; height: 23px; }
section#contents dl#calendar dd table tbody tr td.scd_detail_list ul li p { float: left; letter-spacing: 0; text-align: left; color: #fff; font-size: 11px; }
section#contents dl#calendar dd table tbody tr td.scd_detail_list ul li p span.scd_date { font-size: 10px; color: #e2e3a7; }
section#contents dl#calendar dd table tbody tr td.scd_detail_list ul li span.scd_icon.ico_01 { background: url(../images/calendar_icon/01.png) 50% 0 no-repeat; background-size: 100%; }
section#contents dl#calendar dd table tbody tr td.scd_detail_list ul li span.scd_icon.ico_02 { background: url(../images/calendar_icon/02.png) 50% 0 no-repeat; background-size: 100%; }

section#contents .contents_wrap .title_txt { background-color: #fff; padding: 13px 0; border: 1px solid #dfdfdf; font-size: 12px; text-align: center; }
section#contents .contents_wrap span.rows { display: block; text-indent: -17px; padding-left: 17px; margin-top: 7px; }
section#contents .contents_wrap figure { text-align: center; padding: 20px 0 0; }
section#contents .contents_wrap .tb_solution thead th { background-color: #4071ab; color: #fff; letter-spacing: 0; padding: 12px 0; }
section#contents .contents_wrap .tb_solution tbody tr th { border-top: 1px solid #fff; letter-spacing: 0; }
section#contents .contents_wrap .tb_solution tbody tr:first-child th { border-top: 0; }
section#contents .contents_wrap .tb_solution tbody th.first { background-color: #ffbb00; color: #fff; }
section#contents .contents_wrap .tb_solution tbody th.royal { background-color: #7bbc2c; color: #fff; }
section#contents .contents_wrap .tb_solution tbody th.wclass { background-color: #217bc9; color: #fff; }
section#contents .contents_wrap .tb_solution tbody tr td { background-color: #fff; padding: 10px; line-height: 18px; border-top: 1px solid #dfdfdf; font-weight: normal; }
section#contents .contents_wrap .tb_solution tbody tr:first-child td { border-top: 0; }

section#contents .contents_wrap .prg_target_list li { display: block; background-color: #fff; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 15px; text-decoration: none; } 
section#contents .contents_wrap .prg_target_list li:first-child { margin-top: 0; border-top: 1px solid #dfdfdf; }
section#contents .contents_wrap .prg_target_list li p { font-size: 14px; }
section#contents .contents_wrap .prg_target_list li span { font-size: 12px; display: block; margin-top: 5px; font-weight: normal; }

section#contents .contents_wrap .edu_method { background-color: #384f95; padding: 15px; }
section#contents .contents_wrap .edu_method p { color: #fff; font-size: 14px; }
section#contents .contents_wrap .edu_method span { display: block; color: #f3dd64; margin-top: 10px; }

section#contents .contents_wrap .wiz_txt p+span { display: block; margin-top: 10px; }
section#contents .contents_wrap .cont_txt { background-color: #fff; border: 1px solid #dfdfdf; color: #999; font-size: 12px; padding: 15px; }

section#contents #wiz_slider { position: relative; }
section#contents #wiz_slider ul li figure { width: 100%; background-color: #333; text-align: center; }
section#contents #wiz_slider ul li figure img { max-width: 100%; height: 225px; }
section#contents #wiz_slider .slider_control a { display: block; position: absolute; width: 42px; height: 42px; text-indent: -10000em; overflow: hidden; top: 50%; margin-top: -21px; }
section#contents #wiz_slider .slider_control a.gallery_prev { background:url(../images/btn_gallery_prev.png) no-repeat; background-size: 100%; left: 10px; }
section#contents #wiz_slider .slider_control a.gallery_next { background:url(../images/btn_gallery_next.png) no-repeat; background-size: 100%; right: 10px; }
section#contents #wiz_pager { background-color: #e7e7e2; clear: both; overflow: hidden; border-top: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; margin-top: 15px; }
section#contents #wiz_pager ul:before, section#contents #wiz_pager ul:after { display: block; content: ''; clear: both; }
section#contents #wiz_pager ul > li figure { width: 100%; text-align: center; padding: 20px 0; }
section#contents #wiz_pager ul > li figure a { display: inline-block; }
section#contents #wiz_pager ul > li figure a img { max-width: 100%; height: 50px; opacity: 0.5; }
section#contents #wiz_pager ul > li figure a.active img { opacity: 1; }

section#contents .map_txt { font-weight: normal; color: #666; line-height: 18px; }

section#contents ul#tch_list li:first-child { margin-top: 0 ;}
section#contents ul#tch_list li { display: block; background-color: #fff; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; min-height: 45px; padding: 15px 15px 15px 75px; text-decoration: none; position: relative; } 
section#contents ul#tch_list li:first-child { border-top: 1px solid #dfdfdf; }
section#contents ul#tch_list li figure { position: absolute; top: 15px; left: 15px; }
section#contents ul#tch_list li figure img { width: 45px; height: 45px; }
section#contents ul#tch_list li p { color: #333; font-size: 14px; }
section#contents ul#tch_list li span { color: #999; font-size: 11px; display: block; margin-top: 5px; font-weight: normal; }

section#contents ul#song_list li:first-child { margin-top: 0 ;}
section#contents ul#song_list li { display: block; background-color: #fff; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; min-height: 45px; padding: 15px 15px 15px 75px; text-decoration: none; position: relative; } 
section#contents ul#song_list li:first-child { border-top: 1px solid #dfdfdf; }
section#contents ul#song_list li a { display: block; text-decoration: none; }
section#contents ul#song_list li figure { position: absolute; top: 15px; left: 15px; }
section#contents ul#song_list li figure img { width: 45px; height: 45px; }
section#contents ul#song_list li p { color: #333; font-size: 14px; }
section#contents ul#song_list li span { color: #999; font-size: 11px; display: block; margin-top: 5px; font-weight: normal; }

section#contents ul.branch_list li { display: block; background-color: #fff; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 15px; text-decoration: none; }
section#contents ul.branch_list li:first-child { margin-top: 0; border-top: 1px solid #dfdfdf; } 
section#contents ul.branch_list li p { color: #333; font-size: 14px; }
section#contents ul.branch_list li span { color: #999; font-size: 11px; display: block; margin-top: 5px; font-weight: normal; }
section#contents ul.branch_list li a { display: block; color: #333; font-size: 14px; text-decoration: none; padding: 10px 0; background:url(../images/ico_page_move.png) 100% 50% no-repeat; background-size: 13px; }

section#contents .greeting_wrap { background-color: #fff; border: 1px solid #dfdfdf; padding: 10px; line-height: 18px; font-weight: normal; }
section#contents .greeting_wrap table { width: 100% !important; }
section#contents .greeting_wrap table td { display: block; width: 100% !important; }
section#contents .greeting_wrap img { display: block; margin: 10px auto; max-width: 100%; height: auto !important; }
section#contents .greeting_wrap img:first-child { margin: 0 auto 10px; }

section#contents .wiz_map { width: 295px; margin: 0 auto; height: 445px; position: relative; background:url(../images/bg_map.png) 50% 0 no-repeat; background-size: 280px; }
section#contents .wiz_map a { display: block; position: absolute; width: 55px; height: 57px; background:url(../images/ico_map_point_on.png); background-size: 100%; color: #fff; line-height: 57px; text-align: center; text-decoration: none; }
section#contents .wiz_map span { display: block; position: absolute; width: 55px; height: 57px; background:url(../images/ico_map_point_off.png) no-repeat; background-size: 100%; color: #666; line-height: 57px; text-align: center; }
section#contents .wiz_map .pos01 { top: 55px; left: 60px; }
section#contents .wiz_map .pos02 { top: 45px; left: 0; }
section#contents .wiz_map .pos03 { top: 100px; left: 20px; }
section#contents .wiz_map .pos04 { top: 100px; left: 100px; }
section#contents .wiz_map .pos05 { top: 45px; left: 135px; }
section#contents .wiz_map .pos06 { top: 160px; left: 10px; }
section#contents .wiz_map .pos07 { top: 155px; left: 80px; }
section#contents .wiz_map .pos08 { top: 145px; left: 180px; }
section#contents .wiz_map .pos09 { top: 200px; left: 130px; }
section#contents .wiz_map .pos10 { top: 210px; left: 55px; }
section#contents .wiz_map .pos11 { top: 210px; left: 200px; }
section#contents .wiz_map .pos12 { top: 305px; left: 0; }
section#contents .wiz_map .pos13 { top: 245px; left: 10px; }
section#contents .wiz_map .pos14 { top: 285px; left: 110px; }
section#contents .wiz_map .pos15 { top: 260px; left: 165px; }
section#contents .wiz_map .pos16 { bottom: 30px; left: 30px; }


/* main */
section#m_slider { position: relative; }
section#m_slider .branch_name { position: absolute; z-index: 99; width: 100px; height: 100px; background: url(../images/bg_m_banner_txt.png) no-repeat; background-size: 100px; text-align: center; right: 5px; top: -35px; }
section#m_slider .branch_name p { color: #fff; margin-top: 26px; font-size: 13px; }
section#m_slider .branch_name span { display: block; color: #fffa6e; font-weight: normal; margin-top: 5px; font-size: 11px; }
section#m_slider .branch_name a { text-decoration: none; color: #fffa6e; }
section#m_slider ul li img { width: 100%; }
section#m_slider .bx-pager { text-align: center; background-color: #f5f5ef; padding-top: 5px; }
section#m_slider .bx-pager .bx-pager-item { display: inline-block; margin: 0 2.5px; }
section#m_slider .bx-pager .bx-pager-item a { display: block; width: 10px; height: 10px; overflow: hidden; text-indent: -10000em; background: url(../images/ico_m_slider_off.png) no-repeat; background-size: 10px; }
section#m_slider .bx-pager .bx-pager-item a.active { background: url(../images/ico_m_slider_on.png) no-repeat; background-size: 10px; }
section#m_slider .bx-controls-direction a { display: block; position: absolute; bottom: 30px; overflow: hidden; text-indent: -10000em; width: 16px; height: 25px; }
section#m_slider .bx-controls-direction a.bx-prev { background: url(../images/btn_prev_m_banner.png) no-repeat; background-size: 16px; left: 10px; }
section#m_slider .bx-controls-direction a.bx-next { background: url(../images/btn_next_m_banner.png) no-repeat; background-size: 16px; right: 10px; }

section#contents section.m_board_wrap { position: relative; background-color: #fff; border: 1px solid #dfdfdf; margin-top: 10px; }
section#contents section.m_board_wrap:first-child { margin-top: 0; }
section#contents section.m_board_wrap header { border-bottom: 1px solid #dfdfdf; padding: 10px 0; padding-left: 36px; font-size: 14px; }
section#contents section.m_board_wrap header.brd_news { background: url(../images/ico_news.png) 10px 50% no-repeat; background-size: 20px; }
section#contents section.m_board_wrap header.brd_gallery { background: url(../images/ico_gallery.png) 10px 50% no-repeat; background-size: 20px; }
section#contents section.m_board_wrap header.brd_event { background: url(../images/ico_event.png) 10px 50% no-repeat; background-size: 20px; }
section#contents section.m_board_wrap header.brd_news > a { display: inline-block; font-size: 14px; border-left: 1px solid #eee; text-decoration: none; color: #333; padding: 0 7px; }
section#contents section.m_board_wrap header.brd_news > a.off { color: #999; }
section#contents section.m_board_wrap header.brd_news > a:first-child { border-left: 0; padding-left: 0; }
section#contents section.m_board_wrap .m_board_list li { border-top: 1px solid #dfdfdf; }
section#contents section.m_board_wrap .m_board_list li:first-child { border-top: 0; }
section#contents section.m_board_wrap .m_board_list li a { display: block; clear: both; overflow: hidden; padding: 10px 10px; text-decoration: none; }
section#contents section.m_board_wrap .m_board_list li a:before, section#contents section.m_board_wrap .m_board_list li a:after { display: block; content: ''; clear: both; }
section#contents section.m_board_wrap .m_board_list li a p { float: left; overflow: hidden; width: 75%; padding-right: 5%; white-space: nowrap; text-overflow: ellipsis; color: #333; }
section#contents section.m_board_wrap .m_board_list li a span { float: right; text-align: right; width: 20%; color: #999; font-size: 11px; }
section#contents section.m_board_wrap .m_board_more { position: absolute; top: 14px; right: 10px; }

section#contents section.m_quick_menu { background-color: #fff; border: 1px solid #dfdfdf; padding: 10px 5px; margin-top: 10px; }
section#contents section.m_quick_menu ul { overflow: hidden; clear: both; }
section#contents section.m_quick_menu ul:before, section#contents section.m_quick_menu ul:after { display: block; content: ''; clear: both; }
section#contents section.m_quick_menu ul li { float: left; width: 25%; text-align: center; }
section#contents section.m_quick_menu ul li a { display: inline-block; width: 56px; text-align: center; text-decoration: none; color: #333; font-size: 12px; padding-top: 64px; }
section#contents section.m_quick_menu ul li a.quick01 { background: url(../images/ico_m_quick01.png) no-repeat; background-size: 56px; }
section#contents section.m_quick_menu ul li a.quick02 { background: url(../images/ico_m_quick02.png) no-repeat; background-size: 56px; }
section#contents section.m_quick_menu ul li a.quick03 { background: url(../images/ico_m_quick03.png) no-repeat; background-size: 56px; }
section#contents section.m_quick_menu ul li a.quick04 { background: url(../images/ico_m_quick04.png) no-repeat; background-size: 56px; }

section#contents section.m_board_wrap .m_gallery_list { padding: 0 2.5px; overflow: hidden; clear: both; }
section#contents section.m_board_wrap .m_gallery_list:before, section#contents section.m_board_wrap .m_gallery_list:after { display: block; content: ''; clear: both; }
section#contents section.m_board_wrap .m_gallery_list li { float: left; width: 33.33333333333%; }
section#contents section.m_board_wrap .m_gallery_list li a { display: block; padding: 5px 2.5px; }

section#contents section.m_board_wrap .m_event_slider .bx-wrapper { position: relative; }
section#contents section.m_board_wrap .m_event_slider ul li a { display: block; padding: 5px; }
section#contents section.m_board_wrap .m_event_slider .bx-pager { position: absolute; top: -23px; right: 8px; }
section#contents section.m_board_wrap .m_event_slider .bx-pager .bx-pager-item { display: inline-block; margin: 0 2.5px; }
section#contents section.m_board_wrap .m_event_slider .bx-pager .bx-pager-item a { display: block; width: 10px; height: 10px; overflow: hidden; text-indent: -10000em; background: url(../images/ico_m_slider_off.png) no-repeat; background-size: 10px; }
section#contents section.m_board_wrap .m_event_slider .bx-pager .bx-pager-item a.active { background: url(../images/ico_m_slider_on.png) no-repeat; background-size: 10px; }
section#contents section.m_board_wrap .m_event_slider .bx-controls-direction a { display: block; position: absolute; top: 50%; margin-top: -12.5px; overflow: hidden; text-indent: -10000em; width: 16px; height: 25px; }
section#contents section.m_board_wrap .m_event_slider .bx-controls-direction a.bx-prev { background: url(../images/btn_prev_m_banner.png) no-repeat; background-size: 16px; left: 10px; }
section#contents section.m_board_wrap .m_event_slider .bx-controls-direction a.bx-next { background: url(../images/btn_next_m_banner.png) no-repeat; background-size: 16px; right: 10px; }

section#contents ul#add_list li:first-child { margin-top: 0 ;}
section#contents ul#add_list li a { display: block; background: #fff url(../images/ico_next_off.png) 97% 50% no-repeat; background-size: 10px; border-left: 1px solid #dfdfdf; border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; padding: 15px; text-decoration: none; } 
section#contents ul#add_list li:first-child a { border-top: 1px solid #dfdfdf; }
section#contents ul#add_list li a p { color: #333; font-size: 14px; }
section#contents ul#add_list li a span { color: #999; font-size: 11px; display: block; margin-top: 5px; font-weight: normal; }


/* form */
.input_box { position: relative; width: 100%; height: 16px; }
.input_box input[type=text], .input_box input[type=password], .input_box input[type=number],.input_box input[type=email] { border: 0; width: 100%; top: 0; left: 0; color: #999; position: absolute; z-index: 10; background: none; height: 16px; }
.input_box span { position: relatve; display: block; height: 16px; top: 0; left: 0; z-index: 1; color: #999; vertical-align: middle; }

#login_box { border-bottom: 1px solid #ccc; padding-bottom: 15px; }
#login_box .login_input_box { position: relative; padding: 0 15px; height: 40px; border: 1px solid #dfdfdf; background-color: #fff; margin-top: 10px; }
#login_box .login_input_box input[type=text], .login_input_box input[type=password] { border: 0; width: 100%; top: 0; left: 0; color: #999; position: relative; z-index: 10; background: none; height: 40px; }
#login_box .login_input_box span { position: absolute; display: block; height: 40px; line-height: 40px; top: 0; left: 15px; z-index: 1; color: #999; vertical-align: middle; }
#login_box input[type=submit] { margin-top: 15px; }
#login_box .login_check_box { margin-top: 15px; }
#login_box .login_check_box input[type=checkbox] { -webkit-appearance: none; width: 20px; height: 20px; background:url(../images/bg_radio_off.png) no-repeat; background-size: 100%; }
#login_box .login_check_box input[type=checkbox]+label { color: #666; margin-left: 5px; }
#login_box .login_check_box input[type=checkbox]:checked { background:url(../images/bg_radio_on.png) no-repeat; background-size: 100%; }
.login_txt { text-align: center; line-height: 18px; font-weight: normal; color: #666; }

#search { position: relative; padding: 0 40px 0 10px; height: 40px; background-color: #fbfbfb; border-bottom: 1px solid #dfdfdf; }
#search.active { background-color: #fff; }
#search input[type=text] { position: relative; z-index: 99; border: 0; color: #999; background: none; height: 40px; line-height: 40px; display: block; width: 100%; }
#search span { position: absolute; display: block; height: 40px; line-height: 40px; top: 0; left: 10px; z-index: 1; color: #999; vertical-align: middle; }
#search input[type=image] { position: absolute; top: 11px; right: 10px; }

.multi_select { overflow: hidden; clear: both; }
.multi_select:before, .multi_select:after { display: block; content: ''; clear: both; }
.multi_select select { display: block; color: #999; float: left; border: 0; background: url(../images/bg_selectbox.png) 90% 50% no-repeat; background-size: 11px; -webkit-appearance: none; }
.multi_select.col_3 select { width: 33.3333333333%; }

.branch_search { background-color: #fff; border: 1px solid #dfdfdf; padding: 10px; }
.branch_select { overflow: hidden; clear: both; }
.branch_select:before, .multi_select:after { display: block; content: ''; clear: both; }
.branch_select select { display: block; color: #999; width: 48%; float: left; border-left: 0; border-right: 0; border-top: 0; border-bottom: 1px solid #dfdfdf; background: url(../images/bg_selectbox.png) 90% 50% no-repeat; background-size: 11px; -webkit-appearance: none; padding: 10px 0; }
.branch_select select+select { float: right; }

.radio_box { overflow: hidden; clear: both; }
.radio_box:before, .radio_box:after { display: block; content: ''; clear: both; }
.radio_box li { float: left; margin-left: 15px; }
.radio_box li:first-child { margin-left: 0; }
.radio_box li input[type=radio] { -webkit-appearance: none; width: 20px; height: 20px; background:url(../images/bg_radio_off.png) no-repeat; background-size: 100%; }
.radio_box li input[type=radio]+label { color: #999; margin-left: 5px; }
.radio_box li input[type=radio]:checked { background:url(../images/bg_radio_on.png) no-repeat; background-size: 100%; }
.radio_box.al_rows li { width: 100%; margin-left: 0; margin-top: 4px; }
.radio_box.al_rows li:first-child { margin-top: 0; }

.txtarea_box { position: relative; width: 100%; height: 80px; }
.txtarea_box textarea { border: 0; resize: none; top: 0; left: 0; width: 100%; height: 80px; color: #999; position: absolute; z-index: 10; background: none; }
.txtarea_box span { position: relative; top: 0; left: 0; z-index: 1; color: #999; vertical-align: middle; }

.txtarea_box.write_form { height: 150px; }
.txtarea_box.write_form textarea { height: 150px; }

.btn_apply { width: 100%; display: block; text-align: center; text-decoration: none; font-size: 14px; padding: 15px 0; background-color: #072c74; border: 0; color: #fff; margin-top: 10px; }

.personal_info_txt { border: 1px solid #dfdfdf; padding: 10px; background-color: #fff; height: 80px; overflow-x: hidden; overflow-y: scroll; color: #999; }

.personal_check_box { margin-top: 15px; }
.personal_check_box input[type=checkbox] { -webkit-appearance: none; width: 20px; height: 20px; background:url(../images/bg_radio_off.png) no-repeat; background-size: 100%; }
.personal_check_box input[type=checkbox]+label { color: #666; margin-left: 5px; }
.personal_check_box input[type=checkbox]:checked { background:url(../images/bg_radio_on.png) no-repeat; background-size: 100%; }



/* text */
.t_large { font-size: 16px; }
.t_wiz { color: #072c74; }
.t_navy { color: #4762aa; }
.t_orange { color: #ff9601; }
.t_blue { color: #277ccd; }
.t_green { color: #30a72d; }
.t_gray { color: #666; }
.t_underline { text-decoration: underline; }


/* etc */
.ui-loader { display: none; }


/* 20170316 - ¸¶ÀÌÆäÀÌÁö È­¸é Ãß°¡ */
.btn_mypage { background-color:orange !important; }

.mypage_wrap p { font-size:14px; }
.mypage_wrap p.subtit_wiz { font-size:20px; padding: 15px 0 25px; text-align:center; }
.mypage_wrap .half_wrap .my_wiz_img1 { width:100%; min-width: 270px; max-width: 450px; margin: auto; display: block; }

.barCodeHead { position:relative; width:270px; margin:Auto; margin-top:20px; margin-bottom:5px; display:block; text-align:left;  }
.barCodeWrap > div { position: relative !important; width: 280px; left: 0; right: 0; margin: auto; text-align: center; }
.barCodeWrap div > .bartext { text-align:right !important; }

.btn_wrap { position:relative; padding:40px 0; text-align:center; }
.btn_wrap > .btn_mg { margin-left:8px; }
.btn_wrap > .btn_squre { font-size:16px; padding:16px 20px; background-color:#012E6F; color:#fff; display: inline-block; }

#cpn_toggle { position:fixed; top:0; right:0; bottom:0; left:0; }
#cpn_toggle > img { position:absolute; top:0; right:0; bottom:0; left:0; width:95%; max-width:450px; margin:auto; }
#cpn_toggle > div.bg { position:absolute; top:0; right:0; bottom:0; left:0; background-color:#000; opacity:0.6; }
#cpn_toggle > div.close { position:absolute; top:15px; right:15px; font-size:20px; font-weight:bold; color:#fff; cursor:pointer; }