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

@charset "utf-8";

html,body,span,div,hr,img,fieldset,form,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,q,blockquote,caption,legend,address,input,select,textarea,button,pre,cite,table,th,td,p{margin:0;padding:0}
html, body{height:100%}
hr{display:none}
h1,h2,h3,h4,h5,h6,big,small{font-size:1em;font-weight:normal}
dl,ul,ol,li{list-style:none}
img,input,button,fieldset,form,legend,hr,abbr,acronym{border:0 none}
q,blockquote{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:""}
a,a:visited,a:active,a:hover,a:focus{text-decoration:none;color:#555}
legend{clear:both;display:block;width:1px;height:1px;overflow:hidden;position:absolute;left:-9999px;top:-9999px;text-indent:-9999px;font-size:0em;line-height:0em}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0}
dfn,em,cite,address{font-style:normal;font-weight:normal}
sup,sub{font-style:normal;font-variant:normal;text-transform:none}
input,select,textarea,button{font-size:1em;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0;border:0 none;width:100%;table-layout:fixed}
caption,th,td{text-align:left;font-weight:normal;border:0}
button {cursor:pointer}
body{-webkit-text-size-adjust:none;font-size:12px;line-height:1.5;font-family:'Nanum Gothic','맑은 고딕','Malgun Gothic','돋움','Apple SD Gothic Neo','Apple Gothic', sans-serif;color:#555}
input[type="image"]{border-radius:0;border:none}
input{border:1px solid #ccc}
.hidden{text-indent:-9999px;overflow:hidden;width:0;height:0;font-size:0}
img{width:100%;vertical-align:top}
.fl{float:left;}
.fr{float:right;}

.clearfix:after {content:""; display:block;clear:both; visibility:hidden}
.inner:after {content:""; display:block;clear:both; visibility:hidden} 

.wrap{min-width:320px}


header{position:relative;height:50px;border-bottom:1px solid #ff464c;line-height:50px;background-color:#000}
header.fixed{position:fixed;left:0;top:0;width:100%;z-index:100}
header .logo{width:160px;height:24px;margin:0 auto;padding-top:13px}
header .main_all{width:24px;height:24px;position:absolute;left:8px;top:13px;background: url(../images/main_all.png) no-repeat 0 0;text-indent:-9999em;background-size:24px 24px}
header .main_menu{width:26px;height:24px;position:absolute;right:6px;top:13px;background: url(../images/main_menu.png) no-repeat 0 0;text-indent:-9999em;background-size:26px 24px}
header .main_home{width:24px; height:20px; position:absolute; left:10px; top:15px; background:url(../images/main_home.png) no-repeat; text-indent:-9999px; background-size:24px 20px}
header .main_my{width:22px; height:22px; position:absolute; right:10px; top:15px; background:url(../images/main_my.png) no-repeat; text-indent:-9999px; background-size:22px 22px}

.util_menu{overflow:hidden}
.util_menu li{float:left;width:50%;border-left:1px solid #545b67;border-right:1px solid #848a94;box-sizing:border-box;height:36px;background-color:#717883}
.util_menu li a{display:block;line-height:36px;text-align:center;color:#fff;font-size:13px;font-weight:bold}


footer .cs_banner{padding:10px;overflow:hidden}
footer .cs_banner li{width: calc(50% - 2px);float:left}
footer .cs_banner li + li{margin-left:4px}
footer .foot_menu{line-height:32px;background-color:#45484c;text-align:center}
footer .foot_menu li{display:inline-block;padding:0 6px;background: url(../images/w_bar.png) no-repeat 0 50%;background-size:2px auto}
footer .foot_menu li:first-child{background-image:none}
footer .foot_menu li a{font-size:12px;color:#fff}
.btn_top{position:fixed;right:10px;bottom:50px;width:40px;height:40px;display:none}
.dimm{display:none;width:100%;height:100%;position:fixed;left:0;top:0;background: rgba(0,0,0,.5);z-index:999}
.btn_back{position:absolute;left:10px;top:10px;display:block;width:25px;height:25px;background: url(../images/btn_back.jpg) no-repeat 0 0;background-size:25px 25px;text-indent:-9999em}

.info{background-color:#b5b5b5;padding:15px 0}
.info div{text-align:center;color:#fff}
.info div.info02{margin-top:20px}
.info div strong{font-size:12px;color:#111;font-weight:bold}

.event_banner{border-bottom:10px solid #dddddd; }
.event_banner li{}
.event_banner li img{width:100%;}

/* 메인 전체메뉴 */
.all_view{background-color:#8aa5b9; padding:20px 15px;}
.all_view .section{overflow:hidden;}
.all_view .section + .section{margin-top:15px}
.all_view .section strong{font-weight:bold;font-size:14px; color:#fff;display:block;margin-bottom:5px; background:url(../images/section_line.png) 0 50% repeat-x;}
.all_view .section strong em{background:#8aa5b9; display:inline-block; padding-right:5px}
.all_view .section .section_list{overflow:hidden}
.all_view .section .section_list li{width: calc(50% - 3px);float:left;background-color:#fff;margin-bottom:6px;height:30px;line-height:30px;text-align:center; border-radius:5px; box-shadow:inset 0px 2px 3px #cecece}
.all_view .section .section_list li:nth-child(even){margin-left:6px}
.all_view .section .section_list li a{display:block;font-weight:bold; font-size:12px; }
.all_view .section .section_list li.full{width:100%;margin-left:0; background: #fff url(../images/course_arr.png) no-repeat right 94px top 50%;background-size:5px 8px}
.all_view .section .half{width:50%; display:inline-block;}
.all_view .section .half .section_list li{width: calc(100% - 6px)}

/* 왼쪽 전체메뉴 버튼 */
.main_all_con{position:fixed;left:0;top:0;width: calc(100% - 37px);height:100%;background-color:#fff;z-index:1000;overflow-y:auto}
.main_all_con .main_title{height:50px;line-height:50px;padding-left:15px;background: #323a4a;color:#fff;font-size:15px;font-weight:bold}
.main_all_con .section strong{font-weight:bold;font-size:14px;color:#222;display:block;line-height:33px;padding-left:15px;background-color:#e2e2e2}
.main_all_con .section .section_list{overflow:hidden}
.main_all_con .section .section_list li{width:50%;border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;float:left;background-color:#fff;height:33px;line-height:33px;text-align:center;box-sizing:border-box}
.main_all_con .section .section_list li.full{width:100%;margin-left:0;text-align:left;text-indent:10px;background: #e2e2e2 url(../images/ic_arr2.png) no-repeat right 10px top 50%;background-size:6px 10px;border-top:none;border-bottom:1px solid #fff}
.main_all_con .btn_close{position:absolute;right:10px;top:16px;display:block;width:18px;height:18px;text-indent:-9999em;background: url(../images/btn_close.png) no-repeat 0 0;background-size:18px 18px}

.main_menu_con{position:fixed;right:0;top:0;width: calc(100% - 70px);height:100%;background-color:#fff;z-index:1000}
.main_menu_con .top_area{background-color:#ff464c;padding:10px;position:relative;}
.main_menu_con .top_area p{line-height:15px;color:#fff;font-size:11px}
.main_menu_con .top_area .ta_btn{position:absolute;right:8px;top:13px;display:block;border:1px solid #fff;color:#fff;line-height:20px;padding:0 10px}
.main_menu_con .lnb_menu .lnb_title{line-height:33px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;background-color:#f9f9f9;padding:0 10px;font-weight:bold;font-size:14px}
.main_menu_con .lnb_menu .lnb_list{padding:5px 0}
.main_menu_con .lnb_menu .lnb_list li{line-height:25px;padding:0 18px;background: url(../images/bkdot.png) no-repeat 10px 10px;background-size:2px 2px}
.main_menu_con .lnb_menu .lnb_list li a{font-size:14px}
.main_menu_con .btn_main{padding:0 7px}
.main_menu_con .btn_fold{position:absolute;left:-37px;top:50%;width:37px;height:37px;background: #fff url(../images/ic_fold.png) no-repeat 15px 9px;background-size:10px 18px;text-indent:-9999em;display:block;border-radius:7px 0 0 7px}
.main_menu_con .btn_main a{display:block;line-height:30px;background-color:#c2c2c2;color:#fff;text-align:center;font-size:15px;font-weight:bold;border:1px solid #a7a7a7;border-radius:3px}

/* 메인 퀵메뉴 */
.quick_wrap{position:relative; background:#fff;width:100%; border-top:10px solid #dddddd;  border-bottom:10px solid #dddddd; }
.quick_wrap .tit{border-bottom:1px solid #dddddd; line-height:38px; text-indent:10px; font-size:16px; color:#111; font-weight:bold;}
.quick_wrap ul{ overflow:hidden;padding:10px 0;}
.quick_wrap ul li{position:relative; float:left; width:25%;}
.quick_wrap ul li a{display:inline-block; width:100%; margin-left:-1px; padding-top:50px; border-left:1px solid #ddd; height:23px; text-align:center; font-size:12px; font-weight:bold; color:#333;} 
.quick_wrap ul li.quick1 a{background:url(../images/ic_course.png) center 8px no-repeat;  background-size:43px 36px;}
.quick_wrap ul li.quick1 a span{position:absolute; top:-10px; left:0px; width:100%; height:5px; display:inline-block; background:#ff5459;}
.quick_wrap ul li.quick2 a{background:url(../images/ic_event.png) center 8px no-repeat; background-size:34px 36px;}
.quick_wrap ul li.quick3 a{background:url(../images/ic_bestbook.png) center 8px no-repeat; background-size:47px 36px;}
.quick_wrap ul li.quick4 a{background:url(../images/ic_mypage.png) center 8px no-repeat; background-size:46px 36px;}
.quick_wrap a.btn_pc{position:absolute; top:7px;right:15px; border-radius:4px;background:#1a6daa; width:80px; height:25px; line-height:25px; font-size:13px; color:#fff;}
.quick_wrap a.btn_pc span{display:inline-block; background:url(../images/ic_pc.png) 8px 50% no-repeat; background-size:12px 11px; padding-left:25px; }

/* 공지사항 */
.page_title{position:relative;height:42px;line-height:42px;text-align:center;background-color:#5c5f73}
.page_title h3{color:#fff;font-size:16px;font-weight:bold}
.search_box{padding:10px;position:relative;border-bottom:1px solid #dfdfdf}
.search_box input[type=text]{width:100%;height:35px;padding:8px 10px;box-sizing:border-box;border:1px solid #808080}
.search_box input[type=image]{position:absolute;right:20px;top:18px;width:21px;height:21px}

.board_list{}
.board_list li{border-bottom:1px solid #dfdfdf}
.board_list li a{display:block;padding:10px 10px}
.board_list li a .subject{font-size:15px;color:#333;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%; }
.board_list li a .subject .dsc_noti, .list_view .view_info .subject .dsc_noti{background:#ff464c;display:inline-block; height:16px; padding:0 7px; border-radius:16px; font-size:11px; color:#fff; line-height:16px; vertical-align:middle;}
.board_list li a .subject .dsc_pds, .list_view .view_info .subject .dsc_pds{background:#51778c;display:inline-block; height:16px; padding:0 7px; border-radius:16px; font-size:11px; color:#fff; line-height:16px; vertical-align:middle;}
.board_list li a .list_info{font-size:0}
.board_list li a .list_info span{display:inline-block;font-size:11px;color:#888;padding-right:6px}
.board_list li a .list_info span + span{padding-left:6px;background: url(../images/bk_bar.png) no-repeat 0 50%;background-size:1px 10px}
.board_list li.nodata{padding:8px 0;text-align:center}
.page_bar{padding:15px 0 10px 0;text-align:center}

.list_view{display:block;margin-top:10px}
.list_view .view_info{padding:8px 10px;border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf}
.list_view .view_info .subject{font-size:16px;color:#333;line-height:18px;width:100%; font-weight:bold;margin-bottom:5px;}
.list_view .view_info .list_info{font-size:0}
.list_view .view_info .list_info span{display:inline-block;font-size:11px;color:#888;padding-right:6px}
.list_view .view_info .list_info span + span{padding-left:6px;background: url(../images/bk_bar.png) no-repeat 0 50%;background-size:1px 10px}
.list_view .list_content{padding:10px;font-size:14px;line-height:21px;border-bottom:1px solid #dfdfdf; min-height:200px;}
.list_view .list_content img{width:100%;height:auto}

.dimm{display:none;width:100%;height:100%;position:fixed;left:0;top:0;background: rgba(0,0,0,.5);z-index:999}
.btn_top{position:fixed;right:10px;bottom:50px;width:40px;height:40px;display:none}
.btn_back{position:absolute;left:10px;top:10px;display:block;width:25px;height:25px;background: url(../images/btn_back.jpg) no-repeat 0 0;background-size:25px 25px;text-indent:-9999em}
.btn_group{overflow:hidden;padding:15px 10px}
.list_view + .btn_group{padding-bottom:60px}
.btn_group .btn_left{float:left}
.btn_group .btn_left li{float:left}
.btn_group .btn_left li a.btn_list{display:block;width:60px;height:28px;line-height:28px;text-align:center;color:#fff;background-color:#717783;border-radius:2px;font-size:14px}
.btn_group .btn_right{float:left}

.page_box{margin:0 auto;table-layout:auto !important}
.page_box li{vertical-align:top; padding:0px; border-width:0px; font-family:verdana; color:#999999; font-size:13px; }
.page_first_btn{ margin-right:0px; background:url(../images/page_first.gif) no-repeat 50% 50%; width:28px; height:28px;border:1px solid #dfdfdf;background-size:28px 28px}
.page_prev_btn{ background:url(../images/page_prev.gif) no-repeat 50% 50%; width:28px; height:28px;border:1px solid #dfdfdf;background-size:28px 28px}
.page_p_btn{display:none; background-image:none}
.page_n_btn{display:none; background-image:none}
.page_next_btn{ background:url(../images/page_next.gif) no-repeat 50% 50%; width:28px; height:28px;border:1px solid #dfdfdf;background-size:28px 28px}
.page_last_btn{ margin-left:0px; background:url(../images/page_last.gif) no-repeat 50% 50%; width:28px; height:28px;border:1px solid #dfdfdf;background-size:28px 28px}
.page_margin{ width:4px; }
.page_seperator{ width:4px; height:19px; background: url(../images/global/page_bar.gif) center center no-repeat; }
.page_number_btn{width:30px;height:30px;line-height:30px;font-size:13px;border:1px solid #dfdfdf;box-sizing:border-box;color:#888}
.page_number_btn_on	{width:30px;height:30px;line-height:30px;font-size:13px;background-color:#FF464C;background-size:#ff464c;border:1px solid #ff464c;box-sizing:border-box;color:#fff}

/* 2019-05-02 추가 */
.btn_kakao{position:fixed; bottom:20px; right:20px; padding:0 10px 0 40px; height:40px; line-height:40px; background:url(../images/ic_kakao.png) 10px 50% no-repeat; background-size:26px 24px; background-color:#fef200; color:#3b2225; font-size:15px; font-weight:bold; border-radius:10px;}