@charset "UTF-8";
/* scss 사용xx */
/*한글 */
img { display: inline-block; vertical-align: top; }

.links { line-height: 0px; display: block; overflow: hidden; font-size: 0px; }

#top { position: relative; width: 100%; background-color: #9bc03c; height: 38px; }
#top .top_logo { position: absolute; }

.ui-header .ui-title { margin: 0px !important; }
.ui-header .ui-btn { margin-top: 10px !important; }

#top_wrap { position: relative; }

#top_lines { height: 5px; background-color: #3591c7; border-bottom: 1px solid #c7c7c7; }

#index .index_top_bn a { display: block; cursor: pointer; }
#index .index_top_bn01, #index .index_top_bn02 { margin: 0 15px; }
#index .index_btn1 { border-top: 9px solid #febf0c; }
#index .index_btn1 img { width: 50%; float: left; height: auto; }
#index .index_bg { background-image: url(/images/index_bg.png); width: 100%; overflow: hidden; }
#index .index_btn2 { width: 90%; margin: 40px auto 54px auto; }
#index .main_btn { width: 95%; margin: 15px auto; }
#index .main_btn a { width: 100%; margin: 5px 0; display: block; }
#index .main_btn img { width: 100%; }
#index .index_bottom_btn { width: 100%; margin: 0 auto; border-bottom: 11px solid #febf0c; }
#index .index_bottom_btn img { width: 100%; }

/* 나비 */
#nav { width: 100%; border-top: 2px solid #2dc000; border-bottom: 1px solid #ececec; }
#nav li { display: inline-block; float: left; width: 20%; background-color: #86c400; border-collapse: separate; }
#nav li a { display: block; text-align: center; height: 24px; padding-top: 4px; border-bottom: 1px solid #b2b2b2; border-left: 1px solid #add752; border-right: 1px solid #35b263; padding-left: 1px; border-top: 0px none; }
#nav li a.first { border-left: 0px none; }
#nav li a.last { border-right: 0px none; }

/* h :56 */
.sub_nav { width: 100%; background-color: #90979e; border-bottom: 1px solid #91bdd6; }
.sub_nav li { display: inline-block; float: left; font-weight: bold; color: #fff; }
.sub_nav li.on { background-color: #1773a8; }
.sub_nav li.off { background-color: #8f9dab; }
.sub_nav li a { display: block; width: block; padding: 15px 20px; color: #fff; text-decoration: none; }

/* h :56 */
/* h :56 */
/* h :56 */
/* h :56 */
#b_title { width: 100%; padding: 10px 0px 0px 0px; background: url(/images/dot_gray_1px.png) 0 bottom repeat-x; }
#b_title h3 { border-bottom: 1px solid #e46161; font-size: 1.6em; padding: 10px 10px; }

.h3color1 { color: #000; }

.h3color2 { color: #ff0000; }

.sub_title { clear: both; margin-top: 10px; width: 100%; text-align: center; font-size: 16px; padding: 5px 0px 5px 0px; color: #fff; background-color: #000; background-image: -webkit-gradient(linear, left top, right top, color-stop(0.1, #514d4e), color-stop(1, #242021)); }

.b_title { width: 100%; padding: 10px 0px 0px 0px; background: url(/images/dot_gray_1px.png) 0 bottom repeat-x; }
.b_title h3 { border-bottom: 1px solid #e46161; font-size: 1.6em; padding: 10px 10px; }

#inContent { width: 98%; margin: 0 auto; }

#sub_header, #sub_welcome, #sub_visual { width: 100%; }

.in_content { width: 95%; margin: 0px auto; }

.input_text { border: 1px solid #ccc; padding: 4px 0px; }

.bgcolor_eee { background-color: #eee; }

.font_14px { font-size: 14px !important; }

.width100 { width: 100%; }

.div_ib div { display: inline-block; float: left; }

.pad_l15 { padding-left: 15px !important; }

/* 카피라이터 */
#bottom { clear: both; float: left; width: 100%; background-color: #828285; color: #d3d3d3; font-family: 'Noto Sans CJK', 'RIXGO', sans-serif; position: relative; padding-bottom: 20px; font-weight: 500; }
#bottom .copy_icon { position: absolute; top: 18px; right: 12px; }
#bottom .copy1 p { line-height: 15pt; }

.copy2 p, .copy3 p { line-height: 15pt; }

#bottom .copy p:first-child { font-size: 12pt; margin-bottom: 16px; margin-top: 16px; }
#bottom .copy p:last-child { font-size: 13pt; margin-bottom: 12px; }
#bottom .copy1 { width: 100%; margin-bottom: 20px; }

.copy2, .copy3 { width: 100%; margin-bottom: 20px; }

#bottom .copy1 span, #bottom .copy2 span, #bottom .copy3 span { margin-right: 8px; }

#bottom_btns { margin-top: 20px; float: left; width: 100%; background-color: #e9e9e9; }

.bottom_btns { width: 94%; margin-left: 3%; }
.bottom_btns li { width: 20%; }

#copyright { clear: both; float: left; color: #d3d3d3; }

/* 오시는길 */
#copyright2 { clear: both; float: left; margin-top: 0px; color: #fff; width: 100%; border-top: 1px solid #84abd2; padding: 20px 0px; background: #3390c7 url(/images/copyright_bg.png) 0 0 repeat-x; /*background-size:50%;*/ }
#copyright2 .cominfo { line-height: 21px; width: 100%; text-align: center; color: #fff; }
#copyright2 .rights { line-height: 32px; text-align: center; color: #aeceff; }

/* 인덱스 */
#index { width: 100% !important; }
#index img[usemap] { border: none; height: auto; max-width: 100%; }
#index .go_btn1 div { float: left; }

#community_menu { width: 99%; margin: 0px auto; margin-top: 2px; padding-bottom: 2px; border-bottom: 2px solid #9bc03c; }
#community_menu .wraps { width: 100%; }
#community_menu .menu_1 { float: left; width: 33%; display: table; height: 38px; }
#community_menu .menu_1.ff { float: left; width: 34%; display: table; }
#community_menu .menu_1.w50 { float: left; width: 50%; display: table; }
#community_menu .menu_1.w34 { float: left; width: 34%; display: table; }
#community_menu .menu_1.w33 { float: left; width: 33%; display: table; }
#community_menu .menu_1.w25 { float: left; width: 25%; display: table; }
#community_menu .menu_1 a { display: table-cell; background-color: #aecf48; border-style: solid; border-color: #fff; border-width: 0px 1px 1px 0px; color: #fff; height: 38px; text-align: center; vertical-align: middle; letter-spacing: -0.05em; }
#community_menu .menu_1.on a { background-color: #fff; color: #888; }
#community_menu:before, #community_menu:after { clear: both; content: " "; display: table; }
#community_menu .wrap { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
#community_menu .wrap .menu_1 { float: initial; width: auto; display: inline-flex; flex: auto; justify-content: center; align-items: center; height: 39px; }
#community_menu .wrap .menu_1 a { width: 100%; display: flex; justify-content: center; align-items: center; }

.desc_c1 { color: #a4a4a4 !important; }

.desc_c2 { color: #7b7575 !important; }

.desc_c3 { color: #91b014 !important; }

.tit_txt { font-weight: bold; font-size: 16px; letter-spacing: -1px; line-height: 19px; }

.tit_txt2 { font-size: 12px; line-height: 140%; }

.alert_txt { font-size: 13px; line-height: 15px; color: #dc2f2f; }

.label_p { font-size: 14px; font-weight: bold; }

.sstitle { font-weight: bold; color: #91b014; font-size: 20px; padding: 5px 0px; border-bottom: 2px solid #9bc03c; margin-bottom: 2px; }

.stitle { font-weight: bold; color: #91b014; font-size: 20px; padding: 5px 0px; }

.stitle18 { font-weight: bold; color: #91b014; font-size: 18px; padding: 5px 0px; letter-spacing: -1px; }

.title_line { margin-top: 10px; }

#dropdown2, #dropdown3, #dropdown4 { position: relative; width: 100%; z-index: 1; overflow: visible; }

.dropdown { width: 100%; position: relative; display: block; background: #4fbfe3; color: #fff; cursor: pointer; z-index: 1; }

.drop { width: 100%; border: none; position: absolute; height: 0; overflow: hidden; margin-top: 0; margin-bottom: 0; }
.drop ul { width: 100%; }
.drop ul li { display: table; width: 100%; }
.drop ul li a:hover { background: #ea7d00; color: #fff; }

.selected { width: 100%; padding: 0; display: table; }
.selected a { width: 100%; display: table-cell; color: #fff; }

.dropdown ul li a { width: 100%; display: table-cell; color: #fff !important; background-color: #477494 !important; }

/* 오시는길 */
.map_area { width: 100%; margin: 0 auto; }

#edukin, #education, #forum, #counsel, #lecture, #movlec, #common, #mypage { width: 98% !important; margin: 0 auto !important; }

.button { position: relative; margin: 0; padding: 0; display: -moz-inline-stack; display: inline-block; text-decoration: none !important; border: 0; font-size: 12px; font-family: 돋움, dotum, 굴림, 굴림체, gulim, tahoma, sans-serif, arial, verdana; white-space: nowrap; background: url(/images/button.gif) no-repeat; vertical-align: top; overflow: visible; color: #333; text-indent: 0px; margin-right: 4px; }
.button * { position: relative; margin: 0; padding: 0; display: -moz-inline-stack; display: inline-block; text-decoration: none !important; border: 0; font-size: 12px; font-family: 돋움, dotum, 굴림, 굴림체, gulim, tahoma, sans-serif, arial, verdana; white-space: nowrap; background: url(/images/button.gif) no-repeat; vertical-align: top; overflow: visible; color: #333; text-indent: 0px; left: 4px; cursor: pointer; _cursor: hand; }
.button.medium { height: 24px; line-height: 24px; }
.button.medium * { height: 24px; line-height: 24px; }
.button.large { height: 30px; line-height: 30px; }
.button.large * { height: 30px; line-height: 30px; }
.button.xLarge { height: 36px; line-height: 36px; }
.button.xLarge * { height: 36px; line-height: 36px; }
.button.small { height: 19px; line-height: 19px; }
.button.small * { height: 19px; line-height: 19px; }
.button.medium { background-position: left 0; }
.button.large { background-position: left -30px; }
.button.xLarge { background-position: left -65px; }
.button.small { background-position: left -106px; }
.button.medium * { padding: 0 10px 0 6px; font-size: 12px; background-position: right top; }
.button.large * { padding: 0 10px 0 6px; font-size: 16px; background-position: right -30px; }
.button.xLarge * { padding: 0 10px 0 6px; font-size: 20px; background-position: right -65px; }
.button.small * { padding: 0 6px 0 2px; font-size: 11px; background-position: right -106px; }
.button *:hover { color: red; }
.button.strong * { font-weight: bold !important; }
.button.icon * { padding-left: 20px; }
.button.small.icon * { padding-left: 16px; }
.button.icon span { width: 20px; margin-right: -20px; padding: 0 !important; }
.button.medium .check { background-position: 4px -150px; }
.button.large .check { background-position: 4px -146px; }
.button.xLarge .check { background-position: 5px -144px; }
.button.small .check { background-position: 3px -153px; }
.button.medium .add { background-position: -16px -150px; }
.button.large .add { background-position: -14px -146px; }
.button.xLarge .add { background-position: -14px -144px; }
.button.small .add { background-position: -18px -153px; }
.button.medium .delete { background-position: -34px -150px; }
.button.large .delete { background-position: -34px -146px; }
.button.xLarge .delete { background-position: -34px -144px; }
.button.small .delete { background-position: -37px -153px; }
.button.medium .calendar { background-position: -56px -150px; }
.button.large .calendar { background-position: -56px -146px; }
.button.xLarge .calendar { background-position: -56px -144px; }
.button.small .calendar { background-position: -59px -153px; }
.button.medium .refresh { background-position: -76px -150px; }
.button.large .refresh { background-position: -76px -146px; }
.button.xLarge .refresh { background-position: -76px -144px; }
.button.small .refresh { background-position: -79px -153px; }

/* Button Size = medium | large | xLarge | small */
/* Button Hover */
/*
.button *:active { color:red;}
.button *:focus { color:red;}
*/
/* Button Strong */
/* Button Icon Variation */
#content .tit { position: relative; font-family: 'RIXGO', sans-serif; font-size: 28px; line-height: 30px; font-weight: 700; color: #91b014; margin: 0; padding: 15px 10px; padding-bottom: 0; margin-bottom: -10px; overflow: hidden; }
#content .tit i { float: left; width: 1px; height: 30px; background: #91b014; margin-right: 5px; }
#content .stit { font-family: 'RIXGO', sans-serif; font-weight: 400; }
#content .stit .p01 { color: #91b014; font-size: 22px; line-height: 150%; letter-spacing: -0.04em; }
#content .stit .p02 { color: #a4a4a4; font-size: 14px; line-height: 150%; font-weight: 700; transform: matrix(1, 0, 0.001, 1, 0, 0); word-break: keep-all; }
#content .stit .p02 b { color: #7b7575; }
#content .curtit { position: relative; font-family: 'RIXGO', sans-serif; font-size: 18px; line-height: 150%; font-weight: 400; color: #91b014; transform: matrix(1, 0, 0.001, 1, 0, 0); }
#content .curtit b { float: left; }
#content .curtit i { width: 1px; height: 16px; float: left; background: #ededed; margin: 5px; }
#content .curriculum_sector03 div .curtit { font-size: 16px; font-weight: 700; margin-top: 6px; }
#content .content .tit { font-size: 18px; line-height: 20px; margin: 0; transform: matrix(1, 0, 0.001, 1, 0, 0); word-break: keep-all; padding: 0; }
#content .content .tit i { height: 20px; }
#content .content .tit span { width: 95%; float: left; }

/*220413 수정사항*/
.index_top_box { width: 70%; max-width: 1000px; position: relative; color: #6e7c83; font-family: 'NanumSquareEB', 'SUIT', sans-serif; font-weight: 700; font-size: 3vw; line-height: 1.5; letter-spacing: 0.01em; margin: calc(10px + 0.5vw) auto; }
.index_top_box img { opacity: 1; width: 100%; }
.index_top_box > div { position: absolute; bottom: 0; left: 50%; z-index: 1; width: calc(100% - 48px); max-width: 725px; height: calc(5px + 5vw); margin: 2vw 0; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; justify-content: space-evenly; align-items: center; border-top: 0.3vw solid #b6d92b; border-bottom: 0.3vw solid #b6d92b; }
.index_top_box > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.index_top_box > div a:hover { color: #576267; text-shadow: 0 0 1vw #b6d92b; }

/*220607 수정사항*/
.index_top_bn { box-sizing: border-box; padding: 0 3vw; width: 100%; }
.index_top_bn .index_box { width: 100%; position: relative; color: #6e7c83; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-size: 3vw; line-height: 1.3; /*letter-spacing: 0.01em;*/ margin: 2vw auto; }
.index_top_bn .index_box img { opacity: 1; width: 100%; }
.index_top_bn .index_box > div { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; bottom: 0.8vw; left: 50%; z-index: 1; width: 80%; margin: 1.5vw 0; margin-left: calc(80% / -2); display: flex; justify-content: space-evenly; align-items: center; }
.index_top_bn .index_box > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.index_top_bn .index_box > div a:hover { color: #576267; text-shadow: 0 0 1vw #b6d92b; }
.index_top_bn .index_bns { width: 100%; margin: 2vw auto; margin-bottom: 0; }
.index_top_bn .index_bns li { margin-bottom: 1.5vw; display: inline-block; width: 100%; position: relative; }
/* .index_top_bn .index_bns li a { position: absolute; bottom: 2.5vw; left: 3.5vw; z-index: 1; color: #fff; font-size: 3vw; font-family: 'SCDream', 'NanumSquareB', 'RIXGO', sans-serif; font-weight: 600; letter-spacing: 0.01em; line-height: 1; } */
.index_top_bn .index_bns li a:hover { text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.3); }
.index_top_bn .index_bns li img { width: 100%; }
.index_top_bn .bn1 { width: 100%; position: relative; color: #000; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-size: 3.0vw; line-height: 1.3; /*letter-spacing: 0.01em;*/ margin-bottom: 1.5vw; }
.index_top_bn .bn1 img { opacity: 1; width: 100%; }
.index_top_bn .bn1 > div { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; bottom: 2.0vw; left: 50%; z-index: 1; width: calc(100% - 38vw); transform: translateX(-50%) skew(1deg); display: flex; justify-content: space-around; align-items: center; padding: 0.6vw; }
.index_top_bn .bn1 > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.index_top_bn .bn1 > div a:hover { color: #576267; text-shadow: 0 0 1vw #b6d92b; }

/*240725 수정사항*/
.index_top_bn .index_box2 { width: 100%; position: relative; color: #000000; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-size: 3.3vw; line-height: 1.3; /*letter-spacing: 0.01em;*/ margin: 2vw auto; }
.index_top_bn .index_box2 img { opacity: 1; width: 100%; }
.index_top_bn .index_box2 > div { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; bottom: 2vw; left: 82%; z-index: 1; width: 80%; margin: 6.7vw 0; margin-left: calc(80% / -2); display: flex; justify-content: space-evenly; align-items: center; }
.index_top_bn .index_box2 > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.index_top_bn .index_box2 > div a:hover { color: #576267; text-shadow: 0 0 1vw #b6d92b; }

.index_top_bn .index_box3 { width: 100%; position: relative; color: #000000; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-size: 3.3vw; line-height: 1.3; /*letter-spacing: 0.01em;*/ margin: 2vw auto; }
.index_top_bn .index_box3 img { opacity: 1; width: 100%; }
.index_top_bn .index_box3 > div { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; bottom: 2vw; left: 82%; z-index: 1; width: 80%; margin: 6.7vw 0; margin-left: calc(80% / -2); display: flex; justify-content: space-evenly; align-items: center; }
.index_top_bn .index_box3 > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.index_top_bn .index_box3 > div a:hover { color: #576267; text-shadow: 0 0 1vw #b6d92b; }

.index_top_bn .index_box4 { width: 100%; position: relative; color: #000000; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-size: 3.3vw; line-height: 1.3; /*letter-spacing: 0.01em;*/ margin: 2vw auto; }
.index_top_bn .index_box4 img { opacity: 1; width: 100%; }
.index_top_bn .index_box4 > div { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; bottom: 2vw; left: 82%; z-index: 1; width: 80%; margin: 6.7vw 0; margin-left: calc(80% / -2); display: flex; justify-content: space-evenly; align-items: center; }
.index_top_bn .index_box4 > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.index_top_bn .index_box4 > div a:hover { color: #576267; text-shadow: 0 0 1vw #b6d92b; }

/*250612 수정사항*/
.index_top_bn .index_box5 { width: 100%; position: relative; color: #000000; font-family: 'NanumSquareB', 'RIXGO', sans-serif; font-size: 3.3vw; line-height: 1.3; /*letter-spacing: 0.01em;*/ margin: 2vw auto; }
.index_top_bn .index_box5 img { opacity: 1; width: 100%; }
.index_top_bn .index_box5 > div { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; position: absolute; left: 82%; z-index: 1; width: 80%; margin: 2.2vw 0; margin-left: calc(80% / -2); display: flex; justify-content: space-evenly; align-items: center; }
.index_top_bn .index_box5 .b5_tel01 { bottom: 5.8vw;}
.index_top_bn .index_box5 .b5_tel02 { bottom: 0vw;}
.index_top_bn .index_box5 > div a { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; cursor: pointer; }
.index_top_bn .index_box5 > div a:hover { color: #576267; text-shadow: 0 0 1vw #b6d92b; }