@import url("./layout.css");
@import url("./main_wight.css");
@import url("/00_common/css/pop.css");

/* 메인 레이아웃 */
#contents {position:relative;}
#contents:after {content:""; display:block; clear:both;}

.conBox01 {position:relative; max-width:1920px; margin:0 auto;}
.conBox02 {position:relative; max-width:1920px; margin:0 auto;}
.conBox02:after {content:""; display:block; clear:both;}
.conBox03 {margin:1.5rem 0 3.5rem;}
.conBox04 .box1 {float:right; position:relative; width:22rem; height:29.65rem; padding:2.2rem 0 0 3rem; border-top-left-radius:5rem; background:#f1f1f1;}
.conBox04 .box1:before {content:""; display:inline-block; position:absolute; top:0; left:100%; width:13rem; height:100%; background:inherit;}

/* 더보기버튼 공통 */
.btn_more {display:inline-block; position:absolute; width:31px; height:31px; background:url(/images/template/02575/main/calendar_more.png) no-repeat center; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
/** 더보기버튼 공통 : action **/
.btn_more:hover,
.btn_more:focus {-webkit-transform:rotate(180deg); -ms-transform:rotate(180deg); transform:rotate(180deg);}

/* 메인 비주얼 */
.main_visual {position:relative; height:530px; padding-left:5.5rem;}
.main_visual .visual {height:100%;}
.main_visual .visual .item {overflow:hidden; position:relative;}
.main_visual .visual .item img {position:relative; left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); width:auto; height:100%;}

.main_visual .visual .item .slogan {position:absolute; top:6.15rem; left:50%; max-width:1400px; height:auto; margin-left:-700px; padding-top:1.25rem; word-break:keep-all; word-wrap:break-word;display: none;}
.main_visual .visual .item .slogan:before {content:""; display:block; position:absolute; top:0; left:0; width:5rem; height:3px; background:#fff; box-shadow:rgba(0,0,0,0.3) 1px 1px 2px;}
.main_visual .visual .item .slogan p {color:#fff; text-shadow:rgba(0,0,0,0.3) 2px 2px 2px;}
.main_visual .visual .item .slogan p.txt1 {font-family:"SCDream"; font-weight:600; font-size:2.1rem;}
.main_visual .visual .item .slogan p.txt1 span {font-size:2.5rem;}
.main_visual .visual .item .slogan p.txt2 {margin-top:1rem; font-weight:600; font-size:1.1rem;}

.main_visual .control {position:absolute; top:0; left:1.5rem; z-index:1; width:2.5rem; padding-top:12.45rem;}
.main_visual .control:before {content:""; display:block; position:absolute; top:0; left:0; right:0; z-index:-1; width:1px; height:100%; margin:0 auto; background:#ccc;}
.main_visual .control > .inner {padding-top:0.7rem; background:#fff;}
.main_visual .control .current {display:block; position:relative; font-family:"SCDream"; font-weight:600; font-size:1.75rem; letter-spacing:-0.07rem; color:#222; text-align:center;}
.main_visual .control .current:before {content:""; display:block; position:absolute; top:0; left:0; width:7px; height:7px; border-radius:50%; background:#1b9f66;}
.main_visual .control .total {display:block; position:relative; margin-bottom:1rem; font-family:"SCDream"; font-size:1rem; letter-spacing:-0.05rem; color:#777; text-align:center;}
.main_visual .control .total:before {content:"/"; display:inline-block; margin-right:0.4rem; font-size:0.9rem; color:inherit;}
.main_visual .control a {display:inline-block; width:2.5rem; height:2.5rem; padding:0.25rem; margin:0 auto; border-radius:50%; background:#0ec797; background:linear-gradient(120deg, #86cf4c, #0ec797); box-shadow:rgba(0,0,0,0.15) 1px 1px 0.25rem; font-size:1.75rem; color:#555; text-align:center;}
.main_visual .control a + a {margin-top:0.5rem;}
.main_visual .control a .inner {display:block; height:100%; border-radius:50%; background:#fff; line-height:2rem;}
.main_visual .control a.visual_stop {font-size:1.2rem;}
.main_visual .control a.visual_play {display:none; font-size:1.2rem;}

/* 바로가기 */
.m_link {position: absolute;bottom:0;left: 5.5rem;width:27.75rem;height:4rem;}
.m_link .m_link_wrap {position:relative;}
.m_link a {display:block; border-top-right-radius:2.5rem; background:rgba(255,255,255,0.9);  text-align:center; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
.m_link a .txt {overflow:hidden;position:relative;font-size: 0.8rem;line-height:4rem;color: #313131;}
.m_link a .txt span {display:inline-block;position:relative;font-weight: 600;right: 0;}
.m_link a .txt span.q_link:before {content:"";display:inline-block;width: 232px;height: 61px;margin-right: 2.75rem;background: url(/images/template/02575/main/gwedu_on.png) no-repeat left center;vertical-align:middle;}
.m_link a .txt a {display: inline-block;position: absolute;top:0;bottom:0;width: 1.75rem;height:1.75rem;margin:auto 0;border-radius:50%;background-color:#00b09d;background-repeat:no-repeat;background-position:center;}
.m_link a .txt i {position:absolute;top: 0px;bottom:0;right: 2.4rem;width:1.75rem;height:1.75rem;margin:auto 0;border-radius:50%;background:#00b09d;line-height: 1.75rem;font-size:1.5rem;color:#fff;text-align:center;}
/** 바로가기 : action **/
.m_link a:hover {background: rgba(255,255,255,10);}

/* 연간 교육계획 */
.calendar {overflow:hidden; float:left; position:relative; width:45.5%; height:22.5rem; margin-left:5.5rem; padding:1rem 3rem 2rem 7.5rem; border-bottom-right-radius:5.5rem; background:rgba(47, 232, 152, 0.2); background:linear-gradient(120deg, rgba(47, 232, 152, 0.2), rgba(242, 240, 71, 0.2));}
.calendar .tit {font-family:"SCDream"; font-weight:600; font-size:1.1rem; line-height:1.94; color:#222;}
.calendar .tit span {font-weight:700;}
.calendar .list_wrap {float:left; width:17.25rem; margin-top:1.3rem;}
.calendar .list_wrap .date_wrap {position:relative; z-index:1; margin-bottom:0.5rem; text-align:center;}
.calendar .list_wrap .date_wrap:before {content:""; display:inline-block; position:absolute; top:0; bottom:0; left:0; z-index:-1; width:100%; height:1px; margin:auto 0; border-top:1px dotted #aaa;}
.calendar .list_wrap .date_wrap .date_box {display:inline-block; width:8rem; height:2rem; border-radius:2rem; background:#00b09d; font-family:"SCDream"; font-weight:700; font-size:0.9rem; letter-spacing:-0.03rem; line-height:2rem; color:#fff;}
.calendar .list_wrap .date_wrap .date_box .month {font-size:1.1rem;}
.calendar .list_wrap .date_wrap a {display:inline-block; position:absolute; top:0; bottom:0; width:1.75rem; height:1.75rem; margin:auto 0; border-radius:50%; background-color:#00b09d; background-repeat:no-repeat; background-position:center;}
.calendar .list_wrap .date_wrap a.prev {left:0; background-image:url(/images/template/02575/main/calendar_prev.png);}
.calendar .list_wrap .date_wrap a.next {right:0; background-image:url(/images/template/02575/main/calendar_next.png);}
.calendar .list_wrap table {border-spacing:0 0.5rem; letter-spacing:0; text-align:center; table-layout:fixed;}
.calendar .list_wrap table thead th {font-family:"SCDream"; font-weight:700; font-size:11px; line-height:1.9; color:#222;}
.calendar .list_wrap table td {font-family:"Titillium Web"; font-weight:600; font-size:0.75rem; line-height:2.35; color:#333;}
.calendar .list_wrap table td a {display:block;}
.calendar .list_wrap table td span {display:block; position:relative; z-index:1;}
.calendar .list_wrap table td.today span:before {content:""; display:inline-block; position:absolute; top:0.2rem; left:0; right:0; z-index:-1; width:1.35rem; height:1.35rem; margin:0 auto; border-radius:50%; border:1px solid #20a96e; background:#fff; text-align:center;}
.calendar .list_wrap table td.day {background:#b4f9db;}
.calendar .list_wrap table td:not(.day) + td.day,
.calendar .list_wrap table tr:first-child td:first-child.day {border-radius:1rem 0 0 1rem;}
.calendar .list_wrap table td:not(.day) + td.day.one_day {border-radius:1rem;}
.calendar .list_wrap table td.day.round {border-radius:0 1rem 1rem 0;}
.calendar .list_wrap table td.today.round {border-radius:1rem;}
.calendar .list_wrap table td.only_round {border-radius:1rem !important;}
.calendar .list_wrap table .sun {color:#e60012;}
.calendar .list_wrap table .sat {color:#0068b7;}
.calendar .cont_wrap {float:right; position:relative; z-index:1; width:13.25rem; margin-top:1.3rem; letter-spacing:-0.02rem;}
.calendar .cont_wrap:before {content:""; display:inline-block; position:absolute; top:0.5rem; left:-0.5px; z-index:-1; width:1px; height:calc(100% - 0.5rem); border-left:1px dotted #aaa;}
.calendar .cont_wrap ul {overflow-y:auto; height:14.5rem; margin-left:-0.175rem; padding-left:0.175rem;}
.calendar .cont_wrap li + li {margin-top:1.5rem;}
.calendar .cont_wrap li a {display:block; position:relative; padding-left:1rem;}
.calendar .cont_wrap li a:before {content:""; display:inline-block; position:absolute; top:0.45rem; left:-3.5px; width:7px; height:7px; border-radius:50%; background:#00b09d;}
.calendar .cont_wrap li a .date {font-family:"SCDream"; font-weight:600; font-size:0.75rem; color:#555;}
.calendar .cont_wrap li a .txt {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:600; font-size:0.85rem; color:#222;}
.calendar .btn_more {top:2rem; right:3rem;}
/** 연간 교육계획 : action **/
.calendar .cont_wrap li a:hover .txt {text-decoration:underline;}

/* 공지사항 */
.notice {float:right; position:relative; z-index:1; width:32.5%; height:18.75rem; margin-top:1.4rem; margin-right:13.5%;}
.notice:before {content:""; display:inline-block; position:absolute; top:3.37rem; left:0; z-index:-1; width:100%; height:1px; border-bottom:1px dotted #aaa;}
.notice:after {content:""; display:block; clear:both;}
.notice .notice_tit {float:left; overflow:hidden; max-width:60%; padding-top:0.6rem; white-space:nowrap; text-overflow:ellipsis;}
.notice .notice_tit ~ .notice_tit {margin-left:0.9rem;}
.notice .notice_tit a {display:inline-block; position:relative; width:100%; padding-bottom:0.7rem; padding-right:1rem; font-family:"SCDream"; font-weight:600; font-size:0.9rem; line-height:1.94; color:#555;}
.notice .list_box {display:none; position:absolute; top:4.5rem; left:0; width:100%; height:auto;}
.notice .list_box.on {display:block;}
.notice .list_box ul {margin-top:1rem;}
.notice .list_box li {line-height:2.4;}
.notice .list_box li a {display:block; overflow:hidden; position:relative; padding-left:1rem; font-size:0.8rem; color:#222;}
.notice .list_box li a:before {content:""; display:inline-block; position:absolute; top:0.85rem; left:0; width:6px; height:6px; border-radius:50%; background:#bbb;}
.notice .list_box li a .tit {display:inline-block; overflow:hidden; float:left; width:calc(100% - 4rem); text-overflow:ellipsis; white-space:nowrap;}
.notice .list_box li a .date {display:inline-block; float:right; margin-top:0.2rem; font-family:"SCDream"; font-weight:500; font-size:0.7rem; color:#555;}
.notice .btn_more {top:-3.9rem; right:0;}
/** 공지사항 : action **/
.notice .notice_tit a:not(.current):hover {text-decoration:underline;}
.notice .notice_tit a.current {z-index:1; font-weight:700; font-size:1.1rem; color:#222; text-shadow:#fff 3px -3px 0;}
.notice .notice_tit a.current:before {content:""; display:inline-block; position:absolute; top:-0.5rem; right:0; z-index:-1; width:47px; height:43px; background:url(/images/template/02575/main/notice_bg.png) no-repeat;}
.notice .notice_tit a.current:after {content:""; display:inline-block; position:absolute; bottom:0; left:0; width:calc(100% - 1rem); height:3px; background:#00b09d;}
.notice .list_box li a:hover:before,
.notice .list_box li a:focus:before {background:#00b09d;}
.notice .list_box li a:hover .tit {text-decoration:underline;}

/** 상위 첫번째 링크 **/
.notice .top_link {display:block; padding-bottom:1.25rem; border-bottom:1px dotted #aaa;}
.notice .top_link .date {display:inline-table; overflow:hidden; position:relative; z-index:1; width:4.25rem; height:4.25rem; padding:1px; border-radius:50%; font-family:"SCDream"; font-weight:600; font-size:1rem; color:#222; text-align:center; vertical-align:middle;}
.notice .top_link .date:before {content:""; display:inline-block; position:absolute; top:0; left:0; z-index:-1; width:100%; height:100%; border-radius:50%; background:#86cf4c; background:linear-gradient(120deg, #86cf4c, #0ec797);}
.notice .top_link .date > .inner {display:table-cell; position:relative; height:100%; border-radius:50%; background:#fff; vertical-align:middle;}
.notice .top_link .date .year {display:block; font-weight:500; font-size:0.7rem; color:#169b62;}
.notice .top_link .txt_wrap {display:inline-block; width:calc(100% - 6rem); margin-left:1.25rem; vertical-align:middle;}
.notice .top_link .tit {display:block; overflow:hidden; position:relative; text-overflow:ellipsis; white-space:nowrap; font-family:"SCDream"; font-weight:600; font-size:0.9rem; line-height:1.94; color:#222;}
.notice .top_link.new .tit {padding-left:1.75rem;}
.notice .top_link.new .tit:before {content:"N"; display:inline-block; position:absolute; top:0; bottom:0; left:0; width:1.3rem; height:1.3rem; margin:auto 0; border-radius:50%; background:#ff6c00; font-family:"SCDream"; font-weight:600; font-size:0.7rem; line-height:1.4rem; color:#fff; text-align:center;}
.notice .top_link .txt {overflow:hidden; height:2.5rem; margin-top:0.2rem; font-size:0.75rem; line-height:1.73; color:#555;}
/*** 상위 첫번째 링크 : action ***/
.notice .top_link:hover .tit {text-decoration:underline;}

/* 바로가기2 */
.m_link2 {position:relative;}
.m_link2 .items {padding:0 2.5rem; font-size:0;}
.m_link2 .items .slick-list {padding-top:1rem;}
.m_link2 .items .item {display:inline-block; width:16.66%; vertical-align:top;}
.m_link2 .items .item a {display:block;}
.m_link2 .items .item .img {width:95px; height:95px; margin:0 auto; border-radius:50%; background:#fff; box-shadow:rgba(20, 29, 74, 0.12) 1px 1px 0.5rem; -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
.m_link2 .items .item .img img {width:100%; height:100%;}
.m_link2 .items .item .txt {overflow:hidden; max-height:2.4rem; margin-top:0.75rem; font-family:"SCDream"; font-weight:500; font-size:0.85rem; color:#222; text-align:center;}
.m_link2 .link2_arr {display:inline-block; position:absolute; top:0; bottom:0; width:2.5rem; height:2.5rem; margin:auto 0; border-radius:50%; background:#eee; font-size:2rem; line-height:2.5rem; color:#555; text-align:center;}
.m_link2 .link2_arr.prev {left:0;}
.m_link2 .link2_arr.next {right:0;}
/** 바로가기2 : action **/
.m_link2 .items .item a:hover .img,
.m_link2 .items .item a:focus .img {transform:rotateY(180deg);}
.m_link2 .items .item a:hover .txt {text-decoration:underline;}

/* 연수 홍보게시판 */
.gallery {float:left; position:relative; width:45rem; margin-top:2rem; margin-bottom:2.5rem;}
.gallery > .tit {position:relative; padding-top:0.65rem; font-family:"SCDream"; font-weight:500; font-size:1.1rem; color:#222;}
.gallery > .tit:before {content:""; display:inline-block; position:absolute; top:0; left:0; width:2.25rem; height:2px; background:#222;}
.gallery > .tit span {font-weight:700;}
.gallery .list_box {margin-top:1.5rem;}
.gallery .list_box ul:after {content:""; display:block; clear:both;}
.gallery .list_box li {float:left; width:13rem;}
.gallery .list_box li + li {margin-left:3rem;}
.gallery .list_box li a {display:block;}
.gallery .list_box li a .img {overflow:hidden; position:relative; height:16rem; box-shadow:rgba(20,29,74,0.12) 1px 1px 0.5rem;}
.gallery .list_box li a.new .img:before {content:"NEW"; display:inline-block; position:absolute; top:0; left:0; z-index:1; width:3.25rem; height:3.25rem; background:#29d3f7; font-family:"SCDream"; font-weight:600; font-size:0.8rem; line-height:3.25rem; color:#fff; text-align:center;}
.gallery .list_box li a .img img {width:100%; height:100%; -webkit-transition:transform 0.2s; -ms-transition:transform 0.2s; transition:transform 0.2s;}
.gallery .list_box li a .txt {overflow:hidden; position:relative; max-height:2.8rem; margin-top:1.25rem; padding:0.5rem 0 0 0.5rem; font-family:"SCDream"; font-weight:500; font-size:0.85rem; line-height:1.41; color:#222; word-break:keep-all; word-wrap:break-word;}
.gallery .list_box li a .txt:before {content:""; display:inline-block; position:absolute; top:0; left:0; width:7px; height:7px; border-radius:50%; background:#20a96e;}
.gallery .list_box li a .date {margin-top:0.5rem; padding-left:0.5rem; font-family:"SCDream"; font-weight:500; font-size:0.7rem; color:#555;}
.gallery .list_box .btn_more {overflow:hidden; top:0; right:0; width:5.25rem; height:2rem; padding-left:1rem; border-radius:2rem; border:1px solid #e1e1e1; background:#fff url(/images/template/02575/main/gallery_more.png) no-repeat 80% center; font-family:"SCDream"; font-weight:600; font-size:0.7rem; line-height:2rem; color:#222; -webkit-transition:all 0.1s; -ms-transition:all 0.1s; transition:all 0.1s;}
/** 연수 홍보게시판 : action **/
.gallery .list_box li a:hover .img img,
.gallery .list_box li a:focus .img img {-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
.gallery .list_box li a:hover .txt {text-decoration:underline;}
.gallery .list_box .btn_more:hover,
.gallery .list_box .btn_more:focus {-webkit-transform:none; -ms-transform:none; transform:none; border-color:#079930;}

/* 팝업존 */
.popup {position:relative;}
.popup > .inner {position:relative;}
.popup > .inner > .tit {font-family:"SCDream"; font-weight:500; font-size:1.1rem; color:#222;}
.popup > .inner > .tit .point {font-weight:700;}
.popup > .inner > .tit .current {display:inline-block; position:relative; margin-left:0.5rem; margin-right:0.3rem; padding-right:0.6rem; font-family:"SCDream"; font-weight:600; font-size:1rem; color:#222;}
.popup > .inner > .tit .current:after {content:"/"; display:inline-block; position:absolute; top:0.35rem; right:0; font-family:inherit; font-size:0.8rem; line-height:1; color:inherit;}
.popup > .inner > .tit .total {display:inline-block; font-family:"SCDream"; font-weight:500; font-size:0.8rem; color:#777;}
.popup .list_box {margin-top:0.75rem;}
.popup .list_box .item {display:inline-block; overflow:hidden; vertical-align:top;}
.popup .list_box .item a {display:block; background:#ccc; text-align:center;}
.popup .list_box .item a img {width:auto; height:170px; vertical-align:middle;}
.popup .control {position:absolute; top:0; right:0;}
.popup .control a {display:inline-block; width:1.75rem; height:1.75rem; padding:1px; border-radius:50%; background:#0ec797; background:linear-gradient(120deg, #0ec797, #86cf4c); text-align:center;}
.popup .control a .inner {display:block; height:100%; border-radius:50%; background-color:#fff; background-repeat:no-repeat; background-position:center; line-height:1.75rem;}
.popup .control a.popup_prev .inner {background-image:url(/images/template/02575/main/popup_prev.png);}
.popup .control a.popup_stop .inner {background-image:url(/images/template/02575/main/popup_stop.png);}
.popup .control a.popup_play {display:none;}
.popup .control a.popup_play .inner {background-image:url(/images/template/02575/main/popup_play.png);}
.popup .control a.popup_next .inner {background-image:url(/images/template/02575/main/popup_next.png);}
/** 팝업존 : action **/
.popup .list_box .item a:focus {outline:2px solid #3e3e3e; outline-offset:-2px;}

/* 홍보동영상 */
.video {position:relative; margin-top:2rem;}
.video .btn_more {top:0; right:0;}
.video > .tit {font-family:"SCDream"; font-weight:500; font-size:1.1rem; color:#222;}
.video > .tit span {font-weight:700;}
.video .inner {display:block; overflow:hidden; position:relative; height:170px; margin-top:0.75rem;}
.video .inner:before {content:""; display:inline-block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; background:rgba(0,0,0,0.4); -webkit-transition:all 0.2s; -ms-transition:all 0.2s; transition:all 0.2s;}
.video .inner:after {content:""; display:inline-block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2; width:3rem; height:3rem; margin:auto; border-radius:50%; border:2px solid #fff; background:#aaa9a9 url(/images/template/02575/main/video_play.png) no-repeat 55% center;}
.video .inner img {position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); width:100%; height:auto;}
/** 홍보동영상 : action **/
.video .inner:hover:before,
.video .inner:focus:before {background:rgba(0,0,0,0.6);}

/*220607_분원 바로가기*/
.sc_geti{width:80px; height:80px; position:absolute; left:1.5rem; top:550px; z-index:1000;}
.sc_geti a img{width:100%; display:block;}
.sc_geti a p{color:#222; text-align:center;letter-spacing: -3px; line-height:1; font-size:15px;font-family: "SCDream";font-weight: 600;}

@media (max-width:1920px){

    /* 바로가기 */
    .m_link a {padding-left: 5rem;text-align:left;}

    /* 연간 교육계획 */
    .calendar {padding-left:3rem;}
    .calendar .list_wrap {width:calc(100% - 15rem);}
}

@media (max-width:1630px){

    /* 메인 레이아웃 */
    .conBox03 {margin-bottom:1.5rem;}
    .conBox04 .box1 {width:29%;}

    /* 메인비주얼 */
    .main_visual {height:auto; padding-left:0;}
    .main_visual .visual {height:400px;}
    .main_visual .visual .item .slogan p.txt1 {font-size:1.5rem;}
    .main_visual .visual .item .slogan p.txt1 span {font-size:2rem;}
    .main_visual .visual .item .slogan p.txt2 {margin-top:0.5rem; font-size:1rem;}
    .main_visual .visual .item .slogan {left:3%; margin-left:0;}
    .main_visual .visual .item img {top:50%; width:100%; height:auto; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}

    .main_visual .control {position:relative; top:auto; left:auto; width:50%; height:3rem; padding-top:0;}
    .main_visual .control:before {display:none;}
    .main_visual .control > .inner {height:100%; padding:0.5rem; font-size:0; text-align:center;}
    .main_visual .control .current {display:inline-block; font-size:1.5rem; vertical-align:middle;}
    .main_visual .control .current:before {left:-15%; width:6px; height:6px;}
    .main_visual .control .total {display:inline-block; margin-bottom:0; margin-left:0.4rem; margin-right:0.4rem; vertical-align:middle;}
    .main_visual .control a {width:2rem; height:2rem; margin-left:0.3rem; padding:2px; font-size:1.5rem; line-height:2rem; vertical-align:middle;}
    .main_visual .control a + a {margin-top:0;}
    .main_visual .control a .inner {line-height:1.9rem;}
    .main_visual .control a .hid {font-size:1px;}

    /* 바로가기 */
    .m_link {left:auto; right:0; width:50%; height:3rem;}
    .m_link a {height:100%; padding-left:0; border-top-right-radius:0; text-align:center; background:rgba(255,255,255,0.9);}
    .m_link a .txt {height:100%;line-height:3rem;font-size: 0.75rem;}
    .m_link a .txt span.q_link:before {width: 160px;height: 40px;background-size:100% 100%;image-rendering:-webkit-optimize-contrast;}
    .m_link a .txt i {width:1.5rem;height:1.5rem;line-height: 1.6rem;font-size: 1.25rem;}

    /* 연간 교육계획 */
    .calendar {width:50%; margin-left:0; padding-left:2%; padding-right:2%;}
    .calendar .btn_more {right:4%;}

    /* 연수 홍보게시판 */
    .gallery {width:67.5%;}
    .gallery .list_box li {width:29%;}
    .gallery .list_box li + li {margin-left:6.5%;}
    .gallery .list_box li a .img img {position:relative; top:50%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); height:auto;}
    /** 연수 홍보게시판 : action **/
    .gallery .list_box li a:hover .img img,
    .gallery .list_box li a:focus .img img {-webkit-transform:translateY(-50%) scale(1.1); -ms-transform:translateY(-50%) scale(1.1); transform:translateY(-50%) scale(1.1);}

    /* 공지사항 */
    .notice {width:45.5%; margin-right:2%;}
    .notice .notice_tit ~ .notice_tit {margin-left:0.5rem;}

    /* 팝업존 */
    .popup .list_box .item a img {width:100%; image-rendering:-webkit-optimize-contrast;}

    /*220607_횡성분원 바로가기*/
    .sc_geti{display:none;}
}

@media (max-width:1440px){

    /* 메인 비주얼 */
    .main_visual .visual .item img {height:100%;}
}

@media (max-width:1400px){

    /* 메인 레이아웃 */
    .conBox04 .box1 {padding-left:2rem;}

    /* 연수 홍보게시판 */
    .gallery .list_box li a .img img {top:auto; -webkit-transform:none; -ms-transform:none; transform:none; height:100%;}
    /** 연수 홍보게시판 : action **/
    .gallery .list_box li a:hover .img img,
    .gallery .list_box li a:focus .img img {-webkit-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);}
}

@media (max-width:1280px){

    /* 메인 레이아웃 */
    .conBox03 {margin-top:0.5rem;}
    .conBox04 .box1 {float:none; width:auto; height:auto; margin:0 -4%; padding:1.5rem 4%; border-radius:0;}
    .conBox04 .box1:before {display:none;}
    .conBox04 .box1:after {content:""; display:block; clear:both;}

    /* 메인 비주얼 */
    .main_visual .visual .item img {width:auto; height:100%;}

    /* 연간 교육계획 */
    .calendar {float:none; width:100%; height:auto; margin-right:0; padding:1rem 2%; border-radius:0;}
    .calendar .btn_more {right:2%;}

    /* 공지사항 */
    .notice {float:none; width:96%; margin:1rem auto 0;}

    /* 연수 홍보게시판 */
    .gallery {float:none; width:100%; margin-bottom:1.5rem;}
    .gallery:after {content:""; display:block; clear:both;}
    .gallery .list_box li a .img {height:20rem;}

    /* 팝업존 */
    .popup {float:left; width:49%;}
    .popup .list_box .item a img {width:auto;}
    .gallery .list_box li a .txt {margin-top:1rem;}

    /* 홍보동영상 */
    .video {float:right; width:49%; margin-top:0;}
}

@media (max-width:1024px){

    /* 메인 비주얼 */
    .main_visual .visual {height:360px;}

    /* 바로가기2 */
    .m_link2 .link2_arr {width:2rem; height:2rem; line-height:2rem; font-size:1.5rem;}
    .m_link2 .items .item .img {width:80px; height:80px;}
    .m_link2 .items .item .img img {image-rendering:-webkit-optimize-contrast;}
}

@media (max-width:900px){

    /* 팝업존 */
    .popup .list_box .item a img {width:100%;}

    /* 연수 홍보게시판 */
    .gallery .list_box li a .img {height:16rem;}
    .gallery .list_box li a.new .img:before {width:2.5rem; height:2.5rem; line-height:2.5rem; font-size:0.7rem;}
}

@media (max-width:768px){

    /* 더보기버튼 공통 */
    .btn_more {width:23px; height:23px; background-size:100% 100%; image-rendering:-webkit-optimize-contrast;}

    /* 메인 비주얼 */
    .main_visual .visual {height:340px;}
    
    /* 바로가기 */
    .m_link a .txt span.q_link:before {width: 160px;height: 40px;background-size:100% 100%; margin-right: 1rem; image-rendering:-webkit-optimize-contrast;}

    /* 연간 교육계획 */
    .calendar .btn_more {top:1.4rem;}

    /* 공지사항 */
    .notice .notice_tit {max-width:50%;}
    .notice .btn_more {top:-3.7rem}

    /* 팝업존 */
    .popup .control {top:0.1rem;}
    .popup .control a {width:26px; height:26px;}
    .popup .control a .inner {background-size:9px; line-height:26px; image-rendering:-webkit-optimize-contrast;}

    /* 홍보동영상 */
    .video .btn_more {top:0.1rem;}
}

@media (max-width:680px){

    /* 메인 비주얼 */
    .main_visual .visual {height:250px;}
    .main_visual .visual .item .slogan {top:4rem;}
    .main_visual .visual .item .slogan p.txt1 {font-size:1.2rem;}
    .main_visual .visual .item .slogan p.txt1 span {font-size:1.5rem;}
    .main_visual .visual .item .slogan p.txt2 {font-size:0.9rem;}
    .main_visual .control {display:table; width:100%; height:3rem; table-layout:fixed;}
    .main_visual .control > .inner {display:table-cell; vertical-align:middle;}
    .main_visual .control .current {font-size:1rem;}
    .main_visual .control .current:before {left:-20%; width:4px; height:4px;}
    .main_visual .control .total:before {font-size:0.85rem;}
    .main_visual .control a {width:1.5rem; height:1.5rem; line-height:1.5rem; font-size:1.2rem;}
    .main_visual .control a.visual_stop,
    .main_visual .control a.visual_play {font-size:0.9rem;}
    .main_visual .control a .inner {line-height:1.4rem;}

    /* 바로가기 */
    .m_link {position:relative; right:auto; bottom:auto; width:100%;}
    .m_link a .txt {line-height:3rem;}
    .m_link a .txt i {font-size:1.2rem;}


    /* 바로가기2 */
    .m_link2 .items .item .img {width:70px; height:70px;}
}

@media (max-width:640px){

    /* 연수 홍보게시판 */
    .gallery .list_box {margin:0.5rem -0.5rem -0.5rem -0.5rem;}
    .gallery .list_box ul {overflow:hidden; height:395px; padding:0.5rem;}
    .gallery .list_box li {width:48%;}
    .gallery .list_box li + li {margin-left:4%;}
    .gallery .list_box li:nth-child(n+3) {margin-top:4rem;}
    .gallery .list_box li a .txt {padding:0.3rem 0 0 0.3rem;}
    .gallery .list_box li a .txt:before {width:5px; height:5px;}
    .gallery .list_box li a .date {margin-top:0.3rem; padding-left:0.3rem;}
    .gallery .list_box .btn_more {top:0.6rem; height:1.7rem; line-height:1.7rem; background-position-y:55%; background-size:8px; image-rendering:-webkit-optimize-contrast;}

    /* 팝업존 */
    .popup .list_box .item a img {height:140px;}

    /* 홍보동영상 */
    .video .inner {height:140px;}
}

@media (max-width:560px){

    /* 연간 교육계획 */
    .calendar .list_wrap {float:none; width:100%;}
    .calendar .list_wrap .date_wrap .date {height:1.6rem; line-height:1.6rem; font-size:0.85rem;}
    .calendar .list_wrap .date_wrap .date .month {font-size:1rem;}
    .calendar .list_wrap .date_wrap a {width:1.5rem; height:1.5rem; background-size:8px; image-rendering:-webkit-optimize-contrast;}
    .calendar .list_wrap table {border-spacing:0 0.3rem;}
    .calendar .list_wrap table td {font-size:0.7rem; line-height:1.8;}
    .calendar .list_wrap table td.today span:before {top:0.1rem; width:1rem; height:1rem;}
    .calendar .cont_wrap {float:none; width:100%; letter-spacing:inherit;}
    .calendar .cont_wrap:before {left:auto; right:calc(100% - 3px);}
    .calendar .cont_wrap ul {height:5.8rem; margin-left:0; padding-left:0;}
    .calendar .cont_wrap li + li {margin-top:1rem;}
    .calendar .cont_wrap li a:before {left:0; width:5px; height:5px;}
    .calendar .cont_wrap li a .date {font-size:0.7rem;}
    .calendar .cont_wrap li a .txt {font-size:0.75rem;}

    /* 바로가기2 */
    .m_link2 .items .item .img {width:60px; height:60px;}
    .m_link2 .items .item .txt {font-size:0.8rem;}

    /* 팝업존 */
    .popup {float:none; width:100%;}
    .popup .list_box .item a img {width:auto;}

    /* 홍보동영상 */
    .video {float:none; width:100%; margin-top:1rem;}
}

@media (max-width:480px){

    /* 연간 교육계획 */
    .calendar .tit {font-size:1rem;}

    /* 공지사항 */
    .notice {height:16rem; margin-top:0;}
    .notice:before {top:2.85rem;}
    .notice .notice_tit ~ .notice_tit {margin-left:0.3rem;}
    .notice .notice_tit a {padding-bottom:0.5rem; padding-right:0.5rem; font-size:0.8rem;}
    .notice .notice_tit a.current {font-size:0.8rem;}
    .notice .notice_tit a.current:before {top:-0.3rem; width:34px; height:31px; background-size:100% 100%;}
    .notice .list_box {top:3.5rem;}
    .notice .btn_more {top:-2.6rem;}

    .notice .top_link {padding-bottom:0.9rem;}
    .notice .top_link .date {width:3.5rem; height:3.5rem; font-size:0.8rem;}
    .notice .top_link .txt_wrap {width:calc(100% - 5rem); margin-left:1rem;}
    .notice .top_link .tit {font-size:0.8rem;}
    .notice .top_link.new .tit {padding-left:1.3rem;}
    .notice .top_link.new .tit:before {width:1rem; height:1rem; line-height:1.1rem; font-size:0.6rem;}
    .notice .top_link .txt {margin-top:0;}

    .notice .list_box ul {margin-top:0.6rem;}
    .notice .list_box li a {padding-left:0.7rem; font-size:0.75rem;}
    .notice .list_box li a:before {width:4px; height:4px;}
    .notice .list_box li a .date {font-size:0.65rem;}

    /* 연수 홍보게시판 */
    .gallery > .tit {font-size:1rem;}

    /* 팝업존 */
    .popup > .inner > .tit {font-size:1rem;}

    /* 홍보동영상 */
    .video > .tit {font-size:1rem;}
}

@media (max-width:400px){
    
    /* 공지사항 */
    .notice .notice_tit {max-width:46%;}
    .notice .notice_tit ~ .notice_tit {margin-left:0;}
    .notice .notice_tit a,
    .notice .notice_tit a.current {font-size:0.75rem;}
    .notice .list_box li a .tit {float:none; display:block; width:100%;}
    .notice .list_box li a .date {display:none;}

    /* 연수 홍보게시판 */
    .gallery .list_box ul {height:340px;}
    .gallery .list_box li a .img {height:13rem;}
}

@media (max-width:380px){

    /* 메인 비주얼 */
    .main_visual .visual {height:165px;}
    .main_visual .visual .item .slogan {top:2.5rem; padding-top:0.5rem;}
    .main_visual .visual .item .slogan:before {width:3rem;}
    .main_visual .visual .item .slogan p.txt1 {font-size:1rem;}
    .main_visual .visual .item .slogan p.txt1 span {font-size:1.2rem;}
    .main_visual .visual .item .slogan p.txt2 {margin-top:0.3rem; font-size:0.8rem;}

    /* 바로가기 */
    .m_link a .txt span.q_link:before {width: 130px;height: 33px;background-size:100% 100%; margin-right: 0.5rem; image-rendering:-webkit-optimize-contrast;}

    /* 연수 홍보게시판 */
    .gallery .list_box ul {height:305px;}
    .gallery .list_box li a .img {height:11rem;}

    /* 팝업존 */
    .popup .list_box .item a img {width:100%; height:170px;}
}

@media (max-width:320px){

    /* 바로가기 */
    .m_link a {padding-left:2%; text-align:left;}
    .m_link a .txt span.q_link:before {margin-right:0.6rem;}
    .m_link a .txt i {right:0.5rem;}

    /* 공지사항 */
    .notice .notice_tit {max-width:35%;}
    .notice .top_link .txt_wrap {width:calc(100% - 4.5rem); margin-left:0.6rem;}

    /* 연수 홍보게시판 */
    .gallery .list_box ul {height:410px;}
    .gallery .list_box li {float:none; width:100%;}
    .gallery .list_box li:nth-child(n+2) {margin-top:4rem;}
    .gallery .list_box li a .img {height:17rem;}

    /* 팝업존 */
    .popup .list_box .item a img {height:140px;}
}

@media (max-width:280px){

    /* 팝업존 */
    .popup .list_box .item a img {height:120px;}
}